@cnamts/synapse 0.0.11-alpha → 0.0.12-alpha

package/dist/src/components/Amelipro/types/languages.d.ts

@@ -0,0 +1,6 @@
+declare module 'languages' {
+	import type { Language } from './types.d.ts'
+
+	export function getLanguageInfo(langCode: string): Language
+	export function getAllLanguageCode(): string[]
+};

package/dist/src/components/Amelipro/types/types.d.ts

@@ -0,0 +1,65 @@
+export interface Link {
+	id: number
+	url: string
+	name: string
+}
+
+export interface IndexedObject<T = string> {
+	[key: string]: T
+}
+
+export type Refs<T extends Record<string, unknown>> = Vue['$refs'] & T
+
+export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'smAndDown' | 'smAndUp' | 'mdAndDown' | 'mdAndUp' | 'lgAndDown' | 'lgAndUp' | 'xlAndDown'
+
+export interface IDataListItem {
+	id: number
+	[key: string]: string | number | undefined
+	accordionTitle?: string
+}
+
+export interface Theme {
+	primary: string
+	secondary: string
+	info: string
+	warning: string
+	error: string
+	success: string
+}
+
+export interface VuetifyTheme extends Theme {
+	[key: string]: string
+}
+
+export interface Color {
+	darken1?: string
+	darken2?: string
+	darken3?: string
+	darken4?: string
+	darken5?: string
+	darken6?: string
+	base: string
+	lighten1?: string
+	lighten2?: string
+	lighten3?: string
+	lighten4?: string
+	lighten5?: string
+	lighten6?: string
+}
+
+export interface Palette {
+	apBlue: Color
+	apGrey: Color
+	apWhite: Color
+	apBlack: Color
+	apYellow: Color
+	apGreen: Color
+	apRed: Color
+	apTurquoise: Color
+	apParme: Color
+	apPink: Color
+}
+
+export type Colors = Theme & Palette
+
+export type ValidateOn = 'lazy' | ('input' | 'blur' | 'submit') | 'input lazy' | 'blur lazy' | 'submit lazy' | 'lazy input' | 'lazy blur' | 'lazy submit' | undefined

package/dist/src/components/CookieBanner/CookieBanner.d.ts

@@ -14,9 +14,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     customize: (...args: any[]) => void;
     "update:modelValue": (value: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
     onAccept?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onReject?: ((...args: any[]) => any) | undefined;
     onCustomize?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, any>;

package/dist/src/components/Customs/SyInputSelect/SyInputSelect.d.ts

@@ -9,6 +9,7 @@ type __VLS_Props = CustomizableOptions & {
     required?: boolean;
     errorMessages?: string | string[];
     isHeaderToolbar?: boolean;
+    displayAsterisk?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     isOpen: import('vue').Ref<boolean, boolean>;
@@ -26,6 +27,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     modelValue: string | Record<string, unknown> | null;
     label: string;
     errorMessages: string | string[];
+    displayAsterisk: boolean;
     items: string[] | Record<string, unknown>[];
     textKey: string;
     valueKey: string;

package/dist/src/components/Customs/SyTextField/SyTextField.d.ts

@@ -1,11 +1,14 @@
 import { IconType, VariantStyle, ColorType } from './types';
-import { RuleOptions } from '../../../composables/rules/useFieldValidation';
+import { ValidationRule } from '../../../composables/validation/useValidation';
 type __VLS_Props = {
     modelValue?: string | number | null;
     prependIcon?: IconType;
     appendIcon?: IconType;
     prependInnerIcon?: IconType;
     appendInnerIcon?: IconType;
+    prependTooltip?: string;
+    appendTooltip?: string;
+    tooltipLocation?: 'top' | 'bottom' | 'start' | 'end';
     variantStyle?: VariantStyle;
     color?: ColorType;
     isClearable?: boolean;
@@ -56,30 +59,34 @@ type __VLS_Props = {
     width?: string | number;
     displayAsterisk?: boolean;
     noIcon?: boolean;
-    customRules?: {
-        type: string;
-        options: RuleOptions;
-    }[];
-    customWarningRules?: {
-        type: string;
-        options: RuleOptions;
-    }[];
+    customRules?: ValidationRule[];
+    customWarningRules?: ValidationRule[];
+    customSuccessRules?: ValidationRule[];
     showSuccessMessages?: boolean;
+    isValidateOnBlur?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {
-    appendInnerIconColor: import('vue').ComputedRef<"error" | "warning" | "success" | "black">;
+    validation: {
+        errors: import('vue').Ref<string[], string[]>;
+        warnings: import('vue').Ref<string[], string[]>;
+        successes: import('vue').Ref<string[], string[]>;
+        hasError: import('vue').ComputedRef<boolean>;
+        hasWarning: import('vue').ComputedRef<boolean>;
+        hasSuccess: import('vue').ComputedRef<boolean>;
+        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult;
+        validateOnSubmit: () => Promise<boolean>;
+        clearValidation: () => void;
+    };
     validateOnSubmit: () => boolean;
-    errors: import('vue').Ref<string[], string[]>;
-    warnings: import('vue').Ref<string[], string[]>;
-    successes: import('vue').Ref<string[], string[]>;
+    checkErrorOnBlur: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
     clear: (...args: any[]) => void;
-    "update:model-value": (...args: any[]) => void;
     "prepend-icon-click": (...args: any[]) => void;
     "append-icon-click": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
     "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
     "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -88,6 +95,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
     prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
     appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+    prependTooltip: string;
+    appendTooltip: string;
+    tooltipLocation: "top" | "bottom" | "start" | "end";
     variantStyle: VariantStyle;
     color: ColorType;
     isClearable: boolean;
@@ -136,15 +146,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     width: string | number;
     displayAsterisk: boolean;
     noIcon: boolean;
-    customRules: {
-        type: string;
-        options: RuleOptions;
-    }[];
-    customWarningRules: {
-        type: string;
-        options: RuleOptions;
-    }[];
+    customRules: ValidationRule[];
+    customWarningRules: ValidationRule[];
+    customSuccessRules: ValidationRule[];
     showSuccessMessages: boolean;
+    isValidateOnBlur: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     prepend?(_: {}): any;
     append?(_: {}): any;

package/dist/src/components/Customs/SyTextField/types.d.ts

@@ -1,3 +1,4 @@
 export type IconType = 'info' | 'success' | 'warning' | 'error' | 'close' | 'calendar' | undefined
 export type VariantStyle = 'outlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled' | 'underlined'
 export type ColorType = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error'
+export type ValidateOnType = 'eager' | 'lazy' | 'blur' | 'input' | 'submit' | 'invalid-input' | 'blur lazy' | 'input lazy' | 'submit lazy' | 'invalid-input lazy' | 'blur eager' | 'input eager' | 'submit eager' | 'invalid-input eager' | 'lazy blur' | 'lazy input' | 'lazy submit' | 'lazy invalid-input' | 'eager blur' | 'eager input' | 'eager submit' | 'eager invalid-input' | undefined

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -38,14 +38,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     handleClickOutside: (event: MouseEvent) => void;
     initializeSelectedDates: typeof initializeSelectedDates;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: DateValue) => any;
     blur: () => any;
     focus: () => any;
-    "update:modelValue": (value: DateValue) => any;
     closed: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateValue) => any) | undefined;
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: DateValue) => any) | undefined;
     onClosed?: (() => any) | undefined;
 }>, {
     required: boolean;
@@ -97,17 +97,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         }[] | undefined;
         displayPrependIcon?: boolean | undefined;
     }> & Readonly<{
-        "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
+        "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
     }>, {
         validateOnSubmit: () => boolean;
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:model-value": (value: string | null) => any;
         blur: () => any;
         focus: () => any;
+        "update:model-value": (value: string | null) => any;
     }, import('vue').PublicProps, {
         required: boolean;
         modelValue: string | null;
@@ -140,6 +140,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
                 readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
                 readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly prependTooltip?: string | undefined;
+                readonly appendTooltip?: string | undefined;
+                readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
                 readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
                 readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
                 readonly isClearable?: boolean | undefined;
@@ -190,17 +193,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly width?: string | number | undefined;
                 readonly displayAsterisk?: boolean | undefined;
                 readonly noIcon?: boolean | undefined;
-                readonly customRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | undefined;
-                readonly customWarningRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | undefined;
+                readonly customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
                 readonly showSuccessMessages?: boolean | undefined;
+                readonly isValidateOnBlur?: boolean | undefined;
+                readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 readonly onClear?: ((...args: any[]) => any) | undefined;
-                readonly "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                 readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -216,7 +215,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
             $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
             $host: Element | null;
-            $emit: ((event: "clear", ...args: any[]) => void) & ((event: "update:model-value", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+            $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: string | number | null | undefined;
@@ -224,6 +223,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 appendIcon?: import('../Customs/SyTextField/types').IconType;
                 prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
                 appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                prependTooltip?: string | undefined;
+                appendTooltip?: string | undefined;
+                tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
                 variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
                 color?: import('../Customs/SyTextField/types').ColorType | undefined;
                 isClearable?: boolean | undefined;
@@ -274,29 +276,33 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width?: string | number | undefined;
                 displayAsterisk?: boolean | undefined;
                 noIcon?: boolean | undefined;
-                customRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | undefined;
-                customWarningRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | undefined;
+                customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
                 showSuccessMessages?: boolean | undefined;
+                isValidateOnBlur?: boolean | undefined;
             }> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                 "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
             }>, {
-                appendInnerIconColor: import('vue').ComputedRef<"error" | "warning" | "success" | "black">;
+                validation: {
+                    errors: import('vue').Ref<string[], string[]>;
+                    warnings: import('vue').Ref<string[], string[]>;
+                    successes: import('vue').Ref<string[], string[]>;
+                    hasError: import('vue').ComputedRef<boolean>;
+                    hasWarning: import('vue').ComputedRef<boolean>;
+                    hasSuccess: import('vue').ComputedRef<boolean>;
+                    validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateOnSubmit: () => Promise<boolean>;
+                    clearValidation: () => void;
+                };
                 validateOnSubmit: () => boolean;
-                errors: import('vue').Ref<string[], string[]>;
-                warnings: import('vue').Ref<string[], string[]>;
-                successes: import('vue').Ref<string[], string[]>;
+                checkErrorOnBlur: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
                 clear: (...args: any[]) => void;
-                "update:model-value": (...args: any[]) => void;
                 "prepend-icon-click": (...args: any[]) => void;
                 "append-icon-click": (...args: any[]) => void;
             }, string, {
@@ -305,6 +311,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
                 prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
                 appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependTooltip: string;
+                appendTooltip: string;
+                tooltipLocation: "top" | "bottom" | "start" | "end";
                 variantStyle: import('../Customs/SyTextField/types').VariantStyle;
                 color: import('../Customs/SyTextField/types').ColorType;
                 isClearable: boolean;
@@ -353,15 +362,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width: string | number;
                 displayAsterisk: boolean;
                 noIcon: boolean;
-                customRules: {
-                    type: string;
-                    options: RuleOptions;
-                }[];
-                customWarningRules: {
-                    type: string;
-                    options: RuleOptions;
-                }[];
+                customRules: import('../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
                 showSuccessMessages: boolean;
+                isValidateOnBlur: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -388,6 +393,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
             prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
             appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependTooltip: string;
+            appendTooltip: string;
+            tooltipLocation: "top" | "bottom" | "start" | "end";
             variantStyle: import('../Customs/SyTextField/types').VariantStyle;
             color: import('../Customs/SyTextField/types').ColorType;
             isClearable: boolean;
@@ -436,21 +444,20 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             width: string | number;
             displayAsterisk: boolean;
             noIcon: boolean;
-            customRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
-            customWarningRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
+            customRules: import('../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
             showSuccessMessages: boolean;
+            isValidateOnBlur: boolean;
         }> & Omit<Readonly<{
             modelValue?: string | number | null | undefined;
             prependIcon?: import('../Customs/SyTextField/types').IconType;
             appendIcon?: import('../Customs/SyTextField/types').IconType;
             prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
             appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            prependTooltip?: string | undefined;
+            appendTooltip?: string | undefined;
+            tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
             variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
             color?: import('../Customs/SyTextField/types').ColorType | undefined;
             isClearable?: boolean | undefined;
@@ -501,26 +508,30 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             width?: string | number | undefined;
             displayAsterisk?: boolean | undefined;
             noIcon?: boolean | undefined;
-            customRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
-            customWarningRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
+            customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+            customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+            customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
             showSuccessMessages?: boolean | undefined;
+            isValidateOnBlur?: boolean | undefined;
         }> & Readonly<{
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
             "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-        }>, "appendInnerIconColor" | "validateOnSubmit" | "errors" | "warnings" | "successes" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "isReadOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "isDisabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "showSuccessMessages")> & import('vue').ShallowUnwrapRef<{
-            appendInnerIconColor: import('vue').ComputedRef<"error" | "warning" | "success" | "black">;
+        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "isReadOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "isDisabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur")> & import('vue').ShallowUnwrapRef<{
+            validation: {
+                errors: import('vue').Ref<string[], string[]>;
+                warnings: import('vue').Ref<string[], string[]>;
+                successes: import('vue').Ref<string[], string[]>;
+                hasError: import('vue').ComputedRef<boolean>;
+                hasWarning: import('vue').ComputedRef<boolean>;
+                hasSuccess: import('vue').ComputedRef<boolean>;
+                validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                validateOnSubmit: () => Promise<boolean>;
+                clearValidation: () => void;
+            };
             validateOnSubmit: () => boolean;
-            errors: import('vue').Ref<string[], string[]>;
-            warnings: import('vue').Ref<string[], string[]>;
-            successes: import('vue').Ref<string[], string[]>;
+            checkErrorOnBlur: () => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 prepend?(_: {}): any;
@@ -560,9 +571,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         }[] | undefined;
         displayPrependIcon?: boolean | undefined;
     }> & Readonly<{
-        "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
+        "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
     }>, {
         validateOnSubmit: () => boolean;
         focus: () => void;