@prosekit/web 0.8.0-beta.3 → 0.8.0-beta.5

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

@@ -1,7 +1,8 @@
 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 { computed, createContext, createSignal, defineCustomElement, defineProps, onMount, registerCustomElement, useEffect, useEventListener } from "@aria-ui/core";
+import { computed, createContext, createSignal, defineCustomElement, defineProps, onMount, registerCustomElement, useEffect } from "@aria-ui/core";
+import { useEventListener } from "@aria-ui/utils";
 import { OverlayPositionerPropsDeclaration, createOverlayStore, setupOverlayPopup, setupOverlayPositioner } from "@aria-ui/elements/overlay";
 import { defineDOMEventHandler, union } from "@prosekit/core";
 import { getDocument, getId, isHTMLElement, once } from "@ocavue/utils";
@@ -9,7 +10,6 @@ import { MenuRootPropsDeclaration, setupMenuRoot, setupMenuTrigger } from "@aria
 import { moveTableColumn, moveTableRow, selectTableColumn, selectTableRow } from "@prosekit/extensions/table";
 import { computePosition, offset } from "@floating-ui/dom";
 import { TableMap, cellAround } from "prosemirror-tables";
-//#region src/components/table-handle/store.ts
 function noop() {}
 function returnTrue() {
 	return true;
@@ -76,8 +76,6 @@ function createTableHandleStore(getHoveringCellInfo, getCanShow) {
 * @internal
 */
 const tableHandleStoreContext = createContext("prosekit-table-handle-store");
-//#endregion
-//#region src/components/table-handle/table-handle-column-popup.ts
 /** @internal */
 const TableHandleColumnPopupPropsDeclaration = defineProps({});
 /** @internal */
@@ -88,15 +86,21 @@ function setupTableHandleColumnPopup(host, _props) {
 }
 const TableHandleColumnPopupElementBase = defineCustomElement(setupTableHandleColumnPopup, TableHandleColumnPopupPropsDeclaration);
 /**
-* @public
+* `<prosekit-table-handle-column-popup>` custom element.
+*
+* Properties: {@link TableHandleColumnPopupProps}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-state` | `"open"` when visible, `"closed"` otherwise |
 */
 var TableHandleColumnPopupElement = class extends TableHandleColumnPopupElementBase {};
 /** @internal */
 function registerTableHandleColumnPopupElement() {
 	registerCustomElement("prosekit-table-handle-column-popup", TableHandleColumnPopupElement);
 }
-//#endregion
-//#region src/utils/use-html-element-at.ts
 function useHTMLElementAt(getEditor, getPos) {
 	return computed(() => {
 		const editor = getEditor();
@@ -106,8 +110,6 @@ function useHTMLElementAt(getEditor, getPos) {
 		if (element && isHTMLElement(element)) return element;
 	});
 }
-//#endregion
-//#region src/components/table-handle/shared.ts
 /** @internal */
 const SharedTableHandlePositionerPropsDeclaration = defineProps({
 	...OverlayPositionerPropsDeclaration,
@@ -142,8 +144,6 @@ const SharedTableHandlePositionerPropsDeclaration = defineProps({
 		type: "json"
 	}
 });
-//#endregion
-//#region src/components/table-handle/table-handle-column-positioner.ts
 /** @internal */
 const TableHandleColumnPositionerPropsDeclaration = defineProps({
 	...SharedTableHandlePositionerPropsDeclaration,
@@ -166,15 +166,29 @@ function setupTableHandleColumnPositioner(host, props) {
 }
 const TableHandleColumnPositionerElementBase = defineCustomElement(setupTableHandleColumnPositioner, TableHandleColumnPositionerPropsDeclaration);
 /**
-* @public
+* `<prosekit-table-handle-column-positioner>` custom element.
+*
+* Properties: {@link TableHandleColumnPositionerProps}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-state` | `"open"` when visible, `"closed"` otherwise |
+* | `data-side` | The side of the anchor element the positioner is on |
+* | `data-align` | The alignment of the positioner relative to the anchor element |
+*
+* CSS variables:
+*
+* | Variable | Description |
+* | --- | --- |
+* | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |
 */
 var TableHandleColumnPositionerElement = class extends TableHandleColumnPositionerElementBase {};
 /** @internal */
 function registerTableHandleColumnPositionerElement() {
 	registerCustomElement("prosekit-table-handle-column-positioner", TableHandleColumnPositionerElement);
 }
-//#endregion
-//#region src/components/table-handle/table-handle-column-menu-root.ts
 /** @internal */
 const TableHandleColumnMenuRootPropsDeclaration = defineProps(MenuRootPropsDeclaration);
 /** @internal */
@@ -190,15 +204,15 @@ function setupTableHandleColumnMenuRoot(host, props) {
 }
 const TableHandleColumnMenuRootElementBase = defineCustomElement(setupTableHandleColumnMenuRoot, TableHandleColumnMenuRootPropsDeclaration);
 /**
-* @public
+* `<prosekit-table-handle-column-menu-root>` custom element.
+*
+* Properties: {@link TableHandleColumnMenuRootProps}
 */
 var TableHandleColumnMenuRootElement = class extends TableHandleColumnMenuRootElementBase {};
 /** @internal */
 function registerTableHandleColumnMenuRootElement() {
 	registerCustomElement("prosekit-table-handle-column-menu-root", TableHandleColumnMenuRootElement);
 }
-//#endregion
-//#region src/components/table-handle/use-empty-image.ts
 /**
 * Returns a function that returns a 1x1 transparent image. This is used to
 * prevent the browser from showing the default drag image. An earth icon in
@@ -221,8 +235,6 @@ function useEmptyImage(host) {
 	});
 	return () => image;
 }
-//#endregion
-//#region src/components/table-handle/table-handle-column-menu-trigger.ts
 /** @internal */
 const TableHandleColumnMenuTriggerPropsDeclaration = defineProps({ editor: {
 	default: null,
@@ -270,7 +282,9 @@ function setupTableHandleColumnMenuTrigger(host, props) {
 }
 const TableHandleColumnMenuTriggerElementBase = defineCustomElement(setupTableHandleColumnMenuTrigger, TableHandleColumnMenuTriggerPropsDeclaration);
 /**
-* @public
+* `<prosekit-table-handle-column-menu-trigger>` custom element.
+*
+* Properties: {@link TableHandleColumnMenuTriggerProps}
 */
 var TableHandleColumnMenuTriggerElement = class extends TableHandleColumnMenuTriggerElementBase {};
 /**
@@ -279,8 +293,6 @@ var TableHandleColumnMenuTriggerElement = class extends TableHandleColumnMenuTri
 function registerTableHandleColumnMenuTriggerElement() {
 	registerCustomElement("prosekit-table-handle-column-menu-trigger", TableHandleColumnMenuTriggerElement);
 }
-//#endregion
-//#region src/components/table-handle/dnd.ts
 function useInitDndPosition(host, getEditor, onInit) {
 	const getStore = tableHandleStoreContext.consume(host);
 	useEffect(host, () => {
@@ -345,8 +357,6 @@ 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.
@@ -407,8 +417,6 @@ function copyStyles(source, target, important) {
 	}
 	return styles.join("\n");
 }
-//#endregion
-//#region src/utils/css-feature-detection.ts
 const isColorMixSupported = once(() => {
 	try {
 		return CSS.supports("background-color", "color-mix(in srgb, red, blue)");
@@ -416,8 +424,6 @@ const isColorMixSupported = once(() => {
 		return false;
 	}
 });
-//#endregion
-//#region src/utils/fade-color.ts
 /**
 * Convert a color to a color with opacity
 * @param color - The color to convert
@@ -430,8 +436,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) {
 	let current = element;
 	while (current) {
@@ -440,16 +444,12 @@ 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/render-preview.ts
 function clearPreviewDOM(previewRoot) {
 	while (previewRoot.firstChild) previewRoot.removeChild(previewRoot.firstChild);
 }
@@ -498,8 +498,6 @@ function unsetSize(element) {
 		maxHeight: "unset"
 	});
 }
-//#endregion
-//#region src/components/table-handle/table-handle-drag-preview.ts
 /** @internal */
 const TableHandleDragPreviewPropsDeclaration = defineProps({ editor: {
 	default: null,
@@ -591,7 +589,9 @@ function getVirtualElement(cell, x, y) {
 }
 const TableHandleDragPreviewElementBase = defineCustomElement(setupTableHandleDragPreview, TableHandleDragPreviewPropsDeclaration);
 /**
-* @public
+* `<prosekit-table-handle-drag-preview>` custom element.
+*
+* Properties: {@link TableHandleDragPreviewProps}
 */
 var TableHandleDragPreviewElement = class extends TableHandleDragPreviewElementBase {};
 /**
@@ -600,8 +600,6 @@ var TableHandleDragPreviewElement = class extends TableHandleDragPreviewElementB
 function registerTableHandleDragPreviewElement() {
 	registerCustomElement("prosekit-table-handle-drag-preview", TableHandleDragPreviewElement);
 }
-//#endregion
-//#region src/components/table-handle/calc-drag-over.ts
 function findDragOverElement(elements, pointer, axis) {
 	const startProp = axis === "x" ? "left" : "top";
 	const endProp = axis === "x" ? "right" : "bottom";
@@ -625,8 +623,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.ts
 const HANDLE_WIDTH = 2;
 /** @internal */
 const TableHandleDropIndicatorPropsDeclaration = defineProps({ editor: {
@@ -716,7 +712,9 @@ function useUpdateIndicatorPosition(host, getEditor, handleWidth) {
 }
 const TableHandleDropIndicatorElementBase = defineCustomElement(setupTableHandleDropIndicator, TableHandleDropIndicatorPropsDeclaration);
 /**
-* @public
+* `<prosekit-table-handle-drop-indicator>` custom element.
+*
+* Properties: {@link TableHandleDropIndicatorProps}
 */
 var TableHandleDropIndicatorElement = class extends TableHandleDropIndicatorElementBase {};
 /**
@@ -725,8 +723,6 @@ var TableHandleDropIndicatorElement = class extends TableHandleDropIndicatorElem
 function registerTableHandleDropIndicatorElement() {
 	registerCustomElement("prosekit-table-handle-drop-indicator", TableHandleDropIndicatorElement);
 }
-//#endregion
-//#region src/hooks/use-editor-typing.ts
 function useEditorTyping(host, getEditor) {
 	const typing = createSignal(false);
 	useEditorExtension(host, getEditor, union(defineDOMEventHandler("keypress", () => {
@@ -736,8 +732,6 @@ function useEditorTyping(host, getEditor) {
 	})));
 	return typing.get;
 }
-//#endregion
-//#region src/hooks/use-selecting.ts
 /**
 * Detect if the user is selecting text inside the editor, in which case some
 * components should be disabled or hidden.
@@ -772,8 +766,6 @@ function useSelecting(host, getEditor, getEnabled) {
 	});
 	return selecting.get;
 }
-//#endregion
-//#region src/components/table-handle/use-drop.ts
 function useDrop(host, getEditor, store) {
 	const getDndStore = () => store.dndStore;
 	const getDragging = computed(() => getDndStore().dragging.get());
@@ -834,8 +826,6 @@ function useDrop(host, getEditor, store) {
 		};
 	});
 }
-//#endregion
-//#region src/components/table-handle/utils.ts
 function isHoveringCellInfoEqual(a, b) {
 	if (!a && !b) return true;
 	if (!a || !b) return false;
@@ -881,8 +871,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.ts
 /** @internal */
 const TableHandleRootPropsDeclaration = defineProps({ editor: {
 	default: null,
@@ -918,7 +906,9 @@ function defineCellHoverHandler(handler) {
 }
 const TableHandleRootElementBase = defineCustomElement(setupTableHandleRoot, TableHandleRootPropsDeclaration);
 /**
-* @public
+* `<prosekit-table-handle-root>` custom element.
+*
+* Properties: {@link TableHandleRootProps}
 */
 var TableHandleRootElement = class extends TableHandleRootElementBase {};
 /**
@@ -927,8 +917,6 @@ var TableHandleRootElement = class extends TableHandleRootElementBase {};
 function registerTableHandleRootElement() {
 	registerCustomElement("prosekit-table-handle-root", TableHandleRootElement);
 }
-//#endregion
-//#region src/components/table-handle/table-handle-row-popup.ts
 /** @internal */
 const TableHandleRowPopupPropsDeclaration = defineProps({});
 /** @internal */
@@ -939,15 +927,21 @@ function setupTableHandleRowPopup(host, _props) {
 }
 const TableHandleRowPopupElementBase = defineCustomElement(setupTableHandleRowPopup, TableHandleRowPopupPropsDeclaration);
 /**
-* @public
+* `<prosekit-table-handle-row-popup>` custom element.
+*
+* Properties: {@link TableHandleRowPopupProps}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-state` | `"open"` when visible, `"closed"` otherwise |
 */
 var TableHandleRowPopupElement = class extends TableHandleRowPopupElementBase {};
 /** @internal */
 function registerTableHandleRowPopupElement() {
 	registerCustomElement("prosekit-table-handle-row-popup", TableHandleRowPopupElement);
 }
-//#endregion
-//#region src/components/table-handle/table-handle-row-positioner.ts
 /** @internal */
 const TableHandleRowPositionerPropsDeclaration = defineProps({
 	...SharedTableHandlePositionerPropsDeclaration,
@@ -970,15 +964,29 @@ function setupTableHandleRowPositioner(host, props) {
 }
 const TableHandleRowPositionerElementBase = defineCustomElement(setupTableHandleRowPositioner, TableHandleRowPositionerPropsDeclaration);
 /**
-* @public
+* `<prosekit-table-handle-row-positioner>` custom element.
+*
+* Properties: {@link TableHandleRowPositionerProps}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-state` | `"open"` when visible, `"closed"` otherwise |
+* | `data-side` | The side of the anchor element the positioner is on |
+* | `data-align` | The alignment of the positioner relative to the anchor element |
+*
+* CSS variables:
+*
+* | Variable | Description |
+* | --- | --- |
+* | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |
 */
 var TableHandleRowPositionerElement = class extends TableHandleRowPositionerElementBase {};
 /** @internal */
 function registerTableHandleRowPositionerElement() {
 	registerCustomElement("prosekit-table-handle-row-positioner", TableHandleRowPositionerElement);
 }
-//#endregion
-//#region src/components/table-handle/table-handle-row-menu-root.ts
 /** @internal */
 const TableHandleRowMenuRootPropsDeclaration = defineProps(MenuRootPropsDeclaration);
 /** @internal */
@@ -994,15 +1002,15 @@ function setupTableHandleRowMenuRoot(host, props) {
 }
 const TableHandleRowMenuRootElementBase = defineCustomElement(setupTableHandleRowMenuRoot, TableHandleRowMenuRootPropsDeclaration);
 /**
-* @public
+* `<prosekit-table-handle-row-menu-root>` custom element.
+*
+* Properties: {@link TableHandleRowMenuRootProps}
 */
 var TableHandleRowMenuRootElement = class extends TableHandleRowMenuRootElementBase {};
 /** @internal */
 function registerTableHandleRowMenuRootElement() {
 	registerCustomElement("prosekit-table-handle-row-menu-root", TableHandleRowMenuRootElement);
 }
-//#endregion
-//#region src/components/table-handle/table-handle-row-menu-trigger.ts
 /** @internal */
 const TableHandleRowMenuTriggerPropsDeclaration = defineProps({ editor: {
 	default: null,
@@ -1049,7 +1057,9 @@ function setupTableHandleRowMenuTrigger(host, props) {
 }
 const TableHandleRowMenuTriggerElementBase = defineCustomElement(setupTableHandleRowMenuTrigger, TableHandleRowMenuTriggerPropsDeclaration);
 /**
-* @public
+* `<prosekit-table-handle-row-menu-trigger>` custom element.
+*
+* Properties: {@link TableHandleRowMenuTriggerProps}
 */
 var TableHandleRowMenuTriggerElement = class extends TableHandleRowMenuTriggerElementBase {};
 /**
@@ -1058,7 +1068,6 @@ var TableHandleRowMenuTriggerElement = class extends TableHandleRowMenuTriggerEl
 function registerTableHandleRowMenuTriggerElement() {
 	registerCustomElement("prosekit-table-handle-row-menu-trigger", TableHandleRowMenuTriggerElement);
 }
-//#endregion
 export { TableHandleColumnMenuRootElement, TableHandleColumnMenuRootPropsDeclaration, TableHandleColumnMenuTriggerElement, TableHandleColumnMenuTriggerPropsDeclaration, TableHandleColumnPopupElement, TableHandleColumnPopupPropsDeclaration, TableHandleColumnPositionerElement, TableHandleColumnPositionerPropsDeclaration, TableHandleDragPreviewElement, TableHandleDragPreviewPropsDeclaration, TableHandleDropIndicatorElement, TableHandleDropIndicatorPropsDeclaration, TableHandleRootElement, TableHandleRootPropsDeclaration, TableHandleRowMenuRootElement, TableHandleRowMenuRootPropsDeclaration, TableHandleRowMenuTriggerElement, TableHandleRowMenuTriggerPropsDeclaration, TableHandleRowPopupElement, TableHandleRowPopupPropsDeclaration, TableHandleRowPositionerElement, TableHandleRowPositionerPropsDeclaration, registerTableHandleColumnMenuRootElement, registerTableHandleColumnMenuTriggerElement, registerTableHandleColumnPopupElement, registerTableHandleColumnPositionerElement, registerTableHandleDragPreviewElement, registerTableHandleDropIndicatorElement, registerTableHandleRootElement, registerTableHandleRowMenuRootElement, registerTableHandleRowMenuTriggerElement, registerTableHandleRowPopupElement, registerTableHandleRowPositionerElement, setupTableHandleColumnMenuRoot, setupTableHandleColumnMenuTrigger, setupTableHandleColumnPopup, setupTableHandleColumnPositioner, setupTableHandleDragPreview, setupTableHandleDropIndicator, setupTableHandleRoot, setupTableHandleRowMenuRoot, setupTableHandleRowMenuTrigger, setupTableHandleRowPopup, setupTableHandleRowPositioner };
 
 //# sourceMappingURL=prosekit-web-table-handle.js.map