@prosekit/web 0.7.12 → 0.8.0-beta.0

package/dist/prosekit-web-resizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-web-resizable.js","names":[],"sources":["../src/components/resizable/context.ts","../src/utils/is-finite-positive-number.ts","../src/components/resizable/resizable-handle/calc-resize.ts","../src/components/resizable/resizable-handle/setup.ts","../src/components/resizable/resizable-handle/types.ts","../src/components/resizable/resizable-handle/element.gen.ts","../src/components/resizable/resizable-root/setup.ts","../src/components/resizable/resizable-root/types.ts","../src/components/resizable/resizable-root/element.gen.ts"],"sourcesContent":["import { createContext, type Context } from '@aria-ui/core'\n\n/**\n * @internal\n */\nexport const onResizeContext: Context<OnResize> = createContext(\n  'prosekit/resizable/onResize',\n  null,\n)\n\n/**\n * @internal\n */\nexport const onResizeStartContext: Context<OnResizeStart> = createContext(\n  'prosekit/resizable/onResizeStart',\n  null,\n)\n\n/**\n * @internal\n */\nexport const onResizeEndContext: Context<OnResizeEnd> = createContext(\n  'prosekit/resizable/onResizeEnd',\n  null,\n)\n\n/**\n * @internal\n */\nexport type OnResize = ((width: number, height: number) => void) | null\n\n/**\n * @internal\n */\nexport type OnResizeStart =\n  | (() => readonly [width: number, height: number, aspectRatio: number])\n  | null\n\n/**\n * @internal\n */\nexport type OnResizeEnd = (() => void) | null\n","export function isFinitePositiveNumber(value: unknown): value is number {\n  return typeof value === 'number' && Number.isFinite(value) && value > 0\n}\n","import { isFinitePositiveNumber } from '../../../utils/is-finite-positive-number.ts'\n\nexport function calcResize(\n  position:\n    | 'top'\n    | 'right'\n    | 'bottom'\n    | 'left'\n    | 'top-left'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-right',\n  w: number,\n  h: number,\n  dx: number,\n  dy: number,\n  aspectRatio: number | null | undefined,\n): [w: number, h: number] {\n  aspectRatio = aspectRatio ? aspectRatio : w / h\n  aspectRatio = isFinitePositiveNumber(aspectRatio) ? aspectRatio : 1\n\n  switch (position) {\n    case 'bottom-right':\n      return clamp(calcBottomRightResize(w, h, dx, dy, aspectRatio))\n    case 'bottom-left':\n      return clamp(calcBottomLeftResize(w, h, dx, dy, aspectRatio))\n    case 'top-right':\n      return clamp(calcTopRightResize(w, h, dx, dy, aspectRatio))\n    case 'top-left':\n      return clamp(calcTopLeftResize(w, h, dx, dy, aspectRatio))\n    case 'top':\n      return clamp(calcTopResize(w, h, dx, dy, aspectRatio))\n    case 'right':\n      return clamp(calcRightResize(w, h, dx, dy, aspectRatio))\n    case 'bottom':\n      return clamp(calcBottomResize(w, h, dx, dy, aspectRatio))\n    case 'left':\n      return clamp(calcLeftResize(w, h, dx, dy, aspectRatio))\n    default:\n      throw new RangeError(`Invalid position: ${position}`)\n  }\n}\n\ntype CalcResize = (\n  w: number,\n  h: number,\n  dx: number,\n  dy: number,\n  aspectRatio: number,\n) => [w: number, h: number]\n\nconst calcBottomRightResize: CalcResize = (w, h, dx, dy, r) => {\n  w += dx\n  h += dy\n\n  const sum = w + h\n  h = sum / (r + 1)\n  w = sum - h\n  return [w, h]\n}\n\nconst calcBottomLeftResize: CalcResize = (w, h, dx, dy, r) => {\n  w -= dx\n  h += dy\n\n  const sum = w + h\n  h = sum / (r + 1)\n  w = sum - h\n  return [w, h]\n}\n\nconst calcTopRightResize: CalcResize = (w, h, dx, dy, r) => {\n  w += dx\n  h -= dy\n\n  const sum = w + h\n  h = sum / (r + 1)\n  w = sum - h\n  return [w, h]\n}\n\nconst calcTopLeftResize: CalcResize = (w, h, dx, dy, r) => {\n  w -= dx\n  h -= dy\n\n  const sum = w + h\n  h = sum / (r + 1)\n  w = sum - h\n  return [w, h]\n}\n\nconst calcTopResize: CalcResize = (w, h, dx, dy, r) => {\n  h -= dy\n  w = h * r\n  return [w, h]\n}\n\nconst calcRightResize: CalcResize = (w, h, dx, dy, r) => {\n  w += dx\n  h = w / r\n  return [w, h]\n}\n\nconst calcBottomResize: CalcResize = (w, h, dx, dy, r) => {\n  h += dy\n  w = h * r\n  return [w, h]\n}\n\nconst calcLeftResize: CalcResize = (w, h, dx, dy, r) => {\n  w -= dx\n  h = w / r\n  return [w, h]\n}\n\nfunction clamp([w, h]: [number, number]): [number, number] {\n  return [\n    Math.max(w, 1),\n    Math.max(h, 1),\n  ]\n}\n","import { createSignal, useEffect, type ConnectableElement, type ReadonlySignal, type SignalState } from '@aria-ui/core'\nimport { getWindow } from '@ocavue/utils'\n\nimport {\n  onResizeContext,\n  onResizeEndContext,\n  onResizeStartContext,\n  type OnResize,\n  type OnResizeEnd,\n  type OnResizeStart,\n} from '../context.ts'\n\nimport { calcResize } from './calc-resize.ts'\nimport type { ResizableHandleProps } from './types.ts'\n\n/**\n * @internal\n */\nexport function useResizableHandle(\n  host: ConnectableElement,\n  { state }: { state: SignalState<ResizableHandleProps> },\n): void {\n  const onResize = onResizeContext.consume(host)\n  const onResizeStart = onResizeStartContext.consume(host)\n  const onResizeEnd = onResizeEndContext.consume(host)\n\n  useResizableHandleState(host, state, { onResize, onResizeStart, onResizeEnd })\n}\n\nfunction useResizableHandleState(\n  host: ConnectableElement,\n  state: SignalState<ResizableHandleProps>,\n  context: {\n    onResizeStart: ReadonlySignal<OnResizeStart>\n    onResize: ReadonlySignal<OnResize>\n    onResizeEnd: ReadonlySignal<OnResizeEnd>\n  },\n) {\n  let startX = 0\n  let startY = 0\n  let width = 0\n  let height = 0\n  let aspectRatio = 1\n\n  const pointerPressing = createSignal(false)\n\n  const handlePointerDown = (event: PointerEvent) => {\n    event.preventDefault()\n    pointerPressing.set(true)\n\n    startX = event.x\n    startY = event.y\n\n    const size = context.onResizeStart.get()?.()\n    if (size) {\n      ;[width, height, aspectRatio] = size\n    }\n  }\n\n  const handlePointerMove = (event: PointerEvent) => {\n    event.preventDefault()\n\n    const dx = event.x - startX\n    const dy = event.y - startY\n\n    const [w, h] = calcResize(\n      state.position.peek(),\n      width,\n      height,\n      dx,\n      dy,\n      aspectRatio,\n    )\n\n    context.onResize.get()?.(w, h)\n  }\n\n  const handlePointerUp = (event: PointerEvent) => {\n    event.preventDefault()\n    pointerPressing.set(false)\n\n    context.onResizeEnd.get()?.()\n  }\n\n  useEffect(host, () => {\n    host.addEventListener('pointerdown', handlePointerDown)\n    return () => {\n      host.removeEventListener('pointerdown', handlePointerDown)\n    }\n  })\n\n  useEffect(host, () => {\n    if (!pointerPressing.get()) {\n      return\n    }\n\n    const win = getWindow(host)\n\n    win.addEventListener('pointermove', handlePointerMove)\n    win.addEventListener('pointerup', handlePointerUp)\n    return () => {\n      win.removeEventListener('pointermove', handlePointerMove)\n      win.removeEventListener('pointerup', handlePointerUp)\n    }\n  })\n}\n","import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'\n\nexport interface ResizableHandleProps {\n  /**\n   * The position of the handle.\n   *\n   * @default \"bottom-right\"\n   */\n  position:\n    | 'top'\n    | 'right'\n    | 'bottom'\n    | 'left'\n    | 'top-left'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-right'\n}\n\n/** @internal */\nexport const resizableHandleProps: PropDeclarations<ResizableHandleProps> = {\n  position: { default: 'bottom-right' },\n}\n\n/** @internal */\nexport interface ResizableHandleEvents {}\n\n/** @internal */\nexport const resizableHandleEvents: EventDeclarations<ResizableHandleEvents> = {}\n","import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from \"@aria-ui/core\"\n\nimport { useResizableHandle } from \"./setup.ts\"\nimport { resizableHandleEvents, resizableHandleProps, type ResizableHandleEvents, type ResizableHandleProps } from \"./types.ts\"\n\nconst ResizableHandleElementBase: BaseElementConstructor<ResizableHandleProps> = defineCustomElement<\n  ResizableHandleProps,\n  ResizableHandleEvents\n>({\n  props: resizableHandleProps,\n  events: resizableHandleEvents,\n  setup: useResizableHandle,\n})\nclass ResizableHandleElement extends ResizableHandleElementBase {}\n\nregisterCustomElement('prosekit-resizable-handle', ResizableHandleElement)\n  \nexport { ResizableHandleElement }\n","import { createSignal, useAttribute, useEffect, type ConnectableElement, type SetupOptions } from '@aria-ui/core'\n\nimport { isFinitePositiveNumber } from '../../../utils/is-finite-positive-number.ts'\nimport {\n  onResizeContext,\n  onResizeEndContext,\n  onResizeStartContext,\n  type OnResize,\n  type OnResizeEnd,\n  type OnResizeStart,\n} from '../context.ts'\n\nimport type { ResizableRootEvents, ResizableRootProps } from './types.ts'\n\n/**\n * @internal\n */\nexport function useResizableRoot(\n  host: ConnectableElement,\n  { state, emit }: SetupOptions<ResizableRootProps, ResizableRootEvents>,\n): void {\n  const resizing = createSignal(false)\n\n  const onResizeStart: OnResizeStart = () => {\n    const { width, height } = host.getBoundingClientRect()\n\n    let aspectRatio: number = state.aspectRatio.peek() ?? width / height\n\n    if (!isFinitePositiveNumber(aspectRatio)) {\n      aspectRatio = 0\n    }\n\n    emit('resizeStart', { width, height })\n    resizing.set(true)\n    return [width, height, aspectRatio]\n  }\n\n  const onResize: OnResize = (width, height) => {\n    state.width.set(width)\n    state.height.set(height)\n  }\n\n  const onResizeEnd: OnResizeEnd = () => {\n    const { width, height } = host.getBoundingClientRect()\n    emit('resizeEnd', { width, height })\n    resizing.set(false)\n  }\n\n  onResizeStartContext.provide(host, createSignal(onResizeStart))\n  onResizeContext.provide(host, createSignal(onResize))\n  onResizeEndContext.provide(host, createSignal(onResizeEnd))\n\n  useEffect(host, () => {\n    updateResizableRootStyles(\n      host,\n      Math.max(state.width.get() || 0, 1),\n      Math.max(state.height.get() || 0, 1),\n      state.aspectRatio.get(),\n    )\n  })\n\n  useAttribute(host, 'data-resizing', () => (resizing.get() ? '' : undefined))\n}\n\nfunction updateResizableRootStyles(\n  host: ConnectableElement,\n  width: number,\n  height: number,\n  aspectRatio: number | null,\n) {\n  host.style.width = isFinitePositiveNumber(width) ? `${width}px` : ''\n\n  host.style.height = isFinitePositiveNumber(height) ? `${height}px` : ''\n\n  if (isFinitePositiveNumber(aspectRatio)) {\n    host.style.aspectRatio = `${aspectRatio}`\n\n    if (width && width > 0 && aspectRatio >= 1) {\n      host.style.height = 'auto'\n    } else if (height && height > 0 && aspectRatio <= 1) {\n      host.style.width = 'min-content'\n    }\n  }\n}\n","import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'\n\nexport interface ResizableRootProps {\n  width: number | null\n  height: number | null\n  aspectRatio: number | null\n}\n\n/** @internal */\nexport const resizableRootProps: PropDeclarations<ResizableRootProps> = {\n  width: { default: null },\n  height: { default: null },\n  aspectRatio: { default: null },\n}\n\nexport interface ResizableRootEvents {\n  resizeStart: CustomEvent<{ width: number; height: number }>\n  resizeEnd: CustomEvent<{ width: number; height: number }>\n}\n\n/** @internal */\nexport const resizableRootEvents: EventDeclarations<ResizableRootEvents> = {\n  resizeStart: {},\n  resizeEnd: {},\n}\n","import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from \"@aria-ui/core\"\n\nimport { useResizableRoot } from \"./setup.ts\"\nimport { resizableRootEvents, resizableRootProps, type ResizableRootEvents, type ResizableRootProps } from \"./types.ts\"\n\nconst ResizableRootElementBase: BaseElementConstructor<ResizableRootProps> = defineCustomElement<\n  ResizableRootProps,\n  ResizableRootEvents\n>({\n  props: resizableRootProps,\n  events: resizableRootEvents,\n  setup: useResizableRoot,\n})\nclass ResizableRootElement extends ResizableRootElementBase {}\n\nregisterCustomElement('prosekit-resizable-root', ResizableRootElement)\n  \nexport { ResizableRootElement }\n"],"mappings":"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"}
+{"version":3,"file":"prosekit-web-resizable.js","names":[],"sources":["../src/components/resizable/context.ts","../src/utils/is-finite-positive-number.ts","../src/components/resizable/resizable-handle/calc-resize.ts","../src/components/resizable/resizable-handle/setup.ts","../src/components/resizable/resizable-handle/types.ts","../src/components/resizable/resizable-handle/element.gen.ts","../src/components/resizable/resizable-root/setup.ts","../src/components/resizable/resizable-root/types.ts","../src/components/resizable/resizable-root/element.gen.ts"],"sourcesContent":["import { createContext, type Context } from '@aria-ui/core'\n\n/**\n * @internal\n */\nexport const onResizeContext: Context<OnResize> = createContext(\n  'prosekit/resizable/onResize',\n  null,\n)\n\n/**\n * @internal\n */\nexport const onResizeStartContext: Context<OnResizeStart> = createContext(\n  'prosekit/resizable/onResizeStart',\n  null,\n)\n\n/**\n * @internal\n */\nexport const onResizeEndContext: Context<OnResizeEnd> = createContext(\n  'prosekit/resizable/onResizeEnd',\n  null,\n)\n\n/**\n * @internal\n */\nexport type OnResize = ((width: number, height: number) => void) | null\n\n/**\n * @internal\n */\nexport type OnResizeStart =\n  | (() => readonly [width: number, height: number, aspectRatio: number])\n  | null\n\n/**\n * @internal\n */\nexport type OnResizeEnd = (() => void) | null\n","export function isFinitePositiveNumber(value: unknown): value is number {\n  return typeof value === 'number' && Number.isFinite(value) && value > 0\n}\n","import { isFinitePositiveNumber } from '../../../utils/is-finite-positive-number.ts'\n\nexport function calcResize(\n  position:\n    | 'top'\n    | 'right'\n    | 'bottom'\n    | 'left'\n    | 'top-left'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-right',\n  w: number,\n  h: number,\n  dx: number,\n  dy: number,\n  aspectRatio: number | null | undefined,\n): [w: number, h: number] {\n  aspectRatio = aspectRatio ? aspectRatio : w / h\n  aspectRatio = isFinitePositiveNumber(aspectRatio) ? aspectRatio : 1\n\n  switch (position) {\n    case 'bottom-right':\n      return clamp(calcBottomRightResize(w, h, dx, dy, aspectRatio))\n    case 'bottom-left':\n      return clamp(calcBottomLeftResize(w, h, dx, dy, aspectRatio))\n    case 'top-right':\n      return clamp(calcTopRightResize(w, h, dx, dy, aspectRatio))\n    case 'top-left':\n      return clamp(calcTopLeftResize(w, h, dx, dy, aspectRatio))\n    case 'top':\n      return clamp(calcTopResize(w, h, dx, dy, aspectRatio))\n    case 'right':\n      return clamp(calcRightResize(w, h, dx, dy, aspectRatio))\n    case 'bottom':\n      return clamp(calcBottomResize(w, h, dx, dy, aspectRatio))\n    case 'left':\n      return clamp(calcLeftResize(w, h, dx, dy, aspectRatio))\n    default:\n      throw new RangeError(`Invalid position: ${position}`)\n  }\n}\n\ntype CalcResize = (\n  w: number,\n  h: number,\n  dx: number,\n  dy: number,\n  aspectRatio: number,\n) => [w: number, h: number]\n\nconst calcBottomRightResize: CalcResize = (w, h, dx, dy, r) => {\n  w += dx\n  h += dy\n\n  const sum = w + h\n  h = sum / (r + 1)\n  w = sum - h\n  return [w, h]\n}\n\nconst calcBottomLeftResize: CalcResize = (w, h, dx, dy, r) => {\n  w -= dx\n  h += dy\n\n  const sum = w + h\n  h = sum / (r + 1)\n  w = sum - h\n  return [w, h]\n}\n\nconst calcTopRightResize: CalcResize = (w, h, dx, dy, r) => {\n  w += dx\n  h -= dy\n\n  const sum = w + h\n  h = sum / (r + 1)\n  w = sum - h\n  return [w, h]\n}\n\nconst calcTopLeftResize: CalcResize = (w, h, dx, dy, r) => {\n  w -= dx\n  h -= dy\n\n  const sum = w + h\n  h = sum / (r + 1)\n  w = sum - h\n  return [w, h]\n}\n\nconst calcTopResize: CalcResize = (w, h, dx, dy, r) => {\n  h -= dy\n  w = h * r\n  return [w, h]\n}\n\nconst calcRightResize: CalcResize = (w, h, dx, dy, r) => {\n  w += dx\n  h = w / r\n  return [w, h]\n}\n\nconst calcBottomResize: CalcResize = (w, h, dx, dy, r) => {\n  h += dy\n  w = h * r\n  return [w, h]\n}\n\nconst calcLeftResize: CalcResize = (w, h, dx, dy, r) => {\n  w -= dx\n  h = w / r\n  return [w, h]\n}\n\nfunction clamp([w, h]: [number, number]): [number, number] {\n  return [\n    Math.max(w, 1),\n    Math.max(h, 1),\n  ]\n}\n","import { createSignal, useEffect, type ConnectableElement, type ReadonlySignal, type SignalState } from '@aria-ui/core'\nimport { getWindow } from '@ocavue/utils'\n\nimport {\n  onResizeContext,\n  onResizeEndContext,\n  onResizeStartContext,\n  type OnResize,\n  type OnResizeEnd,\n  type OnResizeStart,\n} from '../context.ts'\n\nimport { calcResize } from './calc-resize.ts'\nimport type { ResizableHandleProps } from './types.ts'\n\n/**\n * @internal\n */\nexport function useResizableHandle(\n  host: ConnectableElement,\n  { state }: { state: SignalState<ResizableHandleProps> },\n): void {\n  const onResize = onResizeContext.consume(host)\n  const onResizeStart = onResizeStartContext.consume(host)\n  const onResizeEnd = onResizeEndContext.consume(host)\n\n  useResizableHandleState(host, state, { onResize, onResizeStart, onResizeEnd })\n}\n\nfunction useResizableHandleState(\n  host: ConnectableElement,\n  state: SignalState<ResizableHandleProps>,\n  context: {\n    onResizeStart: ReadonlySignal<OnResizeStart>\n    onResize: ReadonlySignal<OnResize>\n    onResizeEnd: ReadonlySignal<OnResizeEnd>\n  },\n) {\n  let startX = 0\n  let startY = 0\n  let width = 0\n  let height = 0\n  let aspectRatio = 1\n\n  const pointerPressing = createSignal(false)\n\n  const handlePointerDown = (event: PointerEvent) => {\n    event.preventDefault()\n    pointerPressing.set(true)\n\n    startX = event.x\n    startY = event.y\n\n    const size = context.onResizeStart.get()?.()\n    if (size) {\n      ;[width, height, aspectRatio] = size\n    }\n  }\n\n  const handlePointerMove = (event: PointerEvent) => {\n    event.preventDefault()\n\n    const dx = event.x - startX\n    const dy = event.y - startY\n\n    const [w, h] = calcResize(\n      state.position.peek(),\n      width,\n      height,\n      dx,\n      dy,\n      aspectRatio,\n    )\n\n    context.onResize.get()?.(w, h)\n  }\n\n  const handlePointerUp = (event: PointerEvent) => {\n    event.preventDefault()\n    pointerPressing.set(false)\n\n    context.onResizeEnd.get()?.()\n  }\n\n  useEffect(host, () => {\n    host.addEventListener('pointerdown', handlePointerDown)\n    return () => {\n      host.removeEventListener('pointerdown', handlePointerDown)\n    }\n  })\n\n  useEffect(host, () => {\n    if (!pointerPressing.get()) {\n      return\n    }\n\n    const win = getWindow(host)\n\n    win.addEventListener('pointermove', handlePointerMove)\n    win.addEventListener('pointerup', handlePointerUp)\n    return () => {\n      win.removeEventListener('pointermove', handlePointerMove)\n      win.removeEventListener('pointerup', handlePointerUp)\n    }\n  })\n}\n","import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'\n\nexport interface ResizableHandleProps {\n  /**\n   * The position of the handle.\n   *\n   * @default \"bottom-right\"\n   */\n  position:\n    | 'top'\n    | 'right'\n    | 'bottom'\n    | 'left'\n    | 'top-left'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-right'\n}\n\n/** @internal */\nexport const resizableHandleProps: PropDeclarations<ResizableHandleProps> = {\n  position: { default: 'bottom-right' },\n}\n\n/** @internal */\nexport interface ResizableHandleEvents {}\n\n/** @internal */\nexport const resizableHandleEvents: EventDeclarations<ResizableHandleEvents> = {}\n","import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from \"@aria-ui/core\"\n\nimport { useResizableHandle } from \"./setup.ts\"\nimport { resizableHandleEvents, resizableHandleProps, type ResizableHandleEvents, type ResizableHandleProps } from \"./types.ts\"\n\nconst ResizableHandleElementBase: BaseElementConstructor<ResizableHandleProps> = defineCustomElement<\n  ResizableHandleProps,\n  ResizableHandleEvents\n>({\n  props: resizableHandleProps,\n  events: resizableHandleEvents,\n  setup: useResizableHandle,\n})\nclass ResizableHandleElement extends ResizableHandleElementBase {}\n\nregisterCustomElement('prosekit-resizable-handle', ResizableHandleElement)\n  \nexport { ResizableHandleElement }\n","import { createSignal, useAttribute, useEffect, type ConnectableElement, type SetupOptions } from '@aria-ui/core'\n\nimport { isFinitePositiveNumber } from '../../../utils/is-finite-positive-number.ts'\nimport {\n  onResizeContext,\n  onResizeEndContext,\n  onResizeStartContext,\n  type OnResize,\n  type OnResizeEnd,\n  type OnResizeStart,\n} from '../context.ts'\n\nimport type { ResizableRootEvents, ResizableRootProps } from './types.ts'\n\n/**\n * @internal\n */\nexport function useResizableRoot(\n  host: ConnectableElement,\n  { state, emit }: SetupOptions<ResizableRootProps, ResizableRootEvents>,\n): void {\n  const resizing = createSignal(false)\n\n  const onResizeStart: OnResizeStart = () => {\n    const { width, height } = host.getBoundingClientRect()\n\n    let aspectRatio: number = state.aspectRatio.peek() ?? width / height\n\n    if (!isFinitePositiveNumber(aspectRatio)) {\n      aspectRatio = 0\n    }\n\n    emit('resizeStart', { width, height })\n    resizing.set(true)\n    return [width, height, aspectRatio]\n  }\n\n  const onResize: OnResize = (width, height) => {\n    state.width.set(width)\n    state.height.set(height)\n  }\n\n  const onResizeEnd: OnResizeEnd = () => {\n    const { width, height } = host.getBoundingClientRect()\n    emit('resizeEnd', { width, height })\n    resizing.set(false)\n  }\n\n  onResizeStartContext.provide(host, createSignal(onResizeStart))\n  onResizeContext.provide(host, createSignal(onResize))\n  onResizeEndContext.provide(host, createSignal(onResizeEnd))\n\n  useEffect(host, () => {\n    updateResizableRootStyles(\n      host,\n      Math.max(state.width.get() || 0, 1),\n      Math.max(state.height.get() || 0, 1),\n      state.aspectRatio.get(),\n    )\n  })\n\n  useAttribute(host, 'data-resizing', () => (resizing.get() ? '' : undefined))\n}\n\nfunction updateResizableRootStyles(\n  host: ConnectableElement,\n  width: number,\n  height: number,\n  aspectRatio: number | null,\n) {\n  host.style.width = isFinitePositiveNumber(width) ? `${width}px` : ''\n\n  host.style.height = isFinitePositiveNumber(height) ? `${height}px` : ''\n\n  if (isFinitePositiveNumber(aspectRatio)) {\n    host.style.aspectRatio = `${aspectRatio}`\n\n    if (width && width > 0 && aspectRatio >= 1) {\n      host.style.height = 'auto'\n    } else if (height && height > 0 && aspectRatio <= 1) {\n      host.style.width = 'min-content'\n    }\n  }\n}\n","import type { EventDeclarations, PropDeclarations } from '@aria-ui/core'\n\nimport { isFinitePositiveNumber } from '../../../utils/is-finite-positive-number.ts'\n\nexport interface ResizableRootProps {\n  width: number | null\n  height: number | null\n  aspectRatio: number | null\n}\n\nfunction fromNumberAttribute(value: string | null): number | null {\n  if (typeof value === 'string') {\n    const number = Number.parseFloat(value)\n    if (isFinitePositiveNumber(number)) {\n      return number\n    }\n  }\n  return null\n}\n\nfunction toNumberAttribute(value: number | null): string | null {\n  if (typeof value === 'number') {\n    return `${value}`\n  }\n  return null\n}\n\n/** @internal */\nexport const resizableRootProps: PropDeclarations<ResizableRootProps> = {\n  width: {\n    default: null,\n    attribute: 'data-width',\n    fromAttribute: fromNumberAttribute,\n    toAttribute: toNumberAttribute,\n  },\n  height: {\n    default: null,\n    attribute: 'data-height',\n    fromAttribute: fromNumberAttribute,\n    toAttribute: toNumberAttribute,\n  },\n  aspectRatio: {\n    default: null,\n    attribute: 'data-aspect-ratio',\n    fromAttribute: fromNumberAttribute,\n    toAttribute: toNumberAttribute,\n  },\n}\n\nexport interface ResizableRootEvents {\n  resizeStart: CustomEvent<{ width: number; height: number }>\n  resizeEnd: CustomEvent<{ width: number; height: number }>\n}\n\n/** @internal */\nexport const resizableRootEvents: EventDeclarations<ResizableRootEvents> = {\n  resizeStart: {},\n  resizeEnd: {},\n}\n","import { defineCustomElement, registerCustomElement, type BaseElementConstructor } from \"@aria-ui/core\"\n\nimport { useResizableRoot } from \"./setup.ts\"\nimport { resizableRootEvents, resizableRootProps, type ResizableRootEvents, type ResizableRootProps } from \"./types.ts\"\n\nconst ResizableRootElementBase: BaseElementConstructor<ResizableRootProps> = defineCustomElement<\n  ResizableRootProps,\n  ResizableRootEvents\n>({\n  props: resizableRootProps,\n  events: resizableRootEvents,\n  setup: useResizableRoot,\n})\nclass ResizableRootElement extends ResizableRootElementBase {}\n\nregisterCustomElement('prosekit-resizable-root', ResizableRootElement)\n  \nexport { ResizableRootElement }\n"],"mappings":"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"}

package/dist/prosekit-web-table-handle.js

@@ -1,20 +1,18 @@
-import { t as getStateWithDefaults } from "./get-default-state-BzBimBWi.js";
-import { t as useEditorExtension } from "./use-editor-extension-B2WuUfnd.js";
-import { t as getSafeEditorView } from "./get-safe-editor-view-Dt9Amrcn.js";
-import { n as assignStyles, t as useScrolling } from "./use-scrolling-BjVzAkiZ.js";
-import { n as cloneElement, r as deepCloneElement, t as injectStyle } from "./inject-style-BaFaVQvj.js";
+import { t as getStateWithDefaults } from "./get-default-state.js";
+import { t as useEditorExtension } from "./use-editor-extension.js";
+import { t as getSafeEditorView } from "./get-safe-editor-view.js";
+import { n as assignStyles, t as useScrolling } from "./use-scrolling.js";
 import { createComputed, createContext, createSignal, defineCustomElement, defineEmit, registerCustomElement, useAttribute, useEffect, useEventListener } from "@aria-ui/core";
 import { defineDOMEventHandler, union } from "@prosekit/core";
 import { useOverlayPositionerState } from "@aria-ui/overlay/elements";
 import { usePresence } from "@aria-ui/presence";
-import { isHTMLElement, once } from "@ocavue/utils";
+import { getDocument, getId, isHTMLElement, once } from "@ocavue/utils";
 import { overlayPositionerEvents as overlayPositionerEvents$1, overlayPositionerProps as overlayPositionerProps$1 } from "@aria-ui/overlay";
 import { menuContentEvents, menuContentProps, menuRootEvents, menuRootProps, useMenuContent, useMenuItem, useMenuRoot, useMenuTrigger } from "@aria-ui/menu/elements";
 import { moveTableColumn, moveTableRow, selectTableColumn, selectTableRow } from "@prosekit/extensions/table";
 import { computePosition, offset } from "@floating-ui/dom";
 import { menuItemEvents, menuItemProps } from "@aria-ui/menu";
 import { TableMap, cellAround } from "prosemirror-tables";
-
 //#region src/components/table-handle/context.ts
 /**
 * @internal
@@ -37,7 +35,6 @@ const defaultTableHandleDndContext = {
 * @internal
 */
 const tableHandleDndContext = createContext("prosekit-table-handle-dnd-context", defaultTableHandleDndContext);
-
 //#endregion
 //#region src/components/table-handle/table-handle-column-root/setup.ts
 /**
@@ -69,7 +66,6 @@ function useTableHandleColumnRoot(host, { state }) {
 		emit: () => void 0
 	});
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-column-root/types.ts
 /** @internal */
@@ -84,7 +80,6 @@ const tableHandleColumnRootProps = Object.freeze({
 });
 /** @internal */
 const tableHandleColumnRootEvents = overlayPositionerEvents$1;
-
 //#endregion
 //#region src/components/table-handle/table-handle-column-root/element.gen.ts
 const TableHandleColumnRootElementBase = defineCustomElement({
@@ -94,7 +89,6 @@ const TableHandleColumnRootElementBase = defineCustomElement({
 });
 var TableHandleColumnRootElement = class extends TableHandleColumnRootElementBase {};
 registerCustomElement("prosekit-table-handle-column-root", TableHandleColumnRootElement);
-
 //#endregion
 //#region src/components/table-handle/hooks/use-empty-image.ts
 /**
@@ -119,7 +113,6 @@ function useEmptyImage(host) {
 	});
 	return () => image;
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-column-trigger/setup.ts
 /**
@@ -164,14 +157,12 @@ function useTableHandleColumnTrigger(host, { state }) {
 		});
 	});
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-column-trigger/types.ts
 /** @internal */
 const tableHandleColumnTriggerProps = { editor: { default: null } };
 /** @internal */
 const tableHandleColumnTriggerEvents = {};
-
 //#endregion
 //#region src/components/table-handle/table-handle-column-trigger/element.gen.ts
 const TableHandleColumnTriggerElementBase = defineCustomElement({
@@ -181,7 +172,6 @@ const TableHandleColumnTriggerElementBase = defineCustomElement({
 });
 var TableHandleColumnTriggerElement = class extends TableHandleColumnTriggerElementBase {};
 registerCustomElement("prosekit-table-handle-column-trigger", TableHandleColumnTriggerElement);
-
 //#endregion
 //#region src/components/table-handle/dnd.ts
 function useInitDndPosition(host, editor, onInit) {
@@ -255,7 +245,68 @@ function getDndRelatedDOMs(view, cellPos, draggingIndex, direction) {
 		cell
 	};
 }
-
+//#endregion
+//#region src/utils/clone-element.ts
+/**
+* Creates a deep clone of an Element, including all computed styles so that
+* it looks almost exactly the same as the original element.
+*/
+function deepCloneElement(element, important = false) {
+	const clonedElement = element.cloneNode(true);
+	return [clonedElement, deepCopyStyles(element, clonedElement, important)];
+}
+/**
+* Creates a clone of an Element, including all computed styles so that
+* it looks similar enough to the original element.
+*/
+function cloneElement(element, important = false) {
+	const clonedElement = element.cloneNode();
+	return [clonedElement, copyStyles(element, clonedElement, important)];
+}
+function deepCopyStyles(source, target, important) {
+	const sources = [source];
+	const targets = [target];
+	const styles = [];
+	while (sources.length > 0 && sources.length === targets.length) {
+		const source = sources.pop();
+		const target = targets.pop();
+		if (!source || !target) break;
+		const style = copyStyles(source, target, important);
+		if (style) styles.push(style);
+		sources.push(...source.children);
+		targets.push(...target.children);
+	}
+	return styles.join("\n");
+}
+function copyStyles(source, target, important) {
+	if (!source || !target) return "";
+	const view = source.ownerDocument?.defaultView;
+	if (!view) return "";
+	const sourceStyle = view.getComputedStyle(source);
+	const targetStyle = target.style;
+	if (!sourceStyle || !targetStyle) return "";
+	for (const key of sourceStyle) targetStyle.setProperty(key, sourceStyle.getPropertyValue(key), important ? "important" : sourceStyle.getPropertyPriority(key) || "");
+	const styles = [];
+	for (const pseudoSelector of [":before", ":after"]) {
+		const sourcePseudoStyle = view.getComputedStyle(source, pseudoSelector);
+		const targetPseudoStyle = view.getComputedStyle(target, pseudoSelector);
+		if (!sourcePseudoStyle) continue;
+		const content = sourcePseudoStyle.getPropertyValue("content");
+		if (!(content && content !== "none" && content !== "normal")) continue;
+		const cssProps = [];
+		for (const property of sourcePseudoStyle) {
+			const sourceValue = sourcePseudoStyle.getPropertyValue(property);
+			const sourcePriority = sourcePseudoStyle.getPropertyPriority(property);
+			const targetValue = targetPseudoStyle.getPropertyValue(property);
+			const targetPriority = targetPseudoStyle.getPropertyPriority(property);
+			if (sourceValue !== targetValue || sourcePriority !== targetPriority) cssProps.push(`${property}: ${sourceValue}${sourcePriority ? " !important" : ""};`);
+		}
+		const uniqueClassName = `clone-pseudo-element-${getId()}`;
+		target.classList.add(uniqueClassName);
+		styles.push(`.${uniqueClassName}${pseudoSelector} { ${cssProps.join(" ")} }`);
+	}
+	return styles.join("\n");
+}
 //#endregion
 //#region src/utils/css-feature-detection.ts
 const isColorMixSupported = once(() => {
@@ -265,7 +316,6 @@ const isColorMixSupported = once(() => {
 		return false;
 	}
 });
-
 //#endregion
 //#region src/utils/fade-color.ts
 /**
@@ -280,7 +330,6 @@ function fadeColor(color, opacity) {
 		return `color-mix(in srgb, ${color} ${opacity * 100}%, transparent ${transparentWeight}%)`;
 	}
 }
-
 //#endregion
 //#region src/utils/get-effective-background-color.ts
 function getEffectiveBackgroundColor(element) {
@@ -291,7 +340,14 @@ function getEffectiveBackgroundColor(element) {
 		current = current.parentElement;
 	}
 }
-
+//#endregion
+//#region src/utils/inject-style.ts
+function injectStyle(container, styleText) {
+	if (!styleText) return;
+	const style = getDocument(container).createElement("style");
+	style.textContent = styleText;
+	container.appendChild(style);
+}
 //#endregion
 //#region src/components/table-handle/table-handle-drag-preview/render-preview.ts
 function clearPreviewDOM(previewRoot) {
@@ -342,7 +398,6 @@ function unsetSize(element) {
 		maxHeight: "unset"
 	});
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-drag-preview/updater.ts
 function useUpdatePreviewPosition(host, editor) {
@@ -402,7 +457,6 @@ function getVirtualElement(cell, x, y) {
 		}
 	};
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-drag-preview/setup.ts
 /**
@@ -437,12 +491,10 @@ function onInitPreviewPosition({ host, direction, dragging, table, cell, draggin
 		height: `${cellRect.height}px`
 	});
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-drag-preview/types.ts
 const tableHandleDragPreviewProps = { editor: { default: null } };
 const tableHandleDragPreviewEvents = {};
-
 //#endregion
 //#region src/components/table-handle/table-handle-drag-preview/element.gen.ts
 const TableHandleDragPreviewElementBase = defineCustomElement({
@@ -452,7 +504,6 @@ const TableHandleDragPreviewElementBase = defineCustomElement({
 });
 var TableHandleDragPreviewElement = class extends TableHandleDragPreviewElementBase {};
 registerCustomElement("prosekit-table-handle-drag-preview", TableHandleDragPreviewElement);
-
 //#endregion
 //#region src/components/table-handle/table-handle-drop-indicator/calc-drag-over.ts
 function findDragOverElement(elements, pointer, axis) {
@@ -478,7 +529,6 @@ function getDragOverColumn(table, pointerX) {
 function getDragOverRow(table, pointerY) {
 	return findDragOverElement(Array.from(table.querySelectorAll("tr")), pointerY, "y");
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-drop-indicator/updater.ts
 function useUpdateIndicatorPosition(host, editor, handleWidth) {
@@ -553,7 +603,6 @@ function useUpdateIndicatorPosition(host, editor, handleWidth) {
 		}
 	});
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-drop-indicator/setup.ts
 const HANDLE_WIDTH = 2;
@@ -583,12 +632,10 @@ function onInitIndicatorPosition({ host, direction, dragging, table }) {
 		height: `${HANDLE_WIDTH}px`
 	});
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-drop-indicator/types.ts
 const tableHandleDropIndicatorProps = { editor: { default: null } };
 const tableHandleDropIndicatorEvents = {};
-
 //#endregion
 //#region src/components/table-handle/table-handle-drop-indicator/element.gen.ts
 const TableHandleDropIndicatorElementBase = defineCustomElement({
@@ -598,7 +645,6 @@ const TableHandleDropIndicatorElementBase = defineCustomElement({
 });
 var TableHandleDropIndicatorElement = class extends TableHandleDropIndicatorElementBase {};
 registerCustomElement("prosekit-table-handle-drop-indicator", TableHandleDropIndicatorElement);
-
 //#endregion
 //#region src/components/table-handle/table-handle-popover-content/setup.ts
 /**
@@ -640,7 +686,6 @@ function useKeyDownTarget(element, open) {
 		}
 	};
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-popover-content/types.ts
 /** @internal */
@@ -655,7 +700,6 @@ const tableHandlePopoverContentProps = Object.freeze({
 });
 /** @internal */
 const tableHandlePopoverContentEvents = Object.freeze({ ...menuContentEvents });
-
 //#endregion
 //#region src/components/table-handle/table-handle-popover-content/element.gen.ts
 const TableHandlePopoverContentElementBase = defineCustomElement({
@@ -665,7 +709,6 @@ const TableHandlePopoverContentElementBase = defineCustomElement({
 });
 var TableHandlePopoverContentElement = class extends TableHandlePopoverContentElementBase {};
 registerCustomElement("prosekit-table-handle-popover-content", TableHandlePopoverContentElement);
-
 //#endregion
 //#region src/components/table-handle/table-handle-popover-item/setup.ts
 /**
@@ -677,14 +720,12 @@ function useTableHandlePopoverItem(element, { state, emit }) {
 		emit
 	});
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-popover-item/types.ts
 /** @internal */
 const tableHandlePopoverItemProps = { ...menuItemProps };
 /** @internal */
 const tableHandlePopoverItemEvents = { ...menuItemEvents };
-
 //#endregion
 //#region src/components/table-handle/table-handle-popover-item/element.gen.ts
 const TableHandlePopoverItemElementBase = defineCustomElement({
@@ -694,7 +735,6 @@ const TableHandlePopoverItemElementBase = defineCustomElement({
 });
 var TableHandlePopoverItemElement = class extends TableHandlePopoverItemElementBase {};
 registerCustomElement("prosekit-table-handle-popover-item", TableHandlePopoverItemElement);
-
 //#endregion
 //#region src/hooks/use-editor-typing.ts
 function useEditorTyping(host, editor) {
@@ -708,7 +748,6 @@ function useEditorTyping(host, editor) {
 	useEditorExtension(host, editor, union(defineDOMEventHandler("keypress", handleKeypress), defineDOMEventHandler("pointermove", handlePointerMove)));
 	return typing;
 }
-
 //#endregion
 //#region src/hooks/use-selecting.ts
 /**
@@ -745,7 +784,6 @@ function useSelecting(host, editor, enabled) {
 	});
 	return selecting;
 }
-
 //#endregion
 //#region src/components/table-handle/hooks/use-drop.ts
 function useDrop(host, editor, dndContext) {
@@ -811,7 +849,6 @@ function useDrop(host, editor, dndContext) {
 		};
 	});
 }
-
 //#endregion
 //#region src/components/table-handle/utils.ts
 function isHoveringCellInfoEqual(a, b) {
@@ -859,7 +896,6 @@ function getCellPos(map, tableStart, rowIndex, colIndex) {
 function getCellIndex(map, rowIndex, colIndex) {
 	return map.width * rowIndex + colIndex;
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-root/setup.ts
 /**
@@ -896,14 +932,12 @@ function defineCellHoverHandler(handler) {
 	};
 	return defineDOMEventHandler("pointerover", pointerHandler);
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-root/types.ts
 /** @internal */
 const tableHandleRootProps = { editor: { default: null } };
 /** @internal */
 const tableHandleRootEvents = {};
-
 //#endregion
 //#region src/components/table-handle/table-handle-root/element.gen.ts
 const TableHandleRootElementBase = defineCustomElement({
@@ -913,7 +947,6 @@ const TableHandleRootElementBase = defineCustomElement({
 });
 var TableHandleRootElement = class extends TableHandleRootElementBase {};
 registerCustomElement("prosekit-table-handle-root", TableHandleRootElement);
-
 //#endregion
 //#region src/components/table-handle/table-handle-row-root/setup.ts
 /**
@@ -945,7 +978,6 @@ function useTableHandleRowRoot(host, { state }) {
 		emit: defineEmit(host, menuRootEvents)
 	});
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-row-root/types.ts
 /** @internal */
@@ -960,7 +992,6 @@ const tableHandleRowRootProps = {
 };
 /** @internal */
 const tableHandleRowRootEvents = {};
-
 //#endregion
 //#region src/components/table-handle/table-handle-row-root/element.gen.ts
 const TableHandleRowRootElementBase = defineCustomElement({
@@ -970,7 +1001,6 @@ const TableHandleRowRootElementBase = defineCustomElement({
 });
 var TableHandleRowRootElement = class extends TableHandleRowRootElementBase {};
 registerCustomElement("prosekit-table-handle-row-root", TableHandleRowRootElement);
-
 //#endregion
 //#region src/components/table-handle/table-handle-row-trigger/setup.ts
 /**
@@ -1014,14 +1044,12 @@ function useTableHandleRowTrigger(host, { state }) {
 		});
 	});
 }
-
 //#endregion
 //#region src/components/table-handle/table-handle-row-trigger/types.ts
 /** @internal */
 const tableHandleRowTriggerProps = { editor: { default: null } };
 /** @internal */
 const tableHandleRowTriggerEvents = { select: {} };
-
 //#endregion
 //#region src/components/table-handle/table-handle-row-trigger/element.gen.ts
 const TableHandleRowTriggerElementBase = defineCustomElement({
@@ -1031,7 +1059,7 @@ const TableHandleRowTriggerElementBase = defineCustomElement({
 });
 var TableHandleRowTriggerElement = class extends TableHandleRowTriggerElementBase {};
 registerCustomElement("prosekit-table-handle-row-trigger", TableHandleRowTriggerElement);
-
 //#endregion
 export { TableHandleColumnRootElement, TableHandleColumnTriggerElement, TableHandleDragPreviewElement, TableHandleDropIndicatorElement, TableHandlePopoverContentElement, TableHandlePopoverItemElement, TableHandleRootElement, TableHandleRowRootElement, TableHandleRowTriggerElement, tableHandleColumnRootEvents, tableHandleColumnRootProps, tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, tableHandleDragPreviewEvents, tableHandleDragPreviewProps, tableHandleDropIndicatorEvents, tableHandleDropIndicatorProps, tableHandlePopoverContentEvents, tableHandlePopoverContentProps, tableHandlePopoverItemEvents, tableHandlePopoverItemProps, tableHandleRootEvents, tableHandleRootProps, tableHandleRowRootEvents, tableHandleRowRootProps, tableHandleRowTriggerEvents, tableHandleRowTriggerProps, useTableHandleColumnRoot, useTableHandleColumnTrigger, useTableHandleDragPreview, useTableHandleDropIndicator, useTableHandlePopoverContent, useTableHandlePopoverItem, useTableHandleRoot, useTableHandleRowRoot, useTableHandleRowTrigger };
+
 //# sourceMappingURL=prosekit-web-table-handle.js.map