@chelone/vue 0.0.0-stage → 0.1.0

package/dist/components/admin/list/saved-queries-list.vue.js

@@ -0,0 +1,160 @@
+import { defineComponent, ref, computed, toRaw, watch, openBlock, createElementBlock, normalizeClass, unref, Fragment, renderList, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, withModifiers, createBlock, createCommentVNode } from "vue";
+import { isSavedQueryActive } from "@chelone/core";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import { useListContext } from "../../../list/list-context.js";
+import { useRequiredResource } from "../../../resource-context.js";
+import { useSavedQueries } from "../../../store/use-saved-queries.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+import _sfc_main$2 from "../../ui/input.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "saved-queries-list",
+  props: {
+    resource: {},
+    storeKey: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resource = useRequiredResource("SavedQueriesList", {
+      resource: props.resource
+    });
+    const list = useListContext();
+    const translate = useTranslate();
+    const { queries, save, remove } = useSavedQueries(resource, {
+      storeKey: props.storeKey
+    });
+    const naming = ref(false);
+    const name = ref("");
+    const t = (key, fallback, params = {}) => {
+      const out = translate(key, params);
+      return out === key ? fallback : out;
+    };
+    const removeLabel = (label) => t(
+      "ra.saved_queries.remove_label_with_name",
+      `Remove saved query "${label}"`,
+      { name: label }
+    );
+    const current = computed(() => ({
+      filter: toRaw(list.filter),
+      displayedFilters: toRaw(list.displayedFilters),
+      sort: toRaw(list.sort),
+      perPage: list.perPage
+    }));
+    const entries = computed(
+      () => queries.value.map((query) => ({
+        ...query,
+        active: isSavedQueryActive(query.value, current.value)
+      }))
+    );
+    const canSave = computed(
+      () => Object.keys(list.filter).length > 0 && !entries.value.some((entry) => entry.active)
+    );
+    function apply(value, active) {
+      if (active) {
+        list.setParams({ filter: {} });
+        return;
+      }
+      list.setParams({
+        filter: value.filter,
+        displayedFilters: value.displayedFilters,
+        sort: value.sort,
+        perPage: value.perPage
+      });
+    }
+    function closeForm() {
+      naming.value = false;
+      name.value = "";
+    }
+    watch(canSave, (saveable) => {
+      if (!saveable) closeForm();
+    });
+    function submit() {
+      if (!canSave.value || !name.value.trim()) return;
+      save(name.value, current.value);
+      closeForm();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "saved-queries-list",
+        class: normalizeClass(unref(cn)("flex flex-wrap items-center gap-2", props.class))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (query) => {
+          return openBlock(), createElementBlock("span", {
+            key: query.label,
+            class: "inline-flex items-center"
+          }, [
+            createVNode(_sfc_main$1, {
+              size: "sm",
+              variant: query.active ? "default" : "outline",
+              "aria-pressed": query.active,
+              onClick: ($event) => apply(query.value, query.active)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(query.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["variant", "aria-pressed", "onClick"]),
+            createVNode(_sfc_main$1, {
+              size: "icon",
+              variant: "ghost",
+              "aria-label": removeLabel(query.label),
+              onClick: ($event) => unref(remove)(query.label)
+            }, {
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createElementVNode("span", { "aria-hidden": "true" }, "×", -1)
+              ])]),
+              _: 1
+            }, 8, ["aria-label", "onClick"])
+          ]);
+        }), 128)),
+        naming.value && canSave.value ? (openBlock(), createElementBlock("form", {
+          key: 0,
+          class: "flex items-center gap-2",
+          onSubmit: withModifiers(submit, ["prevent"])
+        }, [
+          createVNode(_sfc_main$2, {
+            modelValue: name.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => name.value = $event),
+            type: "text",
+            class: "h-8 w-48",
+            "aria-label": t("ra.saved_queries.query_name", "Query name")
+          }, null, 8, ["modelValue", "aria-label"]),
+          createVNode(_sfc_main$1, {
+            type: "submit",
+            size: "sm",
+            disabled: !name.value.trim()
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(t("ra.action.save", "Save")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          createVNode(_sfc_main$1, {
+            variant: "ghost",
+            size: "sm",
+            onClick: closeForm
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(t("ra.action.cancel", "Cancel")), 1)
+            ]),
+            _: 1
+          })
+        ], 32)) : canSave.value ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 1,
+          variant: "outline",
+          size: "sm",
+          onClick: _cache[1] || (_cache[1] = ($event) => naming.value = true)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(t("ra.saved_queries.new_label", "Save current query")), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/saved-queries-list2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./saved-queries-list.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/simple-list-item.vue.d.ts

@@ -0,0 +1,33 @@
+/**
+ * `<SimpleListItem>` — one `<li>` of a `<SimpleList>`: the row content, linked
+ * to the record's edit or show page. The Vue analog of `@chelone/react`'s
+ * `list/simple-list-item.tsx`. Provides the record to its content (so slotted
+ * fields resolve it via `RecordContext`) and renders nothing without one.
+ */
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link SimpleListItem}. */
+export interface SimpleListItemProps {
+    record?: LooseRecord;
+    /** Override the ambient `<Resource>`. Without one the row is not linked. */
+    resource?: string;
+    /**
+     * Where the row links to. `edit` by default, `show` when the resource has no
+     * edit view, and a plain row when it has neither. `false` renders a plain row.
+     */
+    linkType?: "edit" | "show" | false;
+    rowIndex?: number;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SimpleListItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SimpleListItemProps> & Readonly<{}>, {
+    linkType: "edit" | "show" | false;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/list/simple-list-item.vue.js

@@ -0,0 +1,59 @@
+import { defineComponent, ref, watch, provide, computed, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, renderSlot, createCommentVNode } from "vue";
+import { RouterLink } from "vue-router";
+import { useResourceDefinition } from "../../../admin/resource-registry.js";
+import { cn } from "../../../lib/utils.js";
+import { RecordContextKey } from "../../../record/record-context.js";
+import { useResourceContext } from "../../../resource-context.js";
+import { useCreatePath } from "../../../router/nav-composables.js";
+const _hoisted_1 = ["data-row-index"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "simple-list-item",
+  props: {
+    record: {},
+    resource: {},
+    linkType: { type: [String, Boolean], default: void 0 },
+    rowIndex: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const recordRef = ref(props.record);
+    watch(
+      () => props.record,
+      (next) => {
+        recordRef.value = next;
+      }
+    );
+    provide(RecordContextKey, recordRef);
+    const resource = useResourceContext(props);
+    const createPath = useCreatePath();
+    const definition = useResourceDefinition(() => ({ resource }));
+    const type = computed(
+      () => props.linkType ?? (definition.value.hasEdit ? "edit" : definition.value.hasShow ? "show" : false)
+    );
+    const to = computed(
+      () => props.record && resource && type.value ? createPath({ resource, id: props.record.id, type: type.value }) : void 0
+    );
+    return (_ctx, _cache) => {
+      return __props.record ? (openBlock(), createElementBlock("li", {
+        key: 0,
+        "data-row-index": __props.rowIndex,
+        class: normalizeClass(to.value ? void 0 : props.class)
+      }, [
+        to.value ? (openBlock(), createBlock(unref(RouterLink), {
+          key: 0,
+          to: to.value,
+          class: normalizeClass(unref(cn)("block", props.class))
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["to", "class"])) : renderSlot(_ctx.$slots, "default", { key: 1 })
+      ], 10, _hoisted_1)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/simple-list-item2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./simple-list-item.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/simple-list-loading.vue.d.ts

@@ -0,0 +1,14 @@
+/** Props for {@link SimpleListLoading}. */
+export interface SimpleListLoadingProps {
+    class?: string;
+    /** Number of placeholder rows. Default 5. */
+    nbFakeLines?: number;
+    hasLeftAvatarOrIcon?: boolean;
+    hasRightAvatarOrIcon?: boolean;
+    hasSecondaryText?: boolean;
+    hasTertiaryText?: boolean;
+}
+declare const _default: import("vue").DefineComponent<SimpleListLoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SimpleListLoadingProps> & Readonly<{}>, {
+    nbFakeLines: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/list/simple-list-loading.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent, unref, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, createCommentVNode, createElementVNode, createVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$1 from "../../ui/skeleton.vue.js";
+import { useTimeout } from "../feedback/use-timeout.js";
+const _hoisted_1 = { class: "flex flex-1 flex-col gap-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "simple-list-loading",
+  props: {
+    class: {},
+    nbFakeLines: { default: 5 },
+    hasLeftAvatarOrIcon: { type: Boolean },
+    hasRightAvatarOrIcon: { type: Boolean },
+    hasSecondaryText: { type: Boolean },
+    hasTertiaryText: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const ready = useTimeout(1e3);
+    return (_ctx, _cache) => {
+      return unref(ready) ? (openBlock(), createElementBlock("ul", {
+        key: 0,
+        class: normalizeClass(unref(cn)("flex flex-col", props.class))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.nbFakeLines, (index) => {
+          return openBlock(), createElementBlock("li", {
+            key: index,
+            class: "flex items-center gap-3 px-4 py-3"
+          }, [
+            __props.hasLeftAvatarOrIcon ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              class: "size-10 shrink-0 rounded-full"
+            })) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_sfc_main$1, { class: "h-4 w-2/3" }),
+              __props.hasSecondaryText ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                class: "h-3 w-1/2"
+              })) : createCommentVNode("", true),
+              __props.hasTertiaryText ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 1,
+                class: "h-3 w-1/3"
+              })) : createCommentVNode("", true)
+            ]),
+            __props.hasRightAvatarOrIcon ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 1,
+              class: "size-6 shrink-0 rounded-full"
+            })) : createCommentVNode("", true)
+          ]);
+        }), 128))
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/simple-list-loading2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./simple-list-loading.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/simple-list.vue.d.ts

@@ -0,0 +1,32 @@
+import type { Identifier, LooseRecord } from "@chelone/core";
+/** Props for {@link SimpleList}. */
+export interface SimpleListProps {
+    /** Where each row links to; see `SimpleListItem`. */
+    linkType?: "edit" | "show" | false;
+    class?: string;
+}
+/** What each row slot of a `<SimpleList>` is given. */
+export interface SimpleListSlotProps {
+    record: LooseRecord;
+    id: Identifier;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SimpleListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SimpleListProps> & Readonly<{}>, {
+    linkType: "edit" | "show" | false;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    "primary-text"?(props: SimpleListSlotProps): unknown;
+    "secondary-text"?(props: SimpleListSlotProps): unknown;
+    "tertiary-text"?(props: SimpleListSlotProps): unknown;
+    "left-avatar"?(props: SimpleListSlotProps): unknown;
+    "left-icon"?(props: SimpleListSlotProps): unknown;
+    "right-icon"?(props: SimpleListSlotProps): unknown;
+    /** Rendered while the list is pending, in place of `SimpleListLoading`. */
+    loading?(): unknown;
+    /** Rendered with no records, in place of `ListNoResults`. */
+    empty?(): unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/list/simple-list.vue.js

@@ -0,0 +1,111 @@
+import { defineComponent, unref, openBlock, createElementBlock, Fragment, renderSlot, createBlock, normalizeClass, renderList, withCtx, createCommentVNode, createElementVNode } from "vue";
+import { useListContext } from "../../../list/list-context.js";
+import { cn } from "../../../lib/utils.js";
+import { useResourceContext } from "../../../resource-context.js";
+import _sfc_main$2 from "./list-no-results.vue.js";
+import _sfc_main$3 from "./simple-list-item.vue.js";
+import _sfc_main$1 from "./simple-list-loading.vue.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "shrink-0"
+};
+const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };
+const _hoisted_3 = {
+  key: 0,
+  class: "truncate text-sm font-medium"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "truncate text-sm text-muted-foreground"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "truncate text-xs text-muted-foreground"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "shrink-0"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "simple-list",
+  props: {
+    linkType: { type: [String, Boolean], default: void 0 },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const list = useListContext();
+    const resource = useResourceContext();
+    return (_ctx, _cache) => {
+      return unref(list).isPending ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        _ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(_sfc_main$1, {
+          key: 1,
+          class: normalizeClass(props.class),
+          "has-left-avatar-or-icon": !!_ctx.$slots["left-icon"] || !!_ctx.$slots["left-avatar"],
+          "has-right-avatar-or-icon": !!_ctx.$slots["right-icon"],
+          "has-secondary-text": !!_ctx.$slots["secondary-text"],
+          "has-tertiary-text": !!_ctx.$slots["tertiary-text"]
+        }, null, 8, ["class", "has-left-avatar-or-icon", "has-right-avatar-or-icon", "has-secondary-text", "has-tertiary-text"]))
+      ], 64)) : !unref(list).data || unref(list).data.length === 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        _ctx.$slots.empty ? renderSlot(_ctx.$slots, "empty", { key: 0 }) : (openBlock(), createBlock(_sfc_main$2, { key: 1 }))
+      ], 64)) : (openBlock(), createElementBlock("ul", {
+        key: 2,
+        class: normalizeClass(unref(cn)("flex flex-col", props.class))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list).data, (record, rowIndex) => {
+          return openBlock(), createBlock(_sfc_main$3, {
+            key: record.id,
+            record,
+            resource: unref(resource),
+            "link-type": __props.linkType,
+            "row-index": rowIndex,
+            class: "flex items-center gap-3 px-4 py-3"
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots["left-icon"] || _ctx.$slots["left-avatar"] ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                renderSlot(_ctx.$slots, "left-icon", {
+                  record,
+                  id: record.id
+                }),
+                renderSlot(_ctx.$slots, "left-avatar", {
+                  record,
+                  id: record.id
+                })
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_2, [
+                _ctx.$slots["primary-text"] ? (openBlock(), createElementBlock("span", _hoisted_3, [
+                  renderSlot(_ctx.$slots, "primary-text", {
+                    record,
+                    id: record.id
+                  })
+                ])) : createCommentVNode("", true),
+                _ctx.$slots["secondary-text"] ? (openBlock(), createElementBlock("span", _hoisted_4, [
+                  renderSlot(_ctx.$slots, "secondary-text", {
+                    record,
+                    id: record.id
+                  })
+                ])) : createCommentVNode("", true),
+                _ctx.$slots["tertiary-text"] ? (openBlock(), createElementBlock("span", _hoisted_5, [
+                  renderSlot(_ctx.$slots, "tertiary-text", {
+                    record,
+                    id: record.id
+                  })
+                ])) : createCommentVNode("", true)
+              ]),
+              _ctx.$slots["right-icon"] ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                renderSlot(_ctx.$slots, "right-icon", {
+                  record,
+                  id: record.id
+                })
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 2
+          }, 1032, ["record", "resource", "link-type", "row-index"]);
+        }), 128))
+      ], 2));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/simple-list2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./simple-list.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/single-field-list-record.vue.d.ts

@@ -0,0 +1,14 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link SingleFieldListRecord}. */
+export interface SingleFieldListRecordProps {
+    record: LooseRecord;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SingleFieldListRecordProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SingleFieldListRecordProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/list/single-field-list-record.vue.js

@@ -0,0 +1,18 @@
+import { defineComponent, toRef, renderSlot } from "vue";
+import { provideRecordContext } from "../../../record/record-context.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "single-field-list-record",
+  props: {
+    record: {}
+  },
+  setup(__props) {
+    const props = __props;
+    provideRecordContext(toRef(props, "record"));
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/single-field-list-record2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./single-field-list-record.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/single-field-list.vue.d.ts

@@ -0,0 +1,21 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link SingleFieldList}. */
+export interface SingleFieldListProps {
+    class?: string;
+}
+/** What the `item` slot of a `<SingleFieldList>` is given. */
+export interface SingleFieldListItemSlotProps {
+    record: LooseRecord;
+    index: number;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SingleFieldListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SingleFieldListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?(): unknown;
+    /** Renders each record; wins over the default slot. */
+    item?(props: SingleFieldListItemSlotProps): unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/list/single-field-list.vue.js

@@ -0,0 +1,52 @@
+import { defineComponent, unref, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { useListContext } from "../../../list/list-context.js";
+import { useGetRecordRepresentation } from "../../../label/use-get-record-representation.js";
+import { cn } from "../../../lib/utils.js";
+import { useResourceContext } from "../../../resource-context.js";
+import { Badge } from "../../ui/badge.js";
+import _sfc_main$1 from "./single-field-list-record.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "single-field-list",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const list = useListContext();
+    const resource = useResourceContext();
+    const getRecordRepresentation = useGetRecordRepresentation(resource);
+    return (_ctx, _cache) => {
+      return unref(list).data ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(unref(cn)("flex gap-2", props.class))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list).data, (record, index) => {
+          return openBlock(), createBlock(_sfc_main$1, {
+            key: record.id,
+            record
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots.item ? renderSlot(_ctx.$slots, "item", {
+                key: 0,
+                record,
+                index
+              }) : _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : (openBlock(), createBlock(unref(Badge), {
+                key: 2,
+                variant: "outline"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(getRecordRepresentation)(record)), 1)
+                ]),
+                _: 2
+              }, 1024))
+            ]),
+            _: 2
+          }, 1032, ["record"]);
+        }), 128))
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/single-field-list2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./single-field-list.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/list/tree-list-context.d.ts

@@ -0,0 +1,23 @@
+/**
+ * What `<TreeList>` hands every `<TreeListNode>` below it. The tree owns the
+ * expanded map, the focus stop and the select/navigate rule, so a node renders
+ * from one record and its depth.
+ */
+import type { Identifier, LooseRecord } from "@chelone/core";
+import type { Component, InjectionKey } from "vue";
+export interface TreeListContext {
+    isExpanded(id: Identifier): boolean;
+    toggle(id: Identifier): void;
+    /** Runs the `select` listener, or navigates when there is none. */
+    select(record: LooseRecord): void;
+    /** Where a row links to; `undefined` when it does not link. */
+    hrefFor(record: LooseRecord): string | undefined;
+    /** Whether a row can be activated at all. */
+    isSelectable(record: LooseRecord): boolean;
+    titleFor(record: LooseRecord): string;
+    iconFor(record: LooseRecord): Component | undefined;
+    /** The one treeitem in the tab order. */
+    isTabStop(id: Identifier): boolean;
+    setFocused(id: Identifier): void;
+}
+export declare const TreeListKey: InjectionKey<TreeListContext>;

package/dist/components/admin/list/tree-list-context.js

@@ -0,0 +1,4 @@
+const TreeListKey = /* @__PURE__ */ Symbol("chelone-tree-list");
+export {
+  TreeListKey
+};

package/dist/components/admin/list/tree-list-node.vue.d.ts

@@ -0,0 +1,9 @@
+import type { LooseRecord, RecordTreeNode } from "@chelone/core";
+/** Props for {@link TreeListNode}. */
+export interface TreeListNodeProps {
+    node: RecordTreeNode<LooseRecord>;
+    /** Depth from 1 at the roots; becomes `aria-level`. */
+    level: number;
+}
+declare const _default: import("vue").DefineComponent<TreeListNodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeListNodeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;