@realsee/dnalogel 3.67.1 → 3.67.3-alpha.1

package/libs/index.js

@@ -10,8 +10,8 @@ import { FLOOR_PLAN_ATTACHED_TO as Rn } from "./floorplan/constant.js";
 import { ModelFloorplanPlugin as En } from "./floorplan/ModelFloorplanPlugin/index.js";
 import { MapviewFloorplanPlugin as yn } from "./floorplan/MapviewFloorplanPlugin/index.js";
 import { TopviewFloorplanPlugin as On } from "./floorplan/TopviewFloorplanPlugin/index.js";
-import { PanoFloorplanRadarPlugin as Dn } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
-import { FLOOR_TYPE_MAP as bn, ROOM_FETILE_TYPE_MAP as vn, ROOM_TYPE_MAP as Fn } from "./floorplan/typings/floorplanServerData.js";
+import { PanoFloorplanRadarPlugin as vn } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
+import { FLOOR_TYPE_MAP as Fn, ROOM_FETILE_TYPE_MAP as Gn, ROOM_TYPE_MAP as bn } from "./floorplan/typings/floorplanServerData.js";
 import { ModelChassisCompassPlugin as Vn } from "./ModelChassisCompassPlugin/Plugin.js";
 import { ModelEntryDoorGuidePlugin as Nn } from "./ModelEntryDoorGuidePlugin/Plugin.js";
 import { CameraMovementPlugin as kn } from "./CameraMovementPlugin/CameraMovementPlugin.js";
@@ -35,38 +35,38 @@ import { PanoVideoPlugin as Ra } from "./PanoVideoPlugin/index.js";
 import { PipelinePlugin as Ea } from "./PipelinePlugin/index.js";
 import { AreaMakerPlugin as ya } from "./AreaMakerPlugin/index.js";
 import { CurrentPanoImagePlugin as Oa } from "./CurrentPanoImagePlugin/index.js";
-import { Sculpt as Da, SculptPlugin as Ga } from "./Sculpt/index.js";
-import { ModelMakerPlugin as va } from "./ModelMakerPlugin/index.js";
-import { exports as Ya } from "./shared-utils/exports.js";
-import { CSS3DRender as Ba } from "./CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import { Model as ha } from "./PanoMeasurePlugin/Model/index.js";
-import { default as wa } from "./PanoMeasurePlugin/Model/point.js";
-import { default as Ua } from "./PanoMeasurePlugin/Model/line.js";
-import { Polyline as $a } from "./PanoMeasurePlugin/Model/polyline.js";
-import { Magnifier as qa } from "./shared-utils/three/Magnifier.js";
-import { DISPLAY_STRATEGY_TYPE as Ja } from "./ModelItemLabelPlugin/typings.js";
-import { ModelItemLabelPlugin as Qa } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
-import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as Za } from "./ItemLabelPlugin/typings.js";
-import { Plugin as rP } from "./ItemLabelPlugin/Plugin.js";
-import { GuideLineItem$1 as iP } from "./GuideLinePlugin/GuideLineItem/index.js";
-import { GuideLineModeItem$1 as pP } from "./GuideLinePlugin/GuideLineModeItem/index.js";
-import { default as lP, default as nP } from "./CruisePlugin/Work.js";
-import { default as PP } from "./CruisePlugin/Move.js";
-import { typing as uP } from "./CruisePlugin/typing/index.js";
-import { default as gP, pluginFlag as sP } from "./PanoTagPlugin/controller/index.js";
-import { defaultGlobalConfig as MP } from "./PanoTagPlugin/typings/tag/TagConfig.js";
-import { ContentType as CP, DimensionType as LP, PointType as cP } from "./PanoTagPlugin/Archive/deprecated.js";
-import { Object3DHelperController as _P, PLUGIN as EP } from "./Object3DHelperPlugin/Controller.js";
-import { typings as yP } from "./PanoVideoPlugin/typings/index.js";
-import { createPoint as OP } from "./Sculpt/Objects/Point/index.js";
+import { Sculpt as va, SculptPlugin as Da, SculptPluginForFive as Fa } from "./Sculpt/index.js";
+import { ModelMakerPlugin as ba } from "./ModelMakerPlugin/index.js";
+import { exports as Va } from "./shared-utils/exports.js";
+import { CSS3DRender as Na } from "./CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import { Model as ka } from "./PanoMeasurePlugin/Model/index.js";
+import { default as Ha } from "./PanoMeasurePlugin/Model/point.js";
+import { default as ja } from "./PanoMeasurePlugin/Model/line.js";
+import { Polyline as Wa } from "./PanoMeasurePlugin/Model/polyline.js";
+import { Magnifier as za } from "./shared-utils/three/Magnifier.js";
+import { DISPLAY_STRATEGY_TYPE as Ka } from "./ModelItemLabelPlugin/typings.js";
+import { ModelItemLabelPlugin as Xa } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
+import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as oP } from "./ItemLabelPlugin/typings.js";
+import { Plugin as tP } from "./ItemLabelPlugin/Plugin.js";
+import { GuideLineItem$1 as mP } from "./GuideLinePlugin/GuideLineItem/index.js";
+import { GuideLineModeItem$1 as eP } from "./GuideLinePlugin/GuideLineModeItem/index.js";
+import { default as nP, default as aP } from "./CruisePlugin/Work.js";
+import { default as fP } from "./CruisePlugin/Move.js";
+import { typing as xP } from "./CruisePlugin/typing/index.js";
+import { default as sP, pluginFlag as dP } from "./PanoTagPlugin/controller/index.js";
+import { defaultGlobalConfig as TP } from "./PanoTagPlugin/typings/tag/TagConfig.js";
+import { ContentType as LP, DimensionType as cP, PointType as RP } from "./PanoTagPlugin/Archive/deprecated.js";
+import { Object3DHelperController as EP, PLUGIN as IP } from "./Object3DHelperPlugin/Controller.js";
+import { typings as SP } from "./PanoVideoPlugin/typings/index.js";
+import { createPoint as AP } from "./Sculpt/Objects/Point/index.js";
 import { createLine as DP } from "./Sculpt/Objects/Line/index.js";
-import { createPolyline as bP } from "./Sculpt/Objects/Polyline/index.js";
-import { createPolygon as FP } from "./Sculpt/Objects/Polygon/index.js";
-import { createPrism as VP } from "./Sculpt/Objects/Prism/index.js";
-import { createRectangle as NP } from "./Sculpt/Objects/Rectangle/index.js";
-import { createCircle as kP } from "./Sculpt/Objects/Circle/index.js";
-import { createCylinder as HP } from "./Sculpt/Objects/Cylinder/index.js";
-import { createBox as jP } from "./Sculpt/Objects/Box/index.js";
+import { createPolyline as GP } from "./Sculpt/Objects/Polyline/index.js";
+import { createPolygon as YP } from "./Sculpt/Objects/Polygon/index.js";
+import { createPrism as BP } from "./Sculpt/Objects/Prism/index.js";
+import { createRectangle as hP } from "./Sculpt/Objects/Rectangle/index.js";
+import { createCircle as wP } from "./Sculpt/Objects/Circle/index.js";
+import { createCylinder as UP } from "./Sculpt/Objects/Cylinder/index.js";
+import { createBox as $P } from "./Sculpt/Objects/Box/index.js";
 import "./components/PaintBrush/Controller.js";
 import "./components/PaintBrush/utils.js";
 import "./components/PaintBrush/tween.js";
@@ -558,81 +558,82 @@ r();
 o();
 export {
   ya as AreaMakerPlugin,
-  Ba as CSS3DRender,
+  Na as CSS3DRender,
   sn as CSS3DRenderPlugin,
   Hn as CameraMovementEffect,
   kn as CameraMovementPlugin,
-  CP as ContentType,
+  LP as ContentType,
   sa as CruisePlugin,
-  lP as CruisePluginController,
-  uP as CruisePluginTypes,
+  nP as CruisePluginController,
+  xP as CruisePluginTypes,
   Oa as CurrentPanoImagePlugin,
   la as DIRECTION,
-  Ja as DISPLAY_STRATEGY_TYPE,
-  LP as DimensionType,
+  Ka as DISPLAY_STRATEGY_TYPE,
+  cP as DimensionType,
   Rn as FLOOR_PLAN_ATTACHED_TO,
-  bn as FLOOR_TYPE_MAP,
-  iP as GuideLineItem,
-  pP as GuideLineModeItem,
+  Fn as FLOOR_TYPE_MAP,
+  mP as GuideLineItem,
+  eP as GuideLineModeItem,
   xa as GuideLinePlugin,
-  Za as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
-  rP as ItemLabelPlugin,
-  qa as Magnifier,
+  oP as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
+  tP as ItemLabelPlugin,
+  za as Magnifier,
   yn as MapviewFloorplanPlugin,
   Zn as MeasurePlugin,
   Vn as ModelChassisCompassPlugin,
   Nn as ModelEntryDoorGuidePlugin,
   En as ModelFloorplanPlugin,
-  Qa as ModelItemLabelPlugin,
-  va as ModelMakerPlugin,
+  Xa as ModelItemLabelPlugin,
+  ba as ModelMakerPlugin,
   Cn as ModelRoomLabelPlugin,
   pa as ModelTVVideoPlugin,
   xn as ModelViewPlugin,
-  PP as MoveController,
+  fP as MoveController,
   da as MovePlugin,
-  _P as Object3DHelperController,
+  EP as Object3DHelperController,
   La as Object3DHelperPlugin,
-  EP as PLUGIN,
+  IP as PLUGIN,
   an as PaintBrush,
   fn as PaintBrushTypeEnum,
   Jn as PanoCompassPlugin,
   Mn as PanoCursorRaycasterPlugin,
   fa as PanoDoorLabelPlugin,
-  Dn as PanoFloorplanRadarPlugin,
+  vn as PanoFloorplanRadarPlugin,
   Qn as PanoMeasurePlugin,
-  Ua as PanoMeasurePluginLine,
-  ha as PanoMeasurePluginModel,
-  wa as PanoMeasurePluginPoint,
-  $a as PanoMeasurePluginPolyline,
+  ja as PanoMeasurePluginLine,
+  ka as PanoMeasurePluginModel,
+  Ha as PanoMeasurePluginPoint,
+  Wa as PanoMeasurePluginPolyline,
   $n as PanoRulerPlugin,
   qn as PanoRulerProPlugin,
   ra as PanoSpatialTagPlugin,
   Ta as PanoTagPlugin,
-  gP as PanoTagPluginController,
+  sP as PanoTagPluginController,
   Ra as PanoVideoPlugin,
-  yP as PanoVideoPluginType,
+  SP as PanoVideoPluginType,
   Ea as PipelinePlugin,
-  cP as PointType,
-  vn as ROOM_FETILE_TYPE_MAP,
-  Fn as ROOM_TYPE_MAP,
+  RP as PointType,
+  Gn as ROOM_FETILE_TYPE_MAP,
+  bn as ROOM_TYPE_MAP,
   Un as Rotation,
-  Da as Sculpt,
-  Ga as SculptPlugin,
+  va as Sculpt,
+  Da as SculptPlugin,
+  Fa as SculptPluginForFive,
   On as TopviewFloorplanPlugin,
-  Ya as Util,
-  nP as WalkController,
-  jP as createBox,
-  kP as createCircle,
-  HP as createCylinder,
+  Va as Util,
+  aP as WalkController,
+  $P as createBox,
+  wP as createCircle,
+  UP as createCylinder,
   DP as createLine,
-  OP as createPoint,
-  FP as createPolygon,
-  bP as createPolyline,
-  VP as createPrism,
-  NP as createRectangle,
-  MP as defaultGlobalConfig,
+  AP as createPoint,
+  YP as createPolygon,
+  GP as createPolyline,
+  BP as createPrism,
+  hP as createRectangle,
+  TP as defaultGlobalConfig,
   aa as itemLabelPluginServerParams,
   ia as modelItemLabelPluginServerParams,
   Ln as modelRoomLabelPluginServerParams,
-  sP as pluginFlag
+  dP as pluginFlag
 };

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.67.1",
+    "%c %c@realsee/dnalogel %cv3.67.3-alpha.1",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/libs/shared-utils/three/Magnifier.d.ts

@@ -57,6 +57,10 @@ export declare class Magnifier {
         y: number;
     }): void;
     resetOffset(): void;
+    /** 更新放大镜的缩放比例 */
+    updateScale(newScale: number): void;
+    /** 更新放大镜的尺寸 */
+    updateSize(newWidth: number, newHeight?: number): void;
     render(): void;
     protected getRenderCenter(): THREE.Vector3 | {
         x: number;

package/libs/shared-utils/three/Magnifier.js

@@ -1,48 +1,48 @@
-var b = Object.defineProperty;
-var C = (r, t, e) => t in r ? b(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var n = (r, t, e) => (C(r, typeof t != "symbol" ? t + "" : t, e), e);
+var D = Object.defineProperty;
+var C = (s, t, e) => t in s ? D(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var r = (s, t, e) => (C(s, typeof t != "symbol" ? t + "" : t, e), e);
 import { hammerExports as w } from "../../vendor/hammerjs/hammer.js";
-import * as y from "three";
-import { Subscribe as D } from "../Subscribe.js";
-class S {
+import * as p from "three";
+import { Subscribe as R } from "../Subscribe.js";
+class L {
   constructor(t, e) {
-    n(this, "width");
-    n(this, "height");
-    n(this, "containerDom");
-    n(this, "hooks", new D());
-    n(this, "canvas", document.createElement("canvas"));
-    n(this, "config");
-    n(this, "state", { enabled: !1 });
-    n(this, "five");
-    n(this, "scale");
-    n(this, "offset", { x: 0, y: 0 });
-    n(this, "context");
-    n(this, "renderCenter", new y.Vector3());
-    n(this, "hammer");
-    n(this, "offsetRange");
-    n(this, "isPanning", !1);
-    n(this, "imageData", new ImageData(1, 1));
-    n(this, "onPanstart", () => {
+    r(this, "width");
+    r(this, "height");
+    r(this, "containerDom");
+    r(this, "hooks", new R());
+    r(this, "canvas", document.createElement("canvas"));
+    r(this, "config");
+    r(this, "state", { enabled: !1 });
+    r(this, "five");
+    r(this, "scale");
+    r(this, "offset", { x: 0, y: 0 });
+    r(this, "context");
+    r(this, "renderCenter", new p.Vector3());
+    r(this, "hammer");
+    r(this, "offsetRange");
+    r(this, "isPanning", !1);
+    r(this, "imageData", new ImageData(1, 1));
+    r(this, "onPanstart", () => {
       this.isPanning = !0, this.canvas.style.boxShadow = "0 2px 30px 0 rgba(0,0,0,0.20)";
     });
-    n(this, "onPan", (t) => {
+    r(this, "onPan", (t) => {
       if (!this.isPanning || !this.offsetRange || this.hooks.emit("wantsPanGesture", t))
         return;
-      const { translateX: i, translateY: s } = this.getPanOffset(t, this.offsetRange);
-      this.canvas.style.transform = `translate3d(${i}px, ${s}px, 100px)`;
+      const { translateX: i, translateY: h } = this.getPanOffset(t, this.offsetRange);
+      this.canvas.style.transform = `translate3d(${i}px, ${h}px, 100px)`;
     });
-    n(this, "onPanend", (t) => {
+    r(this, "onPanend", (t) => {
       if (this.isPanning = !1, this.canvas.style.boxShadow = "none", !this.offsetRange)
         return;
       const { translateX: e, translateY: i } = this.getPanOffset(t, this.offsetRange);
       this.canvas.style.transform = `translate3d(${e}px, ${i}px, 100px)`, this.offset = { x: e, y: i };
     });
-    var s, h, o, a;
+    var h, n, l, o;
     if (!t.renderer) {
       console.error("Five Render 未初始化");
       return;
     }
-    this.five = t, this.scale = (s = e == null ? void 0 : e.scale) != null ? s : 2, this.width = (h = e == null ? void 0 : e.width) != null ? h : 190, this.height = (a = (o = e == null ? void 0 : e.height) != null ? o : e == null ? void 0 : e.width) != null ? a : 190, this.config = {
+    this.five = t, this.scale = (h = e == null ? void 0 : e.scale) != null ? h : 2, this.width = (n = e == null ? void 0 : e.width) != null ? n : 190, this.height = (o = (l = e == null ? void 0 : e.height) != null ? l : e == null ? void 0 : e.width) != null ? o : 190, this.config = {
       dragEnabled: (e == null ? void 0 : e.dragEnabled) || !1,
       autoFixPCPosition: (e == null ? void 0 : e.autoFixPCPosition) || !1,
       initialPosition: (e == null ? void 0 : e.initialPosition) || { left: "0", top: "0" }
@@ -85,54 +85,107 @@ class S {
   resetOffset() {
     this.offset = { x: 0, y: 0 }, this.canvas.style.transform = "translate3d(0px, 0px, 100px)";
   }
+  /** 更新放大镜的缩放比例 */
+  updateScale(t) {
+    t > 0 && (this.scale = t);
+  }
+  /** 更新放大镜的尺寸 */
+  updateSize(t, e) {
+    if (t > 0) {
+      this.width = t, this.height = e || t;
+      const i = 1;
+      this.canvas.setAttribute("width", (this.width * i).toString()), this.canvas.setAttribute("height", (this.height * i).toString()), this.canvas.style.width = this.width + "px", this.canvas.style.height = this.height + "px";
+      const h = Math.floor(this.width * i), n = Math.floor(this.height * i);
+      this.imageData = new ImageData(h, n), this.clear();
+    }
+  }
   render() {
     if (!this.five.renderer || !this.containerDom)
       return;
-    const { scale: t, context: e, width: i, height: s } = this, h = this.five.renderer.getSize(new y.Vector2()), [o, a] = (() => {
+    const { scale: t, context: e, width: i, height: h } = this, n = this.five.renderer.getSize(new p.Vector2()), [l, o] = (() => {
       if (this.renderCenter.isVector3) {
-        const c = this.renderCenter.clone().project(this.five.camera);
-        return [(c.x + 1) / 2 * h.x, (c.y + 1) / 2 * h.y];
+        const a = this.renderCenter.clone().project(this.five.camera);
+        return [(a.x + 1) / 2 * n.x, (a.y + 1) / 2 * n.y];
       } else
-        return [this.renderCenter.x, h.y - this.renderCenter.y];
-    })(), f = 1, l = i / t, x = s / t, P = f * t, v = /* @__PURE__ */ new Map();
-    this.five.scene.traverse((c) => {
-      c.disableGetPixel === !0 && (v.set(c, c.visible), c.visible = !1);
+        return [this.renderCenter.x, n.y - this.renderCenter.y];
+    })(), c = 1, m = i / t, d = h / t, x = c * t, v = /* @__PURE__ */ new Map();
+    this.five.scene.traverse((a) => {
+      a.disableGetPixel === !0 && (v.set(a, a.visible), a.visible = !1);
     });
-    const u = this.five.getPixels(o - l / 2, a - l / 2, l, x, P);
-    v.forEach((c, p) => {
-      p.visible = c;
-    });
-    const g = Math.floor(i * f), m = Math.floor(s * f);
-    R(u, g, m), (this.imageData.width !== g || this.imageData.height !== m) && (this.imageData = new ImageData(g, m)), this.imageData.data.set(u), e.putImageData(this.imageData, 0, 0), this.canvas.style.visibility = "visible";
+    try {
+      const a = this.five.getPixels(
+        l - m / 2,
+        o - m / 2,
+        m,
+        d,
+        x
+      );
+      v.forEach((y, b) => {
+        b.visible = y;
+      });
+      const f = Math.floor(i * c), g = Math.floor(h * c), P = f * g * 4;
+      if (!a || a.length !== P) {
+        console.warn("Magnifier: Invalid pixel data", {
+          pixelsLength: a == null ? void 0 : a.length,
+          expectedLength: P,
+          imageWidth: f,
+          imageHeight: g
+        });
+        return;
+      }
+      E(a, f, g), (this.imageData.width !== f || this.imageData.height !== g) && (this.imageData = new ImageData(f, g)), this.imageData.data.length !== a.length && (console.warn("Magnifier: ImageData size mismatch", {
+        imageDataLength: this.imageData.data.length,
+        pixelsLength: a.length,
+        imageWidth: f,
+        imageHeight: g
+      }), this.imageData = new ImageData(f, g));
+      try {
+        this.imageData.data.set(a);
+      } catch (y) {
+        console.error("Magnifier: Failed to set pixel data", {
+          error: y,
+          imageDataLength: this.imageData.data.length,
+          pixelsLength: a.length,
+          imageWidth: f,
+          imageHeight: g
+        });
+        return;
+      }
+      e.putImageData(this.imageData, 0, 0), this.canvas.style.visibility = "visible";
+    } catch (a) {
+      console.error("Magnifier render error:", a), v.forEach((f, g) => {
+        g.visible = f;
+      });
+    }
   }
   getRenderCenter() {
     return this.renderCenter;
   }
   _appendTo(t) {
     if (this.resetOffset(), t.appendChild(this.canvas), !this.offsetRange) {
-      const e = this.canvas.getBoundingClientRect(), i = t.getBoundingClientRect(), s = i.right - e.right, h = i.bottom - e.bottom, o = i.left - e.left, a = i.top - e.top;
+      const e = this.canvas.getBoundingClientRect(), i = t.getBoundingClientRect(), h = i.right - e.right, n = i.bottom - e.bottom, l = i.left - e.left, o = i.top - e.top;
       this.offsetRange = {
-        min: { x: o, y: a },
-        max: { x: s, y: h }
+        min: { x: l, y: o },
+        max: { x: h, y: n }
       };
     }
   }
   autoFixPCPosition() {
     if (!this.containerDom)
       return;
-    const { width: t, height: e } = this, { clientWidth: i, clientHeight: s } = this.containerDom, [h, o, a] = (() => {
+    const { width: t, height: e } = this, { clientWidth: i, clientHeight: h } = this.containerDom, [n, l, o] = (() => {
       if (this.renderCenter.isVector3) {
-        const f = this.renderCenter.clone().project(this.five.camera);
+        const c = this.renderCenter.clone().project(this.five.camera);
         return [
           //
-          (f.x + 1) / 2 * i,
-          -(f.x - 1) / 2 * i,
-          -(f.y - 1) / 2 * s
+          (c.x + 1) / 2 * i,
+          -(c.x - 1) / 2 * i,
+          -(c.y - 1) / 2 * h
         ];
       } else
         return [this.renderCenter.x, i - this.renderCenter.x, this.renderCenter.y];
     })();
-    h < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = "90px") : a < 183 ? (this.canvas.style.top = "90px", this.canvas.style.left = -t / 2 + "px") : o < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = -t - 90 + "px") : (this.canvas.style.left = -t / 2 + "px", this.canvas.style.top = -e - 90 + "px"), this.canvas.style.transform = `translate3d(${h}px, ${a}px, 10px)`, this.offset = { x: h, y: a };
+    n < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = "90px") : o < 183 ? (this.canvas.style.top = "90px", this.canvas.style.left = -t / 2 + "px") : l < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = -t - 90 + "px") : (this.canvas.style.left = -t / 2 + "px", this.canvas.style.top = -e - 90 + "px"), this.canvas.style.transform = `translate3d(${n}px, ${o}px, 10px)`, this.offset = { x: n, y: o };
   }
   initStyle() {
     const t = this.canvas;
@@ -142,26 +195,48 @@ class S {
   }
   getPanOffset(t, e) {
     const {
-      min: { x: i, y: s },
-      max: { x: h, y: o }
-    } = e, a = this.offset.x + t.deltaX, f = this.offset.y + t.deltaY, l = Math.min(Math.max(a, i), h), x = Math.min(Math.max(f, s), o);
-    return { translateX: l, translateY: x };
+      min: { x: i, y: h },
+      max: { x: n, y: l }
+    } = e, o = this.offset.x + t.deltaX, c = this.offset.y + t.deltaY, m = Math.min(Math.max(o, i), n), d = Math.min(Math.max(c, h), l);
+    return { translateX: m, translateY: d };
   }
 }
-function d(r, t, e) {
-  const i = r[t], s = r[e];
-  i === void 0 || s === void 0 || (r[t] = s, r[e] = i);
+function u(s, t, e) {
+  if (!s || t < 0 || e < 0 || t >= s.length || e >= s.length) {
+    console.warn("exchange: Index out of bounds", {
+      arrayLength: s == null ? void 0 : s.length,
+      index1: t,
+      index2: e
+    });
+    return;
+  }
+  const i = s[t], h = s[e];
+  s[t] = h, s[e] = i;
 }
-function R(r, t, e) {
-  const i = e / 2;
-  for (let s = 1; s <= i; s++) {
-    const h = e - (s - 1);
+function E(s, t, e) {
+  if (!s || t <= 0 || e <= 0) {
+    console.warn("flipPixelsY: Invalid parameters", { pixelsLength: s == null ? void 0 : s.length, width: t, height: e });
+    return;
+  }
+  const i = t * e * 4;
+  if (s.length < i) {
+    console.warn("flipPixelsY: Pixel array too small", {
+      actualLength: s.length,
+      expectedLength: i,
+      width: t,
+      height: e
+    });
+    return;
+  }
+  const h = e / 2;
+  for (let n = 1; n <= h; n++) {
+    const l = e - (n - 1);
     for (let o = 1; o <= t; o++) {
-      const a = (s - 1) * t + o - 1, f = (h - 1) * t + o - 1;
-      d(r, a * 4 + 0, f * 4 + 0), d(r, a * 4 + 1, f * 4 + 1), d(r, a * 4 + 2, f * 4 + 2), d(r, a * 4 + 3, f * 4 + 3);
+      const c = (n - 1) * t + o - 1, m = (l - 1) * t + o - 1, d = c * 4, x = m * 4;
+      d + 3 < s.length && x + 3 < s.length && (u(s, d + 0, x + 0), u(s, d + 1, x + 1), u(s, d + 2, x + 2), u(s, d + 3, x + 3));
     }
   }
 }
 export {
-  S as Magnifier
+  L as Magnifier
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.67.1",
+  "version": "3.67.3-alpha.1",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",
@@ -95,4 +95,4 @@
     "vite": "4.3.2",
     "vite-plugin-dts": "^2.3.0"
   }
-}
+}