@prosekit/web 0.8.0-beta.0 → 0.8.0-beta.1

package/dist/prosekit-web-resizable.js

@@ -1,25 +1,129 @@
-import { createContext, createSignal, defineCustomElement, registerCustomElement, useAttribute, useEffect } from "@aria-ui/core";
+import { createContext, createSignal, defineCustomElement, defineProps, registerCustomElement, useEffect } from "@aria-ui/core";
+import { useAttribute } from "@aria-ui/utils";
 import { getWindow } from "@ocavue/utils";
+//#region src/utils/is-finite-positive-number.ts
+function isFinitePositiveNumber(value) {
+	return typeof value === "number" && Number.isFinite(value) && value > 0;
+}
+//#endregion
 //#region src/components/resizable/context.ts
 /**
 * @internal
 */
-const onResizeContext = createContext("prosekit/resizable/onResize", null);
+const onResizeContext = createContext("prosekit/resizable/onResize");
 /**
 * @internal
 */
-const onResizeStartContext = createContext("prosekit/resizable/onResizeStart", null);
+const onResizeStartContext = createContext("prosekit/resizable/onResizeStart");
 /**
 * @internal
 */
-const onResizeEndContext = createContext("prosekit/resizable/onResizeEnd", null);
+const onResizeEndContext = createContext("prosekit/resizable/onResizeEnd");
 //#endregion
-//#region src/utils/is-finite-positive-number.ts
-function isFinitePositiveNumber(value) {
-	return typeof value === "number" && Number.isFinite(value) && value > 0;
+//#region src/components/resizable/resizable-root.ts
+/**
+* @internal
+*/
+const ResizableRootPropsDeclaration = defineProps({
+	width: {
+		default: null,
+		attribute: "data-width",
+		type: "json"
+	},
+	height: {
+		default: null,
+		attribute: "data-height",
+		type: "json"
+	},
+	aspectRatio: {
+		default: null,
+		attribute: "data-aspect-ratio",
+		type: "json"
+	}
+});
+/**
+* @public
+*/
+var ResizeStartEvent = class extends Event {
+	constructor(width, height) {
+		super("resizeStart");
+		this.detail = {
+			width,
+			height
+		};
+	}
+};
+/**
+* @public
+*/
+var ResizeEndEvent = class extends Event {
+	constructor(width, height) {
+		super("resizeEnd");
+		this.detail = {
+			width,
+			height
+		};
+	}
+};
+/**
+* @internal
+*/
+function setupResizableRoot(host, props) {
+	const resizing = createSignal(false);
+	const onResizeStart = () => {
+		const { width, height } = host.getBoundingClientRect();
+		let aspectRatio = props.aspectRatio.get() ?? width / height;
+		if (!isFinitePositiveNumber(aspectRatio)) aspectRatio = 0;
+		resizing.set(true);
+		host.dispatchEvent(new ResizeStartEvent(width, height));
+		return [
+			width,
+			height,
+			aspectRatio
+		];
+	};
+	const onResize = (width, height) => {
+		props.width.set(width);
+		props.height.set(height);
+	};
+	const onResizeEnd = () => {
+		const { width, height } = host.getBoundingClientRect();
+		resizing.set(false);
+		host.dispatchEvent(new ResizeEndEvent(width, height));
+	};
+	onResizeStartContext.provide(host, onResizeStart);
+	onResizeContext.provide(host, onResize);
+	onResizeEndContext.provide(host, onResizeEnd);
+	useEffect(host, () => {
+		updateResizableRootStyles(host, Math.max(props.width.get() || 0, 1), Math.max(props.height.get() || 0, 1), props.aspectRatio.get());
+	});
+	useAttribute(host, "data-resizing", () => resizing.get() ? "" : void 0);
+}
+function updateResizableRootStyles(host, width, height, aspectRatio) {
+	host.style.width = isFinitePositiveNumber(width) ? `${width}px` : "";
+	host.style.height = isFinitePositiveNumber(height) ? `${height}px` : "";
+	if (isFinitePositiveNumber(aspectRatio)) {
+		host.style.aspectRatio = `${aspectRatio}`;
+		if (width && width > 0 && aspectRatio >= 1) host.style.height = "auto";
+		else if (height && height > 0 && aspectRatio <= 1) host.style.width = "min-content";
+	}
+}
+const ResizableRootElementBase = defineCustomElement(setupResizableRoot, ResizableRootPropsDeclaration);
+/**
+* @public
+*/
+var ResizableRootElement = class extends ResizableRootElementBase {};
+let isResizableRootRegistered = false;
+/**
+* @internal
+*/
+function registerResizableRootElement() {
+	if (isResizableRootRegistered) return;
+	isResizableRootRegistered = true;
+	registerCustomElement("prosekit-resizable-root", ResizableRootElement);
 }
 //#endregion
-//#region src/components/resizable/resizable-handle/calc-resize.ts
+//#region src/components/resizable/calc-resize.ts
 function calcResize(position, w, h, dx, dy, aspectRatio) {
 	aspectRatio = aspectRatio ? aspectRatio : w / h;
 	aspectRatio = isFinitePositiveNumber(aspectRatio) ? aspectRatio : 1;
@@ -91,18 +195,22 @@ function clamp([w, h]) {
 	return [Math.max(w, 1), Math.max(h, 1)];
 }
 //#endregion
-//#region src/components/resizable/resizable-handle/setup.ts
+//#region src/components/resizable/resizable-handle.ts
 /**
 * @internal
 */
-function useResizableHandle(host, { state }) {
-	useResizableHandleState(host, state, {
-		onResize: onResizeContext.consume(host),
-		onResizeStart: onResizeStartContext.consume(host),
-		onResizeEnd: onResizeEndContext.consume(host)
-	});
-}
-function useResizableHandleState(host, state, context) {
+const ResizableHandlePropsDeclaration = defineProps({ position: {
+	default: "bottom-right",
+	attribute: "position",
+	type: "string"
+} });
+/**
+* @internal
+*/
+function setupResizableHandle(host, props) {
+	const getOnResize = onResizeContext.consume(host);
+	const getOnResizeStart = onResizeStartContext.consume(host);
+	const getOnResizeEnd = onResizeEndContext.consume(host);
 	let startX = 0;
 	let startY = 0;
 	let width = 0;
@@ -114,20 +222,20 @@ function useResizableHandleState(host, state, context) {
 		pointerPressing.set(true);
 		startX = event.x;
 		startY = event.y;
-		const size = context.onResizeStart.get()?.();
+		const size = getOnResizeStart()?.();
 		if (size) [width, height, aspectRatio] = size;
 	};
 	const handlePointerMove = (event) => {
 		event.preventDefault();
 		const dx = event.x - startX;
 		const dy = event.y - startY;
-		const [w, h] = calcResize(state.position.peek(), width, height, dx, dy, aspectRatio);
-		context.onResize.get()?.(w, h);
+		const [w, h] = calcResize(props.position.get(), width, height, dx, dy, aspectRatio);
+		getOnResize()?.(w, h);
 	};
 	const handlePointerUp = (event) => {
 		event.preventDefault();
 		pointerPressing.set(false);
-		context.onResizeEnd.get()?.();
+		getOnResizeEnd()?.();
 	};
 	useEffect(host, () => {
 		host.addEventListener("pointerdown", handlePointerDown);
@@ -146,121 +254,21 @@ function useResizableHandleState(host, state, context) {
 		};
 	});
 }
-//#endregion
-//#region src/components/resizable/resizable-handle/types.ts
-/** @internal */
-const resizableHandleProps = { position: { default: "bottom-right" } };
-/** @internal */
-const resizableHandleEvents = {};
-//#endregion
-//#region src/components/resizable/resizable-handle/element.gen.ts
-const ResizableHandleElementBase = defineCustomElement({
-	props: resizableHandleProps,
-	events: resizableHandleEvents,
-	setup: useResizableHandle
-});
+const ResizableHandleElementBase = defineCustomElement(setupResizableHandle, ResizableHandlePropsDeclaration);
+/**
+* @public
+*/
 var ResizableHandleElement = class extends ResizableHandleElementBase {};
-registerCustomElement("prosekit-resizable-handle", ResizableHandleElement);
-//#endregion
-//#region src/components/resizable/resizable-root/setup.ts
+let isResizableHandleRegistered = false;
 /**
 * @internal
 */
-function useResizableRoot(host, { state, emit }) {
-	const resizing = createSignal(false);
-	const onResizeStart = () => {
-		const { width, height } = host.getBoundingClientRect();
-		let aspectRatio = state.aspectRatio.peek() ?? width / height;
-		if (!isFinitePositiveNumber(aspectRatio)) aspectRatio = 0;
-		emit("resizeStart", {
-			width,
-			height
-		});
-		resizing.set(true);
-		return [
-			width,
-			height,
-			aspectRatio
-		];
-	};
-	const onResize = (width, height) => {
-		state.width.set(width);
-		state.height.set(height);
-	};
-	const onResizeEnd = () => {
-		const { width, height } = host.getBoundingClientRect();
-		emit("resizeEnd", {
-			width,
-			height
-		});
-		resizing.set(false);
-	};
-	onResizeStartContext.provide(host, createSignal(onResizeStart));
-	onResizeContext.provide(host, createSignal(onResize));
-	onResizeEndContext.provide(host, createSignal(onResizeEnd));
-	useEffect(host, () => {
-		updateResizableRootStyles(host, Math.max(state.width.get() || 0, 1), Math.max(state.height.get() || 0, 1), state.aspectRatio.get());
-	});
-	useAttribute(host, "data-resizing", () => resizing.get() ? "" : void 0);
-}
-function updateResizableRootStyles(host, width, height, aspectRatio) {
-	host.style.width = isFinitePositiveNumber(width) ? `${width}px` : "";
-	host.style.height = isFinitePositiveNumber(height) ? `${height}px` : "";
-	if (isFinitePositiveNumber(aspectRatio)) {
-		host.style.aspectRatio = `${aspectRatio}`;
-		if (width && width > 0 && aspectRatio >= 1) host.style.height = "auto";
-		else if (height && height > 0 && aspectRatio <= 1) host.style.width = "min-content";
-	}
-}
-//#endregion
-//#region src/components/resizable/resizable-root/types.ts
-function fromNumberAttribute(value) {
-	if (typeof value === "string") {
-		const number = Number.parseFloat(value);
-		if (isFinitePositiveNumber(number)) return number;
-	}
-	return null;
-}
-function toNumberAttribute(value) {
-	if (typeof value === "number") return `${value}`;
-	return null;
+function registerResizableHandleElement() {
+	if (isResizableHandleRegistered) return;
+	isResizableHandleRegistered = true;
+	registerCustomElement("prosekit-resizable-handle", ResizableHandleElement);
 }
-/** @internal */
-const resizableRootProps = {
-	width: {
-		default: null,
-		attribute: "data-width",
-		fromAttribute: fromNumberAttribute,
-		toAttribute: toNumberAttribute
-	},
-	height: {
-		default: null,
-		attribute: "data-height",
-		fromAttribute: fromNumberAttribute,
-		toAttribute: toNumberAttribute
-	},
-	aspectRatio: {
-		default: null,
-		attribute: "data-aspect-ratio",
-		fromAttribute: fromNumberAttribute,
-		toAttribute: toNumberAttribute
-	}
-};
-/** @internal */
-const resizableRootEvents = {
-	resizeStart: {},
-	resizeEnd: {}
-};
-//#endregion
-//#region src/components/resizable/resizable-root/element.gen.ts
-const ResizableRootElementBase = defineCustomElement({
-	props: resizableRootProps,
-	events: resizableRootEvents,
-	setup: useResizableRoot
-});
-var ResizableRootElement = class extends ResizableRootElementBase {};
-registerCustomElement("prosekit-resizable-root", ResizableRootElement);
 //#endregion
-export { ResizableHandleElement, ResizableRootElement, resizableHandleEvents, resizableHandleProps, resizableRootEvents, resizableRootProps, useResizableHandle, useResizableRoot };
+export { ResizableHandleElement, ResizableHandlePropsDeclaration, ResizableRootElement, ResizableRootPropsDeclaration, ResizeEndEvent, ResizeStartEvent, registerResizableHandleElement, registerResizableRootElement, setupResizableHandle, setupResizableRoot };
 
 //# sourceMappingURL=prosekit-web-resizable.js.map

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\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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"}
+{"version":3,"file":"prosekit-web-resizable.js","names":[],"sources":["../src/utils/is-finite-positive-number.ts","../src/components/resizable/context.ts","../src/components/resizable/resizable-root.ts","../src/components/resizable/calc-resize.ts","../src/components/resizable/resizable-handle.ts"],"sourcesContent":["export function isFinitePositiveNumber(value: unknown): value is number {\n  return typeof value === 'number' && Number.isFinite(value) && value > 0\n}\n","import { createContext, type Context } from '@aria-ui/core'\n\n/**\n * @internal\n */\nexport const onResizeContext: Context<OnResize> = createContext<OnResize>(\n  'prosekit/resizable/onResize',\n)\n\n/**\n * @internal\n */\nexport const onResizeStartContext: Context<OnResizeStart> = createContext<OnResizeStart>(\n  'prosekit/resizable/onResizeStart',\n)\n\n/**\n * @internal\n */\nexport const onResizeEndContext: Context<OnResizeEnd> = createContext<OnResizeEnd>(\n  'prosekit/resizable/onResizeEnd',\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","import type { HostElement, HostElementConstructor, PropsDeclaration } from '@aria-ui/core'\nimport { createSignal, defineCustomElement, defineProps, registerCustomElement, useEffect, type State } from '@aria-ui/core'\nimport { useAttribute } from '@aria-ui/utils'\n\nimport { isFinitePositiveNumber } from '../../utils/is-finite-positive-number.ts'\n\nimport {\n  onResizeContext,\n  onResizeEndContext,\n  onResizeStartContext,\n  type OnResize,\n  type OnResizeEnd,\n  type OnResizeStart,\n} from './context.ts'\n\n/**\n * @public\n */\nexport interface ResizableRootProps {\n  /**\n   * The width of the resizable element.\n   *\n   * @default null\n   */\n  width: number | null\n\n  /**\n   * The height of the resizable element.\n   *\n   * @default null\n   */\n  height: number | null\n\n  /**\n   * The aspect ratio of the resizable element.\n   *\n   * @default null\n   */\n  aspectRatio: number | null\n}\n\n/**\n * @internal\n */\nexport const ResizableRootPropsDeclaration: PropsDeclaration<ResizableRootProps> = defineProps<ResizableRootProps>({\n  width: { default: null, attribute: 'data-width', type: 'json' },\n  height: { default: null, attribute: 'data-height', type: 'json' },\n  aspectRatio: { default: null, attribute: 'data-aspect-ratio', type: 'json' },\n})\n\n/**\n * @public\n */\nexport interface ResizableRootEvents {\n  /**\n   * Emitted when a resize operation starts.\n   */\n  resizeStart: ResizeStartEvent\n\n  /**\n   * Emitted when a resize operation ends.\n   */\n  resizeEnd: ResizeEndEvent\n}\n\n/**\n * @public\n */\nexport class ResizeStartEvent extends Event {\n  readonly detail: {\n    readonly width: number\n    readonly height: number\n  }\n  constructor(width: number, height: number) {\n    super('resizeStart')\n    this.detail = { width, height }\n  }\n}\n\n/**\n * @public\n */\nexport class ResizeEndEvent extends Event {\n  readonly detail: {\n    readonly width: number\n    readonly height: number\n  }\n  constructor(width: number, height: number) {\n    super('resizeEnd')\n    this.detail = { width, height }\n  }\n}\n\n/**\n * @internal\n */\nexport function setupResizableRoot(\n  host: HostElement,\n  props: State<ResizableRootProps>,\n): void {\n  const resizing = createSignal(false)\n\n  const onResizeStart: OnResizeStart = () => {\n    const { width, height } = host.getBoundingClientRect()\n\n    let aspectRatio: number = props.aspectRatio.get() ?? width / height\n\n    if (!isFinitePositiveNumber(aspectRatio)) {\n      aspectRatio = 0\n    }\n\n    resizing.set(true)\n    host.dispatchEvent(new ResizeStartEvent(width, height))\n    return [width, height, aspectRatio]\n  }\n\n  const onResize: OnResize = (width, height) => {\n    props.width.set(width)\n    props.height.set(height)\n  }\n\n  const onResizeEnd: OnResizeEnd = () => {\n    const { width, height } = host.getBoundingClientRect()\n    resizing.set(false)\n    host.dispatchEvent(new ResizeEndEvent(width, height))\n  }\n\n  onResizeStartContext.provide(host, onResizeStart)\n  onResizeContext.provide(host, onResize)\n  onResizeEndContext.provide(host, onResizeEnd)\n\n  useEffect(host, () => {\n    updateResizableRootStyles(\n      host,\n      Math.max(props.width.get() || 0, 1),\n      Math.max(props.height.get() || 0, 1),\n      props.aspectRatio.get(),\n    )\n  })\n\n  useAttribute(host, 'data-resizing', () => (resizing.get() ? '' : undefined))\n}\n\nfunction updateResizableRootStyles(\n  host: HostElement,\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\nconst ResizableRootElementBase: HostElementConstructor<ResizableRootProps> = defineCustomElement(\n  setupResizableRoot,\n  ResizableRootPropsDeclaration,\n)\n\n/**\n * @public\n */\nexport class ResizableRootElement extends ResizableRootElementBase {}\n\nlet isResizableRootRegistered = false\n\n/**\n * @internal\n */\nexport function registerResizableRootElement(): void {\n  if (isResizableRootRegistered) return\n  isResizableRootRegistered = true\n  registerCustomElement('prosekit-resizable-root', ResizableRootElement)\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 type { HostElement, HostElementConstructor, PropsDeclaration } from '@aria-ui/core'\nimport { createSignal, defineCustomElement, defineProps, registerCustomElement, useEffect, type State } from '@aria-ui/core'\nimport { getWindow } from '@ocavue/utils'\n\nimport { calcResize } from './calc-resize.ts'\nimport { onResizeContext, onResizeEndContext, onResizeStartContext } from './context.ts'\n\n/**\n * @public\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/**\n * @internal\n */\nexport const ResizableHandlePropsDeclaration: PropsDeclaration<ResizableHandleProps> = defineProps<ResizableHandleProps>({\n  position: { default: 'bottom-right', attribute: 'position', type: 'string' },\n})\n\n/**\n * @internal\n */\nexport function setupResizableHandle(\n  host: HostElement,\n  props: State<ResizableHandleProps>,\n): void {\n  const getOnResize = onResizeContext.consume(host)\n  const getOnResizeStart = onResizeStartContext.consume(host)\n  const getOnResizeEnd = onResizeEndContext.consume(host)\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 = getOnResizeStart()?.()\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      props.position.get(),\n      width,\n      height,\n      dx,\n      dy,\n      aspectRatio,\n    )\n\n    getOnResize()?.(w, h)\n  }\n\n  const handlePointerUp = (event: PointerEvent) => {\n    event.preventDefault()\n    pointerPressing.set(false)\n\n    getOnResizeEnd()?.()\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\nconst ResizableHandleElementBase: HostElementConstructor<ResizableHandleProps> = defineCustomElement(\n  setupResizableHandle,\n  ResizableHandlePropsDeclaration,\n)\n\n/**\n * @public\n */\nexport class ResizableHandleElement extends ResizableHandleElementBase {}\n\nlet isResizableHandleRegistered = false\n\n/**\n * @internal\n */\nexport function registerResizableHandleElement(): void {\n  if (isResizableHandleRegistered) return\n  isResizableHandleRegistered = true\n  registerCustomElement('prosekit-resizable-handle', ResizableHandleElement)\n}\n"],"mappings":"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"}