three-slicer-viewer 0.3.2 → 0.3.4

package/dist/components.js

@@ -8,39 +8,39 @@ import { S as X } from "./shadow_host-CQ3LirzD.js";
 const Y = ':host{display:contents}*{box-sizing:border-box}.row{display:grid;grid-template-columns:260px 220px 70px 1fr;gap:8px;align-items:center;padding:3px 0;border-bottom:1px dashed var(--_light-divider)}.row .lbl{color:var(--_light-text);text-decoration:none}.row .lbl:hover{color:var(--_accent-ink);text-decoration:underline}.row .key{font-size:11px;color:var(--_light-text-faint);overflow:hidden;text-overflow:ellipsis}.row input[type=text],.row input:not([type]),.row select,.row textarea{width:100%;max-width:260px;padding:2px 6px}.inputwrap{display:inline-flex;align-items:center;gap:4px}.unit{color:var(--_light-text-faint);font-size:12px;white-space:nowrap}.pts{font-size:11px;color:var(--_light-text-muted)}.badge{font-size:10px;padding:1px 6px;border-radius:8px;color:var(--_on-accent);text-align:center}.mode-simple{background:var(--_accent-ink)}.mode-advanced{background:var(--_info-ink)}.mode-expert{background:var(--_warn)}.mode-develop{background:var(--_danger)}.mode-none,.mode-undefined{background:var(--_light-text-faint)}.muted{color:var(--_light-text-faint);font-weight:400;font-size:12px}.row.custom{grid-template-columns:1fr}.row.disabled{opacity:.42}.row.disabled input,.row.disabled select,.row.disabled textarea{cursor:not-allowed;background:var(--_light-subtle)}.lbl-cell{display:inline-flex;align-items:center;gap:5px;min-width:0}.lbl-cell .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dirty-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--_warn);box-shadow:0 0 0 2px var(--_warn-soft)}.override-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--_warn);border:0;padding:0;cursor:pointer;box-shadow:0 0 0 2px var(--_warn-soft)}.override-dot:hover{background:var(--_warn-ink)}.widget-cell{display:inline-flex;align-items:center;gap:6px;min-width:0}.reset-btn{flex:0 0 auto;border:1px solid var(--_warn-border);background:var(--_warn-soft);color:var(--_warn-ink);border-radius:5px;cursor:pointer;font-size:13px;line-height:1;padding:1px 5px}.reset-btn:hover{background:var(--_warn-soft-hover)}.settings-panel{flex:0 0 400px;width:400px;border-left:1px solid var(--_light-divider);display:flex;flex-direction:column;min-height:0;background:var(--_light-surface);color:var(--_light-text);font:14px/1.5 -apple-system,Segoe UI,sans-serif}.settings-panel .sp-top{padding:10px 12px 8px;border-bottom:1px solid var(--_light-divider)}.sp-builder{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--_light-text-muted)}.sp-builder select{flex:1;padding:4px 6px}.sp-pages{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.sp-pages button{border:1px solid var(--_light-border);background:var(--_light-subtle);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer}.sp-pages button.on{background:var(--_accent-soft);color:var(--_accent-ink);border-color:var(--_accent-soft-border);font-weight:700}.sp-modes{display:flex;gap:4px;margin-top:8px}.sp-modes button{border:0;background:none;font-size:11px;color:var(--_light-text-faint);padding:2px 6px;border-radius:6px;cursor:pointer}.sp-modes button.on{background:var(--_accent-soft);color:var(--_accent-ink);font-weight:700}.settings-panel .sp-body{flex:1 1 auto;overflow-y:auto;padding:8px 14px 24px}.settings-panel .sp-body h2{font-size:16px}.settings-panel .row{grid-template-columns:1fr auto;grid-template-areas:"lbl badge" "key widget";row-gap:2px;padding:6px 0}.settings-panel .row .lbl{grid-area:lbl;font-weight:600}.settings-panel .row .badge{grid-area:badge;justify-self:end}.settings-panel .row .key{grid-area:key}.settings-panel .row .inputwrap,.settings-panel .row>select,.settings-panel .row>input,.settings-panel .row>textarea,.settings-panel .row>.pts,.settings-panel .row>.muted{grid-area:widget;justify-self:end}.settings-panel .row input:not([type=checkbox]):not([type=color]),.settings-panel .row select,.settings-panel .row textarea{max-width:200px}.settings-panel .row.custom{grid-template-columns:1fr;grid-template-areas:"lbl"}.sp-search{width:100%;box-sizing:border-box;padding:6px 9px;border:1px solid var(--_light-border);border-radius:6px;font-size:13px;margin-bottom:8px}:host(.sp-embedded) .settings-panel{position:static;width:auto;flex:none;border:0;height:auto}:host(.sp-embedded) .sp-body{padding:4px 2px 8px;max-height:460px}.bse{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:220px}.bse-modes{display:flex;gap:4px}.bse-modes button{border:1px solid var(--_light-border);background:var(--_light-subtle);border-radius:6px;padding:2px 8px;font-size:11px;cursor:pointer}.bse-modes button.on{background:var(--_accent-soft);color:var(--_accent-ink);border-color:var(--_accent-soft-border);font-weight:700}.bse-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.bse-grid label{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--_light-text-muted);white-space:nowrap}.bse-grid input{width:56px;padding:2px 4px;font-size:12px}.bse-json{width:100%;font:11px ui-monospace,monospace;padding:4px 6px;border:1px solid var(--_light-border);border-radius:6px;box-sizing:border-box}.bse-json.err{border-color:var(--_danger);background:var(--_danger-soft)}', q = (t, a, r, o) => [[r, o], [t + r, o], [t + r, a + o], [r, a + o]], L = R.printable_area.default, V = (t) => {
   const a = t / 2, r = 32;
   return Array.from({ length: r }, (o, i) => {
-    const u = 2 * Math.PI * i / r;
-    return [+(a + a * Math.cos(u)).toFixed(2), +(a + a * Math.sin(u)).toFixed(2)];
+    const m = 2 * Math.PI * i / r;
+    return [+(a + a * Math.cos(m)).toFixed(2), +(a + a * Math.sin(m)).toFixed(2)];
   });
 }, T = (t) => {
   const a = t.map((o) => o[0]), r = t.map((o) => o[1]);
   return { x0: Math.min(...a), y0: Math.min(...r), w: Math.max(...a) - Math.min(...a), d: Math.max(...r) - Math.min(...r) };
 };
 function Z({ value: t, onChange: a, disabled: r }) {
-  const o = Array.isArray(t) && t.length >= 3 ? t : L, i = T(o), [u, d] = y(o.length === 4 ? "rect" : o.length >= 12 ? "circle" : "custom"), [c, p] = y({ w: i.w, d: i.d, ox: i.x0, oy: i.y0 }), [x, g] = y(Math.round(i.w)), [l, b] = y(JSON.stringify(o)), [k, w] = y(!1);
+  const o = Array.isArray(t) && t.length >= 3 ? t : L, i = T(o), [m, d] = y(o.length === 4 ? "rect" : o.length >= 12 ? "circle" : "custom"), [c, p] = y({ w: i.w, d: i.d, ox: i.x0, oy: i.y0 }), [x, b] = y(Math.round(i.w)), [l, u] = y(JSON.stringify(o)), [_, w] = y(!1);
   P(() => {
     const n = T(o);
-    p({ w: n.w, d: n.d, ox: n.x0, oy: n.y0 }), g(Math.round(n.w)), b(JSON.stringify(o)), w(!1);
+    p({ w: n.w, d: n.d, ox: n.x0, oy: n.y0 }), b(Math.round(n.w)), u(JSON.stringify(o)), w(!1);
   }, [JSON.stringify(t)]);
   const v = (n) => {
     p(n);
-    const { w: m, d: f, ox: S, oy: M } = n;
-    m > 0 && f > 0 && a(q(m, f, S, M));
-  }, _ = (n) => {
-    g(n), n > 0 && a(V(n));
+    const { w: g, d: f, ox: S, oy: M } = n;
+    g > 0 && f > 0 && a(q(g, f, S, M));
+  }, N = (n) => {
+    b(n), n > 0 && a(V(n));
   }, z = (n) => {
-    b(n);
+    u(n);
     try {
-      const m = JSON.parse(n);
-      if (!Array.isArray(m) || m.length < 3 || !m.every((f) => Array.isArray(f) && f.length === 2 && f.every(Number.isFinite))) throw 0;
-      w(!1), a(m);
+      const g = JSON.parse(n);
+      if (!Array.isArray(g) || g.length < 3 || !g.every((f) => Array.isArray(f) && f.length === 2 && f.every(Number.isFinite))) throw 0;
+      w(!1), a(g);
     } catch {
       w(!0);
     }
   }, E = (n) => {
-    const m = parseFloat(n);
-    return Number.isFinite(m) ? m : 0;
+    const g = parseFloat(n);
+    return Number.isFinite(g) ? g : 0;
   };
-  return /* @__PURE__ */ e.createElement("div", { className: "bse", "data-testid": "bed-shape-editor" }, /* @__PURE__ */ e.createElement("div", { className: "bse-modes" }, [["rect", "Rectangular"], ["circle", "Circular"], ["custom", "Custom"]].map(([n, m]) => /* @__PURE__ */ e.createElement("button", { key: n, type: "button", className: u === n ? "on" : "", disabled: r, onClick: () => d(n) }, m))), u === "rect" && /* @__PURE__ */ e.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ e.createElement("label", null, "Width ", /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: "bse", "data-testid": "bed-shape-editor" }, /* @__PURE__ */ e.createElement("div", { className: "bse-modes" }, [["rect", "Rectangular"], ["circle", "Circular"], ["custom", "Custom"]].map(([n, g]) => /* @__PURE__ */ e.createElement("button", { key: n, type: "button", className: m === n ? "on" : "", disabled: r, onClick: () => d(n) }, g))), m === "rect" && /* @__PURE__ */ e.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ e.createElement("label", null, "Width ", /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "number",
@@ -76,7 +76,7 @@ function Z({ value: t, onChange: a, disabled: r }) {
       disabled: r,
       onChange: (n) => v({ ...c, oy: E(n.target.value) })
     }
-  ))), u === "circle" && /* @__PURE__ */ e.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ e.createElement("label", null, "Diameter ", /* @__PURE__ */ e.createElement(
+  ))), m === "circle" && /* @__PURE__ */ e.createElement("div", { className: "bse-grid" }, /* @__PURE__ */ e.createElement("label", null, "Diameter ", /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "number",
@@ -84,12 +84,12 @@ function Z({ value: t, onChange: a, disabled: r }) {
       value: x,
       disabled: r,
       "data-testid": "bed-dia",
-      onChange: (n) => _(E(n.target.value))
+      onChange: (n) => N(E(n.target.value))
     }
-  ), " mm")), u === "custom" && /* @__PURE__ */ e.createElement(
+  ), " mm")), m === "custom" && /* @__PURE__ */ e.createElement(
     "textarea",
     {
-      className: "bse-json" + (k ? " err" : ""),
+      className: "bse-json" + (_ ? " err" : ""),
       rows: 3,
       value: l,
       disabled: r,
@@ -118,35 +118,39 @@ function le(t) {
 function ie({ mode: t }) {
   return /* @__PURE__ */ e.createElement("span", { className: `badge mode-${t ?? "none"}` }, t ?? "—");
 }
-function ce({ def: t, optKey: a, settings: r, setSettings: o, disabled: i, customWidgets: u }) {
-  const d = I(r, a), c = (l) => o((b) => ({ ...b, [a]: l })), p = u?.[a] ?? K[a];
+function ce({ def: t, optKey: a, settings: r, setSettings: o, disabled: i, customWidgets: m }) {
+  const d = I(r, a), c = (l) => o((u) => ({ ...u, [a]: l })), p = m?.[a] ?? K[a];
   if (p) return /* @__PURE__ */ e.createElement(p, { def: t, value: d, onChange: c, disabled: i });
-  const x = le(t), g = Array.isArray(d) ? d[0] : d;
+  const x = le(t), b = Array.isArray(d) ? d[0] : d;
   switch (x) {
     case "select":
-      return /* @__PURE__ */ e.createElement("select", { value: g ?? "", onChange: (l) => c(l.target.value), disabled: i }, t.enum_values.map((l, b) => /* @__PURE__ */ e.createElement("option", { key: l, value: l }, t.enum_labels?.[b] ?? l)));
+      return /* @__PURE__ */ e.createElement("select", { value: b ?? "", onChange: (l) => c(l.target.value), disabled: i }, t.enum_values.map((l, u) => /* @__PURE__ */ e.createElement("option", { key: l, value: l }, t.enum_labels?.[u] ?? l)));
     case "checkbox":
       return /* @__PURE__ */ e.createElement("input", { type: "checkbox", checked: Array.isArray(d) ? !!d[0] : !!d, onChange: (l) => c(l.target.checked), disabled: i });
     case "color":
-      return /* @__PURE__ */ e.createElement("input", { type: "color", value: typeof g == "string" && g.startsWith("#") ? g : H, onChange: (l) => c(l.target.value), disabled: i });
-    case "textarea":
-      return /* @__PURE__ */ e.createElement("textarea", { rows: 2, value: Array.isArray(d) ? d.join(`
-`) : d ?? "", onChange: (l) => c(l.target.value), disabled: i });
+      return /* @__PURE__ */ e.createElement("input", { type: "color", value: typeof b == "string" && b.startsWith("#") ? b : H, onChange: (l) => c(l.target.value), disabled: i });
+    case "textarea": {
+      let l = 2;
+      t.full_width && (l = 12);
+      let u = d ?? "";
+      return Array.isArray(d) && (u = d.join(`
+`)), /* @__PURE__ */ e.createElement("textarea", { rows: l, value: u, onChange: (_) => c(_.target.value), disabled: i });
+    }
     case "points":
       return /* @__PURE__ */ e.createElement("code", { className: "pts" }, JSON.stringify(d ?? []));
     case "unknown":
       return /* @__PURE__ */ e.createElement("span", { className: "muted" }, "No schema");
     default:
-      return /* @__PURE__ */ e.createElement("span", { className: "inputwrap" }, /* @__PURE__ */ e.createElement("input", { value: g ?? "", onChange: (l) => c(l.target.value), disabled: i }), t.sidetext && /* @__PURE__ */ e.createElement("span", { className: "unit" }, t.sidetext));
+      return /* @__PURE__ */ e.createElement("span", { className: "inputwrap" }, /* @__PURE__ */ e.createElement("input", { value: b ?? "", onChange: (l) => c(l.target.value), disabled: i }), t.sidetext && /* @__PURE__ */ e.createElement("span", { className: "unit" }, t.sidetext));
   }
 }
-function de({ schema: t, optKey: a, settings: r, setSettings: o, disabled: i, onOptionOpen: u, customWidgets: d, overridden: c, onRevertKey: p }) {
+function de({ schema: t, optKey: a, settings: r, setSettings: o, disabled: i, onOptionOpen: m, customWidgets: d, overridden: c, onRevertKey: p }) {
   if (a.startsWith("<")) return /* @__PURE__ */ e.createElement("div", { className: "row custom" }, /* @__PURE__ */ e.createElement("span", { className: "muted" }, "⚙ Custom widget ", a));
-  const x = t[a], g = i ? i[a] : void 0, l = g != null, b = oe(t, r, a), k = () => o((v) => {
-    const _ = { ...v };
-    return delete _[a], _;
+  const x = t[a], b = i ? i[a] : void 0, l = b != null, u = oe(t, r, a), _ = () => o((v) => {
+    const N = { ...v };
+    return delete N[a], N;
   }), w = x?.label || x?.full_label || a;
-  return /* @__PURE__ */ e.createElement("div", { className: "row" + (l ? " disabled" : ""), title: l ? `Disabled when: ${g}` : x?.tooltip ?? "", "data-testid": `row-${a}` }, /* @__PURE__ */ e.createElement("span", { className: "lbl-cell" }, c && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: "row" + (l ? " disabled" : ""), title: l ? `Disabled when: ${b}` : x?.tooltip ?? "", "data-testid": `row-${a}` }, /* @__PURE__ */ e.createElement("span", { className: "lbl-cell" }, c && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
@@ -155,7 +159,7 @@ function de({ schema: t, optKey: a, settings: r, setSettings: o, disabled: i, on
       title: "This plate's override — click to follow the global value again",
       "data-testid": `override-${a}`
     }
-  ), b && /* @__PURE__ */ e.createElement("span", { className: "dirty-dot", title: "Changed from default", "data-testid": `dirty-${a}` }), u ? /* @__PURE__ */ e.createElement("button", { type: "button", className: "lbl lbl-link", onClick: () => u(a), title: "Details" }, w) : /* @__PURE__ */ e.createElement("span", { className: "lbl" }, w)), /* @__PURE__ */ e.createElement("code", { className: "key" }, a), /* @__PURE__ */ e.createElement(ie, { mode: x?.mode }), /* @__PURE__ */ e.createElement("span", { className: "widget-cell" }, /* @__PURE__ */ e.createElement(ce, { def: x, optKey: a, settings: r, setSettings: o, disabled: l, customWidgets: d }), b && /* @__PURE__ */ e.createElement("button", { className: "reset-btn", onClick: k, title: "Reset to default", "data-testid": `reset-${a}` }, "↺")));
+  ), u && /* @__PURE__ */ e.createElement("span", { className: "dirty-dot", title: "Changed from default", "data-testid": `dirty-${a}` }), m ? /* @__PURE__ */ e.createElement("button", { type: "button", className: "lbl lbl-link", onClick: () => m(a), title: "Details" }, w) : /* @__PURE__ */ e.createElement("span", { className: "lbl" }, w)), /* @__PURE__ */ e.createElement("code", { className: "key" }, a), /* @__PURE__ */ e.createElement(ie, { mode: x?.mode }), /* @__PURE__ */ e.createElement("span", { className: "widget-cell" }, /* @__PURE__ */ e.createElement(ce, { def: x, optKey: a, settings: r, setSettings: o, disabled: l, customWidgets: d }), u && /* @__PURE__ */ e.createElement("button", { className: "reset-btn", onClick: _, title: "Reset to default", "data-testid": `reset-${a}` }, "↺")));
 }
 function fe({
   schema: t = R,
@@ -163,14 +167,14 @@ function fe({
   toggle: r = re,
   settings: o,
   setSettings: i,
-  onOptionOpen: u,
+  onOptionOpen: m,
   embedded: d = !1,
   customWidgets: c,
   only: p,
   overriddenKeys: x,
-  onRevertKey: g
+  onRevertKey: b
 }) {
-  const l = j(() => ne(a), [a]), [b, k] = y(p?.builder ?? l[0] ?? ""), [w, v] = y(0), [_, z] = y("all"), [E, n] = y(""), m = W(o), f = l.filter((s) => te(s) === m), S = p?.builder ?? (f.includes(b) ? b : f[0] ?? ""), M = a[p?.builder ?? S] ?? [], A = p?.page ? M.filter((s) => s.page === p.page) : M, O = A[Math.min(w, A.length - 1)], J = j(() => r.disabledKeys(r.makeCfg(o)), [o, r]), N = E.trim().toLowerCase(), C = j(() => N ? Object.entries(t).filter(([s, h]) => s.includes(N) || h.label?.toLowerCase().includes(N) || h.full_label?.toLowerCase().includes(N)).slice(0, 60).map(([s]) => s) : [], [N]), D = (s, h) => /* @__PURE__ */ e.createElement(
+  const l = j(() => ne(a), [a]), [u, _] = y(p?.builder ?? l[0] ?? ""), [w, v] = y(0), [N, z] = y("all"), [E, n] = y(""), g = W(o), f = l.filter((s) => te(s) === g), S = p?.builder ?? (f.includes(u) ? u : f[0] ?? ""), M = a[p?.builder ?? S] ?? [], A = p?.page ? M.filter((s) => s.page === p.page) : M, O = A[Math.min(w, A.length - 1)], J = j(() => r.disabledKeys(r.makeCfg(o)), [o, r]), k = E.trim().toLowerCase(), C = j(() => k ? Object.entries(t).filter(([s, h]) => s.includes(k) || h.label?.toLowerCase().includes(k) || h.full_label?.toLowerCase().includes(k)).slice(0, 60).map(([s]) => s) : [], [k]), D = (s, h) => /* @__PURE__ */ e.createElement(
     de,
     {
       schema: t,
@@ -179,16 +183,16 @@ function fe({
       settings: o,
       setSettings: i,
       disabled: J,
-      onOptionOpen: u,
+      onOptionOpen: m,
       customWidgets: c,
       overridden: x?.includes(s),
-      onRevertKey: g
+      onRevertKey: b
     }
   );
-  return /* @__PURE__ */ e.createElement(X, { css: Q + Y, className: d ? "sp-embedded" : void 0 }, /* @__PURE__ */ e.createElement("div", { className: "settings-panel" }, !p && /* @__PURE__ */ e.createElement("div", { className: "sp-top" }, /* @__PURE__ */ e.createElement("input", { className: "sp-search", placeholder: `Search options (${Object.keys(t).length})…`, value: E, onChange: (s) => n(s.target.value), "data-testid": "opt-search" }), !N && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("label", { className: "sp-builder" }, /* @__PURE__ */ e.createElement("span", null, "Settings group"), /* @__PURE__ */ e.createElement("select", { value: S, onChange: (s) => {
-    k(s.target.value), v(0);
-  } }, f.map((s) => /* @__PURE__ */ e.createElement("option", { key: s, value: s }, B(s))))), /* @__PURE__ */ e.createElement("div", { className: "sp-pages" }, A.map((s, h) => /* @__PURE__ */ e.createElement("button", { key: s.page + h, className: h === Math.min(w, A.length - 1) ? "on" : "", onClick: () => v(h) }, s.page))), /* @__PURE__ */ e.createElement("div", { className: "sp-modes" }, ee.map((s) => /* @__PURE__ */ e.createElement("button", { key: s, className: _ === s ? "on" : "", onClick: () => z(s) }, s))))), /* @__PURE__ */ e.createElement("div", { className: "sp-body" }, N ? /* @__PURE__ */ e.createElement("section", { "data-testid": "search-results" }, /* @__PURE__ */ e.createElement("h3", null, "Search: “", E, "” — ", C.length, " hit", C.length === 1 ? "" : "s", C.length === 60 ? "+" : ""), C.map(D), !C.length && /* @__PURE__ */ e.createElement("p", { className: "muted" }, "No matches")) : O ? /* @__PURE__ */ e.createElement(e.Fragment, null, !p && /* @__PURE__ */ e.createElement("h2", null, O.page, " ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, "Tab.cpp:", O.line)), O.groups.map((s) => {
-    const h = s.options.filter((F) => se(t, F, _) && !(p && F.startsWith("<")));
+  return /* @__PURE__ */ e.createElement(X, { css: Q + Y, className: d ? "sp-embedded" : void 0 }, /* @__PURE__ */ e.createElement("div", { className: "settings-panel" }, !p && /* @__PURE__ */ e.createElement("div", { className: "sp-top" }, /* @__PURE__ */ e.createElement("input", { className: "sp-search", placeholder: `Search options (${Object.keys(t).length})…`, value: E, onChange: (s) => n(s.target.value), "data-testid": "opt-search" }), !k && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("label", { className: "sp-builder" }, /* @__PURE__ */ e.createElement("span", null, "Settings group"), /* @__PURE__ */ e.createElement("select", { value: S, onChange: (s) => {
+    _(s.target.value), v(0);
+  } }, f.map((s) => /* @__PURE__ */ e.createElement("option", { key: s, value: s }, B(s))))), /* @__PURE__ */ e.createElement("div", { className: "sp-pages" }, A.map((s, h) => /* @__PURE__ */ e.createElement("button", { key: s.page + h, className: h === Math.min(w, A.length - 1) ? "on" : "", onClick: () => v(h) }, s.page))), /* @__PURE__ */ e.createElement("div", { className: "sp-modes" }, ee.map((s) => /* @__PURE__ */ e.createElement("button", { key: s, className: N === s ? "on" : "", onClick: () => z(s) }, s))))), /* @__PURE__ */ e.createElement("div", { className: "sp-body" }, k ? /* @__PURE__ */ e.createElement("section", { "data-testid": "search-results" }, /* @__PURE__ */ e.createElement("h3", null, "Search: “", E, "” — ", C.length, " hit", C.length === 1 ? "" : "s", C.length === 60 ? "+" : ""), C.map(D), !C.length && /* @__PURE__ */ e.createElement("p", { className: "muted" }, "No matches")) : O ? /* @__PURE__ */ e.createElement(e.Fragment, null, !p && /* @__PURE__ */ e.createElement("h2", null, O.page, " ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, "Tab.cpp:", O.line)), O.groups.map((s) => {
+    const h = s.options.filter((F) => se(t, F, N) && !(p && F.startsWith("<")));
     return h.length ? /* @__PURE__ */ e.createElement("section", { key: s.group + s.line }, /* @__PURE__ */ e.createElement("h3", null, s.group || "(untitled group)", " ", /* @__PURE__ */ e.createElement("span", { className: "muted" }, ":", s.line)), h.map(D)) : null;
   })) : /* @__PURE__ */ e.createElement("p", { className: "muted" }, "No builder"))));
 }

package/dist/gcode_parse.js

@@ -1,32 +1,60 @@
-import { D as Lt, a as Nt } from "./viewer_defaults-B7UUZ582.js";
-import { R as t, e as Z } from "./toolpath_encoding-BuYs95qZ.js";
-import { T as ft } from "./toolpath_palette-B8xEl-qa.js";
-const F = 1e-6, Rt = 254, It = /^(filament|extruder)_colour\s*=\s*(.*)$/i, ut = (i) => i.split(/[;,]/).map((r) => {
-  const s = /^"?#?([0-9a-f]{6})(?:[0-9a-f]{2})?"?$/i.exec(r.trim());
-  return s ? "#" + s[1].toUpperCase() : null;
-}), At = (i) => "#" + ft[i % ft.length].map((r) => Math.round(r * 255).toString(16).padStart(2, "0")).join("");
-function gt(i, r) {
-  let s = [];
-  Array.isArray(i?.colors) && (s = i.colors);
-  const g = r ?? [], u = Math.max(s.length, g.length, i?.filament_mm_by_tool?.length ?? 0);
-  return Array.from({ length: u }, (m, c) => s[c] || g[c] || At(c));
+import { D as At, a as St } from "./viewer_defaults-B7UUZ582.js";
+import { R as t, S as ut, e as $ } from "./toolpath_encoding-BuYs95qZ.js";
+import { T as mt } from "./toolpath_palette-B8xEl-qa.js";
+const ht = ";_GP_FIRST_LINE_M73_PLACEHOLDER", gt = ";_GP_LAST_LINE_M73_PLACEHOLDER", Lt = "@PRINT_TIME_SEC@", pt = "@USED_FILAMENT_LENGTH@", Nt = (s) => Math.floor((Math.max(0, s) + 0.5) / 60), Z = (s, i) => `M73 P${s} R${i}`;
+function Ct(s, i) {
+  let n = String(s ?? "");
+  const m = Number(i?.time_estimate) || 0;
+  if (n.includes(Lt) && (n = n.split(Lt).join(m.toFixed(2))), n.includes(pt) && (n = n.split(pt).join(((Number(i?.filament_mm) || 0) / 1e3).toFixed(2))), !n.includes(ht)) return n;
+  let a = [];
+  Array.isArray(i?.layer_times) && (a = i.layer_times);
+  const l = n.split(`
+`), o = [];
+  let L = 0, E = 0, d = "";
+  for (const N of l) {
+    if (N === ht) {
+      d = Z(0, Nt(m)), o.push(d);
+      continue;
+    }
+    if (N === gt) {
+      o.push(Z(100, 0));
+      continue;
+    }
+    if (o.push(N), !N.startsWith("; LAYER ")) continue;
+    let A = 0;
+    m > 0 && (A = Math.min(100, Math.floor(100 * E / m)));
+    const S = Z(A, Nt(m - E));
+    S !== d && (o.push(S), d = S), E += Number(a[L]) || 0, L += 1;
+  }
+  return o.join(`
+`);
 }
-function wt(i, r) {
-  return dt(i.gcode, gt(i.stats, r));
+const B = 1e-6, Mt = 254, Tt = /^(filament|extruder)_colour\s*=\s*(.*)$/i, It = (s) => s.split(/[;,]/).map((i) => {
+  const n = /^"?#?([0-9a-f]{6})(?:[0-9a-f]{2})?"?$/i.exec(i.trim());
+  return n ? "#" + n[1].toUpperCase() : null;
+}), Pt = (s) => "#" + mt[s % mt.length].map((i) => Math.round(i * 255).toString(16).padStart(2, "0")).join("");
+function Ot(s, i) {
+  let n = [];
+  Array.isArray(s?.colors) && (n = s.colors);
+  const m = i ?? [], a = Math.max(n.length, m.length, s?.filament_mm_by_tool?.length ?? 0);
+  return Array.from({ length: a }, (l, o) => n[o] || m[o] || Pt(o));
 }
-function dt(i, r) {
-  const s = String(i ?? ""), g = [r].flat().filter(Boolean);
-  if (!g.length || /^;\s*filament_colour\s*=/mi.test(s)) return s;
-  const u = "; filament_colour = " + g.join(";") + `
-`, m = s.lastIndexOf(`
+function Ut(s, i) {
+  return yt(s.gcode, Ot(s.stats, i));
+}
+function yt(s, i) {
+  const n = String(s ?? ""), m = [i].flat().filter(Boolean);
+  if (!m.length || /^;\s*filament_colour\s*=/mi.test(n)) return n;
+  const a = "; filament_colour = " + m.join(";") + `
+`, l = n.lastIndexOf(`
 ; CONFIG_BLOCK_END`);
-  if (m >= 0) return s.slice(0, m + 1) + u + s.slice(m + 1);
-  let c = `
+  if (l >= 0) return n.slice(0, l + 1) + a + n.slice(l + 1);
+  let o = `
 `;
-  return (!s || s.endsWith(`
-`)) && (c = ""), s + c + u;
+  return (!n || n.endsWith(`
+`)) && (o = ""), n + o + a;
 }
-const St = {
+const _t = {
   // OrcaSlicer / PrusaSlicer ;TYPE: names
   "outer wall": t.WALL,
   "external perimeter": t.WALL,
@@ -69,7 +97,7 @@ const St = {
   skin: t.SOLID,
   "support-interface": t.SUPPORT,
   "prime-tower": t.PRIME
-}, Pt = [
+}, Gt = [
   ["skirt/brim", t.SKIRT],
   ["skirt", t.SKIRT],
   ["walls", t.WALL],
@@ -80,7 +108,7 @@ const St = {
   ["support", t.SUPPORT],
   ["prime tower", t.PRIME],
   ["wipe_tower_real", t.PRIME]
-], Et = (i, r) => i === r || r.length < i.length && " (:/".includes(i[r.length]) && i.startsWith(r), Ot = {
+], wt = (s, i) => s === i || i.length < s.length && " (:/".includes(s[i.length]) && s.startsWith(i), Wt = {
   1: t.WALL,
   2: t.WALL,
   3: t.WALL,
@@ -99,136 +127,151 @@ const St = {
   16: t.SUPPORT,
   17: t.PRIME
 };
-function Gt(i, r = {}) {
-  const s = Math.PI / 4 * (r.filamentDiameter > 0 ? r.filamentDiameter : Lt) ** 2, g = r.defaultLayerHeight > 0 ? r.defaultLayerHeight : Nt;
-  let u = 0, m = 0, c = 0, b = 0, _ = !0, W = !0, d = 0, w = t.WALL, y = 0, R = null;
-  const E = [];
-  let D = !1, x = !0, K = NaN, q = 0, X = 0, $ = 0;
-  const v = /* @__PURE__ */ new Set([0]), H = [];
-  let z = [], k = [], j = !1;
-  const V = () => {
-    w = t.WALL, y = 0;
-  }, U = (o, a = !1) => {
-    R = { z: o, p: [], w: [] }, E.push(R), x = !1, K = NaN, (a || !j) && V();
-  }, mt = () => E.length > 1 ? E[E.length - 2].z : 0, J = (o, a, S, P, A, n, e) => {
-    const p = Math.hypot(P - o, A - a, n - S);
-    if (!(p < F))
-      if (e > F) {
-        $ += e, H[d] = (H[d] ?? 0) + e, x ? U(Number.isNaN(K) ? n : K) : !D && n > R.z + 1e-3 && U(n);
-        const h = Z(w, d);
-        R.p.push(o, a, S, h, P, A, n, h);
-        const f = Math.max(0.02, R.z - mt() || g), L = y > 0 ? y : e * s / (p * f) + f * (1 - Math.PI / 4);
-        R.w.push(Math.min(3, Math.max(0.05, L))), q++;
-      } else R && (R.p.push(o, a, S, Z(t.TRAVEL, d), P, A, n, Z(t.TRAVEL, d)), R.w.push(0), X++);
+function Ht(s, { center: i = { x: 0, y: 0 }, filamentDiameter: n, layerHeight: m } = {}) {
+  const a = bt(s, { filamentDiameter: n, defaultLayerHeight: m });
+  for (const l of a.layers) {
+    const o = l.paths;
+    for (let L = 0; L + ut <= o.length; L += ut)
+      o[L] -= i.x, o[L + 1] -= i.y, o[L + 4] -= i.x, o[L + 5] -= i.y;
+  }
+  return a;
+}
+function bt(s, i = {}) {
+  const n = Math.PI / 4 * (i.filamentDiameter > 0 ? i.filamentDiameter : At) ** 2, m = i.defaultLayerHeight > 0 ? i.defaultLayerHeight : St;
+  let a = 0, l = 0, o = 0, L = 0, E = !0, d = !0, N = 0, A = t.WALL, S = 0, g = null;
+  const y = [];
+  let x = !1, D = !0, v = NaN, q = 0, X = 0, V = 0;
+  const K = /* @__PURE__ */ new Set([0]), z = [];
+  let j = [], k = [], F = !1;
+  const J = () => {
+    A = t.WALL, S = 0;
+  }, C = (c, f = !1) => {
+    g = { z: c, p: [], w: [] }, y.push(g), D = !1, v = NaN, (f || !F) && J();
+  }, Rt = () => y.length > 1 ? y[y.length - 2].z : 0, Q = (c, f, P, O, T, r, e) => {
+    const p = Math.hypot(O - c, T - f, r - P);
+    if (!(p < B))
+      if (e > B) {
+        V += e, z[N] = (z[N] ?? 0) + e, D ? C(Number.isNaN(v) ? r : v) : !x && r > g.z + 1e-3 && C(r);
+        const I = $(A, N);
+        g.p.push(c, f, P, I, O, T, r, I);
+        const h = Math.max(0.02, g.z - Rt() || m), _ = S > 0 ? S : e * n / (p * h) + h * (1 - Math.PI / 4);
+        g.w.push(Math.min(3, Math.max(0.05, _))), q++;
+      } else g && (g.p.push(c, f, P, $(t.TRAVEL, N), O, T, r, $(t.TRAVEL, N)), g.w.push(0), X++);
   };
-  for (const o of i.split(`
+  for (const c of s.split(`
 `)) {
-    const a = o.indexOf(";"), S = (a < 0 ? o : o.slice(0, a)).trim(), P = a < 0 ? "" : o.slice(a + 1).trim();
-    if (P && !S) {
-      const e = P.toLowerCase(), p = It.exec(P);
+    const f = c.indexOf(";"), P = (f < 0 ? c : c.slice(0, f)).trim(), O = f < 0 ? "" : c.slice(f + 1).trim();
+    if (O && !P) {
+      const e = O.toLowerCase(), p = Tt.exec(O);
       if (p) {
-        p[1].toLowerCase() === "filament" ? z = ut(p[2]) : k = ut(p[2]);
+        p[1].toLowerCase() === "filament" ? j = It(p[2]) : k = It(p[2]);
         continue;
       }
       if (e.startsWith("type:")) {
-        w = St[e.slice(5).trim()] ?? t.WALL, j = !0;
+        A = _t[e.slice(5).trim()] ?? t.WALL, F = !0;
+        continue;
+      }
+      if (e.startsWith("feature:")) {
+        A = _t[e.slice(8).trim()] ?? t.WALL, F = !0;
         continue;
       }
       if (e.startsWith("_extrusion_role:")) {
-        w = Ot[parseInt(e.slice(16), 10)] ?? t.WALL, j = !0;
+        A = Wt[parseInt(e.slice(16), 10)] ?? t.WALL, F = !0;
         continue;
       }
-      if (e.startsWith("width:")) {
-        const L = parseFloat(e.slice(6));
-        y = L > 0 ? L : 0;
+      if (e.startsWith("width:") || e.startsWith("line_width:")) {
+        const _ = parseFloat(e.slice(e.indexOf(":") + 1));
+        S = 0, _ > 0 && (S = _);
         continue;
       }
-      if (e.startsWith("layer_change") || e.startsWith("layer:")) {
-        D = !0, x = !0, V();
+      if (e.startsWith("layer_change") || e.startsWith("change_layer") || e.startsWith("layer:")) {
+        x = !0, D = !0, J();
         continue;
       }
-      if (e.startsWith("z:")) {
-        const L = parseFloat(e.slice(2));
-        x && L > 0 && (D = !0, U(L));
+      if (e.startsWith("z:") || e.startsWith("z_height:")) {
+        const _ = parseFloat(e.slice(e.indexOf(":") + 1));
+        D && _ > 0 && (x = !0, C(_));
         continue;
       }
-      const h = /^layer \d+ z([-\d.]+)/.exec(e);
-      if (h) {
-        D = !0, U(parseFloat(h[1]), !0);
+      const I = /^layer \d+ z([-\d.]+)/.exec(e);
+      if (I) {
+        x = !0, C(parseFloat(I[1]), !0);
         continue;
       }
-      const f = Pt.find(([L]) => Et(e, L));
-      f && (w = f[1]);
+      const h = Gt.find(([_]) => wt(e, _));
+      h && (A = h[1]);
       continue;
     }
-    if (!S) continue;
-    const A = S.split(/\s+/), n = A[0].toUpperCase();
-    if (n === "G90") {
-      _ = !0;
+    if (!P) continue;
+    const T = P.split(/\s+/), r = T[0].toUpperCase();
+    if (r === "G90") {
+      E = !0;
       continue;
     }
-    if (n === "G91") {
-      _ = !1;
+    if (r === "G91") {
+      E = !1;
       continue;
     }
-    if (n === "M82") {
-      W = !0;
+    if (r === "M82") {
+      d = !0;
       continue;
     }
-    if (n === "M83") {
-      W = !1;
+    if (r === "M83") {
+      d = !1;
       continue;
     }
-    if (/^T\d+$/.test(n)) {
-      const e = parseInt(n.slice(1), 10);
-      e <= Rt && (d = e, v.add(d));
+    if (/^T\d+$/.test(r)) {
+      const e = parseInt(r.slice(1), 10);
+      e <= Mt && (N = e, K.add(N));
       continue;
     }
-    if (n === "G92" || n === "G0" || n === "G1" || n === "G2" || n === "G3") {
-      let e = NaN, p = NaN, h = NaN, f = NaN, L = 0, tt = 0;
-      for (let I = 1; I < A.length; I++) {
-        const l = A[I][0], N = parseFloat(A[I].slice(1));
-        Number.isNaN(N) || (l === "X" || l === "x" ? e = N : l === "Y" || l === "y" ? p = N : l === "Z" || l === "z" ? h = N : l === "E" || l === "e" ? f = N : l === "I" || l === "i" ? L = N : (l === "J" || l === "j") && (tt = N));
+    if (r === "G92" || r === "G0" || r === "G1" || r === "G2" || r === "G3") {
+      let e = NaN, p = NaN, I = NaN, h = NaN, _ = 0, et = 0;
+      for (let M = 1; M < T.length; M++) {
+        const u = T[M][0], R = parseFloat(T[M].slice(1));
+        Number.isNaN(R) || (u === "X" || u === "x" ? e = R : u === "Y" || u === "y" ? p = R : u === "Z" || u === "z" ? I = R : u === "E" || u === "e" ? h = R : u === "I" || u === "i" ? _ = R : (u === "J" || u === "j") && (et = R));
       }
-      if (n === "G92") {
-        Number.isNaN(e) || (u = e), Number.isNaN(p) || (m = p), Number.isNaN(h) || (c = h), Number.isNaN(f) || (b = f);
+      if (r === "G92") {
+        Number.isNaN(e) || (a = e), Number.isNaN(p) || (l = p), Number.isNaN(I) || (o = I), Number.isNaN(h) || (L = h);
         continue;
       }
-      const C = Number.isNaN(e) ? u : _ ? e : u + e, B = Number.isNaN(p) ? m : _ ? p : m + p, Y = Number.isNaN(h) ? c : _ ? h : c + h, et = Number.isNaN(f) ? 0 : W ? f - b : f;
-      if (n === "G2" || n === "G3") {
-        const I = u + L, l = m + tt, N = Math.hypot(u - I, m - l), G = Math.atan2(m - l, u - I);
-        let O = Math.atan2(B - l, C - I);
-        const nt = n === "G3";
-        nt && O <= G + F && (O += 2 * Math.PI), !nt && O >= G - F && (O -= 2 * Math.PI);
-        const M = Math.max(1, Math.min(360, Math.ceil(Math.abs(O - G) * N / 0.3)));
-        let it = u, rt = m, ot = c;
-        for (let T = 1; T <= M; T++) {
-          const st = G + (O - G) * T / M, at = T === M ? C : I + N * Math.cos(st), lt = T === M ? B : l + N * Math.sin(st), ct = c + (Y - c) * T / M;
-          J(it, rt, ot, at, lt, ct, et / M), it = at, rt = lt, ot = ct;
+      const U = Number.isNaN(e) ? a : E ? e : a + e, H = Number.isNaN(p) ? l : E ? p : l + p, Y = Number.isNaN(I) ? o : E ? I : o + I, it = Number.isNaN(h) ? 0 : d ? h - L : h;
+      if (r === "G2" || r === "G3") {
+        const M = a + _, u = l + et, R = Math.hypot(a - M, l - u), b = Math.atan2(l - u, a - M);
+        let G = Math.atan2(H - u, U - M);
+        const nt = r === "G3";
+        nt && G <= b + B && (G += 2 * Math.PI), !nt && G >= b - B && (G -= 2 * Math.PI);
+        const w = Math.max(1, Math.min(360, Math.ceil(Math.abs(G - b) * R / 0.3)));
+        let st = a, ot = l, rt = o;
+        for (let W = 1; W <= w; W++) {
+          const at = b + (G - b) * W / w, lt = W === w ? U : M + R * Math.cos(at), ct = W === w ? H : u + R * Math.sin(at), ft = o + (Y - o) * W / w;
+          Q(st, ot, rt, lt, ct, ft, it / w), st = lt, ot = ct, rt = ft;
         }
       } else
-        J(u, m, c, C, B, Y, et);
-      u = C, m = B, c = Y, Number.isNaN(f) || (b = W ? f : b + f);
+        Q(a, l, o, U, H, Y, it);
+      a = U, l = H, o = Y, Number.isNaN(h) || (L = d ? h : L + h);
     }
   }
-  const pt = Math.max(z.length, k.length), Q = Array.from({ length: pt }, (o, a) => k[a] || z[a] || null), ht = Array.from({ length: Math.max(...v) + 1 }, (o, a) => H[a] || 0);
+  const Et = Math.max(j.length, k.length), tt = Array.from({ length: Et }, (c, f) => k[f] || j[f] || null), dt = Array.from({ length: Math.max(...K) + 1 }, (c, f) => z[f] || 0);
   return {
-    layers: E.map((o) => ({ z: o.z, paths: Float32Array.from(o.p), widths: Float32Array.from(o.w) })),
+    layers: y.map((c) => ({ z: c.z, paths: Float32Array.from(c.p), widths: Float32Array.from(c.w) })),
     stats: {
-      layers: E.length,
+      layers: y.length,
       path_segments: q,
       travel_segments: X,
-      filament_mm: $,
-      tools: [...v].sort((o, a) => o - a),
+      filament_mm: V,
+      tools: [...K].sort((c, f) => c - f),
       // The kernel's own stat name, so the Filament-view switch and the stats card's per-tool split work unchanged.
-      filament_mm_by_tool: ht,
-      ...Q.some(Boolean) && { colors: Q }
+      filament_mm_by_tool: dt,
+      ...tt.some(Boolean) && { colors: tt }
     }
   };
 }
 export {
-  wt as exportedGcode,
-  Gt as parseGcode,
-  gt as resultToolColors,
-  dt as withFilamentColours
+  Ut as exportedGcode,
+  Ct as finalizeGcode,
+  bt as parseGcode,
+  Ht as previewFromGcode,
+  Ot as resultToolColors,
+  yt as withFilamentColours
 };