wunderbaum 0.13.0 → 0.14.0
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/LICENSE +1 -1
- package/dist/wunderbaum.css +31 -11
- package/dist/wunderbaum.css.map +1 -1
- package/dist/wunderbaum.d.ts +535 -296
- package/dist/wunderbaum.esm.js +619 -221
- package/dist/wunderbaum.esm.min.js +28 -28
- package/dist/wunderbaum.esm.min.js.map +1 -1
- package/dist/wunderbaum.umd.js +619 -221
- package/dist/wunderbaum.umd.min.js +32 -32
- package/dist/wunderbaum.umd.min.js.map +1 -1
- package/package.json +3 -2
- package/src/common.ts +23 -4
- package/src/types.ts +86 -40
- package/src/util.ts +75 -2
- package/src/wb_ext_dnd.ts +21 -20
- package/src/wb_ext_edit.ts +1 -1
- package/src/wb_ext_filter.ts +6 -2
- package/src/wb_ext_grid.ts +1 -1
- package/src/wb_extension_base.ts +16 -1
- package/src/wb_node.ts +222 -106
- package/src/wb_options.ts +169 -108
- package/src/wunderbaum.ts +351 -127
package/LICENSE
CHANGED
package/dist/wunderbaum.css
CHANGED
|
@@ -68,16 +68,6 @@ div.wunderbaum {
|
|
|
68
68
|
background-clip: content-box;
|
|
69
69
|
overflow-x: auto;
|
|
70
70
|
overflow-y: scroll;
|
|
71
|
-
/* --- FIXED-COLUMN --- */
|
|
72
|
-
/* Fixed column must be opaque, i.e. have the bg color set. */
|
|
73
|
-
/* --- GRID --- */
|
|
74
|
-
/* --- FILTER --- */
|
|
75
|
-
/* --- DND --- */
|
|
76
|
-
/* --- SPECIAL EFFECTS --- */
|
|
77
|
-
/* Colorize indentation levels. */
|
|
78
|
-
/* Fade out expanders, when container is not hovered or active */
|
|
79
|
-
/* Skeleton */
|
|
80
|
-
/* Auto-hide checkboxes unless selected or hovered */
|
|
81
71
|
}
|
|
82
72
|
div.wunderbaum:focus, div.wunderbaum:focus-within {
|
|
83
73
|
border-color: var(--wb-focus-border-color);
|
|
@@ -90,6 +80,9 @@ div.wunderbaum div.wb-list-container {
|
|
|
90
80
|
position: relative;
|
|
91
81
|
min-height: 4px;
|
|
92
82
|
}
|
|
83
|
+
div.wunderbaum {
|
|
84
|
+
/* --- FIXED-COLUMN --- */
|
|
85
|
+
}
|
|
93
86
|
div.wunderbaum div.wb-header {
|
|
94
87
|
position: sticky;
|
|
95
88
|
top: 0;
|
|
@@ -108,6 +101,9 @@ div.wunderbaum div.wb-row {
|
|
|
108
101
|
line-height: var(--wb-row-outer-height);
|
|
109
102
|
border: 1px solid transparent;
|
|
110
103
|
}
|
|
104
|
+
div.wunderbaum {
|
|
105
|
+
/* Fixed column must be opaque, i.e. have the bg color set. */
|
|
106
|
+
}
|
|
111
107
|
div.wunderbaum.wb-fixed-col span.wb-col:first-of-type {
|
|
112
108
|
position: sticky;
|
|
113
109
|
left: 0;
|
|
@@ -234,7 +230,6 @@ div.wunderbaum span.wb-col:last-of-type {
|
|
|
234
230
|
div.wunderbaum span.wb-node {
|
|
235
231
|
-webkit-user-select: none;
|
|
236
232
|
user-select: none;
|
|
237
|
-
/* Fix Bootstrap Icon alignment */
|
|
238
233
|
}
|
|
239
234
|
div.wunderbaum span.wb-node i.wb-checkbox,
|
|
240
235
|
div.wunderbaum span.wb-node i.wb-expander,
|
|
@@ -250,6 +245,9 @@ div.wunderbaum span.wb-node i.wb-icon {
|
|
|
250
245
|
background-repeat: no-repeat;
|
|
251
246
|
background-size: contain;
|
|
252
247
|
}
|
|
248
|
+
div.wunderbaum span.wb-node {
|
|
249
|
+
/* Fix Bootstrap Icon alignment */
|
|
250
|
+
}
|
|
253
251
|
div.wunderbaum span.wb-node i.bi::before {
|
|
254
252
|
vertical-align: baseline;
|
|
255
253
|
}
|
|
@@ -276,6 +274,9 @@ div.wunderbaum span.wb-node span.wb-title {
|
|
|
276
274
|
white-space: nowrap;
|
|
277
275
|
text-overflow: ellipsis;
|
|
278
276
|
}
|
|
277
|
+
div.wunderbaum {
|
|
278
|
+
/* --- GRID --- */
|
|
279
|
+
}
|
|
279
280
|
div.wunderbaum.wb-grid div.wb-header div.wb-row span.wb-col:hover {
|
|
280
281
|
background-color: var(--wb-active-header-column-color);
|
|
281
282
|
}
|
|
@@ -339,6 +340,9 @@ div.wunderbaum.wb-grid.wb-alternate div.wb-node-list div.wb-row:nth-of-type(even
|
|
|
339
340
|
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 {
|
|
340
341
|
border-bottom-color: var(--wb-grid-color-grayscale);
|
|
341
342
|
}
|
|
343
|
+
div.wunderbaum {
|
|
344
|
+
/* --- FILTER --- */
|
|
345
|
+
}
|
|
342
346
|
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 {
|
|
343
347
|
color: var(--wb-filter-dim-color);
|
|
344
348
|
}
|
|
@@ -351,6 +355,9 @@ div.wunderbaum.wb-ext-filter-dim div.wb-node-list div.wb-row.wb-match, div.wunde
|
|
|
351
355
|
div.wunderbaum.wb-ext-filter-hide.wb-ext-filter-hide-expanders div.wb-node-list div.wb-row:not(.wb-submatch) i.wb-expander {
|
|
352
356
|
visibility: hidden;
|
|
353
357
|
}
|
|
358
|
+
div.wunderbaum {
|
|
359
|
+
/* --- DND --- */
|
|
360
|
+
}
|
|
354
361
|
div.wunderbaum div.wb-row.wb-drag-source {
|
|
355
362
|
opacity: 0.5;
|
|
356
363
|
}
|
|
@@ -384,6 +391,10 @@ div.wunderbaum div.wb-row.wb-drop-target.wb-drop-after .wb-node .wb-icon::after
|
|
|
384
391
|
div.wunderbaum div.wb-row.wb-drop-target.wb-drop-after .wb-node .wb-icon::after {
|
|
385
392
|
top: calc((22px - var(--wb-icon-height)) / 2 + 11px);
|
|
386
393
|
}
|
|
394
|
+
div.wunderbaum {
|
|
395
|
+
/* --- SPECIAL EFFECTS --- */
|
|
396
|
+
/* Colorize indentation levels. */
|
|
397
|
+
}
|
|
387
398
|
div.wunderbaum.wb-rainbow i.wb-expander:nth-child(4n+1),
|
|
388
399
|
div.wunderbaum.wb-rainbow i.wb-indent:nth-child(4n+1) {
|
|
389
400
|
background: rgb(255, 255, 201);
|
|
@@ -400,6 +411,9 @@ div.wunderbaum.wb-rainbow i.wb-expander:nth-child(4n+4),
|
|
|
400
411
|
div.wunderbaum.wb-rainbow i.wb-indent:nth-child(4n+4) {
|
|
401
412
|
background: rgb(204, 250, 250);
|
|
402
413
|
}
|
|
414
|
+
div.wunderbaum {
|
|
415
|
+
/* Fade out expanders, when container is not hovered or active */
|
|
416
|
+
}
|
|
403
417
|
div.wunderbaum.wb-fade-expander i.wb-expander {
|
|
404
418
|
transition: color 1.5s;
|
|
405
419
|
color: rgba(86, 83, 76, 0);
|
|
@@ -409,6 +423,9 @@ div.wunderbaum.wb-fade-expander [class*=wb-statusnode-] i.wb-expander {
|
|
|
409
423
|
transition: color 0.6s;
|
|
410
424
|
color: var(--wb-node-text-color);
|
|
411
425
|
}
|
|
426
|
+
div.wunderbaum {
|
|
427
|
+
/* Skeleton */
|
|
428
|
+
}
|
|
412
429
|
div.wunderbaum div.wb-row.wb-skeleton span.wb-title,
|
|
413
430
|
div.wunderbaum div.wb-row.wb-skeleton i.wb-icon {
|
|
414
431
|
animation: wb-skeleton-animation 1s linear infinite alternate;
|
|
@@ -416,6 +433,9 @@ div.wunderbaum div.wb-row.wb-skeleton i.wb-icon {
|
|
|
416
433
|
color: transparent;
|
|
417
434
|
opacity: 0.7;
|
|
418
435
|
}
|
|
436
|
+
div.wunderbaum {
|
|
437
|
+
/* Auto-hide checkboxes unless selected or hovered */
|
|
438
|
+
}
|
|
419
439
|
div.wunderbaum.wb-checkbox-auto-hide i.wb-checkbox {
|
|
420
440
|
visibility: hidden;
|
|
421
441
|
}
|
package/dist/wunderbaum.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/wunderbaum.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AA6EA;AAAA;EAME;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAMF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAGA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/wunderbaum.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AA6EA;AAAA;EAME;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAMF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAGA;;AAIA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EAEA;;AAnCJ;AAuCE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AA7DJ;AAgEE;;AAGE;EACE;EACA;EACA;EACA;;AAIA;EACE;;AAKF;EAEE;;AAGF;EAEE;;AAGF;EACE;;AAOA;EAEE;EACA;;AAEA;EACE;;AAaN;EAEE;EACA;;AAEA;EACE;;AAON;EACE;;AAEA;EACE;;AAOF;EACE;;AAGF;EAEE;;AAGA;EACE;;AAKJ;EACE;EACA;;AAGF;EAEE;EACA;;AAEA;EAEE;;AAIJ;EACE;;AAGF;AAAA;AAAA;EAGE;EAcA;EASA;;AAGF;EAEE;;AAON;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EAIA;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAKJ;EACE;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAKA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AApBJ;AAuBE;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAMA;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;;AApVN;AAwVE;;AAMQ;EACE;;AAON;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIF;EACE;;AAGF;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAgBE;EACA;EACA;;AAGF;AAAA;EAEE;;AAcA;EACE;;AAWJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAON;EACE;;AAEA;EACE;;AAQJ;EACE;;AAvcR;AA4cE;;AAIE;EACE;;AAEA;EACE;;AAGF;EACE;;AAMJ;EACE;;AA/dN;AA0eE;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGA;EACE;EACA;;AAEA;EAGE;EACA;EAGA;EACA;EACA;;AAgBR;AAAA;EAIE;EACA;EACA;;AAKF;EACE;;AAriBJ;AA0iBE;AAEA;;AAGI;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAjjBR;AAsjBE;;AAEE;EAIE;EACA;;AAGF;AAAA;EAKE;EACA;;AAtkBN;AA0kBE;;AAEE;AAAA;EAEE;EACA;EACA;EACA;;AAjlBN;AAslBE;;AAEE;EACE;;AAGF;AAAA;EAEE;;AAKA;EACE;;;AAMR;AACA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAOJ;EACE;;;AAIF;AACA;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAIA;AAAA;EAEE;;AAGF;AAAA;EAEE;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAIJ;AAAA;AAAA;AAMA;EACE;EACA;;;AAGF;EAGE;;;AAGF;EACE;;;AAKF;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE","file":"wunderbaum.css"}
|