@vectojs/core 1.6.2 → 1.7.1

package/dist/index.js

@@ -480,6 +480,18 @@ var Scene = (_class2 = class _Scene {
       this.a11yRoot.style.pointerEvents = "none";
       this.a11yRoot.style.overflow = "hidden";
       this.a11yRoot.style.zIndex = "10";
+      this.a11yRoot.style.userSelect = "text";
+      this.a11yRoot.addEventListener("mousedown", (e) => {
+        const target = e.target;
+        if (target !== this.a11yRoot && target.closest("[data-vecto-content]") && getComputedStyle(target.closest("[data-vecto-content]")).pointerEvents === "auto") {
+          this.a11yRoot.style.pointerEvents = "auto";
+        }
+      });
+      const endDrag = () => {
+        if (this.a11yRoot) this.a11yRoot.style.pointerEvents = "none";
+      };
+      this.a11yRoot.addEventListener("mouseup", endDrag);
+      this.a11yRoot.addEventListener("mouseleave", endDrag);
       if (canvas.parentElement) {
         canvas.parentElement.appendChild(this.a11yRoot);
       }
@@ -1077,8 +1089,9 @@ var Scene = (_class2 = class _Scene {
       s.margin = "0";
       s.padding = "0";
       s.color = "transparent";
+      s.forcedColorAdjust = "none";
+      s.setProperty("-webkit-text-fill-color", "transparent");
       s.whiteSpace = "pre-wrap";
-      s.overflow = "hidden";
       s.zIndex = "0";
       el.addEventListener(
         "wheel",
@@ -1106,24 +1119,26 @@ var Scene = (_class2 = class _Scene {
           const lineFont = _nullishCoalesce(_nullishCoalesce(line.font, () => ( projection.font)), () => ( ""));
           const lineHeight2 = _nullishCoalesce(_nullishCoalesce(line.lineHeight, () => ( projection.lineHeight)), () => ( 16));
           lineElement.style.position = "absolute";
+          lineElement.dir = "auto";
           lineElement.style.left = `${line.x}px`;
           lineElement.style.top = `${line.y + line.baseline - _chunkDFNK6OV6js.cssLineBoxBaseline.call(void 0, lineFont, lineHeight2)}px`;
           lineElement.style.whiteSpace = "pre";
           if (lineFont) lineElement.style.font = lineFont;
           lineElement.style.lineHeight = `${lineHeight2}px`;
+          const separator = _nullishCoalesce(line.separatorAfter, () => ( (index < lines.length - 1 ? "\n" : "")));
           if (line.runs && line.runs.length > 0) {
-            for (const run of line.runs) {
+            for (let runIndex = 0; runIndex < line.runs.length; runIndex++) {
+              const run = line.runs[runIndex];
               const runElement = document.createElement("span");
-              runElement.textContent = run.text;
+              runElement.textContent = run.text + (runIndex === line.runs.length - 1 ? separator : "");
               if (run.font) runElement.style.font = run.font;
               runElement.style.lineHeight = `${lineHeight2}px`;
               lineElement.appendChild(runElement);
             }
           } else {
-            lineElement.textContent = line.text;
+            lineElement.textContent = line.text + separator;
           }
           el.appendChild(lineElement);
-          if (index < lines.length - 1) el.appendChild(document.createTextNode("\n"));
         }
         el.dataset.vectoProjectionLines = signature;
       }

package/dist/index.mjs

@@ -480,6 +480,18 @@ var Scene = class _Scene {
       this.a11yRoot.style.pointerEvents = "none";
       this.a11yRoot.style.overflow = "hidden";
       this.a11yRoot.style.zIndex = "10";
+      this.a11yRoot.style.userSelect = "text";
+      this.a11yRoot.addEventListener("mousedown", (e) => {
+        const target = e.target;
+        if (target !== this.a11yRoot && target.closest("[data-vecto-content]") && getComputedStyle(target.closest("[data-vecto-content]")).pointerEvents === "auto") {
+          this.a11yRoot.style.pointerEvents = "auto";
+        }
+      });
+      const endDrag = () => {
+        if (this.a11yRoot) this.a11yRoot.style.pointerEvents = "none";
+      };
+      this.a11yRoot.addEventListener("mouseup", endDrag);
+      this.a11yRoot.addEventListener("mouseleave", endDrag);
       if (canvas.parentElement) {
         canvas.parentElement.appendChild(this.a11yRoot);
       }
@@ -1077,8 +1089,9 @@ var Scene = class _Scene {
       s.margin = "0";
       s.padding = "0";
       s.color = "transparent";
+      s.forcedColorAdjust = "none";
+      s.setProperty("-webkit-text-fill-color", "transparent");
       s.whiteSpace = "pre-wrap";
-      s.overflow = "hidden";
       s.zIndex = "0";
       el.addEventListener(
         "wheel",
@@ -1106,24 +1119,26 @@ var Scene = class _Scene {
           const lineFont = line.font ?? projection.font ?? "";
           const lineHeight2 = line.lineHeight ?? projection.lineHeight ?? 16;
           lineElement.style.position = "absolute";
+          lineElement.dir = "auto";
           lineElement.style.left = `${line.x}px`;
           lineElement.style.top = `${line.y + line.baseline - cssLineBoxBaseline(lineFont, lineHeight2)}px`;
           lineElement.style.whiteSpace = "pre";
           if (lineFont) lineElement.style.font = lineFont;
           lineElement.style.lineHeight = `${lineHeight2}px`;
+          const separator = line.separatorAfter ?? (index < lines.length - 1 ? "\n" : "");
           if (line.runs && line.runs.length > 0) {
-            for (const run of line.runs) {
+            for (let runIndex = 0; runIndex < line.runs.length; runIndex++) {
+              const run = line.runs[runIndex];
               const runElement = document.createElement("span");
-              runElement.textContent = run.text;
+              runElement.textContent = run.text + (runIndex === line.runs.length - 1 ? separator : "");
               if (run.font) runElement.style.font = run.font;
               runElement.style.lineHeight = `${lineHeight2}px`;
               lineElement.appendChild(runElement);
             }
           } else {
-            lineElement.textContent = line.text;
+            lineElement.textContent = line.text + separator;
           }
           el.appendChild(lineElement);
-          if (index < lines.length - 1) el.appendChild(document.createTextNode("\n"));
         }
         el.dataset.vectoProjectionLines = signature;
       }

package/dist/tree/Entity.d.ts

@@ -68,6 +68,13 @@ export interface ContentProjectionRun {
 export interface ContentProjectionLine {
     /** Text for browser find-in-page and native selection. */
     text: string;
+    /**
+     * Logical source content between this visual line and the next one. Use a
+     * space for a consumed soft-wrap separator, `"\n"` for a hard break, or an
+     * empty string for a space-less wrap. Omit to retain the legacy newline
+     * fallback between non-final lines.
+     */
+    separatorAfter?: string;
     /** Local origin of the visual line inside the entity. */
     x: number;
     y: number;
@@ -81,7 +88,7 @@ export interface ContentProjectionLine {
     runs?: ContentProjectionRun[];
 }
 export interface ContentProjection {
-    /** The plain text content as rendered (line breaks as `\n`). */
+    /** The logical source text exposed to find, selection, copy, and assistive technology. */
     text: string;
     /** CSS font shorthand matching the drawn glyphs, e.g. `'24px sans-serif'`. */
     font?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectojs/core",
-  "version": "1.6.2",
+  "version": "1.7.1",
   "publishConfig": {
     "access": "public"
   },