npm - @cnamts/synapse - Versions diffs - 0.0.12-alpha → 0.0.14-alpha - Mend

@cnamts/synapse 0.0.12-alpha → 0.0.14-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (731) hide show

package/dist/{src/components → components}/Customs/SyTextField/SyTextField.d.ts RENAMED Viewed

@@ -18,7 +18,7 @@ type __VLS_Props = {
     errorMessages?: string[] | null;
     warningMessages?: string[] | null;
     successMessages?: string[] | null;
-    isReadOnly?: boolean;
+    readOnly?: boolean;
     isActive?: boolean;
     baseColor?: string;
     bgColor?: string;
@@ -28,7 +28,7 @@ type __VLS_Props = {
     density?: 'default' | 'comfortable' | 'compact';
     direction?: 'horizontal' | 'vertical';
     isDirty?: boolean;
-    isDisabled?: boolean;
+    disabled?: boolean;
     isOnError?: boolean;
     isFlat?: boolean;
     isFocused?: boolean;
@@ -64,6 +64,7 @@ type __VLS_Props = {
     customSuccessRules?: ValidationRule[];
     showSuccessMessages?: boolean;
     isValidateOnBlur?: boolean;
+    disableErrorHandling?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {
     validation: {
@@ -105,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     errorMessages: string[] | null;
     warningMessages: string[] | null;
     successMessages: string[] | null;
-    isReadOnly: boolean;
+    readOnly: boolean;
     isActive: boolean;
     baseColor: string;
     bgColor: string;
@@ -115,7 +116,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     density: "default" | "comfortable" | "compact";
     direction: "horizontal" | "vertical";
     isDirty: boolean;
-    isDisabled: boolean;
+    disabled: boolean;
     isOnError: boolean;
     isFlat: boolean;
     isFocused: boolean;
@@ -151,6 +152,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     customSuccessRules: ValidationRule[];
     showSuccessMessages: boolean;
     isValidateOnBlur: boolean;
+    disableErrorHandling: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     prepend?(_: {}): any;
     append?(_: {}): any;

package/dist/{src/components → components}/DatePicker/DatePicker.d.ts RENAMED Viewed

@@ -1,7 +1,5 @@
 import { nextTick } from 'vue';
-import { RuleOptions } from '../../composables/rules/useFieldValidation';
-type DateValue = string | [string, string] | null;
-type DateInput = string | string[] | null | object;
+import { DateValue, DateInput } from '../../composables/date/useDateInitialization';
 type __VLS_Props = {
     modelValue?: DateInput;
     placeholder?: string;
@@ -16,27 +14,31 @@ type __VLS_Props = {
     displayPrependIcon?: boolean;
     customRules?: {
         type: string;
-        options: RuleOptions;
+        options: any;
     }[];
     customWarningRules?: {
         type: string;
-        options: RuleOptions;
+        options: any;
     }[];
-    isDisabled?: boolean;
+    disabled?: boolean;
     noIcon?: boolean;
     noCalendar?: boolean;
     isOutlined?: boolean;
-    isReadOnly?: boolean;
+    readOnly?: boolean;
     width?: string;
+    disableErrorHandling?: boolean;
+    showSuccessMessages?: boolean;
+    bgColor?: string;
 };
-declare function initializeSelectedDates(modelValue: DateInput | null): Date | Date[] | null;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     validateOnSubmit: () => any;
     isDatePickerVisible: import('vue').Ref<boolean, boolean>;
     selectedDates: import('vue').Ref<Date | Date[] | null, Date | Date[] | null>;
     errorMessages: import('vue').Ref<string[], string[]>;
     handleClickOutside: (event: MouseEvent) => void;
-    initializeSelectedDates: typeof initializeSelectedDates;
+    initializeSelectedDates: (modelValue: DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
+    updateAccessibility: () => Promise<void>;
+    openDatePicker: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: DateValue) => any;
     blur: () => any;
@@ -50,19 +52,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }>, {
     required: boolean;
     modelValue: DateInput;
-    isReadOnly: boolean;
-    isDisabled: boolean;
+    readOnly: boolean;
+    bgColor: string;
+    disabled: boolean;
     placeholder: string;
     width: string;
     noIcon: boolean;
     customRules: {
         type: string;
-        options: RuleOptions;
+        options: any;
     }[];
     customWarningRules: {
         type: string;
-        options: RuleOptions;
+        options: any;
     }[];
+    showSuccessMessages: boolean;
+    disableErrorHandling: boolean;
     format: string;
     dateFormatReturn: string;
     isOutlined: boolean;
@@ -81,27 +86,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         dateFormatReturn?: string | undefined;
         label?: string | undefined;
         required?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isReadOnly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
         isOutlined?: boolean | undefined;
         displayIcon?: boolean | undefined;
         displayAppendIcon?: 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;
         displayPrependIcon?: boolean | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
     }> & Readonly<{
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
     }>, {
-        validateOnSubmit: () => boolean;
+        validateOnSubmit: () => Promise<boolean>;
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -112,18 +113,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         required: boolean;
         modelValue: string | null;
         label: string;
-        isReadOnly: boolean;
-        isDisabled: boolean;
+        readOnly: boolean;
+        disabled: boolean;
         placeholder: string;
         noIcon: boolean;
-        customRules: {
-            type: string;
-            options: RuleOptions;
-        }[];
-        customWarningRules: {
-            type: string;
-            options: RuleOptions;
-        }[];
+        customRules: import('../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         format: string;
         dateFormatReturn: string;
         isOutlined: boolean;
@@ -152,7 +149,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly errorMessages?: string[] | null | undefined;
                 readonly warningMessages?: string[] | null | undefined;
                 readonly successMessages?: string[] | null | undefined;
-                readonly isReadOnly?: boolean | undefined;
+                readonly readOnly?: boolean | undefined;
                 readonly isActive?: boolean | undefined;
                 readonly baseColor?: string | undefined;
                 readonly bgColor?: string | undefined;
@@ -162,7 +159,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly density?: "default" | "comfortable" | "compact" | undefined;
                 readonly direction?: "horizontal" | "vertical" | undefined;
                 readonly isDirty?: boolean | undefined;
-                readonly isDisabled?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
                 readonly isOnError?: boolean | undefined;
                 readonly isFlat?: boolean | undefined;
                 readonly isFocused?: boolean | undefined;
@@ -198,6 +195,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
                 readonly showSuccessMessages?: boolean | undefined;
                 readonly isValidateOnBlur?: boolean | undefined;
+                readonly disableErrorHandling?: boolean | undefined;
                 readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 readonly onClear?: ((...args: any[]) => any) | undefined;
                 readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
@@ -235,7 +233,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 errorMessages?: string[] | null | undefined;
                 warningMessages?: string[] | null | undefined;
                 successMessages?: string[] | null | undefined;
-                isReadOnly?: boolean | undefined;
+                readOnly?: boolean | undefined;
                 isActive?: boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
@@ -245,7 +243,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 density?: "default" | "comfortable" | "compact" | undefined;
                 direction?: "horizontal" | "vertical" | undefined;
                 isDirty?: boolean | undefined;
-                isDisabled?: boolean | undefined;
+                disabled?: boolean | undefined;
                 isOnError?: boolean | undefined;
                 isFlat?: boolean | undefined;
                 isFocused?: boolean | undefined;
@@ -281,6 +279,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
                 showSuccessMessages?: boolean | undefined;
                 isValidateOnBlur?: boolean | undefined;
+                disableErrorHandling?: boolean | undefined;
             }> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
@@ -321,7 +320,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 errorMessages: string[] | null;
                 warningMessages: string[] | null;
                 successMessages: string[] | null;
-                isReadOnly: boolean;
+                readOnly: boolean;
                 isActive: boolean;
                 baseColor: string;
                 bgColor: string;
@@ -331,7 +330,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 density: "default" | "comfortable" | "compact";
                 direction: "horizontal" | "vertical";
                 isDirty: boolean;
-                isDisabled: boolean;
+                disabled: boolean;
                 isOnError: boolean;
                 isFlat: boolean;
                 isFocused: boolean;
@@ -367,6 +366,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
                 showSuccessMessages: boolean;
                 isValidateOnBlur: boolean;
+                disableErrorHandling: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -403,7 +403,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             errorMessages: string[] | null;
             warningMessages: string[] | null;
             successMessages: string[] | null;
-            isReadOnly: boolean;
+            readOnly: boolean;
             isActive: boolean;
             baseColor: string;
             bgColor: string;
@@ -413,7 +413,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             density: "default" | "comfortable" | "compact";
             direction: "horizontal" | "vertical";
             isDirty: boolean;
-            isDisabled: boolean;
+            disabled: boolean;
             isOnError: boolean;
             isFlat: boolean;
             isFocused: boolean;
@@ -449,6 +449,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
             showSuccessMessages: boolean;
             isValidateOnBlur: boolean;
+            disableErrorHandling: boolean;
         }> & Omit<Readonly<{
             modelValue?: string | number | null | undefined;
             prependIcon?: import('../Customs/SyTextField/types').IconType;
@@ -467,7 +468,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             errorMessages?: string[] | null | undefined;
             warningMessages?: string[] | null | undefined;
             successMessages?: string[] | null | undefined;
-            isReadOnly?: boolean | undefined;
+            readOnly?: boolean | undefined;
             isActive?: boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
@@ -477,7 +478,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             density?: "default" | "comfortable" | "compact" | undefined;
             direction?: "horizontal" | "vertical" | undefined;
             isDirty?: boolean | undefined;
-            isDisabled?: boolean | undefined;
+            disabled?: boolean | undefined;
             isOnError?: boolean | undefined;
             isFlat?: boolean | undefined;
             isFocused?: boolean | undefined;
@@ -513,12 +514,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
             showSuccessMessages?: boolean | undefined;
             isValidateOnBlur?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
             "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
             "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-        }>, "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" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "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" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
             validation: {
                 errors: import('vue').Ref<string[], string[]>;
                 warnings: import('vue').Ref<string[], string[]>;
@@ -555,45 +557,37 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         dateFormatReturn?: string | undefined;
         label?: string | undefined;
         required?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isReadOnly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
         isOutlined?: boolean | undefined;
         displayIcon?: boolean | undefined;
         displayAppendIcon?: 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;
         displayPrependIcon?: boolean | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
     }> & Readonly<{
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
     }>, {
-        validateOnSubmit: () => boolean;
+        validateOnSubmit: () => Promise<boolean>;
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, {
         required: boolean;
         modelValue: string | null;
         label: string;
-        isReadOnly: boolean;
-        isDisabled: boolean;
+        readOnly: boolean;
+        disabled: boolean;
         placeholder: string;
         noIcon: boolean;
-        customRules: {
-            type: string;
-            options: RuleOptions;
-        }[];
-        customWarningRules: {
-            type: string;
-            options: RuleOptions;
-        }[];
+        customRules: import('../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         format: string;
         dateFormatReturn: string;
         isOutlined: boolean;

package/dist/{src/components → components}/DatePicker/DateTextInput.d.ts RENAMED Viewed

@@ -1,5 +1,5 @@
 import { nextTick } from 'vue';
-import { RuleOptions } from '../../composables/rules/useFieldValidation';
+import { ValidationRule } from '../../composables/validation/useValidation';
 type DateValue = string | null;
 type __VLS_Props = {
     modelValue?: DateValue;
@@ -8,24 +8,20 @@ type __VLS_Props = {
     dateFormatReturn?: string;
     label?: string;
     required?: boolean;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
     isOutlined?: boolean;
     displayIcon?: boolean;
     displayAppendIcon?: boolean;
     noIcon?: boolean;
-    customRules?: {
-        type: string;
-        options: RuleOptions;
-    }[];
-    customWarningRules?: {
-        type: string;
-        options: RuleOptions;
-    }[];
+    customRules?: ValidationRule[];
+    customWarningRules?: ValidationRule[];
     displayPrependIcon?: boolean;
+    disableErrorHandling?: boolean;
+    showSuccessMessages?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
-    validateOnSubmit: () => boolean;
+    validateOnSubmit: () => Promise<boolean>;
     focus: () => void;
     blur: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -40,18 +36,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     required: boolean;
     modelValue: DateValue;
     label: string;
-    isReadOnly: boolean;
-    isDisabled: boolean;
+    readOnly: boolean;
+    disabled: boolean;
     placeholder: string;
     noIcon: boolean;
-    customRules: {
-        type: string;
-        options: RuleOptions;
-    }[];
-    customWarningRules: {
-        type: string;
-        options: RuleOptions;
-    }[];
+    customRules: ValidationRule[];
+    customWarningRules: ValidationRule[];
+    showSuccessMessages: boolean;
+    disableErrorHandling: boolean;
     format: string;
     dateFormatReturn: string;
     isOutlined: boolean;
@@ -80,7 +72,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly errorMessages?: string[] | null | undefined;
             readonly warningMessages?: string[] | null | undefined;
             readonly successMessages?: string[] | null | undefined;
-            readonly isReadOnly?: boolean | undefined;
+            readonly readOnly?: boolean | undefined;
             readonly isActive?: boolean | undefined;
             readonly baseColor?: string | undefined;
             readonly bgColor?: string | undefined;
@@ -90,7 +82,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly density?: "default" | "comfortable" | "compact" | undefined;
             readonly direction?: "horizontal" | "vertical" | undefined;
             readonly isDirty?: boolean | undefined;
-            readonly isDisabled?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
             readonly isOnError?: boolean | undefined;
             readonly isFlat?: boolean | undefined;
             readonly isFocused?: boolean | undefined;
@@ -121,11 +113,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly width?: string | number | undefined;
             readonly displayAsterisk?: boolean | undefined;
             readonly noIcon?: boolean | 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 customRules?: ValidationRule[] | undefined;
+            readonly customWarningRules?: ValidationRule[] | undefined;
+            readonly customSuccessRules?: ValidationRule[] | undefined;
             readonly showSuccessMessages?: boolean | undefined;
             readonly isValidateOnBlur?: boolean | undefined;
+            readonly disableErrorHandling?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             readonly onClear?: ((...args: any[]) => any) | undefined;
             readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
@@ -163,7 +156,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             errorMessages?: string[] | null | undefined;
             warningMessages?: string[] | null | undefined;
             successMessages?: string[] | null | undefined;
-            isReadOnly?: boolean | undefined;
+            readOnly?: boolean | undefined;
             isActive?: boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
@@ -173,7 +166,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             density?: "default" | "comfortable" | "compact" | undefined;
             direction?: "horizontal" | "vertical" | undefined;
             isDirty?: boolean | undefined;
-            isDisabled?: boolean | undefined;
+            disabled?: boolean | undefined;
             isOnError?: boolean | undefined;
             isFlat?: boolean | undefined;
             isFocused?: boolean | undefined;
@@ -204,11 +197,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             width?: string | number | undefined;
             displayAsterisk?: boolean | undefined;
             noIcon?: boolean | undefined;
-            customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-            customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-            customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
+            customSuccessRules?: ValidationRule[] | undefined;
             showSuccessMessages?: boolean | undefined;
             isValidateOnBlur?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
@@ -222,7 +216,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
+                validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
                 validateOnSubmit: () => Promise<boolean>;
                 clearValidation: () => void;
             };
@@ -249,7 +243,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             errorMessages: string[] | null;
             warningMessages: string[] | null;
             successMessages: string[] | null;
-            isReadOnly: boolean;
+            readOnly: boolean;
             isActive: boolean;
             baseColor: string;
             bgColor: string;
@@ -259,7 +253,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             density: "default" | "comfortable" | "compact";
             direction: "horizontal" | "vertical";
             isDirty: boolean;
-            isDisabled: boolean;
+            disabled: boolean;
             isOnError: boolean;
             isFlat: boolean;
             isFocused: boolean;
@@ -290,11 +284,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             width: string | number;
             displayAsterisk: boolean;
             noIcon: boolean;
-            customRules: import('../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
-            customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: ValidationRule[];
             showSuccessMessages: boolean;
             isValidateOnBlur: boolean;
+            disableErrorHandling: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -331,7 +326,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         errorMessages: string[] | null;
         warningMessages: string[] | null;
         successMessages: string[] | null;
-        isReadOnly: boolean;
+        readOnly: boolean;
         isActive: boolean;
         baseColor: string;
         bgColor: string;
@@ -341,7 +336,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         density: "default" | "comfortable" | "compact";
         direction: "horizontal" | "vertical";
         isDirty: boolean;
-        isDisabled: boolean;
+        disabled: boolean;
         isOnError: boolean;
         isFlat: boolean;
         isFocused: boolean;
@@ -372,11 +367,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         width: string | number;
         displayAsterisk: boolean;
         noIcon: boolean;
-        customRules: import('../../composables/validation/useValidation').ValidationRule[];
-        customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
-        customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+        customRules: ValidationRule[];
+        customWarningRules: ValidationRule[];
+        customSuccessRules: ValidationRule[];
         showSuccessMessages: boolean;
         isValidateOnBlur: boolean;
+        disableErrorHandling: boolean;
     }> & Omit<Readonly<{
         modelValue?: string | number | null | undefined;
         prependIcon?: import('../Customs/SyTextField/types').IconType;
@@ -395,7 +391,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         errorMessages?: string[] | null | undefined;
         warningMessages?: string[] | null | undefined;
         successMessages?: string[] | null | undefined;
-        isReadOnly?: boolean | undefined;
+        readOnly?: boolean | undefined;
         isActive?: boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
@@ -405,7 +401,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         density?: "default" | "comfortable" | "compact" | undefined;
         direction?: "horizontal" | "vertical" | undefined;
         isDirty?: boolean | undefined;
-        isDisabled?: boolean | undefined;
+        disabled?: boolean | undefined;
         isOnError?: boolean | undefined;
         isFlat?: boolean | undefined;
         isFocused?: boolean | undefined;
@@ -436,17 +432,18 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         width?: string | number | undefined;
         displayAsterisk?: boolean | undefined;
         noIcon?: boolean | undefined;
-        customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-        customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-        customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+        customRules?: ValidationRule[] | undefined;
+        customWarningRules?: ValidationRule[] | undefined;
+        customSuccessRules?: ValidationRule[] | undefined;
         showSuccessMessages?: boolean | undefined;
         isValidateOnBlur?: boolean | undefined;
+        disableErrorHandling?: boolean | undefined;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
         "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
         "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-    }>, "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" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "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" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
         validation: {
             errors: import('vue').Ref<string[], string[]>;
             warnings: import('vue').Ref<string[], string[]>;
@@ -454,7 +451,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             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;
+            validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
             validateOnSubmit: () => Promise<boolean>;
             clearValidation: () => void;
         };