js-draw 0.17.4 → 0.18.0

package/dist/{src/tools/PasteHandler.js → mjs/src/tools/PasteHandler.mjs}

@@ -7,13 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import TextComponent from '../components/TextComponent';
-import SVGLoader from '../SVGLoader';
-import Mat33 from '../math/Mat33';
-import BaseTool from './BaseTool';
-import TextTool from './TextTool';
-import Color4 from '../Color4';
-import ImageComponent from '../components/ImageComponent';
+import  TextComponent  from '../components/TextComponent.mjs';
+import  SVGLoader  from '../SVGLoader.mjs';
+import  Mat33  from '../math/Mat33.mjs';
+import  BaseTool  from './BaseTool.mjs';
+import  TextTool  from './TextTool.mjs';
+import  Color4  from '../Color4.mjs';
+import  ImageComponent  from '../components/ImageComponent.mjs';
 /**
  * A tool that handles paste events (e.g. as triggered by ctrl+V).
  *

package/dist/mjs/src/tools/Pen.d.ts

@@ -0,0 +1,39 @@
+import Color4 from '../Color4';
+import Editor from '../Editor';
+import Pointer from '../Pointer';
+import { KeyPressEvent, KeyUpEvent, PointerEvt, StrokeDataPoint } from '../types';
+import BaseTool from './BaseTool';
+import { ComponentBuilder, ComponentBuilderFactory } from '../components/builders/types';
+export interface PenStyle {
+    color: Color4;
+    thickness: number;
+}
+export default class Pen extends BaseTool {
+    private editor;
+    private style;
+    private builderFactory;
+    protected builder: ComponentBuilder | null;
+    private lastPoint;
+    private ctrlKeyPressed;
+    constructor(editor: Editor, description: string, style: PenStyle, builderFactory?: ComponentBuilderFactory);
+    private getPressureMultiplier;
+    protected toStrokePoint(pointer: Pointer): StrokeDataPoint;
+    protected previewStroke(): void;
+    protected addPointToStroke(point: StrokeDataPoint): void;
+    onPointerDown({ current, allPointers }: PointerEvt): boolean;
+    onPointerMove({ current }: PointerEvt): void;
+    onPointerUp({ current }: PointerEvt): void;
+    onGestureCancel(): void;
+    private finalizeStroke;
+    private noteUpdated;
+    setColor(color: Color4): void;
+    setThickness(thickness: number): void;
+    setStrokeFactory(factory: ComponentBuilderFactory): void;
+    getThickness(): number;
+    getColor(): Color4;
+    getStrokeFactory(): ComponentBuilderFactory;
+    setEnabled(enabled: boolean): void;
+    private isSnappingToGrid;
+    onKeyPress({ key, ctrlKey }: KeyPressEvent): boolean;
+    onKeyUp({ key }: KeyUpEvent): boolean;
+}

package/dist/{src/tools/Pen.js → mjs/src/tools/Pen.mjs}

@@ -1,8 +1,8 @@
-import EditorImage from '../EditorImage';
-import { PointerDevice } from '../Pointer';
-import { makeFreehandLineBuilder } from '../components/builders/FreehandLineBuilder';
-import { EditorEventType } from '../types';
-import BaseTool from './BaseTool';
+import  EditorImage  from '../EditorImage.mjs';
+import  { PointerDevice }  from '../Pointer.mjs';
+import  { makeFreehandLineBuilder }  from '../components/builders/FreehandLineBuilder.mjs';
+import  { EditorEventType }  from '../types.mjs';
+import  BaseTool  from './BaseTool.mjs';
 export default class Pen extends BaseTool {
     constructor(editor, description, style, builderFactory = makeFreehandLineBuilder) {
         super(editor.notifier, description);

package/dist/mjs/src/tools/PipetteTool.d.ts

@@ -0,0 +1,18 @@
+import Color4 from '../Color4';
+import Editor from '../Editor';
+import { PointerEvt } from '../types';
+import BaseTool from './BaseTool';
+type ColorListener = (color: Color4 | null) => void;
+export default class PipetteTool extends BaseTool {
+    private editor;
+    private colorPreviewListener;
+    private colorSelectListener;
+    constructor(editor: Editor, description: string);
+    setColorListener(colorPreviewListener: ColorListener, colorSelectListener: ColorListener): void;
+    clearColorListener(): void;
+    onPointerDown({ current, allPointers }: PointerEvt): boolean;
+    onPointerMove({ current }: PointerEvt): void;
+    onPointerUp({ current }: PointerEvt): void;
+    onGestureCancel(): void;
+}
+export {};

package/dist/{src/tools/PipetteTool.js → mjs/src/tools/PipetteTool.mjs}

@@ -1,5 +1,5 @@
 // @internal @packageDocumentation
-import BaseTool from './BaseTool';
+import  BaseTool  from './BaseTool.mjs';
 export default class PipetteTool extends BaseTool {
     constructor(editor, description) {
         super(editor.notifier, description);

package/dist/mjs/src/tools/SelectionTool/SelectAllShortcutHandler.d.ts

@@ -0,0 +1,8 @@
+import Editor from '../../Editor';
+import { KeyPressEvent } from '../../types';
+import BaseTool from '../BaseTool';
+export default class SelectAllShortcutHandler extends BaseTool {
+    private editor;
+    constructor(editor: Editor);
+    onKeyPress({ key, ctrlKey }: KeyPressEvent): boolean;
+}

package/dist/{src/tools/SelectionTool/SelectAllShortcutHandler.js → mjs/src/tools/SelectionTool/SelectAllShortcutHandler.mjs}

@@ -1,5 +1,5 @@
-import BaseTool from '../BaseTool';
-import SelectionTool from './SelectionTool';
+import  BaseTool  from '../BaseTool.mjs';
+import  SelectionTool  from './SelectionTool.mjs';
 // Handles ctrl+a: Select all
 export default class SelectAllShortcutHandler extends BaseTool {
     constructor(editor) {

package/dist/mjs/src/tools/SelectionTool/Selection.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @internal
+ * @packageDocumentation
+ */
+import Editor from '../../Editor';
+import Mat33 from '../../math/Mat33';
+import Rect2 from '../../math/Rect2';
+import { Point2 } from '../../math/Vec2';
+import Pointer from '../../Pointer';
+import AbstractComponent from '../../components/AbstractComponent';
+import Command from '../../commands/Command';
+export default class Selection {
+    private editor;
+    private handles;
+    private originalRegion;
+    private transformers;
+    private transform;
+    private selectedElems;
+    private container;
+    private backgroundElem;
+    private hasParent;
+    constructor(startPoint: Point2, editor: Editor);
+    getBackgroundElem(): HTMLElement;
+    getTransform(): Mat33;
+    get preTransformRegion(): Rect2;
+    get region(): Rect2;
+    /**
+     * Computes and returns the bounding box of the selection without
+     * any additional padding. Computes directly from the elements that are selected.
+     * @internal
+     */
+    computeTightBoundingBox(): Rect2;
+    get regionRotation(): number;
+    get preTransformedScreenRegion(): Rect2;
+    get preTransformedScreenRegionRotation(): number;
+    get screenRegion(): Rect2;
+    get screenRegionRotation(): number;
+    setTransform(transform: Mat33, preview?: boolean): void;
+    finalizeTransform(): void;
+    private static ApplyTransformationCommand;
+    private previewTransformCmds;
+    resolveToObjects(): boolean;
+    recomputeRegion(): boolean;
+    getMinCanvasSize(): number;
+    getSelectedItemCount(): number;
+    updateUI(): void;
+    private removedFromImage;
+    private addRemoveSelectionFromImage;
+    private removeDeletedElemsFromSelection;
+    private targetHandle;
+    private backgroundDragging;
+    onDragStart(pointer: Pointer, target: EventTarget): boolean;
+    onDragUpdate(pointer: Pointer): void;
+    onDragEnd(): void;
+    onDragCancel(): void;
+    scrollTo(): Promise<void>;
+    deleteSelectedObjects(): Command;
+    duplicateSelectedObjects(): Promise<Command>;
+    addTo(elem: HTMLElement): void;
+    setToPoint(point: Point2): void;
+    cancelSelection(): void;
+    setSelectedObjects(objects: AbstractComponent[], bbox: Rect2): void;
+    getSelectedObjects(): AbstractComponent[];
+}

package/dist/{src/tools/SelectionTool/Selection.js → mjs/src/tools/SelectionTool/Selection.mjs}

@@ -12,18 +12,18 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var _a;
-import SerializableCommand from '../../commands/SerializableCommand';
-import Mat33 from '../../math/Mat33';
-import Rect2 from '../../math/Rect2';
-import { Vec2 } from '../../math/Vec2';
-import SelectionHandle, { HandleShape, handleSize } from './SelectionHandle';
-import { cssPrefix } from './SelectionTool';
-import Viewport from '../../Viewport';
-import Erase from '../../commands/Erase';
-import Duplicate from '../../commands/Duplicate';
-import { DragTransformer, ResizeTransformer, RotateTransformer } from './TransformMode';
-import { ResizeMode } from './types';
-import EditorImage from '../../EditorImage';
+import  SerializableCommand  from '../../commands/SerializableCommand.mjs';
+import  Mat33  from '../../math/Mat33.mjs';
+import  Rect2  from '../../math/Rect2.mjs';
+import  { Vec2 }  from '../../math/Vec2.mjs';
+import  SelectionHandle, { HandleShape, handleSize }  from './SelectionHandle.mjs';
+import  { cssPrefix }  from './SelectionTool.mjs';
+import  Viewport  from '../../Viewport.mjs';
+import  Erase  from '../../commands/Erase.mjs';
+import  Duplicate  from '../../commands/Duplicate.mjs';
+import  { DragTransformer, ResizeTransformer, RotateTransformer }  from './TransformMode.mjs';
+import  { ResizeMode }  from './types.mjs';
+import  EditorImage  from '../../EditorImage.mjs';
 const updateChunkSize = 100;
 const maxPreviewElemCount = 500;
 // @internal

package/dist/mjs/src/tools/SelectionTool/SelectionHandle.d.ts

@@ -0,0 +1,38 @@
+import { Point2, Vec2 } from '../../math/Vec2';
+import Selection from './Selection';
+import Pointer from '../../Pointer';
+export declare enum HandleShape {
+    Circle = 0,
+    Square = 1
+}
+export declare const handleSize = 30;
+export type DragStartCallback = (startPoint: Point2) => void;
+export type DragUpdateCallback = (canvasPoint: Point2) => void;
+export type DragEndCallback = () => void;
+export default class SelectionHandle {
+    readonly shape: HandleShape;
+    private readonly parentSide;
+    private readonly parent;
+    private readonly onDragStart;
+    private readonly onDragUpdate;
+    private readonly onDragEnd;
+    private element;
+    private snapToGrid;
+    constructor(shape: HandleShape, parentSide: Vec2, parent: Selection, onDragStart: DragStartCallback, onDragUpdate: DragUpdateCallback, onDragEnd: DragEndCallback);
+    /**
+     * Adds this to `container`, where `conatiner` should be the background/selection
+     * element visible on the screen.
+     */
+    addTo(container: HTMLElement): void;
+    updatePosition(): void;
+    /**
+     * @returns `true` if the given `EventTarget` matches this.
+     */
+    isTarget(target: EventTarget): boolean;
+    private dragLastPos;
+    handleDragStart(pointer: Pointer): void;
+    handleDragUpdate(pointer: Pointer): void;
+    handleDragEnd(): void;
+    setSnapToGrid(snap: boolean): void;
+    isSnappingToGrid(): boolean;
+}

package/dist/{src/tools/SelectionTool/SelectionHandle.js → mjs/src/tools/SelectionTool/SelectionHandle.mjs}

@@ -1,6 +1,6 @@
-import { assertUnreachable } from '../../util/assertions';
-import { Vec2 } from '../../math/Vec2';
-import { cssPrefix } from './SelectionTool';
+import  { assertUnreachable }  from '../../util/assertions.mjs';
+import  { Vec2 }  from '../../math/Vec2.mjs';
+import  { cssPrefix }  from './SelectionTool.mjs';
 export var HandleShape;
 (function (HandleShape) {
     HandleShape[HandleShape["Circle"] = 0] = "Circle";

package/dist/mjs/src/tools/SelectionTool/SelectionTool.d.ts

@@ -0,0 +1,36 @@
+import AbstractComponent from '../../components/AbstractComponent';
+import Editor from '../../Editor';
+import { CopyEvent, KeyPressEvent, KeyUpEvent, PointerEvt } from '../../types';
+import BaseTool from '../BaseTool';
+import Selection from './Selection';
+export declare const cssPrefix = "selection-tool-";
+export default class SelectionTool extends BaseTool {
+    private editor;
+    private handleOverlay;
+    private prevSelectionBox;
+    private selectionBox;
+    private lastEvtTarget;
+    private expandingSelectionBox;
+    private shiftKeyPressed;
+    private ctrlKeyPressed;
+    constructor(editor: Editor, description: string);
+    private makeSelectionBox;
+    private snapSelectionToGrid;
+    private selectionBoxHandlingEvt;
+    onPointerDown({ allPointers, current }: PointerEvt): boolean;
+    onPointerMove(event: PointerEvt): void;
+    private onSelectionUpdated;
+    private onGestureEnd;
+    private zoomToSelection;
+    onPointerUp(event: PointerEvt): void;
+    onGestureCancel(): void;
+    private static handleableKeys;
+    onKeyPress(event: KeyPressEvent): boolean;
+    onKeyUp(evt: KeyUpEvent): boolean;
+    onCopy(event: CopyEvent): boolean;
+    setEnabled(enabled: boolean): void;
+    getSelection(): Selection | null;
+    getSelectedObjects(): AbstractComponent[];
+    setSelection(objects: AbstractComponent[]): void;
+    clearSelection(): void;
+}

package/dist/{src/tools/SelectionTool/SelectionTool.js → mjs/src/tools/SelectionTool/SelectionTool.mjs}

@@ -1,11 +1,11 @@
-import Mat33 from '../../math/Mat33';
-import { Vec2 } from '../../math/Vec2';
-import { EditorEventType } from '../../types';
-import Viewport from '../../Viewport';
-import BaseTool from '../BaseTool';
-import SVGRenderer from '../../rendering/renderers/SVGRenderer';
-import Selection from './Selection';
-import TextComponent from '../../components/TextComponent';
+import  Mat33  from '../../math/Mat33.mjs';
+import  { Vec2 }  from '../../math/Vec2.mjs';
+import  { EditorEventType }  from '../../types.mjs';
+import  Viewport  from '../../Viewport.mjs';
+import  BaseTool  from '../BaseTool.mjs';
+import  SVGRenderer  from '../../rendering/renderers/SVGRenderer.mjs';
+import  Selection  from './Selection.mjs';
+import  TextComponent  from '../../components/TextComponent.mjs';
 export const cssPrefix = 'selection-tool-';
 // Allows users to select/transform portions of the `EditorImage`.
 // With respect to `extend`ing, `SelectionTool` is not stable.

package/dist/mjs/src/tools/SelectionTool/TransformMode.d.ts

@@ -0,0 +1,34 @@
+import Editor from '../../Editor';
+import Vec3 from '../../math/Vec3';
+import Selection from './Selection';
+import { ResizeMode } from './types';
+export declare class DragTransformer {
+    private readonly editor;
+    private selection;
+    private dragStartPoint;
+    constructor(editor: Editor, selection: Selection);
+    onDragStart(startPoint: Vec3): void;
+    onDragUpdate(canvasPos: Vec3): void;
+    onDragEnd(): void;
+}
+export declare class ResizeTransformer {
+    private readonly editor;
+    private selection;
+    private mode;
+    private dragStartPoint;
+    constructor(editor: Editor, selection: Selection);
+    onDragStart(startPoint: Vec3, mode: ResizeMode): void;
+    onDragUpdate(canvasPos: Vec3): void;
+    onDragEnd(): void;
+}
+export declare class RotateTransformer {
+    private readonly editor;
+    private selection;
+    private startAngle;
+    constructor(editor: Editor, selection: Selection);
+    private getAngle;
+    private roundAngle;
+    onDragStart(startPoint: Vec3): void;
+    onDragUpdate(canvasPos: Vec3): void;
+    onDragEnd(): void;
+}

package/dist/{src/tools/SelectionTool/TransformMode.js → mjs/src/tools/SelectionTool/TransformMode.mjs}

@@ -1,7 +1,7 @@
-import Mat33 from '../../math/Mat33';
-import { Vec2 } from '../../math/Vec2';
-import Viewport from '../../Viewport';
-import { ResizeMode } from './types';
+import  Mat33  from '../../math/Mat33.mjs';
+import  { Vec2 }  from '../../math/Vec2.mjs';
+import  Viewport  from '../../Viewport.mjs';
+import  { ResizeMode }  from './types.mjs';
 export class DragTransformer {
     constructor(editor, selection) {
         this.editor = editor;

package/dist/mjs/src/tools/SelectionTool/types.d.ts

@@ -0,0 +1,9 @@
+export declare enum ResizeMode {
+    Both = 0,
+    HorizontalOnly = 1,
+    VerticalOnly = 2
+}
+export declare enum TransformMode {
+    Snap = 0,
+    NoSnap = 1
+}

package/dist/mjs/src/tools/TextTool.d.ts

@@ -0,0 +1,33 @@
+import Color4 from '../Color4';
+import Editor from '../Editor';
+import { PointerEvt } from '../types';
+import BaseTool from './BaseTool';
+import { ToolLocalization } from './localization';
+import TextStyle from '../rendering/TextRenderingStyle';
+export default class TextTool extends BaseTool {
+    private editor;
+    private localizationTable;
+    private textStyle;
+    private textEditOverlay;
+    private textInputElem;
+    private textTargetPosition;
+    private textMeasuringCtx;
+    private textRotation;
+    private textScale;
+    private removeExistingCommand;
+    constructor(editor: Editor, description: string, localizationTable: ToolLocalization);
+    private getTextAscent;
+    private flushInput;
+    private getTextScaleMatrix;
+    private updateTextInput;
+    private startTextInput;
+    setEnabled(enabled: boolean): void;
+    onPointerDown({ current, allPointers }: PointerEvt): boolean;
+    onGestureCancel(): void;
+    private dispatchUpdateEvent;
+    setFontFamily(fontFamily: string): void;
+    setColor(color: Color4): void;
+    setFontSize(size: number): void;
+    getTextStyle(): TextStyle;
+    private setTextStyle;
+}

package/dist/{src/tools/TextTool.js → mjs/src/tools/TextTool.mjs}

@@ -1,14 +1,14 @@
-import Color4 from '../Color4';
-import TextComponent from '../components/TextComponent';
-import EditorImage from '../EditorImage';
-import Rect2 from '../math/Rect2';
-import Mat33 from '../math/Mat33';
-import { Vec2 } from '../math/Vec2';
-import { PointerDevice } from '../Pointer';
-import { EditorEventType } from '../types';
-import BaseTool from './BaseTool';
-import Erase from '../commands/Erase';
-import uniteCommands from '../commands/uniteCommands';
+import  Color4  from '../Color4.mjs';
+import  TextComponent  from '../components/TextComponent.mjs';
+import  EditorImage  from '../EditorImage.mjs';
+import  Rect2  from '../math/Rect2.mjs';
+import  Mat33  from '../math/Mat33.mjs';
+import  { Vec2 }  from '../math/Vec2.mjs';
+import  { PointerDevice }  from '../Pointer.mjs';
+import  { EditorEventType }  from '../types.mjs';
+import  BaseTool  from './BaseTool.mjs';
+import  Erase  from '../commands/Erase.mjs';
+import  uniteCommands  from '../commands/uniteCommands.mjs';
 const overlayCssClass = 'textEditorOverlay';
 export default class TextTool extends BaseTool {
     constructor(editor, description, localizationTable) {

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

@@ -0,0 +1,18 @@
+import { InputEvt } from '../types';
+import Editor from '../Editor';
+import BaseTool from './BaseTool';
+import ToolEnabledGroup from './ToolEnabledGroup';
+import { ToolLocalization } from './localization';
+export default class ToolController {
+    private tools;
+    private activeTool;
+    private primaryToolGroup;
+    /** @internal */
+    constructor(editor: Editor, localization: ToolLocalization);
+    setTools(tools: BaseTool[], primaryToolGroup?: ToolEnabledGroup): void;
+    addPrimaryTool(tool: BaseTool): void;
+    getPrimaryTools(): BaseTool[];
+    addTool(tool: BaseTool): void;
+    dispatchInputEvent(event: InputEvt): boolean;
+    getMatchingTools<Type extends BaseTool>(type: new (...args: any[]) => Type): Type[];
+}

package/dist/{src/tools/ToolController.js → mjs/src/tools/ToolController.mjs}

@@ -1,19 +1,19 @@
-import { InputEvtType, EditorEventType } from '../types';
-import PanZoom, { PanZoomMode } from './PanZoom';
-import Pen from './Pen';
-import ToolEnabledGroup from './ToolEnabledGroup';
-import Eraser from './Eraser';
-import SelectionTool from './SelectionTool/SelectionTool';
-import Color4 from '../Color4';
-import UndoRedoShortcut from './UndoRedoShortcut';
-import TextTool from './TextTool';
-import PipetteTool from './PipetteTool';
-import ToolSwitcherShortcut from './ToolSwitcherShortcut';
-import PasteHandler from './PasteHandler';
-import ToolbarShortcutHandler from './ToolbarShortcutHandler';
-import { makePressureSensitiveFreehandLineBuilder } from '../components/builders/PressureSensitiveFreehandLineBuilder';
-import FindTool from './FindTool';
-import SelectAllShortcutHandler from './SelectionTool/SelectAllShortcutHandler';
+import  { InputEvtType, EditorEventType }  from '../types.mjs';
+import  PanZoom, { PanZoomMode }  from './PanZoom.mjs';
+import  Pen  from './Pen.mjs';
+import  ToolEnabledGroup  from './ToolEnabledGroup.mjs';
+import  Eraser  from './Eraser.mjs';
+import  SelectionTool  from './SelectionTool/SelectionTool.mjs';
+import  Color4  from '../Color4.mjs';
+import  UndoRedoShortcut  from './UndoRedoShortcut.mjs';
+import  TextTool  from './TextTool.mjs';
+import  PipetteTool  from './PipetteTool.mjs';
+import  ToolSwitcherShortcut  from './ToolSwitcherShortcut.mjs';
+import  PasteHandler  from './PasteHandler.mjs';
+import  ToolbarShortcutHandler  from './ToolbarShortcutHandler.mjs';
+import  { makePressureSensitiveFreehandLineBuilder }  from '../components/builders/PressureSensitiveFreehandLineBuilder.mjs';
+import  FindTool  from './FindTool.mjs';
+import  SelectAllShortcutHandler  from './SelectionTool/SelectAllShortcutHandler.mjs';
 export default class ToolController {
     /** @internal */
     constructor(editor, localization) {

package/dist/mjs/src/tools/ToolEnabledGroup.d.ts

@@ -0,0 +1,6 @@
+import BaseTool from './BaseTool';
+export default class ToolEnabledGroup {
+    private activeTool;
+    constructor();
+    notifyEnabled(tool: BaseTool): void;
+}

package/dist/mjs/src/tools/ToolSwitcherShortcut.d.ts

@@ -0,0 +1,16 @@
+import Editor from '../Editor';
+import { KeyPressEvent } from '../types';
+import BaseTool from './BaseTool';
+/**
+ * Handles keyboard events used, by default, to select tools. By default,
+ * 1 maps to the first primary tool, 2 to the second primary tool, ... .
+ *
+ * This is in the default set of {@link ToolController} tools.
+ *
+ * @deprecated This may be replaced in the future.
+ */
+export default class ToolSwitcherShortcut extends BaseTool {
+    private editor;
+    constructor(editor: Editor);
+    onKeyPress({ key }: KeyPressEvent): boolean;
+}

package/dist/{src/tools/ToolSwitcherShortcut.js → mjs/src/tools/ToolSwitcherShortcut.mjs}

@@ -1,4 +1,4 @@
-import BaseTool from './BaseTool';
+import  BaseTool  from './BaseTool.mjs';
 /**
  * Handles keyboard events used, by default, to select tools. By default,
  * 1 maps to the first primary tool, 2 to the second primary tool, ... .

package/dist/mjs/src/tools/ToolbarShortcutHandler.d.ts

@@ -0,0 +1,12 @@
+import Editor from '../Editor';
+import { KeyPressEvent } from '../types';
+import BaseTool from './BaseTool';
+type KeyPressListener = (event: KeyPressEvent) => boolean;
+export default class ToolbarShortcutHandler extends BaseTool {
+    private listeners;
+    constructor(editor: Editor);
+    registerListener(listener: KeyPressListener): void;
+    removeListener(listener: KeyPressListener): void;
+    onKeyPress(event: KeyPressEvent): boolean;
+}
+export {};

package/dist/{src/tools/ToolbarShortcutHandler.js → mjs/src/tools/ToolbarShortcutHandler.mjs}

@@ -1,6 +1,6 @@
 // Allows the toolbar to register keyboard events.
 // @packageDocumentation
-import BaseTool from './BaseTool';
+import  BaseTool  from './BaseTool.mjs';
 export default class ToolbarShortcutHandler extends BaseTool {
     constructor(editor) {
         super(editor.notifier, editor.localization.changeTool);

package/dist/mjs/src/tools/UndoRedoShortcut.d.ts

@@ -0,0 +1,8 @@
+import Editor from '../Editor';
+import { KeyPressEvent } from '../types';
+import BaseTool from './BaseTool';
+export default class UndoRedoShortcut extends BaseTool {
+    private editor;
+    constructor(editor: Editor);
+    onKeyPress({ key, ctrlKey }: KeyPressEvent): boolean;
+}

package/dist/{src/tools/UndoRedoShortcut.js → mjs/src/tools/UndoRedoShortcut.mjs}

@@ -1,4 +1,4 @@
-import BaseTool from './BaseTool';
+import  BaseTool  from './BaseTool.mjs';
 // Handles ctrl+Z, ctrl+Shift+Z keyboard shortcuts.
 export default class UndoRedoShortcut extends BaseTool {
     constructor(editor) {

package/dist/{src/tools/lib.js → mjs/src/tools/lib.d.ts}

@@ -7,7 +7,7 @@ export { default as ToolEnabledGroup } from './ToolEnabledGroup';
 export { default as UndoRedoShortcut } from './UndoRedoShortcut';
 export { default as ToolSwitcherShortcut } from './ToolSwitcherShortcut';
 export { default as PanZoomTool, PanZoomMode } from './PanZoom';
-export { default as PenTool } from './Pen';
+export { default as PenTool, PenStyle } from './Pen';
 export { default as TextTool } from './TextTool';
 export { default as SelectionTool } from './SelectionTool/SelectionTool';
 export { default as SelectAllShortcutHandler } from './SelectionTool/SelectAllShortcutHandler';

package/dist/mjs/src/tools/lib.mjs

@@ -0,0 +1,16 @@
+/**
+ * @packageDocumentation
+ */
+export  { default as BaseTool }  from './BaseTool.mjs';
+export  { default as ToolController }  from './ToolController.mjs';
+export  { default as ToolEnabledGroup }  from './ToolEnabledGroup.mjs';
+export  { default as UndoRedoShortcut }  from './UndoRedoShortcut.mjs';
+export  { default as ToolSwitcherShortcut }  from './ToolSwitcherShortcut.mjs';
+export  { default as PanZoomTool, PanZoomMode }  from './PanZoom.mjs';
+export  { default as PenTool }  from './Pen.mjs';
+export  { default as TextTool }  from './TextTool.mjs';
+export  { default as SelectionTool }  from './SelectionTool/SelectionTool.mjs';
+export  { default as SelectAllShortcutHandler }  from './SelectionTool/SelectAllShortcutHandler.mjs';
+export  { default as EraserTool }  from './Eraser.mjs';
+export  { default as PasteHandler }  from './PasteHandler.mjs';
+export  { default as ToolbarShortcutHandler }  from './ToolbarShortcutHandler.mjs';

package/dist/mjs/src/tools/localization.d.ts

@@ -0,0 +1,28 @@
+export interface ToolLocalization {
+    keyboardPanZoom: string;
+    penTool: (penId: number) => string;
+    selectionTool: string;
+    selectAllTool: string;
+    eraserTool: string;
+    touchPanTool: string;
+    twoFingerPanZoomTool: string;
+    undoRedoTool: string;
+    pipetteTool: string;
+    rightClickDragPanTool: string;
+    textTool: string;
+    enterTextToInsert: string;
+    changeTool: string;
+    pasteHandler: string;
+    findLabel: string;
+    toNextMatch: string;
+    closeFindDialog: string;
+    findDialogShown: string;
+    findDialogHidden: string;
+    focusedFoundText: (currentMatchNumber: number, totalMatches: number) => string;
+    anyDevicePanning: string;
+    copied: (count: number, description: string) => string;
+    pasted: (count: number, description: string) => string;
+    toolEnabledAnnouncement: (toolName: string) => string;
+    toolDisabledAnnouncement: (toolName: string) => string;
+}
+export declare const defaultToolLocalization: ToolLocalization;