js-draw 0.23.1 → 0.24.1

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

@@ -1,164 +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 Color4_1 = __importDefault(require("../Color4"));
-const LineSegment2_1 = __importDefault(require("../math/LineSegment2"));
-const BaseTool_1 = __importDefault(require("./BaseTool"));
-class SoundFeedback {
-    constructor() {
-        this.closed = false;
-        // No AudioContext? Exit!
-        if (!window.AudioContext) {
-            console.warn('Accessibility sound UI: Unable to open AudioContext.');
-            this.closed = true;
-            return;
-        }
-        this.ctx = new AudioContext();
-        // Color oscillator and gain
-        this.colorOscHue = this.ctx.createOscillator();
-        this.colorOscValue = this.ctx.createOscillator();
-        this.colorOscSaturation = this.ctx.createOscillator();
-        this.colorOscHue.type = 'triangle';
-        this.colorOscSaturation.type = 'sine';
-        this.colorOscValue.type = 'sawtooth';
-        this.valueGain = this.ctx.createGain();
-        this.colorOscValue.connect(this.valueGain);
-        this.valueGain.gain.setValueAtTime(0.18, this.ctx.currentTime);
-        this.colorGain = this.ctx.createGain();
-        this.colorOscHue.connect(this.colorGain);
-        this.valueGain.connect(this.colorGain);
-        this.colorOscSaturation.connect(this.colorGain);
-        this.colorGain.connect(this.ctx.destination);
-        // Boundary oscillator and gain
-        this.boundaryGain = this.ctx.createGain();
-        this.boundaryOsc = this.ctx.createOscillator();
-        this.boundaryOsc.type = 'sawtooth';
-        this.boundaryGain.gain.setValueAtTime(0, this.ctx.currentTime);
-        this.boundaryOsc.connect(this.boundaryGain);
-        this.boundaryGain.connect(this.ctx.destination);
-        // Prepare for the first announcement/feedback.
-        this.colorOscHue.start();
-        this.colorOscSaturation.start();
-        this.colorOscValue.start();
-        this.boundaryOsc.start();
-        this.pause();
-    }
-    pause() {
-        if (this.closed)
-            return;
-        this.colorGain.gain.setValueAtTime(0, this.ctx.currentTime);
-        void this.ctx.suspend();
-    }
-    play() {
-        if (this.closed)
-            return;
-        void this.ctx.resume();
-    }
-    setColor(color) {
-        const hsv = color.asHSV();
-        // Choose frequencies that roughly correspond to hue, saturation, and value.
-        const hueFrequency = (-Math.cos(hsv.x / 2)) * 220 + 440;
-        const saturationFrequency = hsv.y * 440 + 220;
-        const valueFrequency = (hsv.z + 0.1) * 440;
-        // Sigmoid with maximum 0.25 * alpha.
-        // Louder for greater value.
-        const gain = 0.25 * Math.min(1, color.a) / (1 + Math.exp(-(hsv.z - 0.5) * 3));
-        this.colorOscHue.frequency.setValueAtTime(hueFrequency, this.ctx.currentTime);
-        this.colorOscSaturation.frequency.setValueAtTime(saturationFrequency, this.ctx.currentTime);
-        this.colorOscValue.frequency.setValueAtTime(valueFrequency, this.ctx.currentTime);
-        this.valueGain.gain.setValueAtTime((1 - hsv.z) * 0.4, this.ctx.currentTime);
-        this.colorGain.gain.setValueAtTime(gain, this.ctx.currentTime);
-    }
-    announceBoundaryCross(boundaryCrossCount) {
-        this.boundaryGain.gain.cancelScheduledValues(this.ctx.currentTime);
-        this.boundaryGain.gain.setValueAtTime(0, this.ctx.currentTime);
-        this.boundaryGain.gain.linearRampToValueAtTime(0.018, this.ctx.currentTime + 0.1);
-        this.boundaryOsc.frequency.setValueAtTime(440 + Math.atan(boundaryCrossCount / 2) * 100, this.ctx.currentTime);
-        this.boundaryGain.gain.linearRampToValueAtTime(0, this.ctx.currentTime + 0.25);
-    }
-    close() {
-        this.ctx.close();
-        this.closed = true;
-    }
-}
-/**
- * This tool, when enabled, plays a sound representing the color of the portion of the display
- * currently under the cursor. This tool adds a button that can be navigated to with the tab key
- * that enables/disables the tool.
- *
- * This allows the user to explore the content of the display without a working screen.
- */
-class SoundUITool extends BaseTool_1.default {
-    constructor(editor, description) {
-        super(editor.notifier, description);
-        this.editor = editor;
-        this.soundFeedback = null;
-        // Create a screen-reader-usable method of toggling the tool:
-        this.toggleButtonContainer = document.createElement('div');
-        this.toggleButtonContainer.classList.add('js-draw-sound-ui-toggle');
-        this.toggleButton = document.createElement('button');
-        this.toggleButton.onclick = () => {
-            this.setEnabled(!this.isEnabled());
-        };
-        this.toggleButtonContainer.appendChild(this.toggleButton);
-        this.updateToggleButtonText();
-        editor.createHTMLOverlay(this.toggleButtonContainer);
-    }
-    updateToggleButtonText() {
-        const containerEnabledClass = 'sound-ui-tool-enabled';
-        if (this.isEnabled()) {
-            this.toggleButton.innerText = this.editor.localization.disableAccessibilityExploreTool;
-            this.toggleButtonContainer.classList.add(containerEnabledClass);
-        }
-        else {
-            this.toggleButton.innerText = this.editor.localization.enableAccessibilityExploreTool;
-            this.toggleButtonContainer.classList.remove(containerEnabledClass);
-        }
-    }
-    setEnabled(enabled) {
-        var _a;
-        super.setEnabled(enabled);
-        if (!enabled) {
-            (_a = this.soundFeedback) === null || _a === void 0 ? void 0 : _a.close();
-            this.soundFeedback = null;
-        }
-        this.updateToggleButtonText();
-    }
-    onPointerDown({ current, allPointers }) {
-        var _a, _b, _c;
-        if (!this.soundFeedback) {
-            this.soundFeedback = new SoundFeedback();
-        }
-        // Allow two-finger gestures to move the screen.
-        if (allPointers.length >= 2) {
-            return false;
-        }
-        // Accept multiple cursors -- some screen readers require multiple (touch) pointers to interact with
-        // an image instead of using the built-in navigation features.
-        (_a = this.soundFeedback) === null || _a === void 0 ? void 0 : _a.play();
-        (_b = this.soundFeedback) === null || _b === void 0 ? void 0 : _b.setColor((_c = this.editor.display.getColorAt(current.screenPos)) !== null && _c !== void 0 ? _c : Color4_1.default.black);
-        this.lastPointerPos = current.canvasPos;
-        return true;
-    }
-    onPointerMove({ current }) {
-        var _a, _b, _c;
-        (_a = this.soundFeedback) === null || _a === void 0 ? void 0 : _a.setColor((_b = this.editor.display.getColorAt(current.screenPos)) !== null && _b !== void 0 ? _b : Color4_1.default.black);
-        const pointerMotionLine = new LineSegment2_1.default(this.lastPointerPos, current.canvasPos);
-        const collisions = this.editor.image.getElementsIntersectingRegion(pointerMotionLine.bbox).filter(component => component.intersects(pointerMotionLine));
-        this.lastPointerPos = current.canvasPos;
-        if (collisions.length > 0) {
-            (_c = this.soundFeedback) === null || _c === void 0 ? void 0 : _c.announceBoundaryCross(collisions.length);
-        }
-    }
-    onPointerUp(_event) {
-        var _a;
-        (_a = this.soundFeedback) === null || _a === void 0 ? void 0 : _a.pause();
-    }
-    onGestureCancel() {
-        var _a;
-        (_a = this.soundFeedback) === null || _a === void 0 ? void 0 : _a.pause();
-    }
-}
-exports.default = SoundUITool;

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

@@ -1,33 +0,0 @@
-import Color4 from '../Color4';
-import Editor from '../Editor';
-import { PointerEvt } from '../types';
-import BaseTool from './BaseTool';
-import { ToolLocalization } from './localization';
-import TextRenderingStyle 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(): TextRenderingStyle;
-    private setTextStyle;
-}

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

@@ -1,262 +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 Color4_1 = __importDefault(require("../Color4"));
-const TextComponent_1 = __importDefault(require("../components/TextComponent"));
-const EditorImage_1 = __importDefault(require("../EditorImage"));
-const Rect2_1 = __importDefault(require("../math/Rect2"));
-const Mat33_1 = __importDefault(require("../math/Mat33"));
-const Vec2_1 = require("../math/Vec2");
-const Pointer_1 = require("../Pointer");
-const types_1 = require("../types");
-const BaseTool_1 = __importDefault(require("./BaseTool"));
-const Erase_1 = __importDefault(require("../commands/Erase"));
-const uniteCommands_1 = __importDefault(require("../commands/uniteCommands"));
-const overlayCssClass = 'textEditorOverlay';
-class TextTool extends BaseTool_1.default {
-    constructor(editor, description, localizationTable) {
-        super(editor.notifier, description);
-        this.editor = editor;
-        this.localizationTable = localizationTable;
-        this.textInputElem = null;
-        this.textTargetPosition = null;
-        this.textMeasuringCtx = null;
-        this.textScale = Vec2_1.Vec2.of(1, 1);
-        this.removeExistingCommand = null;
-        this.textStyle = {
-            size: 32,
-            fontFamily: 'sans-serif',
-            renderingStyle: {
-                fill: Color4_1.default.purple,
-            },
-        };
-        this.textEditOverlay = document.createElement('div');
-        this.textEditOverlay.classList.add(overlayCssClass);
-        this.editor.addStyleSheet(`
-			.${overlayCssClass} {
-				height: 0;
-				overflow: visible;
-			}
-
-			.${overlayCssClass} textarea {
-				background-color: rgba(0, 0, 0, 0);
-
-				white-space: pre;
-				overflow: hidden;
-
-				padding: 0;
-				margin: 0;
-				border: none;
-				padding: 0;
-
-				min-width: 100px;
-				min-height: 1.1em;
-			}
-		`);
-        this.editor.createHTMLOverlay(this.textEditOverlay);
-        this.editor.notifier.on(types_1.EditorEventType.ViewportChanged, () => this.updateTextInput());
-    }
-    getTextAscent(text, style) {
-        var _a;
-        (_a = this.textMeasuringCtx) !== null && _a !== void 0 ? _a : (this.textMeasuringCtx = document.createElement('canvas').getContext('2d'));
-        if (this.textMeasuringCtx) {
-            TextComponent_1.default.applyTextStyles(this.textMeasuringCtx, style);
-            return this.textMeasuringCtx.measureText(text).actualBoundingBoxAscent;
-        }
-        // Estimate
-        return style.size * 2 / 3;
-    }
-    // Take input from this' textInputElem and add it to the EditorImage.
-    // If [removeInput], the HTML input element is removed. Otherwise, its value
-    // is cleared.
-    flushInput(removeInput = true) {
-        if (this.textInputElem && this.textTargetPosition) {
-            const content = this.textInputElem.value.trimEnd();
-            this.textInputElem.value = '';
-            if (removeInput) {
-                // In some browsers, .remove() triggers a .blur event (synchronously).
-                // Clear this.textInputElem before removal
-                const input = this.textInputElem;
-                this.textInputElem = null;
-                input.remove();
-            }
-            if (content === '') {
-                return;
-            }
-            const textTransform = Mat33_1.default.translation(this.textTargetPosition).rightMul(this.getTextScaleMatrix()).rightMul(Mat33_1.default.scaling2D(this.editor.viewport.getSizeOfPixelOnCanvas())).rightMul(Mat33_1.default.zRotation(this.textRotation));
-            const textComponent = TextComponent_1.default.fromLines(content.split('\n'), textTransform, this.textStyle);
-            const action = EditorImage_1.default.addElement(textComponent);
-            if (this.removeExistingCommand) {
-                // Unapply so that `removeExistingCommand` can be added to the undo stack.
-                this.removeExistingCommand.unapply(this.editor);
-                this.editor.dispatch((0, uniteCommands_1.default)([this.removeExistingCommand, action]));
-                this.removeExistingCommand = null;
-            }
-            else {
-                this.editor.dispatch(action);
-            }
-        }
-    }
-    getTextScaleMatrix() {
-        return Mat33_1.default.scaling2D(this.textScale.times(1 / this.editor.viewport.getSizeOfPixelOnCanvas()));
-    }
-    updateTextInput() {
-        var _a, _b, _c;
-        if (!this.textInputElem || !this.textTargetPosition) {
-            (_a = this.textInputElem) === null || _a === void 0 ? void 0 : _a.remove();
-            return;
-        }
-        const viewport = this.editor.viewport;
-        const textScreenPos = viewport.canvasToScreen(this.textTargetPosition);
-        this.textInputElem.placeholder = this.localizationTable.enterTextToInsert;
-        this.textInputElem.style.fontFamily = this.textStyle.fontFamily;
-        this.textInputElem.style.fontVariant = (_b = this.textStyle.fontVariant) !== null && _b !== void 0 ? _b : '';
-        this.textInputElem.style.fontWeight = (_c = this.textStyle.fontWeight) !== null && _c !== void 0 ? _c : '';
-        this.textInputElem.style.fontSize = `${this.textStyle.size}px`;
-        this.textInputElem.style.color = this.textStyle.renderingStyle.fill.toHexString();
-        this.textInputElem.style.position = 'relative';
-        this.textInputElem.style.left = `${textScreenPos.x}px`;
-        this.textInputElem.style.top = `${textScreenPos.y}px`;
-        this.textInputElem.style.margin = '0';
-        this.textInputElem.style.width = `${this.textInputElem.scrollWidth}px`;
-        this.textInputElem.style.height = `${this.textInputElem.scrollHeight}px`;
-        // Get the ascent based on the font, using a character that is tall in most fonts.
-        const tallCharacter = '⎢';
-        const ascent = this.getTextAscent(tallCharacter, this.textStyle);
-        const rotation = this.textRotation + viewport.getRotationAngle();
-        const scale = this.getTextScaleMatrix();
-        this.textInputElem.style.transform = `${scale.toCSSMatrix()} rotate(${rotation * 180 / Math.PI}deg) translate(0, ${-ascent}px)`;
-        this.textInputElem.style.transformOrigin = 'top left';
-    }
-    startTextInput(textCanvasPos, initialText) {
-        this.flushInput();
-        this.textInputElem = document.createElement('textarea');
-        this.textInputElem.value = initialText;
-        this.textInputElem.style.display = 'inline-block';
-        this.textTargetPosition = this.editor.viewport.roundPoint(textCanvasPos);
-        this.textRotation = -this.editor.viewport.getRotationAngle();
-        this.textScale = Vec2_1.Vec2.of(1, 1).times(this.editor.viewport.getSizeOfPixelOnCanvas());
-        this.updateTextInput();
-        // Update the input size/position/etc. after the placeHolder has had time to appear.
-        setTimeout(() => this.updateTextInput(), 0);
-        this.textInputElem.oninput = () => {
-            if (this.textInputElem) {
-                this.textInputElem.style.width = `${this.textInputElem.scrollWidth}px`;
-                this.textInputElem.style.height = `${this.textInputElem.scrollHeight}px`;
-            }
-        };
-        this.textInputElem.onblur = () => {
-            // Delay removing the input -- flushInput may be called within a blur()
-            // event handler
-            const removeInput = false;
-            const input = this.textInputElem;
-            this.flushInput(removeInput);
-            this.textInputElem = null;
-            setTimeout(() => {
-                input === null || input === void 0 ? void 0 : input.remove();
-            }, 0);
-        };
-        this.textInputElem.onkeyup = (evt) => {
-            var _a, _b;
-            if (evt.key === 'Enter' && !evt.shiftKey) {
-                this.flushInput();
-                this.editor.focus();
-            }
-            else if (evt.key === 'Escape') {
-                // Cancel input.
-                (_a = this.textInputElem) === null || _a === void 0 ? void 0 : _a.remove();
-                this.textInputElem = null;
-                this.editor.focus();
-                (_b = this.removeExistingCommand) === null || _b === void 0 ? void 0 : _b.unapply(this.editor);
-                this.removeExistingCommand = null;
-            }
-        };
-        this.textEditOverlay.replaceChildren(this.textInputElem);
-        setTimeout(() => { var _a; return (_a = this.textInputElem) === null || _a === void 0 ? void 0 : _a.focus(); }, 0);
-    }
-    setEnabled(enabled) {
-        super.setEnabled(enabled);
-        if (!enabled) {
-            this.flushInput();
-        }
-        this.textEditOverlay.style.display = enabled ? 'block' : 'none';
-    }
-    onPointerDown({ current, allPointers }) {
-        if (current.device === Pointer_1.PointerDevice.Eraser) {
-            return false;
-        }
-        if (allPointers.length === 1) {
-            // Are we clicking on a text node?
-            const canvasPos = current.canvasPos;
-            const halfTestRegionSize = Vec2_1.Vec2.of(2.5, 2.5).times(this.editor.viewport.getSizeOfPixelOnCanvas());
-            const testRegion = Rect2_1.default.fromCorners(canvasPos.minus(halfTestRegionSize), canvasPos.plus(halfTestRegionSize));
-            const targetNodes = this.editor.image.getElementsIntersectingRegion(testRegion);
-            let targetTextNodes = targetNodes.filter(node => node instanceof TextComponent_1.default);
-            // Don't try to edit text nodes that contain the viewport (this allows us
-            // to zoom in on text nodes and add text on top of them.)
-            const visibleRect = this.editor.viewport.visibleRect;
-            targetTextNodes = targetTextNodes.filter(node => !node.getBBox().containsRect(visibleRect));
-            // End any TextNodes we're currently editing.
-            this.flushInput();
-            if (targetTextNodes.length > 0) {
-                const targetNode = targetTextNodes[targetTextNodes.length - 1];
-                this.setTextStyle(targetNode.getTextStyle());
-                // Create and temporarily apply removeExistingCommand.
-                this.removeExistingCommand = new Erase_1.default([targetNode]);
-                this.removeExistingCommand.apply(this.editor);
-                this.startTextInput(targetNode.getBaselinePos(), targetNode.getText());
-                const transform = targetNode.getTransform();
-                this.textRotation = transform.transformVec3(Vec2_1.Vec2.unitX).angle();
-                const scaleFactor = transform.transformVec3(Vec2_1.Vec2.unitX).magnitude();
-                this.textScale = Vec2_1.Vec2.of(1, 1).times(scaleFactor);
-                this.updateTextInput();
-            }
-            else {
-                this.removeExistingCommand = null;
-                this.startTextInput(current.canvasPos, '');
-            }
-            return true;
-        }
-        return false;
-    }
-    onGestureCancel() {
-        this.flushInput();
-        this.editor.focus();
-    }
-    dispatchUpdateEvent() {
-        this.updateTextInput();
-        this.editor.notifier.dispatch(types_1.EditorEventType.ToolUpdated, {
-            kind: types_1.EditorEventType.ToolUpdated,
-            tool: this,
-        });
-    }
-    setFontFamily(fontFamily) {
-        if (fontFamily !== this.textStyle.fontFamily) {
-            this.textStyle = Object.assign(Object.assign({}, this.textStyle), { fontFamily: fontFamily });
-            this.dispatchUpdateEvent();
-        }
-    }
-    setColor(color) {
-        if (!color.eq(this.textStyle.renderingStyle.fill)) {
-            this.textStyle = Object.assign(Object.assign({}, this.textStyle), { renderingStyle: Object.assign(Object.assign({}, this.textStyle.renderingStyle), { fill: color }) });
-            this.dispatchUpdateEvent();
-        }
-    }
-    setFontSize(size) {
-        if (size !== this.textStyle.size) {
-            this.textStyle = Object.assign(Object.assign({}, this.textStyle), { size });
-            this.dispatchUpdateEvent();
-        }
-    }
-    getTextStyle() {
-        return this.textStyle;
-    }
-    setTextStyle(style) {
-        // Copy the style — we may change parts of it.
-        this.textStyle = Object.assign(Object.assign({}, style), { renderingStyle: Object.assign({}, style.renderingStyle) });
-        this.dispatchUpdateEvent();
-    }
-}
-exports.default = TextTool;

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

@@ -1,192 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const types_1 = require("../types");
-const PanZoom_1 = __importStar(require("./PanZoom"));
-const Pen_1 = __importDefault(require("./Pen"));
-const ToolEnabledGroup_1 = __importDefault(require("./ToolEnabledGroup"));
-const Eraser_1 = __importDefault(require("./Eraser"));
-const SelectionTool_1 = __importDefault(require("./SelectionTool/SelectionTool"));
-const Color4_1 = __importDefault(require("../Color4"));
-const UndoRedoShortcut_1 = __importDefault(require("./UndoRedoShortcut"));
-const TextTool_1 = __importDefault(require("./TextTool"));
-const PipetteTool_1 = __importDefault(require("./PipetteTool"));
-const ToolSwitcherShortcut_1 = __importDefault(require("./ToolSwitcherShortcut"));
-const PasteHandler_1 = __importDefault(require("./PasteHandler"));
-const ToolbarShortcutHandler_1 = __importDefault(require("./ToolbarShortcutHandler"));
-const PressureSensitiveFreehandLineBuilder_1 = require("../components/builders/PressureSensitiveFreehandLineBuilder");
-const FindTool_1 = __importDefault(require("./FindTool"));
-const SelectAllShortcutHandler_1 = __importDefault(require("./SelectionTool/SelectAllShortcutHandler"));
-const SoundUITool_1 = __importDefault(require("./SoundUITool"));
-class ToolController {
-    /** @internal */
-    constructor(editor, localization) {
-        this.activeTool = null;
-        const primaryToolGroup = new ToolEnabledGroup_1.default();
-        this.primaryToolGroup = primaryToolGroup;
-        const panZoomTool = new PanZoom_1.default(editor, PanZoom_1.PanZoomMode.TwoFingerTouchGestures | PanZoom_1.PanZoomMode.RightClickDrags, localization.touchPanTool);
-        const keyboardPanZoomTool = new PanZoom_1.default(editor, PanZoom_1.PanZoomMode.Keyboard, localization.keyboardPanZoom);
-        const primaryPenTool = new Pen_1.default(editor, localization.penTool(1), { color: Color4_1.default.purple, thickness: 8 });
-        const primaryTools = [
-            // Three pens
-            primaryPenTool,
-            new Pen_1.default(editor, localization.penTool(2), { color: Color4_1.default.clay, thickness: 4 }),
-            // Highlighter-like pen with width=40
-            new Pen_1.default(editor, localization.penTool(3), { color: Color4_1.default.ofRGBA(1, 1, 0, 0.5), thickness: 40 }, PressureSensitiveFreehandLineBuilder_1.makePressureSensitiveFreehandLineBuilder),
-            new Eraser_1.default(editor, localization.eraserTool),
-            new SelectionTool_1.default(editor, localization.selectionTool),
-            new TextTool_1.default(editor, localization.textTool, localization),
-            new PanZoom_1.default(editor, PanZoom_1.PanZoomMode.SinglePointerGestures, localization.anyDevicePanning),
-        ];
-        // Accessibility tools
-        const soundExplorer = new SoundUITool_1.default(editor, localization.soundExplorer);
-        soundExplorer.setEnabled(false);
-        this.tools = [
-            new PipetteTool_1.default(editor, localization.pipetteTool),
-            soundExplorer,
-            panZoomTool,
-            ...primaryTools,
-            keyboardPanZoomTool,
-            new UndoRedoShortcut_1.default(editor),
-            new ToolbarShortcutHandler_1.default(editor),
-            new ToolSwitcherShortcut_1.default(editor),
-            new FindTool_1.default(editor),
-            new PasteHandler_1.default(editor),
-            new SelectAllShortcutHandler_1.default(editor),
-        ];
-        primaryTools.forEach(tool => tool.setToolGroup(primaryToolGroup));
-        panZoomTool.setEnabled(true);
-        primaryPenTool.setEnabled(true);
-        editor.notifier.on(types_1.EditorEventType.ToolEnabled, event => {
-            if (event.kind === types_1.EditorEventType.ToolEnabled) {
-                editor.announceForAccessibility(localization.toolEnabledAnnouncement(event.tool.description));
-            }
-        });
-        editor.notifier.on(types_1.EditorEventType.ToolDisabled, event => {
-            if (event.kind === types_1.EditorEventType.ToolDisabled) {
-                editor.announceForAccessibility(localization.toolDisabledAnnouncement(event.tool.description));
-            }
-        });
-        this.activeTool = null;
-    }
-    // Replaces the current set of tools with `tools`. This should only be done before
-    // the creation of the app's toolbar (if using `HTMLToolbar`).
-    setTools(tools, primaryToolGroup) {
-        this.tools = tools;
-        this.primaryToolGroup = primaryToolGroup !== null && primaryToolGroup !== void 0 ? primaryToolGroup : new ToolEnabledGroup_1.default();
-    }
-    // Add a tool that acts like one of the primary tools (only one primary tool can be enabled at a time).
-    // This should be called before creating the app's toolbar.
-    addPrimaryTool(tool) {
-        tool.setToolGroup(this.primaryToolGroup);
-        if (tool.isEnabled()) {
-            this.primaryToolGroup.notifyEnabled(tool);
-        }
-        this.addTool(tool);
-    }
-    getPrimaryTools() {
-        return this.tools.filter(tool => {
-            return tool.getToolGroup() === this.primaryToolGroup;
-        });
-    }
-    // Add a tool to the end of this' tool list (the added tool receives events after tools already added to this).
-    // This should be called before creating the app's toolbar.
-    addTool(tool) {
-        this.tools.push(tool);
-    }
-    // Returns true if the event was handled
-    dispatchInputEvent(event) {
-        var _a, _b;
-        let handled = false;
-        if (event.kind === types_1.InputEvtType.PointerDownEvt) {
-            for (const tool of this.tools) {
-                if (tool.isEnabled() && tool.onPointerDown(event)) {
-                    if (this.activeTool !== tool) {
-                        (_a = this.activeTool) === null || _a === void 0 ? void 0 : _a.onGestureCancel();
-                    }
-                    this.activeTool = tool;
-                    handled = true;
-                    break;
-                }
-            }
-        }
-        else if (event.kind === types_1.InputEvtType.PointerUpEvt) {
-            (_b = this.activeTool) === null || _b === void 0 ? void 0 : _b.onPointerUp(event);
-            this.activeTool = null;
-            handled = true;
-        }
-        else if (event.kind === types_1.InputEvtType.PointerMoveEvt) {
-            if (this.activeTool !== null) {
-                this.activeTool.onPointerMove(event);
-                handled = true;
-            }
-        }
-        else if (event.kind === types_1.InputEvtType.GestureCancelEvt) {
-            if (this.activeTool !== null) {
-                this.activeTool.onGestureCancel();
-                this.activeTool = null;
-            }
-        }
-        else {
-            let allCasesHandledGuard;
-            for (const tool of this.tools) {
-                if (!tool.isEnabled()) {
-                    continue;
-                }
-                switch (event.kind) {
-                    case types_1.InputEvtType.KeyPressEvent:
-                        handled = tool.onKeyPress(event);
-                        break;
-                    case types_1.InputEvtType.KeyUpEvent:
-                        handled = tool.onKeyUp(event);
-                        break;
-                    case types_1.InputEvtType.WheelEvt:
-                        handled = tool.onWheel(event);
-                        break;
-                    case types_1.InputEvtType.CopyEvent:
-                        handled = tool.onCopy(event);
-                        break;
-                    case types_1.InputEvtType.PasteEvent:
-                        handled = tool.onPaste(event);
-                        break;
-                    default:
-                        allCasesHandledGuard = event;
-                        return allCasesHandledGuard;
-                }
-                if (handled) {
-                    break;
-                }
-            }
-        }
-        return handled;
-    }
-    getMatchingTools(type) {
-        return this.tools.filter(tool => tool instanceof type);
-    }
-}
-exports.default = ToolController;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// Connects a group of tools -- at most one tool in the group can be enabled.
-class ToolEnabledGroup {
-    constructor() { }
-    notifyEnabled(tool) {
-        var _a;
-        if (tool !== this.activeTool) {
-            (_a = this.activeTool) === null || _a === void 0 ? void 0 : _a.setEnabled(false);
-            this.activeTool = tool;
-        }
-    }
-}
-exports.default = ToolEnabledGroup;