sldeditor 0.10.1 → 0.10.2

package/dist/sldeditor.js

@@ -3,7 +3,7 @@ var nv = (e, t, n) => t in e ? tv(e, t, { enumerable: !0, configurable: !0, writ
 var wt = (e, t, n) => nv(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsxs as L, jsx as m, Fragment as et } from "react/jsx-runtime";
 import * as Se from "react";
-import Bt, { forwardRef as Rr, createElement as zn, useState as we, useRef as ge, useCallback as Kt, useMemo as Fr, useLayoutEffect as sn, useEffect as ae, createContext as Hr, useContext as Wr, useId as ov, cloneElement as rv, Fragment as iv } from "react";
+import Lt, { forwardRef as Rr, createElement as zn, useState as we, useRef as ge, useCallback as Vt, useMemo as Fr, useLayoutEffect as sn, useEffect as ae, createContext as Hr, useContext as Wr, useId as ov, cloneElement as rv, Fragment as iv } from "react";
 import { createPortal as qr } from "react-dom";
 /**
  * @license lucide-react v0.469.0 - ISC
@@ -289,7 +289,7 @@ const yv = re("Hand", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vt = re("LayoutGrid", [
+const Ut = re("LayoutGrid", [
   ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
   ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
   ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
@@ -2818,7 +2818,7 @@ function o2() {
     throw new Error("useContextMenu must be used inside <ContextMenuHost>");
   return e;
 }
-const Lt = 8;
+const zt = 8;
 function r2({ children: e }) {
   const [t, n] = we({
     open: !1,
@@ -2827,9 +2827,9 @@ function r2({ children: e }) {
     items: []
   }), [o, r] = we(
     null
-  ), i = ge(null), s = Kt(() => {
+  ), i = ge(null), s = Vt(() => {
     n((c) => c.open ? { ...c, open: !1 } : c);
-  }, []), a = Kt(
+  }, []), a = Vt(
     (c, u, d) => {
       r(null), n({ open: !0, x: c, y: u, items: d });
     },
@@ -2839,7 +2839,7 @@ function r2({ children: e }) {
     if (!t.open || !i.current) return;
     const c = i.current.getBoundingClientRect();
     let u = t.x, d = t.y;
-    u + c.width > window.innerWidth - Lt && (u = Math.max(Lt, t.x - c.width)), d + c.height > window.innerHeight - Lt && (d = Math.max(Lt, t.y - c.height)), r({ left: u, top: d });
+    u + c.width > window.innerWidth - zt && (u = Math.max(zt, t.x - c.width)), d + c.height > window.innerHeight - zt && (d = Math.max(zt, t.y - c.height)), r({ left: u, top: d });
   }, [t]), ae(() => {
     if (!t.open) return;
     const c = (p) => {
@@ -2919,12 +2919,12 @@ const Oo = (e) => {
   return a;
 }, i2 = ((e) => e ? Oo(e) : Oo), s2 = (e) => e;
 function a2(e, t = s2) {
-  const n = Bt.useSyncExternalStore(
+  const n = Lt.useSyncExternalStore(
     e.subscribe,
-    Bt.useCallback(() => t(e.getState()), [e, t]),
-    Bt.useCallback(() => t(e.getInitialState()), [e, t])
+    Lt.useCallback(() => t(e.getState()), [e, t]),
+    Lt.useCallback(() => t(e.getInitialState()), [e, t])
   );
-  return Bt.useDebugValue(n), n;
+  return Lt.useDebugValue(n), n;
 }
 const jo = (e) => {
   const t = i2(e), n = (o) => a2(t, o);
@@ -3536,7 +3536,7 @@ const f2 = {
   e: "w",
   w: "e"
 };
-function Xt(e, t) {
+function Yt(e, t) {
   let n = t.mirror ? h2[e] : e;
   const o = t.rot / 90 | 0;
   for (let r = 0; r < o; r++) n = f2[n];
@@ -3593,11 +3593,11 @@ const Do = ["n", "e", "s", "w"], Ro = {
   e: "w",
   w: "e"
 };
-function zt(e, t) {
+function Dt(e, t) {
   const n = Do.indexOf(e), r = ((Do.indexOf(t) - n) % 4 + 4) % 4;
   return [0, 90, 180, 270][r];
 }
-const $n = 320, Dt = 220, kt = 260, Sn = 720, _t = 30, Fo = 30, Ye = 80, Ho = 10, p2 = 60, g2 = 520, y2 = 80, b2 = 80, Wo = 8, qo = /* @__PURE__ */ new Set(["source", "renewable"]);
+const $n = 320, Rt = 220, kt = 260, Sn = 720, _t = 30, Fo = 30, Ye = 80, Ho = 10, p2 = 60, g2 = 520, y2 = 80, b2 = 80, Wo = 8, qo = /* @__PURE__ */ new Set(["source", "renewable"]);
 function w2(e) {
   var _o, $o, So, No, Eo, Mo;
   const { elements: t, buses: n, junctions: o, wires: r, library: i, userLayout: s, userBusLayout: a } = e, l = new Map(s), c = new Map(a), u = /* @__PURE__ */ new Map(), d = new Set(s.keys()), f = new Set(a.keys()), p = /* @__PURE__ */ new Map();
@@ -3706,23 +3706,23 @@ function w2(e) {
         }
         for (const Me of ee) ke(Me);
         const Ee = ee.map((Me) => ue.get(Me));
-        ue.set(K, Ee.reduce((Me, jt) => Me + jt, 0) / Ee.length);
+        ue.set(K, Ee.reduce((Me, Bt) => Me + Bt, 0) / Ee.length);
       };
       ke(H);
       for (const K of Q) {
-        const ee = ye($n + (ue.get(K) ?? 0) * 160), Ee = ye(Dt + (W.get(K) ?? 0) * 140);
+        const ee = ye($n + (ue.get(K) ?? 0) * 160), Ee = ye(Rt + (W.get(K) ?? 0) * 140);
         if (k.has(K)) {
           u.set(K, [ee, Ee]);
           continue;
         }
         let Me = 0;
-        const jt = q.get(K) ?? null;
-        if (jt) {
-          const bt = D(K, jt);
-          bt && (Me = zt(bt.orientation, "n"));
+        const Bt = q.get(K) ?? null;
+        if (Bt) {
+          const bt = D(K, Bt);
+          bt && (Me = Dt(bt.orientation, "n"));
         } else {
           const bt = (Z.get(K) ?? [])[0], To = bt ? D(K, bt) : null;
-          To && (Me = zt(To.orientation, "s"));
+          To && (Me = Dt(To.orientation, "s"));
         }
         l.set(K, { at: [ee, Ee], rot: Me, mirror: !1 }), d.add(K);
       }
@@ -4198,7 +4198,7 @@ function w2(e) {
       const Q = l.get(y.elementId), X = De(
         [C.x, C.y],
         Q
-      ), Y = Xt(
+      ), Y = Yt(
         C.orientation,
         Q
       );
@@ -4242,7 +4242,7 @@ function w2(e) {
       const W = zo(D), Z = [
         A[0] + W[0] * _t,
         A[1] + W[1] * _t
-      ], Q = Ro[D], X = zt(q.orientation, Q), Y = De([q.x, q.y], {
+      ], Q = Ro[D], X = Dt(q.orientation, Q), Y = De([q.x, q.y], {
         at: [0, 0],
         rot: X,
         mirror: !1
@@ -4256,7 +4256,7 @@ function w2(e) {
       const ke = `${B}.${ue.id}`;
       N.add(ke);
       const K = { at: U, rot: X, mirror: !1 };
-      A = De([ue.x, ue.y], K), D = Xt(ue.orientation, K), _ = ke;
+      A = De([ue.x, ue.y], K), D = Yt(ue.orientation, K), _ = ke;
     }
   }, Ux = (y) => {
     if (l.has(y.elementId) || y.orientation !== "horizontal") return;
@@ -4278,25 +4278,25 @@ function w2(e) {
       mirror: !1
     });
   }, po = 100;
-  let Ot = Dt;
+  let jt = Rt;
   for (let y = 0; y < ve.length; y++) {
     const v = ve[y], S = xe.get(v);
     let E;
     if (y === 0)
-      E = Dt;
+      E = Rt;
     else {
       const _ = xe.get(ve[y - 1]);
       let A = 0;
       for (const D of _)
         for (const C of S)
           (No = de.get(D)) != null && No.get(C) && (A = Math.max(A, Ie(D, C)));
-      A === 0 && (A = kt), E = Ot + A;
+      A === 0 && (A = kt), E = jt + A;
     }
-    Ot = E;
+    jt = E;
     let N = $n;
     for (const _ of S) {
       if (c.has(_)) {
-        Ot = Math.max(Ot, c.get(_).at[1]);
+        jt = Math.max(jt, c.get(_).at[1]);
         continue;
       }
       let A;
@@ -4384,7 +4384,7 @@ function w2(e) {
         mirror: !1
       }) : [0, 0];
       l.set(_, {
-        at: [ye(E - C[0]), ye(Dt - C[1])],
+        at: [ye(E - C[0]), ye(Rt - C[1])],
         rot: 0,
         mirror: !1
       }), E += Math.max(Sn, N.length * Ye) + po;
@@ -4445,7 +4445,7 @@ function w2(e) {
       const B = De(
         [M.x, M.y],
         I
-      ), z = Xt(
+      ), z = Yt(
         M.orientation,
         I
       ), H = zo(z), q = [-H[1], H[0]];
@@ -4457,7 +4457,7 @@ function w2(e) {
       for (let X = 0; X < E.length; X++) {
         const Y = E[X], U = W[X], ue = Q + U / 2;
         Q += U;
-        const ke = Ro[z], K = zt(
+        const ke = Ro[z], K = Dt(
           Y.localTerm.orientation,
           ke
         ), ee = De(
@@ -4741,9 +4741,9 @@ function x2(e, t) {
     const { axis: f, at: p, span: h } = d.geometry, g = h / 2;
     let w;
     if (f === "x")
-      w = [Ut(u[0], p[0] - g, p[0] + g), p[1]];
+      w = [Jt(u[0], p[0] - g, p[0] + g), p[1]];
     else {
-      const $ = Ut(u[1], p[1] - g, p[1] + g);
+      const $ = Jt(u[1], p[1] - g, p[1] + g);
       w = [p[0], $];
     }
     return { wireId: e.id, path: Yo(u, w) };
@@ -4775,8 +4775,8 @@ function Xo(e, t, n) {
     if (!t) return [s[0], s[1]];
     const l = a / 2;
     if (i === "x")
-      return [Ut(t[0], s[0] - l, s[0] + l), s[1]];
-    const c = Ut(t[1], s[1] - l, s[1] + l);
+      return [Jt(t[0], s[0] - l, s[0] + l), s[1]];
+    const c = Jt(t[1], s[1] - l, s[1] + l);
     return [s[0], c];
   }
   const o = n.terminals.get(e);
@@ -4785,7 +4785,7 @@ function Xo(e, t, n) {
 function Yo(e, t) {
   return e[0] === t[0] || e[1] === t[1] ? [e, t] : [e, [e[0], t[1]], t];
 }
-function Ut(e, t, n) {
+function Jt(e, t, n) {
   return e < t ? t : e > n ? n : e;
 }
 const gi = "ammeter", yi = "电流表 (A)", bi = "measurement", wi = "-22 -42 44 44", xi = 44, vi = 44, ki = '<ellipse cx="0" cy="-20" rx="20" ry="20" fill="none" stroke="black" stroke-width="1"/><text x="0" y="-15" text-anchor="middle" font-family="Liberation Sans, Arial, sans-serif" font-size="14">A</text>', _i = [{ id: "t_top", x: 0, y: -40, orientation: "n" }], $i = { kind: "inline" }, v2 = {
@@ -7216,7 +7216,7 @@ function Ze(e) {
     if (!T) continue;
     const j = [];
     for (const R of x.libraryDef.terminals) {
-      const V = `${x.element.id}.${R.id}`, J = De([R.x, R.y], T), ne = Xt(R.orientation, T);
+      const V = `${x.element.id}.${R.id}`, J = De([R.x, R.y], T), ne = Yt(R.orientation, T);
       t.terminals.set(V, {
         ref: V,
         elementId: x.element.id,
@@ -7343,7 +7343,7 @@ function ro(e) {
     ...(e.junctions ?? []).map((t) => t.id)
   ]);
 }
-function Jt(e, t) {
+function Zt(e, t) {
   const n = R$[t] ?? t, o = ro(e);
   let r = 1;
   for (; o.has(`${n}${r}`); ) r++;
@@ -7587,7 +7587,7 @@ const b = an()(
               continue;
             }
             const g = r.layout.get(p);
-            g && (c[p] = Rt(g));
+            g && (c[p] = Ft(g));
           }
         const u = {};
         for (const p of n) {
@@ -7613,7 +7613,7 @@ const b = an()(
         const i = o + 1, s = tr * i, a = tr * i, l = /* @__PURE__ */ new Map();
         let c = r;
         for (const d of n.elements) {
-          const f = Jt(c, d.kind);
+          const f = Zt(c, d.kind);
           l.set(d.id, f), c = {
             ...c,
             elements: [...c.elements, { id: f, kind: d.kind }]
@@ -7733,7 +7733,7 @@ const b = an()(
           for (const l of o.elements) {
             if (r[l.id]) continue;
             const c = n.layout.get(l.id);
-            c && (i[l.id] = Rt(c));
+            c && (i[l.id] = Ft(c));
           }
           const s = [];
           if ((o.buses ?? []).forEach((l, c) => {
@@ -7763,7 +7763,7 @@ const b = an()(
             } else {
               if (i[u]) continue;
               const d = o.layout.get(u);
-              d && (s[u] = Rt(d));
+              d && (s[u] = Ft(d));
             }
           if (Object.keys(s).length === 0 && a.size === 0)
             return r;
@@ -7791,7 +7791,7 @@ const b = an()(
               a.set(u, d);
               continue;
             }
-            const f = o.layout.get(u), p = i[u] ?? (f ? Rt(f) : { at: [0, 0] });
+            const f = o.layout.get(u), p = i[u] ?? (f ? Ft(f) : { at: [0, 0] });
             i[u] = {
               ...p,
               at: [p.at[0] + d[0], p.at[1] + d[1]]
@@ -7938,7 +7938,7 @@ const b = an()(
       addElement: (n, o, r) => {
         if (n === "busbar")
           return t().addBus(o, 320);
-        const i = Jt(t().diagram, n);
+        const i = Zt(t().diagram, n);
         return t().dispatch((s) => {
           const a = { id: i, kind: n, ...r ?? {} };
           return {
@@ -8131,7 +8131,7 @@ function nr(e, t) {
     n.has(r.id) || (n.add(r.id), o.push(r));
   return o;
 }
-function Rt(e) {
+function Ft(e) {
   return {
     at: [e.at[0], e.at[1]],
     ...e.rot ? { rot: e.rot } : {},
@@ -8152,14 +8152,14 @@ function or(e) {
 function tt() {
   return sx;
 }
-const Zt = 10;
+const Qt = 10;
 function ax() {
   if (typeof document > "u") return !0;
   const e = document.querySelector(".ole-canvas-root");
   return !!e && !e.classList.contains("hide-grid");
 }
 function fe(e) {
-  return ax() ? Math.round(e / Zt) * Zt : e;
+  return ax() ? Math.round(e / Qt) * Qt : e;
 }
 const G$ = 30, X$ = 144;
 function lx(e, t) {
@@ -8171,7 +8171,7 @@ function lx(e, t) {
     const g = cx(n), w = g ? [fe(t[0]) - g.x, fe(t[1]) - g.y] : [fe(t[0]), fe(t[1])];
     return { newElementId: o.addElement(e, w), attachedToBus: !1 };
   }
-  const { busId: s, busAt: a, axis: l } = i, c = K$(n, l), u = Jt(r, e), d = n.terminals.find((g) => g.id === c), f = l === "x" ? t[0] : a[0], p = l === "y" ? t[1] : a[1], h = d ? [fe(f) - d.x, fe(p) - d.y] : [fe(t[0]), fe(t[1])];
+  const { busId: s, busAt: a, axis: l } = i, c = K$(n, l), u = Zt(r, e), d = n.terminals.find((g) => g.id === c), f = l === "x" ? t[0] : a[0], p = l === "y" ? t[1] : a[1], h = d ? [fe(f) - d.x, fe(p) - d.y] : [fe(t[0]), fe(t[1])];
   return o.dispatch((g) => {
     const w = { id: u, kind: e }, $ = { at: h }, k = `${u}.${c}`, x = {
       id: lt(s, k),
@@ -8264,7 +8264,7 @@ function U$(e, t, n) {
   const a = n[0] - s.world[0], l = n[1] - s.world[1], c = a * a + l * l <= X$, u = [fe(n[0]), fe(n[1])], d = ux(o, s, u), f = c ? s.world : u, p = [
     fe(f[0] - d.x),
     fe(f[1] - d.y)
-  ], h = Jt(i, e);
+  ], h = Zt(i, e);
   return r.dispatch((g) => {
     const w = { id: h, kind: e }, $ = { at: p }, k = `${h}.${d.id}`, x = s.isBus && s.busId ? s.busId : t, T = {
       id: lt(x, k),
@@ -8278,7 +8278,7 @@ function U$(e, t, n) {
     };
   }), r.setSelection([h]), { newElementId: h, attachedToBus: s.isBus };
 }
-const cn = 9, Qt = 7;
+const cn = 9, Ct = 7;
 function dn(e, t) {
   var i, s;
   const n = [], o = ((i = e.element.name) == null ? void 0 : i.trim()) || e.element.id;
@@ -8293,7 +8293,11 @@ function dn(e, t) {
 }
 function un(e) {
   const t = J$(e.viewBox);
-  return t ? { x: t.x + t.w + 2, y: t.y + 4, anchor: "start" } : { x: 0, y: 0, anchor: "start" };
+  return t ? {
+    x: t.x + t.w + 2,
+    y: t.y + t.h / 2 + Ct / 3,
+    anchor: "start"
+  } : { x: 0, y: 0, anchor: "start" };
 }
 function mn(e, t) {
   let n = e.x, o = e.y;
@@ -8614,7 +8618,7 @@ function ir({
   }, l = (u) => {
     const d = s.current;
     if (!d || u.pointerId !== d.pointerId || !i) return;
-    const f = i.screenToSvg(u.clientX, u.clientY), p = r === "x" ? f[0] - d.startSvg[0] : f[1] - d.startSvg[1], h = ax() ? Math.round(p / Zt) * Zt : p, g = d.startSpan + (o === "end" ? h : -h);
+    const f = i.screenToSvg(u.clientX, u.clientY), p = r === "x" ? f[0] - d.startSvg[0] : f[1] - d.startSvg[1], h = ax() ? Math.round(p / Qt) * Qt : p, g = d.startSpan + (o === "end" ? h : -h);
     if (g < oS) return;
     const w = r === "x" ? [d.startAt[0] + h / 2, d.startAt[1]] : [d.startAt[0], d.startAt[1] + h / 2];
     b.getState().updateBus(n, { span: g, at: w });
@@ -8906,7 +8910,7 @@ function dS() {
     )
   ] });
 }
-const uS = 4, mS = 9, fS = 13, hS = -13, pS = 4.5, gS = 8;
+const uS = 2.5, mS = 9, fS = 13, hS = -13, pS = 4.5, gS = 8;
 function yS() {
   const e = b((a) => a.internal.junctions), t = b((a) => a.selection), n = b((a) => a.selectedNode), o = b((a) => a.internal.nodes), r = b((a) => a.internal.terminalToNode), i = new Set(t), s = /* @__PURE__ */ new Set();
   if (n) {
@@ -9029,7 +9033,7 @@ function xS() {
 }
 let fx = null;
 const qn = /* @__PURE__ */ new Set();
-function Ft(e) {
+function Ht(e) {
   fx = e;
   for (const t of qn) t(e);
 }
@@ -9497,10 +9501,10 @@ function WS(e) {
     }, a = (d) => {
       var p, h;
       if (d === n) return;
-      n && ((p = t.querySelector(`[data-element-id="${Ht(n)}"]`)) == null || p.classList.remove(ar)), d && ((h = t.querySelector(`[data-element-id="${Ht(d)}"]`)) == null || h.classList.add(ar));
+      n && ((p = t.querySelector(`[data-element-id="${Wt(n)}"]`)) == null || p.classList.remove(ar)), d && ((h = t.querySelector(`[data-element-id="${Wt(d)}"]`)) == null || h.classList.add(ar));
       const f = d ? Array.from(
         t.querySelectorAll(
-          `.ole-terminal[data-element-id="${Ht(d)}"]`
+          `.ole-terminal[data-element-id="${Wt(d)}"]`
         )
       ) : [];
       s(r, f, FS), n = d, d ? t.setAttribute("data-hover-element", "") : t.removeAttribute("data-hover-element"), zS(d);
@@ -9508,7 +9512,7 @@ function WS(e) {
       if (d === o) return;
       const f = d ? Array.from(
         t.querySelectorAll(
-          `[data-node-id="${Ht(d)}"]`
+          `[data-node-id="${Wt(d)}"]`
         )
       ) : [];
       s(i, f, HS), o = d, d ? t.setAttribute("data-hover-node", "") : t.removeAttribute("data-hover-node");
@@ -9525,7 +9529,7 @@ function WS(e) {
     };
   }, [e]);
 }
-function Ht(e) {
+function Wt(e) {
   return e.replace(/(["\\])/g, "\\$1");
 }
 function qS(e, t) {
@@ -9547,7 +9551,7 @@ function qS(e, t) {
   const o = n.terminals.get(e);
   return o ? { ref: e, world: o.world, isBus: !1 } : null;
 }
-const lr = 10, Wt = (e) => Math.round(e / lr) * lr, GS = 16;
+const lr = 10, qt = (e) => Math.round(e / lr) * lr, GS = 16;
 function gx(e, t) {
   let n = e[0], o = 1 / 0;
   for (let r = 0; r < e.length - 1; r++) {
@@ -9584,10 +9588,10 @@ function Tt(e, t, n) {
     a && (r = a.wireId, i = a.at);
   }
   if (r && i) {
-    const a = [Wt(i[0]), Wt(i[1])];
+    const a = [qt(i[0]), qt(i[1])];
     return { spec: { onWire: r, at: a }, world: a, ref: null, isBus: !1, create: !0 };
   }
-  const s = [Wt(t[0]), Wt(t[1])];
+  const s = [qt(t[0]), qt(t[1])];
   return { spec: { junctionAt: s }, world: s, ref: null, isBus: !1, create: !0 };
 }
 function At(e, t, n) {
@@ -9764,7 +9768,7 @@ const YS = {
     }
     if (Ce && e.pointerId === Ce.pointerId) {
       const n = t.viewport.screenToSvg(e.clientX, e.clientY);
-      Ft(dr(Ce.startSvg, n));
+      Ht(dr(Ce.startSvg, n));
       return;
     }
   },
@@ -9829,7 +9833,7 @@ const YS = {
         } else
           b.getState().setSelection(r);
       }
-      Ft(null), Ce = null;
+      Ht(null), Ce = null;
     }
   },
   onPointerCancel(e, t) {
@@ -9882,7 +9886,7 @@ const YS = {
           t.hostEl.releasePointerCapture(e.pointerId);
         } catch {
         }
-      Ft(null), Ce = null;
+      Ht(null), Ce = null;
     }
   },
   onDoubleClick(e) {
@@ -9900,7 +9904,7 @@ const YS = {
       const t = b.getState();
       t.setWireFromTerminal(null), t.setWireDragFrom(null), t.setCursorSvg(null), Ke(null), Te = null;
     }
-    Ft(null);
+    Ht(null);
   }
 };
 function dr(e, t) {
@@ -10511,7 +10515,7 @@ function w4() {
     };
     return u(r.getViewport()), r.subscribe(u);
   }, [r]);
-  const i = o2(), s = Kt(
+  const i = o2(), s = Vt(
     (u, d, f) => {
       const p = b.getState(), h = p.activeTool;
       if (h === "wire" || h === "busbar" || h === "junction" || h === "place") {
@@ -11212,7 +11216,7 @@ function Sr(e) {
   } catch {
   }
 }
-const Ct = an((e, t) => ({
+const Pt = an((e, t) => ({
   ...G4(),
   setOutlineOpen: (n) => {
     e({ outlineOpen: n }), Sr(t());
@@ -11220,7 +11224,7 @@ const Ct = an((e, t) => ({
   toggleOutline: () => {
     e((n) => ({ outlineOpen: !n.outlineOpen })), Sr(t());
   }
-})), Yt = [0.1, 0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4, 6, 8], Sx = 0.1, Nx = 8, Ex = "ole-grid";
+})), Kt = [0.1, 0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4, 6, 8], Sx = 0.1, Nx = 8, Ex = "ole-grid";
 function X4() {
   try {
     const e = window.localStorage.getItem(Ex);
@@ -11254,7 +11258,7 @@ function so(e) {
 function V4() {
   const e = tt();
   if (!e) return;
-  const t = e.getViewport().scale, n = Yt.find((o) => o > t + 1e-6) ?? Nx;
+  const t = e.getViewport().scale, n = Kt.find((o) => o > t + 1e-6) ?? Nx;
   so(n);
 }
 function U4() {
@@ -11262,9 +11266,9 @@ function U4() {
   if (!e) return;
   const t = e.getViewport().scale;
   let n = Sx;
-  for (let o = Yt.length - 1; o >= 0; o--)
-    if (Yt[o] < t - 1e-6) {
-      n = Yt[o];
+  for (let o = Kt.length - 1; o >= 0; o--)
+    if (Kt[o] < t - 1e-6) {
+      n = Kt[o];
       break;
     }
   so(n);
@@ -11705,7 +11709,7 @@ function o6() {
   );
 }
 function r6({ stacked: e }) {
-  const t = le(), n = Ct((r) => r.outlineOpen), o = Ct((r) => r.toggleOutline);
+  const t = le(), n = Pt((r) => r.outlineOpen), o = Pt((r) => r.toggleOutline);
   return /* @__PURE__ */ m(
     dt,
     {
@@ -11825,7 +11829,7 @@ function i6({ iconOnly: e }) {
           Pe,
           {
             onClick: i(() => b.getState().fillUnplacedAll()),
-            icon: /* @__PURE__ */ m(Vt, {}),
+            icon: /* @__PURE__ */ m(Ut, {}),
             disabled: !r.hasGapsAll,
             children: t("layout.allFill")
           }
@@ -11834,7 +11838,7 @@ function i6({ iconOnly: e }) {
           Pe,
           {
             onClick: i(() => b.getState().fillUnplacedSelection()),
-            icon: /* @__PURE__ */ m(Vt, {}),
+            icon: /* @__PURE__ */ m(Ut, {}),
             disabled: !r.hasSelection || !r.selectionHasGaps,
             children: t("layout.selFill")
           }
@@ -11934,7 +11938,7 @@ function s6({ stacked: e }) {
           Pe,
           {
             onClick: d(() => b.getState().fillUnplacedAll()),
-            icon: /* @__PURE__ */ m(Vt, {}),
+            icon: /* @__PURE__ */ m(Ut, {}),
             disabled: !u.hasGapsAll,
             children: t("layout.allFill")
           }
@@ -11943,7 +11947,7 @@ function s6({ stacked: e }) {
           Pe,
           {
             onClick: d(() => b.getState().fillUnplacedSelection()),
-            icon: /* @__PURE__ */ m(Vt, {}),
+            icon: /* @__PURE__ */ m(Ut, {}),
             disabled: !u.hasSelection || !u.selectionHasGaps,
             children: t("layout.selFill")
           }
@@ -11977,7 +11981,7 @@ function Pe({
   );
 }
 function a6() {
-  const e = Ct((r) => r.outlineOpen), t = Ct((r) => r.setOutlineOpen), n = Je();
+  const e = Pt((r) => r.outlineOpen), t = Pt((r) => r.setOutlineOpen), n = Je();
   return Le(n, "dense") ? e ? /* @__PURE__ */ m(
     "div",
     {
@@ -12394,7 +12398,7 @@ const u6 = {
 function f6(e, t) {
   return Mr[e][t] ?? Mr.zh[t];
 }
-function Pt() {
+function Ot() {
   const e = ln((t) => t.locale);
   return (t, n) => f6(e, t) ?? n ?? t;
 }
@@ -12435,7 +12439,7 @@ function y6(e) {
   }
 }
 function b6() {
-  const e = le(), t = b((d) => d.activeTool === "place"), n = b((d) => d.placeKind), o = b((d) => d.setActiveTool), r = Ct((d) => d.outlineOpen), i = Je(), s = Le(i, "dense"), a = 68, c = s ? void 0 : `calc(100vh - ${a}px - ${r ? "calc(40vh + 20px)" : "68px"})`;
+  const e = le(), t = b((d) => d.activeTool === "place"), n = b((d) => d.placeKind), o = b((d) => d.setActiveTool), r = Pt((d) => d.outlineOpen), i = Je(), s = Le(i, "dense"), a = 68, c = s ? void 0 : `calc(100vh - ${a}px - ${r ? "calc(40vh + 20px)" : "68px"})`;
   if (!t || s && n != null) return null;
   const u = s ? {
     top: `calc(${a}px + var(--ole-top-inset, 0px))`,
@@ -12478,7 +12482,7 @@ function b6() {
   );
 }
 function w6({ sheet: e }) {
-  const t = le(), n = Pt(), [o, r] = we(""), [i, s] = we(
+  const t = le(), n = Ot(), [o, r] = we(""), [i, s] = we(
     () => g6()
   ), a = Fr(() => {
     const d = o.trim().toLowerCase();
@@ -12492,7 +12496,7 @@ function w6({ sheet: e }) {
       g.length && (f[p] = g);
     }
     return f;
-  }, [o, n]), l = o.trim().length > 0, c = l && Object.values(a).every((d) => !(d != null && d.length)), u = Kt((d, f) => {
+  }, [o, n]), l = o.trim().length > 0, c = l && Object.values(a).every((d) => !(d != null && d.length)), u = Vt((d, f) => {
     s((p) => {
       const h = new Set(p);
       return f ? h.delete(d) : h.add(d), y6(h), h;
@@ -12564,7 +12568,7 @@ function v6({
   entry: e,
   sheet: t
 }) {
-  const n = le(), o = Pt(), r = o(`${e.id}.name`, e.name), i = o(`${e.id}.desc`, e.description ?? ""), s = b((d) => d.setActiveTool), a = b(
+  const n = le(), o = Ot(), r = o(`${e.id}.name`, e.name), i = o(`${e.id}.desc`, e.description ?? ""), s = b((d) => d.setActiveTool), a = b(
     (d) => d.activeTool === "place" && d.placeKind === e.id
   ), l = b(
     (d) => t && d.activeTool === "place" && d.placeKind == null && d.lastPlaceKind === e.id
@@ -12808,7 +12812,7 @@ function E6({
   field: n
 }) {
   var l;
-  const o = le(), r = Pt(), i = ((l = t.params) == null ? void 0 : l[n.name]) ?? n.default, s = r(`${t.kind}.param.${n.name}`, n.label ?? n.name), a = (c) => {
+  const o = le(), r = Ot(), i = ((l = t.params) == null ? void 0 : l[n.name]) ?? n.default, s = r(`${t.kind}.param.${n.name}`, n.label ?? n.name), a = (c) => {
     const u = { ...t.params ?? {} };
     c === void 0 || c === n.default ? delete u[n.name] : u[n.name] = c, b.getState().updateElement(e, {
       params: Object.keys(u).length > 0 ? u : void 0
@@ -13143,7 +13147,7 @@ function O6({
   field: n
 }) {
   var l;
-  const o = le(), i = Pt()(`${t.kind}.state.${n.name}`, n.label ?? n.name), s = ((l = t.state) == null ? void 0 : l[n.name]) ?? n.default, a = (c) => {
+  const o = le(), i = Ot()(`${t.kind}.state.${n.name}`, n.label ?? n.name), s = ((l = t.state) == null ? void 0 : l[n.name]) ?? n.default, a = (c) => {
     const u = { ...t.state ?? {} };
     c === void 0 || c === n.default ? delete u[n.name] : u[n.name] = c, b.getState().updateElement(e, {
       state: Object.keys(u).length > 0 ? u : void 0
@@ -13166,7 +13170,7 @@ function O6({
   );
 }
 function j6() {
-  const e = le(), t = Pt(), n = b((d) => d.selection), o = b((d) => d.selectedNode), r = b((d) => d.selectedWire), i = b((d) => d.diagram.elements), s = b((d) => d.diagram.buses), a = Je(), l = Le(a, "dense");
+  const e = le(), t = Ot(), n = b((d) => d.selection), o = b((d) => d.selectedNode), r = b((d) => d.selectedWire), i = b((d) => d.diagram.elements), s = b((d) => d.diagram.buses), a = Je(), l = Le(a, "dense");
   if (n.length === 0 && !o && !r) return null;
   let c = e("props.title"), u = null;
   if (r)
@@ -13404,16 +13408,16 @@ function v5() {
         className: "ole-glass absolute left-0 top-full mt-1.5 min-w-44 rounded-md border border-border p-1 shadow-md",
         children: [
           /* @__PURE__ */ m("div", { className: "border-b border-border px-2 pb-1.5 pt-1 text-xs text-muted-foreground", children: n }),
-          /* @__PURE__ */ m(qt, { onClick: u(o), icon: /* @__PURE__ */ m(hv, {}), children: e("topbar.file.new") }),
-          /* @__PURE__ */ m(qt, { onClick: u(r), icon: /* @__PURE__ */ m(Ao, {}), hint: "⌘O", children: e("topbar.file.open") }),
-          /* @__PURE__ */ m(qt, { onClick: u(i), icon: /* @__PURE__ */ m(Io, {}), hint: "⌘S", children: e("topbar.file.save") }),
-          /* @__PURE__ */ m(qt, { onClick: u(s), icon: /* @__PURE__ */ m(Io, {}), hint: "⌘⇧S", children: e("topbar.file.saveAs") })
+          /* @__PURE__ */ m(Gt, { onClick: u(o), icon: /* @__PURE__ */ m(hv, {}), children: e("topbar.file.new") }),
+          /* @__PURE__ */ m(Gt, { onClick: u(r), icon: /* @__PURE__ */ m(Ao, {}), hint: "⌘O", children: e("topbar.file.open") }),
+          /* @__PURE__ */ m(Gt, { onClick: u(i), icon: /* @__PURE__ */ m(Io, {}), hint: "⌘S", children: e("topbar.file.save") }),
+          /* @__PURE__ */ m(Gt, { onClick: u(s), icon: /* @__PURE__ */ m(Io, {}), hint: "⌘⇧S", children: e("topbar.file.saveAs") })
         ]
       }
     )
   ] });
 }
-function qt({
+function Gt({
   children: e,
   icon: t,
   hint: n,
@@ -13491,7 +13495,7 @@ function K6(e, t = {}) {
       const a = r.libraryDef.label ?? un(r.libraryDef), [l, c] = mn(a, i);
       for (let u = 0; u < s.length; u++) {
         const [d, f] = Be([l, c + u * cn]);
-        n.text(Pr, [d, f], s[u], Qt, 0, !1);
+        n.text(Pr, [d, f], s[u], Ct, 0, !1);
       }
     }
   for (const r of t.annotations ?? []) {
@@ -13739,9 +13743,9 @@ ${this.fmt(n)}
 function zr(e) {
   return e.replace(/[\r\n]+/g, " ").slice(0, 250);
 }
-const c5 = "http://www.w3.org/2000/svg", Gt = 24, Fx = 8, Hx = 1.25;
+const c5 = "http://www.w3.org/2000/svg", Xt = 24, Fx = 8, Hx = 1.25;
 function Wx(e, t = {}) {
-  const n = d5(e, t), o = Math.floor(n.minX - Gt), r = Math.floor(n.minY - Gt), i = Math.ceil(n.maxX + Gt) - o, s = Math.ceil(n.maxY + Gt) - r, a = t.background ?? "#FFFFFF", l = [];
+  const n = d5(e, t), o = Math.floor(n.minX - Xt), r = Math.floor(n.minY - Xt), i = Math.ceil(n.maxX + Xt) - o, s = Math.ceil(n.maxY + Xt) - r, a = t.background ?? "#FFFFFF", l = [];
   l.push('<?xml version="1.0" encoding="UTF-8"?>'), l.push(
     `<svg xmlns="${c5}" viewBox="${o} ${r} ${i} ${s}" width="${i}" height="${s}">`
   ), t.title && l.push(`  <title>${at(t.title)}</title>`), a !== "transparent" && l.push(
@@ -13774,7 +13778,7 @@ function Wx(e, t = {}) {
   if (c !== "off") {
     const d = a === "transparent" ? "#FFFFFF" : a;
     l.push(
-      `  <g fill="black" font-family="ui-sans-serif, system-ui, sans-serif" font-size="${Qt}" paint-order="stroke" stroke="${d}" stroke-width="2" stroke-linejoin="round">`
+      `  <g fill="black" font-family="ui-sans-serif, system-ui, sans-serif" font-size="${Ct}" paint-order="stroke" stroke="${d}" stroke-width="2" stroke-linejoin="round">`
     );
     for (const f of e.elements.values()) {
       const p = e.layout.get(f.element.id);
@@ -13850,8 +13854,8 @@ function d5(e, t) {
       if (!c || !l.libraryDef) continue;
       const u = dn(l, a);
       if (u.length === 0) continue;
-      const d = l.libraryDef.label ?? un(l.libraryDef), [f, p] = mn(d, c), h = Dr(u, Qt), g = u.length * cn, w = d.anchor ?? "start", $ = w === "middle" ? f - h / 2 : w === "end" ? f - h : f;
-      s($, p - Qt), s($ + h, p + g);
+      const d = l.libraryDef.label ?? un(l.libraryDef), [f, p] = mn(d, c), h = Dr(u, Ct), g = u.length * cn, w = d.anchor ?? "start", $ = w === "middle" ? f - h / 2 : w === "end" ? f - h : f;
+      s($, p - Ct), s($ + h, p + g);
     }
   for (const l of t.annotations ?? []) {
     if (!l.text) continue;
@@ -14022,11 +14026,11 @@ export {
   w5 as getInitialTheme,
   L$ as getLibraryEntry,
   Zo as newBusId,
-  Jt as newElementId,
+  Zt as newElementId,
   Qo as newJunctionId,
   zo as orientationVec,
   m2 as resolvePlacement,
-  Xt as transformOrientation,
+  Yt as transformOrientation,
   De as transformPoint,
   b as useEditorStore,
   ln as useLocale,