mnfst 0.5.261 → 0.5.262

package/lib/manifest.appwrite.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.261';
+const MANIFEST_BUILD_VERSION = '0.5.262';
 
 /* Manifest Data Sources - Appwrite Integration */
 

package/lib/manifest.colorpicker.js

@@ -1068,6 +1068,8 @@ function initializeColorpickerPlugin() {
 
         const state = {
             rootEl,
+            _effects: [],
+            _observers: [],
             pickerUid,
 
             // Data
@@ -1615,9 +1617,9 @@ function initializeColorpickerPlugin() {
                 if (this.libraryRootValue && window.Alpine?.effect && window.Alpine?.evaluateLater) {
                     // Explicit expression — bypass discovery, re-render on dep change.
                     const evalFn = Alpine.evaluateLater(evalHost, this.libraryRootValue);
-                    Alpine.effect(() => {
+                    this._effects.push(Alpine.effect(() => {
                         evalFn(v => { this._libraryResolvedData = v; this._doRenderLibrary(); });
-                    });
+                    }));
                 } else if (window.Alpine?.effect) {
                     // Zero-config — scan $x.manifest.data for `colorpicker:`-flagged
                     // entries, collect their $x.<name> values, merge in declaration
@@ -1688,7 +1690,7 @@ function initializeColorpickerPlugin() {
                     };
 
                     // Reactive deps trigger re-runs on locale switch / manifest load.
-                    Alpine.effect(() => {
+                    this._effects.push(Alpine.effect(() => {
                         try { Alpine.evaluate(evalCtx, 'typeof $locale !== "undefined" && $locale.current'); } catch {}
                         try { Alpine.evaluate(evalCtx, '$x && $x.manifest && $x.manifest._loadedFrom'); } catch {}
                         runDiscovery();
@@ -1705,7 +1707,7 @@ function initializeColorpickerPlugin() {
                                 }
                             }, 150);
                         }
-                    });
+                    }));
                 } else {
                     this._doRenderLibrary();
                 }
@@ -2022,6 +2024,7 @@ function initializeColorpickerPlugin() {
                         if (r.width > 0 && r.height > 0) { self.drawCanvas(); self.updateCanvasMarker(); }
                     });
                     ro.observe(refs.canvas);
+                    self._observers.push(ro);
                 }
 
                 if (refs.hueSlider) {
@@ -2453,10 +2456,17 @@ function initializeColorpickerPlugin() {
 
                 // Defer mount so child directives register first. setTimeout (not rAF)
                 // so it still fires when backgrounded.
-                setTimeout(() => state.mount(), 0);
+                setTimeout(() => { if (!state._destroyed) state.mount(); }, 0);
 
                 cleanup(() => {
                     if (el.id) delete _pickerRegistry[el.id];
+                    state._destroyed = true;
+                    state._effects.forEach((fx) => Alpine.release(fx));
+                    state._effects.length = 0;
+                    state._observers.forEach((ro) => ro.disconnect());
+                    state._observers.length = 0;
+                    clearInterval(state._libraryPollTimer);
+                    state._libraryPollTimer = null;
                     delete el._colorpickerState;
                 });
                 return;
@@ -2468,18 +2478,12 @@ function initializeColorpickerPlugin() {
             // Swatches trigger OUTSIDE any picker — handle before the ancestor check.
             // We assign IDs + the popover tag; x-dropdown owns popover mechanics.
             if (role === 'swatch') {
-                if (el._cpSwatchWired) return; // guard against re-firing via initTree
-                el._cpSwatchWired = true;
-
-                // ---- Optional x-model binding ----
-                // x-model is the swatch's source of truth: reactive background preview,
-                // plus read (open) / write (close) accessors the picker uses.
                 const modelExpr = el.getAttribute('x-model');
                 if (modelExpr && window.Alpine?.evaluateLater && window.Alpine?.effect) {
                     try {
                         const readFn = Alpine.evaluateLater(el, modelExpr);
                         // Reactive background preview
-                        Alpine.effect(() => {
+                        const modelEffect = Alpine.effect(() => {
                             readFn(v => {
                                 if (typeof v === 'string' && v.length) {
                                     el.style.setProperty('--color-picker-swatch', v);
@@ -2487,6 +2491,7 @@ function initializeColorpickerPlugin() {
                                 }
                             });
                         });
+                        cleanup(() => Alpine.release(modelEffect));
                         el._cpModelGetter = (cb) => readFn(cb);
                         // Writer: `<modelExpr> = <JSON value>` (color/gradient strings are JSON-safe).
                         el._cpModelSetter = (v) => {
@@ -2495,6 +2500,12 @@ function initializeColorpickerPlugin() {
                     } catch {}
                 }
 
+                if (el._cpSwatchWired) return; // guard against re-firing via initTree
+                el._cpSwatchWired = true;
+
+                // ---- Optional x-model binding ----
+                // x-model is the swatch's source of truth: reactive background preview,
+                // plus read (open) / write (close) accessors the picker uses.
                 // ---- Initial color via `value` attribute ----
                 // Mirrors native <input type=color>: seeds the picker on first open and
                 // the swatch CSS var so border-color paints before interaction.

package/lib/manifest.combobox.js

@@ -165,7 +165,9 @@ function initializeComboboxPlugin() {
     Alpine.directive('combobox', (el, { modifiers, expression }, { cleanup }) => {
         captureModel(el);   // fallback for any path that bypasses the above
         // Build after the current tick so sibling sources (datalist/menu) exist.
-        setTimeout(() => build(el, modifiers, expression || '', cleanup), 0);
+        let removed = false;
+        cleanup(() => { removed = true; });
+        setTimeout(() => { if (!removed) build(el, modifiers, expression || '', cleanup); }, 0);
     });
 
     // Resolve the menu's owning top-layer context fresh, every time — never cache it.
@@ -201,6 +203,8 @@ function initializeComboboxPlugin() {
             // it into wherever the owner lives now. Harmless no-op otherwise.
             const m = el.__mnfstComboboxMenu;
             if (m) reattach(el, m);
+            // A re-initialized field: its cleanup released these
+            el.__cbBindEffects?.(cleanup);
             return;
         }
         el.__mnfstCombobox = true;
@@ -941,6 +945,8 @@ function initializeComboboxPlugin() {
         disabledObserver.observe(el, { attributes: true, attributeFilter: ['disabled'] });
         if (cleanup) cleanup(() => disabledObserver.disconnect());
 
+        const effectFactories = [];
+
         // ----- Reactive model (x-model) -----
         // Render chips from the bound value on init and external change; write back on
         // add/remove. Read inside an Alpine effect so $x / nested state stay reactive.
@@ -951,7 +957,7 @@ function initializeComboboxPlugin() {
                     : (modelArrayShape === false ? vals.join(',') : vals.slice());
                 try { Alpine.evaluate(el, `${modelExpr} = ${JSON.stringify(out)}`); } catch (_) { }
             };
-            Alpine.effect(() => {
+            effectFactories.push(() => Alpine.effect(() => {
                 read(raw => {
                     if (modelArrayShape === null && raw != null && raw !== '') modelArrayShape = Array.isArray(raw);
                     const incoming = modelToValues(raw);
@@ -960,20 +966,26 @@ function initializeComboboxPlugin() {
                     if (!multiple && selected.length > 1) selected = selected.slice(-1);
                     render();
                 });
-            });
+            }));
         }
 
         // ----- Reactive locked list (config-object form, so `locked` can gate on state) -----
         if (expr.startsWith('{')) {
-            Alpine.effect(() => {
+            effectFactories.push(() => Alpine.effect(() => {
                 let c; try { c = Alpine.evaluate(el, expr); } catch (_) { return; }
                 const next = computeLocked(c && typeof c === 'object' && !Array.isArray(c) ? c : null);
                 if (next.size === lockedSet.size && [...next].every(v => lockedSet.has(v))) return;
                 lockedSet = next;
                 render();
-            });
+            }));
         }
 
+        el.__cbBindEffects = (onCleanup) => {
+            const effects = effectFactories.map((make) => make());
+            if (onCleanup) onCleanup(() => effects.forEach((fx) => Alpine.release(fx)));
+        };
+        el.__cbBindEffects(cleanup);
+
         // ----- Dynamic options: re-read when x-for / $x fills the source after build,
         //        keeping the menu, chip labels, and data-locked flags current. -----
         if (src) {

package/lib/manifest.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.261';
+const MANIFEST_BUILD_VERSION = '0.5.262';
 
 /* Manifest Data Sources - Configuration */
 

package/lib/manifest.datepicker.js

@@ -108,6 +108,7 @@
 
 		// Reactive registry id -> api, so $date('id') resolves across mount order.
 		const _registry = Alpine.reactive ? Alpine.reactive({}) : {};
+		const _registryOwners = new Map();
 		let _uid = 0;
 
 		// Default English UI chrome; overridable via a data source's `_ui.date`.
@@ -173,6 +174,7 @@
 			const now = new Date();
 			const state = {
 				rootEl,
+				_effects: [],
 				id: rootEl.id || ('mnfst-dp-' + (++_uid)),
 				selectionMode: 'single',   // 'single' | 'range' | 'multiple'
 				selected: null,            // Date | null  (single)
@@ -975,7 +977,7 @@
 		}
 		function bindConfigValue(state, el, expression) {
 			if (!expression) return;
-			Alpine.effect(() => {
+			state._effects.push(Alpine.effect(() => {
 				let cfg;
 				try { cfg = Alpine.evaluate(el, expression); } catch (_) { return; }
 				if (!cfg || typeof cfg !== 'object' || Array.isArray(cfg)) return;
@@ -990,14 +992,14 @@
 				if (Array.isArray(cfg.presets)) { state.presets = cfg.presets; dirty = true; }
 				if (cfg.format !== undefined) { state.format = cfg.format || null; dirty = true; }
 				if (dirty) { state.bump(); if (state._mounted) state.render(); }
-			});
+			}));
 		}
 		/* ---- Reactive chrome — re-render when locale, direction, or resolved `_ui`
 		 * text changes. Output comparison skips no-op _dataVersion bumps. */
 		function bindReactiveRender(state) {
 			if (state._uiEffectBound) return;
 			state._uiEffectBound = true;
-			Alpine.effect(() => {
+			state._effects.push(Alpine.effect(() => {
 				let locale = '', dir = '';
 				try { const ls = Alpine.store('locale'); locale = ls?.current || document.documentElement.lang || ''; dir = ls?.direction || ''; } catch (_) { }
 				try { const ds = Alpine.store('data'); if (ds) void ds._dataVersion; } catch (_) { }
@@ -1008,7 +1010,7 @@
 				state._uiKey = key;
 				if (state._destroyed || first) return; // initial render happens at mount
 				if (state._mounted) { state.render(); state.syncOut(); }
-			});
+			}));
 		}
 
 		function bindModel(state, el, modelExpr) {
@@ -1016,7 +1018,23 @@
 			state.modelGet = (cb) => { let out; read(v => { out = v; if (cb) cb(v); }); return out; };
 			state.modelSet = (v) => { try { Alpine.evaluate(el, `${modelExpr} = ${JSON.stringify(v)}`); } catch (_) { } };
 			// React to external model changes; syncOut writes the same value back (no loop).
-			Alpine.effect(() => { read(v => { const iso = (v instanceof Date) ? D.toISO(v) : v; const cur = state._primaryValue(); if (typeof iso === 'string' && iso !== cur) { const tm = iso.match(/T(\d{2}:\d{2})/); if (tm) state.time = tm[1]; const d = D.fromISO(iso); state.selected = d; if (d) state.view = { y: d.getFullYear(), m: d.getMonth() + 1 }; state.bump(); if (state._mounted) { state.render(); state.syncOut(); } } }); });
+			state._effects.push(Alpine.effect(() => { read(v => { const iso = (v instanceof Date) ? D.toISO(v) : v; const cur = state._primaryValue(); if (typeof iso === 'string' && iso !== cur) { const tm = iso.match(/T(\d{2}:\d{2})/); if (tm) state.time = tm[1]; const d = D.fromISO(iso); state.selected = d; if (d) state.view = { y: d.getFullYear(), m: d.getMonth() + 1 }; state.bump(); if (state._mounted) { state.render(); state.syncOut(); } } }); }));
+		}
+
+		// Global effects stay subscribed to the stores (and pin the calendar) until released.
+		function register(id, state) {
+			_registryOwners.set(id, state);
+			_registry[id] = state.api;
+		}
+		function unregister(id, state) {
+			if (!id || _registryOwners.get(id) !== state) return;
+			_registryOwners.delete(id);
+			delete _registry[id];
+		}
+		function disposeState(state) {
+			state._destroyed = true;
+			state._effects.forEach((fx) => Alpine.release(fx));
+			state._effects.length = 0;
 		}
 
 		function createDefaultMenu(fieldEl) {
@@ -1075,9 +1093,9 @@
 			if (modelExpr) bindModel(state, fieldEl, modelExpr);
 
 			if (!state._mounted) { state.seed(); state.syncOut(); state.render(); state._mounted = true; }
-			if (calendar.id) _registry[calendar.id] = state.api;
+			if (calendar.id) register(calendar.id, state);
 			// Also resolve $date(fieldId) when the calendar is an auto-generated menu.
-			if (fieldEl.id) _registry[fieldEl.id] = state.api;
+			if (fieldEl.id) register(fieldEl.id, state);
 
 			// CSS anchor positioning (as in the dropdowns plugin); showPopover() on click
 			// since a text <input> can't carry popovertarget.
@@ -1098,7 +1116,9 @@
 				if (fieldEl._dpSynthesizedHidden && fieldEl._dpSynthesizedHidden.isConnected) fieldEl._dpSynthesizedHidden.remove();
 				if (state._timeMenuEl && state._timeMenuEl.isConnected) state._timeMenuEl.remove();
 				if (calendar && calendar.isConnected) calendar.remove(); // the generated dropdown
-				state._destroyed = true;
+				unregister(fieldEl.id, state);
+				unregister(calendar.id, state);
+				disposeState(state);
 			});
 		}
 
@@ -1127,18 +1147,18 @@
 
 			// Defer mount so linked fields can register first.
 			setTimeout(() => {
-				if (state._mounted) return;
+				if (state._mounted || state._destroyed) return;
 				state.seed();
 				state.render();
 				state._mounted = true;
-				if (el.id) _registry[el.id] = state.api;
+				if (el.id) register(el.id, state);
 				bindReactiveRender(state);
 			}, 0);
 
 			cleanup(() => {
-				if (el.id) delete _registry[el.id];
+				unregister(el.id, state);
 				if (state._timeMenuEl && state._timeMenuEl.isConnected) state._timeMenuEl.remove();
-				state._destroyed = true;
+				disposeState(state);
 				delete el._dateState;
 			});
 		});

package/lib/manifest.defer.js

@@ -134,18 +134,41 @@ function register(el, rule, opts) {
         cleanup: []
     };
     wire(rec);
+    Alpine.onElRemoved?.(el, () => forget(rec));
     if (rule === 'route') routes.add(rec);
-    else if (!rec.lazy) { addPending(rec); if (!el.closest('[x-route][hidden]')) track(rec); schedule(); }
+    else if (!rec.lazy) { addPending(rec); if (!el.closest('[x-route][hidden]')) track(rec); if (rec.urgent || warm.size < PREWARM_CAP) schedule(); }
     return rec;
 }
 
+// A copy that renders like the original: a baked x-if clone is adopted through expandos
+// cloneNode drops, so the copy leaves it out and its x-if renders fresh.
+function pristineCopy(fragment) {
+    const copy = fragment.cloneNode(true);
+    const copies = copy.querySelectorAll('template[x-if]');
+    fragment.querySelectorAll('template[x-if]').forEach((t, i) => {
+        if (t._x_currentIfEl && t._x_currentIfEl === t.nextElementSibling) copies[i].nextElementSibling?.remove();
+    });
+    return copy;
+}
+
 function render(rec, viaPrewarm) {
-    if (rec.rendered) { if (!viaPrewarm && warm.delete(rec)) schedule(); return; }
+    if (rec.rendered) {
+        if (!viaPrewarm && warm.delete(rec)) {
+            rec.pristine = null; // opened: never evicted
+            schedule();
+        }
+        return;
+    }
     rec.rendered = true;
     pending.delete(rec);
     if (viaPrewarm) warm.add(rec); else { warm.delete(rec); untrack(rec); }
     const { el, tpl } = rec;
-    const content = rec.discard ? tpl.content.cloneNode(true) : tpl.content;
+    // A prewarm can be evicted, and eviction must restore unused markup: re-initializing
+    // used nodes stacks listeners on any directive without cleanup and re-runs plugins that
+    // rewrite their markup. So it keeps a copy, and the originals (with whatever adoption
+    // set on them) still render.
+    if (viaPrewarm && !rec.discard) rec.pristine = pristineCopy(tpl.content);
+    const content = rec.discard ? pristineCopy(tpl.content) : tpl.content;
     Alpine.mutateDom(() => {
         tpl.remove();
         el.appendChild(content);
@@ -165,6 +188,30 @@ function teardown(rec) {
     });
 }
 
+// Records hold the element and its anchor: a removed one must not pin its page.
+function forget(rec) {
+    rec.forgotten = true;
+    rec.pristine = null;
+    pending.delete(rec);
+    routes.delete(rec);
+    pool = null;
+    untrack(rec);
+    rec.invoker = null;
+    if (warm.delete(rec)) schedule();
+}
+
+// A forgotten container initialized again (re-attached, or destroyed and re-walked).
+// destroyTree also dropped its attribute watchers.
+function revive(rec) {
+    if (!rec.forgotten) return;
+    rec.forgotten = false;
+    Alpine.onElRemoved?.(rec.el, () => forget(rec));
+    if (rec.rendered) return;
+    rec.rearm?.();
+    if (rec.rule === 'route') routes.add(rec);
+    else if (!rec.lazy) { addPending(rec); track(rec); schedule(); }
+}
+
 // Evict a warm, still-closed, never-opened container back to its stash (non-urgent, least reachable first)
 function restash(rec) {
     if (!rec.rendered) return;
@@ -174,7 +221,8 @@ function restash(rec) {
     const { el, tpl } = rec;
     Alpine.mutateDom(() => {
         Array.from(el.children).forEach((child) => Alpine.destroyTree(child));
-        while (el.firstChild) tpl.content.appendChild(el.firstChild);
+        while (el.firstChild) el.firstChild.remove();
+        if (rec.pristine) { tpl.content.appendChild(rec.pristine); rec.pristine = null; }
         el.appendChild(tpl);
     });
     warm.delete(rec);
@@ -226,6 +274,7 @@ function wire(rec) {
             render(rec);
             if (rec.discard) arm();
         });
+        rec.rearm = arm;
         arm();
         if (rec.discard) observe(['hidden'], () => { if (el.hasAttribute('hidden')) teardown(rec); });
     } else if (rule === 'route') {
@@ -235,6 +284,7 @@ function wire(rec) {
             if (!el.hasAttribute('hidden')) render(rec);
             if (!rec.rendered || rec.discard) arm();
         });
+        rec.rearm = arm;
         arm();
         if (rec.discard) observe(['hidden'], () => { if (el.hasAttribute('hidden')) teardown(rec); });
     } else if (rule === 'panel') {
@@ -300,6 +350,7 @@ function reachablePending() {
     if (pool && poolEpoch === reachEpoch && pool.length < pending.size * 2 + 64) return pool;
     poolEpoch = reachEpoch;
     pool = [];
+    for (const set of [warm, routes]) for (const rec of set) if (!rec.el.isConnected) { set.delete(rec); untrack(rec); }
     for (const rec of pending) {
         if (!rec.el.isConnected) { pending.delete(rec); untrack(rec); continue; }
         if (reachable(rec)) { track(rec); pool.push(rec); } else untrack(rec);
@@ -416,12 +467,14 @@ const inViewport = (r) => !!r && r.bottom > 0 && r.top < window.innerHeight && r
 // On-screen rect for ranking, or null when off-screen / boxless
 function nearRect(rec) {
     if (rec.box !== undefined) return rec.ioNear ? rec.box : null;
+    if (rec.anchor) return null; // IO reports within a frame; a read here forces layout per record
     const r = anchorRect(rec);
     rec.near = inViewport(r);
     return rec.near ? r : null;
 }
 function isNear(rec) {
     if (rec.box !== undefined) return !!rec.ioNear;
+    if (rec.anchor) return false;
     if (rec.near === undefined) rec.near = inViewport(anchorRect(rec));
     return rec.near;
 }
@@ -498,7 +551,7 @@ function defer(el) {
 }
 
 function intercept(el, skip) {
-    if (el.__mnfstDefer) return;
+    if (el.__mnfstDefer) { revive(el.__mnfstDefer); return; }
     if (defer(el)) skip();
 }
 

package/lib/manifest.dropdowns.js

@@ -11,7 +11,7 @@ let lastInputModality = 'mouse';
 // navigating item came from.
 let lastPointerTarget = null;
 document.addEventListener('keydown', () => { lastInputModality = 'keyboard'; }, true);
-document.addEventListener('pointerdown', (e) => { lastInputModality = 'mouse'; lastPointerTarget = e.target; }, true);
+document.addEventListener('pointerdown', (e) => { lastInputModality = 'mouse'; lastPointerTarget = new WeakRef(e.target); }, true);
 
 // Context-menu dismiss (click outside / Escape). Module scope on purpose: a closure
 // made inside the directive shares its V8 context with every sibling closure, so it
@@ -755,7 +755,7 @@ document.addEventListener('click', (event) => {
 // the route change it dispatches instead. Hash links aren't intercepted and still
 // close via the normal path.
 window.addEventListener('manifest:route-change', () => {
-    const pressed = lastPointerTarget;
+    const pressed = lastPointerTarget?.deref();
     document.querySelectorAll('[popover]:popover-open').forEach((menu) => {
         if (!menu.__mnfstCloseBound) return;
         const row = pressed && menu.contains(pressed) ? pressed : null;

package/lib/manifest.integrity.json

@@ -1,21 +1,21 @@
 {
   "manifest.appwrite.auth.js": "sha384-9WNhIeSEzxxJm+yP7cV41kV2xyzyXgFCNpThqiREcNbb6tnIW6O7VRZPL2jwy9Nk",
-  "manifest.appwrite.data.js": "sha384-o/I02A1W20/hRbSQ4ihAlTVdMj03/v05BPIo24L93vCh1oDmJCy/mHtWXyO9P7z1",
+  "manifest.appwrite.data.js": "sha384-lNtw0QrcI1Hnshur38Dqw+iA9nTQ4GSnkeYUgKYdUWkGyqQ47XFiVAFr1LKGV/ZP",
   "manifest.appwrite.presences.js": "sha384-/CagPsgWhO1sWEevCNGJmZ/ezRK9YCjLjvF7hxNSM4gVlJmEVtfSLfF7wnsRq441",
   "manifest.bindings.js": "sha384-lPtMf8Ykaic9gNVZKq8Scia1881ZeMAyxer3WCIkUNwwrgzGBWto1OXADUwjvORF",
   "manifest.charts.js": "sha384-lzcoovnPCKhcwigrwYvc5rPAZuZNHwWmNNuu7hxPsfJuKAu8ejla5F7agHZ2Xft9",
   "manifest.chat.js": "sha384-88DfMfJLoi2oxclVD2iIMDkIGAExMXq5k47mekUredlicLaP3oZY5bwtwqs+TqDF",
   "manifest.code.js": "sha384-WGPlZE5Sp9GygUzJSmCdpLyYQTgvmEKc9BQS9Hmq1VTQwkqYJzPSWibHvPekcres",
   "manifest.color.js": "sha384-6Rv3LxyTcZNjrhtayQfqRdCx0uSZ4BiEbgEI98I62eTvp8Aw7LBIoNJ0Je1oktwL",
-  "manifest.colorpicker.js": "sha384-BhcCe8cGcd0DTJNwzXWWY+FQNRfSFFl6XqfHIFP8yHg/aXFks1NIC6lVx0Sr1VkM",
-  "manifest.combobox.js": "sha384-MILTkrgsTzsYUjGo4ZuADqV85Xs4GmfB4xexfe9vbJMIoQTZ42W4zs+DTaVSPEsx",
+  "manifest.colorpicker.js": "sha384-H6u6FHBbqIViQAYM9DTcFSVScghuvSEZqT1ZIKg7vv7zQx/5GiebDlJvyXdBxuM/",
+  "manifest.combobox.js": "sha384-eY5w3XHiFa1s6mXfmFbn/ff2GNHvlGUDAPVedlc0rvH4XhfBn3mWGLjj539q5IwS",
   "manifest.components.js": "sha384-BUFA8h+G5Plr82sV7bKzO42pPoiRZwRQcKj1lt2ROFiKjjlkayU/vmkAFqEsdBA+",
   "manifest.computed.js": "sha384-GYML/e81gQfN+iDbqhPUgny8bINCyL+SrbTofoGk4hlCnLLjv51mCv42JMqq+ku5",
-  "manifest.data.js": "sha384-oOf9cFcoI3VFsfqg4eZyDVq7gdeF5DoIB92shYZI0N4ajWqhFx7B6Byy9H1g5HNE",
-  "manifest.datepicker.js": "sha384-JeDdzdwXdXmnvgv1N1N+7WIQlezew9YJcvui3uVEvqAOX0WEaJO7ofLRRuc4hFBS",
-  "manifest.defer.js": "sha384-GK9qJkYtchtyzSQ+3zmDQUJE3+au4qthT2M8JnFjXxgfwCH5IVKc2r3tackgMryU",
+  "manifest.data.js": "sha384-kwLHIxnThzjCDfjqJwq96lSb2dPcz4ntutRZ25jWmADaR9U8+T9ISU7GankNch4Z",
+  "manifest.datepicker.js": "sha384-tA4Dh8xXfyRw+3C19XXXDE0O6O6V6mGMdWv/lJA3Jcw/gcLG3aFTTEhvQEkJNkvb",
+  "manifest.defer.js": "sha384-5cHzFTbx+cZmGpk9FuiUtW3ciC9NvvHwJeHP7xL5yiZVp9PhMWVdQ7L9y6ju2yoo",
   "manifest.device.js": "sha384-YeQaS56L8IILqrQNBSeAOLwIh5DuAOrE60cYLK1+46qJtUrXlAvqGe2j5mbV4Vq7",
-  "manifest.dropdowns.js": "sha384-H1IH7pU4zqjKNZtypXzwvUfnKkvNH96hM5za5xbb6SQlAucqkjKtlAepJW39nn/u",
+  "manifest.dropdowns.js": "sha384-TlFrYVWTXvpUmGnYaAk2til4lu0p6w5YcmWWEzZAokzd2qlmoyRLLXXVuYAK/AlR",
   "manifest.edit.js": "sha384-MOgQNdNLeHijhR0u2W6ntoOulKFglsATCFDqkinesOU15tHoILk/JNzHKkGi5dUG",
   "manifest.export.js": "sha384-Rx6XvqBZc4apzP/FwcDr6yIln4/zNa08Q4ZqBZcEqUz1aNZQfl4h0+Ae7mqCQyuG",
   "manifest.icons.js": "sha384-kKOINpX70YzNO3FvkV6umrmO3f0KIu0DNbwB+ej55a7y/lhU7v/myQtXL0bwCTbt",
@@ -28,11 +28,11 @@
   "manifest.slides.js": "sha384-3uRTkyK9XPLmnxI2+igZlpi4EyPlU/7IHj5j3BZJJ2KN455vXyk99fiXV3feO/XY",
   "manifest.status.js": "sha384-Zf07q/5tRS2F0o128sINYrce8xP035FTV0Ot7V7/hh+cwFhVZg+EWkHZN5b42aBn",
   "manifest.svg.js": "sha384-qr/8H9+2cIhSXNbRWRtIdrDlTOxKlNJqwEefHvCYoiBNW/kKhPTFa109Orv/EBnb",
-  "manifest.sw.js": "sha384-Bm4NWZDrWtm0kekg7m9SnOve6wsB0nOjHzQre3TsvDaIlWK5vMlJAJ1qyV9cQGbi",
+  "manifest.sw.js": "sha384-my5z7X0SU63k0XDo1MuISuHz/R0iD8TOoJhwBs1hLSxAej366Skfo4QDtMl87EqJ",
   "manifest.tabs.js": "sha384-otU09H7jnawVKQdLAYpMCd3jx00tgyPVr42D2hLIBzN5dG4se505YesavdnMqEi1",
   "manifest.tailwind.js": "sha384-r/Jvqb+Piz21jUts10BbVAJoKkShOdJRVFpywyi4HPIi/OfOJq5CtPyWAPbdkMgt",
   "manifest.toasts.js": "sha384-3zkWxzw693pxg3QDFsoYCA3CqYaLKmBaMArULXODD66Utolpewl0OAeTB92aWUVv",
-  "manifest.tooltips.js": "sha384-4b24PH5WsfFsewGea5SMWLwmrhC4kD6eDP/vvjNyjXYnQXXFGi4nLdojrIOwzG8M",
+  "manifest.tooltips.js": "sha384-hXGp5j0s6p2kGZY/hqLPEbaUv68ca63kFCjYiZqK3DcC12mpHTBy1vz3kuApyf4p",
   "manifest.url.parameters.js": "sha384-J2aSVBOPsoqsbafHndrWLHEDpKb4AKJAoQnVmKA4gZh5P/8HHjFWHO/lkusmG84l",
   "manifest.utilities.js": "sha384-h17EquaRtNcEW0yfhk7R+a+2+CzTlBxPuFryO6i9NV/OiIRMihREoyzQ77QawoQ7",
   "manifest.virtual.js": "sha384-ZDNoF9QVhVcVpkjIK6NH15S6I5c6OBshiJpXSOYjNsIB+298I0a7g3aFO+jyq4Vb",

package/lib/manifest.sw.js

@@ -16,7 +16,7 @@
 
 // Build stamps the published version here; unstamped (dev) falls back to the
 // registration URL's `v`, then 'dev'.
-const BUILD_VERSION = '0.5.261';
+const BUILD_VERSION = '0.5.262';
 const CACHE_PREFIX = 'mnfst-sw:';
 const META_CACHE = CACHE_PREFIX + 'meta';
 // Sized to hold a full precache.json warm-up (PRECACHE_MAX_ENTRIES server-side)

package/lib/manifest.tooltips.js

@@ -171,6 +171,7 @@ function initializeTooltipPlugin() {
         s.el.style.setProperty('position-anchor', anchorName);
 
         s.activeTrigger = trigger;
+        trigger._tooltipSingleton = s;
         s.currentAnchorName = anchorName;
 
         // A11y: aria-describedby links trigger → tooltip for screen readers.
@@ -212,7 +213,20 @@ function initializeTooltipPlugin() {
 
     // ---- Directive ----
 
-    Alpine.directive('tooltip', (el, { modifiers, expression }, { effect, evaluateLater }) => {
+    Alpine.directive('tooltip', (el, { modifiers, expression }, { effect, evaluateLater, cleanup }) => {
+        const listeners = new AbortController();
+        const { signal } = listeners;
+        cleanup(() => {
+            listeners.abort();
+            if (_pendingTrigger === el) cancelPendingShow();
+            // A removal root is already detached here, so its host can't be looked up
+            const s = el._tooltipSingleton;
+            el._tooltipSingleton = null;
+            if (s && s.activeTrigger === el) {
+                if (s.el.matches(':popover-open')) s.el.hidePopover();
+                s.activeTrigger = null;
+            }
+        });
 
         // --- Content ---
         // Escape by default; author literal HTML or .html/.safe opts in.
@@ -288,15 +302,15 @@ function initializeTooltipPlugin() {
         };
 
         // Mouse interactions
-        el.addEventListener('mouseenter', requestShow);
-        el.addEventListener('mouseleave', requestHide);
+        el.addEventListener('mouseenter', requestShow, { signal });
+        el.addEventListener('mouseleave', requestHide, { signal });
 
         // Keyboard focus (WCAG 2.1 SC 1.4.13). Gated on :focus-visible so mouse-click
         // focus doesn't flash the tooltip.
         el.addEventListener('focus', () => {
             if (el.matches(':focus-visible')) requestShow();
-        });
-        el.addEventListener('blur', requestHide);
+        }, { signal });
+        el.addEventListener('blur', requestHide, { signal });
 
         // Mousedown/click hides now and clears the chain window, so a synthetic
         // re-hover (content shifting under the cursor) waits the full delay.
@@ -305,8 +319,8 @@ function initializeTooltipPlugin() {
             hideAnySingleton();
             clearChainWindow();
         };
-        el.addEventListener('mousedown', hideOnInteraction);
-        el.addEventListener('click', hideOnInteraction);
+        el.addEventListener('mousedown', hideOnInteraction, { signal });
+        el.addEventListener('click', hideOnInteraction, { signal });
     });
 
     // Global: when ANY other popover opens, close the singleton(s). Dropdowns and

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.261",
+    "version": "0.5.262",
     "private": false,
     "workspaces": [
         "templates/starter",