@yuneta/gobj-ui 7.23.184 → 7.23.185

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.
@@ -76665,10 +76665,12 @@ function ensure_dev_style() {
76665
76665
  /* The indent of a nested block is NOT a hover effect: it used to be given
76666
76666
  only on .TRAFFIC_ENTRY:hover, so moving the cursor across the log made
76667
76667
  every payload under it jump 16px sideways and reflow. A payload being
76668
- read must not move because the pointer passed over it.
76668
+ read must not move because the pointer passed over it. One level is
76669
+ FOUR characters (4ch of the row's own monospace), the rule of every
76670
+ rendered json of the ecosystem; it was 16px, about two.
76669
76671
  (No backticks in here: this stylesheet is a template literal.) */
76670
- .TRAFFIC_KW { margin: 2px 0 0 16px; }
76671
- .TRAFFIC_FULL { margin: 4px 0 0 16px; padding: 6px 8px; font-family: monospace; font-size: 0.875rem; line-height: 1.45; white-space: pre-wrap; word-break: break-word; background: rgba(0,0,0,0.04); border-radius: 4px; overflow-x: auto; }
76672
+ .TRAFFIC_KW { margin: 2px 0 0 4ch; }
76673
+ .TRAFFIC_FULL { margin: 4px 0 0 4ch; padding: 6px 8px; font-family: monospace; font-size: 0.875rem; line-height: 1.45; tab-size: 4; white-space: pre-wrap; word-break: break-word; background: rgba(0,0,0,0.04); border-radius: 4px; overflow-x: auto; }
76672
76674
  .TRAFFIC_ROW { display: flex; gap: 6px; align-items: baseline; }
76673
76675
  .TRAFFIC_BULLET { color: var(--ydev-bullet); flex: 0 0 auto; }
76674
76676
  .TRAFFIC_KEY { color: var(--ydev-key); flex: 0 0 auto; }
@@ -76697,7 +76699,7 @@ details.TRAFFIC_NEST > summary::-webkit-details-marker { display: none; }
76697
76699
  /* -------- mirrored console logs (error/warning/info/debug/msg; the automata trace shows as debug) -------- */
76698
76700
  .YDEV_LOGROW { display: flex; align-items: baseline; gap: 8px; margin: 1px 0; padding: 2px 8px; border-left: 3px solid #94a3b8; border-radius: 3px; font-family: "DejaVu Sans Mono", monospace, consolas, monaco; font-size: 0.9375rem; background: rgba(0,0,0,0.015); }
76699
76701
  .YDEV_LOG_LVL { flex: 0 0 auto; text-transform: uppercase; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; color: var(--ydev-dim); min-width: 4.5rem; }
76700
- .YDEV_LOG_TXT { flex: 1 1 auto; min-width: 0; white-space: pre-wrap; word-break: break-word; color: var(--ydev-ink); }
76702
+ .YDEV_LOG_TXT { flex: 1 1 auto; min-width: 0; tab-size: 4; white-space: pre-wrap; word-break: break-word; color: var(--ydev-ink); }
76701
76703
  .YDEV_LOG_error { border-left-color: #dc2626; } .YDEV_LOG_error .YDEV_LOG_LVL { color: #dc2626; }
76702
76704
  .YDEV_LOG_warning { border-left-color: #d97706; } .YDEV_LOG_warning .YDEV_LOG_LVL { color: #d97706; }
76703
76705
  .YDEV_LOG_info { border-left-color: #2563eb; } .YDEV_LOG_info .YDEV_LOG_LVL { color: #2563eb; }
@@ -76660,10 +76660,12 @@ function ensure_dev_style() {
76660
76660
  /* The indent of a nested block is NOT a hover effect: it used to be given
76661
76661
  only on .TRAFFIC_ENTRY:hover, so moving the cursor across the log made
76662
76662
  every payload under it jump 16px sideways and reflow. A payload being
76663
- read must not move because the pointer passed over it.
76663
+ read must not move because the pointer passed over it. One level is
76664
+ FOUR characters (4ch of the row's own monospace), the rule of every
76665
+ rendered json of the ecosystem; it was 16px, about two.
76664
76666
  (No backticks in here: this stylesheet is a template literal.) */
76665
- .TRAFFIC_KW { margin: 2px 0 0 16px; }
76666
- .TRAFFIC_FULL { margin: 4px 0 0 16px; padding: 6px 8px; font-family: monospace; font-size: 0.875rem; line-height: 1.45; white-space: pre-wrap; word-break: break-word; background: rgba(0,0,0,0.04); border-radius: 4px; overflow-x: auto; }
76667
+ .TRAFFIC_KW { margin: 2px 0 0 4ch; }
76668
+ .TRAFFIC_FULL { margin: 4px 0 0 4ch; padding: 6px 8px; font-family: monospace; font-size: 0.875rem; line-height: 1.45; tab-size: 4; white-space: pre-wrap; word-break: break-word; background: rgba(0,0,0,0.04); border-radius: 4px; overflow-x: auto; }
76667
76669
  .TRAFFIC_ROW { display: flex; gap: 6px; align-items: baseline; }
76668
76670
  .TRAFFIC_BULLET { color: var(--ydev-bullet); flex: 0 0 auto; }
76669
76671
  .TRAFFIC_KEY { color: var(--ydev-key); flex: 0 0 auto; }
@@ -76692,7 +76694,7 @@ details.TRAFFIC_NEST > summary::-webkit-details-marker { display: none; }
76692
76694
  /* -------- mirrored console logs (error/warning/info/debug/msg; the automata trace shows as debug) -------- */
76693
76695
  .YDEV_LOGROW { display: flex; align-items: baseline; gap: 8px; margin: 1px 0; padding: 2px 8px; border-left: 3px solid #94a3b8; border-radius: 3px; font-family: "DejaVu Sans Mono", monospace, consolas, monaco; font-size: 0.9375rem; background: rgba(0,0,0,0.015); }
76694
76696
  .YDEV_LOG_LVL { flex: 0 0 auto; text-transform: uppercase; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; color: var(--ydev-dim); min-width: 4.5rem; }
76695
- .YDEV_LOG_TXT { flex: 1 1 auto; min-width: 0; white-space: pre-wrap; word-break: break-word; color: var(--ydev-ink); }
76697
+ .YDEV_LOG_TXT { flex: 1 1 auto; min-width: 0; tab-size: 4; white-space: pre-wrap; word-break: break-word; color: var(--ydev-ink); }
76696
76698
  .YDEV_LOG_error { border-left-color: #dc2626; } .YDEV_LOG_error .YDEV_LOG_LVL { color: #dc2626; }
76697
76699
  .YDEV_LOG_warning { border-left-color: #d97706; } .YDEV_LOG_warning .YDEV_LOG_LVL { color: #d97706; }
76698
76700
  .YDEV_LOG_info { border-left-color: #2563eb; } .YDEV_LOG_info .YDEV_LOG_LVL { color: #2563eb; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yuneta/gobj-ui",
3
- "version": "7.23.184",
3
+ "version": "7.23.185",
4
4
  "type": "module",
5
5
  "main": "dist/gobj-ui.cjs.js",
6
6
  "module": "dist/gobj-ui.es.js",
package/src/yui_dev.js CHANGED
@@ -515,10 +515,12 @@ function ensure_dev_style()
515
515
  /* The indent of a nested block is NOT a hover effect: it used to be given
516
516
  only on .TRAFFIC_ENTRY:hover, so moving the cursor across the log made
517
517
  every payload under it jump 16px sideways and reflow. A payload being
518
- read must not move because the pointer passed over it.
518
+ read must not move because the pointer passed over it. One level is
519
+ FOUR characters (4ch of the row's own monospace), the rule of every
520
+ rendered json of the ecosystem; it was 16px, about two.
519
521
  (No backticks in here: this stylesheet is a template literal.) */
520
- .TRAFFIC_KW { margin: 2px 0 0 16px; }
521
- .TRAFFIC_FULL { margin: 4px 0 0 16px; padding: 6px 8px; font-family: monospace; font-size: 0.875rem; line-height: 1.45; white-space: pre-wrap; word-break: break-word; background: rgba(0,0,0,0.04); border-radius: 4px; overflow-x: auto; }
522
+ .TRAFFIC_KW { margin: 2px 0 0 4ch; }
523
+ .TRAFFIC_FULL { margin: 4px 0 0 4ch; padding: 6px 8px; font-family: monospace; font-size: 0.875rem; line-height: 1.45; tab-size: 4; white-space: pre-wrap; word-break: break-word; background: rgba(0,0,0,0.04); border-radius: 4px; overflow-x: auto; }
522
524
  .TRAFFIC_ROW { display: flex; gap: 6px; align-items: baseline; }
523
525
  .TRAFFIC_BULLET { color: var(--ydev-bullet); flex: 0 0 auto; }
524
526
  .TRAFFIC_KEY { color: var(--ydev-key); flex: 0 0 auto; }
@@ -547,7 +549,7 @@ details.TRAFFIC_NEST > summary::-webkit-details-marker { display: none; }
547
549
  /* -------- mirrored console logs (error/warning/info/debug/msg; the automata trace shows as debug) -------- */
548
550
  .YDEV_LOGROW { display: flex; align-items: baseline; gap: 8px; margin: 1px 0; padding: 2px 8px; border-left: 3px solid #94a3b8; border-radius: 3px; font-family: "DejaVu Sans Mono", monospace, consolas, monaco; font-size: 0.9375rem; background: rgba(0,0,0,0.015); }
549
551
  .YDEV_LOG_LVL { flex: 0 0 auto; text-transform: uppercase; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; color: var(--ydev-dim); min-width: 4.5rem; }
550
- .YDEV_LOG_TXT { flex: 1 1 auto; min-width: 0; white-space: pre-wrap; word-break: break-word; color: var(--ydev-ink); }
552
+ .YDEV_LOG_TXT { flex: 1 1 auto; min-width: 0; tab-size: 4; white-space: pre-wrap; word-break: break-word; color: var(--ydev-ink); }
551
553
  .YDEV_LOG_error { border-left-color: #dc2626; } .YDEV_LOG_error .YDEV_LOG_LVL { color: #dc2626; }
552
554
  .YDEV_LOG_warning { border-left-color: #d97706; } .YDEV_LOG_warning .YDEV_LOG_LVL { color: #d97706; }
553
555
  .YDEV_LOG_info { border-left-color: #2563eb; } .YDEV_LOG_info .YDEV_LOG_LVL { color: #2563eb; }