@nu-grid/nuxt 0.1.1

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

@@ -0,0 +1,36 @@
+import SelectionEditor from "./SelectionEditor.vue";
+import SelectionRenderer from "./SelectionRenderer.vue";
+function canRowBeSelected(context) {
+  const meta = context.columnDef?.meta;
+  const globalEnabled = meta?.enabledRef?.value ?? meta?.selectionEnabled ?? true;
+  if (!globalEnabled) {
+    return false;
+  }
+  const rowSelectionEnabledFn = meta?.rowSelectionEnabledRef?.value;
+  if (!rowSelectionEnabledFn) {
+    return true;
+  }
+  return rowSelectionEnabledFn(context.row);
+}
+export const selectionCellType = {
+  name: "selection",
+  displayName: "Selection",
+  description: "Row selection checkbox column",
+  editor: SelectionEditor,
+  renderer: SelectionRenderer,
+  keyboardHandler: (event, context) => {
+    const { isFocused, row } = context;
+    if (isFocused && event.key === " ") {
+      if (!canRowBeSelected(context)) {
+        return { handled: true, preventDefault: true, stopPropagation: true };
+      }
+      const currentValue = row.getIsSelected();
+      row.toggleSelected(!currentValue);
+      return { handled: true, preventDefault: true, stopPropagation: true };
+    }
+    if (isFocused && event.key === "Enter") {
+      return { handled: true, preventDefault: true, stopPropagation: true };
+    }
+    return { handled: false };
+  }
+};

package/dist/runtime/cell-types/text/TextEditor.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/text/TextEditor.vue

@@ -0,0 +1,70 @@
+<script setup>
+import { computed, inject, ref } from "vue";
+import { useNuGridCellEditor } from "../../composables";
+import { defaultValidationIcon } from "../../composables/_internal/useNuGridCellEditing";
+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 isHovered = ref(false);
+const coreContext = inject("nugrid-core");
+const validationContext = inject("nugrid-validation", null);
+const { handleKeydown, handleBlur } = useNuGridCellEditor(props, emit, inputRef);
+const hasError = computed(() => !!props.validationError);
+const resolveShowErrors = (value) => {
+  if (value === "hover" || value === "never" || value === "always") return value;
+  return "always";
+};
+const showErrorsMode = computed(() => {
+  if (props.showValidationErrors !== void 0) return resolveShowErrors(props.showValidationErrors);
+  return resolveShowErrors(validationContext?.showErrors?.value);
+});
+const shouldShowPopover = computed(() => {
+  if (!hasError.value) return false;
+  const mode = showErrorsMode.value;
+  if (mode === "never") return false;
+  if (mode === "hover") return isHovered.value;
+  return true;
+});
+const popoverOuter = computed(() => coreContext.ui.value.validationPopoverContent?.());
+const popoverInner = computed(() => coreContext.ui.value.validationPopoverInner?.());
+const popoverUi = computed(() => ({ content: popoverOuter.value }));
+const popoverIcon = computed(() => validationContext?.icon?.value ?? defaultValidationIcon);
+const errorUi = computed(
+  () => hasError.value ? { base: coreContext.ui.value.editorErrorRing() } : void 0
+);
+</script>
+
+<template>
+  <UPopover :open="shouldShowPopover" :ui="popoverUi">
+    <template #anchor>
+      <UInput
+        ref="inputRef"
+        :model-value="modelValue"
+        :color="hasError ? 'error' : void 0"
+        :ui="errorUi"
+        class="w-full pl-0.5!"
+        @update:model-value="emit('update:modelValue', $event)"
+        @pointerenter="isHovered = true"
+        @pointerleave="isHovered = false"
+        @blur="handleBlur"
+        @keydown="handleKeydown"
+      />
+    </template>
+    <template #content>
+      <div :class="[popoverInner, popoverOuter]">
+        <UIcon :name="popoverIcon" class="size-3.5 shrink-0" />
+        <span>{{ props.validationError }}</span>
+      </div>
+    </template>
+  </UPopover>
+</template>

package/dist/runtime/cell-types/text/TextEditor.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/text/TextFilter.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/text/TextFilter.vue

@@ -0,0 +1,50 @@
+<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("contains");
+const operators = [
+  { value: "contains", label: "Contains" },
+  { value: "equals", label: "Equals" },
+  { value: "startsWith", label: "Starts with" },
+  { value: "endsWith", label: "Ends with" },
+  { value: "notContains", label: "Does not contain" }
+];
+function clearFilter() {
+  filterValue.value = "";
+  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"
+      placeholder="Filter..."
+      autofocus
+      @update:model-value="context.setFilterValue($event)"
+    />
+  </div>
+</template>

package/dist/runtime/cell-types/text/TextFilter.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/text/TextareaEditor.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/text/TextareaEditor.vue

@@ -0,0 +1,100 @@
+<script setup>
+import { computed, inject, ref } from "vue";
+import { useNuGridCellEditor } from "../../composables";
+import { defaultValidationIcon } from "../../composables/_internal/useNuGridCellEditing";
+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 textareaRef = ref(null);
+const isHovered = ref(false);
+const coreContext = inject("nugrid-core");
+const validationContext = inject("nugrid-validation", null);
+function focusTextarea() {
+  const textarea = textareaRef.value?.textareaRef ?? textareaRef.value?.$el?.querySelector("textarea");
+  if (textarea) {
+    textarea.focus({ preventScroll: true });
+    const len = textarea.value?.length ?? 0;
+    textarea.setSelectionRange(len, len);
+  }
+}
+const { handleBlur } = useNuGridCellEditor(props, emit, textareaRef, focusTextarea);
+function handleKeydown(e) {
+  e.stopPropagation();
+  if (e.key === "Enter") {
+    if (e.metaKey || e.ctrlKey || e.shiftKey) {
+      e.preventDefault();
+      emit("stop-editing");
+    }
+  } else if (e.key === "Escape") {
+    e.preventDefault();
+    emit("cancel-editing");
+  } else if (e.key === "Tab") {
+    e.preventDefault();
+    emit("update:isNavigating", true);
+    if (e.shiftKey) {
+      emit("stop-editing", "previous");
+    } else {
+      emit("stop-editing", "next");
+    }
+  }
+}
+const hasError = computed(() => !!props.validationError);
+const resolveShowErrors = (value) => {
+  if (value === "hover" || value === "never" || value === "always") return value;
+  return "always";
+};
+const showErrorsMode = computed(() => {
+  if (props.showValidationErrors !== void 0) return resolveShowErrors(props.showValidationErrors);
+  return resolveShowErrors(validationContext?.showErrors?.value);
+});
+const shouldShowPopover = computed(() => {
+  if (!hasError.value) return false;
+  const mode = showErrorsMode.value;
+  if (mode === "never") return false;
+  if (mode === "hover") return isHovered.value;
+  return true;
+});
+const popoverOuter = computed(() => coreContext.ui.value.validationPopoverContent?.());
+const popoverInner = computed(() => coreContext.ui.value.validationPopoverInner?.());
+const popoverUi = computed(() => ({ content: popoverOuter.value }));
+const popoverIcon = computed(() => validationContext?.icon?.value ?? defaultValidationIcon);
+</script>
+
+<template>
+  <!-- @click.stop prevents cell click handler from firing when clicking inside textarea -->
+  <UPopover :open="shouldShowPopover" :ui="popoverUi" class="size-full">
+    <template #anchor>
+      <div class="size-full" @click.stop>
+        <UTextarea
+          ref="textareaRef"
+          :model-value="modelValue"
+          :color="hasError ? 'error' : void 0"
+          :rows="1"
+          autoresize
+          class="size-full"
+          :ui="{ base: 'resize-none' }"
+          @update:model-value="emit('update:modelValue', $event)"
+          @pointerenter="isHovered = true"
+          @pointerleave="isHovered = false"
+          @blur="handleBlur"
+          @keydown="handleKeydown"
+        />
+      </div>
+    </template>
+    <template #content>
+      <div :class="[popoverInner, popoverOuter]">
+        <UIcon :name="popoverIcon" class="size-3.5 shrink-0" />
+        <span>{{ props.validationError }}</span>
+      </div>
+    </template>
+  </UPopover>
+</template>

package/dist/runtime/cell-types/text/TextareaEditor.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/text/index.d.ts

@@ -0,0 +1,10 @@
+import type { NuGridCellType } from '../../types/cells.js';
+import TextareaEditor from './TextareaEditor.vue.js';
+import TextEditor from './TextEditor.vue.js';
+/**
+ * Text cell type
+ * Standard text input with no special keyboard handling
+ */
+export declare const textCellType: NuGridCellType;
+export { textareaCellType } from './textarea.js';
+export { TextareaEditor, TextEditor };

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

@@ -0,0 +1,16 @@
+import TextareaEditor from "./TextareaEditor.vue";
+import TextEditor from "./TextEditor.vue";
+import TextFilter from "./TextFilter.vue";
+export const textCellType = {
+  name: "text",
+  displayName: "Text",
+  description: "Standard text input column",
+  editor: TextEditor,
+  filter: {
+    component: TextFilter,
+    defaultOperator: "contains"
+  },
+  enableFiltering: true
+};
+export { textareaCellType } from "./textarea.js";
+export { TextareaEditor, TextEditor };

package/dist/runtime/cell-types/text/textarea.d.ts

@@ -0,0 +1,13 @@
+import type { NuGridCellType } from '../../types/cells.js';
+/**
+ * Textarea cell type
+ * Multi-line text input for long text content
+ *
+ * Keyboard behavior:
+ * - Enter: Creates a new line
+ * - Cmd/Ctrl+Enter or Shift+Enter: Saves and exits
+ * - Escape: Cancels editing
+ * - Tab/Shift+Tab: Saves and navigates to next/previous cell
+ * - Arrow keys: Move cursor within textarea (not intercepted for cell navigation)
+ */
+export declare const textareaCellType: NuGridCellType;

package/dist/runtime/cell-types/text/textarea.js

@@ -0,0 +1,13 @@
+import TextareaEditor from "./TextareaEditor.vue";
+import TextFilter from "./TextFilter.vue";
+export const textareaCellType = {
+  name: "textarea",
+  displayName: "Textarea",
+  description: "Multi-line text input for long content",
+  editor: TextareaEditor,
+  filter: {
+    component: TextFilter,
+    defaultOperator: "contains"
+  },
+  enableFiltering: true
+};

package/dist/runtime/components/NuGrid.d.vue.ts

@@ -0,0 +1,96 @@
+import type { TableData, TableSlots } from '@nuxt/ui';
+import type { ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingInfoState, ColumnSizingState, ExpandedState, GroupingState, PaginationState, RowPinningState, RowSelectionState, SortingState, VisibilityState } from '@tanstack/vue-table';
+import type { NuGridStateSnapshot } from '../composables/_internal/useNuGridStatePersistence.js';
+import type { NuGridAddRowState, NuGridCellClickEvent, NuGridCellEditingCancelledEvent, NuGridCellEditingStartedEvent, NuGridCellValueChangedEvent, NuGridExcelExportOptions, NuGridFilterChangedEvent, NuGridFocusedCellChangedEvent, NuGridFocusedRowChangedEvent, NuGridProps, NuGridRowClickEvent, NuGridSortChangedEvent } from '../types/index.js';
+import type { RowDragEvent } from '../types/drag-drop.js';
+declare const __VLS_export: <T extends TableData>(__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<(NuGridProps<T> & {
+        globalFilter?: string;
+        columnFilters?: ColumnFiltersState;
+        columnOrder?: ColumnOrderState;
+        columnVisibility?: VisibilityState;
+        columnPinning?: ColumnPinningState;
+        columnSizing?: ColumnSizingState;
+        columnSizingInfo?: ColumnSizingInfoState;
+        rowSelection?: RowSelectionState;
+        rowPinning?: RowPinningState;
+        sorting?: SortingState;
+        grouping?: GroupingState;
+        expanded?: ExpandedState;
+        pagination?: PaginationState;
+        focusedRowId?: string | null;
+    }) & {
+        onRowDragged?: ((event: RowDragEvent<T>) => any) | undefined;
+        onCellEditingCancelled?: ((event: NuGridCellEditingCancelledEvent<T>) => any) | undefined;
+        onCellEditingStarted?: ((event: NuGridCellEditingStartedEvent<T>) => any) | undefined;
+        onStateChanged?: ((state: NuGridStateSnapshot) => any) | undefined;
+        onFilterChanged?: ((event: NuGridFilterChangedEvent) => any) | undefined;
+        onSortChanged?: ((event: NuGridSortChangedEvent) => any) | undefined;
+        onFocusedRowChanged?: ((event: NuGridFocusedRowChangedEvent<T>) => any) | undefined;
+        onFocusedCellChanged?: ((event: NuGridFocusedCellChangedEvent<T>) => any) | undefined;
+        onCellClicked?: ((event: NuGridCellClickEvent<T>) => any) | undefined;
+        onRowClicked?: ((event: NuGridRowClickEvent<T>) => any) | undefined;
+        onCellDoubleClicked?: ((event: NuGridCellClickEvent<T>) => any) | undefined;
+        onRowDoubleClicked?: ((event: NuGridRowClickEvent<T>) => any) | undefined;
+        onCellValueChanged?: ((event: NuGridCellValueChangedEvent<T>) => any) | undefined;
+        onRowSelectionChanged?: ((event: RowSelectionState) => any) | undefined;
+        onReady?: (() => any) | undefined;
+        onRowAddRequested?: ((row: T) => any) | undefined;
+        onAddRowStateChanged?: ((state: NuGridAddRowState) => any) | undefined;
+        "onUpdate:globalFilter"?: ((value: string) => any) | undefined;
+        "onUpdate:columnFilters"?: ((value: ColumnFiltersState) => any) | undefined;
+        "onUpdate:columnOrder"?: ((value: ColumnOrderState) => any) | undefined;
+        "onUpdate:columnVisibility"?: ((value: VisibilityState) => any) | undefined;
+        "onUpdate:columnPinning"?: ((value: ColumnPinningState) => any) | undefined;
+        "onUpdate:columnSizing"?: ((value: ColumnSizingState) => any) | undefined;
+        "onUpdate:columnSizingInfo"?: ((value: ColumnSizingInfoState) => any) | undefined;
+        "onUpdate:rowSelection"?: ((value: RowSelectionState) => any) | undefined;
+        "onUpdate:rowPinning"?: ((value: RowPinningState) => any) | undefined;
+        "onUpdate:sorting"?: ((value: SortingState) => any) | undefined;
+        "onUpdate:grouping"?: ((value: GroupingState) => any) | undefined;
+        "onUpdate:expanded"?: ((value: ExpandedState) => any) | undefined;
+        "onUpdate:pagination"?: ((value: PaginationState) => any) | undefined;
+        "onUpdate:focusedRowId"?: ((value: string | null) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        readonly $el: any;
+        tableRef: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
+        tableApi: import("@tanstack/table-core").Table<T>;
+        autoSizeColumns: (mode?: "fitCell" | "fitGrid") => void;
+        autoSizeColumn: (columnId: string) => void;
+        getState: () => {};
+        setState: (_snapshot: NuGridStateSnapshot) => void;
+        addRowState: import("vue").ComputedRef<NuGridAddRowState>;
+        excelExport: (filenameOrOptions?: string | NuGridExcelExportOptions, sheetName?: string) => Promise<void>;
+        getSelectedRows: <TRow = T>() => TRow[];
+        pagingGoToPage: (page: number) => void;
+        pagingGetCurrentPage: () => number;
+        pagingGetPageSize: () => number;
+        pagingGetTotalPages: () => number;
+        pinColumn: (columnId: string, side: "left" | "right") => void;
+        unpinColumn: (columnId: string) => void;
+        isPinned: (columnId: string) => "left" | "right" | false;
+        getPinnedColumns: () => {
+            left: string[];
+            right: string[];
+        };
+        focusRowById: (rowId: string | null, options?: {
+            columnIndex?: number;
+            align?: "nearest" | "top" | "center";
+        }) => boolean;
+    }>) => void;
+    attrs: any;
+    slots: TableSlots<T>;
+    emit: (((evt: "rowDragged", event: RowDragEvent<T>) => void) & ((evt: "cellEditingCancelled", event: NuGridCellEditingCancelledEvent<T>) => void) & ((evt: "cellEditingStarted", event: NuGridCellEditingStartedEvent<T>) => void) & ((evt: "stateChanged", state: NuGridStateSnapshot) => void) & ((evt: "filterChanged", event: NuGridFilterChangedEvent) => void) & ((evt: "sortChanged", event: NuGridSortChangedEvent) => void) & ((evt: "focusedRowChanged", event: NuGridFocusedRowChangedEvent<T>) => void) & ((evt: "focusedCellChanged", event: NuGridFocusedCellChangedEvent<T>) => void) & ((evt: "cellClicked", event: NuGridCellClickEvent<T>) => void) & ((evt: "rowClicked", event: NuGridRowClickEvent<T>) => void) & ((evt: "cellDoubleClicked", event: NuGridCellClickEvent<T>) => void) & ((evt: "rowDoubleClicked", event: NuGridRowClickEvent<T>) => void) & ((evt: "cellValueChanged", event: NuGridCellValueChangedEvent<T>) => void) & ((evt: "rowSelectionChanged", event: RowSelectionState) => void) & ((evt: "ready") => void) & ((evt: "rowAddRequested", row: T) => void) & ((evt: "addRowStateChanged", state: NuGridAddRowState) => void)) & (((evt: "update:globalFilter", value: string) => void) & ((evt: "update:columnFilters", value: ColumnFiltersState) => void) & ((evt: "update:columnOrder", value: ColumnOrderState) => void) & ((evt: "update:columnVisibility", value: VisibilityState) => void) & ((evt: "update:columnPinning", value: ColumnPinningState) => void) & ((evt: "update:columnSizing", value: ColumnSizingState) => void) & ((evt: "update:columnSizingInfo", value: ColumnSizingInfoState) => void) & ((evt: "update:rowSelection", value: RowSelectionState) => void) & ((evt: "update:rowPinning", value: RowPinningState) => void) & ((evt: "update:sorting", value: SortingState) => void) & ((evt: "update:grouping", value: GroupingState) => void) & ((evt: "update:expanded", value: ExpandedState) => void) & ((evt: "update:pagination", value: PaginationState) => void) & ((evt: "update:focusedRowId", value: string | null) => void));
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};