wunderbaum 0.12.1 → 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2021-2024 Martin Wendt
3
+ Copyright (c) 2021-2025 Martin Wendt
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
@@ -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
  }
@@ -428,6 +448,11 @@ div.wunderbaum.wb-checkbox-auto-hide:focus .wb-row.wb-active i.wb-checkbox, div.
428
448
  }
429
449
 
430
450
  /* --- TOOL CLASSES --- */
451
+ a.wb-breadcrumb {
452
+ cursor: pointer;
453
+ text-decoration: none;
454
+ }
455
+
431
456
  .wb-helper-center {
432
457
  text-align: center;
433
458
  }
@@ -461,6 +486,10 @@ div.wunderbaum.wb-checkbox-auto-hide:focus .wb-row.wb-active i.wb-checkbox, div.
461
486
  user-select: contain;
462
487
  }
463
488
 
489
+ button.wb-filter-hide {
490
+ font-weight: bolder;
491
+ }
492
+
464
493
  /* RTL support */
465
494
  .wb-helper-start,
466
495
  .wb-helper-start > input {
@@ -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;AAsBA;AAyBA;AAwRA;AAoHA;AA8BA;AAgEA;AAEA;AAUA;AAoBA;AAYA;;AAjkBA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EAEA;;AAMF;EACE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAMA;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;AAqBA;;AAhBA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAIF;EACE;;AAGF;EACE;EACA;EACA;;AAMA;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;;AAUI;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;;AASJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAMJ;EACE;;AAaJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGA;EACE;EACA;;AAEA;EAGE;EACA;EAGA;EACA;EACA;;AAgBR;AAAA;EAIE;EACA;EACA;;AAKF;EACE;;AAUE;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAOJ;EAIE;EACA;;AAGF;AAAA;EAKE;EACA;;AAMF;AAAA;EAEE;EACA;EACA;EACA;;AAOF;EACE;;AAGF;AAAA;EAEE;;AAKA;EACE;;;AAMR;AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAQJ;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"}
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"}