npm - @cnamts/synapse - Versions diffs - 1.0.26 → 1.1.0 - Mend

@cnamts/synapse 1.0.26 → 1.1.0

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 (612) hide show

package/dist/components/PhoneField/PhoneField.d.ts CHANGED Viewed

@@ -236,15 +236,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         $data: {};
         $props: {
             readonly modelValue?: string | number | null | undefined | undefined;
-            readonly prependIcon?: import('../../types/vuetifyTypes').IconType;
-            readonly appendIcon?: import('../../types/vuetifyTypes').IconType;
-            readonly prependInnerIcon?: import('../../types/vuetifyTypes').IconType;
-            readonly appendInnerIcon?: import('../../types/vuetifyTypes').IconType;
+            readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
+            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('../../types/vuetifyTypes').VariantStyle | undefined;
-            readonly color?: import('../../types/vuetifyTypes').ColorType | undefined;
+            readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+            readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
             readonly isClearable?: boolean | undefined;
             readonly showDivider?: boolean | undefined;
             readonly label?: string | undefined;
@@ -261,7 +261,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly disabled?: boolean | undefined;
             readonly isFlat?: boolean | undefined;
             readonly isFocused?: boolean | undefined;
-            readonly areDetailsHidden?: boolean | "auto" | undefined;
             readonly areSpinButtonsHidden?: boolean | undefined;
             readonly hint?: string | undefined;
             readonly id?: string | undefined;
@@ -292,22 +291,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly helpText?: string | undefined;
             readonly maxlength?: string | number | undefined;
             readonly title?: string | false | undefined;
-            readonly required?: boolean | undefined;
-            readonly isValidateOnBlur?: boolean | undefined;
-            readonly showSuccessMessages?: boolean | undefined;
-            readonly disableErrorHandling?: boolean | undefined;
-            readonly useVuetifyValidation?: boolean | undefined;
-            readonly rules?: import('vuetify').ValidationRule[] | undefined;
+            readonly hideDetails?: boolean | "auto" | undefined;
+            readonly locales?: Partial<import('../Customs/SyTextField/locales').SyTextFieldLocales> | undefined;
             readonly customRules?: ValidationRule[] | undefined;
-            readonly customWarningRules?: ValidationRule[] | undefined;
             readonly customSuccessRules?: ValidationRule[] | undefined;
+            readonly customWarningRules?: ValidationRule[] | undefined;
+            readonly disableErrorHandling?: boolean | undefined;
             readonly errorMessages?: string[] | null | undefined;
-            readonly warningMessages?: string[] | null | undefined;
-            readonly successMessages?: string[] | null | undefined;
             readonly hasError?: boolean | undefined;
-            readonly hasWarning?: boolean | undefined;
             readonly hasSuccess?: boolean | undefined;
+            readonly hasWarning?: boolean | undefined;
+            readonly isValidateOnBlur?: boolean | undefined;
             readonly maxErrors?: number | undefined;
+            readonly required?: boolean | undefined;
+            readonly rules?: import('vuetify').ValidationRule[] | undefined;
+            readonly showSuccessMessages?: boolean | undefined;
+            readonly successMessages?: string[] | null | undefined;
+            readonly useVuetifyValidation?: boolean | undefined;
+            readonly warningMessages?: string[] | null | undefined;
             readonly onInput?: ((...args: any[]) => any) | undefined;
             readonly onBlur?: ((...args: any[]) => any) | undefined;
             readonly onFocus?: ((...args: any[]) => any) | undefined;
@@ -700,7 +701,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & 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<{
@@ -1437,7 +1438,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & 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<{
@@ -1752,65 +1753,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         $host: Element | null;
         $emit: ((event: "input", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((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;
-            prependIcon?: import('../../types/vuetifyTypes').IconType;
-            appendIcon?: import('../../types/vuetifyTypes').IconType;
-            prependInnerIcon?: import('../../types/vuetifyTypes').IconType;
-            appendInnerIcon?: import('../../types/vuetifyTypes').IconType;
-            prependTooltip?: string;
-            appendTooltip?: string;
-            tooltipLocation?: "top" | "bottom" | "start" | "end";
-            variantStyle?: import('../../types/vuetifyTypes').VariantStyle;
-            color?: import('../../types/vuetifyTypes').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;
-        } & import('../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
             onInput?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
@@ -1820,7 +1763,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
             "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
         }>, {
-            validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+            validateOnSubmit: () => Promise<boolean>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             input: (...args: any[]) => void;
             blur: (...args: any[]) => void;
@@ -1836,10 +1779,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             title: string | false;
             width: string | number;
             role: string;
-            color: import('../../types/vuetifyTypes').ColorType;
+            color: import('../Customs/SyTextField/types').ColorType;
             theme: string;
             disabled: boolean;
             placeholder: string;
+            locales: Partial<import('../Customs/SyTextField/locales').SyTextFieldLocales>;
             density: "default" | "comfortable" | "compact";
             rounded: string | number | boolean;
             maxWidth: string | number;
@@ -1860,12 +1804,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             disableErrorHandling: boolean;
             errorMessages: string[] | null;
             maxErrors: number;
+            hasError: boolean;
+            hasWarning: boolean;
+            hasSuccess: boolean;
+            useVuetifyValidation: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: 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: import('../../types/vuetifyTypes').VariantStyle;
+            variantStyle: import('../Customs/SyTextField/types').VariantStyle;
             isClearable: boolean;
             centerAffix: boolean;
             counter: string | number | boolean;
@@ -1874,7 +1825,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isDirty: boolean;
             isFlat: boolean;
             isFocused: boolean;
-            areDetailsHidden: boolean | "auto";
             areSpinButtonsHidden: boolean;
             hint: string;
             messages: string | string[];
@@ -1892,16 +1842,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             autocomplete: string;
             helpText: string;
             maxlength: string | number;
+            hideDetails: boolean | "auto";
             isValidateOnBlur: boolean;
-            useVuetifyValidation: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
-            customSuccessRules: ValidationRule[];
-            warningMessages: string[] | null;
             successMessages: string[] | null;
-            hasError: boolean;
-            hasWarning: boolean;
-            hasSuccess: boolean;
+            warningMessages: string[] | null;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1928,10 +1872,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         title: string | false;
         width: string | number;
         role: string;
-        color: import('../../types/vuetifyTypes').ColorType;
+        color: import('../Customs/SyTextField/types').ColorType;
         theme: string;
         disabled: boolean;
         placeholder: string;
+        locales: Partial<import('../Customs/SyTextField/locales').SyTextFieldLocales>;
         density: "default" | "comfortable" | "compact";
         rounded: string | number | boolean;
         maxWidth: string | number;
@@ -1952,12 +1897,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         disableErrorHandling: boolean;
         errorMessages: string[] | null;
         maxErrors: number;
+        hasError: boolean;
+        hasWarning: boolean;
+        hasSuccess: boolean;
+        useVuetifyValidation: boolean;
+        customRules: ValidationRule[];
+        customWarningRules: ValidationRule[];
+        customSuccessRules: 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: import('../../types/vuetifyTypes').VariantStyle;
+        variantStyle: import('../Customs/SyTextField/types').VariantStyle;
         isClearable: boolean;
         centerAffix: boolean;
         counter: string | number | boolean;
@@ -1966,7 +1918,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isDirty: boolean;
         isFlat: boolean;
         isFocused: boolean;
-        areDetailsHidden: boolean | "auto";
         areSpinButtonsHidden: boolean;
         hint: string;
         messages: string | string[];
@@ -1984,75 +1935,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         autocomplete: string;
         helpText: string;
         maxlength: string | number;
+        hideDetails: boolean | "auto";
         isValidateOnBlur: boolean;
-        useVuetifyValidation: boolean;
-        customRules: ValidationRule[];
-        customWarningRules: ValidationRule[];
-        customSuccessRules: ValidationRule[];
-        warningMessages: string[] | null;
         successMessages: string[] | null;
-        hasError: boolean;
-        hasWarning: boolean;
-        hasSuccess: boolean;
-    }> & Omit<Readonly<{
-        modelValue?: string | number | null | undefined;
-        prependIcon?: import('../../types/vuetifyTypes').IconType;
-        appendIcon?: import('../../types/vuetifyTypes').IconType;
-        prependInnerIcon?: import('../../types/vuetifyTypes').IconType;
-        appendInnerIcon?: import('../../types/vuetifyTypes').IconType;
-        prependTooltip?: string;
-        appendTooltip?: string;
-        tooltipLocation?: "top" | "bottom" | "start" | "end";
-        variantStyle?: import('../../types/vuetifyTypes').VariantStyle;
-        color?: import('../../types/vuetifyTypes').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;
-    } & import('../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
+        warningMessages: string[] | null;
+    }> & Omit<Readonly<import('../Customs/SyTextField/types').SyTextFieldProps> & Readonly<{
         onInput?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
@@ -2061,8 +1948,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onClear?: ((...args: any[]) => any) | undefined;
         "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
         "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-    }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "isValidateOnBlur" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "warningMessages" | "successMessages" | "hasError" | "hasWarning" | "hasSuccess")> & {
-        validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+    }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "locales" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "hasError" | "hasWarning" | "hasSuccess" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "hideDetails" | "isValidateOnBlur" | "successMessages" | "warningMessages")> & {
+        validateOnSubmit: () => Promise<boolean>;
     } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             prepend?(_: {}): any;

package/dist/components/SearchListField/SearchListField.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { SearchListItem } from './types';
 import { locales as defaultLocales } from './locales';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: PropType<unknown[]>;
+        type: PropType<unknown[] | undefined | null>;
         default: () => never[];
     };
     items: {
@@ -45,7 +45,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: PropType<unknown[]>;
+        type: PropType<unknown[] | undefined | null>;
         default: () => never[];
     };
     items: {
@@ -88,7 +88,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     outlined: boolean;
     items: SearchListItem[];
-    modelValue: unknown[];
+    modelValue: unknown[] | null | undefined;
     returnObject: boolean;
     bgColor: string;
     listLabel: string;

package/dist/components/SyTextArea/SyTextArea.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
+import { nextTick } from 'vue';
 import { VTextarea } from 'vuetify/components';
-import { TextareaRule as Rule } from './useDefaultValidationRules';
 import { FieldValidationProps } from '../../composables/unifyValidation/useValidation';
-import { ValidationRule as SyValidationRule } from '../../composables/validation/useValidation';
 type __VLS_Props = {
+    uniqueId: string;
+    counter?: boolean | number | string;
     modelValue?: string;
     trim?: boolean;
     replaceTabs?: number;
-    rules?: Array<Rule>;
     required?: boolean;
     maxLines?: number;
     autoWrap?: number;
@@ -16,13 +16,22 @@ type __VLS_Props = {
     color?: string;
     label: string;
     bgColor?: string;
+    clearable?: boolean;
+    helpText?: string;
+    hideDetails?: boolean;
+    displayAsterisk?: boolean;
 } & FieldValidationProps;
+declare function clearField(): void;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
-    validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+    validateOnSubmit: () => Promise<boolean>;
+    clearField: typeof clearField;
+    clearValidation: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
+    clear: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
 }>, {
     color: string;
     disabled: boolean;
@@ -37,18 +46,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     disableErrorHandling: boolean;
     errorMessages: string[] | null;
     maxErrors: number;
-    rules: Rule[] & import('vuetify').ValidationRule[];
     validateOn: "input" | "eager" | "lazy" | "blur" | "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";
-    isValidateOnBlur: boolean;
-    useVuetifyValidation: boolean;
-    customRules: SyValidationRule[];
-    customWarningRules: SyValidationRule[];
-    customSuccessRules: SyValidationRule[];
-    warningMessages: string[] | null;
-    successMessages: string[] | null;
     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[];
+    counter: boolean | number | string;
+    displayAsterisk: boolean;
+    helpText: string;
+    hideDetails: boolean;
+    isValidateOnBlur: boolean;
+    successMessages: string[] | null;
+    warningMessages: string[] | null;
+    clearable: boolean;
     replaceTabs: number;
     maxLines: number;
     autoWrap: number;
@@ -361,7 +374,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)[] | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)) | undefined;
         };
         $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
+        $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
     } & Readonly<{
         style: import('vue').StyleValue;
@@ -425,7 +438,7 @@ declare const _default: 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>;
@@ -822,7 +835,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)[] | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)) | undefined;
         };
         $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
+        $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
     } & Readonly<{
         style: import('vue').StyleValue;
@@ -886,7 +899,7 @@ declare const _default: 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>;
@@ -927,5 +940,5 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         noResize: boolean;
         rows: string | number;
     }> | null;
-}, any>;
+}, HTMLDivElement>;
 export default _default;

package/dist/components/SyTextArea/composables/useSyTextAreaValidation.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { Ref } from 'vue';
+import { FieldValidationProps } from '../../../composables/unifyValidation/useValidation';
+export declare function useSyTextAreaValidation(props: FieldValidationProps & {
+    maxLines?: number;
+}, { internalValue, hasInteracted, }: {
+    internalValue: Ref<string>;
+    hasInteracted: Ref<boolean>;
+}): {
+    focused: Ref<boolean, boolean>;
+    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>;
+    mergedVuetifyRules: import('vue').ComputedRef<(string | boolean | PromiseLike<string | boolean> | ((value: any) => PromiseLike<string | boolean>) | import('../useDefaultValidationRules').TextareaRule)[]>;
+};

package/dist/components/SyTextArea/locales.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 export declare const locales: {
     required: string;
     maxLines: (maxLines: number) => string;
+    clearField: string;
 };

package/dist/components/Tables/SyServerTable/SyServerTable.d.ts CHANGED Viewed

@@ -680,6 +680,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     multiSort: boolean;
     mustSort: boolean;
     showSelect: boolean;
+    hideDefaultFooter: boolean;
     resizableColumns: boolean;
     pageInput: boolean;
     filterInputConfig: Record<string, unknown>;

package/dist/components/Tables/SyTable/SyTable.d.ts CHANGED Viewed

@@ -699,6 +699,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     multiSort: boolean;
     mustSort: boolean;
     showSelect: boolean;
+    hideDefaultFooter: boolean;
     resizableColumns: boolean;
     pageInput: boolean;
     filterInputConfig: Record<string, unknown>;