js-draw 1.20.3 → 1.21.1

package/dist/mjs/tools/ToolSwitcherShortcut.mjs

@@ -1,34 +0,0 @@
-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, ... .
- *
- * This is in the default set of {@link ToolController} tools.
- *
- */
-export default class ToolSwitcherShortcut extends BaseTool {
-    constructor(editor) {
-        super(editor.notifier, editor.localization.changeTool);
-        this.editor = editor;
-    }
-    canReceiveInputInReadOnlyEditor() {
-        return true;
-    }
-    // @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;
-    }
-}

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

@@ -1,12 +0,0 @@
-import Editor from '../Editor';
-import { KeyPressEvent } from '../inputEvents';
-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/mjs/tools/ToolbarShortcutHandler.mjs

@@ -1,28 +0,0 @@
-// Allows the toolbar to register keyboard events.
-// @packageDocumentation
-import  BaseTool  from './BaseTool.mjs';
-export default class ToolbarShortcutHandler extends BaseTool {
-    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) {
-        // TypeScript seems to automatically convert for of loops into for(init;check;update)
-        // loops (even with target set to es6). Thus, we cannot iterate directly through the
-        // set here.
-        // See https://stackoverflow.com/q/48886500
-        const listeners = Array.from(this.listeners.values());
-        for (const listener of listeners) {
-            if (listener(event)) {
-                return true;
-            }
-        }
-        return false;
-    }
-}

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

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

package/dist/mjs/tools/UndoRedoShortcut.mjs

@@ -1,21 +0,0 @@
-import  BaseTool  from './BaseTool.mjs';
-import  { redoKeyboardShortcutId, undoKeyboardShortcutId }  from './keybindings.mjs';
-// Handles ctrl+Z, ctrl+Shift+Z keyboard shortcuts.
-export default class UndoRedoShortcut extends BaseTool {
-    constructor(editor) {
-        super(editor.notifier, editor.localization.undoRedoTool);
-        this.editor = editor;
-    }
-    // @internal
-    onKeyPress(event) {
-        if (this.editor.shortcuts.matchesShortcut(undoKeyboardShortcutId, event)) {
-            this.editor.history.undo();
-            return true;
-        }
-        else if (this.editor.shortcuts.matchesShortcut(redoKeyboardShortcutId, event)) {
-            this.editor.history.redo();
-            return true;
-        }
-        return false;
-    }
-}

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,18 +0,0 @@
-export declare const undoKeyboardShortcutId = "jsdraw.tools.undo";
-export declare const redoKeyboardShortcutId = "jsdaw.tools.redo";
-export declare const increaseSizeKeyboardShortcutId = "jsdraw.tools.increaseSize";
-export declare const decreaseSizeKeyboardShortcutId = "jsdraw.tools.decreaseSize";
-export declare const snapToGridKeyboardShortcutId = "jsdraw.tools.snapToGrid";
-export declare const lineLockKeyboardShortcutId = "jsdraw.tools.lockToLine";
-export declare const toggleFindVisibleShortcutId = "js-draw.tools.FindTool.toggleVisible";
-export declare const moveLeftKeyboardShortcutId = "jsdraw.tools.PanZoom.moveLeft";
-export declare const moveRightKeyboardShortcutId = "jsdraw.tools.PanZoom.moveRight";
-export declare const moveUpKeyboardShortcutId = "jsdraw.tools.PanZoom.moveUp";
-export declare const moveDownKeyboardShortcutId = "jsdraw.tools.PanZoom.moveDown";
-export declare const rotateClockwiseKeyboardShortcutId = "jsdraw.tools.PanZoom.rotateViewClockwise";
-export declare const rotateCounterClockwiseKeyboardShortcutId = "jsdraw.tools.PanZoom.rotateViewCounterClockwise";
-export declare const zoomInKeyboardShortcutId = "jsdraw.tools.PanZoom.zoomIn";
-export declare const zoomOutKeyboardShortcutId = "jsdraw.tools.PanZoom.zoomOut";
-export declare const selectAllKeyboardShortcut = "jsdraw.tools.SelectionTool.selectAll";
-export declare const duplicateSelectionShortcut = "jsdraw.tools.SelectionTool.duplicateSelection";
-export declare const sendToBackSelectionShortcut = "jsdraw.tools.SelectionTool.sendToBack";

package/dist/mjs/tools/keybindings.mjs

@@ -1,43 +0,0 @@
-import  KeyboardShortcutManager  from '../shortcuts/KeyboardShortcutManager.mjs';
-// This file contains user-overridable tool-realted keybindings.
-// Undo/redo
-export const undoKeyboardShortcutId = 'jsdraw.tools.undo';
-export const redoKeyboardShortcutId = 'jsdaw.tools.redo';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(undoKeyboardShortcutId, ['CtrlOrMeta+KeyZ'], 'Undo');
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(redoKeyboardShortcutId, ['CtrlOrMeta+Shift+KeyZ', 'CtrlOrMeta+KeyY'], 'Redo');
-// Pen/eraser/selection keybindings
-export const increaseSizeKeyboardShortcutId = 'jsdraw.tools.increaseSize';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(increaseSizeKeyboardShortcutId, ['Equal', 'Shift+Equal'], 'Increase pen/eraser size');
-export const decreaseSizeKeyboardShortcutId = 'jsdraw.tools.decreaseSize';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(decreaseSizeKeyboardShortcutId, ['Minus', 'Shift+Minus'], 'Decrease pen/eraser size');
-export const snapToGridKeyboardShortcutId = 'jsdraw.tools.snapToGrid';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(snapToGridKeyboardShortcutId, ['Control', 'Meta'], 'Snap to grid (press and hold)');
-export const lineLockKeyboardShortcutId = 'jsdraw.tools.lockToLine';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(lineLockKeyboardShortcutId, ['Shift'], 'Snap to XY axes (press and hold)');
-// Find tool
-export const toggleFindVisibleShortcutId = 'js-draw.tools.FindTool.toggleVisible';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(toggleFindVisibleShortcutId, ['CtrlOrMeta+KeyF'], 'Shows/hides the find tool');
-// Pan/zoom
-export const moveLeftKeyboardShortcutId = 'jsdraw.tools.PanZoom.moveLeft';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(moveLeftKeyboardShortcutId, ['ArrowLeft', 'KeyH', 'KeyA'], 'Pan left');
-export const moveRightKeyboardShortcutId = 'jsdraw.tools.PanZoom.moveRight';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(moveRightKeyboardShortcutId, ['ArrowRight', 'KeyL', 'KeyD'], 'Pan right');
-export const moveUpKeyboardShortcutId = 'jsdraw.tools.PanZoom.moveUp';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(moveUpKeyboardShortcutId, ['ArrowUp', 'KeyK', 'KeyQ'], 'Pan up');
-export const moveDownKeyboardShortcutId = 'jsdraw.tools.PanZoom.moveDown';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(moveDownKeyboardShortcutId, ['ArrowDown', 'KeyJ', 'KeyE'], 'Pan down');
-export const rotateClockwiseKeyboardShortcutId = 'jsdraw.tools.PanZoom.rotateViewClockwise';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(rotateClockwiseKeyboardShortcutId, ['Shift+KeyR'], 'Rotate viewport clockwise');
-export const rotateCounterClockwiseKeyboardShortcutId = 'jsdraw.tools.PanZoom.rotateViewCounterClockwise';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(rotateCounterClockwiseKeyboardShortcutId, ['KeyR'], 'Rotate viewport counter-clockwise');
-export const zoomInKeyboardShortcutId = 'jsdraw.tools.PanZoom.zoomIn';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(zoomInKeyboardShortcutId, ['KeyW'], 'Zoom in');
-export const zoomOutKeyboardShortcutId = 'jsdraw.tools.PanZoom.zoomOut';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(zoomOutKeyboardShortcutId, ['KeyS'], 'Zoom out');
-// Selection
-export const selectAllKeyboardShortcut = 'jsdraw.tools.SelectionTool.selectAll';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(selectAllKeyboardShortcut, ['CtrlOrMeta+KeyA'], 'Select all');
-export const duplicateSelectionShortcut = 'jsdraw.tools.SelectionTool.duplicateSelection';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(duplicateSelectionShortcut, ['CtrlOrMeta+KeyD'], 'Duplicate selection');
-export const sendToBackSelectionShortcut = 'jsdraw.tools.SelectionTool.sendToBack';
-KeyboardShortcutManager.registerDefaultKeyboardShortcut(sendToBackSelectionShortcut, ['End'], 'Send to back');

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

@@ -1,14 +0,0 @@
-export { default as BaseTool } from './BaseTool';
-export { default as ToolController } from './ToolController';
-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, PenStyle } from './Pen';
-export { default as TextTool } from './TextTool';
-export { default as SelectionTool } from './SelectionTool/SelectionTool';
-export { default as SelectAllShortcutHandler } from './SelectionTool/SelectAllShortcutHandler';
-export { default as EraserTool, EraserMode } from './Eraser';
-export { default as PasteHandler } from './PasteHandler';
-export { default as SoundUITool } from './SoundUITool';
-export { default as ToolbarShortcutHandler } from './ToolbarShortcutHandler';

package/dist/mjs/tools/lib.mjs

@@ -1,14 +0,0 @@
-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, EraserMode }  from './Eraser.mjs';
-export  { default as PasteHandler }  from './PasteHandler.mjs';
-export  { default as SoundUITool }  from './SoundUITool.mjs';
-export  { default as ToolbarShortcutHandler }  from './ToolbarShortcutHandler.mjs';

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

@@ -1,34 +0,0 @@
-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;
-    autocorrectedTo: (description: string) => string;
-    autocorrectionCanceled: string;
-    textTool: string;
-    enterTextToInsert: string;
-    changeTool: string;
-    pasteHandler: string;
-    soundExplorer: string;
-    disableAccessibilityExploreTool: string;
-    enableAccessibilityExploreTool: string;
-    soundExplorerUsageAnnouncement: string;
-    findLabel: string;
-    toNextMatch: string;
-    closeDialog: string;
-    findDialogShown: string;
-    findDialogHidden: string;
-    focusedFoundText: (currentMatchNumber: number, totalMatches: number) => string;
-    anyDevicePanning: string;
-    copied: (count: number) => string;
-    pasted: (count: number) => string;
-    toolEnabledAnnouncement: (toolName: string) => string;
-    toolDisabledAnnouncement: (toolName: string) => string;
-}
-export declare const defaultToolLocalization: ToolLocalization;

package/dist/mjs/tools/localization.mjs

@@ -1,33 +0,0 @@
-export const 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',
-    autocorrectedTo: (strokeDescription) => `Autocorrected to ${strokeDescription}`,
-    autocorrectionCanceled: 'Autocorrect cancelled',
-    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',
-    soundExplorerUsageAnnouncement: 'Sound-based image exploration enabled: Click/drag the screen to play a sound representation of different parts of the image.',
-    findLabel: 'Find',
-    toNextMatch: 'Next',
-    closeDialog: 'Close',
-    findDialogShown: 'Find dialog shown',
-    findDialogHidden: 'Find dialog hidden',
-    focusedFoundText: (matchIdx, totalMatches) => `Viewing match ${matchIdx} of ${totalMatches}`,
-    anyDevicePanning: 'Any device panning',
-    copied: (count) => `Copied ${count} item(s)`,
-    pasted: (count) => `Pasted ${count} item(s)`,
-    toolEnabledAnnouncement: (toolName) => `${toolName} enabled`,
-    toolDisabledAnnouncement: (toolName) => `${toolName} disabled`,
-};

package/dist/mjs/tools/util/StationaryPenDetector.d.ts

@@ -1,22 +0,0 @@
-import Pointer from '../../Pointer';
-interface Config {
-    maxSpeed: number;
-    minTimeSeconds: number;
-    maxRadius: number;
-}
-type OnStationaryCallback = (lastPointer: Pointer) => void;
-export default class StationaryPenDetector {
-    private config;
-    private onStationary;
-    private stationaryStartPointer;
-    private lastPointer;
-    private averageVelocity;
-    private timeout;
-    constructor(startPointer: Pointer, config: Config, onStationary: OnStationaryCallback);
-    onPointerMove(currentPointer: Pointer): boolean | undefined;
-    onPointerUp(pointer: Pointer): void;
-    destroy(): void;
-    private cancelStationaryTimeout;
-    private setStationaryTimeout;
-}
-export {};

package/dist/mjs/tools/util/StationaryPenDetector.mjs

@@ -1,92 +0,0 @@
-import { Vec2 } from '@js-draw/math';
-export default class StationaryPenDetector {
-    // Only handles one pen. As such, `startPointer` should be the same device/finger
-    // as `updatedPointer` in `onPointerMove`.
-    //
-    // A new `StationaryPenDetector` should be created for each gesture.
-    constructor(startPointer, config, onStationary) {
-        this.config = config;
-        this.onStationary = onStationary;
-        this.timeout = null;
-        this.stationaryStartPointer = startPointer;
-        this.lastPointer = startPointer;
-        this.averageVelocity = Vec2.zero;
-    }
-    // Returns true if stationary
-    onPointerMove(currentPointer) {
-        if (!this.stationaryStartPointer) {
-            // Destoroyed
-            return;
-        }
-        if (currentPointer.id !== this.stationaryStartPointer.id) {
-            return false;
-        }
-        // dx: "Δx" Displacement from last.
-        const dxFromLast = currentPointer.screenPos.minus(this.lastPointer.screenPos);
-        const dxFromStationaryStart = currentPointer.screenPos.minus(this.stationaryStartPointer.screenPos);
-        // dt: Delta time:
-        // /1000: Convert to s.
-        let dtFromLast = (currentPointer.timeStamp - this.lastPointer.timeStamp) / 1000; // s
-        // Don't divide by zero
-        if (dtFromLast === 0) {
-            dtFromLast = 1;
-        }
-        const currentVelocity = dxFromLast.times(1 / dtFromLast); // px/s
-        // Slight smoothing of the velocity to prevent input jitter from affecting the
-        // velocity too significantly.
-        this.averageVelocity = this.averageVelocity.lerp(currentVelocity, 0.5); // px/s
-        const dtFromStart = currentPointer.timeStamp - this.stationaryStartPointer.timeStamp; // ms
-        // If not stationary
-        if (dxFromStationaryStart.length() > this.config.maxRadius
-            || this.averageVelocity.length() > this.config.maxSpeed
-            || dtFromStart < this.config.minTimeSeconds) {
-            this.stationaryStartPointer = currentPointer;
-            this.lastPointer = currentPointer;
-            this.setStationaryTimeout(this.config.minTimeSeconds * 1000);
-            return false;
-        }
-        const stationaryTimeoutMs = this.config.minTimeSeconds * 1000 - dtFromStart;
-        this.lastPointer = currentPointer;
-        return stationaryTimeoutMs <= 0;
-    }
-    onPointerUp(pointer) {
-        if (pointer.id !== this.stationaryStartPointer?.id) {
-            this.cancelStationaryTimeout();
-        }
-    }
-    destroy() {
-        this.cancelStationaryTimeout();
-        this.stationaryStartPointer = null;
-    }
-    cancelStationaryTimeout() {
-        if (this.timeout !== null) {
-            clearTimeout(this.timeout);
-            this.timeout = null;
-        }
-    }
-    setStationaryTimeout(timeoutMs) {
-        if (this.timeout !== null) {
-            return;
-        }
-        if (timeoutMs <= 0) {
-            this.onStationary(this.lastPointer);
-        }
-        else {
-            this.timeout = setTimeout(() => {
-                this.timeout = null;
-                if (!this.stationaryStartPointer) {
-                    // Destroyed
-                    return;
-                }
-                const timeSinceStationaryStart = performance.now() - this.stationaryStartPointer.timeStamp;
-                const timeRemaining = this.config.minTimeSeconds * 1000 - timeSinceStationaryStart;
-                if (timeRemaining <= 0) {
-                    this.onStationary(this.lastPointer);
-                }
-                else {
-                    this.setStationaryTimeout(timeRemaining);
-                }
-            }, timeoutMs);
-        }
-    }
-}

package/src/tools/FindTool.css

@@ -1,7 +0,0 @@
-
-.find-tool-overlay {
-	/* Show at the bottom of the screen. */
-	order: -1;
-
-	position: absolute;
-}

package/src/tools/ScrollbarTool.scss

@@ -1,57 +0,0 @@
-
-.ScrollbarTool-overlay {
-	width: 0;
-	height: 0;
-	overflow: visible;
-
-	$visible-opacity: 0.2;
-	opacity: $visible-opacity;
-	pointer-events: none;
-
-	--fade-out-animation: 1s ease 0s fade-out;
-
-	@media (prefers-reduced-motion: reduce) {
-		--fade-out-animation: none !important;
-	}
-
-	@keyframes fade-out {
-		from { opacity: $visible-opacity; }
-		to { opacity: 0; }
-	}
-
-	&:not(.just-updated) {
-		animation: var(--fade-out-animation);
-		opacity: 0;
-	}
-
-	--scrollbar-size: 3px;
-
-	.vertical-scrollbar, .horizontal-scrollbar {
-		width: var(--scrollbar-size);
-		height: var(--scrollbar-size);
-
-		min-width: var(--scrollbar-size);
-		min-height: var(--scrollbar-size);
-
-		background-color: var(--foreground-color-1);
-		border-radius: var(--scrollbar-size);
-		position: absolute;
-
-		&.represents-no-scroll {
-			animation: var(--fade-out-animation);
-			opacity: 0;
-		}
-	}
-
-	&:not(.scrollbar-left) {
-		.vertical-scrollbar {
-			margin-left: calc(var(--editor-current-display-width-px) - var(--scrollbar-size));
-		}
-	}
-	
-	&:not(.scrollbar-top) {
-		.horizontal-scrollbar {
-			margin-top: calc(var(--editor-current-display-height-px) - var(--scrollbar-size));
-		}
-	}
-}

package/src/tools/SelectionTool/SelectionTool.scss

@@ -1,137 +0,0 @@
-
-.selection-tool-selection-background {
-	background-color: var(--selection-background-color);
-	opacity: 0.5;
-	overflow: visible;
-}
-
-.selection-tool-handle {
-	position: absolute;
-	box-sizing: border-box;
-
-	// Center content
-	display: flex;
-	align-items: center;
-	justify-content: center;
-
-	// Maximum size of the visible region (make the handle slightly larger
-	// so that the resize cursor is visible everywhere in the actual selection
-	// box).
-	--max-size: 17px;
-
-	.selection-tool-content {
-		border: 1px solid var(--foreground-color-1);
-		background: var(--background-color-1);
-		box-sizing: border-box;
-
-		max-width: var(--max-size);
-		max-height: var(--max-size);
-		width: 100%;
-		height: 100%;
-
-		display: flex;
-		justify-content: center;
-		align-items: center;
-
-		padding: 3px;
-		.icon {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	&.selection-tool-circle .selection-tool-content {
-		border-radius: 100%;
-	}
-
-	&.selection-tool-rotate {
-		// Shrink less if a rotation handle
-		--max-size: 28px;
-
-		cursor: grab;
-	}
-}
-
-.selection-tool-handle {
-	&.selection-tool-resize-x {
-		cursor: ew-resize;
-	}
-
-	&.selection-tool-resize-y {
-		cursor: ns-resize;
-	}
-
-	&.selection-tool-resize-xy {
-		cursor: nwse-resize;
-	}
-}
-
-.selection-tool-rotated-near-perpendicular .selection-tool-handle {
-	&.selection-tool-resize-x {
-		cursor: ns-resize;
-	}
-
-	&.selection-tool-resize-y {
-		cursor: ew-resize;
-	}
-
-	&.selection-tool-resize-xy {
-		cursor: nesw-resize;
-	}
-}
-
-.overlay.handleOverlay {
-	touch-action: none;
-
-	// The selection tool makes some assumptions about margin-left, margin-top,
-	// and the initial (unmodified) position of the selection.
-	//
-	// For now, as we're not showing text in the selection box, force LTR.
-	direction: ltr;
-
-	// When expanding a selection with shift+click&drag, multiple selection boxes
-	// can be present in the same handleOverlay. As such, so that other overlayed
-	// selection boxes are in the correct place, the outer container needs to have
-	// zero height.
-	//
-	// This is in addition to the overlay container, which needs zero height to prevent
-	// other overlay containers from being affected by its size.
-	&, .selection-tool-selection-outer-container {
-		height: 0;
-		overflow: visible;
-	}
-
-	.selection-tool-selection-inner-container {
-		width: var(--editor-current-display-width-px);
-		height: var(--editor-current-display-height-px);
-		overflow: hidden;
-
-		// Disable pointer events: If the parent (or the container) has
-		// captured pointers and the container is removed, this prevents
-		// us from receiving the following events (e.g. in Firefox).
-		pointer-events: none;
-
-		& > * {
-			// We *do* want pointer events for handles and the background. This
-			// allows the mouse cursor to change shape when hovering over resize
-			// handles.
-			pointer-events: all;
-		}
-
-		&.-empty {
-			opacity: 0;
-		}
-	}
-}
-
-@keyframes selection-duplicated-animation {
-	0% { scale: 1 1; }
-	50% { scale: 1.02 1.02; }
-	100% { scale: 1 1; }
-}
-
-/* Do not run the animation when the user has disabled motion animations. */
-@media (prefers-reduced-motion: reduce) {
-	@keyframes selection-duplicated-animation {
-	}
-}

package/src/tools/SoundUITool.scss

@@ -1,22 +0,0 @@
-
-.js-draw-sound-ui-toggle {
-	width: 0px;
-	height: 0px;
-	overflow: hidden;  
-
-	user-select: none;
-	-webkit-user-select: none;  
-}
-
-.js-draw-sound-ui-toggle button {
-	margin-top: 1px;
-}
-
-.js-draw-sound-ui-toggle:focus-within, .js-draw-sound-ui-toggle.sound-ui-tool-enabled {
-	overflow: visible;
-	z-index: 5;
-}
-
-.js-draw-sound-ui-toggle:not(:focus-within):not(:hover).sound-ui-tool-enabled {
-	opacity: 0.5;
-}

package/src/tools/tools.scss

@@ -1,5 +0,0 @@
-
-@use "./ScrollbarTool.scss";
-@use "./SelectionTool/SelectionTool.scss";
-@use "./FindTool.css";
-@use "./SoundUITool.scss";