@chelone/vue 0.3.0 → 0.5.0

package/dist/components/admin/list/list-icons.js

@@ -35,7 +35,14 @@ const ChevronsUpDownIcon = icon(() => [
   h("path", { d: "m7 15 5 5 5-5" }),
   h("path", { d: "m7 9 5-5 5 5" })
 ]);
+const ArrowRightLeftIcon = icon(() => [
+  h("path", { d: "m16 3 4 4-4 4" }),
+  h("path", { d: "M20 7H4" }),
+  h("path", { d: "m8 21-4-4 4-4" }),
+  h("path", { d: "M4 17h16" })
+]);
 export {
+  ArrowRightLeftIcon,
   ChevronLeftIcon,
   ChevronRightIcon,
   ChevronsUpDownIcon,

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

@@ -15,15 +15,16 @@
  * </List>
  */
 import { type LooseRecord } from "@chelone/core";
+import type { SourceProp } from "@chelone/core";
 import type { Component } from "vue";
 /** Props for {@link TreeList}. */
 export interface TreeListProps {
     /** The field holding the parent's id; a dot or bracket path reads a nested value. */
-    parentSource: string;
+    parentSource: SourceProp;
     /** The string field shown as the row title; the record representation otherwise. */
-    titleSource?: string;
+    titleSource?: SourceProp;
     /** The field whose value picks a component from `iconMap`. */
-    iconSource?: string;
+    iconSource?: SourceProp;
     iconMap?: Record<string, Component>;
     /** Whether branches start open. Default `false`. */
     defaultExpanded?: boolean;
@@ -41,8 +42,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TreeListPr
     onSelect?: ((record: LooseRecord) => any) | undefined;
 }>, {
     linkType: "edit" | "show" | false;
-    titleSource: string;
-    iconSource: string;
+    titleSource: SourceProp;
+    iconSource: SourceProp;
     iconMap: Record<string, Component>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     /** Rendered while the list is pending, in place of `SimpleListLoading`. */

package/dist/components/admin/view/labeled.vue.d.ts

@@ -10,13 +10,14 @@
  * is a native element, a `<Labeled>` or a `<RecordField>`, which label
  * themselves.
  */
+import type { SourceProp } from "@chelone/core";
 import { type PropType, type VNode } from "vue";
 /** Props for {@link Labeled}. */
 export interface LabeledProps {
     /** Overrides the child's `label`; `false` renders no label. */
     label?: string | false;
     /** Overrides the child's `source` when resolving the label. */
-    source?: string;
+    source?: SourceProp;
     /** Overrides the child's `resource` when resolving the label. */
     resource?: string;
     isRequired?: boolean;
@@ -33,7 +34,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     source: {
-        type: StringConstructor;
+        type: PropType<SourceProp>;
         default: undefined;
     };
     resource: {
@@ -68,7 +69,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     source: {
-        type: StringConstructor;
+        type: PropType<SourceProp>;
         default: undefined;
     };
     resource: {
@@ -96,13 +97,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    source: string;
     class: string;
     label: string | false;
+    source: string;
     resource: string;
-    as: string;
     htmlFor: string;
     isRequired: boolean;
     fullWidth: boolean;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/admin/view/labeled.vue.js

@@ -23,7 +23,10 @@ const _sfc_main = defineComponent({
       type: [String, Boolean],
       default: void 0
     },
-    source: { type: String, default: void 0 },
+    source: {
+      type: String,
+      default: void 0
+    },
     resource: { type: String, default: void 0 },
     isRequired: { type: Boolean, default: false },
     htmlFor: { type: String, default: void 0 },

package/dist/components/admin/view/tabbed-show-layout-tab.vue.d.ts

@@ -75,9 +75,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    count: number;
-    path: string;
     icon: Component;
+    path: string;
+    count: number;
     contentClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/index.d.ts

@@ -326,6 +326,8 @@ export type { FilterLiveSearchProps } from "./admin/list/filter-live-search.vue.
 export { default as FilterLiveSearch } from "./admin/list/filter-live-search.vue.js";
 export type { InfinitePaginationProps } from "./admin/list/infinite-pagination.vue.js";
 export { default as InfinitePagination } from "./admin/list/infinite-pagination.vue.js";
+export type { KanbanBoardProps } from "./admin/list/kanban-board.vue.js";
+export { default as KanbanBoard } from "./admin/list/kanban-board.vue.js";
 export type { ListActionsProps } from "./admin/list/list-actions.vue.js";
 export { default as ListActions } from "./admin/list/list-actions.vue.js";
 export type { ListNoResultsProps } from "./admin/list/list-no-results.vue.js";

package/dist/components/maps/geo-json-field.vue.d.ts

@@ -1,8 +1,9 @@
+import type { SourceProp } from "@chelone/core";
 import type { GeoJsonViewProps } from "./geo-json-view.vue.js";
 /** Props for {@link GeoJsonField}. */
 export interface GeoJsonFieldProps extends Partial<Omit<GeoJsonViewProps, "data">> {
     /** The record property holding the GeoJSON value. */
-    source: string;
+    source: SourceProp;
     /** Defaults to the ambient record. */
     record?: Record<string, unknown>;
     /** Used when the property is `undefined`. */

package/dist/components/maps/lat-lng-field.vue.d.ts

@@ -1,10 +1,10 @@
-import type { MapStyleInput } from "@chelone/core";
+import type { MapStyleInput, SourceProp } from "@chelone/core";
 /** Props for {@link LatLngField}. */
 export interface LatLngFieldProps {
     /** The record property holding the latitude. */
-    latSource: string;
+    latSource: SourceProp;
     /** The record property holding the longitude. */
-    lngSource: string;
+    lngSource: SourceProp;
     /** Defaults to the ambient record. */
     record?: Record<string, unknown>;
     zoom?: number;

package/dist/components/maps/lat-lng-input.vue.d.ts

@@ -1,10 +1,10 @@
-import type { MapStyleInput, Validator } from "@chelone/core";
+import type { MapStyleInput, SourceProp, Validator } from "@chelone/core";
 /** Props for {@link LatLngInput}. */
 export interface LatLngInputProps {
     /** The form field holding the latitude. */
-    latSource: string;
+    latSource: SourceProp;
     /** The form field holding the longitude. */
-    lngSource: string;
+    lngSource: SourceProp;
     /** The legend. A string is translated; `false` renders none. */
     label?: string | false;
     helperText?: string;
@@ -29,8 +29,8 @@ declare const _default: import("vue").DefineComponent<LatLngInputProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<LatLngInputProps> & Readonly<{
     onPositionChange?: ((lat: number, lng: number) => any) | undefined;
 }>, {
-    label: string | false;
     disabled: boolean;
+    label: string | false;
     height: number | string;
     zoom: number;
     defaultPosition: readonly [lat: number, lng: number];

package/dist/components/maps-draw/shape-input.vue.d.ts

@@ -1,10 +1,10 @@
-import { type MapStyleInput, type ShapeStyle, type ShapeValue, type ShapeValueKind, type Validator } from "@chelone/core";
+import { type MapStyleInput, type ShapeStyle, type ShapeValue, type ShapeValueKind, type SourceProp, type Validator } from "@chelone/core";
 import { type DrawTool } from "./use-terra-draw.js";
 type ToolbarTool = DrawTool | "delete";
 /** Props for {@link ShapeInput}. */
 export interface ShapeInputProps {
     /** The form field holding the GeoJSON value. */
-    source: string;
+    source: SourceProp;
     /** The kind of value the field holds, which decides what a drawing writes. */
     kind: ShapeValueKind;
     /** The legend. A string is translated; `false` renders none. */
@@ -62,11 +62,11 @@ declare const _default: import("vue").DefineComponent<ShapeInputProps, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<ShapeInputProps> & Readonly<{
     onCommit?: ((value: ShapeValue | null) => any) | undefined;
 }>, {
-    label: string | false;
     disabled: boolean;
+    label: string | false;
     height: number | string;
-    validate: Validator | readonly Validator[];
     helperText: string | false;
+    validate: Validator | readonly Validator[];
     mapStyle: MapStyleInput;
     zoom: number;
     tools: readonly ToolbarTool[];

package/dist/components/maps-draw/simplify-input.vue.d.ts

@@ -1,9 +1,9 @@
-import type { MapStyleInput, ShapeStyle } from "@chelone/core";
+import type { MapStyleInput, ShapeStyle, SourceProp } from "@chelone/core";
 export type SimplifyQuality = "Default" | "High";
 /** Props for {@link SimplifyInput}. */
 export interface SimplifyInputProps {
     /** The form field holding a Geometry, Feature or FeatureCollection. */
-    source: string;
+    source: SourceProp;
     /** The legend. A string is translated; `false` renders none. */
     label?: string | false;
     helperText?: string | false;

package/dist/components/maps-osm/geocoding-input.vue.d.ts

@@ -1,14 +1,14 @@
-import type { GeoBBox, GeocodingProvider } from "@chelone/core";
+import type { GeoBBox, GeocodingProvider, SourceProp } from "@chelone/core";
 /** Props for {@link GeocodingInput}. */
 export interface GeocodingInputProps {
     /** The form field holding the address text. */
-    source: string;
+    source: SourceProp;
     /** Written with the picked result's latitude. Left alone when unset. */
-    latSource?: string;
+    latSource?: SourceProp;
     /** Written with the picked result's longitude. Left alone when unset. */
-    lngSource?: string;
+    lngSource?: SourceProp;
     /** Written with the picked result's `[west, south, east, north]`, when it has one. */
-    bboxSource?: string;
+    bboxSource?: SourceProp;
     /** A string is translated; `false` renders none. Defaults to the label of `source`. */
     label?: string | false;
     /** Defaults to `chelone.map.search_placeholder`. */
@@ -26,8 +26,8 @@ export interface GeocodingInputProps {
     class?: string;
 }
 declare const _default: import("vue").DefineComponent<GeocodingInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GeocodingInputProps> & Readonly<{}>, {
-    label: string | false;
     disabled: boolean;
+    label: string | false;
     debounceMs: number;
     minChars: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/maps-osm/map-with-search.vue.d.ts

@@ -1,12 +1,12 @@
-import type { GeocodingProvider } from "@chelone/core";
+import type { GeocodingProvider, SourceProp } from "@chelone/core";
 /** Props for {@link MapWithSearch}. */
 export interface MapWithSearchProps {
     /** The form field holding the latitude. */
-    latSource: string;
+    latSource: SourceProp;
     /** The form field holding the longitude. */
-    lngSource: string;
+    lngSource: SourceProp;
     /** The form field holding the address text. */
-    addressSource: string;
+    addressSource: SourceProp;
     /** In pixels, or any CSS length. Defaults to 400. */
     height?: number | string;
     /** Read once at mount. Defaults to 13. */

package/dist/components/maps-osm/osm-feature-operator.vue.d.ts

@@ -1,8 +1,8 @@
-import type { OsmPresetName, OsmTagInput, OverpassProvider } from "@chelone/core";
+import type { OsmPresetName, OsmTagInput, OverpassProvider, SourceProp } from "@chelone/core";
 /** Props for {@link OsmFeatureOperator}. */
 export interface OsmFeatureOperatorProps {
     /** The form field holding the Polygon or MultiPolygon. */
-    source: string;
+    source: SourceProp;
     /** `subtract` removes the matching OSM areas from the polygon; `add` merges them in. */
     mode: "subtract" | "add";
     /** Named OSM feature sets to query, such as `water`. */
@@ -17,8 +17,8 @@ export interface OsmFeatureOperatorProps {
     class?: string;
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<OsmFeatureOperatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OsmFeatureOperatorProps> & Readonly<{}>, {
-    label: string;
     disabled: boolean;
+    label: string;
     provider: OverpassProvider;
     presets: readonly OsmPresetName[];
     tags: readonly OsmTagInput[];

package/dist/components/maps-osm/reverse-geocode-field.vue.d.ts

@@ -1,10 +1,10 @@
-import type { GeocodingProvider } from "@chelone/core";
+import type { GeocodingProvider, SourceProp } from "@chelone/core";
 /** Props for {@link ReverseGeocodeField}. */
 export interface ReverseGeocodeFieldProps {
     /** The record property holding the latitude. */
-    latSource: string;
+    latSource: SourceProp;
     /** The record property holding the longitude. */
-    lngSource: string;
+    lngSource: SourceProp;
     /** Defaults to the ambient record. */
     record?: Record<string, unknown>;
     /** `full` is the whole name, `street` its first part and `city` its first two. Defaults to `full`. */

package/dist/components/mdx-editor/mdx-field.vue.d.ts

@@ -1,8 +1,8 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 import type { CrepeEditorConfig } from "./internal/crepe-editor.vue.js";
 /** Props for {@link MdxField}. */
 export interface MdxFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     /** Used when the record has no value at `source`. */
     defaultValue?: unknown;

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

@@ -1,8 +1,8 @@
-import type { Validator } from "@chelone/core";
+import type { SourceProp, Validator } from "@chelone/core";
 import type { CrepeEditorConfig } from "./internal/crepe-editor.vue.js";
 /** Props for {@link MdxInput}. */
 export interface MdxInputProps {
-    source: string;
+    source: SourceProp;
     label?: string | false;
     /** Used when the record has no value at `source`. Defaults to `""`. */
     defaultValue?: unknown;

package/dist/components/monaco/monaco-json-field.vue.d.ts

@@ -1,8 +1,8 @@
-import type { LooseRecord } from "@chelone/core";
+import type { LooseRecord, SourceProp } from "@chelone/core";
 import type { editor } from "monaco-editor";
 /** Props for {@link MonacoJsonField}. */
 export interface MonacoJsonFieldProps {
-    source: string;
+    source: SourceProp;
     record?: LooseRecord;
     /** Shown when the record has no value at `source`. */
     defaultValue?: unknown;

package/dist/components/monaco/monaco-json-input.vue.d.ts

@@ -1,8 +1,8 @@
-import type { Validator } from "@chelone/core";
+import type { SourceProp, Validator } from "@chelone/core";
 import type { editor } from "monaco-editor";
 /** Props for {@link MonacoJsonInput}. */
 export interface MonacoJsonInputProps {
-    source: string;
+    source: SourceProp;
     label?: string | false;
     defaultValue?: unknown;
     validate?: Validator | readonly Validator[];

package/dist/components/ui/alert.d.ts

@@ -27,8 +27,8 @@ export declare const Alert: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     variant: AlertVariant;
+    class: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const AlertDescription: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     class: {

package/dist/components/ui/badge.d.ts

@@ -29,6 +29,6 @@ export declare const Badge: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     variant: BadgeVariant;
+    class: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/ui/button.vue.d.ts

@@ -11,9 +11,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: ButtonVariant;
     size: ButtonSize;
     type: "button" | "submit" | "reset";
-    variant: ButtonVariant;
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/ui/command/command-dialog.vue.d.ts

@@ -14,8 +14,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CommandDia
 }, string, import("vue").PublicProps, Readonly<CommandDialogProps> & Readonly<{
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
-    description: string;
     title: string;
+    description: string;
     open: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;

package/dist/components/ui/dropdown-menu/dropdown-menu-item.vue.js

@@ -11,10 +11,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const { setOpen } = useDropdownMenu();
-    function onClick() {
+    function select() {
       setOpen(false);
       emit("select");
     }
+    function onKeydown(event) {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      select();
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         role: "menuitem",
@@ -26,10 +31,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           )
         ),
         "data-slot": "dropdown-menu-item",
-        onClick
+        onClick: select,
+        onKeydown
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 34);
     };
   }
 });

package/dist/components/ui/input.vue.d.ts

@@ -10,12 +10,12 @@ type __VLS_Props = {
     class?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/ui/sidebar/sidebar-menu-button.vue.d.ts

@@ -17,8 +17,8 @@ export interface SidebarMenuButtonProps {
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SidebarMenuButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarMenuButtonProps> & Readonly<{}>, {
     size: "default" | "sm" | "lg";
-    as: string | Component;
     isActive: boolean;
+    as: string | Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/components/ui/textarea.vue.d.ts

@@ -9,12 +9,12 @@ type __VLS_Props = {
     class?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;