@nebula-spatial/viewer 0.2.4 → 0.4.0

package/dist/index.js

@@ -1,3973 +1,6 @@
-var ze = Object.defineProperty;
-var He = (n, e, t) => e in n ? ze(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var a = (n, e, t) => He(n, typeof e != "symbol" ? e + "" : e, t);
-import { Texture as Ye, Vector3 as w, MathUtils as R, Scene as ee, Group as Ie, Raycaster as Xe, Vector2 as q, WebGLRenderer as _e, Color as qe, Euler as We, OrthographicCamera as te, PerspectiveCamera as $e, MOUSE as W, TOUCH as ie, Vector4 as je, Plane as Ue, WebGLRenderTarget as Ke, Box3 as S, Object3D as Ge, PMREMGenerator as Ze, EquirectangularReflectionMapping as Je, BoxHelper as Qe, Box3Helper as et, BoxGeometry as tt, Mesh as it, MeshBasicMaterial as rt, LineSegments as nt, EdgesGeometry as st, LineBasicMaterial as ot } from "three";
-import { RoomEnvironment as at } from "three/addons/environments/RoomEnvironment.js";
-import { MapControls as lt } from "three/addons/controls/MapControls.js";
-import { OrbitControls as ct } from "three/addons/controls/OrbitControls.js";
-import { HDRLoader as dt } from "three/addons/loaders/HDRLoader.js";
-import { createCadDocumentSession as ht, getCadDocumentRenderResource as ut, formatCadInsertId as pt } from "@nebula-spatial/cad-loader";
-import { configureCadTextBuilder as _i } from "@nebula-spatial/cad-loader";
-const mt = [
-  "alphaMap",
-  "aoMap",
-  "bumpMap",
-  "clearcoatMap",
-  "clearcoatNormalMap",
-  "clearcoatRoughnessMap",
-  "displacementMap",
-  "emissiveMap",
-  "envMap",
-  "gradientMap",
-  "iridescenceMap",
-  "iridescenceThicknessMap",
-  "lightMap",
-  "map",
-  "metalnessMap",
-  "normalMap",
-  "roughnessMap",
-  "sheenColorMap",
-  "sheenRoughnessMap",
-  "specularColorMap",
-  "specularIntensityMap",
-  "specularMap",
-  "thicknessMap",
-  "transmissionMap"
-];
-function X(n, e) {
-  e.has(n) || (e.add(n), n.dispose());
-}
-function vt(n, e, t) {
-  if (e) {
-    const i = n;
-    for (const r of mt) {
-      const s = i[r];
-      s instanceof Ye && X(s, t);
-    }
-  }
-  X(n, t);
-}
-function re(n, e = {}) {
-  const t = e.disposedResources ?? /* @__PURE__ */ new WeakSet(), i = e.disposeTextures !== !1;
-  n.traverse((r) => {
-    const s = r;
-    s.geometry && X(s.geometry, t);
-    const o = Array.isArray(s.material) ? s.material : [s.material];
-    for (const c of o)
-      c && vt(c, i, t);
-    s.renderTarget && X(s.renderTarget, t);
-  });
-}
-function ft(n) {
-  const {
-    dxPx: e,
-    dyPx: t,
-    viewportWidthPx: i,
-    viewportHeightPx: r,
-    orbitDistance: s,
-    fovDeg: o,
-    aspect: c,
-    orbitYaw: l,
-    panSpeed: d
-  } = n;
-  if (!Number.isFinite(e) || !Number.isFinite(t) || !Number.isFinite(i) || !Number.isFinite(r) || !Number.isFinite(s) || !Number.isFinite(o) || !Number.isFinite(c) || !Number.isFinite(l) || !Number.isFinite(d) || i <= 0 || r <= 0 || s <= 0 || o <= 0 || o >= 180 || c <= 0)
-    return { x: 0, y: 0, z: 0 };
-  const h = 2 * s * Math.tan(o * Math.PI / 360), u = h / r, f = h * c / i, p = Math.sin(l), m = Math.cos(l), b = -p, g = m, y = -m, P = -p, x = -e * f * d, E = t * u * d;
-  return {
-    x: b * x + y * E,
-    y: g * x + P * E,
-    z: 0
-  };
-}
-function bt(n, e) {
-  return !Number.isFinite(n.x) || !Number.isFinite(n.y) || !Number.isFinite(n.z) || !Number.isFinite(e.x) || !Number.isFinite(e.y) || !Number.isFinite(e.z) ? { x: 0, y: 0, z: 0 } : {
-    x: n.x - e.x,
-    y: n.y - e.y,
-    z: 0
-  };
-}
-function gt(n, e, t) {
-  if (!Number.isFinite(n.x) || !Number.isFinite(n.y) || !Number.isFinite(n.z))
-    return { x: 0, y: 0, z: 0 };
-  const i = bt(e, t);
-  return {
-    x: n.x + i.x,
-    y: n.y + i.y,
-    z: n.z
-  };
-}
-const yt = 0.35, L = 1, xt = 1, wt = 170;
-function N(n, e, t) {
-  return Math.max(e, Math.min(t, n));
-}
-function M(n, e, t, i) {
-  const r = Number.isFinite(n) ? n : e;
-  return N(r, t, i);
-}
-function Me(n) {
-  return Number.isFinite(n) ? N(n, 0.1, 0.95) : yt;
-}
-function Ct(n, e) {
-  return !Number.isFinite(n) || !Number.isFinite(e) || n <= 0 || e <= 0 ? 1 : n / e;
-}
-function ke(n) {
-  const e = M(n, 50, xt, wt), t = Math.tan(e * Math.PI / 360);
-  return Math.max(t, 1e-4);
-}
-function Pt(n) {
-  return Number.isFinite(n) ? Math.max(0.2, Math.abs(Math.sin(n))) : 0.2;
-}
-function St(n) {
-  return Number.isFinite(n) ? {
-    sinAbs: Math.max(1e-4, Math.abs(Math.sin(n))),
-    cosAbs: Math.abs(Math.cos(n))
-  } : {
-    sinAbs: 0.2,
-    cosAbs: Math.sqrt(1 - 0.2 * 0.2)
-  };
-}
-function Te(n, e, t) {
-  const i = Math.max(1e-4, 2 * n * e / Pt(t)), { sinAbs: r, cosAbs: s } = St(t), o = n * e, c = r * r - o * o * s * s;
-  if (!Number.isFinite(c) || c <= 1e-4)
-    return i;
-  const l = 2 * o * r / c;
-  return !Number.isFinite(l) || l <= 1e-4 ? i : l;
-}
-function Rt(n) {
-  const e = Me(n.ndcBand), t = n.useFixedOrientation ? n.fixedOrbitYaw : n.orbitYaw, i = n.useFixedOrientation ? n.fixedOrbitPitch : n.orbitPitch, r = Math.max(M(n.orthoFrustumSize, L, L, Number.MAX_VALUE), L), s = ke(n.perspectiveFovDeg), o = Te(e, s, i), c = M(n.orbitDistanceMin, 500, 1, Number.MAX_VALUE), l = Math.max(c, M(n.orbitDistanceMax, 2e5, c, Number.MAX_VALUE)), d = N(r / o, c, l);
-  return {
-    orbitTarget: { x: n.orthoCenterX, y: n.orthoCenterY, z: 0 },
-    orbitDistance: d,
-    orbitYaw: t,
-    orbitPitch: i
-  };
-}
-function Et(n) {
-  const e = Ct(n.viewportWidthPx, n.viewportHeightPx), t = Me(n.ndcBand), i = ke(n.perspectiveFovDeg), r = Te(t, i, n.orbitPitch), s = M(n.orthoFrustumMin, 1e3, L, Number.MAX_VALUE), o = Math.max(s, M(n.orthoFrustumMax, 1e5, s, Number.MAX_VALUE)), c = Math.max(M(n.orbitDistance, s, s, Number.MAX_VALUE), L), l = c * r, d = Number.isFinite(l) && l >= L ? l : N(c / Math.max(0.5, Math.min(2, e)), s, o);
-  return {
-    orthoCenterX: n.orbitTarget.x,
-    orthoCenterY: n.orbitTarget.y,
-    orthoFrustumSize: N(d, s, o)
-  };
-}
-function It(n) {
-  const e = Math.max(n.xmax - n.xmin, n.ymax - n.ymin, 1), t = Math.max(1e-4, Math.tan(n.fovDeg * Math.PI / 360)), i = Math.max(1e-4, Math.abs(Math.sin(n.orbitPitchRad))), r = Math.abs(Math.cos(n.orbitPitchRad)), s = n.ndcBand * t, o = i * i - s * s * r * r, c = Math.max(
-    1e-4,
-    2 * n.ndcBand * t / Math.max(0.2, i)
-  ), l = Number.isFinite(o) && o > 1e-4 ? Math.max(1e-4, 2 * s * i / o) : c;
-  return e / l;
-}
-function Mt(n, e, t, i = 40) {
-  return e === 1 ? n * i : e === 2 ? n * t : n;
-}
-function kt(n) {
-  const { valuePx: e, ctrlKey: t, eventTimeMs: i, state: r, resetMs: s } = n, o = Math.abs(e), c = r.lastEventTimeMs === 0 ? 0 : i - r.lastEventTimeMs;
-  let l = r.type;
-  if (t)
-    l = "trackpad";
-  else if (o > 0 && o < 4)
-    l = "trackpad";
-  else if (r.lastEventTimeMs === 0 || c > s)
-    l = "wheel";
-  else if (!l) {
-    const d = Math.abs(e - r.lastValue);
-    l = o >= 4 && d <= 4 ? "wheel" : "trackpad";
-  }
-  return {
-    lastEventTimeMs: i,
-    lastValue: e,
-    type: l
-  };
-}
-function Tt(n, e, t) {
-  if (!Number.isFinite(n) || n === 0) return 1;
-  const i = e === "wheel" ? t.wheelZoomRate : t.trackpadZoomRate;
-  if (e === "wheel") {
-    const o = Math.log(t.maxScalePerFrame), c = Math.max(-o, Math.min(o, n * i));
-    return Math.exp(c);
-  }
-  let r = t.maxScalePerFrame / (1 + Math.exp(-Math.abs(n * i)));
-  n < 0 && r !== 0 && (r = 1 / r);
-  const s = 1 / t.maxScalePerFrame;
-  return Math.max(s, Math.min(t.maxScalePerFrame, r));
-}
-const $ = 500, ne = 2e5, j = 0.95, se = -Math.PI / 2, oe = R.degToRad(55);
-function k(n, e, t = 1e-4) {
-  return Math.abs(n - e) <= t;
-}
-class Dt {
-  constructor() {
-    a(this, "orbitTarget", new w(0, 0, 0));
-    a(this, "orbitDistance", 14e3);
-    a(this, "orbitYaw", se);
-    a(this, "orbitPitch", oe);
-    a(this, "viewportSnapshotBefore3D", null);
-    a(this, "orbitSnapshotOn3DEntry", null);
-    a(this, "dragMode", null);
-    a(this, "dragPointerId", null);
-    a(this, "dragPrevX", 0);
-    a(this, "dragPrevY", 0);
-    a(this, "groundPanAnchor", null);
-    a(this, "wheelClassifier", {
-      lastEventTimeMs: 0,
-      lastValue: 0,
-      type: null
-    });
-    a(this, "runtime", null);
-  }
-  attach(e) {
-    this.runtime = e, e.controls3d.enabled = !1, this.bindInput(e), this.syncPerspectiveCamera();
-  }
-  dispose() {
-    this.clearDrag(), this.runtime = null;
-  }
-  setViewMode(e, t = {}) {
-    const i = this.runtime;
-    if (!i) return;
-    const r = t.preserveOrbit === !0;
-    if (this.clearDrag(), i.controls3d.enabled = !1, e === "3d")
-      this.viewportSnapshotBefore3D = this.capture2DSnapshot(), i.controls2d.enabled = !1, r || this.syncOrbitFrom2D(!0), this.syncPerspectiveCamera(), this.orbitSnapshotOn3DEntry = this.captureOrbitSnapshot();
-    else {
-      if (i.controls2d.enabled = !0, !r) {
-        const s = this.viewportSnapshotBefore3D;
-        s && this.isOrbitUnchangedFrom3DEntry() ? i.setOrthographicViewport(s) : this.sync2DFromOrbit();
-      }
-      this.viewportSnapshotBefore3D = null, this.orbitSnapshotOn3DEntry = null;
-    }
-  }
-  fit3D(e) {
-    const t = this.runtime;
-    if (!t) return;
-    const i = e.getSize(new w()), r = e.getCenter(new w());
-    this.orbitTarget.set(r.x, r.y, 0);
-    const s = It({
-      xmin: e.min.x,
-      ymin: e.min.y,
-      xmax: e.max.x,
-      ymax: e.max.y,
-      fovDeg: t.camera3d.fov,
-      orbitPitchRad: this.orbitPitch,
-      ndcBand: j
-    }), o = t.camera3d.fov * Math.PI / 180, c = Math.max(i.length() / 2, 1e-6) / Math.max(Math.sin(o / 2), 1e-6) * 1.05;
-    this.orbitDistance = this.clampDistance(Math.max(s, c)), this.syncPerspectiveCamera();
-  }
-  getVisibleDocumentRect() {
-    const e = this.runtime;
-    if (!e) return null;
-    if (e.viewMode === "2d") {
-      const t = e.camera2d, i = t.zoom > 0 ? t.zoom : 1, r = (t.right - t.left) / (2 * i), s = (t.top - t.bottom) / (2 * i);
-      return {
-        minX: t.position.x - r,
-        minY: t.position.y - s,
-        maxX: t.position.x + r,
-        maxY: t.position.y + s
-      };
-    }
-    return this.getPerspectiveDocumentRect();
-  }
-  captureOrbitSnapshot() {
-    return {
-      targetX: this.orbitTarget.x,
-      targetY: this.orbitTarget.y,
-      targetZ: this.orbitTarget.z,
-      distance: this.orbitDistance,
-      yaw: this.orbitYaw,
-      pitch: this.orbitPitch
-    };
-  }
-  applyOrbitSnapshot(e) {
-    this.runtime && (this.orbitTarget.set(e.targetX, e.targetY, e.targetZ), this.orbitDistance = this.clampDistance(e.distance), this.orbitYaw = e.yaw, this.orbitPitch = R.clamp(e.pitch, R.degToRad(5), R.degToRad(85)), this.syncPerspectiveCamera({ sync2D: !1 }));
-  }
-  bindInput(e) {
-    const t = e.renderer.domElement;
-    e.bindRuntimeEvent(t, "contextmenu", (r) => {
-      e.viewMode === "3d" && r.preventDefault();
-    }), e.bindRuntimeEvent(t, "pointerdown", (r) => {
-      var c;
-      const s = r;
-      if (e.viewMode !== "3d") return;
-      const o = s.button === 0 ? "pan" : s.button === 2 ? "rotate" : null;
-      !o || this.dragPointerId !== null || ((c = s.preventDefault) == null || c.call(s), this.beginDrag(o, s.pointerId, s.clientX, s.clientY));
-    });
-    const i = typeof globalThis.window > "u" ? t : globalThis.window;
-    e.bindRuntimeEvent(i, "pointermove", (r) => {
-      this.handlePointerMove(r);
-    }), e.bindRuntimeEvent(i, "pointerup", (r) => {
-      this.endDrag(r);
-    }), e.bindRuntimeEvent(i, "pointercancel", (r) => {
-      this.endDrag(r);
-    }), e.bindRuntimeEvent(t, "lostpointercapture", (r) => {
-      const s = r;
-      this.dragPointerId === s.pointerId && this.clearDrag({ releaseCapture: !1 });
-    }), i !== t && e.bindRuntimeEvent(i, "blur", () => this.clearDrag()), e.bindRuntimeEvent(t, "wheel", (r) => {
-      this.handleWheel(r);
-    }, { passive: !1 });
-  }
-  beginDrag(e, t, i, r) {
-    var o;
-    this.dragMode = e, this.dragPointerId = t, this.dragPrevX = i, this.dragPrevY = r, this.groundPanAnchor = e === "pan" ? this.screenToGround(i, r) : null;
-    const s = (o = this.runtime) == null ? void 0 : o.renderer.domElement;
-    if (s && typeof s.setPointerCapture == "function")
-      try {
-        s.setPointerCapture(t);
-      } catch {
-      }
-  }
-  handlePointerMove(e) {
-    const t = this.runtime;
-    if (!(!t || t.viewMode !== "3d" || !this.dragMode || e.pointerId !== this.dragPointerId)) {
-      if (this.dragMode === "pan") {
-        const i = this.screenToGround(e.clientX, e.clientY);
-        if (this.groundPanAnchor && i) {
-          const r = gt(this.orbitTarget, this.groundPanAnchor, i);
-          this.translateOrbit(r.x - this.orbitTarget.x, r.y - this.orbitTarget.y);
-        } else
-          this.panByScreenDelta(
-            e.clientX - this.dragPrevX,
-            e.clientY - this.dragPrevY
-          );
-      } else
-        this.rotateByScreenDelta(e.clientX - this.dragPrevX, e.clientY - this.dragPrevY);
-      this.dragPrevX = e.clientX, this.dragPrevY = e.clientY;
-    }
-  }
-  endDrag(e) {
-    e.pointerId === this.dragPointerId && this.clearDrag();
-  }
-  handleWheel(e) {
-    var d;
-    const t = this.runtime;
-    if (!t || t.viewMode !== "3d") return;
-    (d = e.preventDefault) == null || d.call(e);
-    const i = Math.max(1, t.canvasArea.clientHeight), r = Mt(e.deltaY, e.deltaMode, i);
-    this.wheelClassifier = kt({
-      valuePx: r,
-      ctrlKey: e.ctrlKey,
-      eventTimeMs: typeof performance > "u" ? Date.now() : performance.now(),
-      state: this.wheelClassifier,
-      resetMs: 400
-    });
-    const s = this.wheelClassifier.type ?? "trackpad", o = s === "wheel" ? Math.sign(r) * 100 : r, c = Tt(-o, s, {
-      trackpadZoomRate: 1 / 700,
-      wheelZoomRate: 1 / 3200,
-      maxScalePerFrame: 2
-    });
-    if (!Number.isFinite(c) || c <= 0) return;
-    const l = this.clampDistance(this.orbitDistance / c);
-    l !== this.orbitDistance && (this.orbitDistance = l, this.syncPerspectiveCamera());
-  }
-  panByScreenDelta(e, t) {
-    const i = this.runtime;
-    if (!i) return;
-    const r = ft({
-      dxPx: e,
-      dyPx: t,
-      viewportWidthPx: Math.max(1, i.canvasArea.clientWidth),
-      viewportHeightPx: Math.max(1, i.canvasArea.clientHeight),
-      orbitDistance: this.orbitDistance,
-      fovDeg: i.camera3d.fov,
-      aspect: i.camera3d.aspect > 0 ? i.camera3d.aspect : Math.max(1, i.canvasArea.clientWidth) / Math.max(1, i.canvasArea.clientHeight),
-      orbitYaw: this.orbitYaw,
-      panSpeed: 1
-    });
-    this.translateOrbit(r.x, r.y);
-  }
-  rotateByScreenDelta(e, t) {
-    const i = this.orbitYaw - e * 5e-3, r = R.clamp(
-      this.orbitPitch + t * 5e-3,
-      R.degToRad(5),
-      R.degToRad(85)
-    );
-    i === this.orbitYaw && r === this.orbitPitch || (this.orbitYaw = i, this.orbitPitch = r, this.syncPerspectiveCamera());
-  }
-  translateOrbit(e, t) {
-    !Number.isFinite(e) || !Number.isFinite(t) || e === 0 && t === 0 || (this.orbitTarget.x += e, this.orbitTarget.y += t, this.orbitTarget.z = 0, this.syncPerspectiveCamera());
-  }
-  screenToGround(e, t) {
-    const i = this.runtime;
-    return i ? i.screenToWorldOnPlane(e, t, 0) : null;
-  }
-  syncOrbitFrom2D(e) {
-    var c, l;
-    const t = this.runtime;
-    if (!t) return;
-    const i = t.camera2d, r = i.zoom > 0 ? i.zoom : 1, s = Math.max((i.top - i.bottom) / r, 1), o = Rt({
-      orthoCenterX: ((c = t.controls2d.target) == null ? void 0 : c.x) ?? i.position.x,
-      orthoCenterY: ((l = t.controls2d.target) == null ? void 0 : l.y) ?? i.position.y,
-      orthoFrustumSize: s,
-      viewportWidthPx: Math.max(1, t.canvasArea.clientWidth),
-      viewportHeightPx: Math.max(1, t.canvasArea.clientHeight),
-      perspectiveFovDeg: t.camera3d.fov,
-      orbitYaw: this.orbitYaw,
-      orbitPitch: this.orbitPitch,
-      orbitDistanceMin: $,
-      orbitDistanceMax: ne,
-      useFixedOrientation: e,
-      fixedOrbitYaw: se,
-      fixedOrbitPitch: oe,
-      ndcBand: j
-    });
-    this.orbitTarget.set(o.orbitTarget.x, o.orbitTarget.y, o.orbitTarget.z), this.orbitDistance = this.clampDistance(o.orbitDistance), this.orbitYaw = o.orbitYaw, this.orbitPitch = o.orbitPitch;
-  }
-  sync2DFromOrbit() {
-    const e = this.runtime;
-    if (!e) return;
-    const t = e.camera2d, i = Math.max(1, e.canvasArea.clientWidth), r = Math.max(1, e.canvasArea.clientHeight), s = i / r, o = t.top - t.bottom, c = o > 0 ? o : 2, l = e.controls2d.minZoom > 0 ? e.controls2d.minZoom : 2e-3, d = Math.max(l, e.controls2d.maxZoom > 0 ? e.controls2d.maxZoom : 5e4), h = Math.max(1, c / d), u = Math.max(h, c / l), v = Et({
-      orbitTarget: { x: this.orbitTarget.x, y: this.orbitTarget.y, z: this.orbitTarget.z },
-      orbitDistance: this.orbitDistance,
-      orbitYaw: this.orbitYaw,
-      orbitPitch: this.orbitPitch,
-      perspectiveFovDeg: e.camera3d.fov,
-      viewportWidthPx: i,
-      viewportHeightPx: r,
-      orthoFrustumMin: h,
-      orthoFrustumMax: u,
-      ndcBand: j
-    }), f = v.orthoFrustumSize > 0 ? v.orthoFrustumSize : c, p = c / 2;
-    e.setOrthographicViewport({
-      left: -p * s,
-      right: p * s,
-      top: p,
-      bottom: -p,
-      zoom: R.clamp(c / f, l, d),
-      positionX: v.orthoCenterX,
-      positionY: v.orthoCenterY,
-      targetX: v.orthoCenterX,
-      targetY: v.orthoCenterY
-    });
-  }
-  syncPerspectiveCamera(e = {}) {
-    const t = this.runtime;
-    if (!t) return;
-    const i = Math.cos(this.orbitPitch), r = new w(
-      this.orbitTarget.x + this.orbitDistance * Math.cos(this.orbitYaw) * i,
-      this.orbitTarget.y + this.orbitDistance * Math.sin(this.orbitYaw) * i,
-      this.orbitTarget.z + this.orbitDistance * Math.sin(this.orbitPitch)
-    );
-    t.setPerspectivePose(r, this.orbitTarget), e.sync2D !== !1 && this.sync2DFromOrbit();
-  }
-  capture2DSnapshot() {
-    const e = this.runtime;
-    if (!e) return null;
-    const t = e.camera2d;
-    return {
-      left: t.left,
-      right: t.right,
-      top: t.top,
-      bottom: t.bottom,
-      zoom: t.zoom,
-      positionX: t.position.x,
-      positionY: t.position.y,
-      targetX: e.controls2d.target.x,
-      targetY: e.controls2d.target.y
-    };
-  }
-  isOrbitUnchangedFrom3DEntry() {
-    const e = this.orbitSnapshotOn3DEntry;
-    return e ? k(this.orbitTarget.x, e.targetX) && k(this.orbitTarget.y, e.targetY) && k(this.orbitTarget.z, e.targetZ) && k(this.orbitDistance, e.distance) && k(this.orbitYaw, e.yaw) && k(this.orbitPitch, e.pitch) : !1;
-  }
-  getPerspectiveDocumentRect() {
-    const e = this.runtime;
-    if (!e) return null;
-    const t = [];
-    for (const i of [-1, 1])
-      for (const r of [-1, 1]) {
-        const s = new w(i, r, -1).unproject(e.camera3d), c = new w(i, r, 1).unproject(e.camera3d).sub(s).normalize();
-        if (Math.abs(c.z) < 1e-8) continue;
-        const l = (0 - s.z) / c.z;
-        !Number.isFinite(l) || l < 0 || t.push({
-          x: s.x + c.x * l,
-          y: s.y + c.y * l
-        });
-      }
-    if (t.length === 0) {
-      const i = this.orbitDistance * Math.tan(e.camera3d.fov * Math.PI / 360);
-      return {
-        minX: this.orbitTarget.x - i,
-        minY: this.orbitTarget.y - i,
-        maxX: this.orbitTarget.x + i,
-        maxY: this.orbitTarget.y + i
-      };
-    }
-    return {
-      minX: Math.min(...t.map((i) => i.x)),
-      minY: Math.min(...t.map((i) => i.y)),
-      maxX: Math.max(...t.map((i) => i.x)),
-      maxY: Math.max(...t.map((i) => i.y))
-    };
-  }
-  clampDistance(e) {
-    return R.clamp(
-      Number.isFinite(e) ? e : $,
-      $,
-      ne
-    );
-  }
-  clearDrag(e = {}) {
-    var r;
-    const t = this.dragPointerId;
-    if (this.dragMode = null, this.dragPointerId = null, this.groundPanAnchor = null, t === null || e.releaseCapture === !1) return;
-    const i = (r = this.runtime) == null ? void 0 : r.renderer.domElement;
-    if (!(!i || typeof i.releasePointerCapture != "function"))
-      try {
-        (typeof i.hasPointerCapture != "function" || i.hasPointerCapture(t)) && i.releasePointerCapture(t);
-      } catch {
-      }
-  }
-}
-const Lt = 1e3, At = -1e4, Ft = 1e4, ae = 1e3, Nt = 2e6, Ot = 1.15, Vt = 1.1, le = new We(Math.PI / 2, 0, Math.PI * 0.98 * 0.8);
-class Bt {
-  constructor(e) {
-    a(this, "canvasArea");
-    a(this, "canvas");
-    a(this, "scene", new ee());
-    a(this, "overlayRoot", new Ie());
-    a(this, "renderer");
-    a(this, "camera2d");
-    a(this, "camera3d");
-    a(this, "activeCamera");
-    a(this, "controls2d");
-    a(this, "controls3d");
-    a(this, "options");
-    a(this, "mountedObjects", /* @__PURE__ */ new Set());
-    a(this, "ownedObjects", /* @__PURE__ */ new Set());
-    a(this, "overlays", /* @__PURE__ */ new Map());
-    a(this, "eventCleanups", []);
-    a(this, "raycaster", new Xe());
-    a(this, "pointerNdc", new q());
-    a(this, "viewModeValue");
-    a(this, "initialized", !1);
-    a(this, "disposed", !1);
-    a(this, "renderRequested", !0);
-    a(this, "animationFrameId", null);
-    a(this, "animationLoopActive", !1);
-    a(this, "lastFrameTime", null);
-    a(this, "infoFrames", 0);
-    a(this, "infoLastTime", 0);
-    a(this, "fpsCurrent", 0);
-    a(this, "viewerOrbit", null);
-    a(this, "previewScene", null);
-    a(this, "previewCamera", null);
-    a(this, "previewRenderTarget", null);
-    a(this, "previewRenderTargetSize", { width: 0, height: 0 });
-    a(this, "previewPixelBuffer", null);
-    a(this, "previewImageDataBuffer", null);
-    a(this, "environmentResource", null);
-    a(this, "environmentLoadGeneration", 0);
-    this.options = e, this.canvasArea = e.canvasArea, this.canvas = e.canvas, this.viewModeValue = e.initialViewMode ?? "2d", this.overlayRoot.name = "scene-runtime:overlays", this.scene.add(this.overlayRoot);
-  }
-  initialize() {
-    if (this.disposed) throw new Error("SceneRuntime has been disposed.");
-    if (this.initialized) return;
-    const e = this.options.factories, t = (e == null ? void 0 : e.createRenderer) ?? ((l) => new _e(l)), i = (e == null ? void 0 : e.createMapControls) ?? ((l, d) => new lt(l, d)), r = (e == null ? void 0 : e.createOrbitControls) ?? ((l, d) => new ct(l, d));
-    this.renderer = t({
-      canvas: this.canvas,
-      antialias: this.options.antialias ?? !0,
-      alpha: this.options.alpha ?? !1,
-      powerPreference: this.options.powerPreference ?? "high-performance"
-    }), this.options.clearColor !== void 0 && this.renderer.setClearColor(new qe(this.options.clearColor));
-    const s = Math.max(1, this.canvasArea.clientWidth || 1), o = Math.max(1, this.canvasArea.clientHeight || 1), c = s / o;
-    if (this.renderer.setPixelRatio(this.readDevicePixelRatio()), this.renderer.setSize(s, o, !1), this.options.environment) {
-      const l = (e == null ? void 0 : e.createEnvironment) ?? zt;
-      this.scene.environmentIntensity = Vt, this.scene.environmentRotation.copy(le), this.scene.backgroundRotation.copy(le);
-      const d = ++this.environmentLoadGeneration, h = l(this.renderer, this.options.environment);
-      Ht(h) ? h.then(
-        (u) => this.applyEnvironmentResource(u, d),
-        (u) => {
-          !this.disposed && d === this.environmentLoadGeneration && console.warn("Failed to load scene environment HDR.", u);
-        }
-      ) : this.applyEnvironmentResource(h, d);
-    }
-    this.camera2d = new te(-c, c, 1, -1, At, Ft), this.camera2d.position.set(0, 0, 1), this.camera2d.lookAt(0, 0, 0), this.camera3d = new $e(40, c, ae, Nt), this.camera3d.up.set(0, 0, 1), this.camera3d.position.set(1e4, 0, 1e4), this.camera3d.lookAt(0, 0, 0), this.controls2d = i(this.camera2d, this.renderer.domElement), this.controls2d.enableRotate = !1, this.controls2d.screenSpacePanning = !0, this.controls2d.zoomToCursor = !0, this.controls2d.minZoom = 2e-3, this.controls2d.maxZoom = 5e4, this.controls2d.mouseButtons = {
-      LEFT: W.PAN,
-      MIDDLE: W.DOLLY,
-      RIGHT: W.PAN
-    }, this.controls2d.touches = {
-      ONE: ie.PAN,
-      TWO: ie.DOLLY_PAN
-    }, this.controls3d = r(this.camera3d, this.renderer.domElement), this.controls3d.enablePan = !1, this.listen(this.controls2d, "change", () => this.requestRender()), this.listen(this.controls3d, "change", () => this.requestRender()), this.options.navigationPolicy === "viewer" && (this.viewerOrbit = new Dt(), this.viewerOrbit.attach(this)), this.initialized = !0, this.setViewMode(this.viewModeValue);
-  }
-  get isInitialized() {
-    return this.initialized;
-  }
-  get isDisposed() {
-    return this.disposed;
-  }
-  get viewMode() {
-    return this.viewModeValue;
-  }
-  get needsRender() {
-    return this.renderRequested;
-  }
-  set needsRender(e) {
-    this.renderRequested = e;
-  }
-  requestRender() {
-    this.disposed || (this.renderRequested = !0);
-  }
-  setClearColor(e) {
-    var t;
-    (t = this.renderer) == null || t.setClearColor(e), this.requestRender();
-  }
-  setViewMode(e, t = {}) {
-    const i = e !== this.viewModeValue;
-    this.viewModeValue = e, !(!this.camera2d || !this.camera3d) && (this.activeCamera = e === "3d" ? this.camera3d : this.camera2d, this.viewerOrbit ? (this.controls3d.enabled = !1, i ? this.viewerOrbit.setViewMode(e, t) : this.controls2d.enabled = e === "2d") : (this.controls2d && (this.controls2d.enabled = e === "2d"), this.controls3d && (this.controls3d.enabled = e === "3d")), this.requestRender());
-  }
-  setPerspectivePose(e, t) {
-    var i;
-    return !this.camera3d || ![e.x, e.y, e.z, t.x, t.y, t.z].every(Number.isFinite) ? !1 : (this.camera3d.position.copy(e), this.camera3d.lookAt(t), this.camera3d.updateProjectionMatrix(), (i = this.controls3d) == null || i.target.copy(t), this.requestRender(), !0);
-  }
-  setPerspectiveAspect(e) {
-    return !this.camera3d || !Number.isFinite(e) || e <= 0 ? !1 : (this.camera3d.aspect = e, this.camera3d.updateProjectionMatrix(), this.requestRender(), !0);
-  }
-  setOrthographicViewport(e) {
-    var t;
-    return !this.camera2d || ![
-      e.left,
-      e.right,
-      e.top,
-      e.bottom,
-      e.zoom,
-      e.positionX,
-      e.positionY,
-      e.targetX,
-      e.targetY
-    ].every(Number.isFinite) || e.left >= e.right || e.bottom >= e.top || e.zoom <= 0 ? !1 : (this.camera2d.left = e.left, this.camera2d.right = e.right, this.camera2d.top = e.top, this.camera2d.bottom = e.bottom, this.camera2d.zoom = e.zoom, this.camera2d.position.set(e.positionX, e.positionY, 1), this.camera2d.updateProjectionMatrix(), (t = this.controls2d) != null && t.target && (this.controls2d.target.set(e.targetX, e.targetY, 0), this.controls2d.update()), this.requestRender(), !0);
-  }
-  addObject(e, t = {}) {
-    if (this.disposed) throw new Error("SceneRuntime has been disposed.");
-    this.mountedObjects.has(e) && e.parent === this.scene || (this.scene.add(e), this.mountedObjects.add(e), t.owned && this.ownedObjects.add(e), this.requestRender());
-  }
-  removeObject(e, t = {}) {
-    if (!this.mountedObjects.has(e) && e.parent !== this.scene) return !1;
-    e.removeFromParent(), this.mountedObjects.delete(e);
-    const i = this.ownedObjects.delete(e);
-    return (t.dispose === !0 || t.dispose === void 0 && i) && re(e), this.requestRender(), !0;
-  }
-  setObjectVisible(e, t) {
-    e.visible !== t && (e.visible = t, this.requestRender());
-  }
-  mountOverlay(e, t, i = {}) {
-    this.removeOverlay(e), this.overlayRoot.parent !== this.scene && this.scene.add(this.overlayRoot), this.overlayRoot.add(t), this.overlays.set(e, { object: t, owned: i.owned === !0 }), this.requestRender();
-  }
-  removeOverlay(e, t = {}) {
-    const i = this.overlays.get(e);
-    return i ? (this.overlays.delete(e), i.object.removeFromParent(), (t.dispose === !0 || t.dispose === void 0 && i.owned) && re(i.object), this.requestRender(), i.object) : null;
-  }
-  setHighlight(e, t = {}) {
-    if (!e) {
-      this.removeOverlay("highlight");
-      return;
-    }
-    this.mountOverlay("highlight", e, t);
-  }
-  resize() {
-    if (!this.renderer) return !1;
-    const e = this.canvasArea.clientWidth, t = this.canvasArea.clientHeight;
-    if (!Number.isFinite(e) || !Number.isFinite(t) || e <= 0 || t <= 0) return !1;
-    if (this.renderer.setPixelRatio(this.readDevicePixelRatio()), this.renderer.setSize(e, t, !1), this.camera2d) {
-      const i = (this.camera2d.top - this.camera2d.bottom) / 2, r = i * (e / t), s = (this.camera2d.left + this.camera2d.right) / 2, o = (this.camera2d.top + this.camera2d.bottom) / 2;
-      this.camera2d.left = s - r, this.camera2d.right = s + r, this.camera2d.top = o + i, this.camera2d.bottom = o - i, this.camera2d.updateProjectionMatrix();
-    }
-    return this.camera3d && (this.camera3d.aspect = e / t, this.camera3d.updateProjectionMatrix()), this.requestRender(), !0;
-  }
-  fitView(e, t = {}) {
-    if (!this.camera2d || !this.camera3d) return !1;
-    const i = this.resolveBox3(e);
-    if (!i || i.isEmpty()) return !1;
-    const r = i.getSize(new w()), s = i.getCenter(new w());
-    if (![r.x, r.y, r.z, s.x, s.y, s.z].every(Number.isFinite)) return !1;
-    const o = Math.max(1, t.padding ?? 1.05);
-    if ((t.viewMode ?? this.viewModeValue) === "2d") {
-      const l = Math.max(r.x, 1e-6) * o, d = Math.max(r.y, 1e-6) * o, h = Math.max(1, this.canvasArea.clientWidth), u = Math.max(1, this.canvasArea.clientHeight), v = h / u;
-      let f = l / 2, p = d / 2;
-      f / p < v ? f = p * v : p = f / v, this.camera2d.left = -f, this.camera2d.right = f, this.camera2d.top = p, this.camera2d.bottom = -p, this.camera2d.zoom = 1, this.camera2d.position.set(s.x, s.y, Math.max(s.z + 1, 1)), this.camera2d.updateProjectionMatrix(), this.controls2d.target.copy(s), this.controls2d.update();
-    } else if (this.viewerOrbit)
-      this.viewerOrbit.fit3D(i);
-    else {
-      const l = s.clone(), d = this.camera3d.fov * Math.PI / 180, h = 2 * Math.atan(Math.tan(d / 2) * Math.max(this.camera3d.aspect, 1e-6)), u = Math.max(r.length() / 2, 1e-6), v = Math.max(Math.min(d, h) / 2, 1e-6), f = u / Math.sin(v) * o, p = this.camera3d.position.clone().sub(this.controls3d.target);
-      p.lengthSq() <= 1e-12 && p.set(1, -1, 1), p.normalize(), this.controls3d.target.copy(l), this.camera3d.position.copy(l).addScaledVector(p, f), this.camera3d.lookAt(l), this.camera3d.near = Math.min(
-        ae,
-        Math.max(f * 0.01, 1e-6)
-      ), this.camera3d.updateProjectionMatrix(), this.controls3d.update();
-    }
-    return this.requestRender(), !0;
-  }
-  getVisibleDocumentRect() {
-    if (this.viewerOrbit) return this.viewerOrbit.getVisibleDocumentRect();
-    if (!this.camera2d) return null;
-    const e = this.camera2d.zoom > 0 ? this.camera2d.zoom : 1, t = (this.camera2d.right - this.camera2d.left) / (2 * e), i = (this.camera2d.top - this.camera2d.bottom) / (2 * e);
-    return {
-      minX: this.camera2d.position.x - t,
-      minY: this.camera2d.position.y - i,
-      maxX: this.camera2d.position.x + t,
-      maxY: this.camera2d.position.y + i
-    };
-  }
-  getWorldUnitsPerPixel() {
-    const e = this.getVisibleDocumentRect(), t = Math.max(1, this.canvasArea.clientWidth || 1);
-    if (!e) return Number.POSITIVE_INFINITY;
-    const i = e.maxX - e.minX, r = e.maxY - e.minY;
-    return Math.max(i / t, r / Math.max(1, this.canvasArea.clientHeight || 1));
-  }
-  captureOrthographicViewportState() {
-    return this.camera2d ? {
-      left: this.camera2d.left,
-      right: this.camera2d.right,
-      top: this.camera2d.top,
-      bottom: this.camera2d.bottom,
-      zoom: this.camera2d.zoom,
-      positionX: this.camera2d.position.x,
-      positionY: this.camera2d.position.y,
-      targetX: this.controls2d.target.x,
-      targetY: this.controls2d.target.y
-    } : null;
-  }
-  captureCameraSnapshot() {
-    var t;
-    if (this.viewModeValue === "2d") {
-      const i = this.captureOrthographicViewportState();
-      return i ? { schemaVersion: 1, viewMode: "2d", orthographic: i } : null;
-    }
-    const e = (t = this.viewerOrbit) == null ? void 0 : t.captureOrbitSnapshot();
-    return e ? { schemaVersion: 1, viewMode: "3d", orbit: e } : null;
-  }
-  applyCameraSnapshot(e) {
-    return e.viewMode === "2d" ? (this.viewModeValue !== "2d" && this.setViewMode("2d", { preserveOrbit: !0 }), e.orthographic ? this.setOrthographicViewport(e.orthographic) : !1) : (this.viewModeValue !== "3d" && this.setViewMode("3d", { preserveOrbit: !0 }), !e.orbit || !this.viewerOrbit ? !1 : (this.viewerOrbit.applyOrbitSnapshot(e.orbit), this.requestRender(), !0));
-  }
-  getViewerOrbit() {
-    return this.viewerOrbit;
-  }
-  getDevicePixelRatio() {
-    return this.readDevicePixelRatio();
-  }
-  getRenderStats() {
-    var t, i;
-    const e = (i = (t = this.renderer) == null ? void 0 : t.info) == null ? void 0 : i.render;
-    return {
-      drawCalls: (e == null ? void 0 : e.calls) ?? 0,
-      submittedVertexRefs: e ? e.triangles * 3 + e.lines * 2 + e.points : 0,
-      fps: this.fpsCurrent
-    };
-  }
-  renderOrthographicPreview(e, t, i) {
-    var J;
-    if (!this.renderer || this.disposed || t.parent || !Yt(i)) return !1;
-    const r = Math.max(1, Math.floor(e.clientWidth || e.width || 0)), s = Math.max(1, Math.floor(e.clientHeight || e.height || 0)), o = this.resolveRendererPixelRatio(), c = Math.min(2, o), l = Math.max(1, Math.floor(r * c)), d = Math.max(1, Math.floor(s * c)), h = l / o, u = d / o, v = Math.min(h, u), f = (i.minX + i.maxX) / 2, p = (i.minY + i.maxY) / 2, b = Math.max(i.maxX - i.minX, i.maxY - i.minY, 1) * Ot / 2, g = this.getOrCreatePreviewRenderTarget(l, d), y = this.getOrCreatePreviewCamera();
-    y.left = -b, y.right = b, y.top = b, y.bottom = -b, y.position.set(f, p, 1), y.up.copy(((J = this.camera2d) == null ? void 0 : J.up) ?? new w(0, 1, 0)), y.lookAt(f, p, 0), y.updateProjectionMatrix(), y.updateMatrixWorld(!0);
-    const P = this.getOrCreatePreviewScene(), x = this.renderer, E = x.getRenderTarget(), Oe = x.getClearAlpha(), Ve = x.autoClear, A = new je();
-    x.getViewport(A);
-    const Be = x.getScissorTest();
-    P.add(t);
-    try {
-      x.setRenderTarget(g), x.setViewport(0, 0, h, u), x.setScissorTest(!1), x.setClearAlpha(0), x.autoClear = !1, x.clear(), x.setViewport(
-        Math.floor((h - v) / 2),
-        Math.floor((u - v) / 2),
-        v,
-        v
-      ), x.render(P, y);
-      const Q = this.getOrCreatePreviewPixelBuffer(l, d);
-      return x.readRenderTargetPixels(g, 0, 0, l, d, Q), this.blitPreviewPixelsToCanvas(e, Q, l, d);
-    } finally {
-      t.removeFromParent(), x.setRenderTarget(E), x.setClearAlpha(Oe), x.autoClear = Ve, x.setViewport(
-        A.x,
-        A.y,
-        A.z,
-        A.w
-      ), x.setScissorTest(Be), this.requestRender();
-    }
-  }
-  bindRuntimeEvent(e, t, i, r) {
-    this.listen(e, t, i, r);
-  }
-  clientToNdc(e, t, i = new q()) {
-    var o;
-    const r = (o = this.renderer) == null ? void 0 : o.domElement;
-    if (!r) return null;
-    const s = r.getBoundingClientRect();
-    return !Number.isFinite(s.width) || !Number.isFinite(s.height) || s.width <= 0 || s.height <= 0 ? null : (i.set(
-      (e - s.left) / s.width * 2 - 1,
-      -((t - s.top) / s.height) * 2 + 1
-    ), i);
-  }
-  screenToWorldOnPlane(e, t, i = 0) {
-    const r = this.clientToNdc(e, t, this.pointerNdc);
-    return !r || !this.activeCamera ? null : (this.raycaster.setFromCamera(r, this.activeCamera), this.raycaster.ray.intersectPlane(new Ue(new w(0, 0, 1), -i), new w()));
-  }
-  worldToClient(e, t = new q()) {
-    var o;
-    const i = (o = this.renderer) == null ? void 0 : o.domElement;
-    if (!i || !this.activeCamera) return null;
-    const r = i.getBoundingClientRect();
-    if (!Number.isFinite(r.width) || !Number.isFinite(r.height) || r.width <= 0 || r.height <= 0) return null;
-    const s = e.clone().project(this.activeCamera);
-    return t.set(
-      r.left + (s.x + 1) / 2 * r.width,
-      r.top + (1 - s.y) / 2 * r.height
-    ), t;
-  }
-  pick(e, t, i = {}) {
-    const r = this.clientToNdc(e, t, this.pointerNdc);
-    if (!r || !this.activeCamera) return null;
-    const s = i.roots ?? [...this.mountedObjects], o = i.includeInvisible ? s : s.filter((h) => h.visible);
-    this.raycaster.setFromCamera(r, this.activeCamera);
-    const [c] = this.raycaster.intersectObjects([...o], i.recursive !== !1);
-    if (!c) return null;
-    const d = o.find((h) => h === c.object || this.isDescendantOf(c.object, h)) ?? c.object;
-    return {
-      object: c.object,
-      root: d,
-      point: c.point.clone(),
-      distance: c.distance,
-      faceIndex: c.faceIndex ?? null,
-      instanceId: c.instanceId,
-      intersection: c
-    };
-  }
-  startAnimation(e = {}) {
-    if (this.disposed || this.animationLoopActive) return;
-    this.animationLoopActive = !0, this.infoFrames = 0, this.infoLastTime = performance.now();
-    const t = e.infoUpdateIntervalMs ?? Lt, i = (r = performance.now()) => {
-      var c, l, d, h, u, v, f;
-      if (!this.animationLoopActive || this.disposed) {
-        this.animationFrameId = null;
-        return;
-      }
-      this.animationFrameId = requestAnimationFrame(i);
-      const s = this.lastFrameTime === null ? 0 : Math.max(0, (r - this.lastFrameTime) / 1e3);
-      this.lastFrameTime = r, this.viewModeValue === "2d" && ((c = this.controls2d) == null || c.update()), (l = e.onFrame) == null || l.call(e, r, s);
-      let o = !1;
-      if (this.renderRequested && (((d = e.shouldRender) == null ? void 0 : d.call(e, r)) ?? !0) && ((h = e.beforeRender) == null || h.call(e, r), this.renderer.render(this.scene, this.activeCamera), this.renderRequested = !1, o = !0, (u = e.afterRender) == null || u.call(e, r)), this.infoFrames += 1, r - this.infoLastTime >= t) {
-        const p = Math.max(1, r - this.infoLastTime);
-        this.fpsCurrent = this.infoFrames * 1e3 / p, this.infoFrames = 0, this.infoLastTime = r, (v = e.onInfoUpdate) == null || v.call(e);
-      } else o && ((f = e.onInfoUpdate) == null || f.call(e));
-    };
-    i();
-  }
-  stopAnimation() {
-    this.animationLoopActive = !1, this.animationFrameId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null, this.lastFrameTime = null;
-  }
-  dispose() {
-    var e, t, i, r, s, o, c, l, d;
-    if (!this.disposed) {
-      for (this.disposed = !0, this.stopAnimation(), (e = this.viewerOrbit) == null || e.dispose(), this.viewerOrbit = null; this.eventCleanups.length > 0; ) (t = this.eventCleanups.pop()) == null || t();
-      for (const h of [...this.overlays.keys()]) this.removeOverlay(h);
-      for (const h of [...this.mountedObjects]) this.removeObject(h);
-      (r = (i = this.controls2d) == null ? void 0 : i.dispose) == null || r.call(i), (o = (s = this.controls3d) == null ? void 0 : s.dispose) == null || o.call(s), this.disposePreviewResources(), this.environmentLoadGeneration += 1, this.scene.environment = null, (c = this.environmentResource) == null || c.dispose(), this.environmentResource = null, (d = (l = this.renderer) == null ? void 0 : l.dispose) == null || d.call(l);
-    }
-  }
-  applyEnvironmentResource(e, t) {
-    var i;
-    if (this.disposed || t !== this.environmentLoadGeneration) {
-      e.dispose();
-      return;
-    }
-    (i = this.environmentResource) == null || i.dispose(), this.environmentResource = e, this.scene.environment = e.texture, this.requestRender();
-  }
-  getOrCreatePreviewScene() {
-    return this.previewScene || (this.previewScene = new ee()), this.previewScene;
-  }
-  getOrCreatePreviewCamera() {
-    return this.previewCamera || (this.previewCamera = new te(-1, 1, 1, -1, -1e6, 1e6)), this.previewCamera;
-  }
-  getOrCreatePreviewRenderTarget(e, t) {
-    var i;
-    return this.previewRenderTarget && this.previewRenderTargetSize.width === e && this.previewRenderTargetSize.height === t ? this.previewRenderTarget : ((i = this.previewRenderTarget) == null || i.dispose(), this.previewRenderTarget = new Ke(e, t), this.previewRenderTargetSize = { width: e, height: t }, this.previewRenderTarget);
-  }
-  getOrCreatePreviewPixelBuffer(e, t) {
-    const i = e * t * 4;
-    return (!this.previewPixelBuffer || this.previewPixelBuffer.length !== i) && (this.previewPixelBuffer = new Uint8Array(i)), this.previewPixelBuffer;
-  }
-  blitPreviewPixelsToCanvas(e, t, i, r) {
-    e.width !== i && (e.width = i), e.height !== r && (e.height = r);
-    const s = e.getContext("2d");
-    if (!s) return !1;
-    const o = i * r * 4;
-    (!this.previewImageDataBuffer || this.previewImageDataBuffer.length !== o) && (this.previewImageDataBuffer = new Uint8ClampedArray(o));
-    const c = this.previewImageDataBuffer, l = i * 4;
-    for (let h = 0; h < r; h += 1) {
-      const u = (r - 1 - h) * l;
-      c.set(t.subarray(u, u + l), h * l);
-    }
-    const d = s.createImageData(i, r);
-    return d.data.set(c), s.putImageData(d, 0, 0), !0;
-  }
-  resolveRendererPixelRatio() {
-    const e = this.renderer.getPixelRatio();
-    return Number.isFinite(e) && e > 0 ? e : 1;
-  }
-  disposePreviewResources() {
-    var e, t;
-    (e = this.previewRenderTarget) == null || e.dispose(), this.previewRenderTarget = null, this.previewRenderTargetSize = { width: 0, height: 0 }, this.previewCamera = null, this.previewPixelBuffer = null, this.previewImageDataBuffer = null, (t = this.previewScene) == null || t.clear(), this.previewScene = null;
-  }
-  readDevicePixelRatio() {
-    const e = globalThis.devicePixelRatio;
-    return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 1;
-  }
-  resolveBox3(e) {
-    if (e instanceof S) return e.clone();
-    if (e instanceof Ge) return new S().setFromObject(e);
-    const { minX: t, minY: i, maxX: r, maxY: s } = e;
-    return ![t, i, r, s].every(Number.isFinite) || r < t || s < i ? null : new S(new w(t, i, 0), new w(r, s, 0));
-  }
-  isDescendantOf(e, t) {
-    let i = e.parent;
-    for (; i; ) {
-      if (i === t) return !0;
-      i = i.parent;
-    }
-    return !1;
-  }
-  listen(e, t, i, r) {
-    e.addEventListener(t, i, r), this.eventCleanups.push(() => {
-      var s;
-      return (s = e.removeEventListener) == null ? void 0 : s.call(e, t, i, r);
-    });
-  }
-}
-function zt(n, e) {
-  if (e === "room") {
-    const t = new Ze(n), i = new at(), r = t.fromScene(i);
-    return i.dispose(), t.dispose(), {
-      texture: r.texture,
-      dispose: () => r.dispose()
-    };
-  }
-  if (e.type !== "hdr" || e.url.trim().length === 0)
-    throw new Error("HDR scene environment requires a non-empty URL.");
-  return new dt().loadAsync(e.url).then((t) => (t.mapping = Je, {
-    texture: t,
-    dispose: () => t.dispose()
-  }));
-}
-function Ht(n) {
-  return typeof (n == null ? void 0 : n.then) == "function";
-}
-function Yt(n) {
-  return Number.isFinite(n.minX) && Number.isFinite(n.minY) && Number.isFinite(n.maxX) && Number.isFinite(n.maxY) && n.maxX >= n.minX && n.maxY >= n.minY;
-}
-const Z = 1;
-function Xt() {
-  return typeof globalThis.localStorage > "u" ? _t() : {
-    read(n) {
-      try {
-        const e = globalThis.localStorage.getItem(ce(n));
-        return e ? JSON.parse(e) : null;
-      } catch {
-        return null;
-      }
-    },
-    write(n, e) {
-      try {
-        globalThis.localStorage.setItem(ce(n), JSON.stringify(e));
-      } catch {
-      }
-    }
-  };
-}
-function _t() {
-  const n = /* @__PURE__ */ new Map();
-  return {
-    read(e) {
-      return n.get(e) ?? null;
-    },
-    write(e, t) {
-      n.set(e, t);
-    }
-  };
-}
-function qt(n, e) {
-  if (!n || !e) return null;
-  const t = n.read(e);
-  if (!t || typeof t != "object") return null;
-  const i = t;
-  return i.schemaVersion !== Z || i.viewMode !== "2d" && i.viewMode !== "3d" || i.viewMode === "2d" && !i.orthographic || i.viewMode === "3d" && !i.orbit ? null : i;
-}
-function Wt(n, e, t) {
-  !n || !e || n.write(e, t);
-}
-function $t(n) {
-  return {
-    schemaVersion: Z,
-    viewMode: n.viewMode,
-    ...n.orthographic ? { orthographic: n.orthographic } : {},
-    ...n.orbit ? { orbit: n.orbit } : {}
-  };
-}
-function ce(n) {
-  return `nebula-viewer:camera:v${Z}:${n}`;
-}
-function V(n) {
-  return new S(
-    new w(n.minX, n.minY, n.minZ),
-    new w(n.maxX, n.maxY, n.maxZ)
-  );
-}
-function De(n) {
-  const [e, t, i] = n;
-  return (e & 255) << 16 | (t & 255) << 8 | i & 255;
-}
-class jt {
-  constructor() {
-    a(this, "rows", []);
-    a(this, "allColor", null);
-    a(this, "renderNode", null);
-    a(this, "onChange", () => {
-    });
-    a(this, "visibilityRevision", 0);
-  }
-  bind(e, t) {
-    this.renderNode = e, this.onChange = t;
-  }
-  sync(e) {
-    const t = new Map(this.rows.map((i) => [i.index, i.color]));
-    this.rows = e.getLayers().map((i) => ({
-      index: i.index,
-      name: i.name,
-      visible: i.visible,
-      color: t.get(i.index) ?? this.allColor,
-      sourceColor: i.color
-    })), this.onChange();
-  }
-  clear() {
-    this.rows = [], this.allColor = null, this.renderNode = null, this.onChange();
-  }
-  getVisibilityRevision() {
-    return this.visibilityRevision;
-  }
-  toggle(e) {
-    const t = this.rows.find((r) => r.index === e);
-    if (!t || !this.renderNode) return;
-    const i = !t.visible;
-    this.renderNode.setLayerVisible(e, i), t.visible = i, this.visibilityRevision += 1, this.onChange();
-  }
-  showAll() {
-    if (this.renderNode) {
-      for (const e of this.rows)
-        e.visible || (this.renderNode.setLayerVisible(e.index, !0), e.visible = !0);
-      this.visibilityRevision += 1, this.onChange();
-    }
-  }
-  hideAll() {
-    if (this.renderNode) {
-      for (const e of this.rows)
-        e.visible && (this.renderNode.setLayerVisible(e.index, !1), e.visible = !1);
-      this.visibilityRevision += 1, this.onChange();
-    }
-  }
-  setColor(e, t) {
-    if (!this.renderNode) return;
-    this.renderNode.setLayerColorOverride(e, t);
-    const i = this.rows.find((r) => r.index === e);
-    i && (i.color = t);
-  }
-  setAllColor(e) {
-    if (this.renderNode) {
-      for (const t of this.rows)
-        this.renderNode.setLayerColorOverride(t.index, e), t.color = e;
-      this.allColor = e;
-    }
-  }
-}
-class Ut {
-  constructor() {
-    a(this, "usages", []);
-    a(this, "renderNode", null);
-    a(this, "onChange", () => {
-    });
-    a(this, "visibilityRevision", 0);
-  }
-  bind(e, t) {
-    this.renderNode = e, this.onChange = t;
-  }
-  sync(e) {
-    this.usages = e.listInsertUsages().map((t) => ({
-      insertId: t.insertId,
-      blockName: t.blockName,
-      layerName: t.layerName,
-      layerIndex: t.layerIndex,
-      variantId: t.variantId,
-      instanceId: t.instanceId,
-      label: t.label,
-      canHighlight: t.canHighlight,
-      visible: t.visible
-    })), this.onChange();
-  }
-  clear() {
-    this.usages = [], this.renderNode = null, this.onChange();
-  }
-  getVisibilityRevision() {
-    return this.visibilityRevision;
-  }
-  toggleInsert(e, t) {
-    if (!this.renderNode) return;
-    const i = this.usages.find((s) => s.insertId === e);
-    if (!i) return;
-    const r = t ?? !i.visible;
-    this.renderNode.setInsertVisible(e, r), i.visible = r, this.visibilityRevision += 1, this.onChange();
-  }
-  batchToggleInserts(e) {
-    if (!this.renderNode || e.length === 0) return;
-    const t = [];
-    for (const i of e) {
-      const r = this.usages.find((s) => s.insertId === i.insertId);
-      r && (t.push(i), r.visible = i.visible);
-    }
-    t.length !== 0 && (this.renderNode.setInsertVisibleBatch(t), this.visibilityRevision += 1, this.onChange());
-  }
-}
-class Kt {
-  constructor() {
-    a(this, "selection", null);
-    a(this, "details", null);
-    a(this, "textSelection", null);
-    a(this, "textDetails", null);
-  }
-  setSelection(e, t) {
-    this.selection = e, this.details = t, this.textSelection = null, this.textDetails = null;
-  }
-  setTextSelection(e, t) {
-    this.selection = null, this.details = null, this.textSelection = e, this.textDetails = t;
-  }
-  clear() {
-    this.selection = null, this.details = null, this.textSelection = null, this.textDetails = null;
-  }
-}
-class Gt {
-  constructor() {
-    a(this, "filename", null);
-    a(this, "fileCount", 0);
-    a(this, "visibleLayerCount", 0);
-    a(this, "totalLayerCount", 0);
-    a(this, "statusMessage", "");
-    a(this, "zoomLabel", "");
-    a(this, "orbitDistanceLabel", "");
-    a(this, "scaleRuler", null);
-    a(this, "viewportVertexCount", 0);
-    a(this, "drawCalls", 0);
-    a(this, "fps", 0);
-    a(this, "lineRenderMode", "");
-    a(this, "entityCount", 0);
-    a(this, "lineCount", 0);
-    a(this, "fillCount", 0);
-    a(this, "dotCount", 0);
-    a(this, "textCount", 0);
-    a(this, "renderableCount", 0);
-    a(this, "submittedVertexRefs", 0);
-    a(this, "blockVariantCount", 0);
-    a(this, "blockInstanceCount", 0);
-    a(this, "splitBlockLayerGroupCount", 0);
-    a(this, "renderDebugBreakdown", []);
-    a(this, "splitBlockLayerDetails", []);
-    a(this, "phase", null);
-  }
-  sync(e) {
-    var s, o, c, l;
-    this.filename = e.filename, this.fileCount = e.hasDocument ? 1 : 0, this.totalLayerCount = e.layers.length, this.visibleLayerCount = e.layers.filter((d) => d.visible).length, this.statusMessage = ((s = e.statusMessage) == null ? void 0 : s.trim()) ?? "";
-    const t = e.host.runtime.getRenderStats();
-    this.viewportVertexCount = t.submittedVertexRefs, this.drawCalls = t.drawCalls, this.fps = t.fps;
-    const i = e.diagnostics;
-    this.lineRenderMode = (i == null ? void 0 : i.lineRenderMode) ?? "", this.entityCount = (i == null ? void 0 : i.entityCount) ?? 0, this.lineCount = (i == null ? void 0 : i.lineCount) ?? 0, this.fillCount = (i == null ? void 0 : i.fillCount) ?? 0, this.dotCount = (i == null ? void 0 : i.dotCount) ?? 0, this.textCount = (i == null ? void 0 : i.textCount) ?? 0, this.renderableCount = (i == null ? void 0 : i.renderableCount) ?? 0, this.submittedVertexRefs = (i == null ? void 0 : i.submittedVertexRefs) ?? 0, this.blockVariantCount = (i == null ? void 0 : i.blockVariantCount) ?? 0, this.blockInstanceCount = (i == null ? void 0 : i.blockInstanceCount) ?? 0, this.splitBlockLayerGroupCount = (i == null ? void 0 : i.splitBlockLayerGroupCount) ?? 0, this.renderDebugBreakdown = (i == null ? void 0 : i.renderDebugBreakdown) ?? [], this.splitBlockLayerDetails = (i == null ? void 0 : i.splitBlockLayerDetails) ?? [], this.phase = e.phase ?? null;
-    const r = e.host.runtime.getWorldUnitsPerPixel();
-    if (e.host.viewMode === "2d" && Number.isFinite(r) && r > 0) {
-      const d = r * 100, h = (c = (o = e.host.runtime.captureCameraSnapshot()) == null ? void 0 : o.orthographic) == null ? void 0 : c.zoom;
-      this.zoomLabel = Number.isFinite(h) && (h ?? 0) > 0 ? `${Math.round(h * 100)}%` : "", this.scaleRuler = {
-        visible: !0,
-        worldLength: d,
-        lengthLabel: Zt(d)
-      }, this.orbitDistanceLabel = "";
-    } else {
-      const d = (l = e.host.runtime.captureCameraSnapshot()) == null ? void 0 : l.orbit;
-      this.zoomLabel = "", this.orbitDistanceLabel = d ? `${Math.round(d.distance)}` : "", this.scaleRuler = null;
-    }
-  }
-  clear() {
-    this.filename = null, this.fileCount = 0, this.visibleLayerCount = 0, this.totalLayerCount = 0, this.statusMessage = "", this.zoomLabel = "", this.orbitDistanceLabel = "", this.scaleRuler = null, this.viewportVertexCount = 0, this.drawCalls = 0, this.fps = 0, this.lineRenderMode = "", this.entityCount = 0, this.lineCount = 0, this.fillCount = 0, this.dotCount = 0, this.textCount = 0, this.renderableCount = 0, this.submittedVertexRefs = 0, this.blockVariantCount = 0, this.blockInstanceCount = 0, this.splitBlockLayerGroupCount = 0, this.renderDebugBreakdown = [], this.splitBlockLayerDetails = [], this.phase = null;
-  }
-}
-function Zt(n) {
-  return n >= 1e6 ? `${(n / 1e6).toFixed(2)} km` : n >= 1e3 ? `${(n / 1e3).toFixed(2)} m` : `${n.toFixed(2)} mm`;
-}
-function de(n) {
-  return {
-    documentKey: n.documentKey,
-    filename: n.filename,
-    phase: n.phase,
-    headerBounds: n.headerBounds,
-    layerCount: n.layerCount
-  };
-}
-const Jt = 160;
-class Qt {
-  constructor(e) {
-    a(this, "layers", new jt());
-    a(this, "blocks", new Ut());
-    a(this, "inspector", new Kt());
-    a(this, "hud", new Gt());
-    a(this, "document", null);
-    a(this, "loadTiming", null);
-    a(this, "listeners", /* @__PURE__ */ new Map());
-    a(this, "host");
-    a(this, "disposed", !1);
-    a(this, "openEpoch", 0);
-    a(this, "cameraSettled", !1);
-    a(this, "initialDemandSettled", !1);
-    a(this, "initialCameraRestored", !1);
-    a(this, "cameraChangedDuringInitialLoad", !1);
-    a(this, "statusMessage", "");
-    a(this, "session", null);
-    a(this, "renderNode", null);
-    a(this, "unsubscribers", []);
-    a(this, "viewportDemandTimer", null);
-    this.host = e, this.layers.bind(null, () => this.emit("layer-change", { layers: this.layers })), this.blocks.bind(null, () => this.emit("block-change", { blocks: this.blocks }));
-  }
-  async open(e, t = {}) {
-    this.assertActive(), this.closeInternal();
-    const i = ++this.openEpoch;
-    this.cameraSettled = !1, this.initialDemandSettled = !1, this.initialCameraRestored = !1, this.cameraChangedDuringInitialLoad = !1, this.loadTiming = null;
-    const r = t.documentKey ?? ei(e), s = ht(e, {
-      documentKey: r ?? void 0,
-      filename: t.filename,
-      loadAnnotations: t.loadAnnotations,
-      workerUrl: t.workerUrl,
-      workerFactory: t.workerFactory,
-      fontResolver: t.fontResolver,
-      resolveTextFont: t.resolveTextFont,
-      textWarmup: t.textWarmup
-    });
-    this.session = s, this.loadTiming = s.loadTiming, this.statusMessage = "加载中…";
-    const o = ut(s);
-    this.renderNode = o, this.layers.bind(o, () => this.emit("layer-change", { layers: this.layers })), this.blocks.bind(o, () => this.emit("block-change", { blocks: this.blocks })), this.unsubscribers.push(
-      o.onChange(() => {
-        this.host.requestRender(), this.host.emitContentChange();
-      }),
-      s.on("content-appended", ({ kind: l }) => {
-        var d;
-        this.openEpoch === i && (!this.initialDemandSettled && l === "geometry" && (this.statusMessage = "增量渲染中…"), this.layers.sync(s), this.blocks.sync(s), this.refreshInspectorDetails(s), this.syncHud(((d = this.document) == null ? void 0 : d.filename) ?? null), this.host.requestRender(), this.host.emitContentChange(), this.emit("layer-change", { layers: this.layers }), this.emit("block-change", { blocks: this.blocks }), this.emit("hud-change", { hud: this.hud }));
-      }),
-      s.on("phase-change", (l) => {
-        var d;
-        this.openEpoch === i && (l.phase === "header-ready" || l.phase === "initial-loading" ? this.statusMessage = "解析中…" : l.phase === "interactive" && !this.initialDemandSettled ? this.statusMessage = "增量渲染中…" : (l.phase === "failed" || l.phase === "disposed") && (this.statusMessage = ""), this.syncHud(((d = this.document) == null ? void 0 : d.filename) ?? t.filename ?? null), this.document && (this.publishDocumentPhase(
-          l.phase === "interactive" && !this.initialDemandSettled ? "initial-loading" : l.phase
-        ), this.emit("hud-change", { hud: this.hud })));
-      }),
-      s.on("fatal-error", ({ error: l }) => {
-        this.openEpoch === i && console.error("[cad-viewer] CAD session failed", l);
-      }),
-      s.on("load-timing", ({ timing: l }) => {
-        this.openEpoch === i && (this.loadTiming = l, this.emit("load-timing", { timing: l }));
-      }),
-      s.on("demand-progress", (l) => {
-        var d, h;
-        if (this.openEpoch === i) {
-          if (this.statusMessage = l.settled ? "" : "增量渲染中…", this.syncHud(((d = this.document) == null ? void 0 : d.filename) ?? t.filename ?? null), !l.settled || this.initialDemandSettled) {
-            this.emit("hud-change", { hud: this.hud });
-            return;
-          }
-          if (this.initialDemandSettled = !0, this.layers.sync(s), this.blocks.sync(s), !this.initialCameraRestored && !this.cameraChangedDuringInitialLoad) {
-            const u = o.getAuthoritativeBounds({
-              includeUnmountedExternal: !0
-            });
-            u && this.host.fitBox3(V(u));
-          }
-          this.syncDisplayContext(), this.syncHud(((h = this.document) == null ? void 0 : h.filename) ?? null), this.publishDocumentPhase(s.phase), this.emit("layer-change", { layers: this.layers }), this.emit("block-change", { blocks: this.blocks }), this.emit("hud-change", { hud: this.hud }), this.flushViewportDemand();
-        }
-      })
-    ), this.host.mountCadObject(o.object), this.host.runtime.resize(), this.syncDisplayContext(), this.syncHud(t.filename ?? null), this.emit("hud-change", { hud: this.hud });
-    const c = await s.headerReady;
-    if (this.openEpoch !== i)
-      throw new Error("CAD open superseded");
-    return this.layers.sync(s), this.blocks.sync(s), this.syncHud(t.filename ?? c.filename ?? null), this.initialCameraRestored = this.tryRestoreCamera(r), !this.initialCameraRestored && c.bounds && this.host.fitBox3(V(c.bounds)), this.cameraSettled = !0, this.document = de({
-      documentKey: r,
-      filename: t.filename ?? c.filename ?? null,
-      phase: s.phase === "interactive" && !this.initialDemandSettled ? "initial-loading" : s.phase,
-      headerBounds: c.bounds,
-      layerCount: c.layers.length
-    }), this.emit("document-change", { document: this.document }), this.emit("layer-change", { layers: this.layers }), this.emit("block-change", { blocks: this.blocks }), this.emit("hud-change", { hud: this.hud }), this.flushViewportDemand(), s.initialContentReady.then(() => {
-      var l;
-      this.openEpoch !== i || !this.session || (this.layers.sync(s), this.blocks.sync(s), this.syncHud(((l = this.document) == null ? void 0 : l.filename) ?? null), this.flushViewportDemand(), this.emit("layer-change", { layers: this.layers }), this.emit("block-change", { blocks: this.blocks }), this.emit("hud-change", { hud: this.hud }));
-    }).catch(() => {
-    }), this.document;
-  }
-  close() {
-    this.assertActive(), this.closeInternal();
-  }
-  selectInsert(e) {
-    var i;
-    if (!e || !this.session) {
-      this.setInsertSelection(null, null);
-      return;
-    }
-    const t = this.session.getBlockDetails(e);
-    if (!t) {
-      this.setInsertSelection(null, null);
-      return;
-    }
-    this.setInsertSelection({
-      documentKey: ((i = this.document) == null ? void 0 : i.documentKey) ?? null,
-      id: t.id
-    }, t);
-  }
-  renderInsertPreview(e) {
-    var r;
-    const t = this.inspector.selection, i = t ? ((r = this.renderNode) == null ? void 0 : r.createInsertPreview(t.id.instanceId)) ?? null : null;
-    if (!i) return !1;
-    try {
-      return this.host.runtime.renderOrthographicPreview(e, i.object, {
-        minX: i.bounds.minX,
-        minY: i.bounds.minY,
-        maxX: i.bounds.maxX,
-        maxY: i.bounds.maxY
-      });
-    } finally {
-      i.dispose();
-    }
-  }
-  on(e, t) {
-    this.assertActive();
-    const i = t, r = this.listeners.get(e) ?? /* @__PURE__ */ new Set();
-    r.add(i), this.listeners.set(e, r);
-    let s = !0;
-    return () => {
-      s && (s = !1, r.delete(i), r.size === 0 && this.listeners.delete(e));
-    };
-  }
-  dispose() {
-    this.closeInternal(), this.disposed = !0, this.listeners.clear();
-  }
-  pickInsertAtScreen(e, t) {
-    if (!this.session) return null;
-    const i = this.host.screenToWorldOnPlane(e, t, 0), r = this.host.getVisibleDocumentRect();
-    if (!i || !r) return null;
-    const s = this.session.pickInsertAtPoint(
-      { x: i.x, y: i.y, z: i.z },
-      r
-    );
-    return s ? {
-      selection: { documentKey: s.documentKey, id: s.id },
-      details: s.details
-    } : null;
-  }
-  pickTextAtScreen(e, t) {
-    var s, o;
-    if (!this.session) return null;
-    const i = this.host.screenToWorldOnPlane(e, t, 0);
-    if (!i) return null;
-    const r = (o = (s = this.session).pickTextAtPoint) == null ? void 0 : o.call(s, { x: i.x, y: i.y, z: i.z });
-    return r ? {
-      selection: { documentKey: r.documentKey, id: r.id },
-      details: r.details
-    } : null;
-  }
-  getVisibilityRevision() {
-    return this.layers.getVisibilityRevision() + this.blocks.getVisibilityRevision();
-  }
-  setInsertSelection(e, t) {
-    this.inspector.setSelection(e, t), this.emit("inspector-change", { inspector: this.inspector });
-  }
-  setTextSelection(e, t) {
-    this.inspector.setTextSelection(e, t), this.emit("inspector-change", { inspector: this.inspector });
-  }
-  getAuthoritativeBoundsBox() {
-    if (!this.session) return null;
-    const e = this.session.getBounds({});
-    return e ? V(e) : null;
-  }
-  getMountedBoundsBox() {
-    var t;
-    const e = ((t = this.renderNode) == null ? void 0 : t.getMountedBounds({})) ?? null;
-    return e ? V(e) : null;
-  }
-  onViewportChanged() {
-    var e;
-    this.cameraSettled && (this.syncDisplayContext(), this.scheduleViewportDemand(), this.syncHud(((e = this.document) == null ? void 0 : e.filename) ?? null), this.emit("hud-change", { hud: this.hud }));
-  }
-  onBeforeRender() {
-    this.cameraSettled && this.syncDisplayContext();
-  }
-  onInteractionChanged() {
-    this.cameraSettled && (this.clearViewportDemandTimer(), this.syncDisplayContext(), this.flushViewportDemand());
-  }
-  onCameraChanged() {
-    var e;
-    this.cameraSettled && (this.initialDemandSettled || (this.cameraChangedDuringInitialLoad = !0), this.persistCurrentCamera(), this.host.emitCameraChange(), this.scheduleViewportDemand(), this.syncHud(((e = this.document) == null ? void 0 : e.filename) ?? null), this.emit("hud-change", { hud: this.hud }));
-  }
-  onRuntimeStatsChanged() {
-    this.document && (this.syncHud(this.document.filename), this.emit("hud-change", { hud: this.hud }));
-  }
-  closeInternal() {
-    this.openEpoch += 1, this.clearViewportDemandTimer(), this.cameraSettled && this.persistCurrentCamera(), this.cameraSettled = !1, this.initialDemandSettled = !1, this.initialCameraRestored = !1, this.cameraChangedDuringInitialLoad = !1, this.statusMessage = "", this.loadTiming = null;
-    for (const e of this.unsubscribers) e();
-    this.unsubscribers = [], this.session && (this.session.dispose(), this.session = null), this.renderNode = null, this.host.unmountCadObject(), this.document = null, this.layers.clear(), this.blocks.clear(), this.inspector.clear(), this.hud.clear(), this.layers.bind(null, () => this.emit("layer-change", { layers: this.layers })), this.blocks.bind(null, () => this.emit("block-change", { blocks: this.blocks })), this.emit("document-change", { document: null }), this.emit("layer-change", { layers: this.layers }), this.emit("block-change", { blocks: this.blocks }), this.emit("inspector-change", { inspector: this.inspector }), this.emit("hud-change", { hud: this.hud });
-  }
-  refreshInspectorDetails(e) {
-    const t = this.inspector.selection;
-    if (!t) return;
-    const i = e.getBlockDetails(pt(t.id));
-    if (!i) return;
-    const r = this.inspector.details, s = r == null ? void 0 : r.bbox;
-    (s == null ? void 0 : s.minX) === i.bbox.minX && (s == null ? void 0 : s.minY) === i.bbox.minY && (s == null ? void 0 : s.maxX) === i.bbox.maxX && (s == null ? void 0 : s.maxY) === i.bbox.maxY || (this.inspector.setSelection(t, i), this.emit("inspector-change", { inspector: this.inspector }));
-  }
-  tryRestoreCamera(e) {
-    const t = this.host.readCameraSnapshot(e);
-    return t ? this.host.runtime.applyCameraSnapshot(t) : !1;
-  }
-  persistCurrentCamera() {
-    var t;
-    if (!((t = this.document) != null && t.documentKey)) return;
-    const e = this.host.runtime.captureCameraSnapshot();
-    e && this.host.persistCameraSnapshot(
-      this.document.documentKey,
-      $t(e)
-    );
-  }
-  syncDisplayContext() {
-    if (!this.session) return;
-    const { width: e, height: t } = this.host.getViewportSize(), i = this.host.getVisibleDocumentRect();
-    this.session.setDisplayContext({
-      documentRect: i,
-      viewportWidthPx: e,
-      viewportHeightPx: t,
-      devicePixelRatio: this.host.runtime.getDevicePixelRatio(),
-      worldUnitsPerPixel: this.host.runtime.getWorldUnitsPerPixel(),
-      viewMode: this.host.viewMode,
-      quality: this.host.interaction === "active" ? "stress" : "auto"
-    });
-  }
-  flushViewportDemand() {
-    if (!this.session || !this.cameraSettled) return;
-    const e = this.host.getVisibleDocumentRect();
-    if (!e) return;
-    const { width: t, height: i } = this.host.getViewportSize(), r = this.host.runtime.getWorldUnitsPerPixel();
-    this.session.setViewportDemand({
-      documentRect: e,
-      worldUnitsPerPixel: r,
-      viewportWidthPx: t,
-      viewportHeightPx: i,
-      viewMode: this.host.viewMode,
-      interaction: this.host.interaction,
-      visibilityRevision: this.host.visibilityRevision
-    }), this.host.emitViewportChange({
-      viewportWidthPx: t,
-      viewportHeightPx: i,
-      worldUnitsPerPixel: r,
-      interaction: this.host.interaction
-    });
-  }
-  /**
-   * Demand scheduling state machine:
-   * - idle viewport changes flush immediately (small cost, sharp UX).
-   * - active viewport changes coalesce behind a trailing timer (default 160ms)
-   *   so continuous camera motion does not plan a full demand every frame.
-   * Interaction edges (active/idle) bypass this and always flush immediately
-   * (leading-active + immediate-idle).
-   */
-  scheduleViewportDemand() {
-    if (this.host.interaction !== "active") {
-      this.flushViewportDemand();
-      return;
-    }
-    this.viewportDemandTimer === null && (this.viewportDemandTimer = globalThis.setTimeout(() => {
-      this.viewportDemandTimer = null, !(this.disposed || !this.session) && this.host.interaction === "active" && this.flushViewportDemand();
-    }, Math.max(0, this.host.viewportDemandCoalesceMs ?? Jt)));
-  }
-  clearViewportDemandTimer() {
-    this.viewportDemandTimer !== null && (globalThis.clearTimeout(this.viewportDemandTimer), this.viewportDemandTimer = null);
-  }
-  syncHud(e) {
-    var t;
-    this.hud.sync({
-      filename: e,
-      hasDocument: this.session !== null,
-      layers: this.layers.rows,
-      host: this.host,
-      statusMessage: this.statusMessage,
-      diagnostics: this.renderNode && typeof this.renderNode.getDiagnostics == "function" ? this.renderNode.getDiagnostics() : null,
-      phase: ((t = this.document) == null ? void 0 : t.phase) ?? null
-    });
-  }
-  publishDocumentPhase(e) {
-    this.document && (this.document = de({
-      documentKey: this.document.documentKey,
-      filename: this.document.filename,
-      phase: e,
-      headerBounds: this.document.headerBounds,
-      layerCount: this.document.layerCount
-    }), this.emit("document-change", { document: this.document }));
-  }
-  emit(e, t) {
-    for (const i of this.listeners.get(e) ?? [])
-      i(t);
-  }
-  assertActive() {
-    if (this.disposed) throw new Error("Viewer has been disposed.");
-  }
-}
-function ei(n) {
-  let e = null;
-  if (typeof n == "string" ? e = n : typeof URL < "u" && n instanceof URL ? e = n.href : typeof n == "object" && n !== null && "kind" in n && n.kind === "url" && (e = n.url), !e) return null;
-  let t = 2166136261;
-  for (let i = 0; i < e.length; i += 1)
-    t ^= e.charCodeAt(i), t = Math.imul(t, 16777619);
-  return `reference:src-${(t >>> 0).toString(16)}`;
-}
-const he = 1;
-class ti {
-  constructor(e) {
-    a(this, "startX", 0);
-    a(this, "startY", 0);
-    a(this, "lastX", 0);
-    a(this, "lastY", 0);
-    a(this, "primaryPointerDown", !1);
-    a(this, "exceededDragThreshold", !1);
-    a(this, "travelPx", 0);
-    this.thresholds = e;
-  }
-  get isPrimaryPointerDown() {
-    return this.primaryPointerDown;
-  }
-  get hasExceededDragThreshold() {
-    return this.exceededDragThreshold;
-  }
-  get pointerTravelPx() {
-    return this.travelPx;
-  }
-  begin(e, t) {
-    this.primaryPointerDown = !0, this.startX = e, this.startY = t, this.lastX = e, this.lastY = t, this.resetMotion();
-  }
-  release() {
-    const e = this.primaryPointerDown;
-    return this.primaryPointerDown = !1, e;
-  }
-  update(e, t, i) {
-    const r = e - this.lastX, s = t - this.lastY;
-    this.isTrackingPrimaryPointer(i) && (this.travelPx += Math.sqrt(r * r + s * s)), this.lastX = e, this.lastY = t, this.isTrackingPrimaryPointer(i) && !this.exceededDragThreshold && this.isPastDragIntentThreshold(e, t) && (this.exceededDragThreshold = !0);
-  }
-  isPastDistanceThreshold(e, t) {
-    const i = e - this.startX, r = t - this.startY;
-    return i * i + r * r > this.thresholds.distancePx * this.thresholds.distancePx;
-  }
-  isPastDragIntentThreshold(e, t) {
-    return this.isPastDistanceThreshold(e, t) || this.travelPx > this.thresholds.pathPx;
-  }
-  resetMotion() {
-    this.exceededDragThreshold = !1, this.travelPx = 0;
-  }
-  reset() {
-    this.release(), this.resetMotion(), this.startX = 0, this.startY = 0, this.lastX = 0, this.lastY = 0;
-  }
-  isTrackingPrimaryPointer(e) {
-    return this.primaryPointerDown || (e & he) === he;
-  }
-}
-function U(n, e) {
-  return `${n}:${e}`;
-}
-class ii {
-  constructor() {
-    a(this, "expandedLayers", /* @__PURE__ */ new Set());
-    a(this, "expandedBlocks", /* @__PURE__ */ new Set());
-    a(this, "blockVisibilitySnapshots", /* @__PURE__ */ new Map());
-    a(this, "filterText", "");
-    a(this, "scopeKey", null);
-    a(this, "revealedSelectionKey", null);
-    a(this, "suppressedSelectionKey", null);
-  }
-  collapseAll(e = null) {
-    this.expandedLayers.clear(), this.expandedBlocks.clear(), this.suppressedSelectionKey = e;
-  }
-  resetForScope(e) {
-    this.scopeKey !== e && (this.scopeKey = e, this.expandedLayers.clear(), this.expandedBlocks.clear(), this.blockVisibilitySnapshots.clear(), this.filterText = "", this.revealedSelectionKey = null, this.suppressedSelectionKey = null);
-  }
-  toggleLayerExpanded(e) {
-    this.expandedLayers.has(e) ? this.expandedLayers.delete(e) : this.expandedLayers.add(e), this.suppressedSelectionKey = null;
-  }
-  toggleBlockExpanded(e, t) {
-    const i = U(e, t);
-    this.expandedBlocks.has(i) ? this.expandedBlocks.delete(i) : this.expandedBlocks.add(i), this.suppressedSelectionKey = null;
-  }
-  prune(e, t) {
-    for (const i of this.expandedLayers)
-      e.has(i) || this.expandedLayers.delete(i);
-    for (const i of this.expandedBlocks)
-      t.has(i) || this.expandedBlocks.delete(i);
-    for (const i of this.blockVisibilitySnapshots.keys())
-      t.has(i) || this.blockVisibilitySnapshots.delete(i);
-  }
-  ensureSelectionVisible(e, t, i) {
-    this.suppressedSelectionKey !== e && (this.suppressedSelectionKey !== null && (this.suppressedSelectionKey = null), this.expandedLayers.add(t), this.expandedBlocks.add(U(t, i)));
-  }
-  needsSelectionReveal(e) {
-    return this.revealedSelectionKey !== e;
-  }
-  markSelectionRevealed(e) {
-    this.revealedSelectionKey = e;
-  }
-  clearSelectionReveal() {
-    this.revealedSelectionKey = null, this.suppressedSelectionKey = null;
-  }
-}
-function ri(n) {
-  const e = /* @__PURE__ */ new Map();
-  for (const i of n.usages) {
-    const r = e.get(i.layerIndex) ?? /* @__PURE__ */ new Map(), s = U(i.layerIndex, i.variantId);
-    let o = r.get(s);
-    o || (o = {
-      key: s,
-      layerIndex: i.layerIndex,
-      variantId: i.variantId,
-      blockName: i.blockName,
-      canHighlight: !1,
-      inserts: []
-    }, r.set(s, o)), o.inserts.push({
-      insertId: i.insertId,
-      instanceId: i.instanceId,
-      label: i.label,
-      canHighlight: i.canHighlight !== !1,
-      visible: i.visible
-    }), o.canHighlight || (o.canHighlight = i.canHighlight !== !1), e.set(i.layerIndex, r);
-  }
-  const t = /* @__PURE__ */ new Map();
-  for (const [i, r] of e)
-    t.set(i, [...r.values()]);
-  return t;
-}
-function ni(n, e) {
-  return n ? e.toLowerCase().includes(n) : !0;
-}
-function _(n, e) {
-  n.dataset.visible = e ? "1" : "0", n.classList.toggle("off", !e), n.textContent = e ? "●" : "○", n.title = e ? "隐藏该 insert" : "显示该 insert";
-}
-function Y(n, e) {
-  n.classList.toggle("off", e === "none"), n.classList.toggle("mixed", e === "mixed"), n.textContent = e === "all" ? "●" : e === "none" ? "○" : "◐", n.title = e === "all" ? "隐藏整个 block" : e === "none" ? "显示整个 block（恢复子 insert 状态）" : "隐藏整个 block（保留子 insert 状态）";
-}
-function si(n) {
-  let e = 0;
-  for (const t of n) t.visible && (e += 1);
-  return e <= 0 ? "none" : e >= n.length ? "all" : "mixed";
-}
-function Le(n, e, t, i) {
-  if (!n) return !1;
-  const r = n.id;
-  return r.layerIndex !== e || r.variantId !== t ? !1 : i === void 0 ? !0 : r.instanceId === i;
-}
-function ue(n) {
-  const e = n.querySelector(".vui-lrow-insert.active") ?? n.querySelector(".vui-lrow-block.active");
-  if (!e) return !1;
-  const t = n.getBoundingClientRect(), i = e.getBoundingClientRect();
-  if (t.height <= 0) return !1;
-  const r = i.top - t.top, s = n.scrollTop + r - (t.height - i.height) / 2;
-  return n.scrollTop = Math.max(0, s), !0;
-}
-function Ae(n, e, t = 0) {
-  const i = () => {
-    const r = n.getBoundingClientRect(), s = e.getBoundingClientRect();
-    if (r.height <= 0) return;
-    const o = r.top + t, c = r.bottom;
-    if (!(s.top >= o && s.bottom <= c)) {
-      if (s.top < o) {
-        const l = s.top - r.top + n.scrollTop, d = Math.max(0, l - t);
-        n.scrollTop = d;
-        return;
-      }
-      if (s.bottom > c) {
-        const l = s.bottom - r.top + n.scrollTop, d = Math.max(0, l - r.height);
-        n.scrollTop = d;
-      }
-    }
-  };
-  i(), typeof requestAnimationFrame == "function" && requestAnimationFrame(i);
-}
-function oi(n, e) {
-  const t = e.trim().toLowerCase();
-  n.querySelectorAll(".vui-lrow-wrap").forEach((i) => {
-    var c, l;
-    const r = i.querySelector(".vui-lrow:not(.vui-lrow-all)");
-    if (!r) return;
-    const s = ((l = (c = r.querySelector(".vui-lrow-name")) == null ? void 0 : c.textContent) == null ? void 0 : l.toLowerCase()) ?? "", o = !t || s.includes(t);
-    i.style.display = o ? "" : "none";
-  });
-}
-function ai(n, e) {
-  if (n.querySelectorAll(".vui-lrow-block.active, .vui-lrow-insert.active").forEach((c) => {
-    c.classList.remove("active");
-  }), !e) return;
-  const { layerIndex: t, variantId: i, instanceId: r } = e.id, s = n.querySelector(
-    `.vui-lrow[data-layer-index="${t}"] ~ .vui-lrow-blocks .vui-lrow-block[data-variant-id="${i}"]`
-  );
-  s && s.classList.add("active");
-  const o = n.querySelector(
-    `.vui-lrow-insert[data-layer-index="${t}"][data-variant-id="${i}"][data-instance-id="${r}"]`
-  );
-  o && o.classList.add("active");
-}
-function pe(n, e, t) {
-  var f;
-  e.resetForScope(t.scopeKey);
-  const i = e.filterText.trim().toLowerCase(), r = t.layers.rows, s = ri(t.blocks);
-  if (n.list.replaceChildren(), n.count.textContent = String(r.length), r.length === 0) {
-    n.list.appendChild(di("加载 CAD 文档后显示图层。"));
-    return;
-  }
-  const o = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
-  for (const p of r) {
-    o.add(p.index);
-    for (const m of s.get(p.index) ?? []) c.add(m.key);
-  }
-  e.prune(o, c);
-  const l = (f = t.selection) == null ? void 0 : f.id, d = l ? `${l.layerIndex}:${l.variantId}:${l.instanceId}` : null;
-  l && d && e.needsSelectionReveal(d) ? e.ensureSelectionVisible(d, l.layerIndex, l.variantId) : l || e.clearSelectionReveal();
-  const h = document.createElement("div");
-  h.className = "vui-lrow vui-lrow-all", h.innerHTML = `
-    <span class="vui-lrow-eye">◎</span>
-    <span class="vui-lrow-dot"></span>
-    <span class="vui-lrow-toggle placeholder">▶</span>
-    <span class="vui-lrow-name">全部图层</span>
-    <span class="vui-lrow-clr" style="background: ${t.layers.allColor == null ? "#c8c8c8" : `#${t.layers.allColor.toString(16).padStart(6, "0")}`}" title="全部图层颜色覆盖（右键重置）">
-      <input type="color" value="#${(t.layers.allColor ?? 13158600).toString(16).padStart(6, "0")}">
-    </span>`;
-  const u = h.querySelector('input[type="color"]');
-  u && u.addEventListener("input", () => {
-    var g;
-    const p = Number.parseInt(u.value.slice(1), 16), m = Number.isFinite(p) ? p : null;
-    if (t.setAllLayerColor) t.setAllLayerColor(m);
-    else for (const y of r) t.setLayerColor(y.index, m);
-    const b = m === null ? "#c8c8c8" : O(m);
-    (g = u.closest(".vui-lrow-clr")) == null || g.style.setProperty("background", b), me(n.list, r, m);
-  }), u == null || u.addEventListener("click", (p) => p.stopPropagation());
-  const v = h.querySelector(".vui-lrow-clr");
-  v && v.addEventListener("contextmenu", (p) => {
-    var m;
-    if (p.preventDefault(), p.stopPropagation(), t.setAllLayerColor) t.setAllLayerColor(null);
-    else for (const b of r) t.setLayerColor(b.index, null);
-    (m = u == null ? void 0 : u.closest(".vui-lrow-clr")) == null || m.style.setProperty("background", "#c8c8c8"), u && (u.value = "#c8c8c8"), me(n.list, r, null);
-  }), n.list.appendChild(h);
-  for (const p of r)
-    ni(i, p.name) && n.list.appendChild(ci(p, e, t, s.get(p.index) ?? []));
-  d && e.needsSelectionReveal(d) && (ue(n.list) && e.markSelectionRevealed(d), typeof requestAnimationFrame == "function" && requestAnimationFrame(() => {
-    e.needsSelectionReveal(d) && ue(n.list) && e.markSelectionRevealed(d);
-  }));
-}
-function O(n) {
-  return `#${n.toString(16).padStart(6, "0")}`;
-}
-function Fe(n) {
-  return n.color !== null ? O(n.color) : O(De(n.sourceColor));
-}
-function li(n, e) {
-  var r;
-  (r = n.querySelector(".vui-lrow-dot")) == null || r.style.setProperty("background", e);
-  const t = n.querySelector(".vui-lrow-clr");
-  t == null || t.style.setProperty("background", e);
-  const i = n.querySelector('input[type="color"]');
-  i && i.value !== e && (i.value = e);
-}
-function me(n, e, t) {
-  const i = new Map(e.map((r) => [r.index, r]));
-  n.querySelectorAll(".vui-lrow[data-layer-index]").forEach((r) => {
-    const s = i.get(Number(r.dataset.layerIndex));
-    s && li(r, t === null ? Fe(s) : O(t));
-  });
-}
-function ci(n, e, t, i) {
-  const r = i.length > 0, s = e.expandedLayers.has(n.index), o = Fe(n), c = document.createElement("div");
-  c.className = "vui-lrow-wrap";
-  const l = document.createElement("div");
-  l.className = `vui-lrow${n.visible ? "" : " off"}`, l.dataset.layerIndex = String(n.index);
-  const d = document.createElement("button");
-  d.type = "button", d.className = "vui-lrow-eye", d.textContent = n.visible ? "●" : "○", d.title = n.visible ? "隐藏图层" : "显示图层", d.addEventListener("click", (b) => {
-    b.stopPropagation();
-    const g = !n.visible;
-    d.textContent = g ? "●" : "○", d.title = g ? "隐藏图层" : "显示图层", l.classList.toggle("off", !g), t.toggleLayer(n.index);
-  });
-  const h = document.createElement("span");
-  h.className = "vui-lrow-dot", h.style.background = o;
-  const u = document.createElement("button");
-  u.type = "button", u.className = `vui-lrow-toggle${r ? "" : " placeholder"}`, u.textContent = s ? "▼" : "▶", u.disabled = !r;
-  const v = (b) => {
-    if (b.stopPropagation(), !r) return;
-    e.toggleLayerExpanded(n.index);
-    const g = e.expandedLayers.has(n.index);
-    u.textContent = g ? "▼" : "▶";
-    let y = c.querySelector(":scope > .vui-lrow-blocks");
-    if (g)
-      if (y)
-        y.classList.add("open");
-      else {
-        y = document.createElement("div"), y.className = "vui-lrow-blocks open";
-        for (const P of i)
-          y.appendChild(ve(P, e, t));
-        c.appendChild(y);
-      }
-    else {
-      y == null || y.classList.remove("open");
-      const P = c.closest(".vui-section-list") ?? c.parentElement;
-      P && Ae(P, l, 0);
-    }
-  };
-  u.addEventListener("click", v);
-  const f = document.createElement("span");
-  f.className = "vui-lrow-name", f.textContent = n.name || "(unnamed)", f.title = n.name;
-  const p = document.createElement("span");
-  p.className = "vui-lrow-clr", p.style.background = o, p.title = "覆盖颜色（右键重置）";
-  const m = document.createElement("input");
-  if (m.type = "color", m.value = o, m.addEventListener("input", () => {
-    const b = Number.parseInt(m.value.slice(1), 16);
-    t.setLayerColor(n.index, Number.isFinite(b) ? b : null), h.style.background = m.value, p.style.background = m.value;
-  }), m.addEventListener("click", (b) => b.stopPropagation()), p.addEventListener("contextmenu", (b) => {
-    b.preventDefault(), b.stopPropagation(), t.setLayerColor(n.index, null);
-    const g = O(De(n.sourceColor));
-    m.value = g, h.style.background = g, p.style.background = g;
-  }), p.appendChild(m), l.append(d, h, u, f, p), l.addEventListener("click", (b) => {
-    const g = b.target;
-    if (g instanceof HTMLInputElement && g.type === "color" || g.closest(".vui-lrow-clr") || g.closest(".vui-lrow-toggle") || g.closest(".vui-lrow-eye")) return;
-    const y = !n.visible;
-    d.textContent = y ? "●" : "○", d.title = y ? "隐藏图层" : "显示图层", l.classList.toggle("off", !y), t.toggleLayer(n.index);
-  }), c.appendChild(l), r && s) {
-    const b = document.createElement("div");
-    b.className = "vui-lrow-blocks open";
-    for (const g of i)
-      b.appendChild(ve(g, e, t));
-    c.appendChild(b);
-  }
-  return c;
-}
-function ve(n, e, t) {
-  const i = document.createElement("div");
-  i.className = "vui-lrow-block-wrap";
-  const r = e.expandedBlocks.has(n.key), s = si(n.inserts), o = Le(t.selection, n.layerIndex, n.variantId), c = document.createElement("div");
-  c.className = `vui-lrow-block${o ? " active" : ""}${n.canHighlight ? "" : " disabled"}`, c.dataset.variantId = String(n.variantId), c.dataset.layerIndex = String(n.layerIndex), n.canHighlight || (c.title = "该 block 无可高亮几何");
-  const l = document.createElement("button");
-  l.type = "button", l.className = "vui-lrow-block-visibility", Y(l, s), l.addEventListener("click", (f) => {
-    if (f.stopPropagation(), s === "none") {
-      const m = e.blockVisibilitySnapshots.get(n.key), b = [];
-      for (const g of n.inserts) {
-        const y = (m == null ? void 0 : m.get(g.instanceId)) ?? !0;
-        g.visible !== y && b.push({ insertId: g.insertId, visible: y });
-      }
-      if (Y(l, "all"), i.querySelectorAll(".vui-lrow-insert-visibility").forEach((g) => {
-        _(g, !0);
-      }), t.batchToggleInserts && b.length > 0)
-        t.batchToggleInserts(b);
-      else
-        for (const g of b) t.toggleInsert(g.insertId, g.visible);
-      return;
-    }
-    e.blockVisibilitySnapshots.set(
-      n.key,
-      new Map(n.inserts.map((m) => [m.instanceId, m.visible]))
-    );
-    const p = n.inserts.filter((m) => m.visible).map((m) => ({ insertId: m.insertId, visible: !1 }));
-    if (Y(l, "none"), i.querySelectorAll(".vui-lrow-insert-visibility").forEach((m) => {
-      _(m, !1);
-    }), t.batchToggleInserts && p.length > 0)
-      t.batchToggleInserts(p);
-    else
-      for (const m of p) t.toggleInsert(m.insertId, !1);
-  });
-  const d = document.createElement("button");
-  d.type = "button", d.className = "vui-lrow-block-toggle", d.textContent = r ? "▼" : "▶";
-  const h = (f) => {
-    f.stopPropagation(), e.toggleBlockExpanded(n.layerIndex, n.variantId);
-    const p = e.expandedBlocks.has(n.key);
-    d.textContent = p ? "▼" : "▶";
-    let m = i.querySelector(":scope > .vui-lrow-inserts");
-    if (p)
-      m ? m.classList.add("open") : (m = fe(n, e, t, l), i.appendChild(m));
-    else {
-      m == null || m.classList.remove("open");
-      const b = i.closest(".vui-section-list") ?? i.parentElement;
-      b && Ae(b, c, 24);
-    }
-  };
-  d.addEventListener("click", h);
-  const u = document.createElement("span");
-  u.className = "vui-lrow-block-name", u.textContent = n.blockName, u.title = n.blockName;
-  const v = document.createElement("span");
-  return v.className = "vui-lrow-block-count", v.textContent = `×${n.inserts.length}`, c.append(l, d, u, v), n.inserts.length === 1 && c.addEventListener("click", () => {
-    if (!n.canHighlight) return;
-    const f = n.inserts[0], p = `${n.layerIndex}:${n.variantId}:${f.instanceId}`;
-    e.markSelectionRevealed(p), t.selectInsert(f.insertId);
-  }), i.appendChild(c), r && i.appendChild(fe(n, e, t, l)), i;
-}
-function fe(n, e, t, i) {
-  const r = document.createElement("div");
-  r.className = "vui-lrow-inserts open";
-  for (const s of n.inserts) {
-    const o = document.createElement("div");
-    o.className = `vui-lrow-insert${Le(t.selection, n.layerIndex, n.variantId, s.instanceId) ? " active" : ""}${s.canHighlight === !1 ? " disabled" : ""}`, o.dataset.layerIndex = String(n.layerIndex), o.dataset.variantId = String(n.variantId), o.dataset.instanceId = String(s.instanceId), o.dataset.insertId = s.insertId, s.canHighlight === !1 && (o.title = "该 insert 无可高亮几何");
-    const c = document.createElement("button");
-    c.type = "button", c.className = "vui-lrow-insert-visibility", _(c, s.visible), c.addEventListener("click", (d) => {
-      d.stopPropagation();
-      const h = !s.visible;
-      _(c, h);
-      const u = r.querySelectorAll(".vui-lrow-insert-visibility");
-      let v = 0;
-      u.forEach((p) => {
-        p.dataset.visible === "1" && v++;
-      });
-      const f = v === 0 ? "none" : v === u.length ? "all" : "mixed";
-      Y(i, f), t.toggleInsert(s.insertId, h);
-    });
-    const l = document.createElement("span");
-    l.className = "vui-lrow-insert-label", l.textContent = s.label, l.title = s.label, o.append(c, l), o.addEventListener("click", () => {
-      if (s.canHighlight === !1) return;
-      const d = `${n.layerIndex}:${n.variantId}:${s.instanceId}`;
-      e.markSelectionRevealed(d), t.selectInsert(s.insertId);
-    }), r.appendChild(o);
-  }
-  return r;
-}
-function di(n) {
-  const e = document.createElement("div");
-  return e.className = "vui-empty-note", e.textContent = n, e;
-}
-function hi(n, e) {
-  const t = () => {
-    e(n.value);
-  };
-  return n.addEventListener("input", t), () => n.removeEventListener("input", t);
-}
-function F(n) {
-  return n.replace(/[&<>"']/g, (e) => ({
-    "&": "&amp;",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    "'": "&#39;"
-  })[e] ?? e);
-}
-function K(n) {
-  return n == null || !Number.isFinite(n) ? "—" : n.toFixed(4).replace(/\.0+$/, "").replace(/(\.\d*?)0+$/, "$1");
-}
-function I(n, e) {
-  const t = K(n);
-  return t === "—" ? t : `${t} ${e}`;
-}
-function be(n, e) {
-  if (n.body.replaceChildren(), e.textSelection && e.textDetails) {
-    D(n, !1), pi(n.body, e.textDetails), ge(n.body);
-    return;
-  }
-  if (!e.selection || !e.details) {
-    D(n, !1), n.body.appendChild(mi("点击画布中的对象查看属性"));
-    return;
-  }
-  ui(n.body, e.details), ge(n.body);
-}
-function D(n, e) {
-  if (!n.previewWrap || !n.previewCanvas || (n.previewWrap.hidden = !e, e)) return;
-  const t = n.previewCanvas.getContext("2d");
-  t == null || t.clearRect(0, 0, n.previewCanvas.width, n.previewCanvas.height);
-}
-function ui(n, e) {
-  Ne(n, "INSERT", e.blockName), G(n, "基本", (t) => {
-    C(t, "Block", e.blockName), C(t, "图层", e.layerName), C(t, "Instance", `#${e.id.instanceId}`), C(t, "当前形态", "普通图形");
-  }), G(n, "变换", (t) => {
-    C(t, "X", I(e.tx, "mm")), C(t, "Y", I(e.ty, "mm")), C(t, "旋转", I(e.rotation, "°")), C(t, "Sx", K(e.scaleX)), C(t, "Sy", K(e.scaleY));
-  });
-}
-function pi(n, e) {
-  Ne(n, "文本", e.content), G(n, "基本", (t) => {
-    C(t, "图层", e.layerName), C(t, "内容", e.content), C(t, "高度", I(e.height, "mm")), C(t, "X", I(e.x, "mm")), C(t, "Y", I(e.y, "mm")), C(t, "旋转", I(e.rotation, "°"));
-  });
-}
-function Ne(n, e, t) {
-  const i = document.createElement("div");
-  i.className = "vui-pp-section vui-pp-title-row", i.innerHTML = `<strong>${F(e)}</strong><span>·</span><span>${F(t)}</span>`, n.appendChild(i);
-}
-function G(n, e, t) {
-  const i = document.createElement("section");
-  i.className = "vui-pp-section";
-  const r = document.createElement("div");
-  r.className = "vui-pp-section-label", r.textContent = e, i.appendChild(r), t(i), n.appendChild(i);
-}
-function C(n, e, t) {
-  const i = document.createElement("div");
-  i.className = "vui-pp-row", i.innerHTML = `<span class="label">${F(e)}</span><span class="value" title="${F(t)}">${F(t)}</span>`, n.appendChild(i);
-}
-function mi(n) {
-  const e = document.createElement("div");
-  return e.className = "vui-empty-note", e.textContent = n, e;
-}
-function ge(n) {
-  if (n.querySelector('input:not([type="color"])'))
-    throw new Error("Property panel must not contain editable inputs");
-  if (n.querySelector('[contenteditable=""], [contenteditable="true"]'))
-    throw new Error("Property panel must not contain contenteditable elements");
-  if (n.querySelector("textarea"))
-    throw new Error("Property panel must not contain textarea elements");
-}
-const vi = typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(globalThis) : (n) => globalThis.setTimeout(() => n(performance.now()), 16), fi = typeof cancelAnimationFrame == "function" ? cancelAnimationFrame.bind(globalThis) : (n) => {
-  globalThis.clearTimeout(n);
-};
-class bi {
-  constructor(e) {
-    a(this, "onFlush");
-    a(this, "requestFrame");
-    a(this, "cancelFrame");
-    a(this, "pending", /* @__PURE__ */ new Map());
-    a(this, "scheduledHandle", null);
-    this.onFlush = e.onFlush, this.requestFrame = e.requestFrame ?? vi, this.cancelFrame = e.cancelFrame ?? fi;
-  }
-  enqueue(e, t) {
-    this.pending.set(e, t), this.scheduledHandle === null && (this.scheduledHandle = this.requestFrame(() => {
-      if (this.scheduledHandle = null, this.pending.size === 0)
-        return;
-      const i = Array.from(this.pending, ([r, s]) => ({ insertId: r, visible: s }));
-      this.pending.clear(), this.onFlush(i);
-    }));
-  }
-  enqueueMany(e) {
-    for (const t of e)
-      this.pending.set(t.insertId, t.visible);
-    e.length === 0 || this.scheduledHandle !== null || (this.scheduledHandle = this.requestFrame(() => {
-      if (this.scheduledHandle = null, this.pending.size === 0)
-        return;
-      const t = Array.from(this.pending, ([i, r]) => ({ insertId: i, visible: r }));
-      this.pending.clear(), this.onFlush(t);
-    }));
-  }
-  clear() {
-    this.pending.clear(), this.scheduledHandle !== null && (this.cancelFrame(this.scheduledHandle), this.scheduledHandle = null);
-  }
-}
-const gi = `
-:host {
-  display: block;
-  width: 100%;
-  height: 100%;
-  color: var(--vui-text);
-  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
-  font-size: 12px;
-  line-height: 1.4;
-  overflow: hidden;
-}
-*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-button, input { font: inherit; }
-
-/* Custom slim scrollbar */
-* {
-  scrollbar-width: thin;
-  scrollbar-color: var(--vui-scrollbar-thumb) transparent;
-}
-*::-webkit-scrollbar { width: 4px; height: 4px; }
-*::-webkit-scrollbar-track { background: transparent; }
-*::-webkit-scrollbar-thumb { background: var(--vui-scrollbar-thumb); border-radius: 2px; }
-*::-webkit-scrollbar-thumb:hover { background: var(--vui-text-dim); }
-
-/* Root container overlay */
-.vui-root {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-  background: transparent;
-  pointer-events: none;
-  overflow: hidden;
-}
-
-.vui-sep { width: 1px; height: 22px; background: var(--vui-border); margin: 0 2px; }
-.vui-btn {
-  padding: 5px 11px;
-  border: 1px solid var(--vui-border);
-  background: var(--vui-bg3);
-  color: var(--vui-text);
-  border-radius: 5px;
-  cursor: pointer;
-  font-size: 12px;
-  white-space: nowrap;
-  transition: background 0.12s, border-color 0.12s;
-  outline: none;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-}
-.vui-btn:hover { background: var(--vui-btn-hover); border-color: var(--vui-accent); }
-.vui-btn:active { background: var(--vui-btn-active); }
-.vui-btn.active {
-  background: var(--vui-btn-primary-bg);
-  border-color: var(--vui-accent);
-  color: var(--vui-btn-primary-text);
-}
-.vui-kbd {
-  display: inline-block;
-  font-size: 10px;
-  padding: 1px 4px;
-  border: 1px solid var(--vui-border);
-  border-radius: 3px;
-  color: var(--vui-text-dim);
-  margin-left: 2px;
-}
-.vui-view-toggle { display: inline-flex; gap: 4px; }
-.vui-info-text { font-size: 12px; color: var(--vui-text-dim); }
-
-/* ── Main Area (Flex row with middle transparent space) ── */
-.vui-main {
-  flex: 1;
-  display: flex;
-  min-height: 0;
-  overflow: hidden;
-  pointer-events: none;
-  position: relative;
-}
-
-/* ── Sidebar shell and floating collapse handle ── */
-.vui-layer-panel-shell {
-  flex: 0 0 auto;
-  display: flex;
-  align-items: stretch;
-  position: relative;
-  overflow: visible;
-  background: var(--vui-bg2);
-  pointer-events: auto;
-  z-index: 5;
-  transition: width 0.15s ease, min-width 0.15s ease;
-}
-.vui-layer-panel-shell.closed {
-  width: 0;
-  min-width: 0;
-  background: transparent;
-}
-.vui-layer-panel-shell.closed .vui-sidebar {
-  width: 0;
-  min-width: 0;
-  border: 0;
-}
-.vui-sidebar {
-  width: 236px;
-  min-width: 196px;
-  background: var(--vui-bg2);
-  border-right: 1px solid var(--vui-border);
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  flex-shrink: 0;
-  pointer-events: auto;
-  z-index: 5;
-  overflow: hidden;
-  transition: width 0.15s ease, min-width 0.15s ease;
-}
-.vui-layer-panel-toggle-zone {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: -16px;
-  z-index: 12;
-  width: 16px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.vui-layer-panel-toggle {
-  width: 16px;
-  height: 48px;
-  position: relative;
-  z-index: 1;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  color: var(--vui-text-dim);
-  border: 0;
-  border-radius: 5px;
-  cursor: pointer;
-  font-size: 0;
-  line-height: 1;
-  padding: 0;
-  opacity: 0;
-  pointer-events: none;
-  box-shadow: none;
-  transition: color 0.12s, background 0.12s, border-color 0.12s, opacity 0.15s ease, transform 0.15s ease;
-}
-.vui-layer-panel-toggle::before,
-.vui-property-panel-toggle::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  z-index: -1;
-  pointer-events: none;
-  background: var(--vui-bg2);
-  border: 1px solid var(--vui-border);
-  border-radius: 5px;
-  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
-  transition: background 0.12s ease, border-color 0.12s ease;
-}
-.vui-layer-panel-toggle::before { transform: translateX(-4px); }
-.vui-property-panel-toggle::before { transform: translateX(4px); }
-.vui-layer-panel-toggle::after,
-.vui-property-panel-toggle::after {
-  position: relative;
-  z-index: 2;
-  display: block;
-  width: 100%;
-  color: var(--vui-text-dim);
-  font-size: 13px;
-  line-height: 1;
-  pointer-events: none;
-  transition: color 0.12s ease, transform 0.15s ease;
-}
-.vui-layer-panel-toggle::after { content: '‹'; transform: translateX(-4px); }
-.vui-layer-panel-toggle[aria-expanded='false']::after { content: '›'; transform: none; }
-.vui-property-panel-toggle::after { content: '›'; transform: translateX(4px); }
-.vui-property-panel-toggle[aria-expanded='false']::after { content: '‹'; transform: none; }
-.vui-layer-panel-toggle-zone:hover .vui-layer-panel-toggle,
-.vui-layer-panel-toggle:focus-visible {
-  opacity: 1;
-  pointer-events: auto;
-}
-.vui-layer-panel-toggle:hover {
-  background: transparent;
-  transform: translateY(-1px);
-}
-.vui-layer-panel-toggle:hover::after,
-.vui-layer-panel-toggle:focus-visible::after,
-.vui-property-panel-toggle:hover::after,
-.vui-property-panel-toggle:focus-visible::after { color: var(--vui-text); }
-.vui-layer-panel-toggle:hover::before,
-.vui-layer-panel-toggle:focus-visible::before,
-.vui-property-panel-toggle:hover::before,
-.vui-property-panel-toggle:focus-visible::before {
-  background: var(--vui-btn-hover);
-  border-color: var(--vui-accent);
-}
-.vui-layer-panel-shell.closed .vui-layer-panel-toggle-zone {
-  right: auto;
-  left: 0;
-}
-.vui-layer-panel-shell.closed .vui-layer-panel-toggle {
-  opacity: 0.62;
-  pointer-events: auto;
-}
-.vui-layer-panel-shell.closed .vui-layer-panel-toggle::before,
-.vui-property-panel-shell.closed .vui-property-panel-toggle::before { transform: none; }
-.vui-layer-panel-shell.closed .vui-layer-panel-toggle:hover,
-.vui-layer-panel-shell.closed .vui-layer-panel-toggle:focus-visible {
-  opacity: 1;
-  border-color: var(--vui-accent);
-}
-.vui-section { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; }
-.vui-section-head {
-  padding: 9px 12px 7px;
-  border-bottom: 1px solid var(--vui-border);
-  display: flex;
-  align-items: center;
-}
-.vui-section-title {
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--vui-text-dim);
-  text-transform: uppercase;
-  letter-spacing: 0.6px;
-}
-.vui-section-count { margin-left: auto; font-size: 11px; color: var(--vui-count-text); }
-.vui-section-filter-wrap { padding: 7px 8px 4px; }
-.vui-section-filter {
-  width: 100%;
-  padding: 5px 8px;
-  background: var(--vui-input-bg);
-  border: 1px solid var(--vui-border);
-  border-radius: 4px;
-  color: var(--vui-text);
-  font-size: 12px;
-  outline: none;
-}
-.vui-section-filter::placeholder { color: var(--vui-placeholder-text); }
-.vui-section-filter:focus { border-color: var(--vui-accent); }
-.vui-layer-quick {
-  padding: 3px 8px 6px;
-  display: flex;
-  gap: 5px;
-}
-.vui-layer-quick .vui-btn { flex: 1; font-size: 11px; padding: 3px 5px; text-align: center; justify-content: center; }
-.vui-section-list {
-  flex: 1;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 0 0 6px 0;
-  position: relative;
-}
-.vui-empty-note {
-  padding: 10px 12px;
-  color: var(--vui-empty-text);
-  font-size: 12px;
-  line-height: 1.45;
-}
-
-/* ── Layer Rows ── */
-.vui-lrow-wrap { display: flex; flex-direction: column; gap: 0; position: relative; }
-.vui-lrow {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 3px 10px 3px 8px;
-  min-height: 24px;
-  box-sizing: border-box;
-  cursor: pointer;
-  user-select: none;
-  transition: background 0.1s;
-  position: sticky;
-  top: 0;
-  z-index: 4;
-  background-color: var(--vui-bg2);
-}
-.vui-lrow:hover { background-color: var(--vui-row-hover); }
-.vui-lrow.off { background-color: var(--vui-bg2); }
-.vui-lrow.off > :not(.vui-lrow-clr) { opacity: 0.38; }
-.vui-lrow.off:hover { background-color: var(--vui-row-hover); }
-.vui-lrow-all {
-  border-bottom: 1px solid var(--vui-layer-divider);
-  margin-bottom: 0;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  position: static;
-  background: transparent;
-}
-.vui-lrow-all:hover { background-color: var(--vui-row-hover); }
-.vui-lrow-all .vui-lrow-name { color: var(--vui-layer-all-name); font-weight: 600; }
-.vui-lrow-eye {
-  width: 13px;
-  height: 13px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 11px;
-  color: var(--vui-layer-eye);
-  border: 0;
-  background: transparent;
-  padding: 0;
-  cursor: pointer;
-}
-.vui-lrow.off .vui-lrow-eye { color: var(--vui-layer-eye-off); }
-.vui-lrow-dot {
-  width: 9px;
-  height: 9px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-.vui-lrow-name {
-  flex: 1;
-  font-size: 12px;
-  color: var(--vui-layer-name);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.vui-lrow-clr {
-  width: 13px;
-  height: 13px;
-  border-radius: 3px;
-  border: 1px solid var(--vui-layer-swatch-border);
-  flex-shrink: 0;
-  position: relative;
-  overflow: hidden;
-  cursor: pointer;
-}
-.vui-lrow-clr:hover { border-color: var(--vui-accent); }
-.vui-lrow-clr input[type=color] {
-  position: absolute;
-  top: -3px;
-  left: -3px;
-  width: 20px;
-  height: 20px;
-  opacity: 0;
-  cursor: pointer;
-}
-.vui-lrow-toggle {
-  width: 12px;
-  height: 12px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 10px;
-  color: var(--vui-layer-control);
-  border: 0;
-  background: transparent;
-  padding: 0;
-  cursor: pointer;
-}
-.vui-lrow-toggle.placeholder { visibility: hidden; cursor: default; }
-
-/* ── Block & Insert Rows ── */
-.vui-lrow-blocks {
-  display: none;
-  padding: 0;
-  margin: 0;
-}
-.vui-lrow-blocks.open { display: block; }
-.vui-lrow-block-wrap { display: flex; flex-direction: column; gap: 0; position: relative; }
-.vui-lrow-block {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 3px 10px 3px 26px;
-  min-height: 24px;
-  box-sizing: border-box;
-  font-size: 11px;
-  cursor: pointer;
-  border-radius: 0;
-  position: sticky;
-  top: 24px;
-  z-index: 3;
-  background-color: var(--vui-bg2);
-}
-.vui-lrow-block:hover { background-color: var(--vui-row-hover); }
-.vui-lrow-block.active {
-  background-color: var(--vui-bg2);
-  background-image: linear-gradient(var(--vui-row-active), var(--vui-row-active));
-  box-shadow: inset 0 0 0 1px var(--vui-layer-active-shadow);
-}
-.vui-lrow-block.active:hover {
-  background-color: var(--vui-row-hover);
-  background-image: linear-gradient(var(--vui-row-active), var(--vui-row-active));
-}
-.vui-lrow-block.active .vui-lrow-block-name,
-.vui-lrow-block.active .vui-lrow-block-count { color: var(--vui-layer-active-text); }
-.vui-lrow-block.disabled { cursor: default; background-color: var(--vui-bg2); }
-.vui-lrow-block.disabled > * { opacity: 0.55; }
-.vui-lrow-block.disabled:hover { background-color: var(--vui-bg2); }
-.vui-lrow-block-visibility,
-.vui-lrow-insert-visibility {
-  width: 14px;
-  height: 14px;
-  border: 0;
-  background: transparent;
-  color: var(--vui-layer-control);
-  font-size: 10px;
-  line-height: 1;
-  cursor: pointer;
-  padding: 0;
-  flex-shrink: 0;
-}
-.vui-lrow-block-visibility.off, .vui-lrow-insert-visibility.off { color: var(--vui-layer-control-off); }
-.vui-lrow-block-visibility.mixed { color: var(--vui-layer-control-mixed); }
-.vui-lrow-block-visibility.placeholder, .vui-lrow-insert-visibility.placeholder { visibility: hidden; cursor: default; pointer-events: none; }
-.vui-lrow-block-visibility:not(.placeholder):hover, .vui-lrow-insert-visibility:not(.placeholder):hover { color: var(--vui-layer-control-hover); }
-.vui-lrow-block-toggle {
-  width: 12px;
-  height: 12px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 10px;
-  color: var(--vui-layer-control);
-  border: 0;
-  background: transparent;
-  padding: 0;
-  cursor: pointer;
-}
-.vui-lrow-block-toggle.placeholder { visibility: hidden; cursor: default; pointer-events: none; }
-.vui-lrow-block-name {
-  flex: 1;
-  color: var(--vui-layer-block-name);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.vui-lrow-block-count { color: var(--vui-layer-muted); font-size: 11px; flex-shrink: 0; }
-.vui-lrow-inserts {
-  display: none;
-  margin-left: 32px;
-  padding: 2px 8px 4px 10px;
-  border-left: 1px solid var(--vui-layer-insert-border);
-}
-.vui-lrow-inserts.open { display: block; }
-.vui-lrow-insert {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 3px 6px;
-  margin-top: 1px;
-  border-radius: 4px;
-  cursor: pointer;
-}
-.vui-lrow-insert:hover { background-color: var(--vui-row-hover); }
-.vui-lrow-insert.active {
-  background: var(--vui-row-active);
-  box-shadow: inset 0 0 0 1px var(--vui-layer-active-shadow);
-}
-.vui-lrow-insert.disabled { cursor: default; opacity: 0.55; }
-.vui-lrow-insert.disabled:hover { background: transparent; }
-.vui-lrow-insert-label {
-  font-size: 11px;
-  color: var(--vui-layer-muted);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.vui-lrow-insert.active .vui-lrow-insert-label { color: var(--vui-layer-active-text); }
-
-/* ── Middle Transparent Canvas Spacer ── */
-.vui-canvas-space {
-  flex: 1;
-  position: relative;
-  min-width: 0;
-  pointer-events: none;
-}
-
-/* ── Scalebar Floating (Bottom Left 12px) ── */
-.vui-scalebar {
-  position: absolute;
-  left: 12px;
-  bottom: 8px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  pointer-events: none;
-  z-index: 5;
-}
-.vui-scalebar-label {
-  font-size: 11px;
-  font-weight: 400;
-  color: var(--vui-scale-color);
-  line-height: 1;
-  margin-bottom: -4px;
-  white-space: nowrap;
-  text-align: center;
-}
-.vui-scalebar-line {
-  position: relative;
-  height: 8px;
-  border-bottom: 1px solid var(--vui-scale-color);
-  min-width: 24px;
-  width: 100px;
-}
-.vui-scalebar-line::before, .vui-scalebar-line::after {
-  content: '';
-  position: absolute;
-  bottom: -1px;
-  width: 1px;
-  height: 8px;
-  background: var(--vui-scale-color);
-}
-.vui-scalebar-line::before { left: 0; }
-.vui-scalebar-line::after { right: 0; }
-
-/* ── Infobar Floating Pill (Bottom Right 12px) ── */
-.vui-infobar {
-  position: absolute;
-  bottom: 8px;
-  right: 12px;
-  font-size: 11px;
-  color: var(--vui-hud-text);
-  pointer-events: auto;
-  display: flex;
-  align-items: center;
-  gap: 0;
-  min-height: 30px;
-  max-width: calc(100% - 24px);
-  background: var(--vui-hud-bg);
-  border: 1px solid var(--vui-hud-border);
-  border-radius: 6px;
-  padding: 4px 8px;
-  backdrop-filter: blur(2px);
-  z-index: 5;
-  transition: background 0.18s ease, border-color 0.18s ease;
-}
-.vui-infobar-toggle {
-  width: 20px;
-  height: 20px;
-  flex: 0 0 20px;
-  align-self: center;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  color: var(--vui-hud-text);
-  cursor: pointer;
-  font-size: 16px;
-  line-height: 1;
-  padding: 0;
-  transition: color 0.12s ease, transform 0.12s ease;
-}
-.vui-infobar-toggle:hover {
-  color: var(--vui-text);
-  background: transparent;
-  transform: translateX(-1px);
-}
-.vui-infobar-content {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  gap: 5px 8px;
-  min-width: 0;
-  max-width: calc(100vw - 64px);
-  max-height: 120px;
-  margin-left: 8px;
-  /* Visible in the expanded state so the debug popup can escape upward
-     (mirrors the main editor's unclipped #infobar); the collapsed state
-     re-enables clipping for the shrink animation. */
-  overflow: visible;
-  opacity: 1;
-  transform: translateX(0);
-  transition: max-width 0.2s ease, max-height 0.2s ease, margin-left 0.2s ease, opacity 0.14s ease, transform 0.2s ease;
-}
-.vui-infobar.collapsed .vui-infobar-content {
-  max-width: 0;
-  max-height: 0;
-  margin-left: 0;
-  opacity: 0;
-  pointer-events: none;
-  transform: translateX(6px);
-  overflow: hidden;
-}
-.vui-infobar-tools {
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  gap: 6px;
-  min-width: 0;
-  max-width: 100%;
-}
-.vui-infobar-tools .vui-info-text {
-  flex: 1 1 auto;
-  min-width: 0;
-  max-width: min(260px, 32vw);
-  color: var(--vui-hud-text);
-  font-size: 11px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.vui-infobar-tools .vui-btn {
-  padding: 3px 7px;
-  font-size: 11px;
-}
-.vui-infobar .vui-view-toggle { gap: 3px; }
-.vui-infobar .vui-seg { color: var(--vui-hud-text); white-space: nowrap; }
-.vui-debug-card {
-  position: relative;
-  color: var(--vui-hud-text);
-  flex: 0 0 auto;
-}
-.vui-debug-card[hidden] { display: none; }
-.vui-debug-summary {
-  cursor: pointer;
-  white-space: nowrap;
-  list-style: none;
-  color: var(--vui-hud-file);
-  user-select: none;
-}
-.vui-debug-summary::-webkit-details-marker { display: none; }
-.vui-debug-summary::before {
-  content: "▸";
-  display: inline-block;
-  margin-right: 4px;
-  color: var(--vui-text-dim);
-}
-.vui-debug-card[open] .vui-debug-summary::before { content: "▾"; }
-.vui-debug-body {
-  position: absolute;
-  right: 0;
-  bottom: calc(100% + 8px);
-  width: min(520px, calc(100vw - 32px));
-  max-height: min(420px, calc(100vh - 120px));
-  overflow: auto;
-  display: grid;
-  gap: 6px;
-  padding: 10px;
-  background: var(--vui-bg2);
-  border: 1px solid var(--vui-border-strong);
-  border-radius: 6px;
-  color: var(--vui-text);
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
-  backdrop-filter: blur(4px);
-}
-.vui-debug-card:not([open]) .vui-debug-body { display: none; }
-.vui-debug-row {
-  display: grid;
-  grid-template-columns: 88px minmax(0, 1fr);
-  gap: 10px;
-  align-items: start;
-}
-.vui-debug-row > span {
-  color: var(--vui-text-dim);
-  white-space: nowrap;
-}
-.vui-debug-value {
-  min-width: 0;
-  color: var(--vui-hud-text);
-  font-weight: 600;
-  word-break: break-word;
-}
-.vui-debug-spread-list {
-  display: grid;
-  gap: 5px;
-  margin-top: 6px;
-}
-.vui-debug-spread {
-  display: grid;
-  gap: 2px;
-  font-style: normal;
-}
-.vui-debug-spread b,
-.vui-debug-spread span,
-.vui-debug-spread em {
-  min-width: 0;
-  font-style: normal;
-}
-.vui-debug-spread span,
-.vui-debug-spread em,
-.vui-debug-spread-muted {
-  color: var(--vui-text-dim);
-  font-weight: 400;
-}
-.vui-info-file {
-  max-width: 300px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: var(--vui-hud-file);
-}
-.vui-fps {
-  min-width: 68px;
-  padding: 1px 4px;
-  border: 1px solid transparent;
-  border-radius: 999px;
-  font-size: 12px;
-  font-weight: 700;
-  text-align: center;
-  white-space: nowrap;
-}
-.vui-fps.hi { color: var(--vui-fps-hi-text); background: var(--vui-ok); border-color: var(--vui-fps-hi-border); }
-.vui-fps.mid { color: var(--vui-fps-mid-text); background: var(--vui-warn); border-color: var(--vui-fps-mid-border); }
-.vui-fps.low { color: var(--vui-fps-low-text); background: var(--vui-fail); border-color: var(--vui-fps-low-border); }
-
-/* ── Property Panel Shell (Right Drawer with Toggle Button) ── */
-.vui-property-panel-shell {
-  flex: 0 0 auto;
-  display: flex;
-  align-items: stretch;
-  background: var(--vui-bg2);
-  position: relative;
-  border-left: 0;
-  overflow: visible;
-  pointer-events: auto;
-  z-index: 5;
-  transition: width 0.15s ease;
-}
-.vui-property-panel-shell.closed {
-  width: 0;
-  min-width: 0;
-  border: 0;
-}
-.vui-property-panel-shell.closed .vui-property-panel { width: 0; border: 0; overflow: hidden; }
-.vui-property-panel {
-  width: 280px;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  overflow: hidden;
-  transition: none;
-}
-.vui-property-panel-toggle-zone {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: -16px;
-  z-index: 12;
-  width: 16px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.vui-property-panel-toggle {
-  width: 16px;
-  height: 48px;
-  align-self: center;
-  position: relative;
-  z-index: 1;
-  background: transparent;
-  color: var(--vui-text-dim);
-  border: 0;
-  border-radius: 5px;
-  cursor: pointer;
-  font-size: 0;
-  padding: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  opacity: 0;
-  pointer-events: none;
-  box-shadow: none;
-  transition: color 0.12s ease, background 0.12s ease, border-color 0.12s ease, opacity 0.15s ease, transform 0.15s ease;
-}
-.vui-property-panel-toggle-zone:hover .vui-property-panel-toggle,
-.vui-property-panel-toggle:focus-visible {
-  opacity: 1;
-  pointer-events: auto;
-}
-.vui-property-panel-toggle:hover {
-  transform: translateY(-1px);
-}
-.vui-property-panel-shell.closed .vui-property-panel-toggle-zone {
-  left: auto;
-  right: 0;
-}
-.vui-property-panel-shell.closed .vui-property-panel-toggle {
-  opacity: 0.62;
-  pointer-events: auto;
-}
-.vui-property-panel-shell.closed .vui-property-panel-toggle:hover,
-.vui-property-panel-shell.closed .vui-property-panel-toggle:focus-visible {
-  opacity: 1;
-  border-color: var(--vui-accent);
-}
-.vui-pp-head { padding: 9px 12px 7px; border-bottom: 1px solid var(--vui-border); }
-.vui-pp-preview-wrap {
-  flex: 0 0 auto;
-  min-width: 0;
-  padding: 8px 12px 4px;
-  border-bottom: 1px solid var(--vui-border);
-}
-.vui-pp-preview-wrap[hidden] { display: none; }
-.vui-pp-preview {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  height: auto;
-  aspect-ratio: 1 / 1;
-  object-fit: contain;
-  flex: 0 0 auto;
-  background: var(--vui-bg);
-  border: 1px solid var(--vui-border);
-  border-radius: 4px;
-}
-.vui-pp-title-text {
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--vui-text-dim);
-  text-transform: uppercase;
-  letter-spacing: 0.6px;
-}
-.vui-pp-body { flex: 1; overflow-y: auto; padding: 6px 0; }
-.vui-pp-section { padding: 8px 12px 4px; }
-.vui-pp-section-label {
-  font-size: 10px;
-  color: var(--vui-text-dim);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  margin-bottom: 4px;
-}
-.vui-pp-title-row { display: flex; align-items: center; gap: 4px; font-size: 12px; }
-.vui-pp-title-row strong { color: var(--vui-text); }
-.vui-pp-row {
-  display: grid;
-  grid-template-columns: 60px 1fr;
-  gap: 4px;
-  padding: 2px 12px;
-  font-size: 12px;
-  align-items: center;
-}
-.vui-pp-row .label { color: var(--vui-text-dim); font-size: 11px; }
-.vui-pp-row .value {
-  color: var(--vui-text);
-  font-variant-numeric: tabular-nums;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.vui-readonly-note {
-  margin: 0 12px 8px;
-  padding: 6px 8px;
-  border: 1px solid var(--vui-border);
-  border-radius: 4px;
-  color: var(--vui-text-dim);
-  font-size: 11px;
-}
-
-@media (max-width: 880px) {
-  .vui-sidebar { width: 196px; min-width: 176px; }
-  .vui-property-panel { width: 264px; }
-}
-
-@media (max-width: 680px) {
-  .vui-layer-panel-shell { display: none; }
-  .vui-property-panel-shell { display: none; }
-  .vui-infobar { right: 8px; bottom: 8px; max-width: calc(100% - 16px); }
-  .vui-infobar-content { max-width: calc(100vw - 48px); }
-  .vui-infobar-tools .vui-info-text { max-width: min(180px, 45vw); }
-}
-`, yi = {
-  dark: `
-:host, .vui-root[data-theme="dark"] {
-  --vui-bg: #0A0B0F;
-  --vui-bg2: #111217;
-  --vui-bg3: #181A21;
-  --vui-border: #23262E;
-  --vui-border-strong: #2E323B;
-  --vui-text: #E6E7EB;
-  --vui-text-dim: #8A8F9A;
-  --vui-accent: #5B8DEF;
-  --vui-accent-h: #7BA3F5;
-  --vui-btn-hover: #1D2027;
-  --vui-btn-active: #14161C;
-  --vui-btn-primary-bg: rgba(91, 141, 239, 0.14);
-  --vui-btn-primary-hover: rgba(91, 141, 239, 0.22);
-  --vui-btn-primary-text: #A8C2F5;
-  --vui-input-bg: #0E0F14;
-  --vui-row-hover: #181A21;
-  --vui-row-active: rgba(91, 141, 239, 0.10);
-  --vui-hud-bg: rgba(10, 11, 15, 0.65);
-  --vui-hud-border: rgba(46, 50, 59, 0.6);
-  --vui-hud-text: #8A8F9A;
-  --vui-hud-file: #B0B5BF;
-  --vui-scale-color: #E6E7EB;
-  --vui-scrollbar-thumb: #2E323B;
-  --vui-count-text: #5A5F69;
-  --vui-placeholder-text: #41454D;
-  --vui-empty-text: #6C7180;
-  --vui-layer-divider: #23262E;
-  --vui-layer-all-name: #E6E7EB;
-  --vui-layer-eye: #8A8F9A;
-  --vui-layer-eye-off: #3A3E47;
-  --vui-layer-name: #B0B5BF;
-  --vui-layer-control: #8A8F9A;
-  --vui-layer-control-off: #41454D;
-  --vui-layer-control-mixed: #8AA0D4;
-  --vui-layer-control-hover: #C7D6FA;
-  --vui-layer-muted: #6C7180;
-  --vui-layer-block-name: #9097A3;
-  --vui-layer-insert-border: rgba(46, 50, 59, 0.7);
-  --vui-layer-active-shadow: rgba(91, 141, 239, 0.32);
-  --vui-layer-active-text: #C7D6FA;
-  --vui-layer-swatch-border: #2E323B;
-  --vui-ok: #4ADE80;
-  --vui-warn: #F5A524;
-  --vui-fail: #F87171;
-  --vui-fps-hi-text: #052E16;
-  --vui-fps-hi-border: #22C55E;
-  --vui-fps-mid-text: #3A2500;
-  --vui-fps-mid-border: #D68B10;
-  --vui-fps-low-text: #3D0B0B;
-  --vui-fps-low-border: #E05656;
-}
-`,
-  light: `
-:host, .vui-root[data-theme="light"] {
-  --vui-bg: #FAFBFC;
-  --vui-bg2: #FFFFFF;
-  --vui-bg3: #F3F5F8;
-  --vui-border: #DEE2E7;
-  --vui-border-strong: #C7CED7;
-  --vui-text: #1A1C20;
-  --vui-text-dim: #6A707A;
-  --vui-accent: #3B6FE0;
-  --vui-accent-h: #2F5FCC;
-  --vui-btn-hover: #ECF0F6;
-  --vui-btn-active: #DDE5F0;
-  --vui-btn-primary-bg: rgba(59, 111, 224, 0.10);
-  --vui-btn-primary-hover: rgba(59, 111, 224, 0.16);
-  --vui-btn-primary-text: #2756B5;
-  --vui-input-bg: #F7F8FB;
-  --vui-row-hover: #ECF0F6;
-  --vui-row-active: rgba(59, 111, 224, 0.08);
-  --vui-hud-bg: rgba(255, 255, 255, 0.75);
-  --vui-hud-border: rgba(199, 206, 215, 0.6);
-  --vui-hud-text: #6A707A;
-  --vui-hud-file: #2E3340;
-  --vui-scale-color: #2E3340;
-  --vui-scrollbar-thumb: #C7CED7;
-  --vui-count-text: #9097A3;
-  --vui-placeholder-text: #B6BCC6;
-  --vui-empty-text: #6A707A;
-  --vui-layer-divider: #DEE2E7;
-  --vui-layer-all-name: #1A1C20;
-  --vui-layer-eye: #6A707A;
-  --vui-layer-eye-off: #B6BCC6;
-  --vui-layer-name: #2E3340;
-  --vui-layer-control: #6A707A;
-  --vui-layer-control-off: #B6BCC6;
-  --vui-layer-control-mixed: #5B7AB9;
-  --vui-layer-control-hover: #2756B5;
-  --vui-layer-muted: #8B92A0;
-  --vui-layer-block-name: #475061;
-  --vui-layer-insert-border: rgba(199, 206, 215, 0.8);
-  --vui-layer-active-shadow: rgba(59, 111, 224, 0.22);
-  --vui-layer-active-text: #1F4AA8;
-  --vui-layer-swatch-border: #C7CED7;
-  --vui-ok: #2BA664;
-  --vui-warn: #B6770F;
-  --vui-fail: #D04A4A;
-  --vui-fps-hi-text: #FFFFFF;
-  --vui-fps-hi-border: #248B55;
-  --vui-fps-mid-text: #FFFFFF;
-  --vui-fps-mid-border: #915F0B;
-  --vui-fps-low-text: #FFFFFF;
-  --vui-fps-low-border: #AD3E3E;
-}
-`
-};
-function xi(n = "dark") {
-  return `${yi[n]}${gi}`;
-}
-const wi = {
-  layerPanel: !0,
-  propertyPanel: !0,
-  hud: !0,
-  viewMode: !0,
-  fit: !0,
-  scaleRuler: !0,
-  infobarLineMode: !0,
-  infobarPhase: !0,
-  infobarDebug: !0
-}, ye = "dxf-parser:reference-property-panel:open", xe = "dxf-parser:reference-layer-panel:open", we = 300, Ce = 180, Ci = 2;
-function T(n, ...e) {
-  const t = document.createElement("div");
-  t.className = "vui-debug-row";
-  const i = document.createElement("span");
-  i.textContent = n;
-  const r = document.createElement("div");
-  return r.className = "vui-debug-value", r.append(...e), t.append(i, r), t;
-}
-function Pe(n, e, t) {
-  const i = document.createElement("div");
-  i.className = "vui-debug-spread";
-  const r = document.createElement("b");
-  r.textContent = n;
-  const s = document.createElement("span");
-  if (s.textContent = e, i.append(r, s), t !== void 0) {
-    const o = document.createElement("em");
-    o.textContent = t, i.append(o);
-  }
-  return i;
-}
-function Se(n) {
-  const e = document.createElement("div");
-  return e.className = "vui-debug-spread-list", e.append(...n), e;
-}
-function Pi(n) {
-  switch (n) {
-    case "created":
-      return "状态 创建";
-    case "header-ready":
-      return "状态 头部就绪";
-    case "initial-loading":
-      return "状态 加载中";
-    case "interactive":
-      return "状态 就绪";
-    case "failed":
-      return "状态 失败";
-    case "disposed":
-      return "状态 已关闭";
-    default:
-      return "";
-  }
-}
-class Si {
-  constructor(e, t) {
-    a(this, "parts");
-    a(this, "layerPanelState", new ii());
-    a(this, "shadow", null);
-    a(this, "layerPanelRefs", null);
-    a(this, "propertyPanelRefs", null);
-    a(this, "scalebarRefs", null);
-    a(this, "infobarRefs", null);
-    a(this, "btnFit", null);
-    a(this, "btnView2d", null);
-    a(this, "btnView3d", null);
-    a(this, "layerPanelShell", null);
-    a(this, "layerPanelToggle", null);
-    a(this, "infobar", null);
-    a(this, "infobarToggle", null);
-    a(this, "propertyPanelShell", null);
-    a(this, "propertyPanelToggle", null);
-    a(this, "propertyPanelAutoOpened", !1);
-    a(this, "propertyPreviewRenderHandle", null);
-    a(this, "propertyPreviewLayoutWaitAbort", null);
-    a(this, "propertyPreviewKey", null);
-    a(this, "toolbarInfoText", null);
-    a(this, "handleKeyDown", (e) => {
-      this.disposed || e.defaultPrevented || (e.key === "f" || e.key === "F") && this.host.fitView();
-    });
-    a(this, "unsubscribers", []);
-    a(this, "filterCleanup", null);
-    a(this, "disposed", !1);
-    a(this, "insertToggleScheduler", new bi({
-      onFlush: (e) => {
-        var t, i;
-        (i = (t = this.host.cad.blocks).batchToggleInserts) == null || i.call(t, e);
-      }
-    }));
-    a(this, "refresh", () => {
-      this.disposed || (this.syncToolbarState(), this.layerPanelRefs && this.parts.layerPanel && pe(this.layerPanelRefs, this.layerPanelState, this.createLayerPanelActions()), this.propertyPanelRefs && this.parts.propertyPanel && (be(this.propertyPanelRefs, this.host.cad.inspector), this.syncPropertyPanelSelectionState(), this.syncPropertyPanelPreview()), this.syncHud());
-    });
-    a(this, "syncHud", () => {
-      var e;
-      if (!this.disposed) {
-        if (this.infobarRefs && this.parts.hud) {
-          const t = this.host.cad.hud;
-          this.infobarRefs.file.textContent = t.filename ?? "", this.infobarRefs.file.title = t.filename ?? "", this.infobarRefs.file.hidden = !t.filename, this.infobarRefs.zoom.textContent = t.zoomLabel ? `缩放 ${t.zoomLabel}` : "", this.infobarRefs.zoom.hidden = !t.zoomLabel, this.infobarRefs.vertices.textContent = t.viewportVertexCount > 0 ? `顶点 ${t.viewportVertexCount.toLocaleString()}` : "", this.infobarRefs.vertices.hidden = t.viewportVertexCount <= 0, this.infobarRefs.drawCalls.textContent = t.drawCalls > 0 ? `DrawCalls ${t.drawCalls}` : "", this.infobarRefs.drawCalls.hidden = t.drawCalls <= 0, this.infobarRefs.lineMode.textContent = this.parts.infobarLineMode && t.lineRenderMode ? `线模式 ${t.lineRenderMode.toUpperCase()}` : "", this.infobarRefs.lineMode.hidden = !this.infobarRefs.lineMode.textContent, this.infobarRefs.phase.textContent = this.parts.infobarPhase ? Pi(t.phase) : "", this.infobarRefs.phase.hidden = !this.infobarRefs.phase.textContent;
-          const i = Math.round(t.fps);
-          this.infobarRefs.fps.textContent = i > 0 ? `${i} FPS` : "— FPS", this.infobarRefs.fps.classList.toggle("hi", i >= 55), this.infobarRefs.fps.classList.toggle("mid", i >= 30 && i < 55), this.infobarRefs.fps.classList.toggle("low", i < 30);
-          const r = t.blockVariantCount > 0 || t.splitBlockLayerGroupCount > 0 || t.entityCount > 0;
-          if (this.infobarRefs.debugCard.hidden = !this.parts.infobarDebug || !r, this.infobarRefs.debugCard.hidden)
-            this.infobarRefs.debugCard.open = !1, this.infobarRefs.debugSummary.textContent = "", this.infobarRefs.debugBody.replaceChildren();
-          else {
-            this.infobarRefs.debugSummary.textContent = `Debug · Block ${t.blockVariantCount} · 跨层 ${t.splitBlockLayerGroupCount}`;
-            const s = t.renderDebugBreakdown.map((d) => Pe(
-              d.label,
-              `${d.renderables.toLocaleString()} call-ish / ${d.submittedVertexRefs.toLocaleString()} vertices`
-            )), o = [
-              `${t.renderableCount.toLocaleString()} renderables / ${t.drawCalls.toLocaleString()} calls`
-            ];
-            s.length > 0 && o.push(Se(s));
-            const c = t.splitBlockLayerDetails.map((d) => Pe(
-              `${d.blockName} #${d.variantId}`,
-              `${d.layerCount.toLocaleString()} layer / ${d.instanceCount.toLocaleString()} insert`,
-              d.layers.join(", ")
-            ));
-            if (t.splitBlockLayerDetails.length < t.splitBlockLayerGroupCount) {
-              const d = document.createElement("div");
-              d.className = "vui-debug-spread vui-debug-spread-muted", d.textContent = `另有 ${(t.splitBlockLayerGroupCount - t.splitBlockLayerDetails.length).toLocaleString()} 个跨层 block`, c.push(d);
-            }
-            const l = [`跨层 ${t.splitBlockLayerGroupCount.toLocaleString()}`];
-            c.length > 0 && l.push(Se(c)), this.infobarRefs.debugBody.replaceChildren(
-              T("提交", t.submittedVertexRefs.toLocaleString()),
-              ...t.lineRenderMode ? [T("线模式", t.lineRenderMode.toUpperCase())] : [],
-              T("图层", `${t.visibleLayerCount.toLocaleString()} / ${t.totalLayerCount.toLocaleString()}`),
-              T("DrawCall 来源", ...o),
-              T("Block", `${t.blockVariantCount.toLocaleString()} / INSERT ${t.blockInstanceCount.toLocaleString()}`),
-              T("分散 layer", ...l)
-            );
-          }
-        }
-        if (this.toolbarInfoText) {
-          const t = this.host.cad.hud, i = t.fileCount > 0 ? `${t.visibleLayerCount.toLocaleString()} / ${t.totalLayerCount.toLocaleString()} 图层` : "", r = t.statusMessage.trim();
-          this.toolbarInfoText.textContent = i && r ? `${i}  |  ${r}` : i || r;
-        }
-        this.scalebarRefs && (this.host.viewMode === "2d" && ((e = this.host.cad.hud.scaleRuler) != null && e.visible) ? (this.scalebarRefs.scaleBar.hidden = !1, this.scalebarRefs.scaleLabel.textContent = this.host.cad.hud.scaleRuler.lengthLabel) : this.scalebarRefs.scaleBar.hidden = !0);
-      }
-    });
-    this.host = e, this.options = t, this.parts = { ...wi, ...t.parts };
-  }
-  mount() {
-    if (this.disposed) return;
-    this.shadow = this.options.root.attachShadow({ mode: "open" });
-    const e = this.options.theme ?? "dark", t = document.createElement("style");
-    t.textContent = xi(e);
-    const i = document.createElement("div");
-    i.className = "vui-root", i.dataset.theme = e, i.dataset.preset = this.options.preset ?? "cad-readonly";
-    const r = document.createElement("div");
-    r.className = "vui-main", this.parts.layerPanel && r.appendChild(this.buildLayerPanel());
-    const s = document.createElement("div");
-    s.className = "vui-canvas-space", this.parts.scaleRuler && s.appendChild(this.buildScalebar()), this.parts.hud && s.appendChild(this.buildInfobar()), r.appendChild(s), this.parts.propertyPanel && r.appendChild(this.buildPropertyPanel()), i.appendChild(r), this.shadow.append(t, i), this.bindEvents(), this.setLayerPanelOpen(this.readLayerPanelOpen(), !1), this.setPropertyPanelOpen(this.readPropertyPanelOpen(), !1), this.setInfobarOpen(!0), this.refresh();
-  }
-  dispose() {
-    var e, t;
-    if (!this.disposed) {
-      this.disposed = !0, this.insertToggleScheduler.clear(), (e = this.filterCleanup) == null || e.call(this), this.filterCleanup = null, (t = globalThis.removeEventListener) == null || t.call(globalThis, "keydown", this.handleKeyDown), this.cancelPropertyPreviewRender();
-      for (const i of this.unsubscribers) i();
-      this.unsubscribers = [], this.shadow && (this.shadow.replaceChildren(), this.shadow = null);
-    }
-  }
-  get layerState() {
-    return this.layerPanelState;
-  }
-  buildLayerPanel() {
-    const e = document.createElement("aside");
-    e.className = "vui-layer-panel-shell", e.setAttribute("aria-label", "图层面板");
-    const t = document.createElement("div");
-    t.className = "vui-sidebar", t.dataset.part = "layer-panel";
-    const i = document.createElement("div");
-    i.className = "vui-section";
-    const r = document.createElement("div");
-    r.className = "vui-section-head", r.innerHTML = '<span class="vui-section-title">图层</span><span class="vui-section-count">—</span>';
-    const s = document.createElement("div");
-    s.className = "vui-section-filter-wrap";
-    const o = document.createElement("input");
-    o.className = "vui-section-filter", o.type = "text", o.placeholder = "搜索图层…", o.autocomplete = "off", s.appendChild(o);
-    const c = document.createElement("div");
-    c.className = "vui-layer-quick";
-    const l = document.createElement("button");
-    l.type = "button", l.className = "vui-btn", l.textContent = "全显", l.addEventListener("click", () => this.host.cad.layers.showAll());
-    const d = document.createElement("button");
-    d.type = "button", d.className = "vui-btn", d.textContent = "全隐", d.addEventListener("click", () => this.host.cad.layers.hideAll());
-    const h = document.createElement("button");
-    h.type = "button", h.className = "vui-btn", h.textContent = "折叠", h.title = "折叠全部已展开层级", h.addEventListener("click", () => {
-      var b;
-      const p = (b = this.host.cad.inspector.selection) == null ? void 0 : b.id, m = p ? `${p.layerIndex}:${p.variantId}:${p.instanceId}` : null;
-      this.layerPanelState.collapseAll(m), this.refresh();
-    }), c.append(l, d, h);
-    const u = document.createElement("div");
-    u.className = "vui-section-list", i.append(r, s, c, u), t.appendChild(i), this.layerPanelRefs = {
-      list: u,
-      count: r.querySelector(".vui-section-count"),
-      filterInput: o
-    };
-    const v = document.createElement("div");
-    v.className = "vui-layer-panel-toggle-zone";
-    const f = document.createElement("button");
-    return f.type = "button", f.className = "vui-layer-panel-toggle", f.addEventListener("click", () => this.setLayerPanelOpen(e.classList.contains("closed"))), v.appendChild(f), e.append(t, v), this.layerPanelShell = e, this.layerPanelToggle = f, e;
-  }
-  buildScalebar() {
-    const e = document.createElement("div");
-    e.className = "vui-scalebar", e.title = "当前视图比例尺（按图纸单位）", e.hidden = !this.parts.scaleRuler;
-    const t = document.createElement("div");
-    t.className = "vui-scalebar-label", t.textContent = "100 mm";
-    const i = document.createElement("div");
-    return i.className = "vui-scalebar-line", e.append(t, i), this.scalebarRefs = { scaleBar: e, scaleLabel: t, scaleLine: i }, e;
-  }
-  buildInfobar() {
-    const e = document.createElement("div");
-    e.className = "vui-infobar", e.dataset.part = "hud";
-    const t = document.createElement("button");
-    t.type = "button", t.className = "vui-infobar-toggle", t.addEventListener("click", () => this.setInfobarOpen(e.classList.contains("collapsed")));
-    const i = document.createElement("div");
-    i.className = "vui-infobar-content";
-    const r = document.createElement("span");
-    r.className = "vui-seg vui-info-file";
-    const s = document.createElement("div");
-    s.className = "vui-infobar-tools", s.setAttribute("role", "toolbar"), s.setAttribute("aria-label", "视图控制");
-    const o = document.createElement("span");
-    if (o.className = "vui-info-text", this.toolbarInfoText = o, s.appendChild(o), this.parts.fit && (this.btnFit = document.createElement("button"), this.btnFit.type = "button", this.btnFit.className = "vui-btn", this.btnFit.innerHTML = '适应 <span class="vui-kbd">F</span>', this.btnFit.addEventListener("click", () => this.host.fitView()), s.appendChild(this.btnFit)), this.parts.viewMode) {
-      const b = document.createElement("div");
-      b.className = "vui-view-toggle", b.setAttribute("role", "group"), b.setAttribute("aria-label", "视图模式"), this.btnView2d = document.createElement("button"), this.btnView2d.type = "button", this.btnView2d.className = "vui-btn", this.btnView2d.textContent = "2D", this.btnView2d.setAttribute("aria-pressed", "false"), this.btnView2d.addEventListener("click", () => this.host.setViewMode("2d")), this.btnView3d = document.createElement("button"), this.btnView3d.type = "button", this.btnView3d.className = "vui-btn", this.btnView3d.textContent = "3D", this.btnView3d.setAttribute("aria-pressed", "false"), this.btnView3d.addEventListener("click", () => this.host.setViewMode("3d")), b.append(this.btnView2d, this.btnView3d), s.appendChild(b);
-    }
-    const c = document.createElement("span");
-    c.className = "vui-seg";
-    const l = document.createElement("span");
-    l.className = "vui-seg";
-    const d = document.createElement("span");
-    d.className = "vui-seg";
-    const h = document.createElement("span");
-    h.className = "vui-seg", h.hidden = !0;
-    const u = document.createElement("span");
-    u.className = "vui-seg";
-    const v = document.createElement("span");
-    v.className = "vui-fps";
-    const f = document.createElement("details");
-    f.className = "vui-debug-card";
-    const p = document.createElement("summary");
-    p.className = "vui-debug-summary", p.textContent = "详细";
-    const m = document.createElement("div");
-    return m.className = "vui-debug-body", f.append(p, m), i.append(r, s, c, l, d, h, u, v, f), e.append(t, i), this.infobarRefs = {
-      infobar: e,
-      file: r,
-      tools: s,
-      zoom: c,
-      vertices: l,
-      drawCalls: d,
-      lineMode: h,
-      phase: u,
-      fps: v,
-      debugCard: f,
-      debugSummary: p,
-      debugBody: m
-    }, this.infobar = e, this.infobarToggle = t, e;
-  }
-  buildPropertyPanel() {
-    const e = document.createElement("aside");
-    e.className = "vui-property-panel-shell", e.setAttribute("aria-label", "属性面板");
-    const t = document.createElement("div");
-    t.className = "vui-property-panel", t.dataset.part = "property-panel";
-    const i = document.createElement("div");
-    i.className = "vui-pp-head", i.innerHTML = '<span class="vui-pp-title-text">属性</span>';
-    const r = document.createElement("div");
-    r.className = "vui-pp-preview-wrap", r.hidden = !0;
-    const s = document.createElement("canvas");
-    s.className = "vui-pp-preview", s.width = 256, s.height = 256, r.appendChild(s);
-    const o = document.createElement("div");
-    o.className = "vui-pp-body", t.append(i, r, o);
-    const c = document.createElement("div");
-    c.className = "vui-property-panel-toggle-zone";
-    const l = document.createElement("button");
-    return l.type = "button", l.className = "vui-property-panel-toggle", l.addEventListener("click", () => this.setPropertyPanelOpen(e.classList.contains("closed"))), c.appendChild(l), e.append(c, t), this.propertyPanelShell = e, this.propertyPanelToggle = l, this.propertyPanelRefs = { body: o, previewWrap: r, previewCanvas: s }, e;
-  }
-  bindEvents() {
-    var e;
-    this.layerPanelRefs && (this.filterCleanup = hi(this.layerPanelRefs.filterInput, (t) => {
-      this.layerPanelState.filterText = t, this.layerPanelRefs && oi(this.layerPanelRefs.list, t);
-    })), this.unsubscribers.push(
-      this.host.cad.on("document-change", () => this.refresh()),
-      this.host.cad.on("layer-change", () => this.refresh()),
-      this.host.cad.on("block-change", () => this.refresh()),
-      this.host.cad.on("inspector-change", () => {
-        if (this.layerPanelRefs && this.parts.layerPanel) {
-          const t = this.host.cad.inspector.selection, i = t == null ? void 0 : t.id, r = i ? `${i.layerIndex}:${i.variantId}:${i.instanceId}` : null;
-          r && this.layerPanelState.needsSelectionReveal(r) ? pe(this.layerPanelRefs, this.layerPanelState, this.createLayerPanelActions()) : ai(this.layerPanelRefs.list, t);
-        }
-        this.propertyPanelRefs && this.parts.propertyPanel && (be(this.propertyPanelRefs, this.host.cad.inspector), this.syncPropertyPanelSelectionState(), this.syncPropertyPanelPreview());
-      }),
-      this.host.cad.on("hud-change", () => this.syncHud()),
-      this.host.on("view-mode-change", () => {
-        this.syncToolbarState(), this.syncHud();
-      }),
-      this.host.on("interaction-change", () => this.syncHud())
-    ), (e = globalThis.addEventListener) == null || e.call(globalThis, "keydown", this.handleKeyDown);
-  }
-  createLayerPanelActions() {
-    var e;
-    return {
-      layers: this.host.cad.layers,
-      blocks: this.host.cad.blocks,
-      selection: this.host.cad.inspector.selection,
-      scopeKey: ((e = this.host.cad.document) == null ? void 0 : e.documentKey) ?? null,
-      toggleLayer: (t) => this.host.cad.layers.toggle(t),
-      showAllLayers: () => this.host.cad.layers.showAll(),
-      hideAllLayers: () => this.host.cad.layers.hideAll(),
-      setLayerColor: (t, i) => this.host.cad.layers.setColor(t, i),
-      setAllLayerColor: (t) => {
-        var i, r;
-        return (r = (i = this.host.cad.layers).setAllColor) == null ? void 0 : r.call(i, t);
-      },
-      toggleInsert: (t, i) => this.host.cad.blocks.toggleInsert(t, i),
-      batchToggleInserts: (t) => this.insertToggleScheduler.enqueueMany(t),
-      selectInsert: (t) => {
-        var i, r;
-        return (r = (i = this.host.cad).selectInsert) == null ? void 0 : r.call(i, t);
-      },
-      refresh: this.refresh
-    };
-  }
-  syncToolbarState() {
-    var t, i, r, s, o;
-    const e = this.host.viewMode;
-    (t = this.btnView2d) == null || t.classList.toggle("active", e === "2d"), (i = this.btnView3d) == null || i.classList.toggle("active", e === "3d"), (r = this.btnView2d) == null || r.setAttribute("aria-pressed", String(e === "2d")), (s = this.btnView3d) == null || s.setAttribute("aria-pressed", String(e === "3d")), this.btnFit && (this.btnFit.disabled = !((o = this.host.cad.document) != null && o.headerBounds));
-  }
-  readPropertyPanelOpen() {
-    var e;
-    try {
-      return ((e = globalThis.localStorage) == null ? void 0 : e.getItem(ye)) === "1";
-    } catch {
-      return !1;
-    }
-  }
-  readLayerPanelOpen() {
-    var e;
-    try {
-      return ((e = globalThis.localStorage) == null ? void 0 : e.getItem(xe)) !== "0";
-    } catch {
-      return !0;
-    }
-  }
-  setLayerPanelOpen(e, t = !0) {
-    var s;
-    const i = this.layerPanelShell, r = this.layerPanelToggle;
-    if (!(!i || !r) && (i.classList.toggle("closed", !e), r.textContent = e ? "‹" : "›", r.setAttribute("aria-expanded", String(e)), r.setAttribute("aria-label", e ? "收起图层面板" : "展开图层面板"), !!t))
-      try {
-        (s = globalThis.localStorage) == null || s.setItem(xe, e ? "1" : "0");
-      } catch {
-      }
-  }
-  setInfobarOpen(e) {
-    const t = this.infobar, i = this.infobarToggle;
-    !t || !i || (t.classList.toggle("collapsed", !e), i.textContent = e ? "›" : "‹", i.setAttribute("aria-expanded", String(e)), i.setAttribute("aria-label", e ? "收起信息栏" : "展开信息栏"));
-  }
-  setPropertyPanelOpen(e, t = !0) {
-    var s, o;
-    const i = this.propertyPanelShell, r = this.propertyPanelToggle;
-    if (!(!i || !r) && (i.classList.toggle("closed", !e), r.textContent = e ? "›" : "‹", r.setAttribute("aria-expanded", String(e)), (s = i.querySelector(".vui-property-panel")) == null || s.setAttribute("aria-hidden", String(!e)), e ? this.syncPropertyPanelPreview(!0) : (this.cancelPropertyPreviewRender(), this.propertyPanelRefs && D(this.propertyPanelRefs, !1)), !!t))
-      try {
-        (o = globalThis.localStorage) == null || o.setItem(ye, e ? "1" : "0");
-      } catch {
-      }
-  }
-  syncPropertyPanelSelectionState() {
-    const e = this.propertyPanelShell;
-    if (!e) return;
-    const t = this.host.cad.inspector;
-    if (t.selection || t.textSelection) {
-      e.classList.contains("closed") && !this.propertyPanelAutoOpened && (this.setPropertyPanelOpen(!0), this.propertyPanelAutoOpened = !0);
-      return;
-    }
-    this.propertyPanelAutoOpened = !1;
-  }
-  syncPropertyPanelPreview(e = !1) {
-    const t = this.propertyPanelRefs, i = this.host.cad.inspector.selection, r = t == null ? void 0 : t.previewCanvas;
-    if (!t || !r || !t.previewWrap || !i || !this.host.cad.inspector.details) {
-      this.invalidatePropertyPreview(), t && D(t, !1);
-      return;
-    }
-    const s = i.id, o = `${i.documentKey ?? ""}:${s.layerIndex}:${s.variantId}:${s.instanceId}`;
-    if (!e && o === this.propertyPreviewKey) return;
-    this.cancelPropertyPreviewRender(), this.propertyPreviewKey = o, D(t, !0), this.clearPropertyPreviewCanvas(r);
-    const c = () => {
-      this.disposed || this.propertyPreviewKey !== o || !this.isPropertyPreviewLayoutReady(r) || (this.propertyPreviewRenderHandle = requestAnimationFrame(() => {
-        this.propertyPreviewRenderHandle = requestAnimationFrame(() => {
-          this.propertyPreviewRenderHandle = null, !(this.disposed || this.propertyPreviewKey !== o) && D(t, this.host.cad.renderInsertPreview(r));
-        });
-      }));
-    };
-    if (this.shouldWaitForPropertyPreviewLayout(r)) {
-      this.waitForPropertyPreviewLayout(r).then(c);
-      return;
-    }
-    c();
-  }
-  shouldWaitForPropertyPreviewLayout(e) {
-    var t;
-    return (t = this.propertyPanelShell) != null && t.classList.contains("closed") ? !0 : !this.isPropertyPreviewLayoutReady(e);
-  }
-  isPropertyPreviewLayoutReady(e) {
-    return e.clientWidth >= Ce && e.clientHeight >= Ce;
-  }
-  waitForPropertyPreviewLayout(e) {
-    if (this.isPropertyPreviewLayoutReady(e)) return Promise.resolve();
-    const t = this.propertyPanelShell, i = (t == null ? void 0 : t.querySelector(".vui-property-panel")) ?? null;
-    return !t || !i ? Promise.resolve() : new Promise((r) => {
-      let s = !1, o = 0, c = -1;
-      const l = [], d = [];
-      let h = 0;
-      const u = () => {
-        for (const g of l) window.clearTimeout(g);
-        for (const g of d) g();
-        window.clearTimeout(b), h !== 0 && cancelAnimationFrame(h), this.propertyPreviewLayoutWaitAbort = null;
-      }, v = () => {
-        s || (s = !0, u(), r());
-      }, f = () => {
-        const g = e.clientWidth;
-        if (!this.isPropertyPreviewLayoutReady(e)) {
-          o = 0, c = -1;
-          return;
-        }
-        if (g === c) {
-          o += 1, o >= Ci && v();
-          return;
-        }
-        c = g, o = 0;
-      }, p = (g) => {
-        if (!Ri(g)) return;
-        let y = !1;
-        const P = (E) => {
-          E.target !== g || E.propertyName !== "width" || x();
-        }, x = () => {
-          y || (y = !0, g.removeEventListener("transitionend", P), requestAnimationFrame(f));
-        };
-        g.addEventListener("transitionend", P), l.push(window.setTimeout(x, we)), d.push(() => {
-          y || (y = !0, g.removeEventListener("transitionend", P));
-        });
-      }, m = () => {
-        f(), s || (h = requestAnimationFrame(m));
-      }, b = window.setTimeout(v, we);
-      p(i), p(t), h = requestAnimationFrame(m), this.propertyPreviewLayoutWaitAbort = () => {
-        s = !0, u();
-      };
-    });
-  }
-  clearPropertyPreviewCanvas(e) {
-    var t;
-    (t = e.getContext("2d")) == null || t.clearRect(0, 0, e.width, e.height);
-  }
-  invalidatePropertyPreview() {
-    this.propertyPreviewKey = null, this.cancelPropertyPreviewRender();
-  }
-  cancelPropertyPreviewRender() {
-    var e;
-    this.propertyPreviewRenderHandle !== null && (cancelAnimationFrame(this.propertyPreviewRenderHandle), this.propertyPreviewRenderHandle = null), (e = this.propertyPreviewLayoutWaitAbort) == null || e.call(this), this.propertyPreviewLayoutWaitAbort = null;
-  }
-}
-function Ri(n) {
-  const e = getComputedStyle(n), t = e.transitionDuration.split(",").map((r) => r.trim()), i = e.transitionProperty.split(",").map((r) => r.trim());
-  for (let r = 0; r < i.length; r += 1) {
-    const s = i[r] ?? i[0] ?? "all";
-    if ((t[r] ?? t[0] ?? "0s") !== "0s" && (s === "all" || s === "width"))
-      return !0;
-  }
-  return !1;
-}
-const B = "viewer:highlight", z = "viewer:cad-selection", H = "viewer:cad-hover", Re = {
-  dark: {
-    hover: { color: 3528703, fillOpacity: 0, edgeOpacity: 0.85 },
-    selected: { color: 5999871, fillOpacity: 0.24, edgeOpacity: 1 }
-  },
-  light: {
-    hover: { color: 24524, fillOpacity: 0, edgeOpacity: 0.95 },
-    selected: { color: 24524, fillOpacity: 0.2, edgeOpacity: 1 }
-  }
-}, Ei = 6, Ii = 12, Mi = 160, ki = 160, Ti = 50, Ee = 5e3;
-class Di {
-  constructor(e, t) {
-    a(this, "cad");
-    a(this, "mountedObjects", /* @__PURE__ */ new Set());
-    a(this, "listeners", /* @__PURE__ */ new Map());
-    a(this, "selectedObjectValue", null);
-    a(this, "highlightedObjectValue", null);
-    a(this, "pointerStart", null);
-    a(this, "disposed", !1);
-    a(this, "cadRenderRoot", null);
-    a(this, "interaction", "idle");
-    a(this, "interactionIdleTimer", null);
-    a(this, "interactionRenderLastTs", null);
-    a(this, "cadHoveredInsert", null);
-    a(this, "cadPointerPosition", null);
-    a(this, "pointerDragTracker", new ti({
-      distancePx: Ei,
-      pathPx: Ii
-    }));
-    a(this, "cadCapability");
-    a(this, "cadHost");
-    a(this, "ui");
-    a(this, "cameraStateStore");
-    a(this, "cadInspectorUnsubscribe");
-    a(this, "cadDocumentUnsubscribe");
-    a(this, "handlePointerDown", (e) => {
-      if (this.disposed) return;
-      if (this.rememberCadPointer(e.clientX, e.clientY), !(e.isPrimary !== !1) || this.pointerStart !== null) {
-        this.pointerStart = null, this.pointerDragTracker.reset(), this.markInteractionActive();
-        return;
-      }
-      this.pointerStart = {
-        pointerId: e.pointerId,
-        clientX: e.clientX,
-        clientY: e.clientY,
-        button: e.button
-      }, this.pointerDragTracker.begin(e.clientX, e.clientY), this.markInteractionActive();
-    });
-    a(this, "handleWheel", (e) => {
-      if (this.disposed) return;
-      const t = e.clientX === 0 && e.clientY === 0 ? this.cadPointerPosition : { clientX: e.clientX, clientY: e.clientY };
-      t && this.rememberCadPointer(t.clientX, t.clientY), this.markInteractionActive(), this.scheduleInteractionIdle();
-    });
-    a(this, "handlePointerMove", (e) => {
-      if (!this.disposed) {
-        if (this.rememberCadPointer(e.clientX, e.clientY), e.buttons > 0) {
-          this.pointerDragTracker.update(e.clientX, e.clientY, e.buttons), this.markInteractionActive(), this.setCadHoveredInsert(null), this.emit("pointer-move", this.toPointerEvent(e));
-          return;
-        }
-        this.updateCadHoveredInsert(e.clientX, e.clientY), this.emit("pointer-move", this.toPointerEvent(e));
-      }
-    });
-    a(this, "handlePointerUp", (e) => {
-      const t = this.pointerStart;
-      this.pointerStart = null, this.pointerDragTracker.update(e.clientX, e.clientY, e.buttons);
-      const i = this.pointerDragTracker.hasExceededDragThreshold;
-      if (this.pointerDragTracker.release(), this.rememberCadPointer(e.clientX, e.clientY), this.scheduleInteractionIdle(), this.disposed || !t || t.pointerId !== e.pointerId || t.button !== 0 || e.button !== 0 || i)
-        return;
-      const r = this.toPointerEvent(e);
-      this.emit("pointer-click", r);
-      const s = this.cadCapability.pickInsertAtScreen(e.clientX, e.clientY);
-      if (s) {
-        if (this.isSameCadInsertSelection(s.selection, this.cad.inspector.selection)) {
-          this.cadCapability.setInsertSelection(null, null), this.setCadHoveredInsert(s), this.setSelection(null);
-          return;
-        }
-        this.cadCapability.setInsertSelection(s.selection, s.details), this.setCadHoveredInsert(s), this.setSelection(null);
-        return;
-      }
-      this.setCadHoveredInsert(null), this.cadCapability.setInsertSelection(null, null);
-      const o = this.cadCapability.pickTextAtScreen(e.clientX, e.clientY);
-      if (o) {
-        this.cadCapability.setTextSelection(o.selection, o.details), this.setSelection(null);
-        return;
-      }
-      if (this.cadCapability.setTextSelection(null, null), this.options.pointerPick === !1) return;
-      const c = this.pick(e.clientX, e.clientY);
-      this.emit("pick", {
-        ...r,
-        result: c
-      }), this.options.autoSelectOnPick !== !1 && this.setSelection((c == null ? void 0 : c.object) ?? null);
-    });
-    a(this, "handlePointerCancel", () => {
-      this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.scheduleInteractionIdle();
-    });
-    a(this, "handleLostPointerCapture", (e) => {
-      var t;
-      ((t = this.pointerStart) == null ? void 0 : t.pointerId) === e.pointerId && (this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.scheduleInteractionIdle());
-    });
-    a(this, "handleWindowBlur", () => {
-      this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.scheduleInteractionIdle();
-    });
-    a(this, "handlePointerLeave", (e) => {
-      this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.scheduleInteractionIdle(), !this.disposed && this.emit("pointer-leave", this.toPointerEvent(e));
-    });
-    var i, r, s, o, c, l, d, h, u, v, f, p, m, b, g;
-    this.options = e, this.runtime = t, this.cameraStateStore = e.cameraStateStore === !1 ? void 0 : e.cameraStateStore ?? Xt(), this.cadHost = this.createCadHost(), this.cadCapability = new Qt(this.cadHost), this.cad = this.cadCapability, this.cadInspectorUnsubscribe = this.cad.on("inspector-change", () => {
-      this.syncCadSelectionOverlay(), this.syncCadHoverOverlay();
-    }), this.cadDocumentUnsubscribe = this.cad.on("document-change", () => {
-      this.setCadHoveredInsert(null), this.syncCadSelectionOverlay();
-    }), this.ui = e.ui ? new Si(this.createUiHost(), e.ui) : null, (i = this.ui) == null || i.mount(), (s = (r = this.options.canvas).addEventListener) == null || s.call(r, "pointerdown", this.handlePointerDown), (c = (o = this.options.canvas).addEventListener) == null || c.call(o, "pointermove", this.handlePointerMove), (d = (l = this.options.canvas).addEventListener) == null || d.call(l, "pointerup", this.handlePointerUp), (u = (h = this.options.canvas).addEventListener) == null || u.call(h, "pointercancel", this.handlePointerCancel), (f = (v = this.options.canvas).addEventListener) == null || f.call(v, "pointerleave", this.handlePointerLeave), (m = (p = this.options.canvas).addEventListener) == null || m.call(p, "lostpointercapture", this.handleLostPointerCapture), (g = (b = this.options.canvas).addEventListener) == null || g.call(b, "wheel", this.handleWheel, { passive: !0 }), typeof globalThis.window < "u" && globalThis.window.addEventListener("blur", this.handleWindowBlur), this.runtime.startAnimation({
-      shouldRender: (y) => this.shouldRenderCurrentFrame(y),
-      beforeRender: (y) => {
-        this.cadCapability.onBeforeRender(), this.interaction === "active" && (this.interactionRenderLastTs = y);
-      },
-      onInfoUpdate: () => {
-        this.cadCapability.onViewportChanged();
-      }
-    });
-  }
-  get viewport() {
-    return this.options.viewport;
-  }
-  get canvas() {
-    return this.options.canvas;
-  }
-  get viewMode() {
-    return this.runtime.viewMode;
-  }
-  get selectedObject() {
-    return this.selectedObjectValue;
-  }
-  get highlightedObject() {
-    return this.highlightedObjectValue;
-  }
-  get isDisposed() {
-    return this.disposed;
-  }
-  addObject(e) {
-    this.assertActive(), !this.mountedObjects.has(e) && (this.runtime.addObject(e), this.mountedObjects.add(e));
-  }
-  removeObject(e) {
-    if (this.assertActive(), !this.mountedObjects.has(e)) return !1;
-    this.selectedObjectValue && this.isObjectWithinRoot(this.selectedObjectValue, e) && this.setSelection(null), this.highlightedObjectValue && this.isObjectWithinRoot(this.highlightedObjectValue, e) && this.setHighlight(null);
-    const t = this.runtime.removeObject(e, { dispose: !1 });
-    return t && this.mountedObjects.delete(e), t;
-  }
-  setVisible(e, t) {
-    this.assertActive(), this.assertMounted(e), this.runtime.setObjectVisible(e, t);
-  }
-  setViewMode(e, t) {
-    this.assertActive(), e !== this.runtime.viewMode && (t ? this.runtime.setViewMode(e, t) : this.runtime.setViewMode(e), this.emit("view-mode-change", { viewMode: e }), this.cadCapability.onCameraChanged(), this.cadCapability.onViewportChanged(), this.refreshCadPointerHover());
-  }
-  fitView(e, t) {
-    this.assertActive(), e && !(e instanceof S) && this.assertMounted(e);
-    const i = e ?? this.resolveFocusedCadBounds() ?? this.resolveMixedBounds();
-    if (!i) return !1;
-    const r = this.runtime.fitView(i, t);
-    return r && (this.cadCapability.onCameraChanged(), this.cadCapability.onViewportChanged(), this.refreshCadPointerHover()), r;
-  }
-  screenToWorldOnPlane(e, t, i = 0) {
-    var r;
-    return this.assertActive(), ((r = this.runtime.screenToWorldOnPlane(e, t, i)) == null ? void 0 : r.clone()) ?? null;
-  }
-  pick(e, t, i) {
-    var s;
-    this.assertActive(), (s = i == null ? void 0 : i.roots) == null || s.forEach((o) => this.assertMounted(o));
-    const r = this.runtime.pick(e, t, i);
-    return r ? {
-      object: r.object,
-      root: r.root,
-      point: r.point.clone(),
-      distance: r.distance,
-      faceIndex: r.faceIndex,
-      ...r.instanceId === void 0 ? {} : { instanceId: r.instanceId }
-    } : null;
-  }
-  setSelection(e) {
-    this.assertActive(), e && this.assertMounted(e), e !== this.selectedObjectValue && (this.selectedObjectValue = e, this.runtime.requestRender(), this.emit("selection-change", { object: e }));
-  }
-  setHighlight(e, t = {}) {
-    if (this.assertActive(), e && this.assertMounted(e), !(this.highlightedObjectValue === null && e === null)) {
-      if (this.runtime.removeOverlay(B), this.highlightedObjectValue = e, e) {
-        const i = new Qe(e, t.color ?? 6000111);
-        i.name = B, this.runtime.mountOverlay(B, i, { owned: !0 });
-      }
-      this.emit("highlight-change", { object: e });
-    }
-  }
-  on(e, t) {
-    this.assertActive();
-    const i = t, r = this.listeners.get(e) ?? /* @__PURE__ */ new Set();
-    r.add(i), this.listeners.set(e, r);
-    let s = !0;
-    return () => {
-      s && (s = !1, r.delete(i), r.size === 0 && this.listeners.delete(e));
-    };
-  }
-  resize() {
-    this.assertActive();
-    const e = this.runtime.resize();
-    return this.emit("resize", { resized: e }), e && (this.cadCapability.onViewportChanged(), this.refreshCadPointerHover()), e;
-  }
-  requestRender() {
-    this.assertActive(), this.runtime.requestRender();
-  }
-  dispose() {
-    var e, t, i, r, s, o, c, l, d, h, u, v, f, p, m;
-    if (!this.disposed) {
-      this.disposed = !0, this.clearInteractionIdleTimer(), this.pointerDragTracker.reset(), (t = (e = this.options.canvas).removeEventListener) == null || t.call(e, "pointerdown", this.handlePointerDown), (r = (i = this.options.canvas).removeEventListener) == null || r.call(i, "pointermove", this.handlePointerMove), (o = (s = this.options.canvas).removeEventListener) == null || o.call(s, "pointerup", this.handlePointerUp), (l = (c = this.options.canvas).removeEventListener) == null || l.call(c, "pointercancel", this.handlePointerCancel), (h = (d = this.options.canvas).removeEventListener) == null || h.call(d, "pointerleave", this.handlePointerLeave), (v = (u = this.options.canvas).removeEventListener) == null || v.call(u, "lostpointercapture", this.handleLostPointerCapture), (p = (f = this.options.canvas).removeEventListener) == null || p.call(f, "wheel", this.handleWheel), typeof globalThis.window < "u" && globalThis.window.removeEventListener("blur", this.handleWindowBlur), this.pointerStart = null, this.cadPointerPosition = null, this.setCadHoveredInsert(null), this.setCanvasCursor(""), this.highlightedObjectValue && this.runtime.removeOverlay(B), this.runtime.removeOverlay(z), this.runtime.removeOverlay(H), this.cadInspectorUnsubscribe(), this.cadDocumentUnsubscribe(), this.highlightedObjectValue = null, this.selectedObjectValue = null;
-      for (const b of this.mountedObjects)
-        this.runtime.removeObject(b, { dispose: !1 });
-      this.mountedObjects.clear(), (m = this.ui) == null || m.dispose(), this.cadCapability.dispose(), this.listeners.clear(), this.runtime.dispose();
-    }
-  }
-  createCadHost() {
-    const e = this;
-    return {
-      get options() {
-        return e.options;
-      },
-      get runtime() {
-        return e.runtime;
-      },
-      get viewMode() {
-        return e.runtime.viewMode;
-      },
-      get interaction() {
-        return e.interaction;
-      },
-      get visibilityRevision() {
-        return e.cadCapability.getVisibilityRevision();
-      },
-      get viewportDemandCoalesceMs() {
-        return e.options.viewportDemandCoalesceMs ?? ki;
-      },
-      mountCadObject(t) {
-        e.unmountCadObject(), e.runtime.addObject(t, { owned: !0 }), e.cadRenderRoot = t;
-      },
-      unmountCadObject() {
-        e.cadRenderRoot && (e.runtime.removeObject(e.cadRenderRoot, { dispose: !0 }), e.cadRenderRoot = null);
-      },
-      requestRender() {
-        e.runtime.requestRender();
-      },
-      emitContentChange() {
-        e.emit("content-change", { source: "cad" });
-      },
-      emitViewportChange(t) {
-        e.emit("viewport-change", t);
-      },
-      emitCameraChange() {
-        e.emit("camera-change", { viewMode: e.runtime.viewMode });
-      },
-      fitBox3(t, i) {
-        return e.runtime.fitView(t, i);
-      },
-      resolveMixedBounds() {
-        return e.resolveMixedBounds();
-      },
-      resolveCadFitBounds() {
-        return e.cadCapability.getMountedBoundsBox() ?? e.cadCapability.getAuthoritativeBoundsBox();
-      },
-      screenToWorldOnPlane(t, i, r) {
-        var s;
-        return ((s = e.runtime.screenToWorldOnPlane(t, i, r)) == null ? void 0 : s.clone()) ?? null;
-      },
-      readCameraSnapshot(t) {
-        return qt(e.cameraStateStore, t);
-      },
-      persistCameraSnapshot(t, i) {
-        Wt(e.cameraStateStore, t, i);
-      },
-      getViewportSize() {
-        return {
-          width: Math.max(1, e.options.viewport.clientWidth || 1),
-          height: Math.max(1, e.options.viewport.clientHeight || 1)
-        };
-      },
-      getVisibleDocumentRect() {
-        return e.runtime.getVisibleDocumentRect();
-      }
-    };
-  }
-  syncCadSelectionOverlay() {
-    var o, c;
-    this.runtime.removeOverlay(z);
-    const e = this.cad.inspector, t = (o = e.details) != null && o.bbox && [
-      e.details.bbox.minX,
-      e.details.bbox.minY,
-      e.details.bbox.maxX,
-      e.details.bbox.maxY
-    ].every(Number.isFinite) ? e.details.bbox : null, i = t ? new S(
-      new w(t.minX, t.minY, -0.01),
-      new w(t.maxX, t.maxY, 0.01)
-    ) : e.textDetails ? new S(
-      new w(e.textDetails.x, e.textDetails.y, -0.01),
-      new w(
-        e.textDetails.x + e.textDetails.content.length * e.textDetails.height * 0.6,
-        e.textDetails.y + e.textDetails.height,
-        0.01
-      )
-    ) : null;
-    if (!i || i.isEmpty()) return;
-    const s = !!((c = e.details) != null && c.bbox) ? this.createCadInteractionOverlay(i, "selected") : new et(i, Re.dark.selected.color);
-    s.name = z, this.runtime.mountOverlay(z, s, { owned: !0 });
-  }
-  syncCadHoverOverlay() {
-    var s;
-    this.runtime.removeOverlay(H);
-    const e = this.cadHoveredInsert, t = this.cad.inspector.selection;
-    if (!((s = e == null ? void 0 : e.details) != null && s.bbox) || this.isSameCadInsertSelection(e.selection, t)) return;
-    const i = this.cadInsertDetailsToBox(e.details);
-    if (!i || i.isEmpty()) return;
-    const r = this.createCadInteractionOverlay(i, "hover");
-    r.name = H, this.runtime.mountOverlay(H, r, { owned: !0 });
-  }
-  createCadInteractionOverlay(e, t) {
-    var h;
-    const i = ((h = this.options.ui) == null ? void 0 : h.theme) === "light" ? "light" : "dark", r = Re[i][t], s = new Ie();
-    s.name = t === "hover" ? "cad-insert-hover" : "cad-insert-selected", s.renderOrder = t === "hover" ? 1300 : 1310;
-    const o = e.getSize(new w()), c = e.getCenter(new w()), l = new tt(Math.max(o.x, 1e-6), Math.max(o.y, 1e-6), Math.max(o.z, 1e-3));
-    if (r.fillOpacity > 0) {
-      const u = new it(
-        l.clone(),
-        new rt({
-          color: r.color,
-          transparent: !0,
-          opacity: r.fillOpacity,
-          depthTest: !0,
-          depthWrite: !1
-        })
-      );
-      u.name = `${s.name}:fill`, u.position.copy(c), u.renderOrder = 1305, s.add(u);
-    }
-    const d = new nt(
-      new st(l),
-      new ot({
-        color: r.color,
-        transparent: !0,
-        opacity: r.edgeOpacity,
-        depthTest: !0,
-        depthWrite: !1
-      })
-    );
-    return d.name = `${s.name}:edges`, d.position.copy(c), d.renderOrder = t === "hover" ? 1300 : 1310, s.add(d), l.dispose(), s;
-  }
-  cadInsertDetailsToBox(e) {
-    const t = e == null ? void 0 : e.bbox;
-    return !t || ![t.minX, t.minY, t.maxX, t.maxY].every(Number.isFinite) ? null : new S(
-      new w(t.minX, t.minY, -0.01),
-      new w(t.maxX, t.maxY, 0.01)
-    );
-  }
-  isSameCadInsertSelection(e, t) {
-    return !!(e && t && e.documentKey === t.documentKey && e.id.layerIndex === t.id.layerIndex && e.id.variantId === t.id.variantId && e.id.instanceId === t.id.instanceId);
-  }
-  setCadHoveredInsert(e) {
-    const t = this.cadHoveredInsert;
-    if (!t && !e || t && e && this.isSameCadInsertSelection(t.selection, e.selection)) {
-      this.setCanvasCursor(e ? "pointer" : "");
-      return;
-    }
-    this.cadHoveredInsert = e, this.syncCadHoverOverlay(), this.setCanvasCursor(e ? "pointer" : ""), this.runtime.requestRender();
-  }
-  updateCadHoveredInsert(e, t) {
-    this.setCadHoveredInsert(this.cadCapability.pickInsertAtScreen(e, t));
-  }
-  rememberCadPointer(e, t) {
-    !Number.isFinite(e) || !Number.isFinite(t) || (this.cadPointerPosition = { clientX: e, clientY: t });
-  }
-  refreshCadPointerHover() {
-    const e = this.cadPointerPosition;
-    e && this.updateCadHoveredInsert(e.clientX, e.clientY);
-  }
-  setCanvasCursor(e) {
-    const t = this.options.canvas.style;
-    t && (t.cursor = e);
-  }
-  createUiHost() {
-    const e = this;
-    return {
-      get cad() {
-        return e.cad;
-      },
-      get viewMode() {
-        return e.runtime.viewMode;
-      },
-      fitView() {
-        return e.fitView();
-      },
-      setViewMode(t) {
-        e.setViewMode(t);
-      },
-      on(t, i) {
-        return e.on(t, i);
-      }
-    };
-  }
-  unmountCadObject() {
-    this.cadHost.unmountCadObject();
-  }
-  resolveMixedBounds() {
-    const e = new S();
-    let t = !1;
-    for (const r of this.mountedObjects)
-      r.visible && (e.expandByObject(r), t = !0);
-    const i = this.cadHost.resolveCadFitBounds();
-    return i && (e.union(i), t = !0), t && !e.isEmpty() ? e : null;
-  }
-  resolveFocusedCadBounds() {
-    var d;
-    const e = (d = this.cad.inspector.details) == null ? void 0 : d.bbox;
-    if (!e || ![e.minX, e.minY, e.maxX, e.maxY].every(Number.isFinite)) return null;
-    let t = e.minX, i = e.minY, r = e.maxX, s = e.maxY;
-    const o = r - t, c = s - i, l = Math.max(o, c);
-    if (o > 0 && c > 0 && l < Ee) {
-      const h = (t + r) / 2, u = (i + s) / 2, v = Ee / 2;
-      t = h - v, i = u - v, r = h + v, s = u + v;
-    }
-    return new S(
-      new w(t, i, -0.01),
-      new w(r, s, 0.01)
-    );
-  }
-  setInteraction(e) {
-    this.interaction !== e && (this.interaction = e, this.interactionRenderLastTs = null, this.emit("interaction-change", { interaction: e }), this.cadCapability.onInteractionChanged(), e === "idle" && this.runtime.requestRender());
-  }
-  shouldRenderCurrentFrame(e) {
-    if (this.interaction !== "active" || this.interactionRenderLastTs === null) return !0;
-    const t = e - this.interactionRenderLastTs;
-    return t < 0 || t >= Ti;
-  }
-  markInteractionActive() {
-    this.clearInteractionIdleTimer(), this.setInteraction("active");
-  }
-  scheduleInteractionIdle() {
-    this.clearInteractionIdleTimer(), this.interactionIdleTimer = globalThis.setTimeout(() => {
-      this.interactionIdleTimer = null, this.setInteraction("idle"), this.refreshCadPointerHover();
-    }, Mi);
-  }
-  clearInteractionIdleTimer() {
-    this.interactionIdleTimer !== null && (globalThis.clearTimeout(this.interactionIdleTimer), this.interactionIdleTimer = null);
-  }
-  toPointerEvent(e) {
-    return {
-      clientX: e.clientX,
-      clientY: e.clientY,
-      buttons: e.buttons,
-      shiftKey: e.shiftKey,
-      ctrlKey: e.ctrlKey,
-      metaKey: e.metaKey
-    };
-  }
-  assertActive() {
-    if (this.disposed) throw new Error("Viewer has been disposed.");
-  }
-  assertMounted(e) {
-    if (!(this.cadRenderRoot && this.isObjectWithinRoot(e, this.cadRenderRoot))) {
-      for (const t of this.mountedObjects)
-        if (this.isObjectWithinRoot(e, t)) return;
-      throw new Error("Viewer can only modify mounted objects.");
-    }
-  }
-  isObjectWithinRoot(e, t) {
-    let i = e;
-    for (; i; ) {
-      if (i === t) return !0;
-      i = i.parent;
-    }
-    return !1;
-  }
-  emit(e, t) {
-    for (const i of this.listeners.get(e) ?? []) i(t);
-  }
-}
-function Hi(n) {
-  const e = new Bt({
-    canvasArea: n.viewport,
-    canvas: n.canvas,
-    clearColor: n.clearColor,
-    antialias: n.antialias,
-    alpha: n.alpha,
-    powerPreference: n.powerPreference,
-    initialViewMode: n.initialViewMode,
-    environment: n.environment ?? "room",
-    navigationPolicy: "viewer"
-  });
-  return Li(n, e);
-}
-function Li(n, e) {
-  return e.initialize(), new Di(n, e);
-}
+import { c as o } from "./index-Lsk3kHNe.js";
+import { configureCadTextBuilder as t } from "@nebula-spatial/cad-loader";
 export {
-  _i as configureViewerText,
-  Hi as createViewer
+  t as configureViewerText,
+  o as createViewer
 };