js-draw 1.21.2 → 1.22.0

package/dist/cjs/rendering/RenderablePathSpec.js

@@ -42,15 +42,18 @@ const pathIncluded = (renderablePath, path) => {
  *
  * @internal
  */
-const simplifyPathToFullScreenOrEmpty = (renderablePath, visibleRect, options = { fastCheck: true, expensiveCheck: true }) => {
+const simplifyPathToFullScreenOrEmpty = (renderablePath, visibleRect, options = {
+    fastCheck: true,
+    expensiveCheck: true,
+}) => {
     const path = (0, exports.pathFromRenderable)(renderablePath);
     const strokeWidth = renderablePath.style.stroke?.width ?? 0;
     const onlyStroked = strokeWidth > 0 && renderablePath.style.fill.a === 0;
     const styledPathBBox = path.bbox.grownBy(strokeWidth);
     // Are we close enough to the path that it fills the entire screen?
-    const isOnlyStrokedAndCouldFillScreen = (onlyStroked
-        && strokeWidth > visibleRect.maxDimension
-        && styledPathBBox.containsRect(visibleRect));
+    const isOnlyStrokedAndCouldFillScreen = onlyStroked &&
+        strokeWidth > visibleRect.maxDimension &&
+        styledPathBBox.containsRect(visibleRect);
     if (options.fastCheck && isOnlyStrokedAndCouldFillScreen && renderablePath.style.stroke) {
         const strokeRadius = strokeWidth / 2;
         // Are we completely within the stroke?
@@ -60,7 +63,9 @@ const simplifyPathToFullScreenOrEmpty = (renderablePath, visibleRect, options =
             if (visibleRect.isWithinRadiusOf(strokeRadius, point)) {
                 return {
                     rectangle: visibleRect,
-                    path: (0, exports.pathToRenderable)(math_1.Path.fromRect(visibleRect), { fill: renderablePath.style.stroke.color }),
+                    path: (0, exports.pathToRenderable)(math_1.Path.fromRect(visibleRect), {
+                        fill: renderablePath.style.stroke.color,
+                    }),
                     fullScreen: true,
                 };
             }
@@ -68,13 +73,16 @@ const simplifyPathToFullScreenOrEmpty = (renderablePath, visibleRect, options =
     }
     // Try filtering again, but with slightly more expensive checks
     if (options.expensiveCheck &&
-        isOnlyStrokedAndCouldFillScreen && renderablePath.style.stroke
-        && strokeWidth > visibleRect.maxDimension * 3) {
+        isOnlyStrokedAndCouldFillScreen &&
+        renderablePath.style.stroke &&
+        strokeWidth > visibleRect.maxDimension * 3) {
         const signedDist = path.signedDistance(visibleRect.center, strokeWidth / 2);
         const margin = strokeWidth / 6;
         if (signedDist < -visibleRect.maxDimension / 2 - margin) {
             return {
-                path: (0, exports.pathToRenderable)(math_1.Path.fromRect(visibleRect), { fill: renderablePath.style.stroke.color }),
+                path: (0, exports.pathToRenderable)(math_1.Path.fromRect(visibleRect), {
+                    fill: renderablePath.style.stroke.color,
+                }),
                 rectangle: visibleRect,
                 fullScreen: true,
             };
@@ -98,12 +106,16 @@ const visualEquivalent = (renderablePath, visibleRect) => {
     const strokeWidth = renderablePath.style.stroke?.width ?? 0;
     const onlyStroked = strokeWidth > 0 && renderablePath.style.fill.a === 0;
     const styledPathBBox = path.bbox.grownBy(strokeWidth);
-    let rectangleSimplification = (0, exports.simplifyPathToFullScreenOrEmpty)(renderablePath, visibleRect, { fastCheck: true, expensiveCheck: false, });
+    let rectangleSimplification = (0, exports.simplifyPathToFullScreenOrEmpty)(renderablePath, visibleRect, {
+        fastCheck: true,
+        expensiveCheck: false,
+    });
     if (rectangleSimplification) {
         return rectangleSimplification.path;
     }
     // Scale the expanded rect --- the visual equivalent is only close for huge strokes.
-    const expandedRect = visibleRect.grownBy(strokeWidth)
+    const expandedRect = visibleRect
+        .grownBy(strokeWidth)
         .transformedBoundingBox(math_1.Mat33.scaling2D(4, visibleRect.center));
     // TODO: Handle simplifying very small paths.
     if (expandedRect.containsRect(styledPathBBox)) {
@@ -144,7 +156,10 @@ const visualEquivalent = (renderablePath, visibleRect) => {
     }
     const newPath = new math_1.Path(path.startPoint, parts);
     const newStyle = renderablePath.style;
-    rectangleSimplification = (0, exports.simplifyPathToFullScreenOrEmpty)(renderablePath, visibleRect, { fastCheck: false, expensiveCheck: true, });
+    rectangleSimplification = (0, exports.simplifyPathToFullScreenOrEmpty)(renderablePath, visibleRect, {
+        fastCheck: false,
+        expensiveCheck: true,
+    });
     if (rectangleSimplification) {
         return rectangleSimplification.path;
     }

package/dist/cjs/rendering/RenderingStyle.js

@@ -5,17 +5,20 @@ const math_1 = require("@js-draw/math");
 const cloneStyle = (style) => {
     return {
         fill: style.fill,
-        stroke: style.stroke ? {
-            ...style.stroke
-        } : undefined,
+        stroke: style.stroke
+            ? {
+                ...style.stroke,
+            }
+            : undefined,
     };
 };
 exports.cloneStyle = cloneStyle;
 const stylesEqual = (a, b) => {
-    const result = a === b || (a.fill.eq(b.fill)
-        && (a.stroke == undefined) === (b.stroke == undefined)
-        && (a.stroke?.color?.eq(b.stroke?.color) ?? true)
-        && a.stroke?.width === b.stroke?.width);
+    const result = a === b ||
+        (a.fill.eq(b.fill) &&
+            (a.stroke == undefined) === (b.stroke == undefined) &&
+            (a.stroke?.color?.eq(b.stroke?.color) ?? true) &&
+            a.stroke?.width === b.stroke?.width);
     // Map undefined/null -> false
     return result ?? false;
 };
@@ -23,10 +26,12 @@ exports.stylesEqual = stylesEqual;
 // Returns an object that can be converted to a JSON string with
 // JSON.stringify.
 const styleToJSON = (style) => {
-    const stroke = !style.stroke ? undefined : {
-        color: style.stroke.color.toHexString(),
-        width: style.stroke.width,
-    };
+    const stroke = !style.stroke
+        ? undefined
+        : {
+            color: style.stroke.color.toHexString(),
+            width: style.stroke.width,
+        };
     return {
         fill: style.fill.toHexString(),
         stroke,
@@ -34,10 +39,12 @@ const styleToJSON = (style) => {
 };
 exports.styleToJSON = styleToJSON;
 const styleFromJSON = (json) => {
-    const stroke = json.stroke ? {
-        color: math_1.Color4.fromHex(json.stroke.color),
-        width: json.stroke.width,
-    } : undefined;
+    const stroke = json.stroke
+        ? {
+            color: math_1.Color4.fromHex(json.stroke.color),
+            width: json.stroke.width,
+        }
+        : undefined;
     return {
         fill: math_1.Color4.fromHex(json.fill),
         stroke,

package/dist/cjs/rendering/TextRenderingStyle.js

@@ -14,7 +14,7 @@ const textStyleFromJSON = (json) => {
     if (typeof json === 'string') {
         json = JSON.parse(json);
     }
-    if (typeof (json.fontFamily) !== 'string') {
+    if (typeof json.fontFamily !== 'string') {
         throw new Error('Serialized textStyle missing string fontFamily attribute!');
     }
     const style = {

package/dist/cjs/rendering/caching/CacheRecord.js

@@ -17,7 +17,7 @@ class CacheRecord {
     startRender() {
         this.lastUsedCycle = this.cacheState.currentRenderingCycle;
         if (!this.allocd) {
-            throw new Error('Only alloc\'d canvases can be rendered to');
+            throw new Error("Only alloc'd canvases can be rendered to");
         }
         return this.renderer;
     }

package/dist/cjs/rendering/caching/CacheRecordManager.js

@@ -34,7 +34,7 @@ class CacheRecordManager {
             lru.realloc(onDealloc);
             lru.setRenderingRegion(drawTo);
             if (this.cacheState.debugMode) {
-                console.log('[Cache] Now re-alloc\'d. Last used cycle: ', lru.getLastUsedCycle());
+                console.log("[Cache] Now re-alloc'd. Last used cycle: ", lru.getLastUsedCycle());
                 console.assert(lru['cacheState'] === this.cacheState, '[Cache] Unequal cache states! cacheState should be a shared object!');
             }
             return lru;

package/dist/cjs/rendering/caching/RenderingCache.js

@@ -35,7 +35,7 @@ class RenderingCache {
             this.rootNode = this.rootNode.generateParent();
         }
         this.rootNode = this.rootNode.smallestChildContaining(visibleRect) ?? this.rootNode;
-        const visibleLeaves = image.getLeavesIntersectingRegion(viewport.visibleRect, rect => screenRenderer.isTooSmallToRender(rect));
+        const visibleLeaves = image.getLeavesIntersectingRegion(viewport.visibleRect, (rect) => screenRenderer.isTooSmallToRender(rect));
         let approxVisibleRenderTime = 0;
         for (const leaf of visibleLeaves) {
             approxVisibleRenderTime += leaf.getContent().getProportionalRenderingTime();

package/dist/cjs/rendering/caching/RenderingCacheNode.js

@@ -32,7 +32,7 @@ class RenderingCacheNode {
         const middleChildIdx = (parent.instantiatedChildren.length - 1) / 2;
         if (!parent.instantiatedChildren[middleChildIdx].region.eq(this.region, checkTolerance)) {
             console.error(parent.instantiatedChildren[middleChildIdx].region, '≠', this.region);
-            throw new Error('Logic error: [this] is not contained within its parent\'s center child');
+            throw new Error("Logic error: [this] is not contained within its parent's center child");
         }
         // Replace the middle child
         parent.instantiatedChildren[middleChildIdx] = this;
@@ -42,7 +42,8 @@ class RenderingCacheNode {
     // Generates children, if missing.
     generateChildren() {
         if (this.instantiatedChildren.length === 0) {
-            if (this.region.size.x / cacheDivisionSize === 0 || this.region.size.y / cacheDivisionSize === 0) {
+            if (this.region.size.x / cacheDivisionSize === 0 ||
+                this.region.size.y / cacheDivisionSize === 0) {
                 console.warn('Cache element has zero size! Not generating children.');
                 return;
             }
@@ -137,8 +138,7 @@ class RenderingCacheNode {
     }
     // Render all [items] within [viewport]
     renderItems(screenRenderer, items, viewport) {
-        if (!viewport.visibleRect.intersects(this.region)
-            || items.length === 0) {
+        if (!viewport.visibleRect.intersects(this.region) || items.length === 0) {
             return;
         }
         // Divide [items] until nodes are smaller than this, or are leaves.
@@ -167,13 +167,15 @@ class RenderingCacheNode {
             return;
         }
         if (this.cacheState.debugMode) {
-            screenRenderer.drawRect(this.region, viewport.getSizeOfPixelOnCanvas(), { fill: math_1.Color4.yellow });
+            screenRenderer.drawRect(this.region, viewport.getSizeOfPixelOnCanvas(), {
+                fill: math_1.Color4.yellow,
+            });
         }
         // Could we render direclty from [this] or do we need to recurse?
         const couldRender = this.renderingWouldBeHighEnoughResolution(viewport);
         if (!couldRender) {
             for (const child of this.getChildren()) {
-                child.renderItems(screenRenderer, items.filter(item => {
+                child.renderItems(screenRenderer, items.filter((item) => {
                     return item.getBBox().intersects(child.region);
                 }), viewport);
             }
@@ -191,7 +193,7 @@ class RenderingCacheNode {
             if (leavesByIds.length === 0) {
                 return;
             }
-            const leafIds = leavesByIds.map(leaf => leaf.getId());
+            const leafIds = leavesByIds.map((leaf) => leaf.getId());
             let thisRenderer;
             if (!this.renderingIsUpToDate(leafIds)) {
                 if (this.allChildrenCanRender(viewport, leavesByIds)) {
@@ -212,7 +214,9 @@ class RenderingCacheNode {
                     if (!this.cachedRenderer) {
                         this.cachedRenderer = this.cacheState.recordManager.allocCanvas(this.region, () => this.onRegionDealloc());
                     }
-                    else if (leavesByIds.length > this.renderedIds.length && this.allRenderedIdsIn(leafIds) && this.renderedMaxZIndex !== null) {
+                    else if (leavesByIds.length > this.renderedIds.length &&
+                        this.allRenderedIdsIn(leafIds) &&
+                        this.renderedMaxZIndex !== null) {
                         // We often don't need to do a full re-render even if something's changed.
                         // Check whether we can just draw on top of the existing cache.
                         const newLeaves = [];
@@ -242,7 +246,9 @@ class RenderingCacheNode {
                             }
                             if (this.cacheState.debugMode) {
                                 // Clay for adding new elements
-                                screenRenderer.drawRect(this.region, 2 * viewport.getSizeOfPixelOnCanvas(), { fill: math_1.Color4.clay });
+                                screenRenderer.drawRect(this.region, 2 * viewport.getSizeOfPixelOnCanvas(), {
+                                    fill: math_1.Color4.clay,
+                                });
                             }
                         }
                     }
@@ -263,7 +269,9 @@ class RenderingCacheNode {
                         }
                         if (this.cacheState.debugMode) {
                             // Red for full rerender
-                            screenRenderer.drawRect(this.region, 3 * viewport.getSizeOfPixelOnCanvas(), { fill: math_1.Color4.red });
+                            screenRenderer.drawRect(this.region, 3 * viewport.getSizeOfPixelOnCanvas(), {
+                                fill: math_1.Color4.red,
+                            });
                         }
                     }
                     this.renderedIds = leafIds;
@@ -282,7 +290,9 @@ class RenderingCacheNode {
                     screenRenderer.endObject();
                     if (this.cacheState.debugMode) {
                         // Green for no cache needed render
-                        screenRenderer.drawRect(this.region, 2 * viewport.getSizeOfPixelOnCanvas(), { fill: math_1.Color4.green });
+                        screenRenderer.drawRect(this.region, 2 * viewport.getSizeOfPixelOnCanvas(), {
+                            fill: math_1.Color4.green,
+                        });
                     }
                 }
             }
@@ -294,7 +304,7 @@ class RenderingCacheNode {
                 screenRenderer.renderFromOtherOfSameType(transformMat, thisRenderer);
             }
             // Can we clean up this' children? (Are they unused?)
-            if (this.instantiatedChildren.every(child => child.isEmpty())) {
+            if (this.instantiatedChildren.every((child) => child.isEmpty())) {
                 this.instantiatedChildren = [];
             }
         }
@@ -305,7 +315,7 @@ class RenderingCacheNode {
         if (this.cachedRenderer !== null) {
             return false;
         }
-        return this.instantiatedChildren.every(child => child.isEmpty());
+        return this.instantiatedChildren.every((child) => child.isEmpty());
     }
     onRegionDealloc() {
         this.cachedRenderer = null;
@@ -314,7 +324,8 @@ class RenderingCacheNode {
         }
     }
     checkRep() {
-        if (this.instantiatedChildren.length !== cacheDivisionSize * cacheDivisionSize && this.instantiatedChildren.length !== 0) {
+        if (this.instantiatedChildren.length !== cacheDivisionSize * cacheDivisionSize &&
+            this.instantiatedChildren.length !== 0) {
             throw new Error(`Repcheck: Wrong number of children. Got ${this.instantiatedChildren.length}`);
         }
         if (this.renderedIds[1] !== undefined && this.renderedIds[0] >= this.renderedIds[1]) {
@@ -327,7 +338,7 @@ class RenderingCacheNode {
             }
         }
         if (this.cachedRenderer && !this.cachedRenderer.isAllocd()) {
-            throw new Error('this\' cachedRenderer != null, but is dealloc\'d');
+            throw new Error("this' cachedRenderer != null, but is dealloc'd");
         }
     }
 }

package/dist/cjs/rendering/caching/testUtils.js

@@ -25,11 +25,11 @@ const createCache = (onRenderAlloc, cacheOptions) => {
         maxScale: 2,
         minProportionalRenderTimePerCache: 0,
         minProportionalRenderTimeToUseCache: 0,
-        ...cacheOptions
+        ...cacheOptions,
     });
     return {
         cache,
-        editor
+        editor,
     };
 };
 exports.createCache = createCache;

package/dist/cjs/rendering/renderers/AbstractRenderer.js

@@ -22,7 +22,9 @@ class AbstractRenderer {
      * methods on `Viewport`, because the viewport may not accurately reflect
      * what is rendered.
      */
-    getViewport() { return this.viewport; }
+    getViewport() {
+        return this.viewport;
+    }
     setDraftMode(_draftMode) { }
     flushPath() {
         if (!this.currentPaths) {

package/dist/cjs/rendering/renderers/CanvasRenderer.js

@@ -136,8 +136,8 @@ class CanvasRenderer extends AbstractRenderer_1.default {
         // Approximate the curve if small enough.
         const delta1 = p2.minus(p1);
         const delta2 = p3.minus(p2);
-        if (delta1.magnitudeSquared() < this.minSquareCurveApproxDist
-            && delta2.magnitudeSquared() < this.minSquareCurveApproxDist) {
+        if (delta1.magnitudeSquared() < this.minSquareCurveApproxDist &&
+            delta2.magnitudeSquared() < this.minSquareCurveApproxDist) {
             this.ctx.lineTo(p3.x, p3.y);
         }
         else {
@@ -230,7 +230,8 @@ class CanvasRenderer extends AbstractRenderer_1.default {
             }
         }
         // If exiting an object with a too-small-to-draw bounding box,
-        if (this.ignoreObjectsAboveLevel !== null && this.getNestingLevel() <= this.ignoreObjectsAboveLevel) {
+        if (this.ignoreObjectsAboveLevel !== null &&
+            this.getNestingLevel() <= this.ignoreObjectsAboveLevel) {
             this.ignoreObjectsAboveLevel = null;
             this.ignoringObject = false;
         }

package/dist/cjs/rendering/renderers/DummyRenderer.js

@@ -104,7 +104,7 @@ class DummyRenderer extends AbstractRenderer_1.default {
         this.renderedPathCount += other.renderedPathCount;
         this.lastFillStyle = other.lastFillStyle;
         this.lastPoint = other.lastPoint;
-        this.pointBuffer.push(...other.pointBuffer.map(point => {
+        this.pointBuffer.push(...other.pointBuffer.map((point) => {
             return transform.transformVec2(point);
         }));
     }

package/dist/cjs/rendering/renderers/SVGRenderer.js

@@ -126,7 +126,9 @@ class SVGRenderer extends AbstractRenderer_1.default {
         const style = pathSpec.style;
         const path = (0, RenderablePathSpec_1.pathFromRenderable)(pathSpec).transformedBy(this.getCanvasToScreenTransform());
         // Try to extend the previous path, if possible
-        if (this.lastPathString.length === 0 || !this.lastPathStyle || !(0, RenderingStyle_1.stylesEqual)(this.lastPathStyle, style)) {
+        if (this.lastPathString.length === 0 ||
+            !this.lastPathStyle ||
+            !(0, RenderingStyle_1.stylesEqual)(this.lastPathStyle, style)) {
             this.addPathToSVG();
             this.lastPathStyle = style;
             this.lastPathString = [];
@@ -136,7 +138,9 @@ class SVGRenderer extends AbstractRenderer_1.default {
     // Apply [elemTransform] to [elem]. Uses both a `matrix` and `.x`, `.y` properties if `setXY` is true.
     // Otherwise, just uses a `matrix`.
     transformFrom(elemTransform, elem, inCanvasSpace = false) {
-        const transform = !inCanvasSpace ? this.getCanvasToScreenTransform().rightMul(elemTransform) : elemTransform;
+        const transform = !inCanvasSpace
+            ? this.getCanvasToScreenTransform().rightMul(elemTransform)
+            : elemTransform;
         if (!transform.eq(math_1.Mat33.identity)) {
             const matrixString = transform.toCSSMatrix();
             elem.style.transform = matrixString;
@@ -261,15 +265,15 @@ class SVGRenderer extends AbstractRenderer_1.default {
                     containerIDList = containerIDData[0];
                 }
             }
-            if (containerIDList.length > 0
+            if (containerIDList.length > 0 &&
                 // containerIDList must share a prefix with the last ID list
                 // otherwise, the z order of elements may have been changed from
                 // the original image.
                 // In the case that the z order has been changed, keep the current
                 // element as a child of the root to preserve z order.
-                && (0, listPrefixMatch_1.default)(this.lastContainerIDList, containerIDList)
+                (0, listPrefixMatch_1.default)(this.lastContainerIDList, containerIDList) &&
                 // The component can add at most one more parent than the previous item.
-                && this.lastContainerIDList.length >= containerIDList.length - 1) {
+                this.lastContainerIDList.length >= containerIDList.length - 1) {
                 // Select the last
                 const containerID = containerIDList[containerIDList.length - 1];
                 const containerCandidates = this.elem.querySelectorAll(`g#${containerID}`);
@@ -278,7 +282,8 @@ class SVGRenderer extends AbstractRenderer_1.default {
                     // If this is the first time we're entering the group, the
                     // group should be empty.
                     // Otherwise, this may be a case that would break z-ordering.
-                    if (container.children.length === 0 || this.lastContainerIDList.length >= containerIDList.length) {
+                    if (container.children.length === 0 ||
+                        this.lastContainerIDList.length >= containerIDList.length) {
                         // Move all objectElems to the found container
                         for (const elem of this.objectElems) {
                             elem.remove();
@@ -312,15 +317,29 @@ class SVGRenderer extends AbstractRenderer_1.default {
         }
     }
     // Not implemented -- use drawPath instead.
-    unimplementedMessage() { throw new Error('Not implemenented!'); }
-    beginPath(_startPoint) { this.unimplementedMessage(); }
-    endPath(_style) { this.unimplementedMessage(); }
-    lineTo(_point) { this.unimplementedMessage(); }
-    moveTo(_point) { this.unimplementedMessage(); }
-    traceCubicBezierCurve(_controlPoint1, _controlPoint2, _endPoint) { this.unimplementedMessage(); }
-    traceQuadraticBezierCurve(_controlPoint, _endPoint) { this.unimplementedMessage(); }
+    unimplementedMessage() {
+        throw new Error('Not implemenented!');
+    }
+    beginPath(_startPoint) {
+        this.unimplementedMessage();
+    }
+    endPath(_style) {
+        this.unimplementedMessage();
+    }
+    lineTo(_point) {
+        this.unimplementedMessage();
+    }
+    moveTo(_point) {
+        this.unimplementedMessage();
+    }
+    traceCubicBezierCurve(_controlPoint1, _controlPoint2, _endPoint) {
+        this.unimplementedMessage();
+    }
+    traceQuadraticBezierCurve(_controlPoint, _endPoint) {
+        this.unimplementedMessage();
+    }
     drawPoints(...points) {
-        points.map(point => {
+        points.map((point) => {
             const elem = document.createElementNS(svgNameSpace, 'circle');
             elem.setAttribute('cx', `${point.x}`);
             elem.setAttribute('cy', `${point.y}`);
@@ -334,7 +353,8 @@ class SVGRenderer extends AbstractRenderer_1.default {
             return;
         }
         // Don't add multiple copies of the default stylesheet.
-        if (elem.tagName.toLowerCase() === 'style' && elem.getAttribute('id') === exports.renderedStylesheetId) {
+        if (elem.tagName.toLowerCase() === 'style' &&
+            elem.getAttribute('id') === exports.renderedStylesheetId) {
             return;
         }
         const elemToDraw = elem.cloneNode(true);
@@ -369,9 +389,7 @@ class SVGRenderer extends AbstractRenderer_1.default {
         let viewBoxComponents;
         if (useViewBoxForPositioning) {
             const exportRect = viewport.visibleRect;
-            viewBoxComponents = [
-                exportRect.x, exportRect.y, exportRect.w, exportRect.h,
-            ];
+            viewBoxComponents = [exportRect.x, exportRect.y, exportRect.w, exportRect.h];
             // Replace the viewport with a copy that has a modified transform.
             // (Avoids modifying the original viewport).
             viewport = viewport.getTemporaryClone();
@@ -383,7 +401,7 @@ class SVGRenderer extends AbstractRenderer_1.default {
             viewBoxComponents = [0, 0, screenRectSize.x, screenRectSize.y];
         }
         // rect.x -> size of rect in x direction, rect.y -> size of rect in y direction.
-        result.setAttribute('viewBox', viewBoxComponents.map(part => (0, math_1.toRoundedString)(part)).join(' '));
+        result.setAttribute('viewBox', viewBoxComponents.map((part) => (0, math_1.toRoundedString)(part)).join(' '));
         result.setAttribute('width', (0, math_1.toRoundedString)(screenRectSize.x));
         result.setAttribute('height', (0, math_1.toRoundedString)(screenRectSize.y));
         // Ensure the image can be identified as an SVG if downloaded.

package/dist/cjs/rendering/renderers/TextOnlyRenderer.js

@@ -29,36 +29,34 @@ class TextOnlyRenderer extends AbstractRenderer_1.default {
         return [
             this.localizationTable.pathNodeCount(this.pathCount),
             ...(this.textNodeCount > 0 ? [this.localizationTable.textNodeCount(this.textNodeCount)] : []),
-            ...(this.imageNodeCount > 0 ? [this.localizationTable.imageNodeCount(this.imageNodeCount)] : []),
-            ...this.descriptionBuilder
+            ...(this.imageNodeCount > 0
+                ? [this.localizationTable.imageNodeCount(this.imageNodeCount)]
+                : []),
+            ...this.descriptionBuilder,
         ].join('\n');
     }
-    beginPath(_startPoint) {
-    }
+    beginPath(_startPoint) { }
     endPath(_style) {
         this.pathCount++;
     }
-    lineTo(_point) {
-    }
-    moveTo(_point) {
-    }
-    traceCubicBezierCurve(_p1, _p2, _p3) {
-    }
-    traceQuadraticBezierCurve(_controlPoint, _endPoint) {
-    }
+    lineTo(_point) { }
+    moveTo(_point) { }
+    traceCubicBezierCurve(_p1, _p2, _p3) { }
+    traceQuadraticBezierCurve(_controlPoint, _endPoint) { }
     drawText(text, _transform, _style) {
         this.descriptionBuilder.push(this.localizationTable.textNode(text));
         this.textNodeCount++;
     }
     drawImage(image) {
-        const label = image.label ? this.localizationTable.imageNode(image.label) : this.localizationTable.unlabeledImageNode;
+        const label = image.label
+            ? this.localizationTable.imageNode(image.label)
+            : this.localizationTable.unlabeledImageNode;
         this.descriptionBuilder.push(label);
         this.imageNodeCount++;
     }
     isTooSmallToRender(rect) {
         return rect.maxDimension < 15 / this.getSizeOfCanvasPixelOnScreen();
     }
-    drawPoints(..._points) {
-    }
+    drawPoints(..._points) { }
 }
 exports.default = TextOnlyRenderer;

package/dist/cjs/shortcuts/KeyBinding.js

@@ -1,14 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const isUppercaseLetter = (text) => {
-    return text.toUpperCase() === text
-        && text.toLowerCase() !== text
-        && text.length === 1;
+    return text.toUpperCase() === text && text.toLowerCase() !== text && text.length === 1;
 };
 const isLowercaseLetter = (text) => {
-    return text.toLowerCase() === text
-        && text.toUpperCase() !== text
-        && text.length === 1;
+    return text.toLowerCase() === text && text.toUpperCase() !== text && text.length === 1;
 };
 /** Represents a key combination that can trigger a keyboard shortcut. */
 class KeyBinding {
@@ -51,12 +47,10 @@ class KeyBinding {
         const shortcutControlOrMeta = this.controlOrMeta;
         // Match ctrl/meta if the shortcut doesn't have controlOrMeta specified
         // (controlOrMeta should match either).
-        const ctrlAndMetaMatches = ctrlKey === this.ctrlKey
-            && metaKey === this.metaKey
-            && !shortcutControlOrMeta;
-        const matches = (ctrlAndMetaMatches || (shortcutControlOrMeta && keyEventHasCtrlOrMeta))
-            && altKey === this.altKey
-            && (shiftKey === this.shiftKey || this.shiftKey === undefined);
+        const ctrlAndMetaMatches = ctrlKey === this.ctrlKey && metaKey === this.metaKey && !shortcutControlOrMeta;
+        const matches = (ctrlAndMetaMatches || (shortcutControlOrMeta && keyEventHasCtrlOrMeta)) &&
+            altKey === this.altKey &&
+            (shiftKey === this.shiftKey || this.shiftKey === undefined);
         return matches;
     }
     /**

package/dist/cjs/shortcuts/KeyboardShortcutManager.js

@@ -82,8 +82,8 @@ class KeyboardShortcutManager {
             return false;
         }
         // Convert the strings to shortcut maps.
-        const shortcutsAsShortcuts = shortcuts.map(shortcut => {
-            if (typeof (shortcut) === 'string') {
+        const shortcutsAsShortcuts = shortcuts.map((shortcut) => {
+            if (typeof shortcut === 'string') {
                 return KeyBinding_1.default.fromString(shortcut);
             }
             return shortcut;

package/dist/cjs/testing/createEditor.js

@@ -5,10 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const Display_1 = require("../rendering/Display");
 const Editor_1 = __importDefault(require("../Editor"));
+const getLocalizationTable_1 = __importDefault(require("../localizations/getLocalizationTable"));
 /** Creates an editor. Should only be used in test files. */
 exports.default = (settings) => {
     if (jest === undefined) {
         throw new Error('Files in the testing/ folder should only be used in tests!');
     }
-    return new Editor_1.default(document.body, { renderingMode: Display_1.RenderingMode.DummyRenderer, ...settings });
+    return new Editor_1.default(document.body, {
+        renderingMode: Display_1.RenderingMode.DummyRenderer,
+        localization: (0, getLocalizationTable_1.default)(['en']),
+        ...settings,
+    });
 };

package/dist/cjs/testing/findNodeWithText.d.ts

@@ -1,3 +1,6 @@
+interface Options {
+    tag?: string;
+}
 /** Returns the first node or element with `textContent` matching `expectedText`. */
-declare const findNodeWithText: (expectedText: string, parent: Node) => Node | null;
+declare const findNodeWithText: (expectedText: string, parent: Node, options?: Options) => Node | null;
 export default findNodeWithText;

package/dist/cjs/testing/findNodeWithText.js

@@ -1,12 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 /** Returns the first node or element with `textContent` matching `expectedText`. */
-const findNodeWithText = (expectedText, parent) => {
+const findNodeWithText = (expectedText, parent, options = {}) => {
+    const { tag } = options;
     if (parent.textContent === expectedText) {
-        return parent;
+        const matchesTag = (() => {
+            // No tag check necessary?
+            if (!tag)
+                return true;
+            return parent instanceof Element && tag.toUpperCase() === parent.tagName;
+        })();
+        if (matchesTag) {
+            return parent;
+        }
     }
     for (const child of parent.childNodes) {
-        const results = findNodeWithText(expectedText, child);
+        const results = findNodeWithText(expectedText, child, options);
         if (results) {
             return results;
         }