diff --git a/inter.js b/inter.js
index a385b28..367ef96 100644
--- a/inter.js
+++ b/inter.js
@@ -1,6 +1,6 @@
/**
* Interjs
- * Version - 2.2.0
+ * Version - 2.2.1
* MIT LICENSED BY - Denis Power
* Repo - https://github.com/interjs/inter
* 2021 - 2024
@@ -71,6 +71,10 @@
consW(prop.startsWith("on") ? event : styleProp);
}
+ function runInvalidStyleValue(name, value) {
+ ParserWarning(`"${value}" is an invalid value for the "${name}" style.`);
+ }
+
function runCanNotDefineReactivePropWarning() {
consW(`Inter failed to define reactivity
in a plain Javascript object, because it is not configurable.`);
@@ -1719,6 +1723,7 @@
if (isDefined(styleValue)) {
container.style[name] = styleValue;
container.template.styles[name] = styleValue;
+ if (!container.style[name]) runInvalidStyleValue(name, styleValue);
}
} else runInvalidStyleWarning(name);
});
@@ -2672,6 +2677,98 @@
return text;
}
+ function runNestedListDiffing(reactor, target, newChildren, oldChildren) {
+ const {
+ mutationInfo: { method, start, deleteCount, itemsLength },
+ } = reactor;
+
+ function addByPush() {
+ let i = itemsLength;
+
+ for (; i > 0; i--) {
+ const child = newChildren[newChildren.length - i];
+
+ target.appendChild(toDOM(child, true, child.index));
+ oldChildren.push(child);
+ }
+ }
+
+ function AddByUnShiftOrSplice(mutationMethod) {
+ function insertBehind(start, itemsLength) {
+ for (let i = itemsLength - 1; i > -1; i--) {
+ const child = target.children[start];
+ const virtualChild = newChildren[i];
+ const newChild = toDOM(virtualChild, true, virtualChild.index);
+
+ if (child) target.insertBefore(newChild, child);
+ else target.appendChild(newChild);
+
+ addedtems.unshift(virtualChild);
+ }
+ }
+
+ const addedtems = new Array();
+
+ if (mutationMethod == "splice" && deleteCount == 0 && itemsLength > 0) {
+ insertBehind(start, itemsLength);
+ oldChildren.splice(start, deleteCount, ...addedtems);
+ } else if (mutationMethod == "splice" && deleteCount > 0) {
+ for (let i = 0; i < deleteCount; i++) {
+ const child = target.children[start];
+
+ if (child) target.removeChild(child);
+ }
+
+ insertBehind(start, itemsLength);
+
+ oldChildren.splice(start, deleteCount, addedtems);
+ } else if (mutationMethod == "unshift") {
+ insertBehind(0, itemsLength);
+
+ oldChildren.unshift(...addedtems);
+ }
+ }
+
+ function deleteBySplice() {
+ let i = start;
+ for (; newChildren.length < target.children.length; i++) {
+ const elToRemove = target.children[start];
+ if (elToRemove) target.removeChild(elToRemove);
+ }
+
+ oldChildren.splice(start, deleteCount);
+ }
+
+ const lastNodeElement = target.children[target.children.length - 1];
+ const firstNodeElement = target.children[0];
+ if (method == "pop" && lastNodeElement) {
+ target.removeChild(lastNodeElement);
+ oldChildren.pop();
+ } else if (method == "shift" && firstNodeElement) {
+ target.removeChild(firstNodeElement);
+ oldChildren.shift();
+ } else if (method == "push") addByPush();
+ else if (method == "unshift") AddByUnShiftOrSplice(method);
+ else if (method == "splice") {
+ if (
+ typeof start == "number" &&
+ typeof deleteCount == "number" &&
+ itemsLength == 0
+ )
+ deleteBySplice();
+ else if (itemsLength > 0) AddByUnShiftOrSplice(method);
+ else if (deleteCount == void 0) {
+ const data = {
+ source: {
+ values: newChildren,
+ },
+ };
+
+ synchronizeRootChildrenLengthAndSourceLength(target, data);
+ }
+ }
+ }
+
function runContainerDiffing(newContainer, oldContainer, diff) {
const {
attrs: newAttrs = {},
@@ -2688,6 +2785,11 @@
target,
} = oldContainer;
+ const { reactor } = newChildren;
+
+ if (reactor != void 0)
+ runNestedListDiffing(reactor, target, newChildren, oldChildren);
+
const rootEL = target.parentNode;
const newText = getValue(newContainer.text);
const oldText = getValue(oldContainer.text);
@@ -2808,10 +2910,8 @@
if (validStyleName(newStyleName)) {
target.style[newStyleName] = newStyleValue;
- if (target.style[newStyleName] !== newStyleValue)
- ParserWarning(
- `"${newStyleValue}" is an invalid value for the "${newStyleName}" style.`
- );
+ if (!target.style[newStyleName])
+ runInvalidStyleValue(newStyleName, newStyleValue);
} else runInvalidStyleWarning(newStyleName);
}
}
@@ -2909,101 +3009,9 @@
if (newChildren.length !== oldChildren.length) {
const { reactor } = newChildren;
- if (reactor != void 0) {
- const {
- mutationInfo: { method, start, deleteCount, itemsLength },
- } = reactor;
-
- function addByPush() {
- let i = itemsLength;
-
- for (; i > 0; i--) {
- const child = newChildren[newChildren.length - i];
-
- target.appendChild(toDOM(child, true, child.index));
- oldChildren.push(child);
- }
- }
-
- function AddByShiftOrSplice(mutationMethod) {
- function insertBehind(start, itemsLength) {
- for (let i = itemsLength - 1; i > -1; i--) {
- const child = target.children[start];
- const virtualChild = newChildren[i];
- const newChild = toDOM(virtualChild, true, virtualChild.index);
-
- if (child) target.insertBefore(newChild, child);
- else target.appendChild(newChild);
-
- addedtems.unshift(virtualChild);
- }
- }
-
- const addedtems = new Array();
-
- if (
- mutationMethod == "splice" &&
- deleteCount == 0 &&
- itemsLength > 0
- ) {
- insertBehind(start, itemsLength);
- oldChildren.splice(start, deleteCount, ...addedtems);
- } else if (mutationMethod == "splice" && deleteCount > 0) {
- for (let i = 0; i < deleteCount; i++) {
- const child = target.children[start];
-
- if (child) target.removeChild(child);
- }
-
- insertBehind(start, itemsLength);
-
- oldChildren.splice(start, deleteCount, addedtems);
- } else if (mutationMethod == "unshift") {
- insertBehind(0, itemsLength);
-
- oldChildren.unshift(...addedtems);
- }
- }
-
- function deleteBySplice() {
- let i = start;
- for (; newChildren.length < target.children.length; i++) {
- const elToRemove = target.children[start];
- if (elToRemove) target.removeChild(elToRemove);
- }
-
- oldChildren.splice(start, deleteCount);
- }
-
- const lastNodeElement = target.children[target.children.length - 1];
- const firstNodeElement = target.children[0];
- if (method == "pop" && lastNodeElement) {
- target.removeChild(lastNodeElement);
- oldChildren.pop();
- } else if (method == "shift" && firstNodeElement) {
- target.removeChild(firstNodeElement);
- oldChildren.shift();
- } else if (method == "push") addByPush();
- else if (method == "unshift") AddByShiftOrSplice(method);
- else if (method == "splice") {
- if (
- typeof start == "number" &&
- typeof deleteCount == "number" &&
- itemsLength == 0
- )
- deleteBySplice();
- else if (itemsLength > 0) AddByShiftOrSplice(method);
- else if (deleteCount == void 0) {
- const data = {
- source: {
- values: newChildren,
- },
- };
-
- synchronizeRootChildrenLengthAndSourceLength(target, data);
- }
- }
- } else if (target && target.parentNode != null) {
+ if (reactor != void 0)
+ runNestedListDiffing(reactor, target, newChildren, oldChildren);
+ else if (target && target.parentNode != null) {
const newElement = toDOM(newChild, true, index);
realParent.replaceChild(newElement, target);
@@ -3073,6 +3081,24 @@
}
}
+ /**
+ *
+ *
Olá
+ *
Olá
+ *
Olá
+ *
+ *
Olá
+ *
+ *
Olá
+ *
Olá
+ *
Olá
+ *
+ *
+ *
Olá
+ *
Olá
+ *
Olá
+ *
+ *
Olá
+ *
+ *
Olá
+ *
Olá
+ *
Olá
+ *
+ *