playhtml 0.1.2 → 0.1.3

package/dist/elements.d.ts

@@ -1,18 +1,33 @@
 /// <reference lib="dom" />
 import { Position } from "./types";
+type ModifierKey = "ctrlKey" | "altKey" | "shiftKey" | "metaKey";
 export declare abstract class BaseElement<T> {
     element: HTMLElement;
+    abstract initialData: T;
     _data: T;
     onChange: (data: T) => void;
     debouncedOnChange: (data: T) => void;
-    constructor(element: HTMLElement, data: T, onChange: (data: T) => void);
+    resetShortcut?: ModifierKey;
+    constructor(element: HTMLElement, data: T, onChange: (data: T) => void, resetShortcut?: ModifierKey);
     get data(): T;
+    /**
+     * Updates the internal state with the given data and handles all the downstream effects
+     * (e.g. calling `updateElement` and `onChange`)
+     */
     set data(data: T);
+    /**
+     * Updates the element to reflect the new data (e.g. updating the style and functionality)
+     */
     abstract updateElement(data: T): void;
+    /**
+     * Resets the element to its default state.
+     */
+    reset(): void;
 }
 export declare class SpinElement extends BaseElement<number> {
     isDown: boolean;
     startX: number;
+    initialData: number;
     constructor(element: HTMLElement, rotation: number | undefined, onChange: (rotation: number) => void);
     updateElement(rotation: number): void;
     mouseDownHandler(e: MouseEvent): void;
@@ -20,16 +35,19 @@ export declare class SpinElement extends BaseElement<number> {
     mouseUpHandler(_e: MouseEvent): void;
 }
 export declare class MoveElement extends BaseElement<Position> {
+    initialData: Position;
     isDown: boolean;
     startMouseX: number;
     startMouseY: number;
     constructor(element: HTMLElement, position: Position | undefined, onChange: (position: Position) => void);
+    updateDisplay(): void;
     updateElement({ x, y }: Position): void;
     mouseDownHandler(e: MouseEvent): void;
     mouseMoveHandler(e: MouseEvent): void;
     mouseUpHandler(_e: MouseEvent): void;
 }
 export declare class GrowElement extends BaseElement<number> {
+    initialData: number;
     maxScale: number;
     readonly originalCursor: string;
     readonly cutCursor: string;
@@ -39,3 +57,4 @@ export declare class GrowElement extends BaseElement<number> {
     mouseOverHandler(e: MouseEvent | KeyboardEvent): void;
     clickHandler(e: MouseEvent): void;
 }
+export {};

package/dist/main.d.ts

@@ -1,3 +1,8 @@
 /// <reference lib="dom" />
 import { TagType } from "./types";
 export declare const TagData: Record<TagType, (eles: HTMLElement[]) => void>;
+/**
+ * Sets up any playhtml elements that are currently on the page.
+ * Can be repeatedly called to set up new elements without affecting existing ones.
+ */
+export declare function setupElements(): void;