@chelone/vue 0.7.0 → 0.9.0

package/dist/components/admin/widgets/job-monitor.vue.d.ts

@@ -1,6 +1,6 @@
-import type { LooseRecord, SortPayload, SourceKey, SourceProp } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SortPayload, SourceKey, SourceProp } from "@chelone/core";
 /** Props for {@link JobMonitor}. */
-export interface JobMonitorProps<TRecord extends LooseRecord = LooseRecord> {
+export interface JobMonitorProps<TRecord extends ResourceRecord = LooseRecord> {
     /** The jobs resource. Defaults to the resource context; with neither, nothing renders. */
     resource?: string;
     /** Milliseconds between reads. Default 5000, `0` turns polling off. */
@@ -39,7 +39,7 @@ export interface JobMonitorProps<TRecord extends LooseRecord = LooseRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <TRecord 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<{
+declare const __VLS_export: <TRecord extends ResourceRecord = 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<JobMonitorProps<TRecord>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/widgets/job-monitor.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,7 @@ import tabs_list_default from "../../ui/tabs/tabs-list.js";
 import tabs_trigger_default from "../../ui/tabs/tabs-trigger.js";
 import job_monitor_row_default from "./job-monitor-row.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
-import { DEFAULT_JOB_TABS, buildKanbanBuckets } from "@chelone/core";
+import { DEFAULT_JOB_TABS, buildKanbanBuckets, jobStatusSource } from "@chelone/core";
 // src/components/admin/widgets/job-monitor.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -70,7 +70,7 @@ var job_monitor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const notifications = useCheloneNotifications();
 		const { mutate, isPending: isWriting } = useUpdate(resource ?? "", { mutationMode: "pessimistic" });
 		const fields = computed(() => ({
-			statusSource: props.statusSource ?? "status",
+			statusSource: jobStatusSource(props.statusSource),
 			typeSource: props.typeSource ?? "type",
 			payloadSource: props.payloadSource ?? "payload",
 			errorSource: props.errorSource ?? "lastError",

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

@@ -1,8 +1,8 @@
 import { type VNode } from "vue";
-import type { LooseRecord, SourceProp } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, SourceProp } from "@chelone/core";
 import type { BlockDefinition } from "./block-nodes.js";
 /** Props for {@link BlockDocField}. */
-export interface BlockDocFieldProps<RecordType extends LooseRecord = LooseRecord> {
+export interface BlockDocFieldProps<RecordType extends ResourceRecord = LooseRecord> {
     source: SourceProp<RecordType>;
     record?: RecordType;
     /** Read once, when the editor mounts. Each block's `read` component draws it. */
@@ -13,7 +13,7 @@ export interface BlockDocFieldProps<RecordType extends LooseRecord = LooseRecord
 }
 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<{
+declare const __VLS_export: <RecordType extends ResourceRecord = 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 : {});

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

@@ -3,6 +3,7 @@ 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 { GAP_PREFIX, HANDLE_ID } from "@chelone/core";
 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
@@ -21,8 +22,6 @@ var block_drag_handle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		* `@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();
@@ -101,7 +100,7 @@ var block_drag_handle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 			hovered.value = null;
 			if (canceled || typeof target !== "string") return;
 			if (!target.startsWith(GAP_PREFIX)) return;
-			const gap = Number(target.slice(10));
+			const gap = Number(target.slice(GAP_PREFIX.length));
 			const from = index.value;
 			moveTopLevelBlock(props.editor, from, gap > from ? gap - 1 : gap);
 		} });
@@ -142,7 +141,7 @@ var block_drag_handle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 			}, [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}`,
+					id: `${unref(GAP_PREFIX)}${gap.gap}`,
 					start: gap.start,
 					end: gap.end,
 					line: gap.line

package/dist/components/block-editor/image-block-config.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { useTranslate } from "../../i18n/use-translate.js";
 import { FieldLabel } from "../ui/field.js";
 import input_default from "../ui/input.js";
 import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, useId, withCtx } from "vue";
-import { isSafeImageSrc } from "@chelone/core";
+import { MAX_IMAGE_BYTES, isSafeImageSrc } from "@chelone/core";
 // src/components/block-editor/image-block-config.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "grid gap-3 sm:grid-cols-2" };
 var _hoisted_2 = { class: "flex flex-col gap-1.5" };
@@ -14,7 +14,6 @@ var _hoisted_6 = {
 	role: "alert",
 	class: "text-destructive text-sm"
 };
-var maxImageBytes = 5242880;
 var image_block_config_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "image-block-config",
 	props: {
@@ -48,7 +47,7 @@ var image_block_config_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 			input.value = "";
 			const { onChange } = props;
 			if (!file) return;
-			if (!file.type.startsWith("image/") || file.size > maxImageBytes) {
+			if (!file.type.startsWith("image/") || file.size > MAX_IMAGE_BYTES) {
 				failed.value = true;
 				return;
 			}

package/dist/components/charts/bar-chart.vue.d.ts

@@ -1,7 +1,11 @@
 import type { LooseRecord } from "@chelone/core";
 import type { SeriesChartProps } from "./series-chart.js";
-/** Props for {@link BarChart}. */
-export type BarChartProps<TRow extends object = LooseRecord, TX extends keyof TRow & string = keyof TRow & string> = SeriesChartProps<TRow, TX>;
+export interface BarChartProps<TRow extends object = LooseRecord, TX extends keyof TRow & string = keyof TRow & string> extends SeriesChartProps<TRow, TX> {
+    /** Any CSS color. Left out, each bar draws in the next theme chart color. */
+    color?: string;
+    /** Any CSS colors, cycled over the bars when `color` is left out. Defaults to the theme's chart colors. */
+    colors?: readonly string[];
+}
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: <TRow extends object = LooseRecord, TX extends keyof TRow & string = keyof TRow & string>(__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<{

package/dist/components/charts/bar-chart.vue_vue_type_script_setup_true_lang.js

@@ -2,17 +2,18 @@ import chart_container_default from "../ui/chart/chart-container.js";
 import chart_frame_default from "./chart-frame.js";
 import { rowX, rowY, useSeriesRows } from "./series-chart.js";
 import { createBlock, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, unref, withCtx } from "vue";
-import { hasChartValues } from "@chelone/core";
+import { DEFAULT_CHART_COLORS, chartColor, hasChartValues } from "@chelone/core";
 import { VisAxis, VisCrosshair, VisGroupedBar, VisTooltip, VisXYContainer } from "@unovis/vue";
 // src/components/charts/bar-chart.vue?vue&type=script&setup=true&lang.ts
 var bar_chart_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "bar-chart",
 	props: {
+		color: {},
+		colors: { default: () => DEFAULT_CHART_COLORS },
 		data: {},
 		xField: {},
 		yField: {},
 		title: {},
-		color: { default: "var(--primary)" },
 		height: { default: 200 },
 		loading: {
 			type: Boolean,
@@ -38,8 +39,9 @@ var bar_chart_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		*/
 		const props = __props;
 		const { rows, config, xAxis, tooltipFor } = useSeriesRows(props);
-		const color = () => props.color;
-		const tooltipTemplate = (row) => tooltipFor(row, row.y);
+		const colorOf = (index) => props.color ?? chartColor(index, props.colors);
+		const color = (row) => colorOf(row.index);
+		const tooltipTemplate = (row) => tooltipFor(row, row.y, colorOf(row.index));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(chart_frame_default, {
 				"data-slot": "bar-chart",

package/dist/components/charts/series-chart.d.ts

@@ -41,6 +41,6 @@ export declare function useSeriesRows<TRow extends object, TX extends keyof TRow
         tickValues: number[];
         tickFormat: (position: number | Date) => string;
     }>;
-    tooltipFor: (row: import("@chelone/core").CartesianRow<TRow[TX]>, value: number | string | null) => string;
+    tooltipFor: (row: import("@chelone/core").CartesianRow<TRow[TX]>, value: number | string | null, color?: string) => string;
 };
 export {};

package/dist/components/charts/series-chart.js

@@ -28,9 +28,15 @@ function useSeriesRows(props) {
 		const step = Math.max(1, Math.ceil(rows.value.length / 7));
 		return rows.value.filter((row) => row.index % step === 0).map(rowX);
 	});
-	const tooltip = computed(() => componentToString(config.value, chart_tooltip_content_default, { labelFormatter: xLabel }));
-	/** The crosshair's HTML for a row, with `value` shown in place of the row's y. */
-	const tooltipFor = (row, value) => tooltip.value?.({ [props.yField]: value }, row.index) ?? "";
+	/**
+	* The crosshair's HTML for a row, with `value` shown in place of the row's y.
+	* `color` draws the row's own indicator, for a chart whose color is not the
+	* same for every row.
+	*/
+	const tooltipFor = (row, value, color) => componentToString(config.value, chart_tooltip_content_default, {
+		labelFormatter: xLabel,
+		...color === void 0 ? {} : { color }
+	})?.({ [props.yField]: value }, row.index) ?? "";
 	return {
 		rows,
 		config,

package/dist/components/index.js

@@ -23,6 +23,7 @@ import skeleton_default from "./ui/skeleton.js";
 import logout_default from "./admin/auth/logout.js";
 import user_menu_default from "./admin/layout/user-menu.js";
 import app_bar_default from "./admin/layout/app-bar.js";
+import keyboard_shortcut_default from "./admin/common/keyboard-shortcut.js";
 import menu_item_link_default from "./admin/layout/menu-item-link.js";
 import dashboard_menu_item_default from "./admin/layout/dashboard-menu-item.js";
 import resource_menu_item_default from "./admin/layout/resource-menu-item.js";
@@ -90,7 +91,6 @@ import field_label_text_default from "./admin/common/field-label-text.js";
 import i18n_key_editor_default from "./admin/common/i18n-key-editor.js";
 import icon_button_with_tooltip_default from "./admin/common/icon-button-with-tooltip.js";
 import input_helper_text_default from "./admin/common/input-helper-text.js";
-import keyboard_shortcut_default from "./admin/common/keyboard-shortcut.js";
 import link_default from "./admin/common/link.js";
 import title_default from "./admin/layout/title.js";
 import error_default from "./admin/feedback/error.js";
@@ -201,7 +201,6 @@ import command_group_default from "./ui/command/command-group.js";
 import command_input_default from "./ui/command/command-input.js";
 import command_item_default from "./ui/command/command-item.js";
 import { CommandEmpty, CommandList, CommandSeparator, CommandShortcut } from "./ui/command/parts.js";
-import sheet_default from "./ui/sheet.js";
 import command_menu_default from "./admin/layout/command-menu.js";
 import data_provider_devtools_default from "./admin/layout/data-provider-devtools.js";
 import hide_on_scroll_default from "./admin/layout/hide-on-scroll.js";
@@ -209,6 +208,7 @@ import onboarding_tour_default from "./admin/layout/onboarding-tour.js";
 import top_toolbar_default from "./admin/layout/top-toolbar.js";
 import textarea_default from "./ui/textarea.js";
 import approval_queue_default from "./admin/list/approval-queue.js";
+import sheet_default from "./ui/sheet.js";
 import bulk_edit_drawer_default from "./admin/list/bulk-edit-drawer.js";
 import calendar_list_default from "./admin/list/calendar-list.js";
 import count_default from "./admin/list/count.js";

package/dist/components/inspector/configurable.vue.d.ts

@@ -1,24 +1,3 @@
-/**
- * `<Configurable>` — marks a piece of the page as configurable. While the
- * inspector's configure mode is on it is outlined and shows a Customize button
- * that opens its `#editor` slot in the panel. The Vue twin of
- * `@chelone/react`'s `Configurable`. Without an `<Inspector>` it renders its
- * default slot and nothing else.
- *
- * The wrapper is there whether or not the mode is on, so turning it on never
- * remounts the content.
- *
- * The editor is teleported into the panel, so it reads the contexts around this
- * (resource, list, record), not the ones around the `<Inspector>`.
- *
- * @example
- * <Configurable preference-key="posts.columns" title="Columns">
- *   <PostTable />
- *   <template #editor>
- *     <SortableFieldsSelector store-key="posts.datatable" />
- *   </template>
- * </Configurable>
- */
 import { type VNode } from "vue";
 /** Props for {@link Configurable}. */
 export interface ConfigurableProps {

package/dist/components/inspector/configurable.vue_vue_type_script_setup_true_lang.js

@@ -4,6 +4,7 @@ import { SlidersHorizontalIcon } from "../admin/buttons/icons.js";
 import button_default from "../ui/button.js";
 import { useInspector, useInspectorBody } from "./inspector-context.js";
 import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, onScopeDispose, openBlock, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
+import { INSPECTOR_OPEN_LABEL } from "@chelone/core";
 // src/components/inspector/configurable.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-inspector-enabled", "data-selected"];
 var configurable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -40,7 +41,6 @@ var configurable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const translate = useTranslate();
 		const inspector = useInspector();
 		const body = useInspectorBody();
-		const defaultOpenLabel = "chelone.inspector.customize";
 		const enabled = computed(() => inspector?.value.enabled ?? false);
 		const isSelected = computed(() => inspector?.value.selected?.key === props.preferenceKey);
 		const editor = () => [];
@@ -71,7 +71,7 @@ var configurable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					class: "absolute top-1 right-1 z-10 h-6 gap-1 px-2 text-xs opacity-0 focus-visible:opacity-100 group-focus-within/configurable:opacity-100 group-hover/configurable:opacity-100 group-data-[selected]/configurable:opacity-100",
 					onClick: open
 				}, {
-					default: withCtx(() => [createVNode(unref(SlidersHorizontalIcon)), createTextVNode(" " + toDisplayString(unref(translate)(props.openButtonLabel ?? defaultOpenLabel, { _: props.openButtonLabel ?? "Customize" })), 1)]),
+					default: withCtx(() => [createVNode(unref(SlidersHorizontalIcon)), createTextVNode(" " + toDisplayString(unref(translate)(props.openButtonLabel ?? unref(INSPECTOR_OPEN_LABEL), { _: props.openButtonLabel ?? "Customize" })), 1)]),
 					_: 1
 				})) : createCommentVNode("", true),
 				isSelected.value && unref(body) ? (openBlock(), createBlock(Teleport, {

package/dist/components/inspector/inspector.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import { XIcon } from "../admin/buttons/icons.js";
 import button_default from "../ui/button.js";
 import { provideInspector, provideInspectorBody } from "./inspector-context.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref, withCtx } from "vue";
-import { clampInspectorPosition, createInspector, inspectorPositionKey } from "@chelone/core";
+import { INSPECTOR_KEY_STEP, PANEL_WIDTH, clampInspectorPosition, createInspector, inspectorPositionKey } from "@chelone/core";
 // src/components/inspector/inspector.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var _hoisted_2 = ["aria-label"];
@@ -37,24 +37,22 @@ var inspector_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		*   </template>
 		* </Admin>
 		*/
-		const PANEL_WIDTH = 320;
-		const KEY_STEP = 16;
 		const ARROWS = {
 			ArrowLeft: {
-				x: -16,
+				x: -INSPECTOR_KEY_STEP,
 				y: 0
 			},
 			ArrowRight: {
-				x: KEY_STEP,
+				x: INSPECTOR_KEY_STEP,
 				y: 0
 			},
 			ArrowUp: {
 				x: 0,
-				y: -16
+				y: -INSPECTOR_KEY_STEP
 			},
 			ArrowDown: {
 				x: 0,
-				y: KEY_STEP
+				y: INSPECTOR_KEY_STEP
 			}
 		};
 		const props = __props;
@@ -142,7 +140,7 @@ var inspector_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				style: normalizeStyle({
 					left: `${position.value.x}px`,
 					top: `${position.value.y}px`,
-					width: `${PANEL_WIDTH}px`
+					width: `${unref(PANEL_WIDTH)}px`
 				}),
 				class: normalizeClass(unref(cn)("fixed z-50 flex max-h-[80vh] max-w-[calc(100vw-1rem)] flex-col rounded-lg border bg-popover text-popover-foreground shadow-lg", props.class))
 			}, [createElementVNode("div", {

package/dist/components/kanban/kanban-board.vue.d.ts

@@ -1,7 +1,7 @@
 import { type VNode } from "vue";
-import type { KanbanColumnDef, LooseRecord, SourceKey, SourceProp } from "@chelone/core";
+import type { KanbanColumnDef, LooseRecord, ResourceRecord, SourceKey, SourceProp } from "@chelone/core";
 /** Props for {@link KanbanBoard}. */
-export interface KanbanBoardProps<TRecord extends LooseRecord = LooseRecord> {
+export interface KanbanBoardProps<TRecord extends ResourceRecord = LooseRecord> {
     /**
      * The top-level field whose value names a column; a drop writes the target
      * column's `id` to it.
@@ -22,7 +22,7 @@ export interface KanbanBoardProps<TRecord extends LooseRecord = LooseRecord> {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: <TRecord 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<{
+declare const __VLS_export: <TRecord extends ResourceRecord = 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<KanbanBoardProps<TRecord> & {
         "onSelect-card"?: ((record: TRecord) => any) | undefined;
     }> & (typeof globalThis extends {

package/dist/components/kanban/kanban-board.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,7 @@ import { ArrowRightLeftIcon } from "../admin/list/list-icons.js";
 import kanban_draggable_card_default from "./kanban-draggable-card.js";
 import kanban_drop_area_default from "./kanban-drop-area.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
-import { buildKanbanBuckets, getAtPath, planKanbanMove } from "@chelone/core";
+import { buildKanbanBuckets, getAtPath, isLooseRecord, planKanbanMove } from "@chelone/core";
 import { PointerSensor } from "@dnd-kit/dom";
 import { DragDropProvider } from "@dnd-kit/vue";
 // src/components/kanban/kanban-board.vue?vue&type=script&setup=true&lang.ts
@@ -115,9 +115,14 @@ var kanban_board_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		};
 		const buckets = computed(() => buildKanbanBuckets(list.data ?? [], props.groupSource, props.columns));
 		function move(record, targetColumnId) {
+			if (!isLooseRecord(record)) return;
 			const plan = planKanbanMove(record, props.groupSource, props.columns, targetColumnId);
 			if (!plan) return;
-			update.mutateAsync(plan).catch(() => {
+			update.mutateAsync({
+				id: plan.id,
+				data: plan.data,
+				previousData: record
+			}).catch(() => {
 				notifications?.notify("chelone.notification.http_error", { type: "error" });
 			});
 		}

package/dist/components/maps/bbox-field.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useFieldValue } from "../../record/use-field-value.js";
 import geo_json_field_default from "./geo-json-field.js";
 import { computed, createBlock, defineComponent, normalizeClass, openBlock } from "vue";
-import { bboxToPolygon } from "@chelone/core";
+import { DEFAULT_FIT_PADDING, DEFAULT_MAP_HEIGHT, DEFAULT_MAX_FIT_ZOOM, bboxToPolygon } from "@chelone/core";
 // src/components/maps/bbox-field.vue?vue&type=script&setup=true&lang.ts
 var bbox_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "bbox-field",
@@ -10,7 +10,7 @@ var bbox_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		record: {},
 		defaultValue: {},
 		emptyText: {},
-		height: { default: 300 },
+		height: { default: DEFAULT_MAP_HEIGHT },
 		mapStyle: {},
 		scrollZoom: {
 			type: Boolean,
@@ -22,8 +22,8 @@ var bbox_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			type: Boolean,
 			default: true
 		},
-		fitPadding: { default: 20 },
-		maxFitZoom: { default: 18 }
+		fitPadding: { default: DEFAULT_FIT_PADDING },
+		maxFitZoom: { default: DEFAULT_MAX_FIT_ZOOM }
 	},
 	setup(__props) {
 		/**

package/dist/components/maps/geo-json-field.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import { cn } from "../../lib/utils.js";
 import { useFieldValue } from "../../record/use-field-value.js";
 import geo_json_view_default from "./geo-json-view.js";
 import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref } from "vue";
-import { geoBounds, isGeoJsonValue, isLngLatBox } from "@chelone/core";
+import { DEFAULT_FIT_PADDING, DEFAULT_MAP_HEIGHT, DEFAULT_MAX_FIT_ZOOM, geoBounds, isGeoJsonValue, isLngLatBox } from "@chelone/core";
 // src/components/maps/geo-json-field.vue?vue&type=script&setup=true&lang.ts
 var geo_json_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "geo-json-field",
@@ -12,7 +12,7 @@ var geo_json_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		record: {},
 		defaultValue: {},
 		emptyText: {},
-		height: { default: 300 },
+		height: { default: DEFAULT_MAP_HEIGHT },
 		mapStyle: {},
 		scrollZoom: {
 			type: Boolean,
@@ -24,8 +24,8 @@ var geo_json_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			type: Boolean,
 			default: true
 		},
-		fitPadding: { default: 20 },
-		maxFitZoom: { default: 18 }
+		fitPadding: { default: DEFAULT_FIT_PADDING },
+		maxFitZoom: { default: DEFAULT_MAX_FIT_ZOOM }
 	},
 	setup(__props) {
 		/**

package/dist/components/maps/geo-json-layers.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { uniqueGeoJsonSourceId, useGeoJsonSource } from "./use-geo-json-source.js";
 import { useMap } from "./use-map.js";
 import { computed, defineComponent, toRaw, watch } from "vue";
-import { asFeatureCollection, geoBounds, isLngLatBox } from "@chelone/core";
+import { DEFAULT_FIT_PADDING, DEFAULT_MAX_FIT_ZOOM, asFeatureCollection, geoBounds, isLngLatBox } from "@chelone/core";
 // src/components/maps/geo-json-layers.vue?vue&type=script&setup=true&lang.ts
 var geo_json_layers_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "geo-json-layers",
@@ -12,8 +12,8 @@ var geo_json_layers_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			type: Boolean,
 			default: true
 		},
-		fitPadding: { default: 20 },
-		maxFitZoom: { default: 18 }
+		fitPadding: { default: DEFAULT_FIT_PADDING },
+		maxFitZoom: { default: DEFAULT_MAX_FIT_ZOOM }
 	},
 	setup(__props) {
 		/**

package/dist/components/maps/geo-json-view.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import geo_json_layers_default from "./geo-json-layers.js";
 import map_canvas_default from "./map-canvas.js";
 import { createBlock, createVNode, defineComponent, normalizeClass, openBlock, withCtx } from "vue";
+import { DEFAULT_FIT_PADDING, DEFAULT_MAX_FIT_ZOOM } from "@chelone/core";
 // src/components/maps/geo-json-view.vue?vue&type=script&setup=true&lang.ts
 var geo_json_view_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "geo-json-view",
@@ -18,8 +19,8 @@ var geo_json_view_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			type: Boolean,
 			default: true
 		},
-		fitPadding: { default: 20 },
-		maxFitZoom: { default: 18 }
+		fitPadding: { default: DEFAULT_FIT_PADDING },
+		maxFitZoom: { default: DEFAULT_MAX_FIT_ZOOM }
 	},
 	setup(__props) {
 		/**

package/dist/components/maps/lat-lng-field.vue_vue_type_script_setup_true_lang.js

@@ -4,6 +4,7 @@ import map_canvas_default from "./map-canvas.js";
 import { useCoordinates } from "./use-coordinates.js";
 import { MapMarker } from "./use-map.js";
 import { computed, createBlock, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { DEFAULT_MAP_HEIGHT, LATITUDE_LIMIT, LONGITUDE_LIMIT } from "@chelone/core";
 // src/components/maps/lat-lng-field.vue?vue&type=script&setup=true&lang.ts
 var lat_lng_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "lat-lng-field",
@@ -32,10 +33,10 @@ var lat_lng_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		function inRange(value, limit) {
 			return value !== null && Math.abs(value) <= limit ? value : null;
 		}
-		const lat = computed(() => inRange(coordinates.lat.value, 90));
-		const lng = computed(() => inRange(coordinates.lng.value, 180));
+		const lat = computed(() => inRange(coordinates.lat.value, LATITUDE_LIMIT));
+		const lng = computed(() => inRange(coordinates.lng.value, LONGITUDE_LIMIT));
 		const cssHeight = computed(() => {
-			const height = props.height ?? 300;
+			const height = props.height ?? DEFAULT_MAP_HEIGHT;
 			return typeof height === "number" ? `${height}px` : height;
 		});
 		return (_ctx, _cache) => {

package/dist/components/maps/lat-lng-input.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,7 @@ import input_default from "../ui/input.js";
 import map_canvas_default from "./map-canvas.js";
 import { MapMarker, useMap } from "./use-map.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
-import { latitude, longitude, toCoordinate } from "@chelone/core";
+import { DEFAULT_MAP_HEIGHT, DEFAULT_MAP_ZOOM, LATITUDE_LIMIT, LONGITUDE_LIMIT, latitude, longitude, toCoordinate, wrapLongitude } from "@chelone/core";
 // src/components/maps/lat-lng-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-invalid"];
 var _hoisted_2 = {
@@ -80,8 +80,8 @@ var lat_lng_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		latValidate: {},
 		lngValidate: {},
 		defaultPosition: { default: () => [0, 0] },
-		zoom: { default: 13 },
-		height: { default: 300 },
+		zoom: { default: DEFAULT_MAP_ZOOM },
+		height: { default: DEFAULT_MAP_HEIGHT },
 		mapStyle: {},
 		disabled: {
 			type: Boolean,
@@ -111,8 +111,6 @@ var lat_lng_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		}
 		/** About 10 cm, so the text fields stay readable. */
 		const round6 = (value) => Math.round(value * 1e6) / 1e6;
-		/** A click on a repeated copy of the world reports a longitude past 180. */
-		const wrapLng = (lng) => Math.abs(lng) <= 180 ? lng : ((lng + 180) % 360 + 360) % 360 - 180;
 		/** Digits with an optional sign and point: what a coordinate looks like while it is typed. */
 		const TYPING = /^[+-]?\d*\.?\d*$/;
 		/** MapLibre throws on a coordinate outside its range. */
@@ -162,7 +160,7 @@ var lat_lng_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const position = computed(() => {
 			const a = lat.stored.value;
 			const b = lng.stored.value;
-			return inRange(a, 90) && inRange(b, 180) ? [a, b] : null;
+			return inRange(a, LATITUDE_LIMIT) && inRange(b, LONGITUDE_LIMIT) ? [a, b] : null;
 		});
 		const center = computed(() => position.value ?? props.defaultPosition);
 		const invalid = computed(() => lat.invalid.value || lng.invalid.value);
@@ -170,7 +168,7 @@ var lat_lng_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const gesture = { current: null };
 		function place(rawLat, rawLng) {
 			const nextLat = round6(rawLat);
-			const nextLng = round6(wrapLng(rawLng));
+			const nextLng = round6(wrapLongitude(rawLng));
 			gesture.current = [nextLat, nextLng];
 			lat.setValue(nextLat);
 			lat.blur();

package/dist/components/maps/map-canvas.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { useTranslate } from "../../i18n/use-translate.js";
 import { cn } from "../../lib/utils.js";
 import { provideMap, useMapsConfig } from "./use-map.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref } from "vue";
-import { latLngToLngLat } from "@chelone/core";
+import { DEFAULT_MAP_HEIGHT, DEFAULT_MAP_ZOOM, latLngToLngLat } from "@chelone/core";
 import { Map } from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 // src/components/maps/map-canvas.vue?vue&type=script&setup=true&lang.ts
@@ -16,8 +16,8 @@ var map_canvas_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 	__name: "map-canvas",
 	props: {
 		center: { default: () => [0, 0] },
-		zoom: { default: 13 },
-		height: { default: 300 },
+		zoom: { default: DEFAULT_MAP_ZOOM },
+		height: { default: DEFAULT_MAP_HEIGHT },
 		mapStyle: {},
 		scrollZoom: {
 			type: Boolean,

package/dist/components/maps/use-map.js

@@ -1,5 +1,5 @@
 import { defineComponent, inject, onBeforeUnmount, provide, toValue, watch } from "vue";
-import { latLngToLngLat } from "@chelone/core";
+import { DEFAULT_PIN_COLOR, PIN_NS, latLngToLngLat } from "@chelone/core";
 import { Marker } from "maplibre-gl";
 // src/components/maps/use-map.ts
 var MapsConfigKey = Symbol("chelone-maps-config");
@@ -53,8 +53,6 @@ function useMap() {
 	if (!map) throw new Error("useMap must be used inside a <MapCanvas>.");
 	return map;
 }
-var PIN_NS = "http://www.w3.org/2000/svg";
-var DEFAULT_PIN_COLOR = "#dc2626";
 /** A pin whose tip is the bottom edge of the element. */
 function createPin(color) {
 	const svg = document.createElementNS(PIN_NS, "svg");

package/dist/components/maps-draw/shape-input.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ import { uniqueGeoJsonSourceId, useGeoJsonSource } from "../maps/use-geo-json-so
 import { useMap } from "../maps/use-map.js";
 import { useTerraDraw } from "./use-terra-draw.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, shallowRef, toDisplayString, toRaw, unref, watch, withCtx } from "vue";
-import { deepEqual, featuresToShape, geoBounds, heldFeatures, isLngLatBox, maxVertices, minAreaM2, minVertices, noSelfIntersection, shapeToFeatures } from "@chelone/core";
+import { DEFAULT_FIT_PADDING, DEFAULT_MAP_HEIGHT, DEFAULT_MAP_ZOOM, DEFAULT_MAX_FIT_ZOOM, deepEqual, featuresToShape, geoBounds, heldFeatures, isLngLatBox, maxVertices, minAreaM2, minVertices, noSelfIntersection, shapeToFeatures } from "@chelone/core";
 // src/components/maps-draw/shape-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-invalid"];
 var _hoisted_2 = {
@@ -110,8 +110,8 @@ var Editor = defineComponent((props, { emit }) => {
 		if (props.getValue() === props.written.current) return;
 		if (!isLngLatBox(corners)) return;
 		map.fitBounds(corners, {
-			padding: 20,
-			maxZoom: 18,
+			padding: DEFAULT_FIT_PADDING,
+			maxZoom: DEFAULT_MAX_FIT_ZOOM,
 			duration: 0
 		});
 	}, { immediate: true });
@@ -200,8 +200,8 @@ var shape_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			default: false
 		},
 		defaultCenter: { default: () => [0, 0] },
-		zoom: { default: 13 },
-		height: { default: 300 },
+		zoom: { default: DEFAULT_MAP_ZOOM },
+		height: { default: DEFAULT_MAP_HEIGHT },
 		mapStyle: { default: void 0 },
 		shapeStyle: { default: void 0 },
 		aspectRatio: { default: void 0 },