@manyducks.co/dolla 2.0.0-alpha.45 → 2.0.0-alpha.46

package/dist/core/markup.d.ts

@@ -70,8 +70,17 @@ export declare function markup<I>(type: ViewFunction<I>, attributes?: I, ...chil
  */
 /**
  * Displays content conditionally. When `condition` holds a truthy value, `thenContent` is displayed; when `condition` holds a falsy value, `elseContent` is displayed.
+ * @deprecated
  */
 export declare function cond(condition: MaybeReactive<any>, thenContent?: Renderable, elseContent?: Renderable): Markup;
+/**
+ * Displays `thenContent` when `condition` is truthy and `elseContent` when falsy.
+ */
+export declare function when(condition: MaybeReactive<any>, thenContent?: Renderable, elseContent?: Renderable): Markup;
+/**
+ * Inverted `when`. Displays `thenContent` when `condition` is falsy and `elseContent` when truthy.
+ */
+export declare function unless(condition: MaybeReactive<any>, thenContent?: Renderable, elseContent?: Renderable): Markup;
 /**
  * Calls `renderFn` for each item in `items`. Dynamically adds and removes views as items change.
  * The result of `keyFn` is used to compare items and decide if item was added, removed or updated.

package/dist/core/nodes/view.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentContext, ElementContext, StoreConsumerContext, StoreProviderContext } from "../context.js";
 import type { Logger } from "../dolla.js";
 import { type Markup, type MarkupElement } from "../markup.js";
-import { type EffectCallback, type Reactive, type UnsubscribeFunction } from "../signals.js";
+import { type EffectCallback, type EffectOptions, type Reactive, type UnsubscribeFunction } from "../signals.js";
 import { IS_MARKUP_ELEMENT } from "../symbols.js";
 /**
  * Any valid value that a View can return.
@@ -12,9 +12,6 @@ export type ViewFunction<P> = (this: ViewContext, props: P, context: ViewContext
  * A view that has been constructed into DOM nodes.
  */
 export interface ViewElement extends MarkupElement {
-    /**
-     * Take a ViewFunction and render it as a child of this view.
-     */
     setRouteView(view: ViewFunction<{}>): ViewElement;
 }
 export interface ViewContext extends Omit<Logger, "setName">, ComponentContext, StoreProviderContext, StoreConsumerContext {
@@ -46,7 +43,7 @@ export interface ViewContext extends Omit<Logger, "setName">, ComponentContext,
      * Passes a getter function to `callback` that will track reactive states and return their current values.
      * Callback will be run each time a tracked state gets a new value.
      */
-    effect(callback: EffectCallback): UnsubscribeFunction;
+    effect(callback: EffectCallback, options?: EffectOptions): UnsubscribeFunction;
     /**
      * Displays this view's subroutes if mounted as a router view.
      */

package/dist/core/signals.d.ts

@@ -49,7 +49,8 @@ export interface ReactiveOptions<T> {
 }
 export declare class Atom<T> implements Reactive<T> {
     #private;
-    readonly name?: string;
+    get name(): string;
+    get [Symbol.toStringTag](): string;
     constructor(value: T, options?: ReactiveOptions<T>);
     /**
      * Returns the latest value. The signal is tracked as a dependency if called within `effect` or `compose`.
@@ -187,6 +188,7 @@ export declare function untrack(fn: () => void): void;
  */
 export declare function getTracked(fn: (tracked: Reactive<unknown>[]) => void): void;
 export type EffectCallback = () => void;
+export type EffectOptions = {};
 /**
  * Creates a tracked scope that re-runs whenever the values of any tracked reactives changes.
  * Reactives are tracked by accessing their `value` within the body of the function.
@@ -194,5 +196,5 @@ export type EffectCallback = () => void;
  * NOTE: You must call the unsubscribe function to stop watching for changes.
  * If you are using an effect inside a View or Store, use `ctx.effect` instead, which cleans up automatically when the component unmounts.
  */
-export declare function effect(fn: EffectCallback): UnsubscribeFunction;
+export declare function effect(fn: EffectCallback, options?: EffectOptions): UnsubscribeFunction;
 export {};

package/dist/core/store.d.ts

@@ -1,6 +1,6 @@
-import type { StoreConsumerContext, ComponentContext, ElementContext } from "./context.js";
+import type { ComponentContext, ElementContext, StoreConsumerContext } from "./context.js";
 import type { Logger } from "./dolla.js";
-import { EffectCallback, UnsubscribeFunction } from "./signals.js";
+import { type EffectCallback, type EffectOptions, type UnsubscribeFunction } from "./signals.js";
 export type StoreFunction<Options, Value> = (this: StoreContext, options: Options, context: StoreContext) => Value;
 export type StoreFactory<Options, Value> = Options extends undefined ? () => Store<Options, Value> : (options: Options) => Store<Options, Value>;
 export interface StoreContext extends Omit<Logger, "setName">, ComponentContext, StoreConsumerContext {
@@ -20,7 +20,7 @@ export interface StoreContext extends Omit<Logger, "setName">, ComponentContext,
      * Passes a getter function to `callback` that will track reactive states and return their current values.
      * Callback will be run each time a tracked state gets a new value.
      */
-    effect(callback: EffectCallback): UnsubscribeFunction;
+    effect(callback: EffectCallback, options?: EffectOptions): UnsubscribeFunction;
 }
 export declare class Store<Options, Value> {
     readonly fn: StoreFunction<Options, Value>;

package/dist/{fragment-HanpB-Z6.js → fragment-CYt92o5I.js}

@@ -1,8 +1,8 @@
-import { m, d as o } from "./markup-DZcvFR50.js";
+import { m, d as o } from "./markup-BJffA2Ls.js";
 function e(r, a) {
   return m("$dynamic", { source: o(() => r.children) });
 }
 export {
   e as F
 };
-//# sourceMappingURL=fragment-HanpB-Z6.js.map
+//# sourceMappingURL=fragment-CYt92o5I.js.map

package/dist/{fragment-HanpB-Z6.js.map → fragment-CYt92o5I.js.map}

@@ -1 +1 @@
-{"version":3,"file":"fragment-HanpB-Z6.js","sources":["../src/core/views/fragment.ts"],"sourcesContent":["import type { Renderable } from \"../../types.js\";\nimport { markup } from \"../markup.js\";\nimport { type ViewContext } from \"../nodes/view.js\";\nimport { compose } from \"../signals.js\";\n\n/**\n * A utility view that displays its children.\n */\nexport function Fragment(props: { children?: Renderable }, ctx: ViewContext) {\n  return markup(\"$dynamic\", { source: compose(() => props.children) });\n}\n"],"names":["Fragment","props","ctx","markup","compose"],"mappings":";AAQgB,SAAAA,EAASC,GAAkCC,GAAkB;AACpE,SAAAC,EAAO,YAAY,EAAE,QAAQC,EAAQ,MAAMH,EAAM,QAAQ,GAAG;AACrE;"}
+{"version":3,"file":"fragment-CYt92o5I.js","sources":["../src/core/views/fragment.ts"],"sourcesContent":["import type { Renderable } from \"../../types.js\";\nimport { markup } from \"../markup.js\";\nimport { type ViewContext } from \"../nodes/view.js\";\nimport { compose } from \"../signals.js\";\n\n/**\n * A utility view that displays its children.\n */\nexport function Fragment(props: { children?: Renderable }, ctx: ViewContext) {\n  return markup(\"$dynamic\", { source: compose(() => props.children) });\n}\n"],"names":["Fragment","props","ctx","markup","compose"],"mappings":";AAQgB,SAAAA,EAASC,GAAkCC,GAAkB;AACpE,SAAAC,EAAO,YAAY,EAAE,QAAQC,EAAQ,MAAMH,EAAM,QAAQ,GAAG;AACrE;"}

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { deepEqual, shallowEqual, strictEqual } from "./utils.js";
 export { ref, type Ref } from "./core/ref.js";
 export { type StoreContext, type StoreFunction } from "./core/store.js";
 export { createRouter, type Router, type RouterOptions } from "./router/index.js";
-export { cond, list, markup, portal } from "./core/markup.js";
+export { cond, list, markup, portal, unless, when } from "./core/markup.js";
 export type { Markup, MarkupElement } from "./core/markup.js";
 import { Dolla } from "./core/dolla.js";
 declare const dolla: Dolla;

package/dist/index.js

@@ -13,8 +13,8 @@ var _t = (a, t, e, s) => ({
     return i(a, t, s);
   }
 });
-import { a as Kt, b as Pt, i as H, I as Ft, c as Ot, d as U, s as St, e as Qt, f as M, g as D, h as Jt, t as Mt, j as ht, m as $, k as Xt, l as xt, S as Yt, n as Tt, o as Lt, V as Zt, p as te, q as ee, r as se, u as re } from "./markup-DZcvFR50.js";
-import { v as je, w as Ce, B as Ie, x as Ve, C as De, y as qe, A as Ge, z as We } from "./markup-DZcvFR50.js";
+import { a as Kt, b as Pt, i as H, I as Ft, c as Ot, d as U, s as St, e as Qt, f as M, g as V, h as Jt, t as Mt, j as ht, m as $, k as Xt, l as xt, S as Yt, n as Tt, o as Lt, V as Zt, p as te, q as ee, r as se, u as re } from "./markup-BJffA2Ls.js";
+import { v as je, w as Ce, B as De, x as Ie, C as Ve, y as qe, A as Ge, D as We, z as Ae, E as He } from "./markup-BJffA2Ls.js";
 function Te(a) {
   return function() {
     if (arguments.length === 1)
@@ -80,29 +80,29 @@ function jt(a, t, e = {}) {
       continue t;
     const b = [];
     e: for (let h = 0; h < l.length; h++) {
-      const x = r[h], k = l[h];
-      if (x == null && k.type !== 3)
+      const x = r[h], E = l[h];
+      if (x == null && E.type !== 3)
         continue t;
-      switch (k.type) {
+      switch (E.type) {
         case 1:
-          if (k.name.toLowerCase() === x.toLowerCase()) {
-            b.push(k);
+          if (E.name.toLowerCase() === x.toLowerCase()) {
+            b.push(E);
             break;
           } else
             continue t;
         case 2:
-          b.push({ ...k, value: x });
+          b.push({ ...E, value: x });
           break;
         case 3:
-          b.push({ ...k, value: r.slice(h).join("/") });
+          b.push({ ...E, value: r.slice(h).join("/") });
           break e;
         case 4:
           if (isNaN(Number(x)))
             continue t;
-          b.push({ ...k, value: Number(x) });
+          b.push({ ...E, value: Number(x) });
           break;
         default:
-          throw new Error(`Unknown fragment type: ${k.type}`);
+          throw new Error(`Unknown fragment type: ${E.type}`);
       }
     }
     const v = {};
@@ -159,21 +159,43 @@ function ie(a) {
   }
   return e;
 }
+const oe = /(noopener|noreferrer) (noopener|noreferrer)/, le = /^[\w-_]+:/;
+function ce(a, t, e = window) {
+  function s(r) {
+    return !r || r === a ? null : r.localName !== "a" || r.href === void 0 ? s(r.parentNode) : r;
+  }
+  function n(r) {
+    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
+      return;
+    const o = s(r.target);
+    o && (e.location.protocol !== o.protocol || e.location.hostname !== o.hostname || e.location.port !== o.port || o.hasAttribute("data-router-ignore") || o.hasAttribute("download") || o.getAttribute("target") === "_blank" && oe.test(o.getAttribute("rel")) || le.test(o.getAttribute("href")) || (r.preventDefault(), t(o)));
+  }
+  return a.addEventListener("click", n), function() {
+    a.removeEventListener("click", n);
+  };
+}
+function he(a, t) {
+  for (const e in t) {
+    const s = t[e].toString();
+    a = a.replace(`{${e}}`, s).replace(`{#${e}}`, s);
+  }
+  return a;
+}
 function Le(a) {
-  return new ce(a);
+  return new de(a);
 }
-const Ct = Symbol.for("DollaRouterMountMethod"), It = Symbol.for("DollaRouterUnmountMethod");
+const Ct = Symbol.for("DollaRouterMountMethod"), Dt = Symbol.for("DollaRouterUnmountMethod");
 function gt(a) {
   return (a == null ? void 0 : a[Ft]) === !0;
 }
-async function oe(a, t) {
+async function ue(a, t) {
   return a[Ct](t);
 }
-async function le(a) {
-  return a[It]();
+async function fe(a) {
+  return a[Dt]();
 }
-var Nt, J, S, ft, T, G, X, j, C, L, m, Vt, Dt, qt, B, Gt, yt, bt;
-class ce {
+var Nt, J, S, ft, T, G, X, j, C, L, m, It, Vt, qt, B, Gt, yt, bt;
+class de {
   constructor(t) {
     u(this, m);
     w(this, Nt, !0);
@@ -237,13 +259,13 @@ class ce {
     window.addEventListener("popstate", e), i(this, C).push(() => window.removeEventListener("popstate", e));
     const s = t.getRootElement();
     i(this, C).push(
-      fe(s, (n) => {
+      ce(s, (n) => {
         let r = n.getAttribute("href");
         i(this, S).info("intercepted click on <a> tag", n), this.go(r);
       })
     ), i(this, S).info("will intercept clicks on <a> tags within root element", s), d(this, X, !0), await f(this, m, B).call(this);
   }
-  async [It]() {
+  async [Dt]() {
     for (const t of i(this, C))
       t();
     d(this, C, []);
@@ -269,13 +291,13 @@ class ce {
    */
   go(t, e = {}) {
     let s;
-    Array.isArray(t) ? s = z(t) : s = t.toString(), s = ut(window.location.pathname, s), e.preserveQuery && (s += window.location.search), e.replace ? f(this, m, Dt).call(this, s) : f(this, m, Vt).call(this, s);
+    Array.isArray(t) ? s = z(t) : s = t.toString(), s = ut(window.location.pathname, s), e.preserveQuery && (s += window.location.search), e.replace ? f(this, m, Vt).call(this, s) : f(this, m, It).call(this, s);
   }
 }
-J = new WeakMap(), S = new WeakMap(), ft = new WeakMap(), T = new WeakMap(), G = new WeakMap(), X = new WeakMap(), j = new WeakMap(), C = new WeakMap(), L = new WeakMap(), m = new WeakSet(), Vt = function(t, e) {
+J = new WeakMap(), S = new WeakMap(), ft = new WeakMap(), T = new WeakMap(), G = new WeakMap(), X = new WeakMap(), j = new WeakMap(), C = new WeakMap(), L = new WeakMap(), m = new WeakSet(), It = function(t, e) {
   var s;
   (s = i(this, S)) == null || s.info("(push)", t), window.history.pushState(e, "", i(this, j) ? "/#" + t : t), f(this, m, B).call(this, t);
-}, Dt = function(t, e) {
+}, Vt = function(t, e) {
   var s;
   (s = i(this, S)) == null || s.info("(replace)", t), window.history.replaceState(e, "", i(this, j) ? "/#" + t : t), f(this, m, B).call(this, t);
 }, qt = function() {
@@ -330,7 +352,7 @@ Gt = function(t, e) {
   }), n != null) {
     let r;
     if (M(n))
-      r = de(n, s.params);
+      r = he(n, s.params);
     else if (H(n)) {
       const o = {
         path: s.path,
@@ -356,7 +378,7 @@ Gt = function(t, e) {
  * @param layers - Array of parent layers. Passed when this function calls itself on nested routes.
  */
 bt = function(t, e = [], s = []) {
-  if (!D(t) || !M(t.path))
+  if (!V(t) || !M(t.path))
     throw new TypeError(`Route configs must be objects with a 'path' string property. Got: ${t}`);
   if (t.redirect && t.routes)
     throw new Error("Route cannot have both a 'redirect' and nested 'routes'.");
@@ -398,28 +420,6 @@ bt = function(t, e = [], s = []) {
     });
   return r;
 };
-const he = /(noopener|noreferrer) (noopener|noreferrer)/, ue = /^[\w-_]+:/;
-function fe(a, t, e = window) {
-  function s(r) {
-    return !r || r === a ? null : r.localName !== "a" || r.href === void 0 ? s(r.parentNode) : r;
-  }
-  function n(r) {
-    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
-      return;
-    const o = s(r.target);
-    o && (e.location.protocol !== o.protocol || e.location.hostname !== o.hostname || e.location.port !== o.port || o.hasAttribute("data-router-ignore") || o.hasAttribute("download") || o.getAttribute("target") === "_blank" && he.test(o.getAttribute("rel")) || ue.test(o.getAttribute("href")) || (r.preventDefault(), t(o)));
-  }
-  return a.addEventListener("click", n), function() {
-    a.removeEventListener("click", n);
-  };
-}
-function de(a, t) {
-  for (const e in t) {
-    const s = t[e].toString();
-    a = a.replace(`{${e}}`, s).replace(`{#${e}}`, s);
-  }
-  return a;
-}
 function me(a) {
   for (const t of a)
     if (t.meta.redirect) {
@@ -437,11 +437,11 @@ function me(a) {
 }
 class pe extends Error {
 }
-var I, dt, E, _;
+var D, dt, k, _;
 class we {
   constructor() {
-    u(this, E);
-    u(this, I, []);
+    u(this, k);
+    u(this, D, []);
     u(this, dt, ge());
   }
   /**
@@ -451,41 +451,41 @@ class we {
    * @param middleware - A middleware function that will intercept requests.
    */
   use(t) {
-    return i(this, I).push(t), () => {
-      i(this, I).splice(i(this, I).indexOf(t), 1);
+    return i(this, D).push(t), () => {
+      i(this, D).splice(i(this, D).indexOf(t), 1);
     };
   }
   async get(t, e) {
-    return f(this, E, _).call(this, "get", t, e);
+    return f(this, k, _).call(this, "get", t, e);
   }
   async put(t, e) {
-    return f(this, E, _).call(this, "put", t, e);
+    return f(this, k, _).call(this, "put", t, e);
   }
   async patch(t, e) {
-    return f(this, E, _).call(this, "patch", t, e);
+    return f(this, k, _).call(this, "patch", t, e);
   }
   async post(t, e) {
-    return f(this, E, _).call(this, "post", t, e);
+    return f(this, k, _).call(this, "post", t, e);
   }
   async delete(t, e) {
-    return f(this, E, _).call(this, "delete", t, e);
+    return f(this, k, _).call(this, "delete", t, e);
   }
   async head(t, e) {
-    return f(this, E, _).call(this, "head", t, e);
+    return f(this, k, _).call(this, "head", t, e);
   }
   async options(t, e) {
-    return f(this, E, _).call(this, "options", t, e);
+    return f(this, k, _).call(this, "options", t, e);
   }
   async trace(t, e) {
-    return f(this, E, _).call(this, "trace", t, e);
+    return f(this, k, _).call(this, "trace", t, e);
   }
 }
-I = new WeakMap(), dt = new WeakMap(), E = new WeakSet(), _ = async function(t, e, s) {
+D = new WeakMap(), dt = new WeakMap(), k = new WeakSet(), _ = async function(t, e, s) {
   return new ve({
     ...s,
     method: t,
     uri: e,
-    middleware: i(this, I),
+    middleware: i(this, D),
     fetch: i(this, dt)
   }).fetch();
 };
@@ -521,7 +521,7 @@ class be {
         t.forEach((e, s) => {
           this.headers.set(s, e);
         });
-      else if (D(t))
+      else if (V(t))
         for (const e in t) {
           const s = t[e];
           s instanceof Date ? this.headers.set(e, s.toISOString()) : s != null && this.headers.set(e, String(s));
@@ -535,7 +535,7 @@ class be {
         t.forEach((e, s) => {
           this.url.searchParams.set(s, e);
         });
-      else if (D(t))
+      else if (V(t))
         for (const e in t) {
           const s = t[e];
           s instanceof Date ? this.url.searchParams.set(e, s.toISOString()) : s != null && this.url.searchParams.set(e, String(s));
@@ -569,7 +569,7 @@ class ve {
   async _handler() {
     let t;
     const e = this._request;
-    !e.headers.has("content-type") && D(e.body) ? (e.headers.set("content-type", "application/json"), t = JSON.stringify(e.body)) : t = e.body;
+    !e.headers.has("content-type") && V(e.body) ? (e.headers.set("content-type", "application/json"), t = JSON.stringify(e.body)) : t = e.body;
     const s = await this._fetch(e.url.toString(), {
       method: e.method,
       headers: e.headers,
@@ -587,7 +587,7 @@ class ve {
   }
 }
 var mt, W, q, vt, Wt;
-class ke {
+class Ee {
   constructor(t, e) {
     u(this, q);
     w(this, "dolla");
@@ -599,16 +599,16 @@ class ke {
   async load() {
     let t;
     if (!i(this, mt)) {
-      if (D(this.config.strings))
+      if (V(this.config.strings))
         t = this.config.strings;
       else if (H(this.config.fetch)) {
-        if (t = await this.config.fetch(), !D(t))
+        if (t = await this.config.fetch(), !V(t))
           throw new Error(`Fetch function did not return an object of language strings: ${t}`);
       } else if (M(this.config.path)) {
         const e = await fetch(this.config.path);
         if (e.ok) {
           const s = await e.json();
-          if (D(s))
+          if (V(s))
             t = s;
           else
             throw new Error(
@@ -699,8 +699,8 @@ mt = new WeakMap(), W = new WeakMap(), q = new WeakSet(), vt = function(t, e = [
   }
   return o === 0 && n.length > 0 && s.segments.push({ type: 0, text: n }), s;
 };
-var Y, N, g, Z, tt, et, R, y, At, kt, Et, Rt, Ht;
-class Ee {
+var Y, N, g, Z, tt, et, R, y, At, Et, kt, Rt, Ht;
+class ke {
   constructor(t) {
     u(this, y);
     u(this, Y);
@@ -710,7 +710,7 @@ class Ee {
     u(this, tt, /* @__PURE__ */ new Map());
     u(this, et, "auto");
     u(this, R, Ot(""));
-    d(this, Y, t), d(this, N, t.createLogger("Dolla.i18n")), this.addFormat("number", (e, s, n) => f(this, y, kt).call(this, Number(s), n)), this.addFormat("datetime", (e, s, n) => f(this, y, Et).call(this, s, n)), this.addFormat("list", (e, s, n) => f(this, y, Rt).call(this, s, n)), t.beforeMount(async () => {
+    d(this, Y, t), d(this, N, t.createLogger("Dolla.i18n")), this.addFormat("number", (e, s, n) => f(this, y, Et).call(this, Number(s), n)), this.addFormat("datetime", (e, s, n) => f(this, y, kt).call(this, s, n)), this.addFormat("list", (e, s, n) => f(this, y, Rt).call(this, s, n)), t.beforeMount(async () => {
       i(this, g).size > 0 && await this.setLocale(i(this, et));
     });
   }
@@ -722,7 +722,7 @@ class Ee {
   }
   setup(t) {
     if (t.translations.forEach((e) => {
-      i(this, g).set(e.locale, new ke(e, i(this, Y)));
+      i(this, g).set(e.locale, new Ee(e, i(this, Y)));
     }), t.locale && t.locale !== "auto") {
       if (!t.translations.some((s) => s.locale === t.locale))
         throw new Error(`Initial locale '${t.locale}' is not registered in the locales array.`);
@@ -811,7 +811,7 @@ class Ee {
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
    */
   number(t, e) {
-    return U(() => f(this, y, kt).call(this, ht(t), e));
+    return U(() => f(this, y, Et).call(this, ht(t), e));
   }
   /**
    * Formats a date for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -823,7 +823,7 @@ class Ee {
    * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
    */
   dateTime(t, e) {
-    return U(() => f(this, y, Et).call(this, ht(t), e));
+    return U(() => f(this, y, kt).call(this, ht(t), e));
   }
   /**
    * Formats a list for the current locale. Uses `Intl.ListFormat` under the hood.
@@ -863,19 +863,19 @@ Y = new WeakMap(), N = new WeakMap(), g = new WeakMap(), Z = new WeakMap(), tt =
       for (const h of v) {
         const x = i(this, tt).get(h.name);
         if (x == null) {
-          const k = new Error(
+          const E = new Error(
             `Failed to load format '${h.name}' when processing '${e}', template: ${o}`
           );
-          throw i(this, N).crash(k), k;
+          throw i(this, N).crash(E), E;
         }
         b = x(t, b, h.options);
       }
       c += b;
     }
   return c;
-}, kt = function(t, e) {
-  return new Intl.NumberFormat(i(this, R).get(), e).format(t);
 }, Et = function(t, e) {
+  return new Intl.NumberFormat(i(this, R).get(), e).format(t);
+}, kt = function(t, e) {
   return new Intl.DateTimeFormat(i(this, R).get(), e).format(M(t) ? new Date(t) : t);
 }, Rt = function(t, e) {
   return new Intl.ListFormat(i(this, R).get(), e).format(t);
@@ -947,7 +947,7 @@ function $e(a) {
     $("p", {}, "Please see the browser console for details.")
   );
 }
-var P, st, F, V, rt, A, nt, at, it, ot, O, lt, ct, pt;
+var P, st, F, I, rt, A, nt, at, it, ot, O, lt, ct, pt;
 class _e {
   constructor() {
     // TODO: Take these off the global Dolla object.
@@ -956,7 +956,7 @@ class _e {
     u(this, P, !1);
     u(this, st, "production");
     u(this, F);
-    u(this, V);
+    u(this, I);
     u(this, rt, $e);
     u(this, A);
     u(this, nt, []);
@@ -978,7 +978,7 @@ class _e {
     // Registration functions for modules.
     // All modules will be registered before mount.
     u(this, pt, []);
-    this.http = new we(), this.i18n = new Ee(this);
+    this.http = new we(), this.i18n = new ke(this);
   }
   /**
    * True when the app is connected to a DOM node and displayed to the user.
@@ -1017,7 +1017,7 @@ class _e {
    * Returns the top level view Dolla is rendering inside the root element. This will return undefined until Dolla.mount() is called.
    */
   getRootView() {
-    return i(this, V);
+    return i(this, I);
   }
   provide(t, e) {
     const s = new Yt(t, e);
@@ -1050,7 +1050,7 @@ class _e {
       Lt(HTMLElement, t, "Expected an HTML element or a selector string. Got type: %t, value: %v"), d(this, F, t);
     gt(e) && d(this, A, e);
     const s = gt(e) ? Ut : e, n = $(s);
-    d(this, V, this.constructView(n.type, n.props)), await Promise.all(i(this, pt).map((r) => r())), gt(e) && await oe(e, this), await Promise.all(i(this, nt).map((r) => r())), i(this, V).mount(i(this, F)), d(this, P, !0);
+    d(this, I, this.constructView(n.type, n.props)), await Promise.all(i(this, pt).map((r) => r())), gt(e) && await ue(e, this), await Promise.all(i(this, nt).map((r) => r())), i(this, I).mount(i(this, F)), d(this, P, !0);
     for (const r of i(this, O).stores.values())
       r.handleMount();
     for (const r of i(this, at))
@@ -1059,7 +1059,7 @@ class _e {
   async unmount() {
     var t;
     if (i(this, P)) {
-      await Promise.all(i(this, it).map((e) => e())), (t = i(this, V)) == null || t.unmount(!1), i(this, A) && await le(i(this, A)), d(this, P, !1);
+      await Promise.all(i(this, it).map((e) => e())), (t = i(this, I)) == null || t.unmount(!1), i(this, A) && await fe(i(this, A)), d(this, P, !1);
       for (const e of i(this, ot))
         e();
     }
@@ -1156,7 +1156,7 @@ class _e {
     return te(ee(i(this, O), t));
   }
 }
-P = new WeakMap(), st = new WeakMap(), F = new WeakMap(), V = new WeakMap(), rt = new WeakMap(), A = new WeakMap(), nt = new WeakMap(), at = new WeakMap(), it = new WeakMap(), ot = new WeakMap(), O = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), pt = new WeakMap();
+P = new WeakMap(), st = new WeakMap(), F = new WeakMap(), I = new WeakMap(), rt = new WeakMap(), A = new WeakMap(), nt = new WeakMap(), at = new WeakMap(), it = new WeakMap(), ot = new WeakMap(), O = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), pt = new WeakMap();
 function Se() {
   if (typeof window < "u" && window.console)
     return window.console;
@@ -1176,15 +1176,17 @@ export {
   ht as get,
   Ce as getTracked,
   Pe as http,
-  Ie as list,
+  De as list,
   $ as markup,
-  Ve as peek,
-  De as portal,
+  Ie as peek,
+  Ve as portal,
   Te as ref,
   qe as set,
   St as shallowEqual,
   Ge as strictEqual,
   Ne as t,
-  We as untrack
+  We as unless,
+  Ae as untrack,
+  He as when
 };
 //# sourceMappingURL=index.js.map