js-draw 0.15.2 → 0.16.0

package/src/toolbar/widgets/OverflowWidget.ts

@@ -0,0 +1,83 @@
+import Editor from '../../Editor';
+import { ToolbarLocalization } from '../localization';
+import BaseWidget from './BaseWidget';
+
+
+export default class OverflowWidget extends BaseWidget {
+	private overflowChildren: BaseWidget[] = [];
+	private overflowContainer: HTMLElement;
+	
+	public constructor(editor: Editor, localizationTable?: ToolbarLocalization) {
+		super(editor, 'overflow-widget', localizationTable);
+
+		// Make the dropdown openable
+		this.container.classList.add('dropdownShowable');
+		this.overflowContainer ??= document.createElement('div');
+	}
+
+	protected getTitle(): string {
+		return this.localizationTable.toggleOverflow;
+	}
+
+	protected createIcon(): Element | null {
+		return this.editor.icons.makeOverflowIcon();
+	}
+
+	protected handleClick(): void {
+		this.setDropdownVisible(!this.isDropdownVisible());
+	}
+
+	protected fillDropdown(dropdown: HTMLElement) {
+		this.overflowContainer ??= document.createElement('div');
+		if (this.overflowContainer.parentElement) {
+			this.overflowContainer.remove();
+		}
+
+		this.overflowContainer.classList.add('toolbar-overflow-widget-overflow-list');
+		dropdown.appendChild(this.overflowContainer);
+
+		return true;
+	}
+
+	/**
+	 * Removes all `BaseWidget`s from this and returns them.
+	 */
+	public clearChildren(): BaseWidget[] {
+		this.overflowContainer.replaceChildren();
+
+		const overflowChildren = this.overflowChildren;
+		this.overflowChildren = [];
+		return overflowChildren;
+	}
+
+	public getChildWidgets(): BaseWidget[] {
+		return [ ...this.overflowChildren ];
+	}
+
+	public hasAsChild(widget: BaseWidget) {
+		for (const otherWidget of this.overflowChildren) {
+			if (widget === otherWidget) {
+				return true;
+			}
+		}
+
+		return false;
+	}
+
+	/**
+	 * Adds `widget` to this.
+	 * `widget`'s previous parent is still responsible
+	 * for serializing/deserializing its state.
+	 */
+	public addToOverflow(widget: BaseWidget) {
+		this.overflowChildren.push(widget);
+		widget.addTo(this.overflowContainer);
+		widget.setIsToplevel(false);
+	}
+
+	// This always returns false.
+	// Don't try to move the overflow menu to itself.
+	public canBeInOverflowMenu(): boolean {
+		return false;
+	}
+}

package/src/toolbar/widgets/lib.ts

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

package/src/tools/PasteHandler.ts

@@ -1,8 +1,9 @@
 import Editor from '../Editor';
-import { AbstractComponent, TextComponent } from '../components/lib';
+import AbstractComponent from '../components/AbstractComponent';
+import TextComponent from '../components/TextComponent';
 import SVGLoader from '../SVGLoader';
 import { PasteEvent } from '../types';
-import { Mat33 } from '../math/lib';
+import Mat33 from '../math/Mat33';
 import BaseTool from './BaseTool';
 import TextTool from './TextTool';
 import Color4 from '../Color4';

package/src/tools/SelectionTool/Selection.ts

@@ -5,7 +5,8 @@
 
 import SerializableCommand from '../../commands/SerializableCommand';
 import Editor from '../../Editor';
-import { Mat33, Rect2 } from '../../math/lib';
+import Mat33 from '../../math/Mat33';
+import Rect2 from '../../math/Rect2';
 import { Point2, Vec2 } from '../../math/Vec2';
 import Pointer from '../../Pointer';
 import SelectionHandle, { HandleShape, handleSize } from './SelectionHandle';