@xleddyl/443-components-vue 0.0.0 → 0.2.0

package/dist/composables/useIcons.mjs

@@ -1,6 +1,13 @@
 import { inject, provide } from "vue";
 import { builtinIcons } from "../icons/builtin.mjs";
+import { lookupCollectionIcon } from "../icons/collections.mjs";
 import { ICONS_KEY } from "../internal/keys.mjs";
+export {
+  hasIconCollection,
+  loadIconCollection,
+  registerIconCollection,
+  setDefaultIconCollection
+} from "../icons/collections.mjs";
 const svgCache = /* @__PURE__ */ new Map();
 const keptSvgAttributes = [
   "viewBox",
@@ -33,6 +40,9 @@ export function resolveIcon(name, registry) {
   if (typeof custom === "string") return { kind: "svg", svg: parseSvg(custom) };
   if (custom) return { kind: "component", component: custom };
   if (isBuiltinIcon(name)) return { kind: "builtin", paths: builtinIcons[name] };
+  const collected = lookupCollectionIcon(name);
+  if (collected?.status === "ready") return { kind: "svg", svg: collected.svg };
+  if (collected?.status === "loading") return { kind: "pending" };
   return null;
 }
 export function useIconRegistry() {

package/dist/composables/useLocale.d.ts

@@ -0,0 +1,11 @@
+import type { App, ComputedRef, MaybeRefOrGetter } from 'vue';
+import type { KLocale, MessageKey, MessageParams } from '../locale/types';
+export declare function provideLocale(locale: MaybeRefOrGetter<KLocale>): ComputedRef<KLocale>;
+export declare function createLocale(locale: MaybeRefOrGetter<KLocale>): {
+    install(app: App): void;
+};
+export interface UseLocaleReturn {
+    locale: ComputedRef<KLocale>;
+    t: (key: MessageKey, params?: MessageParams) => string;
+}
+export declare function useLocale(): UseLocaleReturn;

package/dist/composables/useLocale.mjs

@@ -0,0 +1,26 @@
+import { computed, hasInjectionContext, inject, provide, toValue } from "vue";
+import { LOCALE_KEY } from "../internal/keys.mjs";
+import { en, translate } from "../locale/index.mjs";
+const fallbackLocale = computed(() => en);
+export function provideLocale(locale) {
+  const resolved = computed(() => toValue(locale));
+  provide(LOCALE_KEY, resolved);
+  return resolved;
+}
+export function createLocale(locale) {
+  return {
+    install(app) {
+      app.provide(
+        LOCALE_KEY,
+        computed(() => toValue(locale))
+      );
+    }
+  };
+}
+export function useLocale() {
+  const locale = hasInjectionContext() && inject(LOCALE_KEY, null) || fallbackLocale;
+  return {
+    locale,
+    t: (key, params) => translate(locale.value, key, params)
+  };
+}

package/dist/composables/usePasswordStrength.mjs

@@ -1,10 +1,11 @@
 import { computed, toValue } from "vue";
-const defaultLabels = [
-  "Too short",
-  "Weak",
-  "Fair",
-  "Good",
-  "Strong"
+import { useLocale } from "./useLocale.mjs";
+const defaultLabelKeys = [
+  "passwordStrength.tooShort",
+  "passwordStrength.weak",
+  "passwordStrength.fair",
+  "passwordStrength.good",
+  "passwordStrength.strong"
 ];
 const commonPatterns = [
   /^(.)\1+$/,
@@ -25,10 +26,13 @@ export function scorePassword(password, minLength = 8) {
   return Math.max(1, Math.min(4, points));
 }
 export function usePasswordStrength(password, options = {}) {
+  const { t } = useLocale();
   const score = computed(
     () => scorePassword(toValue(password) ?? "", toValue(options.minLength) ?? 8)
   );
-  const label = computed(() => (toValue(options.labels) ?? defaultLabels)[score.value]);
+  const label = computed(
+    () => toValue(options.labels)?.[score.value] ?? t(defaultLabelKeys[score.value])
+  );
   return { score, label };
 }
 export function generatePassword(length = 20) {

package/dist/composables/usePrompt.mjs

@@ -1,5 +1,7 @@
+import { useLocale } from "./useLocale.mjs";
 import { confirmQueue, hasConfirmHost, nextConfirmId } from "../internal/overlays/confirm.mjs";
 export function usePrompt() {
+  const { t } = useLocale();
   return function prompt(input = {}) {
     const options = typeof input === "string" ? { title: input } : input;
     if (typeof window === "undefined") return Promise.resolve(null);
@@ -9,7 +11,7 @@ export function usePrompt() {
     }
     return new Promise((resolve) => {
       confirmQueue.push({
-        title: "Enter a value",
+        title: t("prompt.title"),
         ...options,
         kind: "prompt",
         id: nextConfirmId(),

package/dist/editor/RichTextEditor.vue

@@ -96,8 +96,8 @@ import { computed, nextTick, onBeforeUnmount, ref, useTemplateRef, watch } from
 import Button from "../components/core/Button.vue";
 import { useFieldControl } from "../composables/useField";
 import { useRovingTabStops } from "../internal/core/roving";
-import { formatMessage } from "../internal/core/text";
-import { defaultEditorMessages } from "./messages";
+import { useLocale } from "../composables/useLocale";
+import { formatLocaleMessage } from "../locale";
 const icons = {
   undo: "M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3",
   redo: "m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3",
@@ -116,6 +116,8 @@ const props = defineProps({
   minHeight: { type: String, required: false, default: "10rem" },
   maxHeight: { type: String, required: false },
   label: { type: String, required: false },
+  headings: { type: Array, required: false, default: () => [2, 3, 4] },
+  extensions: { type: Array, required: false, default: () => [] },
   messages: { type: Object, required: false }
 });
 const model = defineModel({ type: [String, Object, null], ...{ default: null } });
@@ -124,7 +126,8 @@ const control = useFieldControl({
   disabled: () => props.disabled,
   required: () => props.required
 });
-const text = computed(() => ({ ...defaultEditorMessages, ...props.messages }));
+const { locale } = useLocale();
+const text = computed(() => ({ ...locale.value.messages.editor, ...props.messages }));
 const toolbarRef = useTemplateRef("toolbarRef");
 const linkInputRef = useTemplateRef("linkInputRef");
 const linkOpen = ref(false);
@@ -132,12 +135,12 @@ const linkUrl = ref("");
 const editable = computed(() => !props.readonly && !control.disabled.value);
 const showToolbar = computed(() => editable.value);
 function serialize(current) {
-  if (props.format === "json") return current.isEmpty ? null : current.getJSON();
-  return current.isEmpty ? "" : current.getHTML();
+  if (current.isEmpty) return null;
+  return props.format === "json" ? current.getJSON() : current.getHTML();
 }
 function isSameValue(current, value) {
-  const incoming = value ?? (props.format === "json" ? null : "");
-  return JSON.stringify(serialize(current)) === JSON.stringify(incoming);
+  const incoming = value === "" ? null : value;
+  return JSON.stringify(serialize(current)) === JSON.stringify(incoming ?? null);
 }
 function describedBy() {
   return control.describedBy.value;
@@ -165,11 +168,12 @@ const editor = useEditor({
   editable: editable.value,
   extensions: [
     StarterKit.configure({
-      heading: { levels: [2, 3, 4] },
+      heading: props.headings.length ? { levels: props.headings } : false,
       link: { openOnClick: false, autolink: true }
     }),
     Placeholder.configure({ placeholder: () => props.placeholder ?? "" }),
-    CharacterCount.configure({ limit: props.maxLength })
+    CharacterCount.configure({ limit: props.maxLength }),
+    ...props.extensions
   ],
   editorProps: { attributes: contentAttributes() },
   onUpdate: ({ editor: current }) => {
@@ -178,7 +182,9 @@ const editor = useEditor({
 });
 const characters = computed(() => editor.value?.storage.characterCount?.characters() ?? 0);
 const countText = computed(() => {
-  const base = formatMessage(text.value.characters, { count: characters.value });
+  const base = formatLocaleMessage(locale.value.code, text.value.characters, {
+    count: characters.value
+  });
   return props.maxLength === void 0 ? base : `${characters.value} / ${props.maxLength}`;
 });
 watch(model, (value) => {
@@ -201,11 +207,11 @@ watch(
   () => editor.value?.setOptions({ editorProps: { attributes: contentAttributes() } })
 );
 onBeforeUnmount(() => editor.value?.destroy());
-function heading(level) {
+function heading(level, rank) {
   return {
     id: `h${level}`,
-    label: formatMessage(text.value.heading, { level: level - 1 }),
-    glyph: `H${level - 1}`,
+    label: formatLocaleMessage(locale.value.code, text.value.heading, { level: rank }),
+    glyph: `H${rank}`,
     glyphClass: "is-bold",
     active: () => editor.value?.isActive("heading", { level }) ?? false,
     run: () => editor.value?.chain().focus().toggleHeading({ level }).run()
@@ -240,7 +246,7 @@ const groups = computed(() => [
       run: () => editor.value?.chain().focus().redo().run()
     }
   ],
-  [heading(2), heading(3), heading(4)],
+  props.headings.map((level, index) => heading(level, index + 1)),
   [
     mark(
       "bold",

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

@@ -1,5 +1,6 @@
 import type { Editor } from '@tiptap/vue-3';
-import type { EditorFormat, EditorMessages, EditorValue } from './types';
+import type { Extensions } from '@tiptap/vue-3';
+import type { EditorFormat, EditorHeadingLevel, EditorMessages, EditorValue } from './types';
 declare const __VLS_export: import("vue").DefineComponent<{
     format?: EditorFormat;
     placeholder?: string | undefined;
@@ -12,16 +13,20 @@ declare const __VLS_export: import("vue").DefineComponent<{
     minHeight?: string;
     maxHeight?: string;
     label?: string;
+    headings?: EditorHeadingLevel[];
+    extensions?: Extensions;
     messages?: Partial<EditorMessages>;
     modelValue?: EditorValue;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    style?: import("vue").StyleValue;
+    results?: (string | number) | undefined;
     ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    style?: import("vue").StyleValue;
-    title?: string | undefined | undefined;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -130,7 +135,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -139,7 +144,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
@@ -175,7 +180,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | 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;
@@ -184,7 +189,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     resource?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
@@ -197,7 +201,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
@@ -222,16 +225,20 @@ declare const __VLS_export: import("vue").DefineComponent<{
     minHeight?: string;
     maxHeight?: string;
     label?: string;
+    headings?: EditorHeadingLevel[];
+    extensions?: Extensions;
     messages?: Partial<EditorMessages>;
     modelValue?: EditorValue;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    style?: import("vue").StyleValue;
+    results?: (string | number) | undefined;
     ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    style?: import("vue").StyleValue;
-    title?: string | undefined | undefined;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -340,7 +347,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -349,7 +356,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
@@ -385,7 +392,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | 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;
@@ -394,7 +401,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     resource?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
@@ -407,7 +413,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
@@ -421,6 +426,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
     invalid: boolean;
     format: EditorFormat;
     minHeight: string;
+    headings: EditorHeadingLevel[];
+    extensions: Extensions;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/editor/index.d.ts

@@ -1,3 +1,2 @@
 export { default as RichTextEditor } from './RichTextEditor.vue';
-export { defaultEditorMessages } from './messages';
 export type * from './types';

package/dist/editor/index.mjs

@@ -1,2 +1 @@
 export { default as RichTextEditor } from "./RichTextEditor.vue";
-export { defaultEditorMessages } from "./messages.mjs";

package/dist/editor/types.d.ts

@@ -1,21 +1,6 @@
 import type { JSONContent } from '@tiptap/vue-3';
+import type { KMessages } from '../locale/types';
 export type EditorFormat = 'html' | 'json';
 export type EditorValue = string | JSONContent | null;
-export interface EditorMessages {
-    bold: string;
-    italic: string;
-    strike: string;
-    code: string;
-    heading: string;
-    bulletList: string;
-    orderedList: string;
-    blockquote: string;
-    link: string;
-    undo: string;
-    redo: string;
-    toolbar: string;
-    linkUrl: string;
-    applyLink: string;
-    removeLink: string;
-    characters: string;
-}
+export type EditorMessages = KMessages['editor'];
+export type EditorHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;

package/dist/grid/DataGrid.vue

@@ -35,6 +35,7 @@
             :get-row-id="props.rowIdKey ? getRowId : void 0"
             :loading="loading"
             :locale-text="localeText"
+            :context="cellContext"
             :overlay-no-rows-template="noRowsTemplate"
             :overlay-loading-template="loadingTemplate"
             :quick-filter-text="serverPagination ? void 0 : query"
@@ -92,10 +93,10 @@ import { computed, onMounted, ref, shallowRef, watch } from "vue";
 import Pagination from "../components/data/Pagination.vue";
 import Spinner from "../components/core/Spinner.vue";
 import { useCopy } from "../composables/useCopy";
+import { useLocale } from "../composables/useLocale";
 import { readStorageJson, removeStorage, writeStorageJson } from "../internal/core/storage";
 import GridToolbar from "./GridToolbar.vue";
 import { escapeHtml, formatMessage as format } from "../internal/core/text";
-import { resolveGridMessages } from "./messages";
 import { registerGridModules } from "./modules";
 import { getGridTheme } from "./theme";
 registerGridModules();
@@ -128,7 +129,15 @@ const emit = defineEmits(["rowClick", "selectionChange", "sortChange", "copy"]);
 const query = defineModel("query", { type: String, ...{ default: "" } });
 const page = defineModel("page", { type: Number, ...{ default: 1 } });
 const pageSize = defineModel("pageSize", { type: Number, ...{ default: 25 } });
-const text = computed(() => resolveGridMessages(props.messages));
+const { locale } = useLocale();
+const text = computed(() => ({
+  ...locale.value.messages.grid,
+  ...props.messages
+}));
+const cellContext = computed(() => ({
+  messages: text.value,
+  locale: locale.value.code
+}));
 const theme = computed(() => getGridTheme(props.density));
 const mounted = ref(false);
 const api = shallowRef(null);

package/dist/grid/GridToolbar.vue

@@ -48,7 +48,7 @@ import { computed, onBeforeUnmount, ref, watch } from "vue";
 import Button from "../components/core/Button.vue";
 import Input from "../components/core/Input.vue";
 import DropdownMenu from "../components/overlays/DropdownMenu.vue";
-import { resolveGridMessages } from "./messages";
+import { useLocale } from "../composables/useLocale";
 const props = defineProps({
   api: { type: [Object, null], required: false },
   messages: { type: Object, required: false },
@@ -60,7 +60,11 @@ const props = defineProps({
 });
 const emit = defineEmits(["resetColumns"]);
 const query = defineModel({ type: String, ...{ default: "" } });
-const text = computed(() => resolveGridMessages(props.messages));
+const { locale } = useLocale();
+const text = computed(() => ({
+  ...locale.value.messages.grid,
+  ...props.messages
+}));
 const draft = ref(query.value);
 const columns = ref([]);
 const visibleCount = computed(() => columns.value.filter((column) => column.visible).length);

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

@@ -1,10 +1,11 @@
+import type { GridMessages } from './types';
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{
     api?: import("ag-grid-community").GridApi | null;
-    messages?: Partial<import("./types").GridMessages>;
+    messages?: Partial<GridMessages>;
     searchable?: boolean;
     columnMenu?: boolean;
     exportable?: boolean;
@@ -12,14 +13,16 @@ declare const __VLS_base: import("vue").DefineComponent<{
     debounce?: number;
     modelValue?: string;
     key?: PropertyKey | undefined;
-    ref?: import("vue").VNodeRef | undefined;
+    prefix?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    style?: import("vue").StyleValue;
+    results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    style?: import("vue").StyleValue;
-    title?: string | undefined | undefined;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -128,7 +131,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -137,7 +140,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
@@ -173,7 +176,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | 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;
@@ -182,7 +185,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     resource?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
@@ -195,7 +197,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
@@ -204,11 +205,11 @@ declare const __VLS_base: import("vue").DefineComponent<{
     part?: string | undefined;
     popover?: (import("../index.ts").PopoverMode | "" | boolean) | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
     resetColumns: () => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<{
     api?: import("ag-grid-community").GridApi | null;
-    messages?: Partial<import("./types").GridMessages>;
+    messages?: Partial<GridMessages>;
     searchable?: boolean;
     columnMenu?: boolean;
     exportable?: boolean;
@@ -216,14 +217,16 @@ declare const __VLS_base: import("vue").DefineComponent<{
     debounce?: number;
     modelValue?: string;
     key?: PropertyKey | undefined;
-    ref?: import("vue").VNodeRef | undefined;
+    prefix?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    style?: import("vue").StyleValue;
+    results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    style?: import("vue").StyleValue;
-    title?: string | undefined | undefined;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -332,7 +335,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -341,7 +344,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
@@ -377,7 +380,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | 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;
@@ -386,7 +389,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     resource?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
@@ -399,7 +401,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
@@ -408,8 +409,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     part?: string | undefined;
     popover?: (import("../index.ts").PopoverMode | "" | boolean) | undefined;
 }> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onResetColumns?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     debounce: number;
     searchable: boolean;