energy-components 1.6.0-beta.1 → 1.7.0

package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts

@@ -1,10 +1,25 @@
 import type { PropType } from 'vue';
+import { nextTick } from 'vue';
 export interface DropdownOption {
     id: string | number;
     label: string;
     detail?: string;
     [key: string]: any;
 }
+export interface AutoCompleteProps {
+    autocomplete: any;
+    id: string;
+    label: string;
+    icon?: string;
+    rightIcon?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    error?: boolean;
+    helper?: boolean;
+    helperText?: string;
+    autocompleteFilter: (option: DropdownOption | string, search: string) => boolean;
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -23,10 +38,270 @@ declare function __VLS_template(): {
             search: any;
         }): any;
         noOptions?(_: {}): any;
+        beforeList?(_: {}): any;
         afterList?(_: {}): any;
     };
     refs: {
         multiselect: any;
+        textFieldInput: ({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                error: boolean;
+                icon: string;
+                disabled: boolean;
+                password: boolean;
+                readonly: boolean;
+                maxLength: number;
+                minLength: number;
+                rightIcon: string;
+                helper: boolean;
+                helperText: string;
+                clearable: boolean;
+                autocomplete: string;
+            }> & Omit<{
+                readonly error: boolean;
+                readonly label: string;
+                readonly icon: string;
+                readonly disabled: boolean;
+                readonly password: boolean;
+                readonly modelValue: string;
+                readonly readonly: boolean;
+                readonly maxLength: number;
+                readonly minLength: number;
+                readonly rightIcon: string;
+                readonly helper: boolean;
+                readonly helperText: string;
+                readonly clearable: boolean;
+                readonly autocomplete: string;
+                readonly id?: string | undefined;
+                readonly onChange?: ((event: Event) => any) | undefined;
+                readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                readonly onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+                readonly onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "icon" | "disabled" | "password" | "readonly" | "maxLength" | "minLength" | "rightIcon" | "helper" | "helperText" | "clearable" | "autocomplete">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                input: HTMLInputElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance | null;
+            $parent: import("vue").ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", event: Event) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "update:modelValue", modelValue: string) => void);
+            $el: HTMLDivElement;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                id: {
+                    type: StringConstructor;
+                    required: false;
+                };
+                modelValue: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLength: {
+                    type: NumberConstructor;
+                    default: number;
+                    validator: (value: number) => boolean;
+                };
+                minLength: {
+                    type: NumberConstructor;
+                    default: number;
+                    validator: (value: number) => boolean;
+                };
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                rightIcon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                helper: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                error: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                helperText: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                clearable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                password: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string, props: any) => boolean;
+                };
+            }>> & Readonly<{
+                onChange?: ((event: Event) => any) | undefined;
+                onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+                onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+            }>, {
+                focus: () => void;
+                blur: () => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+                change: (event: Event) => any;
+                keydown: (event: KeyboardEvent) => any;
+                keypress: (event: KeyboardEvent) => any;
+                keyup: (event: KeyboardEvent) => any;
+                "update:modelValue": (modelValue: string) => any;
+            }, string, {
+                error: boolean;
+                icon: string;
+                disabled: boolean;
+                password: boolean;
+                readonly: boolean;
+                maxLength: number;
+                minLength: number;
+                rightIcon: string;
+                helper: boolean;
+                helperText: string;
+                clearable: boolean;
+                autocomplete: string;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+        } & Readonly<{
+            error: boolean;
+            icon: string;
+            disabled: boolean;
+            password: boolean;
+            readonly: boolean;
+            maxLength: number;
+            minLength: number;
+            rightIcon: string;
+            helper: boolean;
+            helperText: string;
+            clearable: boolean;
+            autocomplete: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            id: {
+                type: StringConstructor;
+                required: false;
+            };
+            modelValue: {
+                type: StringConstructor;
+                required: true;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLength: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            minLength: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+            rightIcon: {
+                type: StringConstructor;
+                default: string;
+            };
+            helper: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            error: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            helperText: {
+                type: StringConstructor;
+                default: string;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            password: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autocomplete: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string, props: any) => boolean;
+            };
+        }>> & Readonly<{
+            onChange?: ((event: Event) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+            onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+        }>, "blur" | "focus" | ("error" | "icon" | "disabled" | "password" | "readonly" | "maxLength" | "minLength" | "rightIcon" | "helper" | "helperText" | "clearable" | "autocomplete")> & import("vue").ShallowUnwrapRef<{
+            focus: () => void;
+            blur: () => void;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                'left-icon'?(_: {}): any;
+                'right-icon'?(_: {}): any;
+                'helper-text'?(_: {}): any;
+            };
+        }) | null;
     };
     rootEl: HTMLDivElement;
 };
@@ -133,6 +408,29 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: FunctionConstructor;
         default: (count: number) => string;
     };
+    /**
+     * Indica si el dropdown debe renderizarse fuera del flujo del documento
+     * Útil para evitar problemas de overflow en modales
+     */
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Muestra un campo de texto para filtrar los elementos del dropdown.
+     * La propiedad `autocompleteFilter` es requerida cuando se usa esta opción.
+     * @example :autocomplete="{
+     *   id: 'filter-id',
+     *   label: 'Buscar',
+     *   icon: 'search',
+     *   clearable: true,
+     *   autocompleteFilter: (option, query) => query ? option.label.toLowerCase().includes(query.toLowerCase()) : true
+     * }"
+     */
+    autocomplete: {
+        type: PropType<AutoCompleteProps>;
+        default: () => void;
+    };
     modelValue: {
         type: PropType<any>;
         required: true;
@@ -255,6 +553,29 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: FunctionConstructor;
         default: (count: number) => string;
     };
+    /**
+     * Indica si el dropdown debe renderizarse fuera del flujo del documento
+     * Útil para evitar problemas de overflow en modales
+     */
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Muestra un campo de texto para filtrar los elementos del dropdown.
+     * La propiedad `autocompleteFilter` es requerida cuando se usa esta opción.
+     * @example :autocomplete="{
+     *   id: 'filter-id',
+     *   label: 'Buscar',
+     *   icon: 'search',
+     *   clearable: true,
+     *   autocompleteFilter: (option, query) => query ? option.label.toLowerCase().includes(query.toLowerCase()) : true
+     * }"
+     */
+    autocomplete: {
+        type: PropType<AutoCompleteProps>;
+        default: () => void;
+    };
     modelValue: {
         type: PropType<any>;
         required: true;
@@ -272,14 +593,275 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     disabled: boolean;
     helper: boolean;
     helperText: string;
+    autocomplete: AutoCompleteProps;
     multiple: boolean;
     closeOnSelect: boolean;
     showRadio: boolean;
     limit: number;
     maxHeight: number;
     limitText: Function;
+    appendToBody: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
     multiselect: any;
+    textFieldInput: ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            error: boolean;
+            icon: string;
+            disabled: boolean;
+            password: boolean;
+            readonly: boolean;
+            maxLength: number;
+            minLength: number;
+            rightIcon: string;
+            helper: boolean;
+            helperText: string;
+            clearable: boolean;
+            autocomplete: string;
+        }> & Omit<{
+            readonly error: boolean;
+            readonly label: string;
+            readonly icon: string;
+            readonly disabled: boolean;
+            readonly password: boolean;
+            readonly modelValue: string;
+            readonly readonly: boolean;
+            readonly maxLength: number;
+            readonly minLength: number;
+            readonly rightIcon: string;
+            readonly helper: boolean;
+            readonly helperText: string;
+            readonly clearable: boolean;
+            readonly autocomplete: string;
+            readonly id?: string | undefined;
+            readonly onChange?: ((event: Event) => any) | undefined;
+            readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "icon" | "disabled" | "password" | "readonly" | "maxLength" | "minLength" | "rightIcon" | "helper" | "helperText" | "clearable" | "autocomplete">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            input: HTMLInputElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "change", event: Event) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "update:modelValue", modelValue: string) => void);
+        $el: HTMLDivElement;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            id: {
+                type: StringConstructor;
+                required: false;
+            };
+            modelValue: {
+                type: StringConstructor;
+                required: true;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLength: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            minLength: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+            rightIcon: {
+                type: StringConstructor;
+                default: string;
+            };
+            helper: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            error: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            helperText: {
+                type: StringConstructor;
+                default: string;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            password: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autocomplete: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string, props: any) => boolean;
+            };
+        }>> & Readonly<{
+            onChange?: ((event: Event) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+            onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+        }>, {
+            focus: () => void;
+            blur: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            change: (event: Event) => any;
+            keydown: (event: KeyboardEvent) => any;
+            keypress: (event: KeyboardEvent) => any;
+            keyup: (event: KeyboardEvent) => any;
+            "update:modelValue": (modelValue: string) => any;
+        }, string, {
+            error: boolean;
+            icon: string;
+            disabled: boolean;
+            password: boolean;
+            readonly: boolean;
+            maxLength: number;
+            minLength: number;
+            rightIcon: string;
+            helper: boolean;
+            helperText: string;
+            clearable: boolean;
+            autocomplete: string;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        error: boolean;
+        icon: string;
+        disabled: boolean;
+        password: boolean;
+        readonly: boolean;
+        maxLength: number;
+        minLength: number;
+        rightIcon: string;
+        helper: boolean;
+        helperText: string;
+        clearable: boolean;
+        autocomplete: string;
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        id: {
+            type: StringConstructor;
+            required: false;
+        };
+        modelValue: {
+            type: StringConstructor;
+            required: true;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxLength: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        minLength: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        rightIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        helper: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        helperText: {
+            type: StringConstructor;
+            default: string;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        password: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string, props: any) => boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((event: Event) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+        onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+    }>, "blur" | "focus" | ("error" | "icon" | "disabled" | "password" | "readonly" | "maxLength" | "minLength" | "rightIcon" | "helper" | "helperText" | "clearable" | "autocomplete")> & import("vue").ShallowUnwrapRef<{
+        focus: () => void;
+        blur: () => void;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            'left-icon'?(_: {}): any;
+            'right-icon'?(_: {}): any;
+            'helper-text'?(_: {}): any;
+        };
+    }) | null;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/types/src/components/input/filter-chip/filter-chip.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      * Valor del filtro representado por el chip.
      */
     filterValue: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor | ObjectConstructor)[];
         required: true;
     };
     /**
@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      * Valor del filtro representado por el chip.
      */
     filterValue: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor | ObjectConstructor)[];
         required: true;
     };
     /**

package/dist/types/src/components/input/quantity-selector/quantity-selector.vue.d.ts

@@ -87,8 +87,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onOnClickMinus?: (() => any) | undefined;
     onOnDelete?: (() => any) | undefined;
 }>, {
-    disabled: boolean;
     size: "small" | "default";
+    disabled: boolean;
     deleteButton: boolean;
     fullWidth: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {

package/dist/types/src/components/input/selection-chip/selection-chip.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      * Valor del filtro representado por el chip.
      */
     filterValue: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor | ObjectConstructor)[];
         required: true;
     };
     /**
@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      * Valor del filtro representado por el chip.
      */
     filterValue: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor | ObjectConstructor)[];
         required: true;
     };
     /**