js-draw 1.20.2 → 1.20.3

package/dist/cjs/Editor.js

@@ -36,7 +36,7 @@ const Viewport_1 = __importDefault(require("./Viewport"));
 const EventDispatcher_1 = __importDefault(require("./EventDispatcher"));
 const math_1 = require("@js-draw/math");
 const Display_1 = __importStar(require("./rendering/Display"));
-const SVGLoader_1 = __importDefault(require("./SVGLoader"));
+const SVGLoader_1 = __importDefault(require("./SVGLoader/SVGLoader"));
 const Pointer_1 = __importDefault(require("./Pointer"));
 const getLocalizationTable_1 = __importDefault(require("./localizations/getLocalizationTable"));
 const IconProvider_1 = __importDefault(require("./toolbar/IconProvider"));

package/dist/cjs/components/builders/PolylineBuilder.js

@@ -13,7 +13,9 @@ const makeShapeFitAutocorrect_1 = __importDefault(require("./autocorrect/makeSha
  *
  */
 exports.makePolylineBuilder = (0, makeShapeFitAutocorrect_1.default)((initialPoint, viewport) => {
-    const minFit = viewport.getSizeOfPixelOnCanvas();
+    // Fit to a value slightly smaller than the pixel size. A larger value can
+    // cause the stroke to appear jagged at some zoom levels.
+    const minFit = viewport.getSizeOfPixelOnCanvas() * 0.75;
     return new PolylineBuilder(initialPoint, minFit, viewport);
 });
 class PolylineBuilder {
@@ -83,7 +85,7 @@ class PolylineBuilder {
         return new Stroke_1.default(this.previewFullPath());
     }
     getMinFit() {
-        let minFit = Math.min(this.minFitAllowed, this.averageWidth / 3);
+        let minFit = Math.min(this.minFitAllowed, this.averageWidth / 4);
         if (minFit < 1e-10) {
             minFit = this.minFitAllowed;
         }

package/dist/cjs/image/export/editorImageToSVG.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.editorImageToSVGAsync = exports.editorImageToSVGSync = void 0;
 const math_1 = require("@js-draw/math");
 const SVGRenderer_1 = __importDefault(require("../../rendering/renderers/SVGRenderer"));
-const SVGLoader_1 = require("../../SVGLoader");
+const SVGLoader_1 = require("../../SVGLoader/SVGLoader");
 const adjustExportedSVGSize_1 = __importDefault(require("./adjustExportedSVGSize"));
 const toSVGInternal = (image, renderFunction, options) => {
     const importExportViewport = image.getImportExportViewport().getTemporaryClone();

package/dist/cjs/lib.d.ts

@@ -20,7 +20,7 @@ export * from './types';
 export * from './inputEvents';
 export { default as getLocalizationTable, matchingLocalizationTable } from './localizations/getLocalizationTable';
 export * from './localization';
-export { default as SVGLoader } from './SVGLoader';
+export { default as SVGLoader } from './SVGLoader/SVGLoader';
 export { default as Viewport } from './Viewport';
 export * from '@js-draw/math';
 export * from './components/lib';

package/dist/cjs/lib.js

@@ -43,7 +43,7 @@ var getLocalizationTable_1 = require("./localizations/getLocalizationTable");
 Object.defineProperty(exports, "getLocalizationTable", { enumerable: true, get: function () { return __importDefault(getLocalizationTable_1).default; } });
 Object.defineProperty(exports, "matchingLocalizationTable", { enumerable: true, get: function () { return getLocalizationTable_1.matchingLocalizationTable; } });
 __exportStar(require("./localization"), exports);
-var SVGLoader_1 = require("./SVGLoader");
+var SVGLoader_1 = require("./SVGLoader/SVGLoader");
 Object.defineProperty(exports, "SVGLoader", { enumerable: true, get: function () { return __importDefault(SVGLoader_1).default; } });
 var Viewport_1 = require("./Viewport");
 Object.defineProperty(exports, "Viewport", { enumerable: true, get: function () { return __importDefault(Viewport_1).default; } });

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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderedStylesheetId = void 0;
 const math_1 = require("@js-draw/math");
-const SVGLoader_1 = require("../../SVGLoader");
+const SVGLoader_1 = require("../../SVGLoader/SVGLoader");
 const RenderingStyle_1 = require("../RenderingStyle");
 const AbstractRenderer_1 = __importDefault(require("./AbstractRenderer"));
 const RenderablePathSpec_1 = require("../RenderablePathSpec");

package/dist/cjs/toolbar/AbstractToolbar.js

@@ -30,7 +30,7 @@ const TextToolWidget_1 = __importDefault(require("./widgets/TextToolWidget"));
 const HandToolWidget_1 = __importDefault(require("./widgets/HandToolWidget"));
 const BaseWidget_1 = require("./widgets/BaseWidget");
 const ActionButtonWidget_1 = __importDefault(require("./widgets/ActionButtonWidget"));
-const InsertImageWidget_1 = __importDefault(require("./widgets/InsertImageWidget"));
+const InsertImageWidget_1 = __importDefault(require("./widgets/InsertImageWidget/InsertImageWidget"));
 const DocumentPropertiesWidget_1 = __importDefault(require("./widgets/DocumentPropertiesWidget"));
 const math_1 = require("@js-draw/math");
 const constants_1 = require("./constants");

package/dist/cjs/toolbar/widgets/lib.d.ts

@@ -6,5 +6,5 @@ export { default as TextToolWidget } from './TextToolWidget';
 export { default as HandToolWidget } from './HandToolWidget';
 export { default as SelectionToolWidget } from './SelectionToolWidget';
 export { default as EraserToolWidget } from './EraserToolWidget';
-export { default as InsertImageWidget } from './InsertImageWidget';
+export { default as InsertImageWidget } from './InsertImageWidget/InsertImageWidget';
 export { default as DocumentPropertiesWidget } from './DocumentPropertiesWidget';

package/dist/cjs/toolbar/widgets/lib.js

@@ -21,7 +21,7 @@ var SelectionToolWidget_1 = require("./SelectionToolWidget");
 Object.defineProperty(exports, "SelectionToolWidget", { enumerable: true, get: function () { return __importDefault(SelectionToolWidget_1).default; } });
 var EraserToolWidget_1 = require("./EraserToolWidget");
 Object.defineProperty(exports, "EraserToolWidget", { enumerable: true, get: function () { return __importDefault(EraserToolWidget_1).default; } });
-var InsertImageWidget_1 = require("./InsertImageWidget");
+var InsertImageWidget_1 = require("./InsertImageWidget/InsertImageWidget");
 Object.defineProperty(exports, "InsertImageWidget", { enumerable: true, get: function () { return __importDefault(InsertImageWidget_1).default; } });
 var DocumentPropertiesWidget_1 = require("./DocumentPropertiesWidget");
 Object.defineProperty(exports, "DocumentPropertiesWidget", { enumerable: true, get: function () { return __importDefault(DocumentPropertiesWidget_1).default; } });

package/dist/cjs/tools/PasteHandler.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const TextComponent_1 = __importDefault(require("../components/TextComponent"));
-const SVGLoader_1 = __importDefault(require("../SVGLoader"));
+const SVGLoader_1 = __importDefault(require("../SVGLoader/SVGLoader"));
 const math_1 = require("@js-draw/math");
 const BaseTool_1 = __importDefault(require("./BaseTool"));
 const TextTool_1 = __importDefault(require("./TextTool"));

package/dist/cjs/tools/ToolController.d.ts

@@ -55,8 +55,6 @@ export default class ToolController implements InputEventListener {
     insertToolsAfter(insertAfter: BaseTool, toolsToInsert: BaseTool[]): void;
     /** @see {@link insertToolsAfter} */
     insertToolsBefore(insertBefore: BaseTool, toolsToInsert: BaseTool[]): void;
-    /** @internal */
-    changeActiveToolTo(tool: BaseTool): void;
     private onEventInternal;
     /** Alias for {@link dispatchInputEvent}. */
     onEvent(event: InputEvt): boolean;

package/dist/cjs/tools/ToolController.js

@@ -210,13 +210,6 @@ class ToolController {
     insertToolsBefore(insertBefore, toolsToInsert) {
         this.insertTools(insertBefore, toolsToInsert, 'before');
     }
-    /** @internal */
-    changeActiveToolTo(tool) {
-        if (!tool.isEnabled()) {
-            tool.setEnabled(true);
-        }
-        this.activeTool = tool;
-    }
     // @internal use `dispatchEvent` rather than calling `onEvent` directly.
     onEventInternal(event) {
         const isEditorReadOnly = this.isEditorReadOnly.get();

package/dist/cjs/version.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @internal
  */
 exports.default = {
-    number: '1.20.2',
+    number: '1.20.3',
 };

package/dist/mjs/Editor.mjs

@@ -7,7 +7,7 @@ import  Viewport  from './Viewport.mjs';
 import  EventDispatcher  from './EventDispatcher.mjs';
 import { Vec2, Vec3, Color4, Mat33 } from '@js-draw/math';
 import  Display, { RenderingMode }  from './rendering/Display.mjs';
-import  SVGLoader  from './SVGLoader.mjs';
+import  SVGLoader  from './SVGLoader/SVGLoader.mjs';
 import  Pointer  from './Pointer.mjs';
 import  getLocalizationTable  from './localizations/getLocalizationTable.mjs';
 import  IconProvider  from './toolbar/IconProvider.mjs';

package/dist/mjs/components/builders/PolylineBuilder.mjs

@@ -7,7 +7,9 @@ import  makeShapeFitAutocorrect  from './autocorrect/makeShapeFitAutocorrect.mjs
  *
  */
 export const makePolylineBuilder = makeShapeFitAutocorrect((initialPoint, viewport) => {
-    const minFit = viewport.getSizeOfPixelOnCanvas();
+    // Fit to a value slightly smaller than the pixel size. A larger value can
+    // cause the stroke to appear jagged at some zoom levels.
+    const minFit = viewport.getSizeOfPixelOnCanvas() * 0.75;
     return new PolylineBuilder(initialPoint, minFit, viewport);
 });
 export default class PolylineBuilder {
@@ -77,7 +79,7 @@ export default class PolylineBuilder {
         return new Stroke(this.previewFullPath());
     }
     getMinFit() {
-        let minFit = Math.min(this.minFitAllowed, this.averageWidth / 3);
+        let minFit = Math.min(this.minFitAllowed, this.averageWidth / 4);
         if (minFit < 1e-10) {
             minFit = this.minFitAllowed;
         }

package/dist/mjs/image/export/editorImageToSVG.mjs

@@ -1,6 +1,6 @@
 import { Rect2 } from '@js-draw/math';
 import  SVGRenderer  from '../../rendering/renderers/SVGRenderer.mjs';
-import  { svgLoaderAutoresizeClassName }  from '../../SVGLoader.mjs';
+import  { svgLoaderAutoresizeClassName }  from '../../SVGLoader/SVGLoader.mjs';
 import  adjustExportedSVGSize  from './adjustExportedSVGSize.mjs';
 const toSVGInternal = (image, renderFunction, options) => {
     const importExportViewport = image.getImportExportViewport().getTemporaryClone();

package/dist/mjs/lib.d.ts

@@ -20,7 +20,7 @@ export * from './types';
 export * from './inputEvents';
 export { default as getLocalizationTable, matchingLocalizationTable } from './localizations/getLocalizationTable';
 export * from './localization';
-export { default as SVGLoader } from './SVGLoader';
+export { default as SVGLoader } from './SVGLoader/SVGLoader';
 export { default as Viewport } from './Viewport';
 export * from '@js-draw/math';
 export * from './components/lib';

package/dist/mjs/lib.mjs

@@ -20,7 +20,7 @@ export  *  from './types.mjs';
 export  *  from './inputEvents.mjs';
 export  { default as getLocalizationTable, matchingLocalizationTable }  from './localizations/getLocalizationTable.mjs';
 export  *  from './localization.mjs';
-export  { default as SVGLoader }  from './SVGLoader.mjs';
+export  { default as SVGLoader }  from './SVGLoader/SVGLoader.mjs';
 export  { default as Viewport }  from './Viewport.mjs';
 export * from '@js-draw/math';
 export  *  from './components/lib.mjs';

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.mjs';
+import  { svgAttributesDataKey, svgLoaderAttributeContainerID, svgStyleAttributesDataKey }  from '../../SVGLoader/SVGLoader.mjs';
 import  { stylesEqual }  from '../RenderingStyle.mjs';
 import  AbstractRenderer  from './AbstractRenderer.mjs';
 import  { pathFromRenderable }  from '../RenderablePathSpec.mjs';

package/dist/mjs/toolbar/AbstractToolbar.mjs

@@ -25,7 +25,7 @@ import  TextToolWidget  from './widgets/TextToolWidget.mjs';
 import  HandToolWidget  from './widgets/HandToolWidget.mjs';
 import  { ToolbarWidgetTag }  from './widgets/BaseWidget.mjs';
 import  ActionButtonWidget  from './widgets/ActionButtonWidget.mjs';
-import  InsertImageWidget  from './widgets/InsertImageWidget.mjs';
+import  InsertImageWidget  from './widgets/InsertImageWidget/InsertImageWidget.mjs';
 import  DocumentPropertiesWidget  from './widgets/DocumentPropertiesWidget.mjs';
 import { Color4 } from '@js-draw/math';
 import  { toolbarCSSPrefix }  from './constants.mjs';

package/dist/mjs/toolbar/widgets/lib.d.ts

@@ -6,5 +6,5 @@ export { default as TextToolWidget } from './TextToolWidget';
 export { default as HandToolWidget } from './HandToolWidget';
 export { default as SelectionToolWidget } from './SelectionToolWidget';
 export { default as EraserToolWidget } from './EraserToolWidget';
-export { default as InsertImageWidget } from './InsertImageWidget';
+export { default as InsertImageWidget } from './InsertImageWidget/InsertImageWidget';
 export { default as DocumentPropertiesWidget } from './DocumentPropertiesWidget';

package/dist/mjs/toolbar/widgets/lib.mjs

@@ -6,5 +6,5 @@ export  { default as TextToolWidget }  from './TextToolWidget.mjs';
 export  { default as HandToolWidget }  from './HandToolWidget.mjs';
 export  { default as SelectionToolWidget }  from './SelectionToolWidget.mjs';
 export  { default as EraserToolWidget }  from './EraserToolWidget.mjs';
-export  { default as InsertImageWidget }  from './InsertImageWidget.mjs';
+export  { default as InsertImageWidget }  from './InsertImageWidget/InsertImageWidget.mjs';
 export  { default as DocumentPropertiesWidget }  from './DocumentPropertiesWidget.mjs';

package/dist/mjs/tools/PasteHandler.mjs

@@ -1,5 +1,5 @@
 import  TextComponent  from '../components/TextComponent.mjs';
-import  SVGLoader  from '../SVGLoader.mjs';
+import  SVGLoader  from '../SVGLoader/SVGLoader.mjs';
 import { Mat33, Color4 } from '@js-draw/math';
 import  BaseTool  from './BaseTool.mjs';
 import  TextTool  from './TextTool.mjs';

package/dist/mjs/tools/ToolController.d.ts

@@ -55,8 +55,6 @@ export default class ToolController implements InputEventListener {
     insertToolsAfter(insertAfter: BaseTool, toolsToInsert: BaseTool[]): void;
     /** @see {@link insertToolsAfter} */
     insertToolsBefore(insertBefore: BaseTool, toolsToInsert: BaseTool[]): void;
-    /** @internal */
-    changeActiveToolTo(tool: BaseTool): void;
     private onEventInternal;
     /** Alias for {@link dispatchInputEvent}. */
     onEvent(event: InputEvt): boolean;

package/dist/mjs/tools/ToolController.mjs

@@ -182,13 +182,6 @@ export default class ToolController {
     insertToolsBefore(insertBefore, toolsToInsert) {
         this.insertTools(insertBefore, toolsToInsert, 'before');
     }
-    /** @internal */
-    changeActiveToolTo(tool) {
-        if (!tool.isEnabled()) {
-            tool.setEnabled(true);
-        }
-        this.activeTool = tool;
-    }
     // @internal use `dispatchEvent` rather than calling `onEvent` directly.
     onEventInternal(event) {
         const isEditorReadOnly = this.isEditorReadOnly.get();

package/dist/mjs/version.mjs

@@ -4,5 +4,5 @@
  * @internal
  */
 export default {
-    number: '1.20.2',
+    number: '1.20.3',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-draw",
-  "version": "1.20.2",
+  "version": "1.20.3",
   "description": "Draw pictures using a pen, touchscreen, or mouse! JS-draw is a drawing library for JavaScript and TypeScript. ",
   "types": "./dist/mjs/lib.d.ts",
   "main": "./dist/cjs/lib.js",
@@ -25,6 +25,7 @@
     },
     "./Editor": {
       "types": "./dist/mjs/Editor.d.ts",
+      "require": "./dist/cjs/Editor.js",
       "default": "./dist/mjs/Editor.mjs"
     },
     "./types": {
@@ -86,5 +87,5 @@
     "freehand",
     "svg"
   ],
-  "gitHead": "ee6b7aaf1c93f3e6a6b28ae694f7e46bd3026be1"
+  "gitHead": "43382107b39bc9c7c0cf16e83d8b0e2bb82af615"
 }

package/src/toolbar/widgets/widgets.scss

@@ -1,4 +1,4 @@
-@use "./InsertImageWidget/index.scss";
+@use "./InsertImageWidget/InsertImageWidget.scss";
 @use "./OverflowWidget.css";
 @use "./PenToolWidget.scss";
 @use "./HandToolWidget.scss";