js-draw 1.21.3 → 1.22.0

package/dist/mjs/rendering/caching/RenderingCacheNode.mjs

@@ -30,7 +30,7 @@ export default 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;
@@ -40,7 +40,8 @@ export default 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;
             }
@@ -135,8 +136,7 @@ export default 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.
@@ -165,13 +165,15 @@ export default class RenderingCacheNode {
             return;
         }
         if (this.cacheState.debugMode) {
-            screenRenderer.drawRect(this.region, viewport.getSizeOfPixelOnCanvas(), { fill: Color4.yellow });
+            screenRenderer.drawRect(this.region, viewport.getSizeOfPixelOnCanvas(), {
+                fill: 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);
             }
@@ -189,7 +191,7 @@ export default 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)) {
@@ -210,7 +212,9 @@ export default 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 = [];
@@ -240,7 +244,9 @@ export default class RenderingCacheNode {
                             }
                             if (this.cacheState.debugMode) {
                                 // Clay for adding new elements
-                                screenRenderer.drawRect(this.region, 2 * viewport.getSizeOfPixelOnCanvas(), { fill: Color4.clay });
+                                screenRenderer.drawRect(this.region, 2 * viewport.getSizeOfPixelOnCanvas(), {
+                                    fill: Color4.clay,
+                                });
                             }
                         }
                     }
@@ -261,7 +267,9 @@ export default class RenderingCacheNode {
                         }
                         if (this.cacheState.debugMode) {
                             // Red for full rerender
-                            screenRenderer.drawRect(this.region, 3 * viewport.getSizeOfPixelOnCanvas(), { fill: Color4.red });
+                            screenRenderer.drawRect(this.region, 3 * viewport.getSizeOfPixelOnCanvas(), {
+                                fill: Color4.red,
+                            });
                         }
                     }
                     this.renderedIds = leafIds;
@@ -280,7 +288,9 @@ export default class RenderingCacheNode {
                     screenRenderer.endObject();
                     if (this.cacheState.debugMode) {
                         // Green for no cache needed render
-                        screenRenderer.drawRect(this.region, 2 * viewport.getSizeOfPixelOnCanvas(), { fill: Color4.green });
+                        screenRenderer.drawRect(this.region, 2 * viewport.getSizeOfPixelOnCanvas(), {
+                            fill: Color4.green,
+                        });
                     }
                 }
             }
@@ -292,7 +302,7 @@ export default 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 = [];
             }
         }
@@ -303,7 +313,7 @@ export default 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;
@@ -312,7 +322,8 @@ export default 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]) {
@@ -325,7 +336,7 @@ export default 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/mjs/rendering/caching/testUtils.mjs

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

package/dist/mjs/rendering/renderers/AbstractRenderer.mjs

@@ -20,7 +20,9 @@ export default 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/mjs/rendering/renderers/CanvasRenderer.mjs

@@ -131,8 +131,8 @@ export default class CanvasRenderer extends AbstractRenderer {
         // 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 {
@@ -225,7 +225,8 @@ export default class CanvasRenderer extends AbstractRenderer {
             }
         }
         // 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/mjs/rendering/renderers/DummyRenderer.mjs

@@ -99,7 +99,7 @@ export default class DummyRenderer extends AbstractRenderer {
         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/mjs/rendering/renderers/SVGRenderer.mjs

@@ -1,5 +1,5 @@
 import { Mat33, Vec2, toRoundedString } from '@js-draw/math';
-import  { svgAttributesDataKey, svgLoaderAttributeContainerID, svgStyleAttributesDataKey }  from '../../SVGLoader/SVGLoader.mjs';
+import  { svgAttributesDataKey, svgLoaderAttributeContainerID, svgStyleAttributesDataKey, }  from '../../SVGLoader/SVGLoader.mjs';
 import  { stylesEqual }  from '../RenderingStyle.mjs';
 import  AbstractRenderer  from './AbstractRenderer.mjs';
 import  { pathFromRenderable }  from '../RenderablePathSpec.mjs';
@@ -120,7 +120,9 @@ export default class SVGRenderer extends AbstractRenderer {
         const style = pathSpec.style;
         const path = pathFromRenderable(pathSpec).transformedBy(this.getCanvasToScreenTransform());
         // Try to extend the previous path, if possible
-        if (this.lastPathString.length === 0 || !this.lastPathStyle || !stylesEqual(this.lastPathStyle, style)) {
+        if (this.lastPathString.length === 0 ||
+            !this.lastPathStyle ||
+            !stylesEqual(this.lastPathStyle, style)) {
             this.addPathToSVG();
             this.lastPathStyle = style;
             this.lastPathString = [];
@@ -130,7 +132,9 @@ export default class SVGRenderer extends AbstractRenderer {
     // 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(Mat33.identity)) {
             const matrixString = transform.toCSSMatrix();
             elem.style.transform = matrixString;
@@ -255,15 +259,15 @@ export default class SVGRenderer extends AbstractRenderer {
                     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.
-                && listPrefixMatch(this.lastContainerIDList, containerIDList)
+                listPrefixMatch(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}`);
@@ -272,7 +276,8 @@ export default class SVGRenderer extends AbstractRenderer {
                     // 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();
@@ -306,15 +311,29 @@ export default class SVGRenderer extends AbstractRenderer {
         }
     }
     // 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}`);
@@ -328,7 +347,8 @@ export default class SVGRenderer extends AbstractRenderer {
             return;
         }
         // Don't add multiple copies of the default stylesheet.
-        if (elem.tagName.toLowerCase() === 'style' && elem.getAttribute('id') === renderedStylesheetId) {
+        if (elem.tagName.toLowerCase() === 'style' &&
+            elem.getAttribute('id') === renderedStylesheetId) {
             return;
         }
         const elemToDraw = elem.cloneNode(true);
@@ -363,9 +383,7 @@ export default class SVGRenderer extends AbstractRenderer {
         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();
@@ -377,7 +395,7 @@ export default class SVGRenderer extends AbstractRenderer {
             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 => toRoundedString(part)).join(' '));
+        result.setAttribute('viewBox', viewBoxComponents.map((part) => toRoundedString(part)).join(' '));
         result.setAttribute('width', toRoundedString(screenRectSize.x));
         result.setAttribute('height', toRoundedString(screenRectSize.y));
         // Ensure the image can be identified as an SVG if downloaded.

package/dist/mjs/rendering/renderers/TextOnlyRenderer.mjs

@@ -24,35 +24,33 @@ export default class TextOnlyRenderer extends AbstractRenderer {
         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) { }
 }

package/dist/mjs/shortcuts/KeyBinding.mjs

@@ -1,12 +1,8 @@
 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. */
 export default class KeyBinding {
@@ -49,12 +45,10 @@ export default 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/mjs/shortcuts/KeyboardShortcutManager.mjs

@@ -77,8 +77,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.fromString(shortcut);
             }
             return shortcut;

package/dist/mjs/testing/createEditor.mjs

@@ -1,9 +1,14 @@
 import  { RenderingMode }  from '../rendering/Display.mjs';
 import  Editor  from '../Editor.mjs';
+import  getLocalizationTable  from '../localizations/getLocalizationTable.mjs';
 /** Creates an editor. Should only be used in test files. */
 export default (settings) => {
     if (jest === undefined) {
         throw new Error('Files in the testing/ folder should only be used in tests!');
     }
-    return new Editor(document.body, { renderingMode: RenderingMode.DummyRenderer, ...settings });
+    return new Editor(document.body, {
+        renderingMode: RenderingMode.DummyRenderer,
+        localization: getLocalizationTable(['en']),
+        ...settings,
+    });
 };

package/dist/mjs/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/mjs/testing/findNodeWithText.mjs

@@ -1,10 +1,19 @@
 /** 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;
         }

package/dist/mjs/testing/getUniquePointerId.mjs

@@ -1,7 +1,7 @@
 /** Returns the smallest ID not used by the pointers in the given list. */
 const getUniquePointerId = (pointers) => {
     let ptrId = 0;
-    const pointerIds = pointers.map(ptr => ptr.id);
+    const pointerIds = pointers.map((ptr) => ptr.id);
     pointerIds.sort();
     for (const pointerId of pointerIds) {
         if (ptrId === pointerId) {

package/dist/mjs/testing/sendHtmlSwipe.mjs

@@ -1,12 +1,16 @@
 /** Swipes `element` using HTML pointer events. */
 const sendHtmlSwipe = async (element, start, end, timeMs = 300) => {
-    element.dispatchEvent(new PointerEvent('pointerdown', { isPrimary: true, clientX: start.x, clientY: start.y, }));
+    element.dispatchEvent(new PointerEvent('pointerdown', { isPrimary: true, clientX: start.x, clientY: start.y }));
     const step = 0.1;
     for (let i = 0; i < 1; i += step) {
         await jest.advanceTimersByTimeAsync(timeMs * step);
         const currentPoint = start.lerp(end, i);
-        element.dispatchEvent(new PointerEvent('pointermove', { isPrimary: true, clientX: currentPoint.x, clientY: currentPoint.y, }));
+        element.dispatchEvent(new PointerEvent('pointermove', {
+            isPrimary: true,
+            clientX: currentPoint.x,
+            clientY: currentPoint.y,
+        }));
     }
-    element.dispatchEvent(new PointerEvent('pointerup', { isPrimary: true, clientX: end.x, clientY: end.y, }));
+    element.dispatchEvent(new PointerEvent('pointerup', { isPrimary: true, clientX: end.x, clientY: end.y }));
 };
 export default sendHtmlSwipe;

package/dist/mjs/testing/sendPenEvent.mjs

@@ -12,9 +12,7 @@ const sendPenEvent = (editor, eventType, point, allPointers, deviceType = Pointe
     const mainPointer = Pointer.ofCanvasPoint(point, eventType !== InputEvtType.PointerUpEvt, editor.viewport, id, deviceType);
     editor.toolController.dispatchInputEvent({
         kind: eventType,
-        allPointers: allPointers ?? [
-            mainPointer,
-        ],
+        allPointers: allPointers ?? [mainPointer],
         current: mainPointer,
     });
     return mainPointer;

package/dist/mjs/testing/sendTouchEvent.mjs

@@ -45,10 +45,7 @@ const sendTouchEvent = (editor, eventType, screenPos, allOtherPointers) => {
     const mainPointer = Pointer.ofCanvasPoint(canvasPos, eventType !== InputEvtType.PointerUpEvt, editor.viewport, ptrId, PointerDevice.Touch);
     editor.toolController.dispatchInputEvent({
         kind: eventType,
-        allPointers: [
-            ...(allOtherPointers ?? []),
-            mainPointer,
-        ],
+        allPointers: [...(allOtherPointers ?? []), mainPointer],
         current: mainPointer,
     });
     return mainPointer;

package/dist/mjs/testing/startPinchGesture.mjs

@@ -17,7 +17,9 @@ const startPinchGesture = (editor, center, initialDistance, initialRotation) =>
     };
     let [touchPoint1, touchPoint2] = computeTouchPoints(center, initialDistance, initialRotation);
     let firstPointer = sendTouchEvent(editor, InputEvtType.PointerDownEvt, touchPoint1);
-    let secondPointer = sendTouchEvent(editor, InputEvtType.PointerDownEvt, touchPoint2, [firstPointer]);
+    let secondPointer = sendTouchEvent(editor, InputEvtType.PointerDownEvt, touchPoint2, [
+        firstPointer,
+    ]);
     return {
         update(center, distance, rotation) {
             const eventType = InputEvtType.PointerMoveEvt;

package/dist/mjs/toolbar/AbstractToolbar.mjs

@@ -133,7 +133,7 @@ class AbstractToolbar {
                 initColoris();
             }
         };
-        __classPrivateFieldGet(this, _AbstractToolbar_listeners, "f").push(this.editor.notifier.on(EditorEventType.ColorPickerToggled, event => {
+        __classPrivateFieldGet(this, _AbstractToolbar_listeners, "f").push(this.editor.notifier.on(EditorEventType.ColorPickerToggled, (event) => {
             if (event.kind !== EditorEventType.ColorPickerToggled) {
                 return;
             }
@@ -144,7 +144,7 @@ class AbstractToolbar {
             }
         }));
         // Add newly-selected colors to the swatch.
-        __classPrivateFieldGet(this, _AbstractToolbar_listeners, "f").push(this.editor.notifier.on(EditorEventType.ColorPickerColorSelected, event => {
+        __classPrivateFieldGet(this, _AbstractToolbar_listeners, "f").push(this.editor.notifier.on(EditorEventType.ColorPickerColorSelected, (event) => {
             if (event.kind === EditorEventType.ColorPickerColorSelected) {
                 addColorToSwatch(event.color.toHexString());
             }
@@ -188,7 +188,7 @@ class AbstractToolbar {
         const id = widget.getUniqueIdIn(__classPrivateFieldGet(this, _AbstractToolbar_widgetsById, "f"));
         this.removeWidgetInternal(widget);
         delete __classPrivateFieldGet(this, _AbstractToolbar_widgetsById, "f")[id];
-        __classPrivateFieldSet(this, _AbstractToolbar_widgetList, __classPrivateFieldGet(this, _AbstractToolbar_widgetList, "f").filter(otherWidget => otherWidget !== widget), "f");
+        __classPrivateFieldSet(this, _AbstractToolbar_widgetList, __classPrivateFieldGet(this, _AbstractToolbar_widgetList, "f").filter((otherWidget) => otherWidget !== widget), "f");
     }
     /** Returns a snapshot of the state of widgets in the toolbar. */
     serializeState() {
@@ -331,19 +331,15 @@ class AbstractToolbar {
      */
     addUndoRedoButtons(undoFirst = true) {
         const makeUndo = () => {
-            return this.addTaggedActionButton([
-                ToolbarWidgetTag.Undo,
-            ], {
+            return this.addTaggedActionButton([ToolbarWidgetTag.Undo], {
                 label: this.localizationTable.undo,
-                icon: this.editor.icons.makeUndoIcon()
+                icon: this.editor.icons.makeUndoIcon(),
             }, () => {
                 this.editor.history.undo();
             });
         };
         const makeRedo = () => {
-            return this.addTaggedActionButton([
-                ToolbarWidgetTag.Redo,
-            ], {
+            return this.addTaggedActionButton([ToolbarWidgetTag.Redo], {
                 label: this.localizationTable.redo,
                 icon: this.editor.icons.makeRedoIcon(),
             }, () => {
@@ -362,7 +358,7 @@ class AbstractToolbar {
         }
         undoButton.setDisabled(true);
         redoButton.setDisabled(true);
-        this.editor.notifier.on(EditorEventType.UndoRedoStackUpdated, event => {
+        this.editor.notifier.on(EditorEventType.UndoRedoStackUpdated, (event) => {
             if (event.kind !== EditorEventType.UndoRedoStackUpdated) {
                 throw new Error('Wrong event type!');
             }