@chelone/vue 0.7.0 → 0.9.0

package/dist/components/admin/layout/data-provider-devtools-entry.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { DEVTOOLS_MAX_VALUE_LENGTH } from "@chelone/core";
 // src/components/admin/layout/data-provider-devtools-entry.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-status"];
 var _hoisted_2 = { class: "flex items-baseline gap-2" };
@@ -17,8 +18,6 @@ var _hoisted_10 = { class: "max-h-48 overflow-auto rounded bg-muted p-2 whitespa
 var _hoisted_11 = { key: 1 };
 var _hoisted_12 = { class: "text-muted-foreground" };
 var _hoisted_13 = { class: "max-h-48 overflow-auto rounded bg-muted p-2 whitespace-pre-wrap break-all" };
-var maxValueLength = 2e3;
-/** The value as indented JSON cut to `maxValueLength`, or `undefined` when there is none to show. */
 var data_provider_devtools_entry_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "data-provider-devtools-entry",
 	props: { entry: {} },
@@ -30,9 +29,10 @@ var data_provider_devtools_entry_vue_vue_type_script_setup_true_lang_default = /
 		*/
 		const props = __props;
 		const translate = useTranslate();
+		/** The value as indented JSON cut to `DEVTOOLS_MAX_VALUE_LENGTH`, or `undefined` when there is none to show. */
 		function show(value) {
 			try {
-				return JSON.stringify(value, null, 2)?.slice(0, maxValueLength);
+				return JSON.stringify(value, null, 2)?.slice(0, DEVTOOLS_MAX_VALUE_LENGTH);
 			} catch {
 				return "[unserializable]";
 			}

package/dist/components/admin/layout/data-provider-devtools.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,7 @@ var _hoisted_5 = {
 };
 var _hoisted_6 = {
 	key: 1,
-	class: "overflow-y-auto"
+	class: "min-h-0 flex-1 overflow-y-auto"
 };
 var data_provider_devtools_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "data-provider-devtools",

package/dist/components/admin/layout/layout.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import { createBlock, createElementVNode, createVNode, defineComponent, openBloc
 // src/components/admin/layout/layout.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	"data-slot": "layout-main",
-	class: "ml-auto flex h-svh w-full max-w-full flex-1 flex-col"
+	class: "ml-auto flex h-svh w-full max-w-full min-w-0 flex-1 flex-col"
 };
 var _hoisted_2 = {
 	id: "main-content",

package/dist/components/admin/layout/menu-item-link.vue.d.ts

@@ -21,6 +21,11 @@ export interface MenuItemLinkProps {
     class?: string;
     /** Click handler invoked alongside the default navigation (e.g. close the mobile drawer). */
     onClick?: () => void;
+    /**
+     * Keys that navigate to `to` from anywhere on the page, such as `"mod+1"` or
+     * `"alt+/"`, shown after the label. `mod` is Cmd or Ctrl.
+     */
+    keyboardShortcut?: string;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/admin/layout/menu-item-link.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,12 @@
 import { useTranslate } from "../../../i18n/use-translate.js";
 import { useBasename } from "../../../router/adapter.js";
-import { useMatch } from "../../../router/nav-composables.js";
+import { useMatch, useNavigate } from "../../../router/nav-composables.js";
 import { SidebarContextKey } from "../../ui/sidebar/sidebar-context.js";
 import sidebar_menu_button_default from "../../ui/sidebar/sidebar-menu-button.js";
 import { SidebarMenuItem } from "../../ui/sidebar/sidebar-parts.js";
-import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import keyboard_shortcut_default from "../common/keyboard-shortcut.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, onMounted, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { shouldHandleHotkey } from "@chelone/core";
 import { RouterLink } from "vue-router";
 // src/components/admin/layout/menu-item-link.vue?vue&type=script&setup=true&lang.ts
 var menu_item_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -14,7 +16,8 @@ var menu_item_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		label: {},
 		icon: {},
 		class: {},
-		onClick: { type: Function }
+		onClick: { type: Function },
+		keyboardShortcut: {}
 	},
 	setup(__props) {
 		/**
@@ -27,10 +30,11 @@ var menu_item_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		* building block for `<DashboardMenuItem>` / `<ResourceMenuItem>` and for custom
 		* `<Menu>` children.
 		*
-		* Vue divergences from the React twin: the keyboard-shortcut binding and the
-		* collapsed-rail `<Tooltip>` wrapper are NOT ported yet (those React
-		* sub-components have no Vue twin in this wave) — a later surface-parity wave.
-		* Navigation uses vue-router's `<RouterLink>` (the framework link), and `onClick`
+		* Vue divergences from the React twin: the collapsed-rail `<Tooltip>` wrapper
+		* is NOT ported yet (that React sub-component has no Vue twin in this wave) — a
+		* later surface-parity wave. `keyboardShortcut` reads core's hotkey grammar
+		* (`mod`, `shift`, `alt`), so `ctrl` and `cmd` are not aliases here, and
+		* `keyboardShortcutRepresentation` has no slot yet. Navigation uses vue-router's `<RouterLink>` (the framework link), and `onClick`
 		* is a prop invoked on click rather than a synthetic-event handler.
 		*/
 		const props = __props;
@@ -43,6 +47,16 @@ var menu_item_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		});
 		const isActive = computed(() => match.value != null);
 		const text = computed(() => translate(props.label, { _: props.label }));
+		const navigate = useNavigate();
+		function onShortcut(event) {
+			if (!props.keyboardShortcut) return;
+			const target = event.target instanceof HTMLElement ? event.target : null;
+			if (!shouldHandleHotkey(event, props.keyboardShortcut, target)) return;
+			event.preventDefault();
+			navigate(props.to);
+		}
+		onMounted(() => window.addEventListener("keydown", onShortcut));
+		onBeforeUnmount(() => window.removeEventListener("keydown", onShortcut));
 		function onClick() {
 			props.onClick?.();
 			if (sidebar?.openMobile.value) sidebar.setOpenMobile(false);
@@ -59,7 +73,12 @@ var menu_item_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					default: withCtx(() => [
 						__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true),
 						renderSlot(_ctx.$slots, "icon"),
-						createElementVNode("span", null, toDisplayString(text.value), 1)
+						createElementVNode("span", null, toDisplayString(text.value), 1),
+						__props.keyboardShortcut ? (openBlock(), createBlock(keyboard_shortcut_default, {
+							key: 1,
+							"keyboard-shortcut": __props.keyboardShortcut,
+							class: "ml-auto"
+						}, null, 8, ["keyboard-shortcut"])) : createCommentVNode("", true)
 					]),
 					_: 3
 				}, 8, [

package/dist/components/admin/layout/onboarding-tour-overlay.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useTranslate } from "../../../i18n/use-translate.js";
 import button_default from "../../ui/button.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
-import { placeTourCard, tourSpotlightPath } from "@chelone/core";
+import { REMEASURE_MS, placeTourCard, tourSpotlightPath } from "@chelone/core";
 // src/components/admin/layout/onboarding-tour-overlay.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { "data-slot": "onboarding-tour" };
 var _hoisted_2 = ["data-side", "aria-labelledby"];
@@ -9,7 +9,6 @@ var _hoisted_3 = { class: "text-sm text-muted-foreground" };
 var _hoisted_4 = { class: "mt-4 flex items-center gap-2" };
 var _hoisted_5 = { class: "mr-auto text-xs text-muted-foreground" };
 var nextTitleId = 0;
-var REMEASURE_MS = 250;
 function findTarget(selector) {
 	try {
 		return document.querySelector(selector);

package/dist/components/admin/layout/resource-menu-item-group.vue.d.ts

@@ -14,4 +14,11 @@ export interface ResourceMenuItemGroupProps {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<ResourceMenuItemGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ResourceMenuItemGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ResourceMenuItemGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ResourceMenuItemGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/layout/resource-menu-item-group.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useResourceRegistry } from "../../../admin/resource-registry.js";
 import { SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu } from "../../ui/sidebar/sidebar-parts.js";
 import resource_menu_item_default from "./resource-menu-item.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
 // src/components/admin/layout/resource-menu-item-group.vue?vue&type=script&setup=true&lang.ts
 var resource_menu_item_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "resource-menu-item-group",
@@ -23,13 +23,14 @@ var resource_menu_item_group_vue_vue_type_script_setup_true_lang_default = /*@__
 		* `options.group` bag yet, so there is no auto-grouping and a labeled group
 		* renders a plain `<SidebarGroupLabel>` rather than a collapsible section (the
 		* React twin's `<Collapsible>` has no Vue twin in this wave). The `label`/
-		* `resources` props still let an author build explicit sections by hand.
+		* `resources` props still let an author build explicit sections by hand. The
+		* default slot adds entries after the resources, inside the group.
 		*/
 		const props = __props;
 		const registry = useResourceRegistry();
 		const names = computed(() => props.resources ?? Object.keys(registry.definitions).filter((name) => registry.definitions[name]?.list != null));
 		return (_ctx, _cache) => {
-			return names.value.length > 0 ? (openBlock(), createBlock(unref(SidebarGroup), {
+			return names.value.length > 0 || _ctx.$slots.default ? (openBlock(), createBlock(unref(SidebarGroup), {
 				key: 0,
 				class: normalizeClass(props.class)
 			}, {
@@ -43,12 +44,12 @@ var resource_menu_item_group_vue_vue_type_script_setup_true_lang_default = /*@__
 								key: name,
 								name
 							}, null, 8, ["name"]);
-						}), 128))]),
-						_: 1
+						}), 128)), renderSlot(_ctx.$slots, "default")]),
+						_: 3
 					}, 8, ["class"])]),
-					_: 1
+					_: 3
 				})]),
-				_: 1
+				_: 3
 			}, 8, ["class"])) : createCommentVNode("", true);
 		};
 	}

package/dist/components/admin/layout/theme-provider.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,12 @@
 import { ThemeContextKey, resolveTheme } from "./theme-context.js";
 import { defineComponent, provide, ref, renderSlot, watchEffect } from "vue";
+import { DEFAULT_THEME_STORAGE_KEY } from "@chelone/core";
 // src/components/admin/layout/theme-provider.vue?vue&type=script&setup=true&lang.ts
 var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "theme-provider",
 	props: {
 		defaultTheme: { default: "system" },
-		storageKey: { default: "chelone-theme" }
+		storageKey: { default: DEFAULT_THEME_STORAGE_KEY }
 	},
 	setup(__props) {
 		/**

package/dist/components/admin/layout/title-portal-id.d.ts

@@ -4,4 +4,4 @@
  * sibling so `title-portal.vue` stays component-only. Matches the React twin's
  * `TITLE_PORTAL_ID` so the two adapters share the same portal contract.
  */
-export declare const TITLE_PORTAL_ID = "chelone-title-portal";
+export { TITLE_PORTAL_ID } from "@chelone/core";

package/dist/components/admin/layout/title-portal-id.js

@@ -1,9 +1 @@
-// src/components/admin/layout/title-portal-id.ts
-/**
-* The DOM id of the app-bar title portal target. `<TitlePortal>` reserves the
-* element with this id; a page `<Title>` teleports into it. Kept in a `.ts`
-* sibling so `title-portal.vue` stays component-only. Matches the React twin's
-* `TITLE_PORTAL_ID` so the two adapters share the same portal contract.
-*/
-var TITLE_PORTAL_ID = "chelone-title-portal";
-export { TITLE_PORTAL_ID };
+export { TITLE_PORTAL_ID } from "@chelone/core";

package/dist/components/admin/layout/top-toolbar.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,10 @@ var top_toolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		*/
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("flex items-center justify-end gap-2 mb-2", props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "top-toolbar",
+				class: normalizeClass(unref(cn)("flex items-center justify-end gap-2 mb-2", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });

package/dist/components/admin/list/approval-queue-row.vue.d.ts

@@ -3,10 +3,10 @@
  * `<DualApprovalButton>` and a Reject that opens a reason form. It owns the
  * form and the rejection write, and publishes its record as the ambient one.
  */
-import { type LooseRecord } from "@chelone/core";
+import { type LooseRecord, type ResourceRecord } from "@chelone/core";
 import { type VNode } from "vue";
 import type { ApprovalQueueProps } from "./approval-queue.vue.js";
-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<Omit<ApprovalQueueProps<TRecord>, "class"> & {
         record: TRecord;
     }> & (typeof globalThis extends {

package/dist/components/admin/list/approval-queue-row.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,7 @@ import textarea_default from "../../ui/textarea.js";
 import dual_approval_button_default from "../buttons/dual-approval-button.js";
 import { useMenuAccess } from "../layout/use-menu-access.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, toRef, unref, useId, withCtx, withModifiers } from "vue";
-import { buildRejectionUpdate, getAtPath } from "@chelone/core";
+import { buildRejectionUpdate, getAtPath, isLooseRecord } from "@chelone/core";
 import { useIsMutating } from "@tanstack/vue-query";
 // src/components/admin/list/approval-queue-row.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex flex-wrap items-center gap-3" };
@@ -100,7 +100,7 @@ var approval_queue_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 		}
 		async function confirm() {
 			const data = rejection.value;
-			if (!data) return;
+			if (!data || !isLooseRecord(props.record)) return;
 			const request = update.mutateAsync({
 				id: props.record.id,
 				data,

package/dist/components/admin/list/approval-queue.vue.d.ts

@@ -16,9 +16,9 @@
  * </List>
  */
 import { type VNode } from "vue";
-import type { LooseRecord, MutationMode, SourceProp } from "@chelone/core";
+import type { LooseRecord, ResourceRecord, MutationMode, SourceProp } from "@chelone/core";
 /** Props for {@link ApprovalQueue}. */
-export interface ApprovalQueueProps<TRecord extends LooseRecord = LooseRecord> {
+export interface ApprovalQueueProps<TRecord extends ResourceRecord = LooseRecord> {
     /** The field shown as the row title; the record representation when it is null or undefined. */
     titleSource?: SourceProp<TRecord>;
     /** The field shown as a second line when its value is not empty. */
@@ -47,7 +47,7 @@ export interface ApprovalQueueProps<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<ApprovalQueueProps<TRecord>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/admin/list/calendar-agenda-view.vue.d.ts

@@ -1,29 +1,37 @@
 import { type VNode } from "vue";
 import type { CalendarEventSlotProps } from "./calendar-month-view.vue.js";
-import type { CalendarEvent, CalendarLabels, CalendarRange, LooseRecord } from "@chelone/core";
+import type { CalendarEvent, CalendarLabels, CalendarRange, LooseRecord, ResourceRecord } from "@chelone/core";
 /** Props for {@link CalendarAgendaView}. */
-export interface CalendarAgendaViewProps {
+export interface CalendarAgendaViewProps<TRecord extends ResourceRecord = LooseRecord> {
     range: CalendarRange;
     labels: CalendarLabels;
     /** The label of the list. */
     label: string;
-    events: CalendarEvent<LooseRecord>[];
+    events: CalendarEvent<TRecord>[];
     /** The link an event is, when it navigates. */
-    hrefFor: (record: LooseRecord) => string | undefined;
+    hrefFor: (record: TRecord) => string | undefined;
     /** Whether activating the event does anything: it is inert otherwise. */
-    isSelectable: (record: LooseRecord) => boolean;
+    isSelectable: (record: TRecord) => boolean;
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CalendarAgendaViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    selectEvent: (record: LooseRecord) => any;
-}, string, import("vue").PublicProps, Readonly<CalendarAgendaViewProps> & Readonly<{
-    onSelectEvent?: ((record: LooseRecord) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    event?(props: CalendarEventSlotProps): VNode[];
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+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<CalendarAgendaViewProps<TRecord> & {
+        onSelectEvent?: ((record: TRecord) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        event?(props: CalendarEventSlotProps<TRecord>): VNode[];
     };
+    emit: (evt: "selectEvent", record: TRecord) => void;
+}>) => 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/admin/list/calendar-event.vue.d.ts

@@ -1,7 +1,7 @@
-import type { CalendarEvent, LooseRecord } from "@chelone/core";
+import type { CalendarEvent, LooseRecord, ResourceRecord } from "@chelone/core";
 /** Props for {@link CalendarEventButton}. */
-export interface CalendarEventProps {
-    event: CalendarEvent<LooseRecord>;
+export interface CalendarEventProps<TRecord extends ResourceRecord = LooseRecord> {
+    event: CalendarEvent<TRecord>;
     /** The link the event is, when it navigates. */
     href?: string;
     /** Whether activating the event does anything: it is inert otherwise. */
@@ -9,8 +9,21 @@ export interface CalendarEventProps {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<CalendarEventProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (record: LooseRecord) => any;
-}, string, import("vue").PublicProps, Readonly<CalendarEventProps> & Readonly<{
-    onSelect?: ((record: LooseRecord) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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<CalendarEventProps<TRecord> & {
+        onSelect?: ((record: TRecord) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "select", record: TRecord) => void;
+}>) => 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/admin/list/calendar-list.vue.d.ts

@@ -1,39 +1,17 @@
-/**
- * `<CalendarList>` — the records of the ambient `<List>` as events in a month
- * grid, or in a week of hour rows, or in an agenda. The Vue analog of `@chelone/react`'s `list/calendar-list.tsx`. It asks
- * the list for the visible range (and `perPage` records), so moving to another
- * month refetches; it removes that filter and restores `perPage` when it
- * unmounts. The filters the user set stay.
- *
- * Emits `select-event` with the record when an event is activated; with no
- * listener attached, the event navigates to the record's edit or show page.
- * Emits `select-slot` with `{ startISO, endISO, allDay }` when an empty part of
- * a day is clicked. With a `drop` listener attached, month-view events can be
- * dragged to another day; `drop` carries the record and its new `{ start, end? }`
- * as ISO strings and the list is not updated. A promise the listener returns is
- * the caller's to handle. The `#event` slot replaces an event and the `#header` slot
- * the title and navigation.
- *
- * @example
- * <List>
- *   <CalendarList start-source="starts_at" end-source="ends_at" title-source="name" />
- * </List>
- */
-import { type LooseRecord } from "@chelone/core";
 import { type VNode } from "vue";
 import { type CalendarEventSlotProps, type CalendarDrop, type CalendarSlot } from "./calendar-month-view.vue.js";
-import type { CalendarRange, CalendarView, CalendarWeekStart, SourceProp } from "@chelone/core";
+import type { CalendarRange, CalendarView, CalendarWeekStart, LooseRecord, ResourceRecord, SourceProp } from "@chelone/core";
 import type { CalendarNavigateDirection } from "./calendar-header.vue.js";
 /** Props for {@link CalendarList}. */
-export interface CalendarListProps {
+export interface CalendarListProps<TRecord extends ResourceRecord = LooseRecord> {
     /** The field holding the start of an event; a dotted path reads a nested value. */
-    startSource: SourceProp;
+    startSource: SourceProp<TRecord>;
     /** The field holding the end. An event with none, or one before its start, covers its start day only. */
-    endSource?: SourceProp;
+    endSource?: SourceProp<TRecord>;
     /** The string field shown as the event title; the record representation otherwise. */
-    titleSource?: SourceProp;
+    titleSource?: SourceProp<TRecord>;
     /** The field whose value picks a color from `colorMap`. */
-    colorSource?: SourceProp;
+    colorSource?: SourceProp<TRecord>;
     colorMap?: Record<string, string>;
     /** The view shown first. Default `month`. */
     defaultView?: CalendarView;
@@ -74,33 +52,28 @@ export interface CalendarHeaderSlotProps {
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CalendarListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    drop: (record: LooseRecord, range: CalendarDrop) => any;
-    selectEvent: (record: LooseRecord) => any;
-    selectSlot: (slot: CalendarSlot) => any;
-}, string, import("vue").PublicProps, Readonly<CalendarListProps> & Readonly<{
-    onDrop?: ((record: LooseRecord, range: CalendarDrop) => any) | undefined;
-    onSelectEvent?: ((record: LooseRecord) => any) | undefined;
-    onSelectSlot?: ((slot: CalendarSlot) => any) | undefined;
-}>, {
-    perPage: number;
-    linkType: false | "edit" | "show";
-    titleSource: string;
-    views: CalendarView[];
-    endSource: string;
-    colorSource: string;
-    colorMap: Record<string, string>;
-    defaultView: CalendarView;
-    weekStartsOn: CalendarWeekStart;
-    rangeFilter: (range: CalendarRange) => Record<string, unknown>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    /** Replaces an event in its day cell. */
-    event?(props: CalendarEventSlotProps): VNode[];
-    /** Replaces the title and the navigation. */
-    header?(props: CalendarHeaderSlotProps): VNode[];
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+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<CalendarListProps<TRecord> & {
+        onDrop?: ((record: TRecord, range: CalendarDrop) => any) | undefined;
+        onSelectEvent?: ((record: TRecord) => any) | undefined;
+        onSelectSlot?: ((slot: CalendarSlot) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        /** Replaces an event in its day cell. */
+        event?(props: CalendarEventSlotProps<TRecord>): VNode[];
+        /** Replaces the title and the navigation. */
+        header?(props: CalendarHeaderSlotProps): VNode[];
     };
+    emit: ((evt: "drop", record: TRecord, range: CalendarDrop) => void) & ((evt: "selectEvent", record: TRecord) => void) & ((evt: "selectSlot", slot: CalendarSlot) => void);
+}>) => 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/admin/list/calendar-list.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,7 @@ import calendar_header_default from "./calendar-header.js";
 import calendar_month_view_default from "./calendar-month-view.js";
 import calendar_week_view_default from "./calendar-week-view.js";
 import { computed, createBlock, createElementBlock, createSlots, defineComponent, getCurrentInstance, guardReactiveProps, normalizeClass, normalizeProps, onBeforeUnmount, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
-import { calendarDays, calendarLabels, calendarRange, calendarRangeFilter, shiftCalendarAnchor, staleCalendarRangeKeys, toCalendarEvents } from "@chelone/core";
+import { DEFAULT_PER_PAGE, calendarDays, calendarLabels, calendarRange, calendarRangeFilter, shiftCalendarAnchor, staleCalendarRangeKeys, toCalendarEvents } from "@chelone/core";
 // src/components/admin/list/calendar-list.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-busy"];
 var calendar_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -109,18 +109,22 @@ var calendar_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const labels = computed(() => calendarLabels(locale.value));
 		const title = computed(() => labels.value.title(view.value, anchor.value, range.value));
 		const weekdays = computed(() => days.value.slice(0, 7).map((day) => labels.value.weekday(day)));
+		const pathOf = (source) => {
+			return source;
+		};
+		const pathOfOptional = (source) => source === void 0 ? void 0 : pathOf(source);
 		const events = computed(() => toCalendarEvents(list.data ?? [], {
-			startSource: props.startSource,
-			endSource: props.endSource,
-			titleSource: props.titleSource,
-			colorSource: props.colorSource,
+			startSource: pathOf(props.startSource),
+			endSource: pathOfOptional(props.endSource),
+			titleSource: pathOfOptional(props.titleSource),
+			colorSource: pathOfOptional(props.colorSource),
 			colorMap: props.colorMap,
 			getTitle: getRepresentation
 		}));
 		const rangeValue = computed(() => props.rangeFilter ? props.rangeFilter(range.value) : calendarRangeFilter(props.startSource, range.value, props.endSource));
 		const rangeStartISO = computed(() => range.value.start.toISOString());
 		const rangeEndISO = computed(() => range.value.end.toISOString());
-		const originalPerPage = list.perPage === props.perPage ? list.defaultPerPage ?? 10 : list.perPage;
+		const originalPerPage = list.perPage === props.perPage ? list.defaultPerPage ?? DEFAULT_PER_PAGE : list.perPage;
 		let appliedKeys = [];
 		const without = (filter, keys) => Object.fromEntries(Object.entries(filter).filter(([key]) => !keys.includes(key)));
 		const staleKeys = computed(() => props.rangeFilter ? [] : staleCalendarRangeKeys(props.startSource, props.endSource));
@@ -151,11 +155,11 @@ var calendar_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			});
 		});
 		const type = computed(() => props.linkType ?? (definition.value.hasEdit ? "edit" : definition.value.hasShow ? "show" : false));
-		const linkTo = (record) => resource && type.value ? createPath({
+		const linkTo = (record) => !resource || type.value === false ? void 0 : createPath({
 			resource,
 			id: record.id,
 			type: type.value
-		}) : void 0;
+		});
 		const hrefFor = (record) => hasListener() ? void 0 : linkTo(record);
 		const isSelectable = (record) => hasListener() || linkTo(record) !== void 0;
 		function onSelectEvent(record) {