three-slicer 0.2.2 → 0.2.3
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/CHANGELOG.md +97 -0
- package/README.md +143 -19
- package/components/README.md +6 -3
- package/data/README.md +10 -9
- package/engine/PARAMS.md +248 -0
- package/engine/README.md +18 -264
- package/engine/examples/headless.mjs +4 -0
- package/engine/index.d.ts +26 -0
- package/engine/index.js +24 -4
- package/engine/src/client.js +8 -2
- package/engine/src/kernel_setting_keys.js +132 -0
- package/engine/src/settings.js +36 -2
- package/engine/src/slicer.worker.js +25 -6
- package/engine/src/throughput.js +53 -0
- package/engine/src/warnings.js +23 -0
- package/package.json +1 -1
- package/types/settings.d.ts +20 -0
- package/types/viewer.d.ts +50 -1
- package/types/worker.d.ts +4 -3
- package/viewer/README.md +92 -16
- package/viewer/dist/Viewport.js +2760 -2648
- package/viewer/styles.css +14 -1
package/viewer/styles.css
CHANGED
|
@@ -66,6 +66,15 @@
|
|
|
66
66
|
.vtt-sep { width: 1px; align-self: stretch; background: #333c45; margin: 3px 3px; }
|
|
67
67
|
|
|
68
68
|
/* Stage 29-2: plate tab bar + slice dropdown */
|
|
69
|
+
/* Move scrub — inside the Preview card, directly under the layer slider: the two are the same question's two
|
|
70
|
+
axes (which layers / how far into the top one), so they read as one control rather than a floating overlay. */
|
|
71
|
+
.move-bar { display: flex; align-items: center; gap: 6px; margin-top: 2px; }
|
|
72
|
+
.move-bar input[type=range] { flex: 1; min-width: 60px; }
|
|
73
|
+
.move-label { font-size: 12px; white-space: nowrap; }
|
|
74
|
+
.move-reset { height: 20px; padding: 0 7px; border: 1px solid #2c353d; background: #1a2027; color: #9fb3c0;
|
|
75
|
+
border-radius: 5px; cursor: pointer; font-size: 11px; }
|
|
76
|
+
.move-reset:disabled { opacity: .45; cursor: default; }
|
|
77
|
+
|
|
69
78
|
.plate-bar { position: absolute; right: 14px; bottom: 30px; display: flex; align-items: center; gap: 4px; z-index: 3;
|
|
70
79
|
background: rgba(18,23,28,.85); border: 1px solid #2a323a; border-radius: 9px; padding: 4px; }
|
|
71
80
|
.plate-bar button { min-width: 26px; height: 26px; border: 1px solid #2c353d; background: #1a2027; color: #9fb3c0;
|
|
@@ -185,7 +194,11 @@
|
|
|
185
194
|
.side-card .layer-ctl button.on { background: #00ae42; color: #fff; border-color: #00ae42; }
|
|
186
195
|
|
|
187
196
|
/* (5) Fixed bottom button bar */
|
|
188
|
-
.side-bottom { flex: 0 0 auto; display: flex; gap: 8px; padding: 10px; border-top: 1px solid #dcdfe3; background: #e6e9ec; }
|
|
197
|
+
.side-bottom { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; border-top: 1px solid #dcdfe3; background: #e6e9ec; }
|
|
198
|
+
/* The live slice rate takes a full row of its own (it only exists while slicing). Tabular figures keep the
|
|
199
|
+
digits from changing width as the number moves, which otherwise jitters the line several times a second. */
|
|
200
|
+
.slice-rate { flex: 0 0 100%; margin: -4px 2px 0; text-align: right; font-size: 11px; color: #5a646d;
|
|
201
|
+
font-variant-numeric: tabular-nums; }
|
|
189
202
|
.side-bottom .slice-btn { flex: 1.4; margin: 0; }
|
|
190
203
|
.auto-slice { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #444; cursor: pointer; white-space: nowrap; user-select: none; }
|
|
191
204
|
.auto-slice input { margin: 0; }
|