upt

dist/sigpro-ui.esm.js

@@ -10,10 +10,10 @@ var __export = (target, all) => {
 };
 
 // src/sigpro.js
-var doc = typeof document !== "undefined" ? document : null;
-var isArr = Array.isArray;
 var isFunc = (f) => typeof f === "function";
 var isObj = (o) => o && typeof o === "object";
+var isArr = Array.isArray;
+var doc = typeof document !== "undefined" ? document : null;
 var ensureNode = (n) => n?._isRuntime ? n.container : n instanceof Node ? n : doc.createTextNode(n == null ? "" : String(n));
 var activeEffect = null;
 var activeOwner = null;
@@ -55,7 +55,8 @@ var createEffect = (fn, isComputed = false) => {
       effect._cleanups.forEach((cl) => cl());
       effect._cleanups.clear();
     }
-    const prevEffect = activeEffect, prevOwner = activeOwner;
+    const prevEffect = activeEffect;
+    const prevOwner = activeOwner;
     activeEffect = activeOwner = effect;
     try {
       const res = isComputed ? fn() : (fn(), undefined);
@@ -183,29 +184,6 @@ var $2 = (val, key = null) => {
     return val;
   };
 };
-var $$ = (obj, cache = new WeakMap) => {
-  if (!isObj(obj))
-    return obj;
-  if (cache.has(obj))
-    return cache.get(obj);
-  const subs = {};
-  const proxy = new Proxy(obj, {
-    get: (t, k) => {
-      trackUpdate(subs[k] ??= new Set);
-      return isObj(t[k]) ? $$(t[k], cache) : t[k];
-    },
-    set: (t, k, v) => {
-      if (!Object.is(t[k], v)) {
-        t[k] = v;
-        if (subs[k])
-          trackUpdate(subs[k], true);
-      }
-      return true;
-    }
-  });
-  cache.set(obj, proxy);
-  return proxy;
-};
 var Watch2 = (sources, cb) => {
   if (cb === undefined) {
     const effect2 = createEffect(sources);
@@ -251,7 +229,10 @@ var Tag2 = (tag, props = {}, children = []) => {
   if (isFunc(tag)) {
     const ctx = { _mounts: [], _cleanups: new Set };
     const effect = createEffect(() => {
-      const result2 = tag(props, { children, emit: (ev, ...args) => props[`on${ev[0].toUpperCase()}${ev.slice(1)}`]?.(...args) });
+      const result2 = tag(props, {
+        children,
+        emit: (ev, ...args) => props[`on${ev[0].toUpperCase()}${ev.slice(1)}`]?.(...args)
+      });
       effect._result = result2;
       return result2;
     });
@@ -361,6 +342,7 @@ var Render = (renderFn) => {
   const previousOwner = activeOwner;
   const container = doc.createElement("div");
   container.style.display = "contents";
+  container.setAttribute("role", "presentation");
   activeOwner = { _cleanups: cleanups, _mounts: mounts };
   const processResult = (result) => {
     if (!result)
@@ -393,7 +375,9 @@ var Render = (renderFn) => {
 var If2 = (cond, ifYes, ifNot = null, trans = null) => {
   const anchor = doc.createTextNode("");
   const root = Tag2("div", { style: "display:contents" }, [anchor]);
-  let currentView = null, last = null;
+  let currentView = null;
+  let last = null;
+  let exitPromise = null;
   Watch2(() => !!(isFunc(cond) ? cond() : cond), (show) => {
     if (show === last)
       return;
@@ -404,10 +388,18 @@ var If2 = (cond, ifYes, ifNot = null, trans = null) => {
         currentView = null;
       }
     };
-    if (currentView && !show && trans?.out)
-      trans.out(currentView.container, disposeView);
-    else
+    if (currentView && !show && trans?.out) {
+      if (exitPromise && exitPromise.cancel)
+        exitPromise.cancel();
+      const anim = trans.out(currentView.container, disposeView);
+      exitPromise = anim;
+      if (anim && anim.finished)
+        anim.finished.then(disposeView);
+      else
+        disposeView();
+    } else {
       disposeView();
+    }
     const content = show ? ifYes : ifNot;
     if (content) {
       currentView = Render(() => isFunc(content) ? content() : content);
@@ -494,7 +486,7 @@ var Mount2 = (comp, target) => {
   MOUNTED_NODES.set(t, inst);
   return inst;
 };
-var SigPro = Object.freeze({ $: $2, $$, Watch: Watch2, Tag: Tag2, Render, If: If2, For: For2, Router, Mount: Mount2, onMount, onUnmount });
+var SigPro = Object.freeze({ $: $2, Watch: Watch2, Tag: Tag2, Render, If: If2, For: For2, Router, Mount: Mount2, onMount, onUnmount });
 if (typeof window !== "undefined") {
   Object.assign(window, SigPro);
   "div span p h1 h2 h3 h4 h5 h6 br hr section article aside nav main header footer ul ol li a em strong pre code form label input textarea select button img svg".split(" ").forEach((t) => window[t[0].toUpperCase() + t.slice(1)] = (p, c) => SigPro.Tag(t, p, c));
@@ -1995,6 +1987,5 @@ export {
   Autocomplete,
   Alert,
   Accordion,
-  $$,
   $2 as $
 };