@cnamts/synapse 1.0.27 → 1.1.0

package/dist/components/Customs/Selects/SyAutocomplete/composables/useSyAutocompleteValidation.d.ts

@@ -4,8 +4,8 @@ export declare function useSyAutocompleteValidation(props: FieldValidationProps)
     focused: Ref<boolean, boolean>;
     hasInteracted: Ref<boolean, boolean>;
     markInteracted: () => void;
-    validate: (() => Promise<boolean>) | (() => Promise<boolean>);
-    clearValidation: (() => void) | (() => void);
+    validate: () => Promise<boolean>;
+    clearValidation: () => void;
     validateOnSubmit: () => Promise<boolean>;
     validateOnBlur: () => void;
     displayErrors: import('vue').ComputedRef<string[]>;

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

@@ -44,8 +44,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     valueKey: string;
     disableErrorHandling: boolean;
     errorMessages: string | string[];
-    displayAsterisk: boolean;
     customRules: ValidationRule[];
+    displayAsterisk: boolean;
     clearable: boolean;
     isHeaderToolbar: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/Customs/Selects/SySelect/SySelect.d.ts

@@ -44,7 +44,6 @@ declare function __VLS_template(): {
         append?(_: {}): any;
     };
     refs: {
-        labelRef: HTMLSpanElement;
         list: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -490,7 +489,7 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     isOpen: import('vue').Ref<boolean, boolean>;
     closeList: (event?: Event) => void;
-    validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+    validateOnSubmit: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     "prepend-icon-click": (...args: any[]) => void;
@@ -522,6 +521,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
     maxErrors: number;
+    hasError: boolean;
+    hasWarning: boolean;
+    hasSuccess: boolean;
+    useVuetifyValidation: boolean;
+    customRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customWarningRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customSuccessRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
     prependTooltip: string;
     appendTooltip: string;
     tooltipLocation: "top" | "bottom" | "start" | "end";
@@ -531,23 +537,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     disableClickButton: boolean;
     autocomplete: "on" | "off" | string;
     helpText: string;
-    customRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
-    customSuccessRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
-    customWarningRules: import('../../../../composables/unifyValidation/useValidation').ValidationRule[];
-    hasError: boolean;
-    hasSuccess: boolean;
-    hasWarning: boolean;
+    hideDetails: boolean;
     isValidateOnBlur: boolean;
     successMessages: string[] | null;
-    useVuetifyValidation: boolean;
     warningMessages: string[] | null;
-    hideDetails: boolean;
     clearable: boolean;
     plainTextKey: string;
     chips: boolean;
     allowHtml: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    labelRef: HTMLSpanElement;
     list: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};

package/dist/components/Customs/Selects/SySelect/composables/useSySelectValidation.d.ts

@@ -3,13 +3,13 @@ export declare function useSySelectValidation(props: FieldValidationProps & {
     modelValue?: unknown;
 }): {
     focused: import('vue').Ref<boolean, boolean>;
-    validate: (() => Promise<boolean>) | (() => Promise<boolean>);
-    clearValidation: (() => void) | (() => void);
-    errors: import('vue').Ref<string[], string[]> | import('vue').ComputedRef<string[]>;
-    warnings: import('vue').Ref<string[], string[]> | import('vue').ComputedRef<string[]>;
-    successes: import('vue').Ref<string[], string[]> | import('vue').ComputedRef<string[]>;
-    hasError: import('vue').ComputedRef<boolean> | import('vue').ComputedRef<boolean | undefined>;
-    hasWarning: import('vue').ComputedRef<boolean> | import('vue').ComputedRef<boolean | undefined>;
+    validate: () => Promise<boolean>;
+    clearValidation: () => void;
+    errors: import('vue').ComputedRef<string[]>;
+    warnings: import('vue').ComputedRef<string[]>;
+    successes: import('vue').ComputedRef<string[]>;
+    hasError: import('vue').ComputedRef<boolean | undefined>;
+    hasWarning: import('vue').ComputedRef<boolean | undefined>;
     hasSuccess: import('vue').ComputedRef<boolean>;
     validationIcon: import('vue').ComputedRef<string | null>;
 };

package/dist/components/Customs/SyCheckBoxGroup/SyCheckBoxGroup.d.ts

@@ -66,14 +66,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
-    displayAsterisk: boolean;
     customRules: ValidationRule[];
-    customSuccessRules: ValidationRule[];
     customWarningRules: ValidationRule[];
+    customSuccessRules: ValidationRule[];
+    displayAsterisk: boolean;
+    hideDetails: boolean | "auto";
     isValidateOnBlur: boolean;
     successMessages: string[] | null;
     warningMessages: string[] | null;
-    hideDetails: boolean | "auto";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     messagesRef: import('vue').CreateComponentPublicInstanceWithMixins<{
         style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;

package/dist/components/Customs/SyCheckbox/SyCheckbox.d.ts

@@ -452,7 +452,7 @@ declare function __VLS_template(): {
             } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
                 _allExposed: {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -677,14 +677,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
-    displayAsterisk: boolean;
     customRules: ValidationRule[];
-    customSuccessRules: ValidationRule[];
     customWarningRules: ValidationRule[];
+    customSuccessRules: ValidationRule[];
+    displayAsterisk: boolean;
+    hideDetails: boolean | "auto";
     isValidateOnBlur: boolean;
     successMessages: string[] | null;
     warningMessages: string[] | null;
-    hideDetails: boolean | "auto";
     trueValue: true;
     falseValue: false;
     controlsIds: string[];
@@ -1102,7 +1102,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: unknown;
             "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
             _allExposed: {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;

package/dist/components/Customs/SyIcon/SyIcon.d.ts

@@ -7,6 +7,82 @@ type __VLS_Props = {
     autoDetectButton?: boolean;
     color?: string;
     size?: string;
+    width?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    svg: import('vue').CreateComponentPublicInstanceWithMixins<{
+        style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    } & {
+        theme?: string | undefined;
+        class?: any;
+        color?: string | undefined;
+        icon?: IconValue | undefined;
+        opacity?: string | number | undefined;
+    } & {
+        $children?: {
+            default?: (() => import('vue').VNodeChild) | undefined;
+        } | {
+            $stable?: boolean | undefined;
+        } | (() => import('vue').VNodeChild) | import('vue').VNodeChild;
+        "v-slots"?: {
+            default?: false | (() => import('vue').VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        style: import('vue').StyleValue;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    }, true, {}, import('vue').SlotsType<Partial<{
+        default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[];
+    }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, {
+        style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    } & {
+        theme?: string | undefined;
+        class?: any;
+        color?: string | undefined;
+        icon?: IconValue | undefined;
+        opacity?: string | number | undefined;
+    } & {
+        $children?: {
+            default?: (() => import('vue').VNodeChild) | undefined;
+        } | {
+            $stable?: boolean | undefined;
+        } | (() => import('vue').VNodeChild) | import('vue').VNodeChild;
+        "v-slots"?: {
+            default?: false | (() => import('vue').VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
+    }, {}, {}, {}, {}, {
+        style: import('vue').StyleValue;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent;
+        size: string | number;
+        disabled: boolean;
+        start: boolean;
+        end: boolean;
+    }> | null;
+}, any>;
 export default _default;

package/dist/components/Customs/SyRadioGroup/SyRadioGroup.d.ts

@@ -422,7 +422,7 @@ declare function __VLS_template(): {
             } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
                 _allExposed: {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -620,19 +620,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
     maxErrors: number;
-    displayAsterisk: boolean;
-    helpText: string;
-    customRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
-    customSuccessRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
-    customWarningRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
     hasError: boolean;
-    hasSuccess: boolean;
     hasWarning: boolean;
+    hasSuccess: boolean;
+    useVuetifyValidation: boolean;
+    customRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customWarningRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customSuccessRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    displayAsterisk: boolean;
+    helpText: string;
+    hideDetails: boolean | "auto";
     isValidateOnBlur: boolean;
     successMessages: string[] | null;
-    useVuetifyValidation: boolean;
     warningMessages: string[] | null;
-    hideDetails: boolean | "auto";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     radioGroupRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -1031,7 +1031,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: unknown;
             "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
             _allExposed: {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;

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

@@ -1,66 +1,5 @@
 import { nextTick, ComponentPublicInstance } from 'vue';
-import { IconType, VariantStyle, ColorType } from '@/types/vuetifyTypes';
-import { ValidationRule } from '../../../composables/validation/useValidation';
-import { FieldValidationProps } from '../../../composables/unifyValidation/useValidation';
-type __VLS_Props = {
-    modelValue?: string | number | null | undefined;
-    prependIcon?: IconType;
-    appendIcon?: IconType;
-    prependInnerIcon?: IconType;
-    appendInnerIcon?: IconType;
-    prependTooltip?: string;
-    appendTooltip?: string;
-    tooltipLocation?: 'top' | 'bottom' | 'start' | 'end';
-    variantStyle?: VariantStyle;
-    color?: ColorType;
-    isClearable?: boolean;
-    showDivider?: boolean;
-    label?: string;
-    readonly?: boolean;
-    isActive?: boolean;
-    baseColor?: string;
-    bgColor?: string;
-    centerAffix?: boolean;
-    counter?: string | number | boolean;
-    counterValue?: number | ((value: any) => number);
-    density?: 'default' | 'comfortable' | 'compact';
-    direction?: 'horizontal' | 'vertical';
-    isDirty?: boolean;
-    disabled?: boolean;
-    isFlat?: boolean;
-    isFocused?: boolean;
-    areDetailsHidden?: boolean | 'auto';
-    areSpinButtonsHidden?: boolean;
-    hint?: string;
-    id?: string;
-    loading?: string | boolean;
-    maxWidth?: string | number;
-    messages?: string | string[];
-    minWidth?: string | number;
-    name?: string;
-    displayPersistentClear?: boolean;
-    displayPersistentCounter?: boolean;
-    displayPersistentHint?: boolean;
-    displayPersistentPlaceholder?: boolean;
-    placeholder?: string;
-    prefix?: string;
-    isReversed?: boolean;
-    role?: string;
-    rounded?: string | number | boolean;
-    isOnSingleLine?: boolean;
-    suffix?: string;
-    theme?: string;
-    isTiled?: boolean;
-    type?: string;
-    width?: string | number;
-    displayAsterisk?: boolean;
-    noIcon?: boolean;
-    disableClickButton?: boolean;
-    autocomplete?: string;
-    helpText?: string;
-    maxlength?: string | number;
-    title?: string | false;
-} & FieldValidationProps;
+import { SyTextFieldProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -451,7 +390,7 @@ declare function __VLS_template(): {
         } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: unknown;
             "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -1188,7 +1127,7 @@ declare function __VLS_template(): {
         } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: unknown;
             "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -1498,8 +1437,8 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
-    validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+declare const __VLS_component: import('vue').DefineComponent<SyTextFieldProps, {
+    validateOnSubmit: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...args: any[]) => void;
     blur: (...args: any[]) => void;
@@ -1509,7 +1448,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     clear: (...args: any[]) => void;
     "prepend-icon-click": (...args: any[]) => void;
     "append-icon-click": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<SyTextFieldProps> & Readonly<{
     onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -1524,10 +1463,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     title: string | false;
     width: string | number;
     role: string;
-    color: ColorType;
+    color: import('./types').ColorType;
     theme: string;
     disabled: boolean;
     placeholder: string;
+    locales: Partial<import('./locales').SyTextFieldLocales>;
     density: "default" | "comfortable" | "compact";
     rounded: string | number | boolean;
     maxWidth: string | number;
@@ -1548,12 +1488,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
     maxErrors: number;
+    hasError: boolean;
+    hasWarning: boolean;
+    hasSuccess: boolean;
+    useVuetifyValidation: boolean;
+    customRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customWarningRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
+    customSuccessRules: import('../../../composables/unifyValidation/useValidation').ValidationRule[];
     prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
     appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
     prependTooltip: string;
     appendTooltip: string;
     tooltipLocation: "top" | "bottom" | "start" | "end";
-    variantStyle: VariantStyle;
+    variantStyle: import('./types').VariantStyle;
     isClearable: boolean;
     centerAffix: boolean;
     counter: string | number | boolean;
@@ -1562,7 +1509,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     isDirty: boolean;
     isFlat: boolean;
     isFocused: boolean;
-    areDetailsHidden: boolean | "auto";
     areSpinButtonsHidden: boolean;
     hint: string;
     messages: string | string[];
@@ -1580,15 +1526,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     autocomplete: string;
     helpText: string;
     maxlength: string | number;
-    customRules: ValidationRule[];
-    customSuccessRules: ValidationRule[];
-    customWarningRules: ValidationRule[];
-    hasError: boolean;
-    hasSuccess: boolean;
-    hasWarning: boolean;
+    hideDetails: boolean | "auto";
     isValidateOnBlur: boolean;
     successMessages: string[] | null;
-    useVuetifyValidation: boolean;
     warningMessages: string[] | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     syTextFieldRef: import('vue').CreateComponentPublicInstanceWithMixins<{
@@ -1970,7 +1910,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
         modelValue?: unknown;
         "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -2707,7 +2647,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
         modelValue?: unknown;
         "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "hideDetails" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{

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

@@ -0,0 +1,7 @@
+export declare const locales: {
+    increment: (label?: string) => string;
+    decrement: (label?: string) => string;
+    clear: (label?: string) => string;
+    loading: (label?: string) => string;
+};
+export type SyTextFieldLocales = typeof locales;

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

@@ -1,4 +1,67 @@
-export type IconType = 'info' | 'success' | 'warning' | 'error' | 'close' | 'calendar' | undefined
-export type VariantStyle = 'outlined' | 'plain' | 'underlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled'
-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
+import { FieldValidationProps } from '../../../composables/unifyValidation/useValidation';
+import { SyTextFieldLocales } from './locales';
+export type IconType = 'info' | 'success' | 'warning' | 'error' | 'close' | 'calendar' | undefined;
+export type VariantStyle = 'outlined' | 'plain' | 'underlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled';
+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;
+export type SyTextFieldProps = {
+    modelValue?: string | number | null | undefined;
+    prependIcon?: IconType;
+    appendIcon?: IconType;
+    prependInnerIcon?: IconType;
+    appendInnerIcon?: IconType;
+    prependTooltip?: string;
+    appendTooltip?: string;
+    tooltipLocation?: 'top' | 'bottom' | 'start' | 'end';
+    variantStyle?: VariantStyle;
+    color?: ColorType;
+    isClearable?: boolean;
+    showDivider?: boolean;
+    label?: string;
+    readonly?: boolean;
+    isActive?: boolean;
+    baseColor?: string;
+    bgColor?: string;
+    centerAffix?: boolean;
+    counter?: string | number | boolean;
+    counterValue?: number | ((value: any) => number);
+    density?: 'default' | 'comfortable' | 'compact';
+    direction?: 'horizontal' | 'vertical';
+    isDirty?: boolean;
+    disabled?: boolean;
+    isFlat?: boolean;
+    isFocused?: boolean;
+    areSpinButtonsHidden?: boolean;
+    hint?: string;
+    id?: string;
+    loading?: string | boolean;
+    maxWidth?: string | number;
+    messages?: string | string[];
+    minWidth?: string | number;
+    name?: string;
+    displayPersistentClear?: boolean;
+    displayPersistentCounter?: boolean;
+    displayPersistentHint?: boolean;
+    displayPersistentPlaceholder?: boolean;
+    placeholder?: string;
+    prefix?: string;
+    isReversed?: boolean;
+    role?: string;
+    rounded?: string | number | boolean;
+    isOnSingleLine?: boolean;
+    suffix?: string;
+    theme?: string;
+    isTiled?: boolean;
+    type?: string;
+    width?: string | number;
+    displayAsterisk?: boolean;
+    noIcon?: boolean;
+    disableClickButton?: boolean;
+    autocomplete?: string;
+    helpText?: string;
+    maxlength?: string | number;
+    title?: string | false;
+    hideDetails?: boolean | 'auto';
+    /** Surcharge des libellés d'accessibilité (boutons +/-, vider, chargement). */
+    locales?: Partial<SyTextFieldLocales>;
+} & FieldValidationProps;

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

@@ -0,0 +1,23 @@
+import { Ref } from 'vue';
+/**
+ * Regroupe la logique propre au mode `type="number"` de SyTextField.
+ *
+ * Un champ number est rendu en `type=text` (+ `inputmode=decimal`) pour que `input.value`
+ * reste lisible et corrigeable sur tous les navigateurs (Chrome comme Firefox). L'incrément
+ * natif étant alors perdu, il est réimplémenté ici (flèches ↑/↓ + boutons +/-).
+ */
+export declare function useNumberField(params: {
+    type: Ref<string | undefined>;
+    disabled: Ref<boolean | undefined>;
+    readonly: Ref<boolean | undefined>;
+    model: Ref<string | number | null | undefined>;
+    attrs: Record<string, unknown>;
+}): {
+    isNumberField: import('vue').ComputedRef<boolean>;
+    nativeInputType: import('vue').ComputedRef<string | undefined>;
+    sanitizeNumberValue: (value: string | number | null | undefined) => string | number | null | undefined;
+    isAllowedNumberCharacter: (char: string) => boolean;
+    hasDisallowedNumberCharacter: (data: string) => boolean;
+    stepValue: (direction: 1 | -1) => void;
+    handleStepKeydown: (event: KeyboardEvent) => boolean;
+};