native-document 1.0.119 → 1.0.120

package/src/core/elements/control/for-each-array.js

@@ -36,6 +36,9 @@ export function ForEachArray(data, callback, configs = {}) {
 
     const clear = (items) => {
         element.removeChildren();
+        clearCacheOnly(items)
+    };
+    const clearCacheOnly = (items) => {
         cleanCache(items);
         lastNumberOfItems = 0;
     };
@@ -159,11 +162,16 @@ export function ForEachArray(data, callback, configs = {}) {
             return fragment;
         },
         add: (items) => {
-            element.appendElement(Actions.toFragment(items));
+            element.appendChildRaw(Actions.toFragment(items));
         },
         replace: (items) => {
-            clear(items);
-            Actions.add(items);
+            clearCacheOnly(items);
+            element.replaceContentRaw(Actions.toFragment(items));
+        },
+        set: () => {
+            const items = data.val();
+            clearCacheOnly(items);
+            element.replaceContentRaw(Actions.toFragment(items));
         },
         reOrder: (items) => {
             let child = null;
@@ -175,23 +183,12 @@ export function ForEachArray(data, callback, configs = {}) {
                 }
             }
             child = null;
-            element.appendElement(fragment, blockEnd);
+            element.appendElementRaw(fragment);
         },
         removeOne: (element, index) => {
             removeCacheItem(element, true);
         },
         clear,
-        merge: (items) => {
-            Actions.add(items);
-        },
-        push: (items) => {
-            let delay = 0;
-            if(configs.pushDelay) {
-                delay = configs.pushDelay(items) ?? 0;
-            }
-
-            Actions.add(items, delay);
-        },
         populate: ([target, iteration, callback]) => {
             const fragment = document.createDocumentFragment();
             for (let i = 0; i < iteration; i++) {
@@ -200,11 +197,11 @@ export function ForEachArray(data, callback, configs = {}) {
                 fragment.append(buildItem(data, i));
                 lastNumberOfItems++;
             }
-            element.appendChild(fragment);
+            element.appendChildRaw(fragment);
             fragment.replaceChildren();
         },
         unshift: (values) => {
-            element.insertBefore(Actions.toFragment(values), blockStart.nextSibling);
+            element.insertAtStartRaw(Actions.toFragment(values));
         },
         splice: (args, deleted) => {
             const [start, deleteCount, ...values] = args;
@@ -229,7 +226,7 @@ export function ForEachArray(data, callback, configs = {}) {
             garbageFragment.replaceChildren();
 
             if(values && values.length && elementBeforeFirst) {
-                element.insertBefore(Actions.toFragment(values), elementBeforeFirst.nextSibling);
+                element.insertBeforeRaw(Actions.toFragment(values), elementBeforeFirst.nextSibling);
             }
 
         },
@@ -249,7 +246,7 @@ export function ForEachArray(data, callback, configs = {}) {
             Actions.removeOne(deleted);
         },
         swap: (args, elements) => {
-            const parent = blockEnd.parentNode;
+            const parent = element.getParent();
 
             let childA = getItemChild(elements[0]);
             let childB = getItemChild(elements[1]);
@@ -264,37 +261,22 @@ export function ForEachArray(data, callback, configs = {}) {
             childB = null;
         }
     };
+    Actions.merge = Actions.add;
+    Actions.push = Actions.add;
 
-    const buildContent = (items, _, operations) => {
-        if(operations?.action === 'clear' || !items.length) {
-            if(lastNumberOfItems === 0) {
-                return;
-            }
-            clear();
-            return;
-        }
-        selectBuildStrategy(operations?.action);
+    const buildContent = (items, _, operations = {}) => {
+        selectBuildStrategy(operations.action);
 
-        if(!operations?.action) {
-            if(lastNumberOfItems === 0) {
-                Actions.add(items);
-                return;
-            }
-            Actions.replace(items);
-        }
-        else if(Actions[operations.action]) {
+        if(Actions[operations.action]) {
             Actions[operations.action](operations.args, operations.result);
         }
-
         updateIndexObservers(items, 0);
     };
 
     if(data.val().length) {
         buildContent(data.val(), null, {action: null});
     }
-    if(Validator.isObservable(data)) {
-        data.subscribe(buildContent);
-    }
+    data.subscribe(buildContent);
 
     return element;
 }