@vectojs/core 1.32.4 → 1.32.6

package/dist/index.js

@@ -5340,6 +5340,13 @@ var Scene = (_class7 = class _Scene {
     const fullLen = this.fullViewportElements.length;
     const normalLen = this.normalElements.length;
     const totalLen = fullLen + normalLen;
+    let selection = null;
+    let selAnchorNode = null;
+    let selFocusNode = null;
+    let selAnchorOffset = 0;
+    let selFocusOffset = 0;
+    let selectionSnapshotTaken = false;
+    let selectionMoved = false;
     this.a11yOrderCursors.clear();
     for (let i = 0; i < totalLen; i++) {
       const expected = i < fullLen ? this.fullViewportElements[i] : this.normalElements[i - fullLen];
@@ -5350,10 +5357,30 @@ var Scene = (_class7 = class _Scene {
       const current = parent.childNodes[at];
       if (current !== expected) {
         const refocus = document.activeElement === expected;
+        if (!selectionSnapshotTaken) {
+          selectionSnapshotTaken = true;
+          const live = typeof window !== "undefined" && typeof window.getSelection === "function" ? window.getSelection() : null;
+          if (_optionalChain([live, 'optionalAccess', _150 => _150.anchorNode]) && live.focusNode) {
+            selection = live;
+            selAnchorNode = live.anchorNode;
+            selFocusNode = live.focusNode;
+            selAnchorOffset = live.anchorOffset;
+            selFocusOffset = live.focusOffset;
+          }
+        }
+        if (!selectionMoved && (selAnchorNode !== null && expected.contains(selAnchorNode) || selFocusNode !== null && expected.contains(selFocusNode))) {
+          selectionMoved = true;
+        }
         parent.insertBefore(expected, current || null);
         if (refocus) expected.focus({ preventScroll: true });
       }
     }
+    if (selectionMoved && selection && selAnchorNode && selFocusNode) {
+      try {
+        selection.setBaseAndExtent(selAnchorNode, selAnchorOffset, selFocusNode, selFocusOffset);
+      } catch (e15) {
+      }
+    }
     this.a11yNeedsReorder = false;
   }
   /**
@@ -5454,12 +5481,12 @@ var Scene = (_class7 = class _Scene {
   syncOverlayGeometry() {
     const parent = this.canvas.parentElement;
     if (!parent) return;
-    const canvasRect = _optionalChain([this, 'access', _150 => _150.canvas, 'access', _151 => _151.getBoundingClientRect, 'optionalCall', _152 => _152()]);
-    const parentRect = _optionalChain([parent, 'access', _153 => _153.getBoundingClientRect, 'optionalCall', _154 => _154()]);
-    const cssWidth = _optionalChain([canvasRect, 'optionalAccess', _155 => _155.width]) || this.canvas.clientWidth || this.width;
-    const cssHeight = _optionalChain([canvasRect, 'optionalAccess', _156 => _156.height]) || this.canvas.clientHeight || this.height;
-    const left = (_nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _157 => _157.left]), () => ( 0))) - (_nullishCoalesce(_optionalChain([parentRect, 'optionalAccess', _158 => _158.left]), () => ( 0))) - (parent.clientLeft || 0) + parent.scrollLeft;
-    const top = (_nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _159 => _159.top]), () => ( 0))) - (_nullishCoalesce(_optionalChain([parentRect, 'optionalAccess', _160 => _160.top]), () => ( 0))) - (parent.clientTop || 0) + parent.scrollTop;
+    const canvasRect = _optionalChain([this, 'access', _151 => _151.canvas, 'access', _152 => _152.getBoundingClientRect, 'optionalCall', _153 => _153()]);
+    const parentRect = _optionalChain([parent, 'access', _154 => _154.getBoundingClientRect, 'optionalCall', _155 => _155()]);
+    const cssWidth = _optionalChain([canvasRect, 'optionalAccess', _156 => _156.width]) || this.canvas.clientWidth || this.width;
+    const cssHeight = _optionalChain([canvasRect, 'optionalAccess', _157 => _157.height]) || this.canvas.clientHeight || this.height;
+    const left = (_nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _158 => _158.left]), () => ( 0))) - (_nullishCoalesce(_optionalChain([parentRect, 'optionalAccess', _159 => _159.left]), () => ( 0))) - (parent.clientLeft || 0) + parent.scrollLeft;
+    const top = (_nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _160 => _160.top]), () => ( 0))) - (_nullishCoalesce(_optionalChain([parentRect, 'optionalAccess', _161 => _161.top]), () => ( 0))) - (parent.clientTop || 0) + parent.scrollTop;
     const scaleX = this.width > 0 ? cssWidth / this.width : 1;
     const scaleY = this.height > 0 ? cssHeight / this.height : 1;
     const prev = this._overlayGeometry;
@@ -5598,7 +5625,7 @@ var Scene = (_class7 = class _Scene {
    * (and {@link respectReducedMotion} is on). `0` means uncapped.
    */
   effectiveMaxFPS() {
-    const reduced = this.respectReducedMotion && !!_optionalChain([this, 'access', _161 => _161.reducedMotionQuery, 'optionalAccess', _162 => _162.matches]);
+    const reduced = this.respectReducedMotion && !!_optionalChain([this, 'access', _162 => _162.reducedMotionQuery, 'optionalAccess', _163 => _163.matches]);
     if (reduced)
       return this.maxFPS > 0 ? Math.min(this.maxFPS, REDUCED_MOTION_FPS) : REDUCED_MOTION_FPS;
     return this.maxFPS;
@@ -5693,7 +5720,7 @@ var Scene = (_class7 = class _Scene {
    * @param time - Current absolute time in milliseconds (default 0).
    */
   render(renderer, dt = 0, time = 0) {
-    if (_optionalChain([renderer, 'access', _163 => _163.isContextLost, 'optionalCall', _164 => _164()])) return;
+    if (_optionalChain([renderer, 'access', _164 => _164.isContextLost, 'optionalCall', _165 => _165()])) return;
     const isMainRenderer = renderer === this.renderer;
     if (isMainRenderer && this.a11yRoot && this.canvas.parentElement) {
       const parentStyle = this.canvas.parentElement.style;
@@ -5837,7 +5864,7 @@ var Scene = (_class7 = class _Scene {
     }
     renderer.clear();
     if (isMainRenderer) {
-      _optionalChain([this, 'access', _165 => _165.pointRenderer, 'optionalAccess', _166 => _166.begin, 'call', _167 => _167()]);
+      _optionalChain([this, 'access', _166 => _166.pointRenderer, 'optionalAccess', _167 => _167.begin, 'call', _168 => _168()]);
     }
     const vw = this.width;
     const vh = this.height;
@@ -6051,9 +6078,9 @@ var Scene = (_class7 = class _Scene {
     const flushT0 = this._phaseTiming ? performance.now() : 0;
     renderer.flush();
     if (isMainRenderer) {
-      _optionalChain([this, 'access', _168 => _168.pointRenderer, 'optionalAccess', _169 => _169.flush, 'call', _170 => _170()]);
+      _optionalChain([this, 'access', _169 => _169.pointRenderer, 'optionalAccess', _170 => _170.flush, 'call', _171 => _171()]);
     }
-    _optionalChain([renderer, 'access', _171 => _171.present, 'optionalCall', _172 => _172()]);
+    _optionalChain([renderer, 'access', _172 => _172.present, 'optionalCall', _173 => _173()]);
     if (this._phaseTiming) this._recordPhase("flush", performance.now() - flushT0);
     if (flushTiming) endVectoUserTiming(flushTiming);
     if (this._devActive) {
@@ -6148,7 +6175,7 @@ var Scene = (_class7 = class _Scene {
       });
       pass.end();
       this.device.queue.submit([encoder.finish()]);
-    } catch (e15) {
+    } catch (e16) {
     }
     this.gpuHasContent = false;
   }
@@ -6335,8 +6362,8 @@ function pointInBounds(b, x, y) {
 function contentGridLineSignature(grid, line, projected, lineHeight, baseline, font, isFirstLine) {
   const parts = [
     // Line box: position, size, and the font that resolves its baseline.
-    `${_nullishCoalesce(_optionalChain([projected, 'optionalAccess', _173 => _173.x]), () => ( 0))}`,
-    `${_nullishCoalesce(_optionalChain([projected, 'optionalAccess', _174 => _174.y]), () => ( ""))}`,
+    `${_nullishCoalesce(_optionalChain([projected, 'optionalAccess', _174 => _174.x]), () => ( 0))}`,
+    `${_nullishCoalesce(_optionalChain([projected, 'optionalAccess', _175 => _175.y]), () => ( ""))}`,
     `${lineHeight}`,
     `${baseline}`,
     font,
@@ -6529,7 +6556,7 @@ var GridTextEntity = (_class9 = class extends _chunkTRT2TRCWjs.Entity {
   updateGrid(ascii) {
     this.grid = ascii;
     this.rows = ascii.length;
-    this.cols = _optionalChain([ascii, 'access', _175 => _175[0], 'optionalAccess', _176 => _176.length]) || 0;
+    this.cols = _optionalChain([ascii, 'access', _176 => _176[0], 'optionalAccess', _177 => _177.length]) || 0;
   }
   isPointInside(_globalX, _globalY) {
     return false;
@@ -6639,7 +6666,7 @@ var SplineEntity = (_class10 = class extends _chunkTRT2TRCWjs.Entity {
     this.width = this.bounds.width;
     this.height = this.bounds.height;
     const isGradient = (c) => c !== null && !Array.isArray(c);
-    this.containsGradient = (_nullishCoalesce(_optionalChain([this, 'access', _177 => _177.doc, 'access', _178 => _178.equations, 'optionalAccess', _179 => _179.some, 'call', _180 => _180((eq) => isGradient(eq.color_rgb))]), () => ( false))) || (_nullishCoalesce(_optionalChain([this, 'access', _181 => _181.doc, 'access', _182 => _182.paths, 'optionalAccess', _183 => _183.some, 'call', _184 => _184((p) => isGradient(p.color_rgb))]), () => ( false)));
+    this.containsGradient = (_nullishCoalesce(_optionalChain([this, 'access', _178 => _178.doc, 'access', _179 => _179.equations, 'optionalAccess', _180 => _180.some, 'call', _181 => _181((eq) => isGradient(eq.color_rgb))]), () => ( false))) || (_nullishCoalesce(_optionalChain([this, 'access', _182 => _182.doc, 'access', _183 => _183.paths, 'optionalAccess', _184 => _184.some, 'call', _185 => _185((p) => isGradient(p.color_rgb))]), () => ( false)));
     this.interactive = true;
   }
   computeBounds() {

package/dist/index.mjs

@@ -5339,6 +5339,13 @@ var Scene = class _Scene {
     const fullLen = this.fullViewportElements.length;
     const normalLen = this.normalElements.length;
     const totalLen = fullLen + normalLen;
+    let selection = null;
+    let selAnchorNode = null;
+    let selFocusNode = null;
+    let selAnchorOffset = 0;
+    let selFocusOffset = 0;
+    let selectionSnapshotTaken = false;
+    let selectionMoved = false;
     this.a11yOrderCursors.clear();
     for (let i = 0; i < totalLen; i++) {
       const expected = i < fullLen ? this.fullViewportElements[i] : this.normalElements[i - fullLen];
@@ -5349,10 +5356,30 @@ var Scene = class _Scene {
       const current = parent.childNodes[at];
       if (current !== expected) {
         const refocus = document.activeElement === expected;
+        if (!selectionSnapshotTaken) {
+          selectionSnapshotTaken = true;
+          const live = typeof window !== "undefined" && typeof window.getSelection === "function" ? window.getSelection() : null;
+          if (live?.anchorNode && live.focusNode) {
+            selection = live;
+            selAnchorNode = live.anchorNode;
+            selFocusNode = live.focusNode;
+            selAnchorOffset = live.anchorOffset;
+            selFocusOffset = live.focusOffset;
+          }
+        }
+        if (!selectionMoved && (selAnchorNode !== null && expected.contains(selAnchorNode) || selFocusNode !== null && expected.contains(selFocusNode))) {
+          selectionMoved = true;
+        }
         parent.insertBefore(expected, current || null);
         if (refocus) expected.focus({ preventScroll: true });
       }
     }
+    if (selectionMoved && selection && selAnchorNode && selFocusNode) {
+      try {
+        selection.setBaseAndExtent(selAnchorNode, selAnchorOffset, selFocusNode, selFocusOffset);
+      } catch {
+      }
+    }
     this.a11yNeedsReorder = false;
   }
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectojs/core",
-  "version": "1.32.4",
+  "version": "1.32.6",
   "publishConfig": {
     "access": "public"
   },
@@ -65,7 +65,7 @@
   },
   "dependencies": {
     "@vectojs/animation": "^0.1.1",
-    "@vectojs/layout": "^0.8.0",
+    "@vectojs/layout": "^0.9.0",
     "@vectojs/math": "^0.1.1",
     "@vectojs/text": "^0.3.0"
   },