js-draw 0.23.1 → 0.24.0

package/dist/cjs/src/tools/ToolSwitcherShortcut.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const BaseTool_1 = __importDefault(require("./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.
- */
-class ToolSwitcherShortcut extends BaseTool_1.default {
-    constructor(editor) {
-        super(editor.notifier, editor.localization.changeTool);
-        this.editor = editor;
-    }
-    // @internal
-    onKeyPress({ key }) {
-        const toolController = this.editor.toolController;
-        const primaryTools = toolController.getPrimaryTools();
-        // Map keys 0-9 to primary tools.
-        const keyMatch = /^[0-9]$/.exec(key);
-        let targetTool;
-        if (keyMatch) {
-            const targetIdx = parseInt(keyMatch[0], 10) - 1;
-            targetTool = primaryTools[targetIdx];
-        }
-        if (targetTool) {
-            targetTool.setEnabled(true);
-            return true;
-        }
-        return false;
-    }
-}
-exports.default = ToolSwitcherShortcut;

package/dist/cjs/src/tools/ToolbarShortcutHandler.js

@@ -1,29 +0,0 @@
-"use strict";
-// Allows the toolbar to register keyboard events.
-// @packageDocumentation
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const BaseTool_1 = __importDefault(require("./BaseTool"));
-class ToolbarShortcutHandler extends BaseTool_1.default {
-    constructor(editor) {
-        super(editor.notifier, editor.localization.changeTool);
-        this.listeners = new Set([]);
-    }
-    registerListener(listener) {
-        this.listeners.add(listener);
-    }
-    removeListener(listener) {
-        this.listeners.delete(listener);
-    }
-    onKeyPress(event) {
-        for (const listener of this.listeners) {
-            if (listener(event)) {
-                return true;
-            }
-        }
-        return false;
-    }
-}
-exports.default = ToolbarShortcutHandler;

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

@@ -1,8 +0,0 @@
-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/cjs/src/tools/UndoRedoShortcut.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const BaseTool_1 = __importDefault(require("./BaseTool"));
-// Handles ctrl+Z, ctrl+Shift+Z keyboard shortcuts.
-class UndoRedoShortcut extends BaseTool_1.default {
-    constructor(editor) {
-        super(editor.notifier, editor.localization.undoRedoTool);
-        this.editor = editor;
-    }
-    // @internal
-    onKeyPress({ key, ctrlKey }) {
-        if (ctrlKey) {
-            if (key === 'z') {
-                this.editor.history.undo();
-                return true;
-            }
-            else if (key === 'Z') {
-                this.editor.history.redo();
-                return true;
-            }
-        }
-        return false;
-    }
-}
-exports.default = UndoRedoShortcut;

package/dist/cjs/src/tools/lib.js

@@ -1,38 +0,0 @@
-"use strict";
-/**
- * @packageDocumentation
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarShortcutHandler = exports.SoundUITool = exports.PasteHandler = exports.EraserTool = exports.SelectAllShortcutHandler = exports.SelectionTool = exports.TextTool = exports.PenTool = exports.PanZoomMode = exports.PanZoomTool = exports.ToolSwitcherShortcut = exports.UndoRedoShortcut = exports.ToolEnabledGroup = exports.ToolController = exports.BaseTool = void 0;
-var BaseTool_1 = require("./BaseTool");
-Object.defineProperty(exports, "BaseTool", { enumerable: true, get: function () { return __importDefault(BaseTool_1).default; } });
-var ToolController_1 = require("./ToolController");
-Object.defineProperty(exports, "ToolController", { enumerable: true, get: function () { return __importDefault(ToolController_1).default; } });
-var ToolEnabledGroup_1 = require("./ToolEnabledGroup");
-Object.defineProperty(exports, "ToolEnabledGroup", { enumerable: true, get: function () { return __importDefault(ToolEnabledGroup_1).default; } });
-var UndoRedoShortcut_1 = require("./UndoRedoShortcut");
-Object.defineProperty(exports, "UndoRedoShortcut", { enumerable: true, get: function () { return __importDefault(UndoRedoShortcut_1).default; } });
-var ToolSwitcherShortcut_1 = require("./ToolSwitcherShortcut");
-Object.defineProperty(exports, "ToolSwitcherShortcut", { enumerable: true, get: function () { return __importDefault(ToolSwitcherShortcut_1).default; } });
-var PanZoom_1 = require("./PanZoom");
-Object.defineProperty(exports, "PanZoomTool", { enumerable: true, get: function () { return __importDefault(PanZoom_1).default; } });
-Object.defineProperty(exports, "PanZoomMode", { enumerable: true, get: function () { return PanZoom_1.PanZoomMode; } });
-var Pen_1 = require("./Pen");
-Object.defineProperty(exports, "PenTool", { enumerable: true, get: function () { return __importDefault(Pen_1).default; } });
-var TextTool_1 = require("./TextTool");
-Object.defineProperty(exports, "TextTool", { enumerable: true, get: function () { return __importDefault(TextTool_1).default; } });
-var SelectionTool_1 = require("./SelectionTool/SelectionTool");
-Object.defineProperty(exports, "SelectionTool", { enumerable: true, get: function () { return __importDefault(SelectionTool_1).default; } });
-var SelectAllShortcutHandler_1 = require("./SelectionTool/SelectAllShortcutHandler");
-Object.defineProperty(exports, "SelectAllShortcutHandler", { enumerable: true, get: function () { return __importDefault(SelectAllShortcutHandler_1).default; } });
-var Eraser_1 = require("./Eraser");
-Object.defineProperty(exports, "EraserTool", { enumerable: true, get: function () { return __importDefault(Eraser_1).default; } });
-var PasteHandler_1 = require("./PasteHandler");
-Object.defineProperty(exports, "PasteHandler", { enumerable: true, get: function () { return __importDefault(PasteHandler_1).default; } });
-var SoundUITool_1 = require("./SoundUITool");
-Object.defineProperty(exports, "SoundUITool", { enumerable: true, get: function () { return __importDefault(SoundUITool_1).default; } });
-var ToolbarShortcutHandler_1 = require("./ToolbarShortcutHandler");
-Object.defineProperty(exports, "ToolbarShortcutHandler", { enumerable: true, get: function () { return __importDefault(ToolbarShortcutHandler_1).default; } });

package/dist/cjs/src/tools/localization.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultToolLocalization = void 0;
-exports.defaultToolLocalization = {
-    penTool: (penId) => `Pen ${penId}`,
-    selectionTool: 'Selection',
-    selectAllTool: 'Select all shortcut',
-    eraserTool: 'Eraser',
-    touchPanTool: 'Touch panning',
-    twoFingerPanZoomTool: 'Panning and zooming',
-    undoRedoTool: 'Undo/Redo',
-    rightClickDragPanTool: 'Right-click drag',
-    pipetteTool: 'Pick color from screen',
-    keyboardPanZoom: 'Keyboard pan/zoom shortcuts',
-    textTool: 'Text',
-    enterTextToInsert: 'Text to insert',
-    changeTool: 'Change tool',
-    pasteHandler: 'Copy paste handler',
-    soundExplorer: 'Sound-based image exploration',
-    disableAccessibilityExploreTool: 'Disable sound-based exploration',
-    enableAccessibilityExploreTool: 'Enable sound-based exploration',
-    findLabel: 'Find',
-    toNextMatch: 'Next',
-    closeFindDialog: 'Close',
-    findDialogShown: 'Find dialog shown',
-    findDialogHidden: 'Find dialog hidden',
-    focusedFoundText: (matchIdx, totalMatches) => `Viewing match ${matchIdx} of ${totalMatches}`,
-    anyDevicePanning: 'Any device panning',
-    copied: (count, description) => `Copied ${count} ${description}`,
-    pasted: (count, description) => `Pasted ${count} ${description}`,
-    toolEnabledAnnouncement: (toolName) => `${toolName} enabled`,
-    toolDisabledAnnouncement: (toolName) => `${toolName} disabled`,
-};

package/dist/cjs/src/types.d.ts

@@ -1,153 +0,0 @@
-import EventDispatcher from './EventDispatcher';
-import Mat33 from './math/Mat33';
-import { Point2, Vec2 } from './math/Vec2';
-import Vec3 from './math/Vec3';
-import BaseTool from './tools/BaseTool';
-import AbstractComponent from './components/AbstractComponent';
-import Rect2 from './math/Rect2';
-import Pointer from './Pointer';
-import Color4 from './Color4';
-import Command from './commands/Command';
-import BaseWidget from './toolbar/widgets/BaseWidget';
-export type HTMLPointerEventName = 'pointerdown' | 'pointermove' | 'pointerup' | 'pointercancel';
-export type HTMLPointerEventFilter = (eventName: HTMLPointerEventName, event: PointerEvent) => boolean;
-export interface PointerEvtListener {
-    onPointerDown(event: PointerEvt): boolean;
-    onPointerMove(event: PointerEvt): void;
-    onPointerUp(event: PointerEvt): void;
-    onGestureCancel(): void;
-}
-export declare enum InputEvtType {
-    PointerDownEvt = 0,
-    PointerMoveEvt = 1,
-    PointerUpEvt = 2,
-    GestureCancelEvt = 3,
-    WheelEvt = 4,
-    KeyPressEvent = 5,
-    KeyUpEvent = 6,
-    CopyEvent = 7,
-    PasteEvent = 8
-}
-export interface WheelEvt {
-    readonly kind: InputEvtType.WheelEvt;
-    readonly delta: Vec3;
-    readonly screenPos: Point2;
-}
-export interface KeyPressEvent {
-    readonly kind: InputEvtType.KeyPressEvent;
-    readonly key: string;
-    readonly ctrlKey: boolean | undefined;
-    readonly altKey: boolean | undefined;
-}
-export interface KeyUpEvent {
-    readonly kind: InputEvtType.KeyUpEvent;
-    readonly key: string;
-    readonly ctrlKey: boolean | undefined;
-    readonly altKey: boolean | undefined;
-}
-export interface CopyEvent {
-    readonly kind: InputEvtType.CopyEvent;
-    setData(mime: string, data: string): void;
-}
-export interface PasteEvent {
-    readonly kind: InputEvtType.PasteEvent;
-    readonly data: string;
-    readonly mime: string;
-}
-export interface GestureCancelEvt {
-    readonly kind: InputEvtType.GestureCancelEvt;
-}
-interface PointerEvtBase {
-    readonly current: Pointer;
-    readonly allPointers: Pointer[];
-}
-export interface PointerDownEvt extends PointerEvtBase {
-    readonly kind: InputEvtType.PointerDownEvt;
-}
-export interface PointerMoveEvt extends PointerEvtBase {
-    readonly kind: InputEvtType.PointerMoveEvt;
-}
-export interface PointerUpEvt extends PointerEvtBase {
-    readonly kind: InputEvtType.PointerUpEvt;
-}
-export type PointerEvt = PointerDownEvt | PointerMoveEvt | PointerUpEvt;
-export type InputEvt = KeyPressEvent | KeyUpEvent | WheelEvt | GestureCancelEvt | PointerEvt | CopyEvent | PasteEvent;
-export type EditorNotifier = EventDispatcher<EditorEventType, EditorEventDataType>;
-export declare enum EditorEventType {
-    ToolEnabled = 0,
-    ToolDisabled = 1,
-    ToolUpdated = 2,
-    UndoRedoStackUpdated = 3,
-    CommandDone = 4,
-    CommandUndone = 5,
-    ObjectAdded = 6,
-    ViewportChanged = 7,
-    DisplayResized = 8,
-    ColorPickerToggled = 9,
-    ColorPickerColorSelected = 10,
-    ToolbarDropdownShown = 11
-}
-export declare enum UndoEventType {
-    CommandDone = 0,
-    CommandUndone = 1,
-    CommandRedone = 2
-}
-type EditorToolEventType = EditorEventType.ToolEnabled | EditorEventType.ToolDisabled | EditorEventType.ToolUpdated;
-export interface EditorToolEvent {
-    readonly kind: EditorToolEventType;
-    readonly tool: BaseTool;
-}
-export interface EditorObjectEvent {
-    readonly kind: EditorEventType.ObjectAdded;
-    readonly object: AbstractComponent;
-}
-export interface EditorViewportChangedEvent {
-    readonly kind: EditorEventType.ViewportChanged;
-    readonly newTransform: Mat33;
-    readonly oldTransform: Mat33;
-}
-export interface DisplayResizedEvent {
-    readonly kind: EditorEventType.DisplayResized;
-    readonly newSize: Vec2;
-}
-export interface EditorUndoStackUpdated {
-    readonly kind: EditorEventType.UndoRedoStackUpdated;
-    readonly undoStackSize: number;
-    readonly redoStackSize: number;
-    readonly command?: Command;
-    readonly stackUpdateType: UndoEventType;
-}
-export interface CommandDoneEvent {
-    readonly kind: EditorEventType.CommandDone;
-    readonly command: Command;
-}
-export interface CommandUndoneEvent {
-    readonly kind: EditorEventType.CommandUndone;
-    readonly command: Command;
-}
-export interface ColorPickerToggled {
-    readonly kind: EditorEventType.ColorPickerToggled;
-    readonly open: boolean;
-}
-export interface ColorPickerColorSelected {
-    readonly kind: EditorEventType.ColorPickerColorSelected;
-    readonly color: Color4;
-}
-export interface ToolbarDropdownShownEvent {
-    readonly kind: EditorEventType.ToolbarDropdownShown;
-    readonly parentWidget: BaseWidget;
-}
-export type EditorEventDataType = EditorToolEvent | EditorObjectEvent | EditorViewportChangedEvent | DisplayResizedEvent | EditorUndoStackUpdated | CommandDoneEvent | CommandUndoneEvent | ColorPickerToggled | ColorPickerColorSelected | ToolbarDropdownShownEvent;
-export type OnProgressListener = (amountProcessed: number, totalToProcess: number) => Promise<void> | null | void;
-export type ComponentAddedListener = (component: AbstractComponent) => Promise<void> | void;
-export type OnDetermineExportRectListener = (exportRect: Rect2) => void;
-export interface ImageLoader {
-    start(onAddComponent: ComponentAddedListener, onProgressListener: OnProgressListener, onDetermineExportRect?: OnDetermineExportRectListener): Promise<void>;
-}
-export interface StrokeDataPoint {
-    pos: Point2;
-    width: number;
-    time: number;
-    color: Color4;
-}
-export {};

package/dist/cjs/src/types.js

@@ -1,38 +0,0 @@
-"use strict";
-// Types related to the image editor
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UndoEventType = exports.EditorEventType = exports.InputEvtType = void 0;
-var InputEvtType;
-(function (InputEvtType) {
-    InputEvtType[InputEvtType["PointerDownEvt"] = 0] = "PointerDownEvt";
-    InputEvtType[InputEvtType["PointerMoveEvt"] = 1] = "PointerMoveEvt";
-    InputEvtType[InputEvtType["PointerUpEvt"] = 2] = "PointerUpEvt";
-    InputEvtType[InputEvtType["GestureCancelEvt"] = 3] = "GestureCancelEvt";
-    InputEvtType[InputEvtType["WheelEvt"] = 4] = "WheelEvt";
-    InputEvtType[InputEvtType["KeyPressEvent"] = 5] = "KeyPressEvent";
-    InputEvtType[InputEvtType["KeyUpEvent"] = 6] = "KeyUpEvent";
-    InputEvtType[InputEvtType["CopyEvent"] = 7] = "CopyEvent";
-    InputEvtType[InputEvtType["PasteEvent"] = 8] = "PasteEvent";
-})(InputEvtType = exports.InputEvtType || (exports.InputEvtType = {}));
-var EditorEventType;
-(function (EditorEventType) {
-    EditorEventType[EditorEventType["ToolEnabled"] = 0] = "ToolEnabled";
-    EditorEventType[EditorEventType["ToolDisabled"] = 1] = "ToolDisabled";
-    EditorEventType[EditorEventType["ToolUpdated"] = 2] = "ToolUpdated";
-    EditorEventType[EditorEventType["UndoRedoStackUpdated"] = 3] = "UndoRedoStackUpdated";
-    EditorEventType[EditorEventType["CommandDone"] = 4] = "CommandDone";
-    EditorEventType[EditorEventType["CommandUndone"] = 5] = "CommandUndone";
-    EditorEventType[EditorEventType["ObjectAdded"] = 6] = "ObjectAdded";
-    EditorEventType[EditorEventType["ViewportChanged"] = 7] = "ViewportChanged";
-    EditorEventType[EditorEventType["DisplayResized"] = 8] = "DisplayResized";
-    EditorEventType[EditorEventType["ColorPickerToggled"] = 9] = "ColorPickerToggled";
-    EditorEventType[EditorEventType["ColorPickerColorSelected"] = 10] = "ColorPickerColorSelected";
-    EditorEventType[EditorEventType["ToolbarDropdownShown"] = 11] = "ToolbarDropdownShown";
-})(EditorEventType = exports.EditorEventType || (exports.EditorEventType = {}));
-// Types of `EditorUndoStackUpdated` events.
-var UndoEventType;
-(function (UndoEventType) {
-    UndoEventType[UndoEventType["CommandDone"] = 0] = "CommandDone";
-    UndoEventType[UndoEventType["CommandUndone"] = 1] = "CommandUndone";
-    UndoEventType[UndoEventType["CommandRedone"] = 2] = "CommandRedone";
-})(UndoEventType = exports.UndoEventType || (exports.UndoEventType = {}));

package/dist/cjs/src/util/assertions.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.assertIsNumberArray = exports.assertIsNumber = exports.assertUnreachable = void 0;
-/**
- * Compile-time assertion that a branch of code is unreachable.
- * @internal
- */
-const assertUnreachable = (key) => {
-    // See https://stackoverflow.com/a/39419171/17055750
-    throw new Error(`Should be unreachable. Key: ${key}.`);
-};
-exports.assertUnreachable = assertUnreachable;
-/**
- * Throws an exception if the typeof given value is not a number or `value` is NaN.
- *
- * @example
- * ```ts
- * const foo: unknown = 3;
- * assertIsNumber(foo);
- *
- * assertIsNumber('hello, world'); // throws an Error.
- * ```
- *
- *
- */
-const assertIsNumber = (value, allowNaN = false) => {
-    if (typeof value !== 'number' || (!allowNaN && isNaN(value))) {
-        throw new Error('Given value is not a number');
-        // return false;
-    }
-    return true;
-};
-exports.assertIsNumber = assertIsNumber;
-/**
- * Throws if any of `values` is not of type number.
- */
-const assertIsNumberArray = (values, allowNaN = false) => {
-    if (typeof values !== 'object') {
-        throw new Error('Asserting isNumberArray: Given entity is not an array');
-    }
-    if (!(0, exports.assertIsNumber)(values['length'])) {
-        return false;
-    }
-    for (const value of values) {
-        if (!(0, exports.assertIsNumber)(value, allowNaN)) {
-            return false;
-        }
-    }
-    return true;
-};
-exports.assertIsNumberArray = assertIsNumberArray;

package/dist/cjs/src/util/fileToBase64.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fileToBase64 = (file, onprogress) => {
-    const reader = new FileReader();
-    return new Promise((resolve, reject) => {
-        reader.onload = () => resolve(reader.result);
-        reader.onerror = reject;
-        reader.onabort = reject;
-        reader.onprogress = (evt) => {
-            onprogress === null || onprogress === void 0 ? void 0 : onprogress(evt);
-        };
-        reader.readAsDataURL(file);
-    });
-};
-exports.default = fileToBase64;

package/dist/cjs/src/util/untilNextAnimationFrame.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @internal */
-const untilNextAnimationFrame = () => {
-    return new Promise((resolve) => {
-        requestAnimationFrame(() => resolve());
-    });
-};
-exports.default = untilNextAnimationFrame;

package/dist/cjs/src/util/waitForAll.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * Resolves when all given promises have resolved. If no promises are given,
- * does not return a Promise.
- */
-const waitForAll = (results) => {
-    // If any are Promises...
-    if (results.some(command => command && command['then'])) {
-        // Wait for all commands to finish.
-        return Promise.all(results)
-            // Ensure we return a Promise<void> and not a Promise<void[]>
-            .then(() => { });
-    }
-    return;
-};
-exports.default = waitForAll;

package/dist/cjs/src/util/waitForTimeout.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// Returns a promise that resolves after `timeout` milliseconds.
-const waitForTimeout = (timeout) => {
-    return new Promise(resolve => {
-        setTimeout(() => resolve(), timeout);
-    });
-};
-exports.default = waitForTimeout;