aberdeen 1.16.1 → 1.17.0

package/dist/src/aberdeen.js

@@ -102,6 +102,33 @@ class ReverseSortedSet {
 var sortedQueue;
 var runQueueDepth = 0;
 var topRedrawScope;
+var survivingEl;
+function recordSideEffect(scope, type, key, value) {
+  (scope.sideEffects ||= []).push(type, key, value);
+}
+function undoSideEffects(el, se) {
+  for (let i = se.length - 3;i >= 0; i -= 3) {
+    const key = se[i + 1];
+    const value = se[i + 2];
+    switch (se[i]) {
+      case 0 /* Class */:
+        value ? el.classList.add(key) : el.classList.remove(key);
+        break;
+      case 1 /* Style */:
+        el.style[key] = value == null ? "" : value;
+        break;
+      case 2 /* Prop */:
+        el[key] = value;
+        break;
+      case 3 /* Attr */:
+        value == null ? el.removeAttribute(key) : el.setAttribute(key, value);
+        break;
+      case 4 /* Event */:
+        el.removeEventListener(key, value);
+        break;
+    }
+  }
+}
 function queue(runner) {
   if (!sortedQueue) {
     sortedQueue = new ReverseSortedSet("prio");
@@ -166,7 +193,10 @@ class Scope {
     const lastNode = this.getLastNode();
     if (lastNode)
       removeNodes(lastNode, this.getPrecedingNode());
+    const savedSurvivingEl = survivingEl;
+    survivingEl = this.el;
     this.delete();
+    survivingEl = savedSurvivingEl;
   }
 }
 
@@ -181,6 +211,7 @@ class DelayedOneTimeRunner {
 
 class ContentScope extends Scope {
   cleaners;
+  sideEffects;
   changes;
   constructor(cleaners = []) {
     super();
@@ -192,13 +223,21 @@ class ContentScope extends Scope {
     return findLastNodeInPrevSiblings(this.lastChild);
   }
   delete() {
-    for (const cleaner of this.cleaners) {
+    const cleaners = this.cleaners;
+    for (let i = cleaners.length - 1;i >= 0; i--) {
+      const cleaner = cleaners[i];
       if (typeof cleaner === "function")
         cleaner();
       else
         cleaner.delete(this);
     }
     this.cleaners.length = 0;
+    const se = this.sideEffects;
+    if (se) {
+      if (this.el === survivingEl)
+        undoSideEffects(this.el, se);
+      this.sideEffects = undefined;
+    }
     sortedQueue?.remove(this);
     this.lastChild = undefined;
   }
@@ -322,7 +361,10 @@ class MountScope extends ContentScope {
   }
   delete() {
     removeNodes(this.getLastNode(), this.getPrecedingNode());
+    const savedSurvivingEl = survivingEl;
+    survivingEl = this.el;
     super.delete();
+    survivingEl = savedSurvivingEl;
   }
   remove() {
     this.delete();
@@ -517,7 +559,10 @@ class OnEachItemScope extends ContentScope {
       if (lastNode)
         removeNodes(lastNode, this.getPrecedingNode());
     }
+    const savedSurvivingEl = survivingEl;
+    survivingEl = this.el;
     this.delete();
+    survivingEl = savedSurvivingEl;
     this.lastChild = this;
     topRedrawScope = this;
     this.redraw();
@@ -572,7 +617,10 @@ class OnEachItemScope extends ContentScope {
       this.parent.sortedSet.remove(this);
       this.sortKey = undefined;
     }
+    const savedSurvivingEl = survivingEl;
+    survivingEl = this.el;
     this.delete();
+    survivingEl = savedSurvivingEl;
   }
 }
 function addNode(el, node) {
@@ -1446,7 +1494,12 @@ function A(...args) {
               nextPos = classEnd;
             } else {
               let className = arg.substring(nextPos + 1, classEnd);
-              el.classList.add(className || args[++argIndex]);
+              const cls = className || args[++argIndex];
+              if (!el.classList.contains(cls)) {
+                if (el === currentScope.el)
+                  recordSideEffect(currentScope, 0 /* Class */, cls, false);
+                el.classList.add(cls);
+              }
               nextPos = classEnd - 1;
             }
           }
@@ -1608,29 +1661,45 @@ function applyArg(el, key, value) {
     }
   } else if (key[0] === ".") {
     const classes = key.substring(1).split(".");
-    if (value)
-      el.classList.add(...classes);
+    const list = el.classList;
+    const desired = !!value;
+    if (el === currentScope.el) {
+      for (const cls of classes) {
+        const had = list.contains(cls);
+        if (had !== desired)
+          recordSideEffect(currentScope, 0 /* Class */, cls, had);
+      }
+    }
+    if (desired)
+      list.add(...classes);
     else
-      el.classList.remove(...classes);
+      list.remove(...classes);
   } else if (key[0] === "$") {
     key = key.substring(1);
     const val = value == null || value === false ? "" : typeof value === "string" ? cssVarRef(value) : String(value);
     const expanded = CSS_SHORT[key] || key;
-    if (typeof expanded === "string") {
-      el.style[toCamel(expanded)] = val;
-    } else {
-      for (const prop of expanded)
-        el.style[toCamel(prop)] = val;
+    const style = el.style;
+    const setOwn = el === currentScope.el;
+    const props = typeof expanded === "string" ? [expanded] : expanded;
+    for (const prop of props) {
+      const cm = toCamel(prop);
+      if (setOwn)
+        recordSideEffect(currentScope, 1 /* Style */, cm, style[cm]);
+      style[cm] = val;
     }
   } else if (value == null) {} else if (key in SPECIAL_PROPS) {
     SPECIAL_PROPS[key](el, value);
   } else if (typeof value === "function") {
     el.addEventListener(key, value);
     if (el === currentScope.el)
-      clean(() => el.removeEventListener(key, value));
+      recordSideEffect(currentScope, 4 /* Event */, key, value);
   } else if (value === true || value === false || key === "value" || key === "selectedIndex") {
+    if (el === currentScope.el)
+      recordSideEffect(currentScope, 2 /* Prop */, key, el[key]);
     el[key] = value;
   } else {
+    if (el === currentScope.el)
+      recordSideEffect(currentScope, 3 /* Attr */, key, el.getAttribute(key));
     el.setAttribute(key, value);
   }
 }
@@ -1905,5 +1974,5 @@ export {
   A
 };
 
-//# debugId=96E760876DC5556F64756E2164756E21
+//# debugId=28BFF8A898B656A464756E2164756E21
 //# sourceMappingURL=aberdeen.js.map