@bgroup/wise-form 1.0.2 → 1.0.5

package/dist/models/callback-manager.js

@@ -1,89 +0,0 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _CallbackManager_field, _CallbackManager_model, _CallbackManager_callbacks, _CallbackManager_listeners;
-export class CallbackManager {
-    constructor(model, field) {
-        _CallbackManager_field.set(this, void 0);
-        _CallbackManager_model.set(this, void 0);
-        _CallbackManager_callbacks.set(this, []);
-        _CallbackManager_listeners.set(this, []);
-        this.executeCallback = async (settings) => {
-            const params = {
-                ...settings,
-                form: __classPrivateFieldGet(this, _CallbackManager_model, "f"),
-                field: __classPrivateFieldGet(this, _CallbackManager_field, "f"),
-                settings,
-            };
-            if (!settings) {
-                console.warn('the field does not have dependentOn settings');
-            }
-            const callback = __classPrivateFieldGet(this, _CallbackManager_callbacks, "f")[settings.callback];
-            const dependency = __classPrivateFieldGet(this, _CallbackManager_model, "f").getField(__classPrivateFieldGet(this, _CallbackManager_model, "f").getFieldName(settings.field));
-            await dependency.isReady;
-            const fields = { [dependency.name]: dependency };
-            if (settings.hasOwnProperty('fields')) {
-                for (const field of settings.fields) {
-                    const instance = __classPrivateFieldGet(this, _CallbackManager_model, "f").getField(__classPrivateFieldGet(this, _CallbackManager_model, "f").getFieldName(field));
-                    if (instance)
-                        await instance.isReady;
-                    const propName = typeof field === 'string' ? field : field.alias;
-                    fields[propName] = instance;
-                }
-                params.fields = fields;
-            }
-            params.dependency = dependency;
-            //global wiseForm params
-            if (settings.hasOwnProperty('params')) {
-                const specs = {};
-                settings.params.forEach((param) => {
-                    if (!__classPrivateFieldGet(this, _CallbackManager_model, "f")?.getParams(param)) {
-                        console.warn(`param ${param} is not registered in the form`);
-                        return;
-                    }
-                    specs[param] = __classPrivateFieldGet(this, _CallbackManager_model, "f").getParams(param);
-                });
-                params.specs = specs;
-            }
-            callback(params);
-        };
-        __classPrivateFieldSet(this, _CallbackManager_field, field, "f");
-        __classPrivateFieldSet(this, _CallbackManager_model, model, "f");
-        __classPrivateFieldSet(this, _CallbackManager_callbacks, model.callbacks, "f");
-        this.initialize();
-    }
-    initialize() {
-        const instance = __classPrivateFieldGet(this, _CallbackManager_field, "f");
-        const checkField = async (settings) => {
-            const dependency = __classPrivateFieldGet(this, _CallbackManager_model, "f").getField(__classPrivateFieldGet(this, _CallbackManager_model, "f").getFieldName(settings.field));
-            await dependency.isReady;
-            const required = ['field', 'callback'];
-            required.forEach((prop) => {
-                if (!settings[prop])
-                    throw new Error(`${settings?.field} is missing ${prop}`);
-            });
-            if (!dependency)
-                throw new Error(`${settings?.field} is not a registered field`);
-            if (!__classPrivateFieldGet(this, _CallbackManager_callbacks, "f")[settings.callback]) {
-                throw new Error(`${settings.callback} is not  a registered callback ${settings.name}`);
-            }
-            // saved in listener array to be able to remove the listener if is required.
-            const event = settings.event || 'value.change';
-            const caller = () => this.executeCallback(settings);
-            __classPrivateFieldGet(this, _CallbackManager_listeners, "f").push(caller);
-            dependency.on(event, caller);
-            //callback({ dependency, settings, field: instance, form: this });
-        };
-        instance?.specs?.dependentOn.forEach(checkField);
-    }
-}
-_CallbackManager_field = new WeakMap(), _CallbackManager_model = new WeakMap(), _CallbackManager_callbacks = new WeakMap(), _CallbackManager_listeners = new WeakMap();
-//# sourceMappingURL=callback-manager.js.map

package/dist/models/callback-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"callback-manager.js","sourceRoot":"","sources":["../../src/models/callback-manager.ts"],"names":[],"mappings":"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"}

package/dist/models/field.d.ts

@@ -1,121 +0,0 @@
-import { ReactiveModel } from '@beyond-js/reactive/model';
-import type { WrappedFormModel } from './wrapper';
-import { FormModel } from './model';
-import { IFormField, IFormFieldProps } from './types/form-field';
-import { IDisabled } from './types/disabled';
-/**
- * Represents a single form field within a `FormModel` or `WrappedFormModel`, providing mechanisms for data binding, validation, and interaction.
- * This class extends `ReactiveModel` to enable reactive updates and interactions within the form's lifecycle.
- *
- * @extends ReactiveModel<IFormField>
- */
-export declare class FormField extends ReactiveModel<IFormField> {
-    #private;
-    get parent(): FormModel | WrappedFormModel;
-    setEvents(events: string[]): void;
-    /**
-     * Evaluates and returns the disabled state of the field. If `#disabled` is an object, it checks the specified fields' values to determine the disabled state dynamically.
-     * @returns {boolean} The disabled state of the field.
-     */
-    get disabled(): boolean | IDisabled;
-    set disabled(value: boolean | IDisabled);
-    get specs(): Record<string, any>;
-    get attributes(): {
-        disabled: boolean | IDisabled;
-        value: string;
-        name?: string;
-        type?: string;
-        placeholder?: string;
-        required?: boolean;
-        label?: string;
-        variant?: string;
-        hidden?: boolean;
-        options?: Array<{
-            value: any;
-            label?: string;
-            [key: string]: any;
-        }>;
-        className?: string;
-        checked?: boolean;
-        id?: string;
-        icon?: string;
-    };
-    get value(): string;
-    set value(value: string);
-    /**
-     * Constructs a FormField instance with specified properties and parent form model.
-     * @param {Object} params - Construction parameters including the parent form model and field specifications.
-     */
-    constructor({ parent, specs }: {
-        parent: any;
-        specs: IFormFieldProps;
-    });
-    getProperties(): {
-        value: string;
-        name?: string;
-        type?: string;
-        placeholder?: string;
-        required?: boolean;
-        label?: string;
-        variant?: string;
-        disabled?: boolean;
-        hidden?: boolean;
-        options?: Array<{
-            value: any;
-            label?: string;
-            [key: string]: any;
-        }>;
-        className?: string;
-        checked?: boolean;
-        id?: string;
-        icon?: string;
-    };
-    /**
-     *  This method is used to set the value property of the field and fire the value.change event
-     *
-     * @param value
-     * @returns
-     */
-    setValue(value: string): void;
-    generateRandomNumber: () => number;
-    /**
-     * Performs initial setup based on the field's specifications, setting up validation, default values, and any specified dynamic behavior.
-     */
-    initialize: () => void;
-    /**
-     * Resets the field to its initial value and state, including resetting the disabled state if it's statically defined.
-     */
-    clear: () => void;
-    /**
-     * Checks and applies the field's settings, particularly for dynamic disabling, establishing listeners on related fields as necessary.
-     * @param {Object} props - The field's properties and settings to check and apply.
-     */
-    checkSettings(props: any): void;
-    /**
-     * Metodo para identificar si es field con multiples eventos configurados o solo es un evento configurado
-     * hace la busqueda del evento lanzado al haber multiples
-     * @returns
-     */
-    listenerEvents: (event2: any) => void;
-    /**
-     * Cleans up any established listeners and internal state when the field is removed or the form is reset, ensuring no memory leaks or stale data.
-     */
-    cleanUp(): void;
-    /**
-     * The `set` method sets one or more properties on the model.
-     *
-     *
-     * This method overwrites the original reactiveModel set to pass the object as param
-     * when the change event is fired.
-     * Eventually this method will be removed and the original set method will be used, but
-     * it requires an upgrade in the reactive model package.
-     * @param {keyof ReactiveModelPublic<T>} property - The name of the property to set.
-     * @param {*} value - The value to set the property to.
-     * @returns {void}
-     */
-    set(properties: Partial<IFormField>): any;
-    hide: () => void;
-    show: () => void;
-    private evaluations;
-}
-//# sourceMappingURL=field.d.ts.map

package/dist/models/field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/models/field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;;;GAKG;AACH,qBAAa,SAAU,SAAQ,aAAa,CAAC,UAAU,CAAC;;IAGpD,IAAI,MAAM,iCAET;IAID,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE;IAO1B;;;OAGG;IACH,IAAI,QAAQ,wBAsBX;IAED,IAAI,QAAQ,CAAC,KAAK,qBAAA,EAIjB;IAID,IAAI,KAAK,wBAER;IAED,IAAI,UAAU;;;;;;;;;;;;iBAhEQ,CAAA;;;;;;;MAsErB;IAGD,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAEd;IAKD;;;OAGG;gBACS,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;QAAE,MAAM,MAAC;QAAC,KAAK,EAAE,eAAe,CAAA;KAAE;IAsDjE,aAAa;;;;;;;;;;;;iBA9IS,CAAA;;;;;;;;IAmJtB;;;;;OAKG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM;IAOtB,oBAAoB,eAElB;IAEF;;OAEG;IACH,UAAU,aAIR;IAEF;;OAEG;IACH,KAAK,aAOH;IAWF;;;OAGG;IACH,aAAa,CAAC,KAAK,KAAA;IA8GnB;;;;OAIG;IACH,cAAc,GAAI,WAAM,UAoBtB;IAEF;;OAEG;IACH,OAAO;IAOP;;;;;;;;;;;OAWG;IACH,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,GAAG;IA+GzC,IAAI,aAKF;IAEF,IAAI,aAOF;IAEF,OAAO,CAAC,WAAW,CAoBjB;CACL"}

package/dist/models/field.js

@@ -1,443 +0,0 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _FormField_instances, _FormField_parent, _FormField_NATIVE_ACTIONS, _FormField_EVENTS, _FormField_isReady, _FormField_disabled, _FormField_specs, _FormField_value, _FormField_listeningItems, _FormField_listenSiblings, _FormField_executeEvent, _FormField_getEvent;
-import { ReactiveModel } from '@beyond-js/reactive/model';
-/**
- * Represents a single form field within a `FormModel` or `WrappedFormModel`, providing mechanisms for data binding, validation, and interaction.
- * This class extends `ReactiveModel` to enable reactive updates and interactions within the form's lifecycle.
- *
- * @extends ReactiveModel<IFormField>
- */
-export class FormField extends ReactiveModel {
-    get parent() {
-        return __classPrivateFieldGet(this, _FormField_parent, "f");
-    }
-    setEvents(events) {
-        __classPrivateFieldGet(this, _FormField_EVENTS, "f").concat(events);
-    }
-    /**
-     * Evaluates and returns the disabled state of the field. If `#disabled` is an object, it checks the specified fields' values to determine the disabled state dynamically.
-     * @returns {boolean} The disabled state of the field.
-     */
-    get disabled() {
-        if (typeof __classPrivateFieldGet(this, _FormField_disabled, "f") !== 'object' || !__classPrivateFieldGet(this, _FormField_disabled, "f")?.fields)
-            return __classPrivateFieldGet(this, _FormField_disabled, "f");
-        const validate = (field) => {
-            if (typeof field !== 'object')
-                return !__classPrivateFieldGet(this, _FormField_parent, "f").form.getField(field).value;
-            const { name, value } = field;
-            const fieldInstance = __classPrivateFieldGet(this, _FormField_parent, "f").getField(name);
-            if (!fieldInstance)
-                return false;
-            if (field.hasOwnProperty('condition')) {
-                const compare = this.evaluations[field.condition](fieldInstance.value, field.value);
-                return compare;
-            }
-            const { value: fieldValue } = fieldInstance;
-            return value !== fieldValue;
-        };
-        return __classPrivateFieldGet(this, _FormField_disabled, "f").fields.some(validate);
-    }
-    set disabled(value) {
-        if (value === __classPrivateFieldGet(this, _FormField_disabled, "f"))
-            return;
-        __classPrivateFieldSet(this, _FormField_disabled, value, "f");
-        this.triggerEvent();
-    }
-    get specs() {
-        return __classPrivateFieldGet(this, _FormField_specs, "f");
-    }
-    get attributes() {
-        const props = this.getProperties();
-        return {
-            ...props,
-            disabled: __classPrivateFieldGet(this, _FormField_disabled, "f"),
-        };
-    }
-    get value() {
-        return __classPrivateFieldGet(this, _FormField_value, "f");
-    }
-    set value(value) {
-        this.setValue(value);
-    }
-    /**
-     * Constructs a FormField instance with specified properties and parent form model.
-     * @param {Object} params - Construction parameters including the parent form model and field specifications.
-     */
-    constructor({ parent, specs }) {
-        let { properties, disabled, ...props } = specs;
-        super({
-            ...props,
-            properties: [
-                'name',
-                'type',
-                'placeholder',
-                'required',
-                'label',
-                'variant',
-                'options',
-                'className',
-                'checked',
-                'id',
-                'icon',
-                'hidden',
-                ...properties,
-            ],
-        });
-        _FormField_instances.add(this);
-        // The parent model, either FormModel or WrappedFormModel, containing this field.
-        _FormField_parent.set(this, void 0);
-        _FormField_NATIVE_ACTIONS.set(this, ['hide', 'disable', 'enable', 'show', 'reset']);
-        _FormField_EVENTS.set(this, ['onClick', 'onChange', 'onKeyup']);
-        _FormField_isReady.set(this, false);
-        // Can be a boolean or an object specifying dynamic disablingvas logic based on other fields' values.
-        _FormField_disabled.set(this, false);
-        // Field specifications including its type, validation rules, and other metadata.
-        _FormField_specs.set(this, void 0);
-        _FormField_value.set(this, void 0);
-        // Tracks other fields this field listens to for changes, enabling reactive behavior and allowing the cleanup of event listeners.
-        _FormField_listeningItems.set(this, new Map());
-        this.generateRandomNumber = () => {
-            return Math.floor(Math.random() * (1000000 - 10000 + 1)) + 10000;
-        };
-        /**
-         * Performs initial setup based on the field's specifications, setting up validation, default values, and any specified dynamic behavior.
-         */
-        this.initialize = () => {
-            this.checkSettings(__classPrivateFieldGet(this, _FormField_specs, "f"));
-            this.on('change', this.listenerEvents);
-            // this.on('value.change', this.listenerEvents);
-        };
-        /**
-         * Resets the field to its initial value and state, including resetting the disabled state if it's statically defined.
-         */
-        this.clear = () => {
-            // Get initial values from specs or use empty object
-            const initValues = __classPrivateFieldGet(this, _FormField_specs, "f") || {};
-            this.set(initValues);
-            if (initValues.hasOwnProperty('disabled'))
-                this.disabled = initValues.disabled;
-            this.triggerEvent('clear');
-        };
-        /**
-         * Listens to changes in sibling fields (specified in dynamic disabling logic) and updates its state accordingly.
-         */
-        _FormField_listenSiblings.set(this, () => {
-            this.triggerEvent('change');
-            this.triggerEvent();
-            this.triggerEvent('value.change');
-        });
-        /**
-         * Metodo para identificar si es field con multiples eventos configurados o solo es un evento configurado
-         * hace la busqueda del evento lanzado al haber multiples
-         * @returns
-         */
-        this.listenerEvents = (event2) => {
-            if (!__classPrivateFieldGet(this, _FormField_isReady, "f")) {
-                __classPrivateFieldSet(this, _FormField_isReady, true, "f");
-                return;
-            }
-            if (!this.specs?.events) {
-                const event = __classPrivateFieldGet(this, _FormField_instances, "m", _FormField_getEvent).call(this, this.specs);
-                if (!event)
-                    return;
-                __classPrivateFieldGet(this, _FormField_instances, "m", _FormField_executeEvent).call(this, this.specs[event]);
-                return;
-            }
-            const event = __classPrivateFieldGet(this, _FormField_instances, "m", _FormField_getEvent).call(this, this.specs.events);
-            if (!event)
-                return;
-            const item = this.specs.events[event].hasOwnProperty(this.value)
-                ? this.specs.events[event][this.value]
-                : null;
-            if (!item)
-                return;
-            __classPrivateFieldGet(this, _FormField_instances, "m", _FormField_executeEvent).call(this, item);
-        };
-        this.hide = () => {
-            const className = this.getProperties().className || '';
-            const isHidden = className.includes('hidden');
-            const cls = isHidden ? className : `${className} hidden`;
-            if (cls !== className)
-                this.set({ className: cls });
-        };
-        this.show = () => {
-            const className = this.getProperties().className || '';
-            const isHidden = className.includes('hidden');
-            const cls = isHidden
-                ? className.replace(/\bhidden\b/g, '').trim()
-                : className;
-            if (cls !== className)
-                this.set({ className: cls });
-        };
-        this.evaluations = {
-            equal: (value, comparisonValue) => value == comparisonValue,
-            lower: (value, comparisonValue) => Number(value) < Number(comparisonValue),
-            upper: (value, comparisonValue) => Number(value) > Number(comparisonValue),
-            between: (value, [min, max]) => {
-                const numValue = Number(value);
-                return numValue >= Number(min) && numValue <= Number(max);
-            },
-            different: (value, comparisonValue) => value != comparisonValue,
-            hasValue: (value) => ![undefined, null, '', false].includes(value),
-            empty: (value) => [undefined, null, ''].includes(value),
-            lessOrEqual: (value, comparisonValue) => Number(value) <= Number(comparisonValue),
-            greaterOrEqual: (value, comparisonValue) => Number(value) >= Number(comparisonValue),
-        };
-        this.__instanceID = `${specs.name}.${this.generateRandomNumber()}`;
-        __classPrivateFieldSet(this, _FormField_specs, specs, "f");
-        __classPrivateFieldSet(this, _FormField_parent, parent, "f");
-        this.__instance = Math.random();
-        const toSet = {};
-        /**
-         * @todo:  review this code
-         */
-        Object.keys(props).forEach((key) => {
-            if (key === 'properties')
-                return;
-            if (typeof props[key] === 'string' &&
-                props[key]?.includes('state:')) {
-                const state = props[key].split('state:')[1];
-                if (state === 'create' && !__classPrivateFieldGet(this, _FormField_parent, "f").form.update) {
-                    props[key] = true;
-                }
-            }
-            toSet[key] = props[key];
-        });
-        // this.#disabled = disabled;
-        // this.set(toSet);
-        this.set(specs);
-    }
-    getProperties() {
-        const properties = super.getProperties();
-        return { ...properties, value: __classPrivateFieldGet(this, _FormField_value, "f") };
-    }
-    /**
-     *  This method is used to set the value property of the field and fire the value.change event
-     *
-     * @param value
-     * @returns
-     */
-    setValue(value) {
-        if (value === this.value)
-            return;
-        __classPrivateFieldSet(this, _FormField_value, value, "f");
-        this.trigger('change');
-        this.trigger('value.change', this);
-    }
-    /**
-     * Checks and applies the field's settings, particularly for dynamic disabling, establishing listeners on related fields as necessary.
-     * @param {Object} props - The field's properties and settings to check and apply.
-     */
-    checkSettings(props) {
-        if (props.hasOwnProperty('disabled')) {
-            if (typeof props.disabled === 'boolean') {
-                __classPrivateFieldSet(this, _FormField_disabled, props.disabled, "f");
-                return;
-            }
-            if (typeof props.disabled !== 'object') {
-                throw new Error(`The disabled property of the field ${props.name} must be a boolean or an object`);
-            }
-            if (!props.disabled.fields && !props.disabled.mode) {
-                throw new Error(`The disabled property of the field ${props.name} must have a fields property or a mode defined`);
-            }
-            if (props.disabled.mode) {
-                // posible modes : create, update;
-                __classPrivateFieldSet(this, _FormField_disabled, __classPrivateFieldGet(this, _FormField_parent, "f").form.mode === props.disabled.mode, "f");
-                return;
-            }
-            let allValid;
-            props.disabled.fields.forEach((item) => {
-                const name = typeof item === 'string' ? item : item.name;
-                const instance = __classPrivateFieldGet(this, _FormField_parent, "f").form.getField(name);
-                allValid = instance;
-                if (!allValid)
-                    return;
-                instance.on('change', __classPrivateFieldGet(this, _FormField_listenSiblings, "f"));
-                instance.on('value.change', __classPrivateFieldGet(this, _FormField_listenSiblings, "f"));
-                __classPrivateFieldGet(this, _FormField_listeningItems, "f").set(name, {
-                    item: instance,
-                    listener: __classPrivateFieldGet(this, _FormField_listenSiblings, "f"),
-                });
-            });
-            if (!allValid) {
-                const fieldName = this.getProperties().name || 'unknown';
-                throw new Error(`the field ${allValid} does not exist in the form ${__classPrivateFieldGet(this, _FormField_parent, "f").name}, field passed in invalid settings of field "${fieldName}"`);
-            }
-            __classPrivateFieldSet(this, _FormField_disabled, props.disabled, "f");
-        }
-    }
-    /**
-     * Cleans up any established listeners and internal state when the field is removed or the form is reset, ensuring no memory leaks or stale data.
-     */
-    cleanUp() {
-        __classPrivateFieldGet(this, _FormField_listeningItems, "f").forEach(({ item, listener }) => item.off('change', listener));
-        // todo: remove all events
-    }
-    /**
-     * The `set` method sets one or more properties on the model.
-     *
-     *
-     * This method overwrites the original reactiveModel set to pass the object as param
-     * when the change event is fired.
-     * Eventually this method will be removed and the original set method will be used, but
-     * it requires an upgrade in the reactive model package.
-     * @param {keyof ReactiveModelPublic<T>} property - The name of the property to set.
-     * @param {*} value - The value to set the property to.
-     * @returns {void}
-     */
-    set(properties) {
-        let updated = false;
-        try {
-            Object.keys(properties).forEach((prop) => {
-                const currentProperties = Object.keys(this.getProperties());
-                // Verificar si la propiedad está registrada en el modelo reactivo
-                // Si no está en getProperties(), verificar si está en la lista de properties del constructor
-                const isRegisteredProperty = currentProperties.includes(prop) ||
-                    (__classPrivateFieldGet(this, _FormField_specs, "f")?.properties &&
-                        __classPrivateFieldGet(this, _FormField_specs, "f").properties.includes(prop));
-                if (!isRegisteredProperty) {
-                    console.warn(`Property "${prop}" is not registered in field "${this.getProperties().name || 'unknown'}"`);
-                    return;
-                }
-                const newValue = properties[prop];
-                const currentValue = this[prop];
-                // Si los valores son iguales por referencia, no actualizar
-                if (currentValue === newValue)
-                    return;
-                // Si el tipo cambia (array a string, string a array, etc.), siempre actualizar
-                const currentIsArray = Array.isArray(currentValue);
-                const newIsArray = Array.isArray(newValue);
-                const currentIsObject = typeof currentValue === 'object' &&
-                    currentValue !== null &&
-                    !currentIsArray;
-                const newIsObject = typeof newValue === 'object' &&
-                    newValue !== null &&
-                    !newIsArray;
-                if ((currentIsArray && !newIsArray) ||
-                    (!currentIsArray && newIsArray) ||
-                    (currentIsObject && !newIsObject) ||
-                    (!currentIsObject && newIsObject)) {
-                    this[prop] = newValue;
-                    updated = true;
-                    return;
-                }
-                // Para arrays y objetos, hacer comparación más robusta
-                if (typeof newValue === 'object' && newValue !== null) {
-                    // Si currentValue es undefined/null, siempre actualizar
-                    if (currentValue === undefined || currentValue === null) {
-                        this[prop] = newValue;
-                        updated = true;
-                        return;
-                    }
-                    // Comparar arrays
-                    if (newIsArray && currentIsArray) {
-                        // Si las longitudes son diferentes, actualizar
-                        if (newValue.length !== currentValue.length) {
-                            this[prop] = newValue;
-                            updated = true;
-                            return;
-                        }
-                        // Comparar contenido del array
-                        const arraysEqual = newValue.every((val, idx) => {
-                            if (typeof val === 'object' && val !== null) {
-                                return (JSON.stringify(val) ===
-                                    JSON.stringify(currentValue[idx]));
-                            }
-                            return val === currentValue[idx];
-                        });
-                        if (arraysEqual)
-                            return;
-                        this[prop] = newValue;
-                        updated = true;
-                        return;
-                    }
-                    // Para objetos, comparar con JSON.stringify pero manejar undefined
-                    if (newIsObject && currentIsObject) {
-                        try {
-                            const currentStr = JSON.stringify(currentValue);
-                            const newStr = JSON.stringify(newValue);
-                            if (currentStr === newStr)
-                                return;
-                        }
-                        catch (e) {
-                            // Si JSON.stringify falla (por ejemplo, con funciones), comparar por referencia
-                            if (currentValue === newValue)
-                                return;
-                        }
-                    }
-                }
-                const descriptor = Object.getOwnPropertyDescriptor(this, prop);
-                if (descriptor?.set)
-                    return;
-                this[prop] = newValue;
-                updated = true;
-            });
-        }
-        catch (e) {
-            console.error(`Error setting properties:`, e);
-            throw new Error(`Error setting properties: ${e}`);
-        }
-        finally {
-            if (updated)
-                this.trigger('change', this);
-        }
-    }
-}
-_FormField_parent = new WeakMap(), _FormField_NATIVE_ACTIONS = new WeakMap(), _FormField_EVENTS = new WeakMap(), _FormField_isReady = new WeakMap(), _FormField_disabled = new WeakMap(), _FormField_specs = new WeakMap(), _FormField_value = new WeakMap(), _FormField_listeningItems = new WeakMap(), _FormField_listenSiblings = new WeakMap(), _FormField_instances = new WeakSet(), _FormField_executeEvent = 
-/**
- * En este metodo se recorre el objeto asociado al evento y ejecuta cada una de las acciones asociadas
- * como las acciones nativas del FormModel (HIDE, SHOW, DISABLE, ENABLE), hace el seteo de propiedades
- * en caso de recibir field y ejecuta las callbacks asociadas
- * @param actions objeto  con las acciones que se van a realizar al ejecutarse el evento asociado
- * @returns
- */
-async function _FormField_executeEvent(actions) {
-    if (typeof actions !== 'object' || Array.isArray(actions))
-        return;
-    const formModel = __classPrivateFieldGet(this, _FormField_parent, "f").form;
-    const sortedKeys = Object.keys(actions).sort((a, b) => actions[a]?.__order - actions[b]?.__order);
-    for (let action of sortedKeys) {
-        if (action === 'fields') {
-            for (let fieldName in actions[action]) {
-                const field = __classPrivateFieldGet(this, _FormField_parent, "f").form.getField(fieldName);
-                if (!field)
-                    continue;
-                await field.isReady;
-                field.set(actions[action][fieldName]);
-            }
-            continue;
-        }
-        if (formModel.callbacks.hasOwnProperty(action)) {
-            formModel.callbacks[action]({
-                ...actions[action],
-                form: formModel,
-            });
-            continue;
-        }
-        if (__classPrivateFieldGet(this, _FormField_NATIVE_ACTIONS, "f").includes(action) &&
-            formModel.hasOwnProperty(action)) {
-            formModel[action](actions[action].target);
-        }
-    }
-}, _FormField_getEvent = function _FormField_getEvent(item) {
-    let event;
-    const keys = Object.keys(item);
-    keys.forEach((key) => {
-        if (event)
-            return;
-        if (__classPrivateFieldGet(this, _FormField_EVENTS, "f").includes(key))
-            event = key;
-    });
-    return event;
-};
-//# sourceMappingURL=field.js.map