@vectojs/core 1.7.1 → 1.9.0

package/dist/{chunk-ZBKKRYDH.js → chunk-BA5HUUDF.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2;
 
 
-var _chunkCTZQOM5Zjs = require('./chunk-CTZQOM5Z.js');
+var _chunk4AR425ARjs = require('./chunk-4AR425AR.js');
 
 // src/layout/LayoutEngine.ts
 function computeLineSegments(top, bottom, maxWidth, exclusions) {
@@ -171,8 +171,8 @@ var LayoutEngine = (_class = class {
         offset += paragraph.length + 1;
         continue;
       }
-      const { shapedText, indexMap } = _chunkCTZQOM5Zjs.ArabicShaper.shapeArabic(paragraph);
-      const levels = _chunkCTZQOM5Zjs.BidiResolver.resolveLevels(shapedText);
+      const { shapedText, indexMap } = _chunk4AR425ARjs.ArabicShaper.shapeArabic(paragraph);
+      const levels = _chunk4AR425ARjs.BidiResolver.resolveLevels(shapedText);
       const words = [];
       let shapedCharIdx = 0;
       let pFallback = false;
@@ -234,7 +234,7 @@ var LayoutEngine = (_class = class {
         words,
         isEmpty: false,
         fallbackToCanvas: pFallback || void 0,
-        baseLevel: _chunkCTZQOM5Zjs.BidiResolver.getBaseLevel(shapedText)
+        baseLevel: _chunk4AR425ARjs.BidiResolver.getBaseLevel(shapedText)
       };
       if (this.paragraphCache.size > 1e3) this.paragraphCache.clear();
       this.paragraphCache.set(key, prepared);
@@ -311,8 +311,8 @@ var LayoutEngine = (_class = class {
         offset += paragraph.length + 1;
         continue;
       }
-      const { shapedText, indexMap } = _chunkCTZQOM5Zjs.ArabicShaper.shapeArabic(paragraph);
-      const levels = _chunkCTZQOM5Zjs.BidiResolver.resolveLevels(shapedText);
+      const { shapedText, indexMap } = _chunk4AR425ARjs.ArabicShaper.shapeArabic(paragraph);
+      const levels = _chunk4AR425ARjs.BidiResolver.resolveLevels(shapedText);
       const words = [];
       let shapedCharIdx = 0;
       let pFallback = false;
@@ -377,7 +377,7 @@ var LayoutEngine = (_class = class {
         words,
         isEmpty: false,
         fallbackToCanvas: pFallback || void 0,
-        baseLevel: _chunkCTZQOM5Zjs.BidiResolver.getBaseLevel(shapedText)
+        baseLevel: _chunk4AR425ARjs.BidiResolver.getBaseLevel(shapedText)
       };
       if (this.richParagraphCache.size > 1e3) this.richParagraphCache.clear();
       this.richParagraphCache.set(key, prepared);
@@ -432,7 +432,7 @@ var LayoutEngine = (_class = class {
       }
       for (const run of runs) {
         const runStartX = run[0].x;
-        _chunkCTZQOM5Zjs.BidiResolver.reorderVisual(run, paragraphBaseLevel);
+        _chunk4AR425ARjs.BidiResolver.reorderVisual(run, paragraphBaseLevel);
         let x = runStartX;
         for (const node of run) {
           node.x = x;

package/dist/{chunk-DFNK6OV6.js → chunk-GKLTTGBR.js}

@@ -1,6 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7;
 
-var _chunkCTZQOM5Zjs = require('./chunk-CTZQOM5Z.js');
+
+
+var _chunk4AR425ARjs = require('./chunk-4AR425AR.js');
 
 // src/math/SpringPhysics.ts
 var MAX_FRAME_DT = 0.25;
@@ -370,10 +372,18 @@ var Entity = (_class4 = class {
    * `child.parent` is only ever `null` or `this`'s ultimate owner, so this
    * check is O(1) for the overwhelming common case (a brand-new entity).
    *
-   * @param child - The entity to add as a child.
+   * Accepts multiple children in one call (`parent.add(a, b, c)`); each is
+   * attached in argument order with the same detach-then-attach semantics.
+   *
+   * @param children - One or more entities to add as children.
    * @returns `this` for method chaining.
    */
-  add(child) {
+  add(...children) {
+    for (const child of children) this._addOne(child);
+    return this;
+  }
+  /** Attach a single child (the O(1) common path). See {@link add}. */
+  _addOne(child) {
     if (child.parent) child.parent.remove(child);
     child.parent = this;
     this.children.push(child);
@@ -383,7 +393,6 @@ var Entity = (_class4 = class {
       s.markDirty();
       child._notifyMounted();
     }
-    return this;
   }
   /** Called once when this entity becomes attached to a live Scene. Override to react. */
   onMounted() {
@@ -415,6 +424,24 @@ var Entity = (_class4 = class {
     }
     return this;
   }
+  /**
+   * Assign several own properties in one call, each through its normal setter
+   * (so a property with a configured {@link setTransition} still animates, and
+   * `interactive` still flags the scene for a11y reorder). A construction-time
+   * ergonomic only — it is a plain `for…in` over the given object and touches
+   * no per-frame path.
+   *
+   * @param props - Partial set of this entity's own properties to assign.
+   * @returns `this` for method chaining.
+   * @example rect.set({ x: 40, y: 40, width: 120, fill: '#38bdf8' });
+   */
+  set(props) {
+    for (const key in props) {
+      const value = props[key];
+      if (value !== void 0) this[key] = value;
+    }
+    return this;
+  }
   /**
    * Set the local position of this entity.
    *
@@ -1102,7 +1129,7 @@ var MSDFTextEntity = (_class6 = class extends Entity {
     this.queueLayout();
   }
   queueLayout() {
-    _chunkCTZQOM5Zjs.LayoutWorkerManager.getInstance().queueLayout(this.id, this.text, {
+    _chunk4AR425ARjs.LayoutWorkerManager.getInstance().queueLayout(this.id, this.text, {
       fontId: this.font.id,
       fontSize: this.fontSize,
       maxWidth: this.maxWidth,
@@ -1219,7 +1246,7 @@ var MSDFTextEntity = (_class6 = class extends Entity {
     }
   }
   destroy() {
-    _chunkCTZQOM5Zjs.LayoutWorkerManager.getInstance().cancelLayout(this.id);
+    _chunk4AR425ARjs.LayoutWorkerManager.getInstance().cancelLayout(this.id);
     super.destroy();
   }
 }, _class6);
@@ -1459,6 +1486,206 @@ var SVGEntity = (_class7 = class extends Entity {
   }
 }, _class7);
 
+// src/text/PreparedContentGrid.ts
+var nextRevision = 1;
+var graphemeSegmenter = typeof Intl !== "undefined" && "Segmenter" in Intl ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null;
+var MARK = /\p{Mark}/u;
+var EXTENDED_PICTOGRAPHIC = /\p{Extended_Pictographic}/u;
+var REGIONAL_INDICATOR = /\p{Regional_Indicator}/u;
+var BIDI_CONTROL = /\p{Bidi_Control}/u;
+var EAST_ASIAN_WIDE = /[ᄀ-ᅟ⌚-⌛⏩-⏬⏰⏳◽-◾⺀-〾ぁ-㏿㐀-䶿一-鿿ꀀ-꓏가-힣豈-﫿︰-﹏＀-｠￠-￦]/u;
+function codePointAt(text, index) {
+  const point = text.codePointAt(index);
+  if (point === void 0) return { value: "", next: index };
+  const value = String.fromCodePoint(point);
+  return { value, next: index + value.length };
+}
+function fallbackGraphemes(text) {
+  const parts = [];
+  let index = 0;
+  while (index < text.length) {
+    const start = index;
+    let current = codePointAt(text, index);
+    let segment = current.value;
+    index = current.next;
+    let regionalCount = REGIONAL_INDICATOR.test(segment) ? 1 : 0;
+    while (index < text.length) {
+      current = codePointAt(text, index);
+      const point = _nullishCoalesce(current.value.codePointAt(0), () => ( 0));
+      const isVariation = point >= 65024 && point <= 65039;
+      const isEmojiModifier = point >= 127995 && point <= 127999;
+      const isKeycap = point === 8419;
+      if (MARK.test(current.value) || isVariation || isEmojiModifier || isKeycap) {
+        segment += current.value;
+        index = current.next;
+        continue;
+      }
+      if (REGIONAL_INDICATOR.test(current.value) && regionalCount === 1) {
+        segment += current.value;
+        index = current.next;
+        regionalCount++;
+        continue;
+      }
+      if (point === 8205) {
+        segment += current.value;
+        index = current.next;
+        if (index < text.length) {
+          current = codePointAt(text, index);
+          segment += current.value;
+          index = current.next;
+        }
+        continue;
+      }
+      break;
+    }
+    parts.push({ segment, index: start });
+  }
+  return parts;
+}
+function graphemes(text) {
+  if (!graphemeSegmenter) return fallbackGraphemes(text);
+  return Array.from(graphemeSegmenter.segment(text), (part) => ({
+    segment: part.segment,
+    index: part.index
+  }));
+}
+function lowerBound(values, target) {
+  let low = 0;
+  let high = values.length;
+  while (low < high) {
+    const middle = low + high >>> 1;
+    if (values[middle] < target) low = middle + 1;
+    else high = middle;
+  }
+  return low;
+}
+function isWideCluster(cluster) {
+  if (EXTENDED_PICTOGRAPHIC.test(cluster) || REGIONAL_INDICATOR.test(cluster)) return true;
+  if (cluster.includes("\u20E3")) return true;
+  if (EAST_ASIAN_WIDE.test(cluster)) return true;
+  const point = _nullishCoalesce(cluster.codePointAt(0), () => ( 0));
+  return point >= 131072 && point <= 262141;
+}
+function sourceLines(source) {
+  const lines = [];
+  let start = 0;
+  while (true) {
+    let end = start;
+    while (end < source.length && source[end] !== "\r" && source[end] !== "\n") end++;
+    if (end === source.length) {
+      lines.push({
+        sourceStart: start,
+        sourceEnd: end,
+        nextSourceStart: end,
+        text: source.slice(start)
+      });
+      break;
+    }
+    const next = source[end] === "\r" && source[end + 1] === "\n" ? end + 2 : end + 1;
+    lines.push({
+      sourceStart: start,
+      sourceEnd: end,
+      nextSourceStart: next,
+      text: source.slice(start, end)
+    });
+    start = next;
+    if (start === source.length) {
+      lines.push({ sourceStart: start, sourceEnd: start, nextSourceStart: start, text: "" });
+      break;
+    }
+  }
+  return lines;
+}
+function assertPositiveFinite(value, name) {
+  if (!Number.isFinite(value) || value <= 0) {
+    throw new RangeError(`${name} must be a positive finite number`);
+  }
+}
+function prepareContentGrid(source, options) {
+  assertPositiveFinite(options.cellWidth, "cellWidth");
+  assertPositiveFinite(options.lineHeight, "lineHeight");
+  if (!Number.isFinite(options.baseline)) throw new RangeError("baseline must be finite");
+  const tabSize = _nullishCoalesce(options.tabSize, () => ( 4));
+  if (!Number.isInteger(tabSize) || tabSize <= 0) {
+    throw new RangeError("tabSize must be a positive integer");
+  }
+  const rawLines = sourceLines(source);
+  const lines = [];
+  for (let lineIndex = 0; lineIndex < rawLines.length; lineIndex++) {
+    const sourceLine = rawLines[lineIndex];
+    const rawLine = sourceLine.text;
+    const { sourceStart: lineStart, sourceEnd, nextSourceStart } = sourceLine;
+    const rawCaretBoundaries = [
+      0,
+      ...graphemes(rawLine).map((grapheme) => grapheme.index + grapheme.segment.length)
+    ];
+    const shaped = _chunk4AR425ARjs.ArabicShaper.shapeArabic(rawLine);
+    const shapedParts = graphemes(shaped.shapedText);
+    const levels = _chunk4AR425ARjs.BidiResolver.resolveLevels(shaped.shapedText);
+    const cells = [];
+    let column = 0;
+    for (let index = 0; index < shapedParts.length; index++) {
+      const part = shapedParts[index];
+      const sourceOffset = _nullishCoalesce(shaped.indexMap[part.index], () => ( part.index));
+      const nextPart = shapedParts[index + 1];
+      const sourceOffsetEnd = nextPart ? _nullishCoalesce(shaped.indexMap[nextPart.index], () => ( nextPart.index)) : rawLine.length;
+      const raw = rawLine.slice(sourceOffset, sourceOffsetEnd);
+      const sourceCaretOffsets = [0];
+      for (let caretIndex = lowerBound(rawCaretBoundaries, sourceOffset + 1); caretIndex < rawCaretBoundaries.length && rawCaretBoundaries[caretIndex] < sourceOffsetEnd; caretIndex++) {
+        sourceCaretOffsets.push(rawCaretBoundaries[caretIndex] - sourceOffset);
+      }
+      if (sourceCaretOffsets.at(-1) !== sourceOffsetEnd - sourceOffset) {
+        sourceCaretOffsets.push(sourceOffsetEnd - sourceOffset);
+      }
+      let columns;
+      if (BIDI_CONTROL.test(raw)) columns = 0;
+      else if (raw === "	") columns = tabSize - column % tabSize;
+      else columns = isWideCluster(raw) ? 2 : 1;
+      const advance = columns * options.cellWidth;
+      cells.push({
+        sourceStart: lineStart + sourceOffset,
+        sourceEnd: lineStart + sourceOffsetEnd,
+        sourceCaretOffsets: Object.freeze(sourceCaretOffsets),
+        glyph: part.segment,
+        x: 0,
+        advance,
+        level: _nullishCoalesce(levels[part.index], () => ( 0)),
+        char: part.segment
+      });
+      column += columns;
+    }
+    const visualCells = [...cells];
+    _chunk4AR425ARjs.BidiResolver.reorderVisual(visualCells, _chunk4AR425ARjs.BidiResolver.getBaseLevel(shaped.shapedText));
+    let visualX = 0;
+    for (const cell of visualCells) {
+      cell.x = visualX;
+      visualX += cell.advance;
+    }
+    const frozenCells = cells.map(({ char: _char, ...cell }) => Object.freeze(cell));
+    lines.push(
+      Object.freeze({
+        sourceStart: lineStart,
+        sourceEnd,
+        nextSourceStart,
+        width: visualX,
+        cells: Object.freeze(frozenCells)
+      })
+    );
+  }
+  return Object.freeze({
+    kind: "content-grid",
+    revision: nextRevision++,
+    source,
+    font: options.font,
+    cellWidth: options.cellWidth,
+    lineHeight: options.lineHeight,
+    baseline: options.baseline,
+    tabSize,
+    lines: Object.freeze(lines)
+  });
+}
+
+
 
 
 
@@ -1472,4 +1699,4 @@ var SVGEntity = (_class7 = class extends Entity {
 
 
 
-exports.SpringPhysics = SpringPhysics; exports.Easing = Easing; exports.isTweenConfig = isTweenConfig; exports.TweenDriver = TweenDriver; exports.SpringDriver = SpringDriver; exports.VectoJSEvent = VectoJSEvent; exports.Entity = Entity; exports.cssLineBoxBaseline = cssLineBoxBaseline; exports.clearCssLineBoxMetrics = clearCssLineBoxMetrics; exports.MSDFFont = MSDFFont; exports.MSDFTextEntity = MSDFTextEntity; exports.SVGEntity = SVGEntity;
+exports.SpringPhysics = SpringPhysics; exports.Easing = Easing; exports.isTweenConfig = isTweenConfig; exports.TweenDriver = TweenDriver; exports.SpringDriver = SpringDriver; exports.VectoJSEvent = VectoJSEvent; exports.Entity = Entity; exports.cssLineBoxBaseline = cssLineBoxBaseline; exports.clearCssLineBoxMetrics = clearCssLineBoxMetrics; exports.MSDFFont = MSDFFont; exports.MSDFTextEntity = MSDFTextEntity; exports.SVGEntity = SVGEntity; exports.prepareContentGrid = prepareContentGrid;