@chelone/vue 0.5.0 → 0.7.0

package/dist/components/admin/widgets/metric-card.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import { cn } from "../../../lib/utils.js";
+import { Card } from "../../ui/card.js";
+import skeleton_default from "../../ui/skeleton.js";
+import { ArrowDownIcon, ArrowRightIcon, ArrowUpIcon } from "../list/list-icons.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { getMetricDelta } from "@chelone/core";
+// src/components/admin/widgets/metric-card.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex items-center justify-between text-sm text-muted-foreground" };
+var _hoisted_2 = {
+	"data-slot": "metric-card-value",
+	class: "text-3xl font-semibold"
+};
+var _hoisted_3 = ["data-direction"];
+var metric_card_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "metric-card",
+	props: {
+		label: {},
+		value: {},
+		delta: {},
+		format: {},
+		icon: {},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<MetricCard>`: a headline number with its change since the last period, the
+		* Vue twin of `@chelone/react`'s `widgets/metric-card.tsx`. Needs no chart
+		* library, so it ships in the base package. The label and the value render as
+		* text interpolations, never as markup.
+		*/
+		const props = __props;
+		const ARROWS = {
+			up: ArrowUpIcon,
+			down: ArrowDownIcon,
+			flat: ArrowRightIcon
+		};
+		const DIRECTION_CLASS = {
+			up: "text-emerald-600 dark:text-emerald-400",
+			down: "text-destructive",
+			flat: "text-muted-foreground"
+		};
+		const change = computed(() => getMetricDelta(props.delta));
+		const shown = computed(() => typeof props.value === "number" && props.format ? props.format(props.value) : props.value);
+		const cardClass = computed(() => cn("gap-2 px-6 py-6", props.class));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Card), {
+				"data-slot": "metric-card",
+				class: normalizeClass(cardClass.value)
+			}, {
+				default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+					createVNode(skeleton_default, { class: "h-4 w-24" }),
+					createVNode(skeleton_default, { class: "h-8 w-32" }),
+					createVNode(skeleton_default, { class: "h-4 w-16" })
+				], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+					createElementVNode("div", _hoisted_1, [createElementVNode("span", null, toDisplayString(__props.label), 1), __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
+						key: 0,
+						class: "size-4"
+					})) : createCommentVNode("", true)]),
+					createElementVNode("div", _hoisted_2, toDisplayString(shown.value), 1),
+					change.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						"data-slot": "metric-card-delta",
+						"data-direction": change.value.direction,
+						class: normalizeClass(unref(cn)("flex items-center gap-1 text-sm", DIRECTION_CLASS[change.value.direction]))
+					}, [(openBlock(), createBlock(resolveDynamicComponent(ARROWS[change.value.direction]), { class: "size-4" })), createElementVNode("span", null, toDisplayString(change.value.text), 1)], 10, _hoisted_3)) : createCommentVNode("", true)
+				], 64))]),
+				_: 1
+			}, 8, ["class"]);
+		};
+	}
+});
+export { metric_card_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/block-editor/auto-config-form.js

@@ -0,0 +1,4 @@
+import auto_config_form_vue_vue_type_script_setup_true_lang_default from "./auto-config-form.vue_vue_type_script_setup_true_lang.js";
+// src/components/block-editor/auto-config-form.vue
+var auto_config_form_default = auto_config_form_vue_vue_type_script_setup_true_lang_default;
+export { auto_config_form_default as default };

package/dist/components/block-editor/auto-config-form.vue.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The form for `config: "auto"`, built from the block's schema. A key the
+ * form cannot edit (an object, an array of objects) gets no control. The Vue
+ * twin of `@chelone/react`'s `block-editor/auto-config-form.tsx`.
+ */
+import { type BlockAttrs } from "@chelone/core";
+import type { BlockConfigProps, BlockDefinition } from "./block-nodes.js";
+type __VLS_Props = {
+    schema: BlockDefinition["schema"];
+    attrs: BlockAttrs;
+    onChange: BlockConfigProps["onChange"];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/block-editor/auto-config-form.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,110 @@
+import { FieldLabel } from "../ui/field.js";
+import input_default from "../ui/input.js";
+import native_select_default from "../ui/native-select.js";
+import switch_default from "../ui/switch.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, useId, withCtx } from "vue";
+import { describeBlockAttrs, humanizeField } from "@chelone/core";
+// src/components/block-editor/auto-config-form.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "grid gap-3 sm:grid-cols-2" };
+var _hoisted_2 = {
+	key: 0,
+	class: "flex items-center gap-2"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "flex flex-col gap-1.5"
+};
+var auto_config_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "auto-config-form",
+	props: {
+		schema: {},
+		attrs: {},
+		onChange: { type: Function }
+	},
+	setup(__props) {
+		/**
+		* The form for `config: "auto"`, built from the block's schema. A key the
+		* form cannot edit (an object, an array of objects) gets no control. The Vue
+		* twin of `@chelone/react`'s `block-editor/auto-config-form.tsx`.
+		*/
+		const props = __props;
+		const textKinds = /* @__PURE__ */ new Set([
+			"text",
+			"email",
+			"url",
+			"date",
+			"dateTime"
+		]);
+		const inputTypes = {
+			email: "email",
+			url: "url",
+			date: "date",
+			dateTime: "datetime-local"
+		};
+		const textOf = (value) => typeof value === "string" || typeof value === "number" ? String(value) : "";
+		const prefix = useId();
+		const fields = computed(() => describeBlockAttrs(props.schema));
+		const idOf = (field) => `${prefix}-${field.source}`;
+		const labelOf = (field) => field.label ?? humanizeField(field.source);
+		const patch = (field, next) => props.onChange({ [field.source]: next });
+		function choose(field, value) {
+			const chosen = field.choices?.find((choice) => String(choice.id) === value);
+			if (chosen) patch(field, chosen.id);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(fields.value, (field) => {
+				return openBlock(), createElementBlock(Fragment, { key: field.source }, [field.kind === "boolean" ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(switch_default, {
+					id: idOf(field),
+					"model-value": __props.attrs[field.source] === true,
+					"onUpdate:modelValue": ($event) => patch(field, $event)
+				}, null, 8, [
+					"id",
+					"model-value",
+					"onUpdate:modelValue"
+				]), createVNode(unref(FieldLabel), { "html-for": idOf(field) }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(labelOf(field)), 1)]),
+					_: 2
+				}, 1032, ["html-for"])])) : field.kind === "select" || field.kind === "number" || unref(textKinds).has(field.kind) ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(FieldLabel), { "html-for": idOf(field) }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(labelOf(field)), 1)]),
+					_: 2
+				}, 1032, ["html-for"]), field.kind === "select" ? (openBlock(), createBlock(native_select_default, {
+					key: 0,
+					id: idOf(field),
+					"model-value": textOf(__props.attrs[field.source]),
+					options: (field.choices ?? []).map((choice) => ({
+						value: String(choice.id),
+						label: choice.name
+					})),
+					"onUpdate:modelValue": ($event) => choose(field, $event)
+				}, null, 8, [
+					"id",
+					"model-value",
+					"options",
+					"onUpdate:modelValue"
+				])) : field.kind === "number" ? (openBlock(), createBlock(input_default, {
+					key: 1,
+					id: idOf(field),
+					type: "number",
+					"model-value": textOf(__props.attrs[field.source]),
+					"onUpdate:modelValue": ($event) => patch(field, $event === "" ? null : Number($event))
+				}, null, 8, [
+					"id",
+					"model-value",
+					"onUpdate:modelValue"
+				])) : (openBlock(), createBlock(input_default, {
+					key: 2,
+					id: idOf(field),
+					type: inputTypes[field.kind] ?? "text",
+					"model-value": textOf(__props.attrs[field.source]),
+					"onUpdate:modelValue": ($event) => patch(field, $event)
+				}, null, 8, [
+					"id",
+					"type",
+					"model-value",
+					"onUpdate:modelValue"
+				]))])) : createCommentVNode("", true)], 64);
+			}), 128))]);
+		};
+	}
+});
+export { auto_config_form_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/block-editor/block-doc-field.js

@@ -0,0 +1,4 @@
+import block_doc_field_vue_vue_type_script_setup_true_lang_default from "./block-doc-field.vue_vue_type_script_setup_true_lang.js";
+// src/components/block-editor/block-doc-field.vue
+var block_doc_field_default = block_doc_field_vue_vue_type_script_setup_true_lang_default;
+export { block_doc_field_default as default };

package/dist/components/block-editor/block-doc-field.vue.d.ts

@@ -0,0 +1,33 @@
+import { type VNode } from "vue";
+import type { LooseRecord, SourceProp } from "@chelone/core";
+import type { BlockDefinition } from "./block-nodes.js";
+/** Props for {@link BlockDocField}. */
+export interface BlockDocFieldProps<RecordType extends LooseRecord = LooseRecord> {
+    source: SourceProp<RecordType>;
+    record?: RecordType;
+    /** Read once, when the editor mounts. Each block's `read` component draws it. */
+    blocks?: readonly BlockDefinition[];
+    /** Shown as text when the value is missing; translated if it is a message key. */
+    empty?: string;
+    class?: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <RecordType extends LooseRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<BlockDocFieldProps<RecordType>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        empty?: () => VNode[];
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/block-editor/block-doc-field.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { useTranslate } from "../../i18n/use-translate.js";
+import { cn } from "../../lib/utils.js";
+import { useFieldValue } from "../../record/use-field-value.js";
+import block_editor_default from "./block-editor.js";
+import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
+import { isBlockDoc } from "@chelone/core";
+// src/components/block-editor/block-doc-field.vue?vue&type=script&setup=true&lang.ts
+var block_doc_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "block-doc-field",
+	props: {
+		source: {},
+		record: {},
+		blocks: {},
+		empty: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<BlockDocField>` — shows a stored block document read-only, drawing each
+		* block with its `read` component. The Vue twin of `@chelone/react`'s
+		* `block-editor/block-doc-field.tsx`. The `#empty` slot replaces the `empty`
+		* text when the value is missing.
+		*
+		* Needs the optional `@tiptap/*` peers.
+		*
+		* @example
+		* import { BlockDocField } from "@chelone/vue/block-editor";
+		*
+		* <BlockDocField source="body" :blocks="[callout]" empty="No content" />
+		*/
+		const props = __props;
+		const translate = useTranslate();
+		const stored = useFieldValue({
+			get record() {
+				return props.record;
+			},
+			source: props.source
+		});
+		const doc = computed(() => isBlockDoc(stored.value) ? stored.value : null);
+		return (_ctx, _cache) => {
+			return doc.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				"data-slot": "block-doc-field",
+				class: normalizeClass(unref(cn)(props.class))
+			}, [createVNode(block_editor_default, {
+				value: doc.value,
+				blocks: __props.blocks,
+				editable: false
+			}, null, 8, ["value", "blocks"])], 2)) : renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(__props.empty ? unref(translate)(__props.empty, { _: __props.empty }) : ""), 1)], void 0, 1);
+		};
+	}
+});
+export { block_doc_field_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/block-editor/block-drag-handle.js

@@ -0,0 +1,4 @@
+import block_drag_handle_vue_vue_type_script_setup_true_lang_default, { BLOCK_DRAG_PLUGINS, BLOCK_DRAG_SENSORS } from "./block-drag-handle.vue_vue_type_script_setup_true_lang.js";
+// src/components/block-editor/block-drag-handle.vue
+var block_drag_handle_default = block_drag_handle_vue_vue_type_script_setup_true_lang_default;
+export { BLOCK_DRAG_PLUGINS, BLOCK_DRAG_SENSORS, block_drag_handle_default as default };

package/dist/components/block-editor/block-drag-handle.vue.d.ts

@@ -0,0 +1,12 @@
+import { PointerSensor } from "@dnd-kit/dom";
+import type { DragDropProviderProps } from "@dnd-kit/vue";
+import type { Editor } from "@tiptap/core";
+/** Props for {@link BlockDragHandle}. */
+export interface BlockDragHandleProps {
+    editor: Editor;
+}
+export declare const BLOCK_DRAG_SENSORS: (typeof PointerSensor)[];
+export declare const BLOCK_DRAG_PLUGINS: DragDropProviderProps["plugins"];
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<BlockDragHandleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockDragHandleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/block-editor/block-drag-handle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,159 @@
+import { useTranslate } from "../../i18n/use-translate.js";
+import { GripVerticalIcon } from "./block-icons.js";
+import block_drop_gap_default from "./block-drop-gap.js";
+import { moveTopLevelBlock } from "./block-toolbar.vue_vue_type_script_setup_true_lang.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, shallowRef, unref, watch } from "vue";
+import { Accessibility, PointerSensor } from "@dnd-kit/dom";
+import { useDragDropMonitor, useDraggable } from "@dnd-kit/vue";
+// src/components/block-editor/block-drag-handle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-dragging", "aria-label"];
+var BLOCK_DRAG_SENSORS = [PointerSensor];
+var BLOCK_DRAG_PLUGINS = (defaults) => defaults.filter((plugin) => plugin !== Accessibility);
+var block_drag_handle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "block-drag-handle",
+	props: { editor: {} },
+	setup(__props) {
+		/**
+		* A grip in the left gutter beside the hovered or selected top-level block.
+		* Dragging it shows a drop line at the nearest gap between blocks, and
+		* dropping there moves the block. Renders inside the editor's relatively
+		* positioned wrapper and a `DragDropProvider`. The Vue twin of
+		* `@chelone/react`'s `block-editor/block-drag-handle.tsx`, on `@dnd-kit/vue`.
+		*/
+		const props = __props;
+		const HANDLE_ID = "block-drag-handle";
+		const GAP_PREFIX = "block-gap-";
+		const sameBoxes = (a, b) => a.length === b.length && a.every((box, i) => box.top === b[i]?.top && box.bottom === b[i]?.bottom);
+		const translate = useTranslate();
+		const layer = ref();
+		const handle = ref();
+		const hovered = ref(null);
+		const boxes = shallowRef([]);
+		const doc = shallowRef(props.editor.state.doc);
+		const selected = ref(props.editor.state.selection.$from.index(0));
+		const refresh = () => {
+			const { state } = props.editor;
+			doc.value = state.doc;
+			selected.value = state.selection.$from.index(0);
+		};
+		props.editor.on("transaction", refresh);
+		onBeforeUnmount(() => props.editor.off("transaction", refresh));
+		const index = computed(() => Math.min(hovered.value ?? selected.value, doc.value.childCount - 1));
+		const { isDragging } = useDraggable({
+			id: HANDLE_ID,
+			element: handle
+		});
+		const dragging = computed(() => isDragging.value === true);
+		const onMove = ({ target }) => {
+			if (dragging.value || !(target instanceof Node)) return;
+			let found = null;
+			props.editor.state.doc.forEach((_node, offset, i) => {
+				if (found === null && props.editor.view.nodeDOM(offset)?.contains(target)) found = i;
+			});
+			if (found !== null) hovered.value = found;
+		};
+		const onLeave = () => {
+			if (!dragging.value) hovered.value = null;
+		};
+		let editorDom;
+		let wrapper;
+		onMounted(() => {
+			editorDom = props.editor.view.dom;
+			wrapper = layer.value?.parentElement;
+			editorDom.addEventListener("mousemove", onMove);
+			wrapper?.addEventListener("mouseleave", onLeave);
+		});
+		onBeforeUnmount(() => {
+			editorDom?.removeEventListener("mousemove", onMove);
+			wrapper?.removeEventListener("mouseleave", onLeave);
+		});
+		let observer;
+		function measure() {
+			const blocks = [];
+			props.editor.state.doc.forEach((_node, offset) => {
+				const block = props.editor.view.nodeDOM(offset);
+				if (block instanceof Element) blocks.push(block);
+			});
+			const origin = layer.value?.getBoundingClientRect().top ?? 0;
+			const next = blocks.map((block) => {
+				const { top, bottom } = block.getBoundingClientRect();
+				return {
+					top: top - origin,
+					bottom: bottom - origin
+				};
+			});
+			if (!sameBoxes(boxes.value, next)) boxes.value = next;
+			return blocks;
+		}
+		function observe() {
+			const blocks = measure();
+			observer?.disconnect();
+			if (typeof ResizeObserver === "undefined") return;
+			observer = new ResizeObserver(measure);
+			observer.observe(props.editor.view.dom);
+			for (const block of blocks) observer.observe(block);
+		}
+		watch([doc, dragging], observe, { flush: "post" });
+		onMounted(observe);
+		onBeforeUnmount(() => observer?.disconnect());
+		useDragDropMonitor({ onDragEnd: ({ canceled, operation }) => {
+			const target = operation.target?.id;
+			hovered.value = null;
+			if (canceled || typeof target !== "string") return;
+			if (!target.startsWith(GAP_PREFIX)) return;
+			const gap = Number(target.slice(10));
+			const from = index.value;
+			moveTopLevelBlock(props.editor, from, gap > from ? gap - 1 : gap);
+		} });
+		const centre = (at) => (at.top + at.bottom) / 2;
+		const box = computed(() => boxes.value[index.value]);
+		const gaps = computed(() => {
+			const first = boxes.value[0];
+			const last = boxes.value.at(-1);
+			if (!first || !last) return [];
+			return Array.from({ length: boxes.value.length + 1 }, (_, gap) => {
+				const before = boxes.value[gap - 1];
+				const after = boxes.value[gap];
+				return {
+					gap,
+					start: before ? centre(before) : first.top,
+					end: after ? centre(after) : last.bottom,
+					line: before && after ? (before.bottom + after.top) / 2 : before?.bottom ?? first.top
+				};
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "layer",
+				ref: layer,
+				"data-slot": "block-drag-layer",
+				class: "pointer-events-none absolute inset-0"
+			}, [box.value ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				ref_key: "handle",
+				ref: handle,
+				type: "button",
+				tabindex: "-1",
+				"data-slot": "block-drag-handle",
+				"data-dragging": dragging.value ? "" : void 0,
+				"aria-label": unref(translate)("chelone.block_editor.drag", { _: "Drag to move" }),
+				class: normalizeClass(["pointer-events-auto absolute left-0 flex size-6 cursor-grab touch-none items-center justify-center rounded-sm text-muted-foreground hover:bg-accent", dragging.value && "cursor-grabbing bg-accent"]),
+				style: normalizeStyle({ top: `${box.value.top}px` })
+			}, [createVNode(unref(GripVerticalIcon))], 14, _hoisted_1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(gaps.value, (gap) => {
+				return openBlock(), createBlock(block_drop_gap_default, {
+					key: gap.gap,
+					id: `${GAP_PREFIX}${gap.gap}`,
+					start: gap.start,
+					end: gap.end,
+					line: gap.line
+				}, null, 8, [
+					"id",
+					"start",
+					"end",
+					"line"
+				]);
+			}), 128))], 512);
+		};
+	}
+});
+export { BLOCK_DRAG_PLUGINS, BLOCK_DRAG_SENSORS, block_drag_handle_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/block-editor/block-drop-gap.js

@@ -0,0 +1,4 @@
+import block_drop_gap_vue_vue_type_script_setup_true_lang_default from "./block-drop-gap.vue_vue_type_script_setup_true_lang.js";
+// src/components/block-editor/block-drop-gap.vue
+var block_drop_gap_default = block_drop_gap_vue_vue_type_script_setup_true_lang_default;
+export { block_drop_gap_default as default };

package/dist/components/block-editor/block-drop-gap.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    /** The drop target's id. */
+    id: string;
+    start: number;
+    end: number;
+    /** Where the drop line sits, from the top of the layer. */
+    line: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/block-editor/block-drop-gap.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { createCommentVNode, createElementBlock, defineComponent, normalizeStyle, openBlock, ref, unref } from "vue";
+import { useDroppable } from "@dnd-kit/vue";
+// src/components/block-editor/block-drop-gap.vue?vue&type=script&setup=true&lang.ts
+var block_drop_gap_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "block-drop-gap",
+	props: {
+		id: {},
+		start: {},
+		end: {},
+		line: {}
+	},
+	setup(__props) {
+		/**
+		* A drop target between two blocks, or before the first or after the last, for
+		* `<BlockDragHandle>`. It runs from the middle of one block to the middle of
+		* the next, so the pointer is always over the nearest gap. A component of its
+		* own because `useDroppable` registers per instance.
+		*/
+		const props = __props;
+		const element = ref();
+		const { isDropTarget } = useDroppable({
+			id: () => props.id,
+			element
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "element",
+				ref: element,
+				"data-slot": "block-drop-gap",
+				class: "pointer-events-none absolute inset-x-0",
+				style: normalizeStyle({
+					top: `${__props.start}px`,
+					height: `${__props.end - __props.start}px`
+				})
+			}, [unref(isDropTarget) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				"data-slot": "block-drop-indicator",
+				class: "absolute inset-x-0 h-0.5 -translate-y-1/2 rounded-full bg-primary",
+				style: normalizeStyle({ top: `${__props.line - __props.start}px` })
+			}, null, 4)) : createCommentVNode("", true)], 4);
+		};
+	}
+});
+export { block_drop_gap_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/block-editor/block-editor-input.js

@@ -0,0 +1,4 @@
+import block_editor_input_vue_vue_type_script_setup_true_lang_default from "./block-editor-input.vue_vue_type_script_setup_true_lang.js";
+// src/components/block-editor/block-editor-input.vue
+var block_editor_input_default = block_editor_input_vue_vue_type_script_setup_true_lang_default;
+export { block_editor_input_default as default };

package/dist/components/block-editor/block-editor-input.vue.d.ts

@@ -0,0 +1,32 @@
+import type { LooseRecord, SourceProp } from "@chelone/core";
+import type { SourceInputProps } from "../admin/inputs/source-input-props.js";
+import type { BlockDefinition } from "./block-nodes.js";
+/** Props for {@link BlockEditorInput}. */
+export interface BlockEditorInputProps<RecordType = LooseRecord, TPath extends SourceProp<RecordType> = SourceProp<RecordType>> extends SourceInputProps<RecordType, TPath> {
+    /** Read once, when the editor mounts. */
+    blocks?: readonly BlockDefinition[];
+    /** Shown in an empty paragraph. */
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    helperText?: string | false;
+    class?: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <RecordType = LooseRecord, TPath extends SourceProp<RecordType> = SourceProp<RecordType>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<BlockEditorInputProps<RecordType, TPath>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};