native-document 1.0.98 → 1.0.100

package/devtools/plugin/dev-tools-plugin.js

@@ -10,6 +10,6 @@ export const DevToolsPlugin = {
     name: 'DevTools',
     onCreateObservable(observable) {
         DevToolService.createdObservable.set((last) => ++last);
-        console.log('Création Capturé', observable.$value);
+        // console.log('Création Capturé', observable.$value);
     }
 };

package/devtools/transformers/templates/hrm.orbservable.hook.template.js

@@ -1,5 +1,9 @@
 
 function Observable(name, instance, value, ...args) {
+    if(value === undefined) {
+        value = name;
+        name = 'unknown';
+    }
     if(!instance?.context) {
         return __OriginalObservable__(value, ...args);
     }
@@ -21,6 +25,10 @@ function Observable(name, instance, value, ...args) {
 };
 
 Observable.init = function(name, instance, value, ...args) {
+    if(value === undefined) {
+        value = name;
+        name = 'unknown';
+    }
     if(!instance?.context) {
         return __OriginalObservable__.init(value, ...args);
     }

package/dist/native-document.components.min.js

@@ -363,16 +363,16 @@ var NativeComponents = (function (exports) {
         // });
     };
 
-    let DebugManager$1 = {};
+    let DebugManager = {};
     {
-        DebugManager$1 = {
+        DebugManager = {
             log() {},
             warn() {},
             error() {},
             disable() {}
         };
     }
-    var DebugManager = DebugManager$1;
+    var DebugManager$1 = DebugManager;
 
     /**
      *
@@ -857,17 +857,17 @@ var NativeComponents = (function (exports) {
             const method = methods[name];
 
             if (typeof method !== 'function') {
-                DebugManager.warn('NDElement.extend', `"${name}" is not a function, skipping`);
+                DebugManager$1.warn('NDElement.extend', `"${name}" is not a function, skipping`);
                 continue;
             }
 
             if (protectedMethods.has(name)) {
-                DebugManager.error('NDElement.extend', `Cannot override protected method "${name}"`);
+                DebugManager$1.error('NDElement.extend', `Cannot override protected method "${name}"`);
                 throw new NativeDocumentError(`Cannot override protected method "${name}"`);
             }
 
             if (NDElement.prototype[name]) {
-                DebugManager.warn('NDElement.extend', `Overwriting existing prototype method "${name}"`);
+                DebugManager$1.warn('NDElement.extend', `Overwriting existing prototype method "${name}"`);
             }
 
             NDElement.prototype[name] = method;
@@ -1050,7 +1050,7 @@ var NativeComponents = (function (exports) {
         anchorFragment.appendChild = function(child, before = null) {
             const parent = anchorEnd.parentNode;
             if(!parent) {
-                DebugManager.error('Anchor', 'Anchor : parent not found', child);
+                DebugManager$1.error('Anchor', 'Anchor : parent not found', child);
                 return;
             }
             before = before ?? anchorEnd;
@@ -1234,7 +1234,7 @@ var NativeComponents = (function (exports) {
                     }
                 }
                 if (cleanedCount > 0) {
-                    DebugManager.log('Memory Auto Clean', `🧹 Cleaned ${cleanedCount} orphaned observables`);
+                    DebugManager$1.log('Memory Auto Clean', `🧹 Cleaned ${cleanedCount} orphaned observables`);
                 }
             }
         };
@@ -1374,7 +1374,7 @@ var NativeComponents = (function (exports) {
         return cloned;
     };
 
-    const LocalStorage$1 = {
+    const LocalStorage = {
         getJson(key) {
             let value = localStorage.getItem(key);
             try {
@@ -1410,23 +1410,23 @@ var NativeComponents = (function (exports) {
         }
     };
 
-    const $getFromStorage$1 = (key, value) => {
-        if(!LocalStorage$1.has(key)) {
+    const $getFromStorage = (key, value) => {
+        if(!LocalStorage.has(key)) {
             return value;
         }
         switch (typeof value) {
-            case 'object': return LocalStorage$1.getJson(key) ?? value;
-            case 'boolean': return LocalStorage$1.getBool(key) ?? value;
-            case 'number': return LocalStorage$1.getNumber(key) ?? value;
-            default: return LocalStorage$1.get(key, value) ?? value;
+            case 'object': return LocalStorage.getJson(key) ?? value;
+            case 'boolean': return LocalStorage.getBool(key) ?? value;
+            case 'number': return LocalStorage.getNumber(key) ?? value;
+            default: return LocalStorage.get(key, value) ?? value;
         }
     };
 
-    const $saveToStorage$1 = (value) => {
+    const $saveToStorage = (value) => {
         switch (typeof value) {
-            case 'object': return LocalStorage$1.setJson;
-            case 'boolean': return LocalStorage$1.setBool;
-            default: return LocalStorage$1.set;
+            case 'object': return LocalStorage.setJson;
+            case 'boolean': return LocalStorage.setBool;
+            default: return LocalStorage.set;
         }
     };
 
@@ -1441,7 +1441,7 @@ var NativeComponents = (function (exports) {
         const $getStoreOrThrow = (method, name) => {
             const item = $stores.get(name);
             if (!item) {
-                DebugManager.error('Store', `Store.${method}('${name}') : store not found. Did you call Store.create('${name}') first?`);
+                DebugManager$1.error('Store', `Store.${method}('${name}') : store not found. Did you call Store.create('${name}') first?`);
                 throw new NativeDocumentError(
                     `Store.${method}('${name}') : store not found.`
                 );
@@ -1454,7 +1454,7 @@ var NativeComponents = (function (exports) {
          */
         const $applyReadOnly = (observer, name, context) => {
             const readOnlyError = (method) => () => {
-                DebugManager.error('Store', `Store.${context}('${name}') is read-only. '${method}()' is not allowed.`);
+                DebugManager$1.error('Store', `Store.${context}('${name}') is read-only. '${method}()' is not allowed.`);
                 throw new NativeDocumentError(
                     `Store.${context}('${name}') is read-only.`
                 );
@@ -1466,12 +1466,12 @@ var NativeComponents = (function (exports) {
 
         const $createObservable = (value, options = {}) => {
             if(Array.isArray(value)) {
-                return Observable$1.array(value, options);
+                return Observable.array(value, options);
             }
             if(typeof value === 'object') {
-                return Observable$1.object(value, options);
+                return Observable.object(value, options);
             }
-            return Observable$1(value, options);
+            return Observable(value, options);
         };
 
         const $api = {
@@ -1485,7 +1485,7 @@ var NativeComponents = (function (exports) {
              */
             create(name, value) {
                 if ($stores.has(name)) {
-                    DebugManager.warn('Store', `Store.create('${name}') : a store with this name already exists. Use Store.get('${name}') to retrieve it.`);
+                    DebugManager$1.warn('Store', `Store.create('${name}') : a store with this name already exists. Use Store.get('${name}') to retrieve it.`);
                     throw new NativeDocumentError(
                         `Store.create('${name}') : a store with this name already exists.`
                     );
@@ -1506,7 +1506,7 @@ var NativeComponents = (function (exports) {
              */
             createResettable(name, value) {
                 if ($stores.has(name)) {
-                    DebugManager.warn('Store', `Store.createResettable('${name}') : a store with this name already exists.`);
+                    DebugManager$1.warn('Store', `Store.createResettable('${name}') : a store with this name already exists.`);
                     throw new NativeDocumentError(
                         `Store.createResettable('${name}') : a store with this name already exists.`
                     );
@@ -1542,7 +1542,7 @@ var NativeComponents = (function (exports) {
              */
             createComposed(name, computation, dependencies) {
                 if ($stores.has(name)) {
-                    DebugManager.warn('Store', `Store.createComposed('${name}') : a store with this name already exists.`);
+                    DebugManager$1.warn('Store', `Store.createComposed('${name}') : a store with this name already exists.`);
                     throw new NativeDocumentError(
                         `Store.createComposed('${name}') : a store with this name already exists.`
                     );
@@ -1565,7 +1565,7 @@ var NativeComponents = (function (exports) {
                     }
                     const depItem = $stores.get(depName);
                     if (!depItem) {
-                        DebugManager.error('Store', `Store.createComposed('${name}') : dependency '${depName}' not found. Create it first.`);
+                        DebugManager$1.error('Store', `Store.createComposed('${name}') : dependency '${depName}' not found. Create it first.`);
                         throw new NativeDocumentError(
                             `Store.createComposed('${name}') : dependency store '${depName}' not found.`
                         );
@@ -1574,7 +1574,7 @@ var NativeComponents = (function (exports) {
                 });
 
                 // Create computed observable from dependency observers
-                const observer = Observable$1.computed(computation, depObservers);
+                const observer = Observable.computed(computation, depObservers);
 
                 $stores.set(name, { observer, subscribers: new Set(), resettable: false, composed: true });
                 return observer;
@@ -1599,13 +1599,13 @@ var NativeComponents = (function (exports) {
             reset(name) {
                 const item = $getStoreOrThrow('reset', name);
                 if (item.composed) {
-                    DebugManager.error('Store', `Store.reset('${name}') : composed stores cannot be reset. Their value is derived from dependencies.`);
+                    DebugManager$1.error('Store', `Store.reset('${name}') : composed stores cannot be reset. Their value is derived from dependencies.`);
                     throw new NativeDocumentError(
                         `Store.reset('${name}') : composed stores cannot be reset.`
                     );
                 }
                 if (!item.resettable) {
-                    DebugManager.error('Store', `Store.reset('${name}') : this store is not resettable. Use Store.createResettable('${name}', value) instead of Store.create().`);
+                    DebugManager$1.error('Store', `Store.reset('${name}') : this store is not resettable. Use Store.createResettable('${name}', value) instead of Store.create().`);
                     throw new NativeDocumentError(
                         `Store.reset('${name}') : this store is not resettable. Use Store.createResettable('${name}', value) instead of Store.create().`
                     );
@@ -1626,7 +1626,7 @@ var NativeComponents = (function (exports) {
                 const item = $getStoreOrThrow('use', name);
 
                 if (item.composed) {
-                    DebugManager.error('Store', `Store.use('${name}') : composed stores are read-only. Use Store.follow('${name}') instead.`);
+                    DebugManager$1.error('Store', `Store.use('${name}') : composed stores are read-only. Use Store.follow('${name}') instead.`);
                     throw new NativeDocumentError(
                         `Store.use('${name}') : composed stores are read-only. Use Store.follow('${name}') instead.`
                     );
@@ -1693,7 +1693,7 @@ var NativeComponents = (function (exports) {
             get(name) {
                 const item = $stores.get(name);
                 if (!item) {
-                    DebugManager.warn('Store', `Store.get('${name}') : store not found.`);
+                    DebugManager$1.warn('Store', `Store.get('${name}') : store not found.`);
                     return null;
                 }
                 return item.observer;
@@ -1715,7 +1715,7 @@ var NativeComponents = (function (exports) {
             delete(name) {
                 const item = $stores.get(name);
                 if (!item) {
-                    DebugManager.warn('Store', `Store.delete('${name}') : store not found, nothing to delete.`);
+                    DebugManager$1.warn('Store', `Store.delete('${name}') : store not found, nothing to delete.`);
                     return;
                 }
                 item.subscribers.forEach(follower => follower.destroy());
@@ -1778,21 +1778,21 @@ var NativeComponents = (function (exports) {
             },
             createPersistent(name, value, localstorage_key) {
                 localstorage_key = localstorage_key || name;
-                const observer = this.create(name, $getFromStorage$1(localstorage_key, value));
-                const saver = $saveToStorage$1(value);
+                const observer = this.create(name, $getFromStorage(localstorage_key, value));
+                const saver = $saveToStorage(value);
 
                 observer.subscribe((val) => saver(localstorage_key, val));
                 return observer;
             },
             createPersistentResettable(name, value, localstorage_key) {
                 localstorage_key = localstorage_key || name;
-                const observer = this.createResettable(name, $getFromStorage$1(localstorage_key, value));
-                const saver = $saveToStorage$1(value);
+                const observer = this.createResettable(name, $getFromStorage(localstorage_key, value));
+                const saver = $saveToStorage(value);
                 observer.subscribe((val) => saver(localstorage_key, val));
 
                 const originalReset = observer.reset.bind(observer);
                 observer.reset = () => {
-                    LocalStorage$1.remove(localstorage_key);
+                    LocalStorage.remove(localstorage_key);
                     originalReset();
                 };
 
@@ -1817,7 +1817,7 @@ var NativeComponents = (function (exports) {
                 return undefined;
             },
             set(target, prop, value) {
-                DebugManager.error('Store', `Forbidden: You cannot overwrite the store key '${String(prop)}'. Use .use('${String(prop)}').set(value) instead.`);
+                DebugManager$1.error('Store', `Forbidden: You cannot overwrite the store key '${String(prop)}'. Use .use('${String(prop)}').set(value) instead.`);
                 throw new NativeDocumentError(`Store structure is immutable. Use .set() on the observable.`);
             },
             deleteProperty(target, prop) {
@@ -1828,7 +1828,7 @@ var NativeComponents = (function (exports) {
 
     const Store = StoreFactory();
 
-    Store.create('locale', 'fr');
+    Store.create('locale', navigator.language.split('-')[0] || 'en');
 
     const $parseDateParts = (value, locale) => {
         const d = new Date(value);
@@ -1864,7 +1864,6 @@ var NativeComponents = (function (exports) {
     };
 
     const Formatters = {
-
         currency: (value, locale, { currency = 'XOF', notation, minimumFractionDigits, maximumFractionDigits } = {}) =>
             new Intl.NumberFormat(locale, {
                 style: 'currency',
@@ -2434,20 +2433,20 @@ var NativeComponents = (function (exports) {
         }
 
         const formatter = Formatters[type];
-        const localeObservable = Store.follow('locale');
+        const localeObservable = Formatters.locale;
 
-        return Observable$1.computed(() => formatter(self.val(), localeObservable.val(), options),
+        return Observable.computed(() => formatter(self.val(), localeObservable.val(), options),
             [self, localeObservable]
         );
     };
 
     ObservableItem.prototype.persist = function(key, options = {}) {
-        let value = $getFromStorage$1(key, this.$currentValue);
+        let value = $getFromStorage(key, this.$currentValue);
         if(options.get) {
             value = options.get(value);
         }
         this.set(value);
-        const saver = $saveToStorage$1(this.$currentValue);
+        const saver = $saveToStorage(this.$currentValue);
         this.subscribe((newValue) => {
             saver(key, options.set ? options.set(newValue) : newValue);
         });
@@ -2461,17 +2460,17 @@ var NativeComponents = (function (exports) {
      * @returns {ObservableItem}
      * @constructor
      */
-    function Observable$1(value, configs = null) {
+    function Observable(value, configs = null) {
         return new ObservableItem(value, configs);
     }
 
-    const $$1 = Observable$1;
+    const $$1 = Observable;
 
     /**
      *
      * @param {string} propertyName
      */
-    Observable$1.useValueProperty = function(propertyName = 'value') {
+    Observable.useValueProperty = function(propertyName = 'value') {
         Object.defineProperty(ObservableItem.prototype, propertyName, {
             get() {
                 return this.$currentValue;
@@ -2489,7 +2488,7 @@ var NativeComponents = (function (exports) {
      * @param id
      * @returns {ObservableItem|null}
      */
-    Observable$1.getById = function(id) {
+    Observable.getById = function(id) {
         const item = MemoryManager.getObservableById(parseInt(id));
         if(!item) {
             throw new NativeDocumentError('Observable.getById : No observable found with id ' + id);
@@ -2501,7 +2500,7 @@ var NativeComponents = (function (exports) {
      *
      * @param {ObservableItem} observable
      */
-    Observable$1.cleanup = function(observable) {
+    Observable.cleanup = function(observable) {
         observable.cleanup();
     };
 
@@ -2510,7 +2509,7 @@ var NativeComponents = (function (exports) {
      * @param {Boolean} enable
      * @param {{interval:Boolean, threshold:number}} options
      */
-    Observable$1.autoCleanup = function(enable = false, options = {}) {
+    Observable.autoCleanup = function(enable = false, options = {}) {
         if(!enable) {
             return;
         }
@@ -3268,7 +3267,7 @@ var NativeComponents = (function (exports) {
     String.prototype.use = function(args) {
         const value = this;
 
-        return Observable$1.computed(() => {
+        return Observable.computed(() => {
             return value.replace(/\$\{(.*?)}/g, (match, key) => {
                 const data = args[key];
                 if(Validator.isObservable(data)) {
@@ -3288,7 +3287,7 @@ var NativeComponents = (function (exports) {
                 return value;
             }
             const [_, id] = value.match(/\{\{#ObItem::\(([0-9]+)\)\}\}/);
-            return Observable$1.getById(id);
+            return Observable.getById(id);
         });
     };
 
@@ -3561,7 +3560,7 @@ var NativeComponents = (function (exports) {
             }
         }
 
-        const viewArray = Observable$1.array();
+        const viewArray = Observable.array();
 
         const filters = Object.entries(filterCallbacks);
         const updateView = () => {
@@ -3632,6 +3631,68 @@ var NativeComponents = (function (exports) {
         });
     };
 
+    ObservableArray.prototype.deepSubscribe = function(callback) {
+        const updatedValue = nextTick(() => callback(this.val()));
+        const $listeners = new WeakMap();
+
+        const bindItem = (item) => {
+            if ($listeners.has(item)) {
+                return;
+            }
+            if (item?.__$isObservableArray) {
+                $listeners.set(item, item.deepSubscribe(updatedValue));
+                return;
+            }
+            if (item?.__$isObservable) {
+                item.subscribe(updatedValue);
+                $listeners.set(item, () => item.unsubscribe(updatedValue));
+            }
+        };
+
+        const unbindItem = (item) => {
+            const unsub = $listeners.get(item);
+            if (unsub) {
+                unsub();
+                $listeners.delete(item);
+            }
+        };
+
+        this.$currentValue.forEach(bindItem);
+        this.subscribe(updatedValue);
+
+        this.subscribe((items, _, operations) => {
+            switch (operations?.action) {
+                case 'push':
+                case 'unshift':
+                    operations.args.forEach(bindItem);
+                    break;
+
+                case 'splice': {
+                    const [start, deleteCount, ...newItems] = operations.args;
+                    operations.result?.forEach(unbindItem);
+                    newItems.forEach(bindItem);
+                    break;
+                }
+
+                case 'remove':
+                    unbindItem(operations.result);
+                    break;
+
+                case 'merge':
+                    operations.args.forEach(bindItem);
+                    break;
+
+                case 'clear':
+                    this.$currentValue.forEach(unbindItem);
+                    break;
+            }
+        });
+
+        return () => {
+            this.$currentValue.forEach(unbindItem);
+        };
+    };
+
     /**
      * Creates an observable array with reactive array methods.
      * All mutations trigger updates automatically.
@@ -3647,7 +3708,7 @@ var NativeComponents = (function (exports) {
      * items.push(4); // Triggers update
      * items.subscribe((arr) => console.log(arr));
      */
-    Observable$1.array = function(target = [], configs = null) {
+    Observable.array = function(target = [], configs = null) {
         return new ObservableArray(target, configs);
     };
 
@@ -3656,8 +3717,8 @@ var NativeComponents = (function (exports) {
      * @param {Function} callback
      * @returns {Function}
      */
-    Observable$1.batch = function(callback) {
-        const $observer = Observable$1(0);
+    Observable.batch = function(callback) {
+        const $observer = Observable(0);
         const batch = function() {
             if(Validator.isAsyncFunction(callback)) {
                 return (callback(...arguments)).then(() => {
@@ -3711,24 +3772,24 @@ var NativeComponents = (function (exports) {
                 if(configs?.deep !== false) {
                     const mappedItemValue = itemValue.map(item => {
                         if(Validator.isJson(item)) {
-                            return Observable$1.json(item, configs);
+                            return Observable.json(item, configs);
                         }
                         if(Validator.isArray(item)) {
-                            return Observable$1.array(item, configs);
+                            return Observable.array(item, configs);
                         }
-                        return Observable$1(item, configs);
+                        return Observable(item, configs);
                     });
-                    this.$observables[key] = Observable$1.array(mappedItemValue, configs);
+                    this.$observables[key] = Observable.array(mappedItemValue, configs);
                     continue;
                 }
-                this.$observables[key] = Observable$1.array(itemValue, configs);
+                this.$observables[key] = Observable.array(itemValue, configs);
                 continue;
             }
             if(Validator.isObservable(itemValue) || Validator.isProxy(itemValue)) {
                 this.$observables[key] = itemValue;
                 continue;
             }
-            this.$observables[key] = Observable$1(itemValue, configs);
+            this.$observables[key] = (typeof itemValue === 'object') ? Observable.object(itemValue, configs) : Observable(itemValue, configs);
         }
     };
 
@@ -3790,9 +3851,9 @@ var NativeComponents = (function (exports) {
                 if(Validator.isObservable(firstElementFromOriginalValue) || Validator.isProxy(firstElementFromOriginalValue)) {
                     const newValues = newValue.map(item => {
                         if(Validator.isProxy(firstElementFromOriginalValue)) {
-                            return Observable$1.init(item, configs);
+                            return Observable.init(item, configs);
                         }
-                        return Observable$1(item, configs);
+                        return Observable(item, configs);
                     });
                     targetItem.set(newValues);
                     continue;
@@ -3820,7 +3881,7 @@ var NativeComponents = (function (exports) {
     };
     ObservableObject.prototype.$keys = ObservableObject.prototype.keys;
     ObservableObject.prototype.clone = function() {
-        return Observable$1.init(this.val(), this.configs);
+        return Observable.init(this.val(), this.configs);
     };
     ObservableObject.prototype.$clone = ObservableObject.prototype.clone;
     ObservableObject.prototype.reset = function() {
@@ -3831,15 +3892,16 @@ var NativeComponents = (function (exports) {
     ObservableObject.prototype.originalSubscribe = ObservableObject.prototype.subscribe;
     ObservableObject.prototype.subscribe = function(callback) {
         const observables = this.observables();
-        const updatedValue = nextTick(() => {
-            this.$currentValue = this.val();
-            this.trigger();
-        });
+        const updatedValue = nextTick(() => this.trigger());
 
         this.originalSubscribe(callback);
 
-        for(let i = 0, length = observables.length; i < length; i++) {
+        for (let i = 0, length = observables.length; i < length; i++) {
             const observable = observables[i];
+            if (observable.__$isObservableArray) {
+                observable.deepSubscribe(updatedValue);
+                continue
+            }
             observable.subscribe(updatedValue);
         }
     };
@@ -3849,7 +3911,7 @@ var NativeComponents = (function (exports) {
 
     ObservableObject.prototype.update = ObservableObject.prototype.set;
 
-    Observable$1.init = function(initialValue, configs = null) {
+    Observable.init = function(initialValue, configs = null) {
         return new ObservableObject(initialValue, configs)
     };
 
@@ -3858,8 +3920,8 @@ var NativeComponents = (function (exports) {
      * @param {any[]} data
      * @return Proxy[]
      */
-    Observable$1.arrayOfObject = function(data) {
-        return data.map(item => Observable$1.object(item));
+    Observable.arrayOfObject = function(data) {
+        return data.map(item => Observable.object(item));
     };
 
     /**
@@ -3867,7 +3929,7 @@ var NativeComponents = (function (exports) {
      * @param {ObservableItem|Object<ObservableItem>} data
      * @returns {{}|*|null}
      */
-    Observable$1.value = function(data) {
+    Observable.value = function(data) {
         if(Validator.isObservable(data)) {
             return data.val();
         }
@@ -3878,15 +3940,15 @@ var NativeComponents = (function (exports) {
             const result = [];
             for(let i = 0, length = data.length; i < length; i++) {
                 const item = data[i];
-                result.push(Observable$1.value(item));
+                result.push(Observable.value(item));
             }
             return result;
         }
         return data;
     };
 
-    Observable$1.object = Observable$1.init;
-    Observable$1.json = Observable$1.init;
+    Observable.object = Observable.init;
+    Observable.json = Observable.init;
 
     /**
      * Creates a computed observable that automatically updates when its dependencies change.
@@ -3907,7 +3969,7 @@ var NativeComponents = (function (exports) {
      * const batch = Observable.batch(() => { ...  });
      * const computed = Observable.computed(() => { ... }, batch);
     */
-    Observable$1.computed = function(callback, dependencies = []) {
+    Observable.computed = function(callback, dependencies = []) {
         const initialValue = callback();
         const observable = new ObservableItem(initialValue);
         const updatedValue = nextTick(() => observable.set(callback()));
@@ -7576,10 +7638,10 @@ var NativeComponents = (function (exports) {
         this.$element = null;
         this.$configs = configs;
         this.$fields = new Map();
-        this.$submitting = Observable$1(false);
-        this.$errors = Observable$1(null);
-        this.$isDirty = Observable$1(false);
-        this.$isValid = Observable$1(false);
+        this.$submitting = Observable(false);
+        this.$errors = Observable(null);
+        this.$isDirty = Observable(false);
+        this.$isValid = Observable(false);
     }
 
     FormControl.defaultLayoutTemplate = null;
@@ -8900,7 +8962,7 @@ var NativeComponents = (function (exports) {
             defaultItem: null,
             value: (config?.data && Validator.isObservable(config.data))
                 ? config.data
-                : Observable$1.array(config?.data || []),
+                : Observable.array(config?.data || []),
             rules: null,
             layout: null,
             template: null,
@@ -8997,8 +9059,8 @@ var NativeComponents = (function (exports) {
         defaultItemData = Validator.isObservable(defaultItemData)
             ? defaultItemData
             : Validator.isObject(defaultItemData)
-                ? Observable$1.init(defaultItemData)
-                : Observable$1(defaultItemData);
+                ? Observable.init(defaultItemData)
+                : Observable(defaultItemData);
 
         this.$items = this.$items || new WeakMap();
 
@@ -11480,9 +11542,9 @@ var NativeComponents = (function (exports) {
             ...configs
         });
 
-        this.$currentPage = Observable$1(1);
-        this.$selectedRows = Observable$1.array();
-        this.$expandedRows = Observable$1.array();
+        this.$currentPage = Observable(1);
+        this.$selectedRows = Observable.array();
+        this.$expandedRows = Observable.array();
     }
 
     DataTable.defaultToolbarTemplate = null;