@embedpdf/utils 1.1.1 → 1.2.0

package/dist/vue/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/vue/components/counter-rotate-container.vue"],"sourcesContent":["<template>\n  <slot :menu-wrapper-props=\"menuWrapperProps\" :matrix=\"matrix\" :rect=\"adjustedRect\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type CSSProperties } from 'vue';\nimport type { Rect, Rotation } from '@embedpdf/models';\nimport { getCounterRotation } from '@embedpdf/utils';\n\ninterface CounterRotateProps {\n  rect: Rect;\n  rotation: Rotation;\n}\n\nconst props = defineProps<CounterRotateProps>();\n\nconst { matrix, width, height } = getCounterRotation(props.rect, props.rotation);\n\nconst menuWrapperProps = computed(() => ({\n  style: {\n    position: 'absolute',\n    left: `${props.rect.origin.x}px`,\n    top: `${props.rect.origin.y}px`,\n    transform: matrix,\n    transformOrigin: '0 0',\n    width: `${width}px`,\n    height: `${height}px`,\n    pointerEvents: 'none',\n    zIndex: 3,\n  } as CSSProperties,\n  onPointerDown: (e: PointerEvent) => e.stopPropagation(),\n  onTouchStart: (e: TouchEvent) => e.stopPropagation(),\n}));\n\nconst adjustedRect = computed(() => ({\n  origin: { x: props.rect.origin.x, y: props.rect.origin.y },\n  size: { width, height },\n}));\n</script>\n"],"names":["props","__props","matrix","width","height","getCounterRotation","rect","rotation","menuWrapperProps","computed","style","position","left","origin","x","top","y","transform","transformOrigin","pointerEvents","zIndex","onPointerDown","e","stopPropagation","onTouchStart","adjustedRect","size","_renderSlot","_ctx","$slots","value","_unref"],"mappings":"gOAcA,MAAMA,EAAQC,GAERC,OAAEA,EAAQC,MAAAA,EAAAC,OAAOA,GAAWC,EAAmBA,mBAAAL,EAAMM,KAAMN,EAAMO,UAEjEC,EAAmBC,EAAAA,UAAS,KAAO,CACvCC,MAAO,CACLC,SAAU,WACVC,KAAM,GAAGZ,EAAMM,KAAKO,OAAOC,MAC3BC,IAAK,GAAGf,EAAMM,KAAKO,OAAOG,MAC1BC,UAAWf,EACXgB,gBAAiB,MACjBf,MAAO,GAAGA,MACVC,OAAQ,GAAGA,MACXe,cAAe,OACfC,OAAQ,GAEVC,cAAgBC,GAAoBA,EAAEC,kBACtCC,aAAeF,GAAkBA,EAAEC,sBAG/BE,EAAehB,EAAAA,UAAS,KAAO,CACnCI,OAAQ,CAAEC,EAAGd,EAAMM,KAAKO,OAAOC,EAAGE,EAAGhB,EAAMM,KAAKO,OAAOG,GACvDU,KAAM,CAAEvB,QAAOC,2BAnCfuB,aAAqFC,EAAAC,OAAA,UAAA,CAA9ErB,iBAAoBA,EAAgBsB,MAAG5B,OAAQ6B,QAAM7B,GAAGI,KAAMmB,EAAYK"}
+{"version":3,"file":"index.cjs","sources":["../../src/vue/components/counter-rotate-container.vue","../../src/shared/plugin-interaction-primitives/drag-resize-controller.ts","../../src/vue/hooks/use-drag-resize.ts"],"sourcesContent":["<template>\n  <slot :menu-wrapper-props=\"menuWrapperProps\" :matrix=\"matrix\" :rect=\"adjustedRect\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type CSSProperties } from 'vue';\nimport type { Rect, Rotation } from '@embedpdf/models';\nimport { getCounterRotation } from '@embedpdf/utils';\n\ninterface CounterRotateProps {\n  rect: Rect;\n  rotation: Rotation;\n}\n\nconst props = defineProps<CounterRotateProps>();\n\nconst { matrix, width, height } = getCounterRotation(props.rect, props.rotation);\n\nconst menuWrapperProps = computed(() => ({\n  style: {\n    position: 'absolute',\n    left: `${props.rect.origin.x}px`,\n    top: `${props.rect.origin.y}px`,\n    transform: matrix,\n    transformOrigin: '0 0',\n    width: `${width}px`,\n    height: `${height}px`,\n    pointerEvents: 'none',\n    zIndex: 3,\n  } as CSSProperties,\n  onPointerDown: (e: PointerEvent) => e.stopPropagation(),\n  onTouchStart: (e: TouchEvent) => e.stopPropagation(),\n}));\n\nconst adjustedRect = computed(() => ({\n  origin: { x: props.rect.origin.x, y: props.rect.origin.y },\n  size: { width, height },\n}));\n</script>\n","import { Position, Rect } from '@embedpdf/models';\n\nexport interface DragResizeConfig {\n  element: Rect;\n  vertices?: Position[];\n  constraints?: {\n    minWidth?: number;\n    minHeight?: number;\n    maxWidth?: number;\n    maxHeight?: number;\n    boundingBox?: { width: number; height: number }; // page bounds\n  };\n  maintainAspectRatio?: boolean;\n  pageRotation?: number;\n  scale?: number;\n}\n\nexport type InteractionState = 'idle' | 'dragging' | 'resizing' | 'vertex-editing';\nexport type ResizeHandle = 'nw' | 'ne' | 'sw' | 'se' | 'n' | 'e' | 's' | 'w';\n\nexport interface TransformData {\n  type: 'move' | 'resize' | 'vertex-edit';\n  changes: {\n    rect?: Rect;\n    vertices?: Position[];\n  };\n  metadata?: {\n    handle?: ResizeHandle;\n    vertexIndex?: number;\n    maintainAspectRatio?: boolean;\n  };\n}\n\nexport interface InteractionEvent {\n  state: 'start' | 'move' | 'end';\n  transformData?: TransformData;\n}\n\n/**\n * Pure geometric controller that manages drag/resize/vertex-edit logic.\n */\nexport class DragResizeController {\n  private state: InteractionState = 'idle';\n  private startPoint: Position | null = null;\n  private startElement: Rect | null = null;\n  private activeHandle: ResizeHandle | null = null;\n  private currentPosition: Rect | null = null;\n\n  // Vertex editing state - pure geometric\n  private activeVertexIndex: number | null = null;\n  private startVertices: Position[] = [];\n  private currentVertices: Position[] = [];\n\n  constructor(\n    private config: DragResizeConfig,\n    private onUpdate: (event: InteractionEvent) => void,\n  ) {\n    this.currentVertices = config.vertices || [];\n  }\n\n  updateConfig(config: Partial<DragResizeConfig>) {\n    this.config = { ...this.config, ...config };\n    this.currentVertices = config.vertices || [];\n  }\n\n  startDrag(clientX: number, clientY: number) {\n    this.state = 'dragging';\n    this.startPoint = { x: clientX, y: clientY };\n    this.startElement = { ...this.config.element };\n    this.currentPosition = { ...this.config.element };\n\n    this.onUpdate({\n      state: 'start',\n      transformData: {\n        type: 'move',\n        changes: {\n          rect: this.startElement,\n        },\n      },\n    });\n  }\n\n  startResize(handle: ResizeHandle, clientX: number, clientY: number) {\n    this.state = 'resizing';\n    this.activeHandle = handle;\n    this.startPoint = { x: clientX, y: clientY };\n    this.startElement = { ...this.config.element };\n    this.currentPosition = { ...this.config.element };\n\n    this.onUpdate({\n      state: 'start',\n      transformData: {\n        type: 'resize',\n        changes: {\n          rect: this.startElement,\n        },\n        metadata: {\n          handle: this.activeHandle,\n          maintainAspectRatio: this.config.maintainAspectRatio,\n        },\n      },\n    });\n  }\n\n  startVertexEdit(vertexIndex: number, clientX: number, clientY: number) {\n    // Refresh vertices from latest config before validating index\n    this.currentVertices = [...(this.config.vertices ?? this.currentVertices)];\n    if (vertexIndex < 0 || vertexIndex >= this.currentVertices.length) return;\n\n    this.state = 'vertex-editing';\n    this.activeVertexIndex = vertexIndex;\n    this.startPoint = { x: clientX, y: clientY };\n    this.startVertices = [...this.currentVertices];\n\n    this.onUpdate({\n      state: 'start',\n      transformData: {\n        type: 'vertex-edit',\n        changes: {\n          vertices: this.startVertices,\n        },\n        metadata: {\n          vertexIndex,\n        },\n      },\n    });\n  }\n\n  move(clientX: number, clientY: number) {\n    if (this.state === 'idle' || !this.startPoint) return;\n\n    if (this.state === 'dragging' && this.startElement) {\n      const delta = this.calculateDelta(clientX, clientY);\n      const position = this.calculateDragPosition(delta);\n      this.currentPosition = position;\n\n      this.onUpdate({\n        state: 'move',\n        transformData: {\n          type: 'move',\n          changes: {\n            rect: position,\n          },\n        },\n      });\n    } else if (this.state === 'resizing' && this.activeHandle && this.startElement) {\n      const delta = this.calculateDelta(clientX, clientY);\n      const position = this.calculateResizePosition(delta, this.activeHandle);\n      this.currentPosition = position;\n\n      this.onUpdate({\n        state: 'move',\n        transformData: {\n          type: 'resize',\n          changes: {\n            rect: position,\n          },\n          metadata: {\n            handle: this.activeHandle,\n            maintainAspectRatio: this.config.maintainAspectRatio,\n          },\n        },\n      });\n    } else if (this.state === 'vertex-editing' && this.activeVertexIndex !== null) {\n      const vertices = this.calculateVertexPosition(clientX, clientY);\n      this.currentVertices = vertices;\n\n      this.onUpdate({\n        state: 'move',\n        transformData: {\n          type: 'vertex-edit',\n          changes: {\n            vertices,\n          },\n          metadata: {\n            vertexIndex: this.activeVertexIndex,\n          },\n        },\n      });\n    }\n  }\n\n  end() {\n    if (this.state === 'idle') return;\n\n    const wasState = this.state;\n    const handle = this.activeHandle;\n    const vertexIndex = this.activeVertexIndex;\n\n    if (wasState === 'vertex-editing') {\n      this.onUpdate({\n        state: 'end',\n        transformData: {\n          type: 'vertex-edit',\n          changes: {\n            vertices: this.currentVertices,\n          },\n          metadata: {\n            vertexIndex: vertexIndex || undefined,\n          },\n        },\n      });\n    } else {\n      const finalPosition = this.getCurrentPosition();\n      this.onUpdate({\n        state: 'end',\n        transformData: {\n          type: wasState === 'dragging' ? 'move' : 'resize',\n          changes: {\n            rect: finalPosition,\n          },\n          metadata:\n            wasState === 'dragging'\n              ? undefined\n              : {\n                  handle: handle || undefined,\n                  maintainAspectRatio: this.config.maintainAspectRatio,\n                },\n        },\n      });\n    }\n\n    this.reset();\n  }\n\n  cancel() {\n    if (this.state === 'idle') return;\n\n    if (this.state === 'vertex-editing') {\n      this.onUpdate({\n        state: 'end',\n        transformData: {\n          type: 'vertex-edit',\n          changes: {\n            vertices: this.startVertices,\n          },\n          metadata: {\n            vertexIndex: this.activeVertexIndex || undefined,\n          },\n        },\n      });\n    } else if (this.startElement) {\n      this.onUpdate({\n        state: 'end',\n        transformData: {\n          type: this.state === 'dragging' ? 'move' : 'resize',\n          changes: {\n            rect: this.startElement,\n          },\n          metadata:\n            this.state === 'dragging'\n              ? undefined\n              : {\n                  handle: this.activeHandle || undefined,\n                  maintainAspectRatio: this.config.maintainAspectRatio,\n                },\n        },\n      });\n    }\n\n    this.reset();\n  }\n\n  private reset() {\n    this.state = 'idle';\n    this.startPoint = null;\n    this.startElement = null;\n    this.activeHandle = null;\n    this.currentPosition = null;\n    this.activeVertexIndex = null;\n    this.startVertices = [];\n  }\n\n  private getCurrentPosition() {\n    return this.currentPosition || this.config.element;\n  }\n\n  private calculateDelta(clientX: number, clientY: number): Position {\n    if (!this.startPoint) return { x: 0, y: 0 };\n\n    const rawDelta: Position = {\n      x: clientX - this.startPoint.x,\n      y: clientY - this.startPoint.y,\n    };\n\n    return this.transformDelta(rawDelta);\n  }\n\n  private transformDelta(delta: Position): Position {\n    const { pageRotation = 0, scale = 1 } = this.config;\n\n    const rad = (pageRotation * Math.PI) / 2;\n    const cos = Math.cos(rad);\n    const sin = Math.sin(rad);\n\n    const scaledX = delta.x / scale;\n    const scaledY = delta.y / scale;\n\n    return {\n      x: cos * scaledX + sin * scaledY,\n      y: -sin * scaledX + cos * scaledY,\n    };\n  }\n\n  private clampPoint(p: Position): Position {\n    const bbox = this.config.constraints?.boundingBox;\n    if (!bbox) return p;\n    return {\n      x: Math.max(0, Math.min(p.x, bbox.width)),\n      y: Math.max(0, Math.min(p.y, bbox.height)),\n    };\n  }\n\n  private calculateVertexPosition(clientX: number, clientY: number): Position[] {\n    if (this.activeVertexIndex === null) return this.startVertices;\n\n    const delta = this.calculateDelta(clientX, clientY);\n    const newVertices = [...this.startVertices];\n    const currentVertex = newVertices[this.activeVertexIndex];\n\n    const moved = {\n      x: currentVertex.x + delta.x,\n      y: currentVertex.y + delta.y,\n    };\n    newVertices[this.activeVertexIndex] = this.clampPoint(moved);\n\n    return newVertices;\n  }\n\n  private calculateDragPosition(delta: Position): Rect {\n    if (!this.startElement) return this.config.element;\n\n    const position: Rect = {\n      origin: {\n        x: this.startElement.origin.x + delta.x,\n        y: this.startElement.origin.y + delta.y,\n      },\n      size: {\n        width: this.startElement.size.width,\n        height: this.startElement.size.height,\n      },\n    };\n\n    return this.applyConstraints(position);\n  }\n\n  private calculateResizePosition(delta: Position, handle: ResizeHandle): Rect {\n    if (!this.startElement) return this.config.element;\n\n    let {\n      origin: { x, y },\n      size: { width, height },\n    } = this.startElement;\n\n    switch (handle) {\n      case 'se':\n        width += delta.x;\n        height += delta.y;\n        break;\n      case 'sw':\n        x += delta.x;\n        width -= delta.x;\n        height += delta.y;\n        break;\n      case 'ne':\n        width += delta.x;\n        y += delta.y;\n        height -= delta.y;\n        break;\n      case 'nw':\n        x += delta.x;\n        width -= delta.x;\n        y += delta.y;\n        height -= delta.y;\n        break;\n      case 'n':\n        y += delta.y;\n        height -= delta.y;\n        break;\n      case 's':\n        height += delta.y;\n        break;\n      case 'e':\n        width += delta.x;\n        break;\n      case 'w':\n        x += delta.x;\n        width -= delta.x;\n        break;\n    }\n\n    // Maintain aspect ratio if needed\n    if (this.config.maintainAspectRatio && this.startElement) {\n      const aspectRatio = this.startElement.size.width / this.startElement.size.height;\n\n      if (['n', 's', 'e', 'w'].includes(handle)) {\n        if (handle === 'n' || handle === 's') {\n          const newWidth = height * aspectRatio;\n          const widthDiff = newWidth - width;\n          width = newWidth;\n          x -= widthDiff / 2;\n        } else {\n          const newHeight = width / aspectRatio;\n          const heightDiff = newHeight - height;\n          height = newHeight;\n          if (handle === 'w') {\n            x = this.startElement.origin.x + this.startElement.size.width - width;\n          }\n          y -= heightDiff / 2;\n        }\n      } else {\n        const widthChange = Math.abs(width - this.startElement.size.width);\n        const heightChange = Math.abs(height - this.startElement.size.height);\n        if (widthChange > heightChange) {\n          height = width / aspectRatio;\n        } else {\n          width = height * aspectRatio;\n        }\n        if (handle.includes('w')) {\n          x = this.startElement.origin.x + this.startElement.size.width - width;\n        }\n        if (handle.includes('n')) {\n          y = this.startElement.origin.y + this.startElement.size.height - height;\n        }\n      }\n    }\n\n    // Handle-aware bounding box clamping to avoid shifting opposite edge\n    const bbox = this.config.constraints?.boundingBox;\n    if (bbox) {\n      switch (handle) {\n        case 'e':\n          width = Math.min(width, bbox.width - x);\n          break;\n        case 's':\n          height = Math.min(height, bbox.height - y);\n          break;\n        case 'se':\n          width = Math.min(width, bbox.width - x);\n          height = Math.min(height, bbox.height - y);\n          break;\n        case 'w':\n          if (x < 0) {\n            width += x;\n            x = 0;\n          }\n          break;\n        case 'n':\n          if (y < 0) {\n            height += y;\n            y = 0;\n          }\n          break;\n        case 'sw':\n          if (x < 0) {\n            width += x;\n            x = 0;\n          }\n          height = Math.min(height, bbox.height - y);\n          break;\n        case 'nw':\n          if (x < 0) {\n            width += x;\n            x = 0;\n          }\n          if (y < 0) {\n            height += y;\n            y = 0;\n          }\n          break;\n        case 'ne':\n          width = Math.min(width, bbox.width - x);\n          if (y < 0) {\n            height += y;\n            y = 0;\n          }\n          break;\n      }\n    }\n\n    return this.applyConstraints({ origin: { x, y }, size: { width, height } });\n  }\n\n  private applyConstraints(position: Rect): Rect {\n    const { constraints } = this.config;\n    if (!constraints) return position;\n\n    let {\n      origin: { x, y },\n      size: { width, height },\n    } = position;\n\n    // Apply size constraints\n    width = Math.max(constraints.minWidth || 1, width);\n    height = Math.max(constraints.minHeight || 1, height);\n\n    if (constraints.maxWidth) width = Math.min(constraints.maxWidth, width);\n    if (constraints.maxHeight) height = Math.min(constraints.maxHeight, height);\n\n    // Apply bounding box constraints\n    if (constraints.boundingBox) {\n      x = Math.max(0, Math.min(x, constraints.boundingBox.width - width));\n      y = Math.max(0, Math.min(y, constraints.boundingBox.height - height));\n    }\n\n    return { origin: { x, y }, size: { width, height } };\n  }\n}\n","import { ref, watch, computed, onUnmounted } from 'vue';\nimport {\n  DragResizeController,\n  DragResizeConfig,\n  InteractionEvent,\n  ResizeHandle,\n} from '../../shared/plugin-interaction-primitives';\n\nexport interface UseDragResizeOptions extends DragResizeConfig {\n  onUpdate?: (event: InteractionEvent) => void;\n  enabled?: boolean;\n}\n\nexport function useDragResize(options: UseDragResizeOptions) {\n  const controller = ref<DragResizeController | null>(null);\n\n  // Extract reactive options\n  const { onUpdate, enabled = true, ...config } = options;\n\n  // Initialize controller\n  if (!controller.value) {\n    controller.value = new DragResizeController(config, (event) => onUpdate?.(event));\n  }\n\n  // Watch for config changes\n  watch(\n    () => ({\n      element: config.element,\n      constraints: config.constraints,\n      maintainAspectRatio: config.maintainAspectRatio,\n      pageRotation: config.pageRotation,\n      scale: config.scale,\n    }),\n    (newConfig) => {\n      controller.value?.updateConfig(newConfig);\n    },\n    { deep: true },\n  );\n\n  // Cleanup on unmount\n  onUnmounted(() => {\n    controller.value = null;\n  });\n\n  // Drag handlers\n  const handleDragStart = (e: PointerEvent) => {\n    if (!enabled) return;\n    e.preventDefault();\n    e.stopPropagation();\n    controller.value?.startDrag(e.clientX, e.clientY);\n    (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n  };\n\n  const handleMove = (e: PointerEvent) => {\n    controller.value?.move(e.clientX, e.clientY);\n  };\n\n  const handleEnd = (e: PointerEvent) => {\n    controller.value?.end();\n    (e.currentTarget as HTMLElement).releasePointerCapture?.(e.pointerId);\n  };\n\n  const handleCancel = (e: PointerEvent) => {\n    controller.value?.cancel();\n    (e.currentTarget as HTMLElement).releasePointerCapture?.(e.pointerId);\n  };\n\n  // Create resize handler factory\n  const createResizeProps = (handle: ResizeHandle) => ({\n    onPointerdown: (e: PointerEvent) => {\n      if (!enabled) return;\n      e.preventDefault();\n      e.stopPropagation();\n      controller.value?.startResize(handle, e.clientX, e.clientY);\n      (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n    },\n    onPointermove: handleMove,\n    onPointerup: handleEnd,\n    onPointercancel: handleCancel,\n  });\n\n  // Computed drag props\n  const dragProps = computed(() =>\n    enabled\n      ? {\n          onPointerdown: handleDragStart,\n          onPointermove: handleMove,\n          onPointerup: handleEnd,\n          onPointercancel: handleCancel,\n        }\n      : {},\n  );\n\n  return {\n    dragProps,\n    createResizeProps,\n  };\n}\n"],"names":["props","__props","matrix","width","height","getCounterRotation","rect","rotation","menuWrapperProps","computed","style","position","left","origin","x","top","y","transform","transformOrigin","pointerEvents","zIndex","onPointerDown","e","stopPropagation","onTouchStart","adjustedRect","size","_renderSlot","_ctx","$slots","value","_unref","DragResizeController","constructor","config","onUpdate","this","state","startPoint","startElement","activeHandle","currentPosition","activeVertexIndex","startVertices","currentVertices","vertices","updateConfig","startDrag","clientX","clientY","element","transformData","type","changes","startResize","handle","metadata","maintainAspectRatio","startVertexEdit","vertexIndex","length","move","delta","calculateDelta","calculateDragPosition","calculateResizePosition","calculateVertexPosition","end","wasState","finalPosition","getCurrentPosition","reset","cancel","rawDelta","transformDelta","pageRotation","scale","rad","Math","PI","cos","sin","scaledX","scaledY","clampPoint","p","bbox","_a","constraints","boundingBox","max","min","newVertices","currentVertex","moved","applyConstraints","aspectRatio","includes","newWidth","widthDiff","newHeight","heightDiff","abs","minWidth","minHeight","maxWidth","maxHeight","options","controller","ref","enabled","event","vue","watch","newConfig","deep","onUnmounted","handleDragStart","preventDefault","currentTarget","setPointerCapture","pointerId","handleMove","handleEnd","_c","_b","releasePointerCapture","call","handleCancel","dragProps","onPointerdown","onPointermove","onPointerup","onPointercancel","createResizeProps"],"mappings":"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"}

package/dist/vue/index.d.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './hooks';

package/dist/vue/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, renderSlot, unref } from "vue";
+import { defineComponent, computed, renderSlot, unref, ref, watch, onUnmounted } from "vue";
 import { getCounterRotation } from "@embedpdf/utils";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "counter-rotate-container",
@@ -37,7 +37,483 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+class DragResizeController {
+  constructor(config, onUpdate) {
+    this.config = config;
+    this.onUpdate = onUpdate;
+    this.state = "idle";
+    this.startPoint = null;
+    this.startElement = null;
+    this.activeHandle = null;
+    this.currentPosition = null;
+    this.activeVertexIndex = null;
+    this.startVertices = [];
+    this.currentVertices = [];
+    this.currentVertices = config.vertices || [];
+  }
+  updateConfig(config) {
+    this.config = { ...this.config, ...config };
+    this.currentVertices = config.vertices || [];
+  }
+  startDrag(clientX, clientY) {
+    this.state = "dragging";
+    this.startPoint = { x: clientX, y: clientY };
+    this.startElement = { ...this.config.element };
+    this.currentPosition = { ...this.config.element };
+    this.onUpdate({
+      state: "start",
+      transformData: {
+        type: "move",
+        changes: {
+          rect: this.startElement
+        }
+      }
+    });
+  }
+  startResize(handle, clientX, clientY) {
+    this.state = "resizing";
+    this.activeHandle = handle;
+    this.startPoint = { x: clientX, y: clientY };
+    this.startElement = { ...this.config.element };
+    this.currentPosition = { ...this.config.element };
+    this.onUpdate({
+      state: "start",
+      transformData: {
+        type: "resize",
+        changes: {
+          rect: this.startElement
+        },
+        metadata: {
+          handle: this.activeHandle,
+          maintainAspectRatio: this.config.maintainAspectRatio
+        }
+      }
+    });
+  }
+  startVertexEdit(vertexIndex, clientX, clientY) {
+    this.currentVertices = [...this.config.vertices ?? this.currentVertices];
+    if (vertexIndex < 0 || vertexIndex >= this.currentVertices.length) return;
+    this.state = "vertex-editing";
+    this.activeVertexIndex = vertexIndex;
+    this.startPoint = { x: clientX, y: clientY };
+    this.startVertices = [...this.currentVertices];
+    this.onUpdate({
+      state: "start",
+      transformData: {
+        type: "vertex-edit",
+        changes: {
+          vertices: this.startVertices
+        },
+        metadata: {
+          vertexIndex
+        }
+      }
+    });
+  }
+  move(clientX, clientY) {
+    if (this.state === "idle" || !this.startPoint) return;
+    if (this.state === "dragging" && this.startElement) {
+      const delta = this.calculateDelta(clientX, clientY);
+      const position = this.calculateDragPosition(delta);
+      this.currentPosition = position;
+      this.onUpdate({
+        state: "move",
+        transformData: {
+          type: "move",
+          changes: {
+            rect: position
+          }
+        }
+      });
+    } else if (this.state === "resizing" && this.activeHandle && this.startElement) {
+      const delta = this.calculateDelta(clientX, clientY);
+      const position = this.calculateResizePosition(delta, this.activeHandle);
+      this.currentPosition = position;
+      this.onUpdate({
+        state: "move",
+        transformData: {
+          type: "resize",
+          changes: {
+            rect: position
+          },
+          metadata: {
+            handle: this.activeHandle,
+            maintainAspectRatio: this.config.maintainAspectRatio
+          }
+        }
+      });
+    } else if (this.state === "vertex-editing" && this.activeVertexIndex !== null) {
+      const vertices = this.calculateVertexPosition(clientX, clientY);
+      this.currentVertices = vertices;
+      this.onUpdate({
+        state: "move",
+        transformData: {
+          type: "vertex-edit",
+          changes: {
+            vertices
+          },
+          metadata: {
+            vertexIndex: this.activeVertexIndex
+          }
+        }
+      });
+    }
+  }
+  end() {
+    if (this.state === "idle") return;
+    const wasState = this.state;
+    const handle = this.activeHandle;
+    const vertexIndex = this.activeVertexIndex;
+    if (wasState === "vertex-editing") {
+      this.onUpdate({
+        state: "end",
+        transformData: {
+          type: "vertex-edit",
+          changes: {
+            vertices: this.currentVertices
+          },
+          metadata: {
+            vertexIndex: vertexIndex || void 0
+          }
+        }
+      });
+    } else {
+      const finalPosition = this.getCurrentPosition();
+      this.onUpdate({
+        state: "end",
+        transformData: {
+          type: wasState === "dragging" ? "move" : "resize",
+          changes: {
+            rect: finalPosition
+          },
+          metadata: wasState === "dragging" ? void 0 : {
+            handle: handle || void 0,
+            maintainAspectRatio: this.config.maintainAspectRatio
+          }
+        }
+      });
+    }
+    this.reset();
+  }
+  cancel() {
+    if (this.state === "idle") return;
+    if (this.state === "vertex-editing") {
+      this.onUpdate({
+        state: "end",
+        transformData: {
+          type: "vertex-edit",
+          changes: {
+            vertices: this.startVertices
+          },
+          metadata: {
+            vertexIndex: this.activeVertexIndex || void 0
+          }
+        }
+      });
+    } else if (this.startElement) {
+      this.onUpdate({
+        state: "end",
+        transformData: {
+          type: this.state === "dragging" ? "move" : "resize",
+          changes: {
+            rect: this.startElement
+          },
+          metadata: this.state === "dragging" ? void 0 : {
+            handle: this.activeHandle || void 0,
+            maintainAspectRatio: this.config.maintainAspectRatio
+          }
+        }
+      });
+    }
+    this.reset();
+  }
+  reset() {
+    this.state = "idle";
+    this.startPoint = null;
+    this.startElement = null;
+    this.activeHandle = null;
+    this.currentPosition = null;
+    this.activeVertexIndex = null;
+    this.startVertices = [];
+  }
+  getCurrentPosition() {
+    return this.currentPosition || this.config.element;
+  }
+  calculateDelta(clientX, clientY) {
+    if (!this.startPoint) return { x: 0, y: 0 };
+    const rawDelta = {
+      x: clientX - this.startPoint.x,
+      y: clientY - this.startPoint.y
+    };
+    return this.transformDelta(rawDelta);
+  }
+  transformDelta(delta) {
+    const { pageRotation = 0, scale = 1 } = this.config;
+    const rad = pageRotation * Math.PI / 2;
+    const cos = Math.cos(rad);
+    const sin = Math.sin(rad);
+    const scaledX = delta.x / scale;
+    const scaledY = delta.y / scale;
+    return {
+      x: cos * scaledX + sin * scaledY,
+      y: -sin * scaledX + cos * scaledY
+    };
+  }
+  clampPoint(p) {
+    var _a;
+    const bbox = (_a = this.config.constraints) == null ? void 0 : _a.boundingBox;
+    if (!bbox) return p;
+    return {
+      x: Math.max(0, Math.min(p.x, bbox.width)),
+      y: Math.max(0, Math.min(p.y, bbox.height))
+    };
+  }
+  calculateVertexPosition(clientX, clientY) {
+    if (this.activeVertexIndex === null) return this.startVertices;
+    const delta = this.calculateDelta(clientX, clientY);
+    const newVertices = [...this.startVertices];
+    const currentVertex = newVertices[this.activeVertexIndex];
+    const moved = {
+      x: currentVertex.x + delta.x,
+      y: currentVertex.y + delta.y
+    };
+    newVertices[this.activeVertexIndex] = this.clampPoint(moved);
+    return newVertices;
+  }
+  calculateDragPosition(delta) {
+    if (!this.startElement) return this.config.element;
+    const position = {
+      origin: {
+        x: this.startElement.origin.x + delta.x,
+        y: this.startElement.origin.y + delta.y
+      },
+      size: {
+        width: this.startElement.size.width,
+        height: this.startElement.size.height
+      }
+    };
+    return this.applyConstraints(position);
+  }
+  calculateResizePosition(delta, handle) {
+    var _a;
+    if (!this.startElement) return this.config.element;
+    let {
+      origin: { x, y },
+      size: { width, height }
+    } = this.startElement;
+    switch (handle) {
+      case "se":
+        width += delta.x;
+        height += delta.y;
+        break;
+      case "sw":
+        x += delta.x;
+        width -= delta.x;
+        height += delta.y;
+        break;
+      case "ne":
+        width += delta.x;
+        y += delta.y;
+        height -= delta.y;
+        break;
+      case "nw":
+        x += delta.x;
+        width -= delta.x;
+        y += delta.y;
+        height -= delta.y;
+        break;
+      case "n":
+        y += delta.y;
+        height -= delta.y;
+        break;
+      case "s":
+        height += delta.y;
+        break;
+      case "e":
+        width += delta.x;
+        break;
+      case "w":
+        x += delta.x;
+        width -= delta.x;
+        break;
+    }
+    if (this.config.maintainAspectRatio && this.startElement) {
+      const aspectRatio = this.startElement.size.width / this.startElement.size.height;
+      if (["n", "s", "e", "w"].includes(handle)) {
+        if (handle === "n" || handle === "s") {
+          const newWidth = height * aspectRatio;
+          const widthDiff = newWidth - width;
+          width = newWidth;
+          x -= widthDiff / 2;
+        } else {
+          const newHeight = width / aspectRatio;
+          const heightDiff = newHeight - height;
+          height = newHeight;
+          if (handle === "w") {
+            x = this.startElement.origin.x + this.startElement.size.width - width;
+          }
+          y -= heightDiff / 2;
+        }
+      } else {
+        const widthChange = Math.abs(width - this.startElement.size.width);
+        const heightChange = Math.abs(height - this.startElement.size.height);
+        if (widthChange > heightChange) {
+          height = width / aspectRatio;
+        } else {
+          width = height * aspectRatio;
+        }
+        if (handle.includes("w")) {
+          x = this.startElement.origin.x + this.startElement.size.width - width;
+        }
+        if (handle.includes("n")) {
+          y = this.startElement.origin.y + this.startElement.size.height - height;
+        }
+      }
+    }
+    const bbox = (_a = this.config.constraints) == null ? void 0 : _a.boundingBox;
+    if (bbox) {
+      switch (handle) {
+        case "e":
+          width = Math.min(width, bbox.width - x);
+          break;
+        case "s":
+          height = Math.min(height, bbox.height - y);
+          break;
+        case "se":
+          width = Math.min(width, bbox.width - x);
+          height = Math.min(height, bbox.height - y);
+          break;
+        case "w":
+          if (x < 0) {
+            width += x;
+            x = 0;
+          }
+          break;
+        case "n":
+          if (y < 0) {
+            height += y;
+            y = 0;
+          }
+          break;
+        case "sw":
+          if (x < 0) {
+            width += x;
+            x = 0;
+          }
+          height = Math.min(height, bbox.height - y);
+          break;
+        case "nw":
+          if (x < 0) {
+            width += x;
+            x = 0;
+          }
+          if (y < 0) {
+            height += y;
+            y = 0;
+          }
+          break;
+        case "ne":
+          width = Math.min(width, bbox.width - x);
+          if (y < 0) {
+            height += y;
+            y = 0;
+          }
+          break;
+      }
+    }
+    return this.applyConstraints({ origin: { x, y }, size: { width, height } });
+  }
+  applyConstraints(position) {
+    const { constraints } = this.config;
+    if (!constraints) return position;
+    let {
+      origin: { x, y },
+      size: { width, height }
+    } = position;
+    width = Math.max(constraints.minWidth || 1, width);
+    height = Math.max(constraints.minHeight || 1, height);
+    if (constraints.maxWidth) width = Math.min(constraints.maxWidth, width);
+    if (constraints.maxHeight) height = Math.min(constraints.maxHeight, height);
+    if (constraints.boundingBox) {
+      x = Math.max(0, Math.min(x, constraints.boundingBox.width - width));
+      y = Math.max(0, Math.min(y, constraints.boundingBox.height - height));
+    }
+    return { origin: { x, y }, size: { width, height } };
+  }
+}
+function useDragResize(options) {
+  const controller = ref(null);
+  const { onUpdate, enabled = true, ...config } = options;
+  if (!controller.value) {
+    controller.value = new DragResizeController(config, (event) => onUpdate == null ? void 0 : onUpdate(event));
+  }
+  watch(
+    () => ({
+      element: config.element,
+      constraints: config.constraints,
+      maintainAspectRatio: config.maintainAspectRatio,
+      pageRotation: config.pageRotation,
+      scale: config.scale
+    }),
+    (newConfig) => {
+      var _a;
+      (_a = controller.value) == null ? void 0 : _a.updateConfig(newConfig);
+    },
+    { deep: true }
+  );
+  onUnmounted(() => {
+    controller.value = null;
+  });
+  const handleDragStart = (e) => {
+    var _a;
+    if (!enabled) return;
+    e.preventDefault();
+    e.stopPropagation();
+    (_a = controller.value) == null ? void 0 : _a.startDrag(e.clientX, e.clientY);
+    e.currentTarget.setPointerCapture(e.pointerId);
+  };
+  const handleMove = (e) => {
+    var _a;
+    (_a = controller.value) == null ? void 0 : _a.move(e.clientX, e.clientY);
+  };
+  const handleEnd = (e) => {
+    var _a, _b, _c;
+    (_a = controller.value) == null ? void 0 : _a.end();
+    (_c = (_b = e.currentTarget).releasePointerCapture) == null ? void 0 : _c.call(_b, e.pointerId);
+  };
+  const handleCancel = (e) => {
+    var _a, _b, _c;
+    (_a = controller.value) == null ? void 0 : _a.cancel();
+    (_c = (_b = e.currentTarget).releasePointerCapture) == null ? void 0 : _c.call(_b, e.pointerId);
+  };
+  const createResizeProps = (handle) => ({
+    onPointerdown: (e) => {
+      var _a;
+      if (!enabled) return;
+      e.preventDefault();
+      e.stopPropagation();
+      (_a = controller.value) == null ? void 0 : _a.startResize(handle, e.clientX, e.clientY);
+      e.currentTarget.setPointerCapture(e.pointerId);
+    },
+    onPointermove: handleMove,
+    onPointerup: handleEnd,
+    onPointercancel: handleCancel
+  });
+  const dragProps = computed(
+    () => enabled ? {
+      onPointerdown: handleDragStart,
+      onPointermove: handleMove,
+      onPointerup: handleEnd,
+      onPointercancel: handleCancel
+    } : {}
+  );
+  return {
+    dragProps,
+    createResizeProps
+  };
+}
 export {
-  _sfc_main as CounterRotate
+  _sfc_main as CounterRotate,
+  useDragResize
 };
 //# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/vue/components/counter-rotate-container.vue"],"sourcesContent":["<template>\n  <slot :menu-wrapper-props=\"menuWrapperProps\" :matrix=\"matrix\" :rect=\"adjustedRect\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type CSSProperties } from 'vue';\nimport type { Rect, Rotation } from '@embedpdf/models';\nimport { getCounterRotation } from '@embedpdf/utils';\n\ninterface CounterRotateProps {\n  rect: Rect;\n  rotation: Rotation;\n}\n\nconst props = defineProps<CounterRotateProps>();\n\nconst { matrix, width, height } = getCounterRotation(props.rect, props.rotation);\n\nconst menuWrapperProps = computed(() => ({\n  style: {\n    position: 'absolute',\n    left: `${props.rect.origin.x}px`,\n    top: `${props.rect.origin.y}px`,\n    transform: matrix,\n    transformOrigin: '0 0',\n    width: `${width}px`,\n    height: `${height}px`,\n    pointerEvents: 'none',\n    zIndex: 3,\n  } as CSSProperties,\n  onPointerDown: (e: PointerEvent) => e.stopPropagation(),\n  onTouchStart: (e: TouchEvent) => e.stopPropagation(),\n}));\n\nconst adjustedRect = computed(() => ({\n  origin: { x: props.rect.origin.x, y: props.rect.origin.y },\n  size: { width, height },\n}));\n</script>\n"],"names":["_renderSlot","_unref"],"mappings":";;;;;;;;;AAcA,UAAM,QAAQ;AAER,UAAA,EAAE,QAAQ,OAAO,WAAW,mBAAmB,MAAM,MAAM,MAAM,QAAQ;AAEzE,UAAA,mBAAmB,SAAS,OAAO;AAAA,MACvC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC;AAAA,QAC5B,KAAK,GAAG,MAAM,KAAK,OAAO,CAAC;AAAA,QAC3B,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,OAAO,GAAG,KAAK;AAAA,QACf,QAAQ,GAAG,MAAM;AAAA,QACjB,eAAe;AAAA,QACf,QAAQ;AAAA,MACV;AAAA,MACA,eAAe,CAAC,MAAoB,EAAE,gBAAgB;AAAA,MACtD,cAAc,CAAC,MAAkB,EAAE,gBAAgB;AAAA,IAAA,EACnD;AAEI,UAAA,eAAe,SAAS,OAAO;AAAA,MACnC,QAAQ,EAAE,GAAG,MAAM,KAAK,OAAO,GAAG,GAAG,MAAM,KAAK,OAAO,EAAE;AAAA,MACzD,MAAM,EAAE,OAAO,OAAO;AAAA,IAAA,EACtB;;AApCA,aAAAA,WAAqF,KAAA,QAAA,WAAA;AAAA,QAA9E,kBAAoB,iBAAgB;AAAA,QAAG,QAAQC,MAAM,MAAA;AAAA,QAAG,MAAM,aAAY;AAAA,MAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/vue/components/counter-rotate-container.vue","../../src/shared/plugin-interaction-primitives/drag-resize-controller.ts","../../src/vue/hooks/use-drag-resize.ts"],"sourcesContent":["<template>\n  <slot :menu-wrapper-props=\"menuWrapperProps\" :matrix=\"matrix\" :rect=\"adjustedRect\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type CSSProperties } from 'vue';\nimport type { Rect, Rotation } from '@embedpdf/models';\nimport { getCounterRotation } from '@embedpdf/utils';\n\ninterface CounterRotateProps {\n  rect: Rect;\n  rotation: Rotation;\n}\n\nconst props = defineProps<CounterRotateProps>();\n\nconst { matrix, width, height } = getCounterRotation(props.rect, props.rotation);\n\nconst menuWrapperProps = computed(() => ({\n  style: {\n    position: 'absolute',\n    left: `${props.rect.origin.x}px`,\n    top: `${props.rect.origin.y}px`,\n    transform: matrix,\n    transformOrigin: '0 0',\n    width: `${width}px`,\n    height: `${height}px`,\n    pointerEvents: 'none',\n    zIndex: 3,\n  } as CSSProperties,\n  onPointerDown: (e: PointerEvent) => e.stopPropagation(),\n  onTouchStart: (e: TouchEvent) => e.stopPropagation(),\n}));\n\nconst adjustedRect = computed(() => ({\n  origin: { x: props.rect.origin.x, y: props.rect.origin.y },\n  size: { width, height },\n}));\n</script>\n","import { Position, Rect } from '@embedpdf/models';\n\nexport interface DragResizeConfig {\n  element: Rect;\n  vertices?: Position[];\n  constraints?: {\n    minWidth?: number;\n    minHeight?: number;\n    maxWidth?: number;\n    maxHeight?: number;\n    boundingBox?: { width: number; height: number }; // page bounds\n  };\n  maintainAspectRatio?: boolean;\n  pageRotation?: number;\n  scale?: number;\n}\n\nexport type InteractionState = 'idle' | 'dragging' | 'resizing' | 'vertex-editing';\nexport type ResizeHandle = 'nw' | 'ne' | 'sw' | 'se' | 'n' | 'e' | 's' | 'w';\n\nexport interface TransformData {\n  type: 'move' | 'resize' | 'vertex-edit';\n  changes: {\n    rect?: Rect;\n    vertices?: Position[];\n  };\n  metadata?: {\n    handle?: ResizeHandle;\n    vertexIndex?: number;\n    maintainAspectRatio?: boolean;\n  };\n}\n\nexport interface InteractionEvent {\n  state: 'start' | 'move' | 'end';\n  transformData?: TransformData;\n}\n\n/**\n * Pure geometric controller that manages drag/resize/vertex-edit logic.\n */\nexport class DragResizeController {\n  private state: InteractionState = 'idle';\n  private startPoint: Position | null = null;\n  private startElement: Rect | null = null;\n  private activeHandle: ResizeHandle | null = null;\n  private currentPosition: Rect | null = null;\n\n  // Vertex editing state - pure geometric\n  private activeVertexIndex: number | null = null;\n  private startVertices: Position[] = [];\n  private currentVertices: Position[] = [];\n\n  constructor(\n    private config: DragResizeConfig,\n    private onUpdate: (event: InteractionEvent) => void,\n  ) {\n    this.currentVertices = config.vertices || [];\n  }\n\n  updateConfig(config: Partial<DragResizeConfig>) {\n    this.config = { ...this.config, ...config };\n    this.currentVertices = config.vertices || [];\n  }\n\n  startDrag(clientX: number, clientY: number) {\n    this.state = 'dragging';\n    this.startPoint = { x: clientX, y: clientY };\n    this.startElement = { ...this.config.element };\n    this.currentPosition = { ...this.config.element };\n\n    this.onUpdate({\n      state: 'start',\n      transformData: {\n        type: 'move',\n        changes: {\n          rect: this.startElement,\n        },\n      },\n    });\n  }\n\n  startResize(handle: ResizeHandle, clientX: number, clientY: number) {\n    this.state = 'resizing';\n    this.activeHandle = handle;\n    this.startPoint = { x: clientX, y: clientY };\n    this.startElement = { ...this.config.element };\n    this.currentPosition = { ...this.config.element };\n\n    this.onUpdate({\n      state: 'start',\n      transformData: {\n        type: 'resize',\n        changes: {\n          rect: this.startElement,\n        },\n        metadata: {\n          handle: this.activeHandle,\n          maintainAspectRatio: this.config.maintainAspectRatio,\n        },\n      },\n    });\n  }\n\n  startVertexEdit(vertexIndex: number, clientX: number, clientY: number) {\n    // Refresh vertices from latest config before validating index\n    this.currentVertices = [...(this.config.vertices ?? this.currentVertices)];\n    if (vertexIndex < 0 || vertexIndex >= this.currentVertices.length) return;\n\n    this.state = 'vertex-editing';\n    this.activeVertexIndex = vertexIndex;\n    this.startPoint = { x: clientX, y: clientY };\n    this.startVertices = [...this.currentVertices];\n\n    this.onUpdate({\n      state: 'start',\n      transformData: {\n        type: 'vertex-edit',\n        changes: {\n          vertices: this.startVertices,\n        },\n        metadata: {\n          vertexIndex,\n        },\n      },\n    });\n  }\n\n  move(clientX: number, clientY: number) {\n    if (this.state === 'idle' || !this.startPoint) return;\n\n    if (this.state === 'dragging' && this.startElement) {\n      const delta = this.calculateDelta(clientX, clientY);\n      const position = this.calculateDragPosition(delta);\n      this.currentPosition = position;\n\n      this.onUpdate({\n        state: 'move',\n        transformData: {\n          type: 'move',\n          changes: {\n            rect: position,\n          },\n        },\n      });\n    } else if (this.state === 'resizing' && this.activeHandle && this.startElement) {\n      const delta = this.calculateDelta(clientX, clientY);\n      const position = this.calculateResizePosition(delta, this.activeHandle);\n      this.currentPosition = position;\n\n      this.onUpdate({\n        state: 'move',\n        transformData: {\n          type: 'resize',\n          changes: {\n            rect: position,\n          },\n          metadata: {\n            handle: this.activeHandle,\n            maintainAspectRatio: this.config.maintainAspectRatio,\n          },\n        },\n      });\n    } else if (this.state === 'vertex-editing' && this.activeVertexIndex !== null) {\n      const vertices = this.calculateVertexPosition(clientX, clientY);\n      this.currentVertices = vertices;\n\n      this.onUpdate({\n        state: 'move',\n        transformData: {\n          type: 'vertex-edit',\n          changes: {\n            vertices,\n          },\n          metadata: {\n            vertexIndex: this.activeVertexIndex,\n          },\n        },\n      });\n    }\n  }\n\n  end() {\n    if (this.state === 'idle') return;\n\n    const wasState = this.state;\n    const handle = this.activeHandle;\n    const vertexIndex = this.activeVertexIndex;\n\n    if (wasState === 'vertex-editing') {\n      this.onUpdate({\n        state: 'end',\n        transformData: {\n          type: 'vertex-edit',\n          changes: {\n            vertices: this.currentVertices,\n          },\n          metadata: {\n            vertexIndex: vertexIndex || undefined,\n          },\n        },\n      });\n    } else {\n      const finalPosition = this.getCurrentPosition();\n      this.onUpdate({\n        state: 'end',\n        transformData: {\n          type: wasState === 'dragging' ? 'move' : 'resize',\n          changes: {\n            rect: finalPosition,\n          },\n          metadata:\n            wasState === 'dragging'\n              ? undefined\n              : {\n                  handle: handle || undefined,\n                  maintainAspectRatio: this.config.maintainAspectRatio,\n                },\n        },\n      });\n    }\n\n    this.reset();\n  }\n\n  cancel() {\n    if (this.state === 'idle') return;\n\n    if (this.state === 'vertex-editing') {\n      this.onUpdate({\n        state: 'end',\n        transformData: {\n          type: 'vertex-edit',\n          changes: {\n            vertices: this.startVertices,\n          },\n          metadata: {\n            vertexIndex: this.activeVertexIndex || undefined,\n          },\n        },\n      });\n    } else if (this.startElement) {\n      this.onUpdate({\n        state: 'end',\n        transformData: {\n          type: this.state === 'dragging' ? 'move' : 'resize',\n          changes: {\n            rect: this.startElement,\n          },\n          metadata:\n            this.state === 'dragging'\n              ? undefined\n              : {\n                  handle: this.activeHandle || undefined,\n                  maintainAspectRatio: this.config.maintainAspectRatio,\n                },\n        },\n      });\n    }\n\n    this.reset();\n  }\n\n  private reset() {\n    this.state = 'idle';\n    this.startPoint = null;\n    this.startElement = null;\n    this.activeHandle = null;\n    this.currentPosition = null;\n    this.activeVertexIndex = null;\n    this.startVertices = [];\n  }\n\n  private getCurrentPosition() {\n    return this.currentPosition || this.config.element;\n  }\n\n  private calculateDelta(clientX: number, clientY: number): Position {\n    if (!this.startPoint) return { x: 0, y: 0 };\n\n    const rawDelta: Position = {\n      x: clientX - this.startPoint.x,\n      y: clientY - this.startPoint.y,\n    };\n\n    return this.transformDelta(rawDelta);\n  }\n\n  private transformDelta(delta: Position): Position {\n    const { pageRotation = 0, scale = 1 } = this.config;\n\n    const rad = (pageRotation * Math.PI) / 2;\n    const cos = Math.cos(rad);\n    const sin = Math.sin(rad);\n\n    const scaledX = delta.x / scale;\n    const scaledY = delta.y / scale;\n\n    return {\n      x: cos * scaledX + sin * scaledY,\n      y: -sin * scaledX + cos * scaledY,\n    };\n  }\n\n  private clampPoint(p: Position): Position {\n    const bbox = this.config.constraints?.boundingBox;\n    if (!bbox) return p;\n    return {\n      x: Math.max(0, Math.min(p.x, bbox.width)),\n      y: Math.max(0, Math.min(p.y, bbox.height)),\n    };\n  }\n\n  private calculateVertexPosition(clientX: number, clientY: number): Position[] {\n    if (this.activeVertexIndex === null) return this.startVertices;\n\n    const delta = this.calculateDelta(clientX, clientY);\n    const newVertices = [...this.startVertices];\n    const currentVertex = newVertices[this.activeVertexIndex];\n\n    const moved = {\n      x: currentVertex.x + delta.x,\n      y: currentVertex.y + delta.y,\n    };\n    newVertices[this.activeVertexIndex] = this.clampPoint(moved);\n\n    return newVertices;\n  }\n\n  private calculateDragPosition(delta: Position): Rect {\n    if (!this.startElement) return this.config.element;\n\n    const position: Rect = {\n      origin: {\n        x: this.startElement.origin.x + delta.x,\n        y: this.startElement.origin.y + delta.y,\n      },\n      size: {\n        width: this.startElement.size.width,\n        height: this.startElement.size.height,\n      },\n    };\n\n    return this.applyConstraints(position);\n  }\n\n  private calculateResizePosition(delta: Position, handle: ResizeHandle): Rect {\n    if (!this.startElement) return this.config.element;\n\n    let {\n      origin: { x, y },\n      size: { width, height },\n    } = this.startElement;\n\n    switch (handle) {\n      case 'se':\n        width += delta.x;\n        height += delta.y;\n        break;\n      case 'sw':\n        x += delta.x;\n        width -= delta.x;\n        height += delta.y;\n        break;\n      case 'ne':\n        width += delta.x;\n        y += delta.y;\n        height -= delta.y;\n        break;\n      case 'nw':\n        x += delta.x;\n        width -= delta.x;\n        y += delta.y;\n        height -= delta.y;\n        break;\n      case 'n':\n        y += delta.y;\n        height -= delta.y;\n        break;\n      case 's':\n        height += delta.y;\n        break;\n      case 'e':\n        width += delta.x;\n        break;\n      case 'w':\n        x += delta.x;\n        width -= delta.x;\n        break;\n    }\n\n    // Maintain aspect ratio if needed\n    if (this.config.maintainAspectRatio && this.startElement) {\n      const aspectRatio = this.startElement.size.width / this.startElement.size.height;\n\n      if (['n', 's', 'e', 'w'].includes(handle)) {\n        if (handle === 'n' || handle === 's') {\n          const newWidth = height * aspectRatio;\n          const widthDiff = newWidth - width;\n          width = newWidth;\n          x -= widthDiff / 2;\n        } else {\n          const newHeight = width / aspectRatio;\n          const heightDiff = newHeight - height;\n          height = newHeight;\n          if (handle === 'w') {\n            x = this.startElement.origin.x + this.startElement.size.width - width;\n          }\n          y -= heightDiff / 2;\n        }\n      } else {\n        const widthChange = Math.abs(width - this.startElement.size.width);\n        const heightChange = Math.abs(height - this.startElement.size.height);\n        if (widthChange > heightChange) {\n          height = width / aspectRatio;\n        } else {\n          width = height * aspectRatio;\n        }\n        if (handle.includes('w')) {\n          x = this.startElement.origin.x + this.startElement.size.width - width;\n        }\n        if (handle.includes('n')) {\n          y = this.startElement.origin.y + this.startElement.size.height - height;\n        }\n      }\n    }\n\n    // Handle-aware bounding box clamping to avoid shifting opposite edge\n    const bbox = this.config.constraints?.boundingBox;\n    if (bbox) {\n      switch (handle) {\n        case 'e':\n          width = Math.min(width, bbox.width - x);\n          break;\n        case 's':\n          height = Math.min(height, bbox.height - y);\n          break;\n        case 'se':\n          width = Math.min(width, bbox.width - x);\n          height = Math.min(height, bbox.height - y);\n          break;\n        case 'w':\n          if (x < 0) {\n            width += x;\n            x = 0;\n          }\n          break;\n        case 'n':\n          if (y < 0) {\n            height += y;\n            y = 0;\n          }\n          break;\n        case 'sw':\n          if (x < 0) {\n            width += x;\n            x = 0;\n          }\n          height = Math.min(height, bbox.height - y);\n          break;\n        case 'nw':\n          if (x < 0) {\n            width += x;\n            x = 0;\n          }\n          if (y < 0) {\n            height += y;\n            y = 0;\n          }\n          break;\n        case 'ne':\n          width = Math.min(width, bbox.width - x);\n          if (y < 0) {\n            height += y;\n            y = 0;\n          }\n          break;\n      }\n    }\n\n    return this.applyConstraints({ origin: { x, y }, size: { width, height } });\n  }\n\n  private applyConstraints(position: Rect): Rect {\n    const { constraints } = this.config;\n    if (!constraints) return position;\n\n    let {\n      origin: { x, y },\n      size: { width, height },\n    } = position;\n\n    // Apply size constraints\n    width = Math.max(constraints.minWidth || 1, width);\n    height = Math.max(constraints.minHeight || 1, height);\n\n    if (constraints.maxWidth) width = Math.min(constraints.maxWidth, width);\n    if (constraints.maxHeight) height = Math.min(constraints.maxHeight, height);\n\n    // Apply bounding box constraints\n    if (constraints.boundingBox) {\n      x = Math.max(0, Math.min(x, constraints.boundingBox.width - width));\n      y = Math.max(0, Math.min(y, constraints.boundingBox.height - height));\n    }\n\n    return { origin: { x, y }, size: { width, height } };\n  }\n}\n","import { ref, watch, computed, onUnmounted } from 'vue';\nimport {\n  DragResizeController,\n  DragResizeConfig,\n  InteractionEvent,\n  ResizeHandle,\n} from '../../shared/plugin-interaction-primitives';\n\nexport interface UseDragResizeOptions extends DragResizeConfig {\n  onUpdate?: (event: InteractionEvent) => void;\n  enabled?: boolean;\n}\n\nexport function useDragResize(options: UseDragResizeOptions) {\n  const controller = ref<DragResizeController | null>(null);\n\n  // Extract reactive options\n  const { onUpdate, enabled = true, ...config } = options;\n\n  // Initialize controller\n  if (!controller.value) {\n    controller.value = new DragResizeController(config, (event) => onUpdate?.(event));\n  }\n\n  // Watch for config changes\n  watch(\n    () => ({\n      element: config.element,\n      constraints: config.constraints,\n      maintainAspectRatio: config.maintainAspectRatio,\n      pageRotation: config.pageRotation,\n      scale: config.scale,\n    }),\n    (newConfig) => {\n      controller.value?.updateConfig(newConfig);\n    },\n    { deep: true },\n  );\n\n  // Cleanup on unmount\n  onUnmounted(() => {\n    controller.value = null;\n  });\n\n  // Drag handlers\n  const handleDragStart = (e: PointerEvent) => {\n    if (!enabled) return;\n    e.preventDefault();\n    e.stopPropagation();\n    controller.value?.startDrag(e.clientX, e.clientY);\n    (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n  };\n\n  const handleMove = (e: PointerEvent) => {\n    controller.value?.move(e.clientX, e.clientY);\n  };\n\n  const handleEnd = (e: PointerEvent) => {\n    controller.value?.end();\n    (e.currentTarget as HTMLElement).releasePointerCapture?.(e.pointerId);\n  };\n\n  const handleCancel = (e: PointerEvent) => {\n    controller.value?.cancel();\n    (e.currentTarget as HTMLElement).releasePointerCapture?.(e.pointerId);\n  };\n\n  // Create resize handler factory\n  const createResizeProps = (handle: ResizeHandle) => ({\n    onPointerdown: (e: PointerEvent) => {\n      if (!enabled) return;\n      e.preventDefault();\n      e.stopPropagation();\n      controller.value?.startResize(handle, e.clientX, e.clientY);\n      (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n    },\n    onPointermove: handleMove,\n    onPointerup: handleEnd,\n    onPointercancel: handleCancel,\n  });\n\n  // Computed drag props\n  const dragProps = computed(() =>\n    enabled\n      ? {\n          onPointerdown: handleDragStart,\n          onPointermove: handleMove,\n          onPointerup: handleEnd,\n          onPointercancel: handleCancel,\n        }\n      : {},\n  );\n\n  return {\n    dragProps,\n    createResizeProps,\n  };\n}\n"],"names":["_renderSlot","_unref"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/utils",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "private": false,
   "description": "Shared utility helpers (geometry, tasks, logging, PDF primitives) that underpin every package in the EmbedPDF ecosystem.",
   "type": "module",
@@ -47,7 +47,7 @@
   "devDependencies": {
     "typescript": "^5.0.0",
     "@types/react": "^18.2.0",
-    "@embedpdf/models": "1.1.1",
+    "@embedpdf/models": "1.2.0",
     "@embedpdf/build": "1.0.0"
   },
   "peerDependencies": {