Mission Control Dashboard - Initial implementation

node_modules/motion-dom/dist/es/projection/shared/stack.mjs

@@ -0,0 +1,85 @@
+import { addUniqueItem, removeItem } from 'motion-utils';
+
+class NodeStack {
+    constructor() {
+        this.members = [];
+    }
+    add(node) {
+        addUniqueItem(this.members, node);
+        for (let i = this.members.length - 1; i >= 0; i--) {
+            const member = this.members[i];
+            if (member === node || member === this.lead || member === this.prevLead)
+                continue;
+            const inst = member.instance;
+            if ((!inst || inst.isConnected === false) && !member.snapshot) {
+                removeItem(this.members, member);
+                member.unmount();
+            }
+        }
+        node.scheduleRender();
+    }
+    remove(node) {
+        removeItem(this.members, node);
+        if (node === this.prevLead)
+            this.prevLead = undefined;
+        if (node === this.lead) {
+            const prevLead = this.members[this.members.length - 1];
+            if (prevLead)
+                this.promote(prevLead);
+        }
+    }
+    relegate(node) {
+        for (let i = this.members.indexOf(node) - 1; i >= 0; i--) {
+            const member = this.members[i];
+            if (member.isPresent !== false && member.instance?.isConnected !== false) {
+                this.promote(member);
+                return true;
+            }
+        }
+        return false;
+    }
+    promote(node, preserveFollowOpacity) {
+        const prevLead = this.lead;
+        if (node === prevLead)
+            return;
+        this.prevLead = prevLead;
+        this.lead = node;
+        node.show();
+        if (prevLead) {
+            prevLead.updateSnapshot();
+            node.scheduleRender();
+            const { layoutDependency: prevDep } = prevLead.options;
+            const { layoutDependency: nextDep } = node.options;
+            if (prevDep === undefined || prevDep !== nextDep) {
+                node.resumeFrom = prevLead;
+                if (preserveFollowOpacity)
+                    prevLead.preserveOpacity = true;
+                if (prevLead.snapshot) {
+                    node.snapshot = prevLead.snapshot;
+                    node.snapshot.latestValues =
+                        prevLead.animationValues || prevLead.latestValues;
+                }
+                if (node.root?.isUpdating)
+                    node.isLayoutDirty = true;
+            }
+            if (node.options.crossfade === false)
+                prevLead.hide();
+        }
+    }
+    exitAnimationComplete() {
+        this.members.forEach((member) => {
+            member.options.onExitComplete?.();
+            member.resumingFrom?.options.onExitComplete?.();
+        });
+    }
+    scheduleRender() {
+        this.members.forEach((member) => member.instance && member.scheduleRender(false));
+    }
+    removeLeadSnapshot() {
+        if (this.lead?.snapshot)
+            this.lead.snapshot = undefined;
+    }
+}
+
+export { NodeStack };
+//# sourceMappingURL=stack.mjs.map