vis-core 0.25.5 → 0.25.6

package/dist/index.module.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode(".-translate-x-1\\/2,.-translate-y-1\\/2{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1 }.shadow{--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000 }.ring{--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000 }.invert,.filter{--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: }.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.text-center{text-align:center}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:16px}.leading-\\[1\\]{line-height:1}.text-\\[\\#809083\\]{--tw-text-opacity: 1;color:rgb(128 144 131 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-opacity-80{--tw-text-opacity: .8 }.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+(function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode(".-translate-x-1\\/2,.-translate-y-1\\/2,.transform{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1 }.shadow{--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000 }.ring{--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000 }.invert,.filter{--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: }.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.text-center{text-align:center}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:16px}.leading-\\[1\\]{line-height:1}.text-\\[\\#809083\\]{--tw-text-opacity: 1;color:rgb(128 144 131 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-opacity-80{--tw-text-opacity: .8 }.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 var H1 = Object.defineProperty, J1 = Object.defineProperties;
 var k1 = Object.getOwnPropertyDescriptors;
 var v1 = Object.getOwnPropertySymbols, K1 = Object.getPrototypeOf, w1 = Object.prototype.hasOwnProperty, z1 = Object.prototype.propertyIsEnumerable, U1 = Reflect.get;
@@ -90,7 +90,7 @@ const publicKeyPEM = "LS0tLS1CRUdJTiBQVUJMSUMgS0VZLS0tLS0KTUlJQklqQU5CZ2txaGtpRz
     ).toString(CryptoJS.enc.Utf8), De = JSON.parse(Je), bt = Date.now();
     return !De.s || De.s > bt ? (this.token = void 0, "") : De.e && De.e < bt ? (this.token = void 0, "") : (De.isValid = ye, De);
   }
-}, version = "0.25.5";
+}, version = "0.25.6";
 /**
  * @license
  * Copyright 2010-2025 Three.js Authors
@@ -56159,7 +56159,54 @@ const detect = () => {
       tier: 0
     };
   }
-}, IS_DEV = !1;
+};
+function observeTransformScale(d, t) {
+  let o = d, r = 1;
+  for (; o; ) {
+    const ne = window.getComputedStyle(o).transform;
+    if (ne && ne !== "none") {
+      const ye = new DOMMatrix(ne);
+      if (ye.a !== 1 || ye.d !== 1) {
+        r = Math.max(ye.a, ye.d);
+        break;
+      }
+    }
+    if (o === document.body) {
+      o = null;
+      break;
+    }
+    o = o.parentElement;
+  }
+  if (!o)
+    return () => {
+    };
+  const g = () => {
+    const ne = window.getComputedStyle(o).transform;
+    let ye = 1;
+    if (ne && ne !== "none") {
+      const fe = new DOMMatrix(ne);
+      ye = Math.max(fe.a, fe.d);
+    }
+    r !== ye && (r = ye, t(ye));
+  }, v = new MutationObserver((O) => {
+    for (const ne of O)
+      if (ne.type === "attributes" && (ne.attributeName === "style" || ne.attributeName === "class")) {
+        g();
+        return;
+      }
+  });
+  v.observe(o, {
+    attributes: !0,
+    attributeFilter: ["style", "class"]
+  });
+  const w = new ResizeObserver(() => {
+    g();
+  });
+  return w.observe(o), t(r), () => {
+    v.disconnect(), w == null || w.disconnect();
+  };
+}
+const IS_DEV = !1;
 class Base extends Camera {
   constructor(o) {
     var r;
@@ -56185,13 +56232,15 @@ class Base extends Camera {
     T0(this, "publicDir", {});
     T0(this, "_baseObjectByUuid");
     T0(this, "_objectByUuid");
+    T0(this, "stopObserveTransformScale", null);
     T0(this, "sceneActive", -1);
     T0(this, "initSettingsObj");
     T0(this, "mouseButtonsActiveStore", null);
     if (this.container = o.container, this.options = ii({
       assetsPrefix: "",
       editor: !0,
-      logarithmicDepthBuffer: !0
+      logarithmicDepthBuffer: !0,
+      observeParentScale: !0
     }, o), !this.options.assetsPrefix) {
       let g = "/";
       g === "/" && (g = ""), this.options.assetsPrefix = g;
@@ -56330,7 +56379,12 @@ class Base extends Camera {
             anisotropy: 1
           } : {})
         }), this.pencilConfig), this.options.pencilConfig));
-        this.pencil = bt, this.sceneActive = 1;
+        this.options.observeParentScale && (this.stopObserveTransformScale = observeTransformScale(
+          this.container,
+          (Yt) => {
+            bt.setDevicePixelRatio(window.devicePixelRatio * Yt);
+          }
+        )), this.pencil = bt, this.sceneActive = 1;
         const Ct = bt.composerController.ssaoPass;
         Ct && (Ct.enabled = !1);
         const Lt = new T({
@@ -56500,8 +56554,8 @@ class Base extends Camera {
     return { x: ne, y: ye };
   }
   dispose() {
-    var o, r, g, v;
-    super.dispose(), this.editor && (this.editor.viewport.vis = void 0, this.editor.dispose()), this.publicDir = {}, this.options.pencil ? ((o = this.mList) == null || o.dispose(), this.pencil.removePage(this.sceneActive)) : this.options.pencil2 || (r = this.pencil) == null || r.dispose(), (g = this.pmremGenerator) == null || g.dispose(), (v = this.re) == null || v.dispose();
+    var o, r, g, v, w;
+    super.dispose(), this.editor && (this.editor.viewport.vis = void 0, this.editor.dispose()), this.publicDir = {}, this.options.pencil ? ((o = this.mList) == null || o.dispose(), this.pencil.removePage(this.sceneActive)) : this.options.pencil2 || (r = this.pencil) == null || r.dispose(), (g = this.pmremGenerator) == null || g.dispose(), (v = this.re) == null || v.dispose(), (w = this.stopObserveTransformScale) == null || w.call(this);
   }
 }
 T0(Base, "VisName", "base");

package/dist/utils/observeTransformScale.d.ts

@@ -0,0 +1 @@
+export declare function observeTransformScale(element: HTMLElement, callback: (scale: number) => void): () => void;

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.25.5";
+declare const _default: "0.25.6";
 export default _default;

package/dist/vis/base/index.d.ts

@@ -21,6 +21,7 @@ export interface BaseOptions {
     logarithmicDepthBuffer?: boolean;
     workerOnce?: boolean;
     tier?: number;
+    observeParentScale?: boolean;
     [key: string]: any;
 }
 export default class Base extends Camera {
@@ -91,6 +92,7 @@ export default class Base extends Camera {
     initMaterial(...args: any): Promise<void>;
     initVis(...args: any): Promise<void>;
     init(...args: any[]): Promise<void>;
+    private stopObserveTransformScale;
     initPencil(): Promise<void>;
     private sceneActive;
     setSceneActive(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vis-core",
-  "version": "0.25.5",
+  "version": "0.25.6",
   "scripts": {
     "start": "npm run version && PORT=5173 bundler-dev",
     "build:site": "npm run version && bundler",