npm - @markup-canvas/core - Versions diffs - 1.0.0 - Mend

@markup-canvas/core 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (194) hide show

package/README.md +245 -0
package/dist/index.d.ts +2 -0
package/dist/lib/MarkupCanvas.d.ts +78 -0
package/dist/lib/canvas/calcVisibleArea.d.ts +10 -0
package/dist/lib/canvas/checkContainerDimensions.d.ts +1 -0
package/dist/lib/canvas/config.d.ts +2 -0
package/dist/lib/canvas/createCanvas.d.ts +2 -0
package/dist/lib/canvas/createCanvasLayers.d.ts +6 -0
package/dist/lib/canvas/getCanvasBounds.d.ts +2 -0
package/dist/lib/canvas/getCanvasMethods.d.ts +12 -0
package/dist/lib/canvas/getEmptyBounds.d.ts +2 -0
package/dist/lib/canvas/index.d.ts +3 -0
package/dist/lib/canvas/moveExistingContent.d.ts +1 -0
package/dist/lib/canvas/setupCanvasContainer.d.ts +1 -0
package/dist/lib/canvas/setupContentLayer.d.ts +1 -0
package/dist/lib/canvas/setupTransformLayer.d.ts +2 -0
package/dist/lib/config/constants.d.ts +2 -0
package/dist/lib/config/createMarkupCanvasConfig.d.ts +2 -0
package/dist/lib/constants.d.ts +7 -0
package/dist/lib/events/EventEmitter.d.ts +7 -0
package/dist/lib/events/constants.d.ts +7 -0
package/dist/lib/events/index.d.ts +6 -0
package/dist/lib/events/keyboard/handleKeyDown.d.ts +4 -0
package/dist/lib/events/keyboard/handleKeyUp.d.ts +6 -0
package/dist/lib/events/keyboard/setupKeyboardEvents.d.ts +2 -0
package/dist/lib/events/keyboard/setupKeyboardNavigation.d.ts +2 -0
package/dist/lib/events/mouse/handleClickToZoom.d.ts +2 -0
package/dist/lib/events/mouse/handleMouseDown.d.ts +11 -0
package/dist/lib/events/mouse/handleMouseLeave.d.ts +5 -0
package/dist/lib/events/mouse/handleMouseMove.d.ts +7 -0
package/dist/lib/events/mouse/handleMouseUp.d.ts +7 -0
package/dist/lib/events/mouse/setupMouseDrag.d.ts +4 -0
package/dist/lib/events/mouse/setupMouseEvents.d.ts +4 -0
package/dist/lib/events/touch/getTouchCenter.d.ts +4 -0
package/dist/lib/events/touch/getTouchDistance.d.ts +1 -0
package/dist/lib/events/touch/handleTouchEnd.d.ts +2 -0
package/dist/lib/events/touch/handleTouchMove.d.ts +2 -0
package/dist/lib/events/touch/handleTouchStart.d.ts +2 -0
package/dist/lib/events/touch/setupTouchEvents.d.ts +2 -0
package/dist/lib/events/trackpad/createTrackpadPanHandler.d.ts +4 -0
package/dist/lib/events/trackpad/detectTrackpadGesture.d.ts +2 -0
package/dist/lib/events/utils/getAdaptiveZoomSpeed.d.ts +2 -0
package/dist/lib/events/utils/resetClickState.d.ts +4 -0
package/dist/lib/events/utils/resetDragState.d.ts +5 -0
package/dist/lib/events/utils/updateCursor.d.ts +2 -0
package/dist/lib/events/wheel/handleWheel.d.ts +2 -0
package/dist/lib/events/wheel/setupWheelEvents.d.ts +2 -0
package/dist/lib/events/wheel/setupWheelHandler.d.ts +2 -0
package/dist/lib/helpers/index.d.ts +6 -0
package/dist/lib/helpers/withClampedZoom.d.ts +2 -0
package/dist/lib/helpers/withDebounce.d.ts +1 -0
package/dist/lib/helpers/withFeatureEnabled.d.ts +2 -0
package/dist/lib/helpers/withRAF.d.ts +4 -0
package/dist/lib/helpers/withRulerCheck.d.ts +18 -0
package/dist/lib/helpers/withRulerOffset.d.ts +3 -0
package/dist/lib/matrix/canvasToContent.d.ts +2 -0
package/dist/lib/matrix/clampZoom.d.ts +2 -0
package/dist/lib/matrix/contentToCanvas.d.ts +2 -0
package/dist/lib/matrix/createMatrix.d.ts +1 -0
package/dist/lib/matrix/createMatrixString.d.ts +1 -0
package/dist/lib/matrix/getZoomToMouseTransform.d.ts +2 -0
package/dist/lib/matrix/index.d.ts +5 -0
package/dist/lib/rulers/RulerElements.d.ts +6 -0
package/dist/lib/rulers/constants.d.ts +19 -0
package/dist/lib/rulers/createCornerBox.d.ts +2 -0
package/dist/lib/rulers/createGridOverlay.d.ts +2 -0
package/dist/lib/rulers/createHorizontalRuler.d.ts +2 -0
package/dist/lib/rulers/createRulerElements.d.ts +3 -0
package/dist/lib/rulers/createRulers.d.ts +2 -0
package/dist/lib/rulers/createVerticalRuler.d.ts +2 -0
package/dist/lib/rulers/index.d.ts +2 -0
package/dist/lib/rulers/setupRulerEvents.d.ts +2 -0
package/dist/lib/rulers/ticks/calculateTickSpacing.d.ts +1 -0
package/dist/lib/rulers/ticks/createHorizontalTick.d.ts +2 -0
package/dist/lib/rulers/ticks/createVerticalTick.d.ts +2 -0
package/dist/lib/rulers/ticks/index.d.ts +3 -0
package/dist/lib/rulers/updateGrid.d.ts +1 -0
package/dist/lib/rulers/updateHorizontalRuler.d.ts +2 -0
package/dist/lib/rulers/updateRulers.d.ts +2 -0
package/dist/lib/rulers/updateVerticalRuler.d.ts +2 -0
package/dist/lib/transform/applyTransform.d.ts +1 -0
package/dist/lib/transform/applyZoomToCanvas.d.ts +2 -0
package/dist/lib/transform/hardware-acceleration.d.ts +1 -0
package/dist/lib/transform/index.d.ts +2 -0
package/dist/lib/transition/disableTransition.d.ts +7 -0
package/dist/lib/transition/enableTransition.d.ts +7 -0
package/dist/lib/transition/index.d.ts +3 -0
package/dist/lib/transition/withTransition.d.ts +2 -0
package/dist/markup-canvas.cjs.js +2000 -0
package/dist/markup-canvas.esm.js +1995 -0
package/dist/markup-canvas.umd.js +2003 -0
package/dist/markup-canvas.umd.min.js +1 -0
package/dist/types/canvas.d.ts +86 -0
package/dist/types/config.d.ts +38 -0
package/dist/types/events.d.ts +33 -0
package/dist/types/index.d.ts +5 -0
package/dist/types/matrix.d.ts +17 -0
package/dist/types/rulers.d.ts +31 -0
package/dist/umd.d.ts +1 -0
package/package.json +56 -0
package/src/index.ts +19 -0
package/src/lib/MarkupCanvas.ts +434 -0
package/src/lib/canvas/calcVisibleArea.ts +20 -0
package/src/lib/canvas/checkContainerDimensions.ts +20 -0
package/src/lib/canvas/config.ts +29 -0
package/src/lib/canvas/createCanvas.ts +61 -0
package/src/lib/canvas/createCanvasLayers.ts +39 -0
package/src/lib/canvas/getCanvasBounds.ts +68 -0
package/src/lib/canvas/getCanvasMethods.ts +104 -0
package/src/lib/canvas/getEmptyBounds.ts +22 -0
package/src/lib/canvas/index.ts +3 -0
package/src/lib/canvas/moveExistingContent.ts +9 -0
package/src/lib/canvas/setupCanvasContainer.ts +22 -0
package/src/lib/canvas/setupContentLayer.ts +6 -0
package/src/lib/canvas/setupTransformLayer.ts +15 -0
package/src/lib/config/constants.ts +56 -0
package/src/lib/config/createMarkupCanvasConfig.ts +56 -0
package/src/lib/constants.ts +16 -0
package/src/lib/events/EventEmitter.ts +34 -0
package/src/lib/events/constants.ts +9 -0
package/src/lib/events/index.ts +6 -0
package/src/lib/events/keyboard/handleKeyDown.ts +18 -0
package/src/lib/events/keyboard/handleKeyUp.ts +28 -0
package/src/lib/events/keyboard/setupKeyboardEvents.ts +114 -0
package/src/lib/events/keyboard/setupKeyboardNavigation.ts +115 -0
package/src/lib/events/mouse/handleClickToZoom.ts +54 -0
package/src/lib/events/mouse/handleMouseDown.ts +45 -0
package/src/lib/events/mouse/handleMouseLeave.ts +18 -0
package/src/lib/events/mouse/handleMouseMove.ts +57 -0
package/src/lib/events/mouse/handleMouseUp.ts +40 -0
package/src/lib/events/mouse/setupMouseDrag.ts +159 -0
package/src/lib/events/mouse/setupMouseEvents.ts +158 -0
package/src/lib/events/touch/getTouchCenter.ts +6 -0
package/src/lib/events/touch/getTouchDistance.ts +5 -0
package/src/lib/events/touch/handleTouchEnd.ts +9 -0
package/src/lib/events/touch/handleTouchMove.ts +58 -0
package/src/lib/events/touch/handleTouchStart.ts +14 -0
package/src/lib/events/touch/setupTouchEvents.ts +40 -0
package/src/lib/events/trackpad/createTrackpadPanHandler.ts +35 -0
package/src/lib/events/trackpad/detectTrackpadGesture.ts +22 -0
package/src/lib/events/utils/getAdaptiveZoomSpeed.ts +21 -0
package/src/lib/events/utils/resetClickState.ts +4 -0
package/src/lib/events/utils/resetDragState.ts +17 -0
package/src/lib/events/utils/updateCursor.ts +20 -0
package/src/lib/events/wheel/handleWheel.ts +67 -0
package/src/lib/events/wheel/setupWheelEvents.ts +24 -0
package/src/lib/events/wheel/setupWheelHandler.ts +24 -0
package/src/lib/helpers/index.ts +12 -0
package/src/lib/helpers/withClampedZoom.ts +7 -0
package/src/lib/helpers/withDebounce.ts +15 -0
package/src/lib/helpers/withFeatureEnabled.ts +8 -0
package/src/lib/helpers/withRAF.ts +38 -0
package/src/lib/helpers/withRulerCheck.ts +52 -0
package/src/lib/helpers/withRulerOffset.ts +14 -0
package/src/lib/matrix/canvasToContent.ts +20 -0
package/src/lib/matrix/clampZoom.ts +5 -0
package/src/lib/matrix/contentToCanvas.ts +20 -0
package/src/lib/matrix/createMatrix.ts +3 -0
package/src/lib/matrix/createMatrixString.ts +3 -0
package/src/lib/matrix/getZoomToMouseTransform.ts +46 -0
package/src/lib/matrix/index.ts +5 -0
package/src/lib/rulers/RulerElements.ts +6 -0
package/src/lib/rulers/constants.ts +23 -0
package/src/lib/rulers/createCornerBox.ts +27 -0
package/src/lib/rulers/createGridOverlay.ts +22 -0
package/src/lib/rulers/createHorizontalRuler.ts +24 -0
package/src/lib/rulers/createRulerElements.ts +27 -0
package/src/lib/rulers/createRulers.ts +94 -0
package/src/lib/rulers/createVerticalRuler.ts +24 -0
package/src/lib/rulers/index.ts +2 -0
package/src/lib/rulers/setupRulerEvents.ts +23 -0
package/src/lib/rulers/ticks/calculateTickSpacing.ts +15 -0
package/src/lib/rulers/ticks/createHorizontalTick.ts +41 -0
package/src/lib/rulers/ticks/createVerticalTick.ts +43 -0
package/src/lib/rulers/ticks/index.ts +3 -0
package/src/lib/rulers/updateGrid.ts +11 -0
package/src/lib/rulers/updateHorizontalRuler.ts +32 -0
package/src/lib/rulers/updateRulers.ts +33 -0
package/src/lib/rulers/updateVerticalRuler.ts +31 -0
package/src/lib/transform/applyTransform.ts +15 -0
package/src/lib/transform/applyZoomToCanvas.ts +7 -0
package/src/lib/transform/hardware-acceleration.ts +11 -0
package/src/lib/transform/index.ts +2 -0
package/src/lib/transition/disableTransition.ts +33 -0
package/src/lib/transition/enableTransition.ts +26 -0
package/src/lib/transition/index.ts +3 -0
package/src/lib/transition/withTransition.ts +13 -0
package/src/types/canvas.ts +89 -0
package/src/types/config.ts +54 -0
package/src/types/events.ts +31 -0
package/src/types/index.ts +28 -0
package/src/types/matrix.ts +19 -0
package/src/types/rulers.ts +35 -0
package/src/umd.ts +1 -0

package/README.md ADDED Viewed

@@ -0,0 +1,245 @@
+# @markup-canvas/core
+High-performance canvas-like container with pan and zoom capabilities.
+## ✨ Live Demo
+Check out the live demo: [https://markup-canvas.vercel.app/](https://markup-canvas.vercel.app/)
+## Installation
+```bash
+npm install @markup-canvas/core
+# or
+pnpm add @markup-canvas/core
+# or
+yarn add @markup-canvas/core
+```
+**Using React?** Check out [`@markup-canvas/react`](../react) for a React component and hooks.
+## Usage
+### Basic Setup
+```javascript
+import { MarkupCanvas } from '@markup-canvas/core';
+const container = document.getElementById('canvas');
+const canvas = new MarkupCanvas(container, {
+  width: 20000,
+  height: 15000,
+  enableZoom: true,
+  enablePan: true,
+  enableKeyboard: true,
+  enableRulers: true,
+  enableGrid: true,
+});
+```
+### Event Handling
+Listen to various events emitted by the canvas:
+```javascript
+// Zoom changes
+canvas.on('zoom', (zoom) => {
+  console.log('Zoom level:', zoom);
+});
+// Transform changes (includes zoom and pan)
+canvas.on('transform', (transform) => {
+  console.log('Transform:', transform);
+  // { scale: 1.5, translateX: 100, translateY: 50 }
+});
+// Pan changes
+canvas.on('pan', (pan) => {
+  console.log('Pan position:', pan);
+  // { x: 100, y: 50 }
+});
+// Canvas is ready
+canvas.on('ready', () => {
+  console.log('Canvas is ready!');
+});
+```
+### Programmatic Control
+Control the canvas programmatically with these methods:
+```javascript
+// Zoom controls
+canvas.zoomIn(0.1);      // Zoom in by 10%
+canvas.zoomOut(0.1);     // Zoom out by 10%
+canvas.resetZoom();      // Reset to 100%
+canvas.setZoom(2.0);     // Set specific zoom level
+// Pan controls
+canvas.scrollToPoint(x, y);  // Pan to specific coordinates
+canvas.centerContent();      // Center the content
+// Fit to screen
+canvas.fitToScreen();    // Fit content to viewport
+// Get current state
+const zoom = canvas.transform.scale;
+const pan = {
+  x: canvas.transform.translateX,
+  y: canvas.transform.translateY
+};
+```
+### Cleanup
+Always cleanup when you're done:
+```javascript
+canvas.cleanup();
+```
+### Complete Example
+Here's a complete example with HTML:
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    #canvas-container {
+      width: 100vw;
+      height: 100vh;
+      position: relative;
+    }
+    .controls {
+      position: fixed;
+      top: 20px;
+      left: 20px;
+      z-index: 1000;
+    }
+    .content {
+      width: 800px;
+      height: 600px;
+      background: white;
+      padding: 20px;
+    }
+  </style>
+</head>
+<body>
+  <div class="controls">
+    <button onclick="canvas.zoomIn()">Zoom In</button>
+    <button onclick="canvas.zoomOut()">Zoom Out</button>
+    <button onclick="canvas.resetZoom()">Reset</button>
+    <button onclick="canvas.fitToScreen()">Fit</button>
+    <span id="zoom-display">100%</span>
+  </div>
+  <div id="canvas-container">
+    <div class="content">
+      <h1>Your Content Here</h1>
+      <p>This content can be panned and zoomed!</p>
+    </div>
+  </div>
+  <script type="module">
+    import { MarkupCanvas } from '@markup-canvas/core';
+    const container = document.getElementById('canvas-container');
+    window.canvas = new MarkupCanvas(container, {
+      width: 20000,
+      height: 15000,
+      enableZoom: true,
+      enablePan: true,
+      enableKeyboard: true,
+      enableRulers: true,
+      enableGrid: true,
+    });
+    // Update zoom display
+    canvas.on('zoom', (zoom) => {
+      document.getElementById('zoom-display').textContent =
+        `${Math.round(zoom * 100)}%`;
+    });
+  </script>
+</body>
+</html>
+```
+## Features
+- 🚀 **High Performance**: 60fps smooth animations with GPU acceleration
+- 🎯 **Precise Control**: Zoom, pan, and navigate with mouse, keyboard, or touch
+- 📏 **Rulers & Grid**: Optional rulers and grid overlay
+- 🎨 **Pure HTML**: Use any HTML content or framework components
+- 🔧 **Event System**: Built-in EventEmitter for reactive updates
+- 📦 **TypeScript**: Full TypeScript support with comprehensive types
+## Configuration Options
+### Canvas Dimensions
+- `width?: number` - Canvas width in pixels
+- `height?: number` - Canvas height in pixels
+- `enableAcceleration?: boolean` - Enable hardware acceleration
+### Interaction Controls
+- `enableZoom?: boolean` - Enable zoom functionality
+- `enablePan?: boolean` - Enable pan functionality
+- `enableTouch?: boolean` - Enable touch gestures
+- `enableKeyboard?: boolean` - Enable keyboard controls
+- `limitKeyboardEventsToCanvas?: boolean` - Limit keyboard events to when canvas is focused
+### Zoom Behavior
+- `zoomSpeed?: number` - Zoom speed factor
+- `minZoom?: number` - Minimum zoom level
+- `maxZoom?: number` - Maximum zoom level
+- `enableTransition?: boolean` - Enable smooth transitions
+- `transitionDuration?: number` - Transition duration in ms
+- `enableAdaptiveSpeed?: boolean` - Enable adaptive zoom speed
+### Pan Behavior
+- `enableLeftDrag?: boolean` - Enable left mouse button drag
+- `enableMiddleDrag?: boolean` - Enable middle mouse button drag
+- `requireSpaceForMouseDrag?: boolean` - Require space key for mouse drag
+- `keyboardPanStep?: number` - Keyboard pan step size
+- `keyboardFastMultiplier?: number` - Fast pan multiplier (with shift)
+- `keyboardZoomStep?: number` - Keyboard zoom step size
+### Click-to-Zoom
+- `enableClickToZoom?: boolean` - Enable click to zoom
+- `clickZoomLevel?: number` - Target zoom level for click-to-zoom
+- `requireOptionForClickZoom?: boolean` - Require Option/Alt key for click-to-zoom
+### Visual Elements
+- `enableRulers?: boolean` - Show rulers
+- `enableGrid?: boolean` - Show background grid
+- `gridColor?: string` - Grid line color
+### Ruler Styling
+- `rulerBackgroundColor?: string` - Ruler background color
+- `rulerBorderColor?: string` - Ruler border color
+- `rulerTextColor?: string` - Ruler text color
+- `rulerMajorTickColor?: string` - Major tick mark color
+- `rulerMinorTickColor?: string` - Minor tick mark color
+- `rulerFontSize?: number` - Ruler font size
+- `rulerFontFamily?: string` - Ruler font family
+- `rulerUnits?: string` - Ruler units label
+### Callbacks
+- `onTransformUpdate?: (transform: Transform) => void` - Called on transform update
+## API
+See the [main documentation](../../README.md) for full API reference.
+## License
+**CC BY-NC 4.0** - Creative Commons Attribution-NonCommercial 4.0 International
+This project is licensed for non-commercial use only. See the [LICENSE](../../LICENSE) file for details.

package/dist/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { MarkupCanvas, MarkupCanvas as default } from "./lib/MarkupCanvas.js";
2	+ export type { BaseCanvas, Canvas, CanvasBounds, CanvasOptions, GestureInfo, MarkupCanvasConfig, MarkupCanvasEvents, MouseDragControls, Point, RulerCanvas, RulerOptions, RulerSystem, TouchState, Transform, ZoomBoundaryOptions, ZoomBoundaryResult, } from "./types/index.js";

package/dist/lib/MarkupCanvas.d.ts ADDED Viewed

@@ -0,0 +1,78 @@
+import type { Canvas, CanvasBounds, MarkupCanvasConfig, MarkupCanvasEvents, Transform } from "@/types/index.js";
+declare global {
+    interface Window {
+        __markupCanvasTransitionTimeout?: number;
+    }
+}
+export declare class MarkupCanvas implements Canvas {
+    private baseCanvas;
+    private cleanupFunctions;
+    private rulers;
+    private dragSetup;
+    config: Required<MarkupCanvasConfig>;
+    private _isReady;
+    private listen;
+    constructor(container: HTMLElement, options?: MarkupCanvasConfig);
+    private setupEventHandlers;
+    get container(): HTMLElement;
+    get transformLayer(): HTMLElement;
+    get contentLayer(): HTMLElement;
+    get transform(): Transform;
+    get isReady(): boolean;
+    get isTransforming(): boolean;
+    get visibleBounds(): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    getBounds(): CanvasBounds;
+    updateTransform(newTransform: Partial<Transform>): boolean;
+    private emitTransformEvents;
+    reset(): boolean;
+    handleResize(): boolean;
+    setZoom(zoomLevel: number): boolean;
+    canvasToContent(x: number, y: number): {
+        x: number;
+        y: number;
+    };
+    zoomToPoint(x: number, y: number, targetScale: number): boolean;
+    resetView(): boolean;
+    zoomToFitContent(): boolean;
+    panLeft(distance?: number): boolean;
+    panRight(distance?: number): boolean;
+    panUp(distance?: number): boolean;
+    panDown(distance?: number): boolean;
+    zoomIn(factor?: number): boolean;
+    zoomOut(factor?: number): boolean;
+    resetZoom(): boolean;
+    enableMouseDrag(): boolean;
+    disableMouseDrag(): boolean;
+    isMouseDragEnabled(): boolean;
+    toggleGrid(): boolean;
+    showGrid(): boolean;
+    hideGrid(): boolean;
+    isGridVisible(): boolean;
+    toggleRulers(): boolean;
+    showRulers(): boolean;
+    hideRulers(): boolean;
+    areRulersVisible(): boolean;
+    centerContent(): boolean;
+    fitToScreen(): boolean;
+    getVisibleArea(): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    isPointVisible(x: number, y: number): boolean;
+    scrollToPoint(x: number, y: number): boolean;
+    getConfig(): Required<MarkupCanvasConfig>;
+    updateConfig(newConfig: Partial<MarkupCanvasConfig>): void;
+    cleanup(): void;
+    on<K extends keyof MarkupCanvasEvents>(event: K, handler: (data: MarkupCanvasEvents[K]) => void): void;
+    off<K extends keyof MarkupCanvasEvents>(event: K, handler: (data: MarkupCanvasEvents[K]) => void): void;
+    emit<K extends keyof MarkupCanvasEvents>(event: K, data: MarkupCanvasEvents[K]): void;
+    removeAllListeners(): void;
+    destroy(): void;
+}

package/dist/lib/canvas/calcVisibleArea.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export declare function calculateVisibleArea(canvasWidth: number, canvasHeight: number, contentWidth: number, contentHeight: number, transform: {
+    scale: number;
+    translateX: number;
+    translateY: number;
+}): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};

package/dist/lib/canvas/checkContainerDimensions.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function checkContainerDimensions(container: HTMLElement): void;

package/dist/lib/canvas/config.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { CanvasOptions } from "@/types/index.js";
2	+ export declare function createCanvasConfig(options?: CanvasOptions): Required<CanvasOptions>;

package/dist/lib/canvas/createCanvas.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { BaseCanvas, MarkupCanvasConfig } from "@/types/index.js";
2	+ export declare function createCanvas(container: HTMLElement, config: Required<MarkupCanvasConfig>): BaseCanvas \| null;

package/dist/lib/canvas/createCanvasLayers.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import type { MarkupCanvasConfig } from "@/types/index.js";
+export interface CanvasLayers {
+    transformLayer: HTMLElement;
+    contentLayer: HTMLElement;
+}
+export declare function createCanvasLayers(container: HTMLElement, config: Required<MarkupCanvasConfig>): CanvasLayers;

package/dist/lib/canvas/getCanvasBounds.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { BaseCanvas, CanvasBounds } from "@/types/index.js";
2	+ export declare function getCanvasBounds(canvas: BaseCanvas): CanvasBounds;

package/dist/lib/canvas/getCanvasMethods.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { BaseCanvas, Transform } from "@/types/index.js";
+export declare function getCanvasMethods(): {
+    getBounds: (this: BaseCanvas) => import("@/types/index.js").CanvasBounds;
+    updateTransform: (this: BaseCanvas, newTransform: Partial<Transform>) => boolean;
+    reset: (this: BaseCanvas) => boolean;
+    handleResize: (this: BaseCanvas) => boolean;
+    setZoom: (this: BaseCanvas, zoomLevel: number) => boolean;
+    canvasToContent: (this: BaseCanvas, x: number, y: number) => import("@/types/index.js").Point;
+    zoomToPoint: (this: BaseCanvas, x: number, y: number, targetScale: number) => boolean;
+    resetView: (this: BaseCanvas) => boolean;
+    zoomToFitContent: (this: BaseCanvas) => boolean;
+};

package/dist/lib/canvas/getEmptyBounds.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { CanvasBounds } from "@/types";
2	+ export declare function getEmptyBounds(): CanvasBounds;

package/dist/lib/canvas/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { createCanvasConfig } from "./config.js";
+export { createCanvas } from "./createCanvas.js";
+export { getCanvasBounds } from "./getCanvasBounds.js";

package/dist/lib/canvas/moveExistingContent.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function moveExistingContent(existingContent: Element[], contentLayer: HTMLElement, transformLayer: HTMLElement): void;

package/dist/lib/canvas/setupCanvasContainer.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function setupCanvasContainer(container: HTMLElement): void;

package/dist/lib/canvas/setupContentLayer.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function setupContentLayer(contentLayer: HTMLElement): void;

package/dist/lib/canvas/setupTransformLayer.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { MarkupCanvasConfig } from "@/types";
2	+ export declare function setupTransformLayer(transformLayer: HTMLElement, config: Required<MarkupCanvasConfig>): void;

package/dist/lib/config/constants.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { MarkupCanvasConfig } from "@/types";
2	+ export declare const DEFAULT_CONFIG: Required<MarkupCanvasConfig>;

package/dist/lib/config/createMarkupCanvasConfig.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { MarkupCanvasConfig } from "@/types/index.js";
2	+ export declare function createMarkupCanvasConfig(options?: MarkupCanvasConfig): Required<MarkupCanvasConfig>;

package/dist/lib/constants.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare const DEFAULT_ZOOM = 1;
+export declare const ZOOM_CHANGE_THRESHOLD = 0.001;
+export declare const FALLBACK_TRANSITION_DURATION = 0.2;
+export declare const ZOOM_FIT_PADDING = 0.9;
+export declare const CANVAS_CONTAINER_CLASS = "canvas-container";
+export declare const TRANSFORM_LAYER_CLASS = "transform-layer";
+export declare const CONTENT_LAYER_CLASS = "content-layer";

package/dist/lib/events/EventEmitter.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare class EventEmitter<Events extends Record<string, unknown>> {
+    private listeners;
+    on<K extends keyof Events>(event: K, handler: (data: Events[K]) => void): void;
+    off<K extends keyof Events>(event: K, handler: (data: Events[K]) => void): void;
+    emit<K extends keyof Events>(event: K, data: Events[K]): void;
+    removeAllListeners(): void;
+}

package/dist/lib/events/constants.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare const REFERENCE_DISPLAY_AREA: number;
+export declare const TRACKPAD_PINCH_SPEED_FACTOR = 0.05;
+export declare const ADAPTIVE_ZOOM_FACTOR = 1;
+export declare const CLICK_THRESHOLDS: {
+    readonly MAX_DURATION: 300;
+    readonly MAX_MOVEMENT: 5;
+};

package/dist/lib/events/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export { setupKeyboardEvents } from "./keyboard/setupKeyboardEvents.js";
+export { setupMouseEvents } from "./mouse/setupMouseEvents.js";
+export { setupTouchEvents } from "./touch/setupTouchEvents.js";
+export { detectTrackpadGesture } from "./trackpad/detectTrackpadGesture.js";
+export { getAdaptiveZoomSpeed } from "./utils/getAdaptiveZoomSpeed.js";
+export { setupWheelEvents } from "./wheel/setupWheelEvents.js";

package/dist/lib/events/keyboard/handleKeyDown.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
+export declare function handleKeyDown(event: KeyboardEvent, canvas: Canvas, config: Required<MarkupCanvasConfig>, isDragEnabled: boolean, isDragging: boolean, setters: {
+    setIsSpacePressed: (value: boolean) => void;
+}): void;

package/dist/lib/events/keyboard/handleKeyUp.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
+export declare function handleKeyUp(event: KeyboardEvent, canvas: Canvas, config: Required<MarkupCanvasConfig>, isDragEnabled: boolean, isDragging: boolean, setters: {
+    setIsSpacePressed: (value: boolean) => void;
+    setIsDragging: (value: boolean) => void;
+    setDragButton: (value: number) => void;
+}): void;

package/dist/lib/events/keyboard/setupKeyboardEvents.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
2	+ export declare function setupKeyboardEvents(canvas: Canvas, config: Required<MarkupCanvasConfig>): () => void;

package/dist/lib/events/keyboard/setupKeyboardNavigation.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
2	+ export declare function setupKeyboardEvents(canvas: Canvas, config: Required<MarkupCanvasConfig>): () => void;

package/dist/lib/events/mouse/handleClickToZoom.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
2	+ export declare function handleClickToZoom(event: MouseEvent, canvas: Canvas, config: Required<MarkupCanvasConfig>, mouseDownTime: number, hasDragged: boolean, isDragging: boolean): void;

package/dist/lib/events/mouse/handleMouseDown.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
+export declare function handleMouseDown(event: MouseEvent, canvas: Canvas, config: Required<MarkupCanvasConfig>, isDragEnabled: boolean, isSpacePressed: boolean, setters: {
+    setMouseDownTime: (value: number) => void;
+    setMouseDownX: (value: number) => void;
+    setMouseDownY: (value: number) => void;
+    setHasDragged: (value: boolean) => void;
+    setIsDragging: (value: boolean) => void;
+    setDragButton: (value: number) => void;
+    setLastMouseX: (value: number) => void;
+    setLastMouseY: (value: number) => void;
+}): void;

package/dist/lib/events/mouse/handleMouseLeave.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
+export declare function handleMouseLeave(canvas: Canvas, config: Required<MarkupCanvasConfig>, isDragEnabled: boolean, isSpacePressed: boolean, isDragging: boolean, setters: {
+    setIsDragging: (value: boolean) => void;
+    setDragButton: (value: number) => void;
+}): void;

package/dist/lib/events/mouse/handleMouseMove.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { Canvas } from "@/types/index.js";
+export declare function handleMouseMove(event: MouseEvent, canvas: Canvas, isDragEnabled: boolean, isDragging: boolean, mouseDownTime: number, mouseDownX: number, mouseDownY: number, lastMouseX: number, lastMouseY: number, setters: {
+    setHasDragged: (value: boolean) => void;
+    setIsDragging: (value: boolean) => void;
+    setLastMouseX: (value: number) => void;
+    setLastMouseY: (value: number) => void;
+}): void;

package/dist/lib/events/mouse/handleMouseUp.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
+export declare function handleMouseUp(event: MouseEvent, canvas: Canvas, config: Required<MarkupCanvasConfig>, isDragEnabled: boolean, isSpacePressed: boolean, isDragging: boolean, dragButton: number, mouseDownTime: number, hasDragged: boolean, setters: {
+    setIsDragging: (value: boolean) => void;
+    setDragButton: (value: number) => void;
+    setMouseDownTime: (value: number) => void;
+    setHasDragged: (value: boolean) => void;
+}): void;

package/dist/lib/events/mouse/setupMouseDrag.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { MouseDragControls } from "@/types/events.js";
+import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
+export declare function setupMouseEvents(canvas: Canvas, config: Required<MarkupCanvasConfig>, withControls: true): MouseDragControls;
+export declare function setupMouseEvents(canvas: Canvas, config: Required<MarkupCanvasConfig>, withControls: false): () => void;

package/dist/lib/events/mouse/setupMouseEvents.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { MouseDragControls } from "@/types/events.js";
+import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
+export declare function setupMouseEvents(canvas: Canvas, config: Required<MarkupCanvasConfig>, withControls: true): MouseDragControls;
+export declare function setupMouseEvents(canvas: Canvas, config: Required<MarkupCanvasConfig>, withControls: false): () => void;

package/dist/lib/events/touch/getTouchCenter.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare function getTouchCenter(touch1: Touch, touch2: Touch): {
+    x: number;
+    y: number;
+};

package/dist/lib/events/touch/getTouchDistance.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function getTouchDistance(touch1: Touch, touch2: Touch): number;

package/dist/lib/events/touch/handleTouchEnd.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { TouchState } from "@/types/index.js";
2	+ export declare function handleTouchEnd(event: TouchEvent, touchState: TouchState): void;

package/dist/lib/events/touch/handleTouchMove.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { Canvas, TouchState } from "@/types/index.js";
2	+ export declare function handleTouchMove(event: TouchEvent, canvas: Canvas, touchState: TouchState): void;

package/dist/lib/events/touch/handleTouchStart.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { TouchState } from "@/types/index.js";
2	+ export declare function handleTouchStart(event: TouchEvent, touchState: TouchState): void;

package/dist/lib/events/touch/setupTouchEvents.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { Canvas } from "@/types/index.js";
2	+ export declare function setupTouchEvents(canvas: Canvas): () => void;

package/dist/lib/events/trackpad/createTrackpadPanHandler.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { BaseCanvas } from "@/types";
+export declare const createTrackpadPanHandler: (canvas: BaseCanvas) => ((...args: unknown[]) => boolean) & {
+    cleanup: () => void;
+};

package/dist/lib/events/trackpad/detectTrackpadGesture.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { GestureInfo } from "@/types/index.js";
2	+ export declare function detectTrackpadGesture(event: WheelEvent): GestureInfo;

package/dist/lib/events/utils/getAdaptiveZoomSpeed.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { BaseCanvas } from "@/types/index.js";
2	+ export declare function getAdaptiveZoomSpeed(canvas: BaseCanvas, baseSpeed: number): number;

package/dist/lib/events/utils/resetClickState.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare function resetClickState(setters: {
+    setMouseDownTime: (value: number) => void;
+    setHasDragged: (value: boolean) => void;
+}): void;

package/dist/lib/events/utils/resetDragState.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
+export declare function resetDragState(canvas: Canvas, config: Required<MarkupCanvasConfig>, isDragEnabled: boolean, isSpacePressed: boolean, setters: {
+    setIsDragging: (value: boolean) => void;
+    setDragButton: (value: number) => void;
+}): void;

package/dist/lib/events/utils/updateCursor.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
2	+ export declare function updateCursor(canvas: Canvas, config: Required<MarkupCanvasConfig>, isDragEnabled: boolean, isSpacePressed: boolean, isDragging: boolean): void;

package/dist/lib/events/wheel/handleWheel.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { Canvas, MarkupCanvasConfig } from "@/types/index.js";
2	+ export declare function handleWheel(event: WheelEvent, canvas: Canvas, config: Required<MarkupCanvasConfig>): boolean;

package/dist/lib/events/wheel/setupWheelEvents.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { Canvas, MarkupCanvasConfig } from "@/types";
2	+ export declare function setupWheelEvents(canvas: Canvas, config: Required<MarkupCanvasConfig>): () => void;

package/dist/lib/events/wheel/setupWheelHandler.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { Canvas, MarkupCanvasConfig } from "@/types";
2	+ export declare function setupWheelEvents(canvas: Canvas, config: Required<MarkupCanvasConfig>): () => void;

package/dist/lib/helpers/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export { withClampedZoom } from "./withClampedZoom.js";
+export { withDebounce } from "./withDebounce.js";
+export { withFeatureEnabled } from "./withFeatureEnabled.js";
+export { withRAF, withRAFThrottle } from "./withRAF.js";
+export { withRulerAdjustment, withRulerCheck, withRulerOffsetObject, withRulerOffsets, withRulerSize, } from "./withRulerCheck.js";
+export { withRulerOffset } from "./withRulerOffset.js";

package/dist/lib/helpers/withClampedZoom.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { MarkupCanvasConfig } from "@/types";
2	+ export declare function withClampedZoom<T>(config: Required<MarkupCanvasConfig>, operation: (clamp: (scale: number) => number) => T): T;

package/dist/lib/helpers/withDebounce.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function withDebounce(key: string, delay: number, operation: () => void): void;

package/dist/lib/helpers/withFeatureEnabled.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { MarkupCanvasConfig } from "@/types";
2	+ export declare function withFeatureEnabled<T>(config: MarkupCanvasConfig, feature: keyof MarkupCanvasConfig, operation: () => T): T \| null;

package/dist/lib/helpers/withRAF.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare function withRAF(operation: () => void): () => void;
+export declare function withRAFThrottle<T extends (...args: unknown[]) => void>(func: T): T & {
+    cleanup: () => void;
+};

package/dist/lib/helpers/withRulerCheck.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+export declare function withRulerCheck<T>(canvas: {
+    container: HTMLElement;
+}, operation: (hasRulers: boolean) => T): T;
+export declare function withRulerSize<T>(canvas: {
+    container: HTMLElement;
+}, operation: (rulerSize: number) => T): T;
+export declare function withRulerAdjustment(canvas: {
+    container: HTMLElement;
+}, value: number, operation?: (adjustedValue: number) => void): number;
+export declare function withRulerOffsets<T>(canvas: {
+    container: HTMLElement;
+}, x: number, y: number, operation: (adjustedX: number, adjustedY: number) => T): T;
+export declare function withRulerOffsetObject<T, C extends {
+    x: number;
+    y: number;
+}>(canvas: {
+    container: HTMLElement;
+}, coords: C, operation: (adjusted: C) => T): T;

package/dist/lib/helpers/withRulerOffset.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare function withRulerOffset<T>(canvas: {
+    container: HTMLElement;
+}, x: number, y: number, operation: (adjustedX: number, adjustedY: number) => T): T;