@xleddyl/443-components-vue 0.14.0 → 0.16.0

package/dist/components/templates/SettingsGroup.vue.d.ts

@@ -25,7 +25,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;
@@ -222,7 +222,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;

package/dist/components/templates/SettingsModal.vue.d.ts

@@ -48,6 +48,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     description?: string;
     flush?: boolean;
     dir?: string | undefined;
+    contextmenu?: string | undefined;
+    hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -203,11 +205,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     enterKeyHint?: import("vue").HTMLAttributes["enterkeyhint"];
-    hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined;
@@ -292,6 +292,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     description?: string;
     flush?: boolean;
     dir?: string | undefined;
+    contextmenu?: string | undefined;
+    hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -447,11 +449,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     enterKeyHint?: import("vue").HTMLAttributes["enterkeyhint"];
-    hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined;

package/dist/components/templates/SettingsPage.vue.d.ts

@@ -35,6 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
     dir?: string | undefined | undefined;
+    contextmenu?: string | undefined | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -189,11 +191,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined | undefined;
@@ -247,6 +247,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
     dir?: string | undefined | undefined;
+    contextmenu?: string | undefined | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -401,11 +403,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined | undefined;

package/dist/components/templates/SettingsSection.vue.d.ts

@@ -30,6 +30,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     placeholder?: string | undefined;
     bind?: Record<string, unknown>;
     dir?: string | undefined;
+    contextmenu?: string | undefined;
+    hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -189,11 +191,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     ref_key?: string | undefined;
     accesskey?: string | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     enterKeyHint?: import("vue").HTMLAttributes["enterkeyhint"];
-    hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined;
@@ -258,6 +258,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     placeholder?: string | undefined;
     bind?: Record<string, unknown>;
     dir?: string | undefined;
+    contextmenu?: string | undefined;
+    hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -417,11 +419,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     ref_key?: string | undefined;
     accesskey?: string | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     enterKeyHint?: import("vue").HTMLAttributes["enterkeyhint"];
-    hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined;

package/dist/composables/core.d.ts

@@ -7,3 +7,4 @@ export * from './useTheme';
 export * from './usePreset';
 export * from './useLocale';
 export * from './useFieldBoundary';
+export * from './usePreferences';

package/dist/composables/core.mjs

@@ -7,3 +7,4 @@ export * from "./useTheme.mjs";
 export * from "./usePreset.mjs";
 export * from "./useLocale.mjs";
 export * from "./useFieldBoundary.mjs";
+export * from "./usePreferences.mjs";

package/dist/composables/usePreferences.d.ts

@@ -0,0 +1,17 @@
+import type { MaybeRefOrGetter, WritableComputedRef } from 'vue';
+import type { PreferenceStore, Preferences } from '../internal/core/preferences';
+export type { PreferenceListener, PreferenceStore, Preferences, RemotePreferenceStore, RemotePreferenceStoreOptions, } from '../internal/core/preferences';
+export { createLocalPreferenceStore, createRemotePreferenceStore, LOCAL_PREFERENCE_PREFIX, PREFERENCES_KEY, } from '../internal/core/preferences';
+export declare const PREFERENCE_KEYS: {
+    readonly theme: "theme";
+    readonly preset: "preset";
+    readonly shell: (storageKey: string) => string;
+    readonly grid: (storageKey: string) => string;
+};
+export interface UsePreferenceOptions<T> {
+    validate?: (value: unknown) => value is T;
+}
+export declare function createPreferences(store?: PreferenceStore): Preferences;
+export declare function providePreferences(source?: PreferenceStore | Preferences): Preferences;
+export declare function usePreferences(): Preferences;
+export declare function usePreference<T>(key: MaybeRefOrGetter<string>, fallback: T, options?: UsePreferenceOptions<T>): WritableComputedRef<T>;

package/dist/composables/usePreferences.mjs

@@ -0,0 +1,50 @@
+import { computed, provide, shallowRef, toValue } from "vue";
+import {
+  createPreferences as createPreferencesInstance,
+  PREFERENCES_KEY,
+  resolvePreferences,
+  whenPreferencesReady
+} from "../internal/core/preferences.mjs";
+export {
+  createLocalPreferenceStore,
+  createRemotePreferenceStore,
+  LOCAL_PREFERENCE_PREFIX,
+  PREFERENCES_KEY
+} from "../internal/core/preferences.mjs";
+export const PREFERENCE_KEYS = {
+  theme: "theme",
+  preset: "preset",
+  shell: (storageKey) => `shell:${storageKey}`,
+  grid: (storageKey) => `grid:${storageKey}`
+};
+function toPreferences(source) {
+  if (source && "install" in source && "clientOnly" in source && "store" in source) return source;
+  return createPreferencesInstance(source);
+}
+export function createPreferences(store) {
+  return createPreferencesInstance(store);
+}
+export function providePreferences(source) {
+  const preferences = toPreferences(source);
+  provide(PREFERENCES_KEY, preferences);
+  return preferences;
+}
+export function usePreferences() {
+  return resolvePreferences();
+}
+export function usePreference(key, fallback, options = {}) {
+  const preferences = resolvePreferences();
+  const ready = shallowRef(false);
+  whenPreferencesReady(preferences, () => ready.value = true);
+  const isValid = options.validate ?? ((value) => value !== void 0);
+  return computed({
+    get() {
+      if (!ready.value && preferences.clientOnly) return fallback;
+      const stored = preferences.get(toValue(key));
+      return isValid(stored) ? stored : fallback;
+    },
+    set(value) {
+      preferences.set(toValue(key), value);
+    }
+  });
+}

package/dist/editor/RichTextEditor.vue.d.ts

@@ -26,6 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     dir?: string | undefined | undefined;
+    contextmenu?: string | undefined | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -180,11 +182,9 @@ declare const __VLS_export: import("vue").DefineComponent<{
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined | undefined;
@@ -241,6 +241,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     dir?: string | undefined | undefined;
+    contextmenu?: string | undefined | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -395,11 +397,9 @@ declare const __VLS_export: import("vue").DefineComponent<{
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined | undefined;

package/dist/grid/DataGrid.vue

@@ -60,8 +60,8 @@
             :overlay-loading-template="gridOptions?.overlayLoadingTemplate ?? loadingTemplate"
             :quick-filter-text="serverPagination ? void 0 : query"
             :row-selection="gridRowSelection"
-            :pagination="paginated"
-            :pagination-page-size="pageSize"
+            :pagination="paginated && pageSize !== 'all'"
+            :pagination-page-size="pageSize === 'all' ? void 0 : pageSize"
             :pagination-page-size-selector="false"
             :suppress-pagination-panel="true"
             :auto-size-strategy="gridAutoSizeStrategy"
@@ -126,7 +126,8 @@ import { useLocale } from "../composables/useLocale";
 import LiveRegion from "../internal/core/LiveRegion.vue";
 import { formatLocaleMessage } from "../locale";
 import { useLiveMessage } from "../internal/core/live";
-import { readStorageJson, removeStorage, writeStorageJson } from "../internal/core/storage";
+import { resolvePreferences, whenPreferencesReady } from "../internal/core/preferences";
+import { readStorageJson, removeStorage } from "../internal/core/storage";
 import GridToolbar from "./GridToolbar.vue";
 import { escapeHtml } from "../internal/core/text";
 import {
@@ -178,7 +179,7 @@ const props = defineProps({
 const emit = defineEmits(["rowClick", "selectionChange", "sortChange", "filterChange", "copy", "cellsChange", "cellsInvalid", "dirtyChange", "rangeChange", "filtersReset"]);
 const query = defineModel("query", { type: String, ...{ default: "" } });
 const page = defineModel("page", { type: Number, ...{ default: 1 } });
-const pageSize = defineModel("pageSize", { type: Number, ...{ default: 25 } });
+const pageSize = defineModel("pageSize", { type: [Number, String], ...{ default: 25 } });
 const sort = defineModel("sort", { type: null, ...{ default: void 0 } });
 if (props.filterable) registerGridFilterModules();
 function hasEditableColumn() {
@@ -294,7 +295,7 @@ const paginated = computed(() => Boolean(props.pagination) && !props.serverPagin
 const showFooter = computed(() => paginationEnabled.value || Boolean(props.selectable));
 const totalRows = computed(() => props.serverPagination ? props.total : clientTotal.value);
 const pageCount = computed(
-  () => props.serverPagination ? Math.max(1, Math.ceil(props.total / pageSize.value)) : clientPageCount.value
+  () => props.serverPagination ? pageSize.value === "all" ? 1 : Math.max(1, Math.ceil(props.total / pageSize.value)) : clientPageCount.value
 );
 const noRowsTemplate = computed(
   () => `<div class="k-data-grid-overlay"><span>${escapeHtml(text.value.noRows)}</span></div>`
@@ -338,7 +339,8 @@ function renderCell(params) {
   element.append(dash, hidden);
   return element;
 }
-const storageName = computed(() => props.storageKey ? `k-grid:${props.storageKey}` : null);
+const preferences = resolvePreferences();
+const preferenceKey = computed(() => props.storageKey ? `grid:${props.storageKey}` : null);
 const hasStoredState = ref(false);
 const gridAutoSizeStrategy = computed(() => {
   if (hasStoredState.value) return void 0;
@@ -354,20 +356,56 @@ const rowIdGetter = computed(() => {
   if (props.rowIdKey) return getRowIdByKey;
   return props.gridOptions?.getRowId;
 });
+function isGridPreference(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function readPreference() {
+  const key = preferenceKey.value;
+  if (!key || !props.storageKey) return null;
+  const stored = preferences.get(key);
+  if (isGridPreference(stored)) return stored;
+  if (stored !== void 0) return null;
+  const legacyKey = `k-grid:${props.storageKey}`;
+  const legacy = readStorageJson(legacyKey);
+  if (!Array.isArray(legacy)) return null;
+  const migrated = { columns: legacy };
+  preferences.set(key, migrated);
+  removeStorage(legacyKey);
+  return migrated;
+}
+function writePreference(patch) {
+  const key = preferenceKey.value;
+  if (!key) return;
+  const next = { ...readPreference(), ...patch };
+  if (next.columns === void 0) delete next.columns;
+  if (next.pageSize === void 0) delete next.pageSize;
+  if (Object.keys(next).length) preferences.set(key, next);
+  else preferences.remove(key);
+}
 function readStoredState() {
-  if (!storageName.value) return null;
-  const stored = readStorageJson(storageName.value);
-  return Array.isArray(stored) ? stored : null;
+  const columns = readPreference()?.columns;
+  return Array.isArray(columns) ? columns : null;
 }
 function clearStoredState() {
-  if (storageName.value) removeStorage(storageName.value);
+  writePreference({ columns: void 0 });
 }
 function persistState(event) {
   if (event && event.finished === false) return;
-  if (!storageName.value || !api.value) return;
-  const state = api.value.getColumnState().map(({ colId, hide, width, pinned }) => ({ colId, hide, width, pinned }));
-  writeStorageJson(storageName.value, state);
+  if (!preferenceKey.value || !api.value) return;
+  const columns = api.value.getColumnState().map(({ colId, hide, width, pinned }) => ({ colId, hide, width, pinned }));
+  writePreference({ columns });
+}
+function isPageSize(value) {
+  return props.pageSizes.includes(value);
 }
+whenPreferencesReady(preferences, () => {
+  const stored = readPreference()?.pageSize;
+  if (isPageSize(stored) && stored !== pageSize.value) pageSize.value = stored;
+  watch(pageSize, (value) => {
+    if (preferenceKey.value && readPreference()?.pageSize !== value)
+      writePreference({ pageSize: value });
+  });
+});
 function onGridReady(event) {
   api.value = event.api;
   sheet.attach(event.api);
@@ -400,6 +438,11 @@ function syncPagination() {
   if (!current || props.serverPagination) return;
   clientTotal.value = current.getDisplayedRowCount();
   if (!props.pagination) return;
+  if (pageSize.value === "all") {
+    clientPageCount.value = 1;
+    page.value = 1;
+    return;
+  }
   clientPageCount.value = Math.max(1, current.paginationGetTotalPages());
   page.value = current.paginationGetCurrentPage() + 1;
 }
@@ -475,6 +518,7 @@ const gridEvents = {
 };
 watch(pageSize, () => {
   if (props.serverPagination) page.value = 1;
+  else nextTick(syncPagination);
 });
 onMounted(() => {
   hasStoredState.value = readStoredState() !== null;

package/dist/grid/DataGrid.vue.d.ts

@@ -1,4 +1,5 @@
 import type { FilterChangedEvent, FilterModel, ColDef, GetRowIdParams, GridApi, GridOptions, RowClickedEvent } from 'ag-grid-community';
+import type { PageSize } from '../components/data/types';
 import type { GridCellRange, GridCellsChange, GridCellsInvalid, GridDensity, GridMessages, GridSelection, GridSortChange } from './types';
 declare const __VLS_export: <T>(__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<({
@@ -27,7 +28,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         showJump?: boolean;
         serverPagination?: boolean;
         total?: number;
-        pageSizes?: number[];
+        pageSizes?: PageSize[];
         messages?: Partial<GridMessages>;
         localeText?: Record<string, string>;
         gridOptions?: GridOptions<T>;
@@ -40,12 +41,12 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     } & {
         query?: string;
         page?: number;
-        pageSize?: number;
+        pageSize?: PageSize;
         sort?: GridSortChange | null | undefined;
     }) & {
         onCopy?: ((text: string) => any) | undefined;
         "onUpdate:page"?: ((value: number) => any) | undefined;
-        "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+        "onUpdate:pageSize"?: ((value: PageSize) => any) | undefined;
         onRowClick?: ((event: RowClickedEvent<T, any>) => any) | undefined;
         "onUpdate:sort"?: ((value: GridSortChange | null | undefined) => any) | undefined;
         "onUpdate:query"?: ((value: string) => any) | undefined;
@@ -114,7 +115,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
             count: number;
         }) => any;
     };
-    emit: (((evt: "copy", text: string) => void) & ((evt: "rowClick", event: RowClickedEvent<T, any>) => void) & ((evt: "filtersReset") => void) & ((evt: "selectionChange", rows: T[]) => void) & ((evt: "sortChange", change: GridSortChange | null) => void) & ((evt: "filterChange", model: FilterModel, event: FilterChangedEvent<T, any>) => void) & ((evt: "cellsChange", event: GridCellsChange) => void) & ((evt: "cellsInvalid", event: GridCellsInvalid) => void) & ((evt: "dirtyChange", count: number) => void) & ((evt: "rangeChange", range: GridCellRange | null) => void)) & (((event: "update:page", value: number) => void) & ((event: "update:pageSize", value: number) => void) & ((event: "update:sort", value: GridSortChange | null | undefined) => void) & ((event: "update:query", value: string) => void));
+    emit: (((evt: "copy", text: string) => void) & ((evt: "rowClick", event: RowClickedEvent<T, any>) => void) & ((evt: "filtersReset") => void) & ((evt: "selectionChange", rows: T[]) => void) & ((evt: "sortChange", change: GridSortChange | null) => void) & ((evt: "filterChange", model: FilterModel, event: FilterChangedEvent<T, any>) => void) & ((evt: "cellsChange", event: GridCellsChange) => void) & ((evt: "cellsInvalid", event: GridCellsInvalid) => void) & ((evt: "dirtyChange", count: number) => void) & ((evt: "rangeChange", range: GridCellRange | null) => void)) & (((event: "update:page", value: number) => void) & ((event: "update:pageSize", value: PageSize) => void) & ((event: "update:sort", value: GridSortChange | null | undefined) => void) & ((event: "update:query", value: string) => void));
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/grid/GridToolbar.vue.d.ts

@@ -26,6 +26,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
     dir?: string | undefined | undefined;
+    contextmenu?: string | undefined | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -180,11 +182,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined | undefined;
@@ -232,6 +232,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
     dir?: string | undefined | undefined;
+    contextmenu?: string | undefined | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -386,11 +388,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined | undefined;

package/dist/grid/cells/BadgeCell.vue.d.ts

@@ -11,7 +11,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;
@@ -219,7 +219,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;

package/dist/grid/cells/BooleanCell.vue.d.ts

@@ -11,7 +11,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;
@@ -205,7 +205,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;

package/dist/grid/cells/ButtonCell.vue.d.ts

@@ -24,7 +24,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;
@@ -238,7 +238,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;

package/dist/grid/cells/DateCell.vue.d.ts

@@ -12,7 +12,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;
@@ -214,7 +214,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;

package/dist/grid/cells/EmptyCell.vue.d.ts

@@ -11,7 +11,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;
@@ -205,7 +205,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;

package/dist/grid/cells/ImageCell.vue.d.ts

@@ -23,7 +23,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;
@@ -229,7 +229,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+    hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;

package/dist/grid/types.d.ts

@@ -1,6 +1,6 @@
 import type { ColDef, GridApi, ICellRendererParams } from 'ag-grid-community';
 import type { Tone } from '../components/core/types';
-import type { BadgeSize, BadgeVariant } from '../components/data/types';
+import type { BadgeSize, BadgeVariant, PageSize } from '../components/data/types';
 import type { KMessages } from '../locale/types';
 export type GridDensity = 'compact' | 'normal' | 'comfortable';
 export type GridSelection = boolean | 'single' | 'multiple';
@@ -17,6 +17,10 @@ export interface GridCellContext {
     newTabText?: string;
 }
 export type GridColumn<T> = ColDef<T>;
+export interface GridPreference {
+    columns?: GridColumnState[];
+    pageSize?: PageSize;
+}
 export interface GridColumnState {
     colId: string;
     hide?: boolean | null;