@nu-grid/nuxt 0.1.1

package/dist/runtime/cell-types/lookup/LookupEditor.vue

@@ -0,0 +1,291 @@
+<script setup>
+import { computed, isRef, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
+import { nuGridDefaults } from "../../config/_internal";
+import { ROUTER_PRIORITIES } from "../../types/_internal";
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  modelValue: { type: null, required: true },
+  cell: { type: null, required: true },
+  row: { type: Object, required: true },
+  isNavigating: { type: Boolean, required: true },
+  shouldFocus: { type: Boolean, required: true },
+  validationError: { type: [String, null], required: false },
+  showValidationErrors: { type: String, required: false },
+  interactionRouter: { type: Object, required: false }
+});
+const emit = defineEmits(["update:modelValue", "stop-editing", "cancel-editing", "update:isNavigating"]);
+const containerRef = ref(null);
+let unregisterKeyboardHandler = null;
+const columnDef = computed(() => props.cell.column.columnDef);
+const lookupConfig = computed(() => columnDef.value.lookup);
+const isOpen = ref(false);
+const resolvedItems = ref([]);
+const isLoading = ref(false);
+const loadError = ref(null);
+watchEffect(async () => {
+  const config = lookupConfig.value;
+  if (!config?.items) {
+    resolvedItems.value = [];
+    return;
+  }
+  try {
+    loadError.value = null;
+    if (typeof config.items === "function") {
+      isLoading.value = true;
+      resolvedItems.value = await config.items();
+    } else if (isRef(config.items)) {
+      resolvedItems.value = config.items.value;
+    } else {
+      resolvedItems.value = config.items;
+    }
+  } catch (err) {
+    loadError.value = err instanceof Error ? err.message : "Failed to load items";
+    resolvedItems.value = [];
+  } finally {
+    isLoading.value = false;
+  }
+});
+const valueKey = computed(
+  () => lookupConfig.value?.valueKey ?? nuGridDefaults.columnDefaults.lookup.valueKey
+);
+const labelKey = computed(
+  () => lookupConfig.value?.labelKey ?? nuGridDefaults.columnDefaults.lookup.labelKey
+);
+const descriptionKey = computed(() => lookupConfig.value?.descriptionKey);
+const searchable = computed(
+  () => lookupConfig.value?.searchable ?? nuGridDefaults.columnDefaults.lookup.searchable
+);
+const filterFields = computed(() => lookupConfig.value?.filterFields ?? [labelKey.value]);
+const placeholder = computed(
+  () => lookupConfig.value?.placeholder ?? nuGridDefaults.columnDefaults.lookup.placeholder
+);
+const clearable = computed(
+  () => lookupConfig.value?.clearable ?? nuGridDefaults.columnDefaults.lookup.clearable
+);
+const autoOpen = computed(
+  () => lookupConfig.value?.autoOpen ?? nuGridDefaults.columnDefaults.lookup.autoOpen
+);
+const valueJustChanged = ref(false);
+const navigatingViaTab = ref(false);
+const escapingMenu = ref(false);
+const lastKeyPressed = ref(null);
+function handleValueChange(value) {
+  valueJustChanged.value = true;
+  emit("update:modelValue", value);
+  setTimeout(() => {
+    valueJustChanged.value = false;
+  }, 100);
+}
+function handleMenuClose(open) {
+  if (!open && lastKeyPressed.value === "Enter") {
+    lastKeyPressed.value = null;
+    setTimeout(() => {
+      emit("stop-editing");
+    }, 100);
+    return;
+  }
+  if (!open && !valueJustChanged.value && !navigatingViaTab.value && !escapingMenu.value) {
+    setTimeout(() => {
+      emit("stop-editing");
+    }, 100);
+  }
+  if (!open && escapingMenu.value) {
+    escapingMenu.value = false;
+  }
+}
+function handleKeydown(ctx) {
+  const e = ctx.event;
+  lastKeyPressed.value = e.key;
+  if (e.key === "Tab") {
+    if (isOpen.value) {
+      navigatingViaTab.value = true;
+      const direction = e.shiftKey ? "previous" : "next";
+      const enterEvent = new KeyboardEvent("keydown", {
+        key: "Enter",
+        code: "Enter",
+        keyCode: 13,
+        which: 13,
+        bubbles: true,
+        cancelable: true
+      });
+      const trigger = containerRef.value?.querySelector(
+        'button[aria-haspopup="listbox"]'
+      );
+      if (trigger) {
+        const listboxId = trigger.getAttribute("aria-controls");
+        if (listboxId) {
+          const listbox = document.getElementById(listboxId);
+          if (listbox) {
+            listbox.dispatchEvent(enterEvent);
+          }
+        }
+      }
+      setTimeout(() => {
+        emit("update:isNavigating", true);
+        emit("stop-editing", direction);
+      }, 50);
+    } else {
+      emit("update:isNavigating", true);
+      emit("stop-editing", e.shiftKey ? "previous" : "next");
+    }
+    return { handled: true, preventDefault: true, stopPropagation: true };
+  }
+  if (e.key === "Escape") {
+    if (isOpen.value) {
+      escapingMenu.value = true;
+      isOpen.value = false;
+      return { handled: true, preventDefault: true, stopPropagation: true };
+    } else {
+      emit("cancel-editing");
+      return { handled: true, preventDefault: true, stopPropagation: true };
+    }
+  }
+  if (e.key === " ") {
+    if (!isOpen.value) {
+      const trigger = containerRef.value?.querySelector("button, [tabindex]");
+      if (trigger) {
+        trigger.click();
+      }
+      return { handled: true, preventDefault: true, stopPropagation: true };
+    } else {
+      valueJustChanged.value = true;
+      return { handled: false };
+    }
+  }
+  if (e.key === "PageUp" || e.key === "PageDown") {
+    return { handled: true, preventDefault: true, stopPropagation: true };
+  }
+  if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+    if (e.metaKey || e.ctrlKey) {
+      return { handled: true, preventDefault: true, stopPropagation: true };
+    }
+    if (!isOpen.value) {
+      const trigger = containerRef.value?.querySelector("button, [tabindex]");
+      if (trigger) {
+        trigger.click();
+      }
+      return { handled: true, preventDefault: true, stopPropagation: true };
+    }
+  }
+  if (e.key === "Enter") {
+    if (isOpen.value) {
+      return { handled: false };
+    } else {
+      emit("stop-editing");
+      return { handled: true, preventDefault: true, stopPropagation: true };
+    }
+  }
+  return { handled: false };
+}
+function registerKeyboardHandler() {
+  if (!props.interactionRouter || unregisterKeyboardHandler) return;
+  const cellId = props.cell.id;
+  const rowId = props.row.id;
+  unregisterKeyboardHandler = props.interactionRouter.registerKeyboardHandler({
+    id: `lookup-editor-${rowId}-${cellId}`,
+    priority: ROUTER_PRIORITIES.GUARD_MIN,
+    // Highest priority - editors should handle keys first
+    documentLevel: true,
+    // Need document-level to capture events on teleported dropdown
+    // No 'when' needed - handler is only registered while this editor is mounted
+    handle: handleKeydown
+  });
+}
+function unregisterHandler() {
+  if (unregisterKeyboardHandler) {
+    unregisterKeyboardHandler();
+    unregisterKeyboardHandler = null;
+  }
+}
+onMounted(() => {
+  registerKeyboardHandler();
+  if (props.shouldFocus) {
+    nextTick(() => {
+      const trigger = containerRef.value?.querySelector("button, [tabindex]");
+      trigger?.focus({ preventScroll: true });
+    });
+  }
+  if (autoOpen.value) {
+    const config = lookupConfig.value;
+    const isAsync = typeof config?.items === "function";
+    if (isAsync) {
+      const unwatch = watch(isLoading, (loading) => {
+        if (!loading && resolvedItems.value.length > 0) {
+          nextTick(() => {
+            isOpen.value = true;
+          });
+          unwatch();
+        }
+      });
+    } else {
+      nextTick(() => {
+        isOpen.value = true;
+      });
+    }
+  }
+});
+onUnmounted(() => {
+  unregisterHandler();
+});
+watch(
+  () => props.shouldFocus,
+  (shouldFocus) => {
+    if (shouldFocus) {
+      nextTick(() => {
+        const trigger = containerRef.value?.querySelector("button, [tabindex]");
+        trigger?.focus({ preventScroll: true });
+      });
+    }
+  }
+);
+</script>
+
+<template>
+  <div ref="containerRef" class="w-full">
+    <USelectMenu
+      :model-value="modelValue"
+      :open="isOpen"
+      :items="resolvedItems"
+      :value-key="valueKey"
+      :label-key="labelKey"
+      :description-key="descriptionKey"
+      :search-input="searchable"
+      :filter-fields="filterFields"
+      :placeholder="placeholder"
+      :loading="isLoading"
+      :disabled="isLoading"
+      :ui="{
+  base: 'ring-2 ring-offset-0 outline-none focus:ring-2 focus:ring-offset-0',
+  content: 'outline-none'
+}"
+      highlight
+      class="w-full outline-none"
+      @update:model-value="handleValueChange"
+      @update:open="
+  (open) => {
+    isOpen = open;
+    handleMenuClose(open);
+  }
+"
+    >
+      <template v-if="clearable && modelValue != null" #trailing>
+        <UButton
+          icon="i-lucide-x"
+          size="xs"
+          color="neutral"
+          variant="ghost"
+          class="size-4"
+          @click.stop="handleValueChange(null)"
+        />
+      </template>
+    </USelectMenu>
+
+    <div v-if="loadError" class="mt-1 text-xs text-red-500">
+      {{ loadError }}
+    </div>
+  </div>
+</template>
+
+<style scoped>
+:deep([role=listbox]){outline:none!important}:deep([role=listbox]:focus){outline:none!important}
+</style>

package/dist/runtime/cell-types/lookup/LookupEditor.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NuGridCellEditorProps } from '../../types/index.js';
+type __VLS_Props = NuGridCellEditorProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+    "update:isNavigating": (value: boolean) => any;
+    "stop-editing": (moveDirection?: "up" | "down" | "next" | "previous" | undefined) => any;
+    "cancel-editing": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onUpdate:isNavigating"?: ((value: boolean) => any) | undefined;
+    "onStop-editing"?: ((moveDirection?: "up" | "down" | "next" | "previous" | undefined) => any) | undefined;
+    "onCancel-editing"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/cell-types/lookup/LookupRenderer.d.vue.ts

@@ -0,0 +1,8 @@
+interface Props {
+    value: any;
+    cell: any;
+    editable?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/cell-types/lookup/LookupRenderer.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { isRef } from "vue";
+import { nuGridDefaults } from "../../config/_internal";
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  value: { type: null, required: true },
+  cell: { type: null, required: true },
+  editable: { type: Boolean, required: false }
+});
+const lookupConfig = computed(() => props.cell?.column?.columnDef?.lookup);
+const resolvedItems = computed(() => {
+  const config = lookupConfig.value;
+  if (!config?.items) return [];
+  if (typeof config.items === "function") {
+    return [];
+  } else if (isRef(config.items)) {
+    return config.items.value;
+  } else {
+    return config.items;
+  }
+});
+const valueKey = computed(
+  () => lookupConfig.value?.valueKey ?? nuGridDefaults.columnDefaults.lookup.valueKey
+);
+const labelKey = computed(
+  () => lookupConfig.value?.labelKey ?? nuGridDefaults.columnDefaults.lookup.labelKey
+);
+const displayLabel = computed(() => {
+  if (props.value === null || props.value === void 0) {
+    return "";
+  }
+  const items = resolvedItems.value;
+  if (!items.length) {
+    return String(props.value);
+  }
+  const item = items.find((i) => i[valueKey.value] === props.value);
+  return item?.[labelKey.value] ?? String(props.value);
+});
+</script>
+
+<template>
+  <span class="truncate">{{ displayLabel }}</span>
+</template>

package/dist/runtime/cell-types/lookup/LookupRenderer.vue.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    value: any;
+    cell: any;
+    editable?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/cell-types/lookup/index.d.ts

@@ -0,0 +1,36 @@
+import type { NuGridCellType } from '../../types/cells.js';
+/**
+ * Lookup cell type
+ * Provides dropdown selection using Nuxt UI's SelectMenu component
+ * Supports static, reactive, and async item sources
+ *
+ * Keyboard interactions in edit mode:
+ * - **Space**: Opens dropdown when closed; selects highlighted item when open (stays in edit mode)
+ * - **Enter**: Selects highlighted item and exits edit mode (closes dropdown if open, then stops editing)
+ * - **Escape**: Two-stage behavior - first press closes dropdown, second press cancels editing
+ * - **Tab/Shift+Tab**: Closes dropdown and navigates to next/previous cell
+ * - **Arrow Up/Down**: Opens dropdown with native item highlighting when closed; navigates items when open
+ * - **Arrow Left/Right**: Navigate items when open (USelectMenu native behavior)
+ *
+ * Keyboard interactions in view mode:
+ * - **Space**: Opens the dropdown editor (via keyboardHandler)
+ * - **Enter**: Opens the dropdown editor (default grid behavior)
+ *
+ * Usage:
+ * ```ts
+ * {
+ *   accessorKey: 'status',
+ *   cellDataType: 'lookup',
+ *   lookup: {
+ *     items: [
+ *       { value: 'active', label: 'Active' },
+ *       { value: 'inactive', label: 'Inactive' },
+ *     ],
+ *     valueKey: 'value',
+ *     labelKey: 'label',
+ *     searchable: true,
+ *   }
+ * }
+ * ```
+ */
+export declare const lookupCellType: NuGridCellType;

package/dist/runtime/cell-types/lookup/index.js

@@ -0,0 +1,50 @@
+import { isRef } from "vue";
+import { nuGridDefaults } from "../../config/_internal/index.js";
+import LookupEditor from "./LookupEditor.vue";
+import LookupRenderer from "./LookupRenderer.vue";
+function resolveItemsSync(items) {
+  if (!items) return [];
+  if (typeof items === "function") return [];
+  if (isRef(items)) return items.value;
+  return items;
+}
+export const lookupCellType = {
+  name: "lookup",
+  displayName: "Lookup",
+  description: "Dropdown selection with search support",
+  editor: LookupEditor,
+  renderer: LookupRenderer,
+  /**
+   * Format value for display (used in clipboard, export, etc.)
+   * Looks up the label from items based on the stored value
+   */
+  formatter: (value, context) => {
+    if (value === null || value === void 0) return "";
+    const lookup = context.columnDef?.lookup;
+    if (!lookup) return String(value);
+    const items = resolveItemsSync(lookup.items);
+    if (!items.length) return String(value);
+    const valueKey = lookup.valueKey ?? nuGridDefaults.columnDefaults.lookup.valueKey;
+    const labelKey = lookup.labelKey ?? nuGridDefaults.columnDefaults.lookup.labelKey;
+    const item = items.find((i) => i[valueKey] === value);
+    return item?.[labelKey] ?? String(value);
+  },
+  /**
+   * Keyboard handler for lookup cells in view mode
+   * Space opens the dropdown editor (like native select behavior)
+   * Enter also opens the dropdown (default grid behavior)
+   */
+  keyboardHandler: (event, context) => {
+    const { isFocused, canEdit, startEditing } = context;
+    if (isFocused && canEdit && event.key === " ") {
+      event.preventDefault();
+      startEditing();
+      return { handled: true, preventDefault: true, stopPropagation: true };
+    }
+    return { handled: false };
+  },
+  // Default column settings
+  defaultColumnDef: {
+    size: 150
+  }
+};

package/dist/runtime/cell-types/number/NumberEditor.d.vue.ts

@@ -0,0 +1,15 @@
+import type { NuGridCellEditorProps } from '../../types/index.js';
+type __VLS_Props = NuGridCellEditorProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+    "update:isNavigating": (value: boolean) => any;
+    "stop-editing": (moveDirection?: "up" | "down" | "next" | "previous" | undefined) => any;
+    "cancel-editing": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onUpdate:isNavigating"?: ((value: boolean) => any) | undefined;
+    "onStop-editing"?: ((moveDirection?: "up" | "down" | "next" | "previous" | undefined) => any) | undefined;
+    "onCancel-editing"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/cell-types/number/NumberEditor.vue

@@ -0,0 +1,34 @@
+<script setup>
+import { ref } from "vue";
+import { useNuGridCellEditor } from "../../composables";
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  modelValue: { type: null, required: true },
+  cell: { type: null, required: true },
+  row: { type: Object, required: true },
+  isNavigating: { type: Boolean, required: true },
+  shouldFocus: { type: Boolean, required: true },
+  validationError: { type: [String, null], required: false },
+  showValidationErrors: { type: String, required: false },
+  interactionRouter: { type: Object, required: false }
+});
+const emit = defineEmits(["update:modelValue", "stop-editing", "cancel-editing", "update:isNavigating"]);
+const inputRef = ref(null);
+const { handleKeydown, handleBlur } = useNuGridCellEditor(props, emit, inputRef);
+const handleInput = (value) => {
+  const numValue = value === "" ? null : Number(value);
+  emit("update:modelValue", numValue);
+};
+</script>
+
+<template>
+  <UInput
+    ref="inputRef"
+    :model-value="modelValue"
+    type="number"
+    class="w-full pl-0.5!"
+    @update:model-value="handleInput"
+    @blur="handleBlur"
+    @keydown="handleKeydown"
+  />
+</template>

package/dist/runtime/cell-types/number/NumberEditor.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NuGridCellEditorProps } from '../../types/index.js';
+type __VLS_Props = NuGridCellEditorProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+    "update:isNavigating": (value: boolean) => any;
+    "stop-editing": (moveDirection?: "up" | "down" | "next" | "previous" | undefined) => any;
+    "cancel-editing": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onUpdate:isNavigating"?: ((value: boolean) => any) | undefined;
+    "onStop-editing"?: ((moveDirection?: "up" | "down" | "next" | "previous" | undefined) => any) | undefined;
+    "onCancel-editing"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/cell-types/number/NumberFilter.d.vue.ts

@@ -0,0 +1,7 @@
+import type { NuGridFilterContext } from '../../types/cells.js';
+interface Props {
+    context: NuGridFilterContext;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/cell-types/number/NumberFilter.vue

@@ -0,0 +1,66 @@
+<script setup>
+import { computed, ref } from "vue";
+const props = defineProps({
+  context: { type: Object, required: true }
+});
+const filterValue = computed({
+  get: () => props.context.filterValue.value,
+  set: (value) => props.context.setFilterValue(value)
+});
+const operator = ref("equals");
+const operators = [
+  { value: "equals", label: "Equals" },
+  { value: "greaterThan", label: "Greater than" },
+  { value: "lessThan", label: "Less than" },
+  { value: "greaterThanOrEqual", label: "Greater than or equal" },
+  { value: "lessThanOrEqual", label: "Less than or equal" },
+  { value: "between", label: "Between" }
+];
+const filterValue2 = ref(null);
+function clearFilter() {
+  filterValue.value = null;
+  filterValue2.value = null;
+  props.context.clearFilter();
+}
+</script>
+
+<template>
+  <div class="min-w-[200px] space-y-2 p-2">
+    <div class="flex items-center gap-2">
+      <USelect
+        v-model="operator"
+        :options="operators"
+        option-attribute="label"
+        value-attribute="value"
+        class="flex-1"
+      />
+      <UButton
+        v-if="context.isFiltered"
+        icon="i-heroicons-x-mark"
+        size="xs"
+        color="neutral"
+        variant="ghost"
+        @click="clearFilter"
+      />
+    </div>
+    <UInput
+      v-model="filterValue"
+      type="number"
+      placeholder="Value..."
+      autofocus
+      @update:model-value="context.setFilterValue($event ? Number($event) : null)"
+    />
+    <UInput
+      v-if="operator === 'between'"
+      v-model="filterValue2"
+      type="number"
+      placeholder="To..."
+      @update:model-value="
+  context.setFilterValue({
+    from: filterValue,
+    to: filterValue2 ? Number(filterValue2) : null
+  })
+"
+    />
+  </div>
+</template>

package/dist/runtime/cell-types/number/NumberFilter.vue.d.ts

@@ -0,0 +1,7 @@
+import type { NuGridFilterContext } from '../../types/cells.js';
+interface Props {
+    context: NuGridFilterContext;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/cell-types/number/index.d.ts

@@ -0,0 +1,6 @@
+import type { NuGridCellType } from '../../types/cells.js';
+/**
+ * Number cell type
+ * Number input with step controls, no special keyboard handling
+ */
+export declare const numberCellType: NuGridCellType;

package/dist/runtime/cell-types/number/index.js

@@ -0,0 +1,13 @@
+import NumberEditor from "./NumberEditor.vue";
+import NumberFilter from "./NumberFilter.vue";
+export const numberCellType = {
+  name: "number",
+  displayName: "Number",
+  description: "Number input column",
+  editor: NumberEditor,
+  filter: {
+    component: NumberFilter,
+    defaultOperator: "equals"
+  },
+  enableFiltering: true
+};

package/dist/runtime/cell-types/rating/RatingEditor.d.vue.ts

@@ -0,0 +1,15 @@
+import type { NuGridCellEditorProps } from '../../types/index.js';
+type __VLS_Props = NuGridCellEditorProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+    "update:isNavigating": (value: boolean) => any;
+    "stop-editing": (moveDirection?: "up" | "down" | "next" | "previous" | undefined) => any;
+    "cancel-editing": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onUpdate:isNavigating"?: ((value: boolean) => any) | undefined;
+    "onStop-editing"?: ((moveDirection?: "up" | "down" | "next" | "previous" | undefined) => any) | undefined;
+    "onCancel-editing"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;