@manyducks.co/dolla 2.0.0-alpha.16 → 2.0.0-alpha.17

package/dist/passthrough-J9nMzwTV.js

@@ -0,0 +1,1391 @@
+var pe = Object.defineProperty;
+var me = (n, e, t) => e in n ? pe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var r = (n, e, t) => me(n, typeof e != "symbol" ? e + "" : e, t);
+function ge(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+}
+var T = { exports: {} }, Z;
+function we() {
+  return Z || (Z = 1, function(n, e) {
+    Object.defineProperty(e, "__esModule", { value: !0 });
+    var t = /* @__PURE__ */ function() {
+      function l(c, h) {
+        var d = [], f = !0, m = !1, v = void 0;
+        try {
+          for (var S, b = c[Symbol.iterator](); !(f = (S = b.next()).done) && (d.push(S.value), !(h && d.length === h)); f = !0) ;
+        } catch (g) {
+          m = !0, v = g;
+        } finally {
+          try {
+            !f && b.return && b.return();
+          } finally {
+            if (m) throw v;
+          }
+        }
+        return d;
+      }
+      return function(c, h) {
+        if (Array.isArray(c)) return c;
+        if (Symbol.iterator in Object(c)) return l(c, h);
+        throw new TypeError("Invalid attempt to destructure non-iterable instance");
+      };
+    }(), s = function(l) {
+      return l.reduce(function(c, h) {
+        return 16 > h ? c + "0" + h.toString(16) : c + h.toString(16);
+      }, "#");
+    }, i = function(l, c, h) {
+      var d = 0.5 > h ? h * (1 + c) : h + c - h * c, f = 2 * h - d, m = function(g, k, _) {
+        var L = Math.round, w = 0 > _ ? _ + 1 : 1 < _ ? _ - 1 : _;
+        return w = w < 1 / 6 ? g + 6 * (k - g) * w : w < 1 / 2 ? k : w < 2 / 3 ? g + 6 * (k - g) * (2 / 3 - w) : g, L(255 * w);
+      }, v = m(f, d, l + 1 / 3), S = m(f, d, l), b = m(f, d, l - 1 / 3);
+      return [v, S, b];
+    }, o = function(l, c, h, d) {
+      var f = l % 1007 / 1007, m = function(g, k, _) {
+        return g * (_ - k) + k;
+      }, v = m(f, c.min, c.max), S = m(f, h.min, h.max), b = m(f, d.max, d.min);
+      return [v, S, b];
+    }, u = function(l) {
+      return l.split("").reduce(function(c, h, d) {
+        return c * h.charCodeAt(0) * d + 1;
+      }, 1);
+    }, a = function(l) {
+      var c = l.str, h = l.hue, d = h === void 0 ? { min: 0, max: 360 } : h, f = l.sat, m = f === void 0 ? { min: 0.35, max: 0.65 } : f, v = l.light, S = v === void 0 ? { min: 0.3, max: 0.7 } : v, b = l.hashFunction, g = b === void 0 ? u : b, k = l.scheme, _ = k === void 0 ? "hex" : k, L = o(g(c), d, m, S), w = t(L, 3), D = w[0], H = w[1], z = w[2], Y = i(D / 360, H, z), fe = s(Y);
+      return _ === "hsl" ? [D, H, z] : _ === "rgb" ? Y : fe;
+    };
+    e.default = a, n.exports = e.default;
+  }(T, T.exports)), T.exports;
+}
+var ye = we();
+const Ce = /* @__PURE__ */ ge(ye);
+function G(n) {
+  if (n === void 0)
+    return "undefined";
+  if (n === null)
+    return "null";
+  const e = typeof n;
+  switch (e) {
+    case "number":
+      return isNaN(n) ? "NaN" : "number";
+    case "function":
+      return ie(n) ? "class" : e;
+    case "object":
+      return M(n) ? "array" : _e(n) ? "promise" : e;
+    default:
+      return e;
+  }
+}
+function M(n) {
+  return Array.isArray(n);
+}
+function se(...n) {
+  const e = n[0], t = (s) => M(s) && s.every((i) => e(i));
+  return n.length < 2 ? t : t(n[1]);
+}
+function De(...n) {
+  const e = n[0], t = $(n[2]) ? n[2] : "Expected an array of valid items. Got type: %t, value: %v", s = (i) => {
+    if (M(i) && i.every((o) => e(o)))
+      return !0;
+    throw new TypeError(j(i, t));
+  };
+  return n.length < 2 ? s : s(n[1]);
+}
+function $(n) {
+  return typeof n == "string";
+}
+function He(n, e) {
+  if ($(n))
+    return !0;
+  throw new TypeError(j(n, e ?? "Expected a string. Got type: %t, value: %v"));
+}
+function x(n) {
+  return typeof n == "function" && !ie(n);
+}
+function be(n) {
+  return typeof n == "number" && !isNaN(n);
+}
+function _e(n) {
+  if (n == null) return !1;
+  const e = n;
+  return e instanceof Promise || x(e.then) && x(e.catch) && x(e.finally);
+}
+function ie(n) {
+  return typeof n == "function" && /^\s*class\s+/.test(n.toString());
+}
+function ze(...n) {
+  const e = n[0], t = $(n[2]) ? n[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, s = (i) => {
+    if (i instanceof e)
+      return !0;
+    throw new TypeError(j(i, t));
+  };
+  return n.length < 2 ? s : s(n[1]);
+}
+function U(n) {
+  return n != null && typeof n == "object" && !M(n);
+}
+function j(n, e) {
+  var i;
+  const t = G(n), s = ((i = n == null ? void 0 : n.toString) == null ? void 0 : i.call(n)) || String(n);
+  return e.replaceAll("%t", t).replaceAll("%v", s);
+}
+const ve = () => {
+};
+function ke(n, e) {
+  const t = (s) => {
+    const i = {};
+    for (const o in s)
+      n.includes(o) || (i[o] = s[o]);
+    return i;
+  };
+  return e == null ? t : t(e);
+}
+function Ye() {
+  if (typeof window < "u" && window.console)
+    return window.console;
+  if (typeof global < "u" && global.console)
+    return global.console;
+}
+function Se(n) {
+  return Ce({
+    str: n,
+    sat: { min: 0.35, max: 0.55 },
+    light: { min: 0.6, max: 0.6 }
+  });
+}
+function Ze(n) {
+  if (n instanceof RegExp)
+    return (s) => n.test(s);
+  const e = {
+    positive: [],
+    negative: []
+  }, t = n.split(",").map((s) => s.trim()).filter((s) => s !== "");
+  for (let s of t) {
+    let i = "positive";
+    s.startsWith("-") && (i = "negative", s = s.slice(1)), s === "*" ? e[i].push(function() {
+      return !0;
+    }) : s.endsWith("*") ? e[i].push(function(o) {
+      return o.startsWith(s.slice(0, s.length - 1));
+    }) : e[i].push(function(o) {
+      return o === s;
+    });
+  }
+  return function(s) {
+    const { positive: i, negative: o } = e;
+    return !(o.some((u) => u(s)) || i.length > 0 && !i.some((u) => u(s)));
+  };
+}
+const O = {
+  watcherCount: 0,
+  increment() {
+    this.watcherCount++, this._log();
+  },
+  decrement() {
+    this.watcherCount--, this._log();
+  },
+  _label: "dolla/state-tracker",
+  _timeout: null,
+  _log() {
+    window.DOLLA_DEV_DEBUG === !0 && !this._timeout && (this._timeout = setTimeout(() => {
+      console.log(
+        `%c[DOLLA_DEV_DEBUG] %c${this._label}%c%c%c`,
+        "color:#e44c4c;font-weight:bold",
+        `color:${Se(this._label)};font-weight:bold`,
+        "color:#777",
+        "color:#aaa",
+        "color:#777",
+        { watcherCount: this.watcherCount }
+      ), this._timeout = null;
+    }, 200));
+  }
+}, W = Symbol("State"), B = Symbol("SettableState"), oe = Symbol("Ref");
+function p(n) {
+  return (n == null ? void 0 : n[W]) === !0;
+}
+function R(n) {
+  return (n == null ? void 0 : n[B]) === !0;
+}
+function re(n) {
+  return (n == null ? void 0 : n[oe]) === !0;
+}
+function xe(n) {
+  return p(n) ? n.get() : n;
+}
+function F(n) {
+  return R(n) ? new P(n) : p(n) ? n : new P({
+    get() {
+      return n;
+    },
+    watch(e, t = {}) {
+      return t != null && t.lazy || e(n), ve;
+    }
+  });
+}
+class A {
+  constructor(e, t) {
+    r(this, "value");
+    r(this, "watchers", []);
+    r(this, "equals", A.defaultEquals);
+    this.value = e, t != null && t.equals && (this.equals = t.equals);
+  }
+  static defaultEquals(e, t) {
+    return e === t;
+  }
+  get() {
+    return this.value;
+  }
+  set(e) {
+    if (typeof e == "function" && (e = e(this.value)), !this.equals(e, this.value)) {
+      this.value = e;
+      try {
+        for (const t of this.watchers)
+          t(e);
+      } catch (t) {
+        throw console.error("Error in watcher", t), t;
+      }
+    }
+  }
+  watch(e, t) {
+    return this.watchers.push(e), t != null && t.lazy || e(this.value), O.increment(), () => {
+      const s = this.watchers.indexOf(e);
+      s > -1 && this.watchers.splice(s, 1), O.decrement();
+    };
+  }
+}
+var X;
+X = W;
+class P {
+  constructor(e) {
+    // Instances will pass isState() with this symbol
+    r(this, X, !0);
+    r(this, "__value");
+    if (e == null)
+      throw new TypeError("Value is null");
+    this.__value = e;
+  }
+  get() {
+    return this.__value.get();
+  }
+  watch(e, t) {
+    return this.__value.watch(e, t);
+  }
+}
+function I(n, e) {
+  const t = new A(n, e);
+  return [new P(t), (i) => t.set(i)];
+}
+var ee, te;
+te = W, ee = B;
+class Ee {
+  constructor(e) {
+    // Instances will pass isState() and isSettableState() with these symbols
+    r(this, te, !0);
+    r(this, ee, !0);
+    r(this, "__value");
+    if (e == null)
+      throw new TypeError("Value is null");
+    this.__value = e;
+  }
+  get() {
+    return this.__value.get();
+  }
+  set(e) {
+    this.__value.set(e);
+  }
+  watch(e, t) {
+    return this.__value.watch(e, t);
+  }
+}
+function Je(n, e) {
+  return new Ee(new A(n, e));
+}
+function Qe(n, e) {
+  return {
+    [W]: !0,
+    [B]: !0,
+    get: n.get.bind(n),
+    watch: n.watch.bind(n),
+    set: e
+  };
+}
+function Xe(n, e) {
+  return function(s) {
+    const i = n.get();
+    let o;
+    typeof s == "function" ? o = s(i) : o = s, e(o, i);
+  };
+}
+const J = Symbol("EMPTY");
+class $e {
+  constructor(e, t, s) {
+    r(this, "equals", A.defaultEquals);
+    /**
+     * Array of states this holder's value is derived from.
+     */
+    r(this, "sources", []);
+    /**
+     * The function that does the deriving. Receives source values and returns a derived value.
+     */
+    r(this, "fn");
+    /**
+     *
+     */
+    r(this, "sourceWatcher", K());
+    /**
+     * Array of functions awaiting notification when this holder's value changes.
+     */
+    r(this, "watchers", []);
+    /**
+     * True when this holder is actively watching sources.
+     */
+    r(this, "isWatchingSources", !1);
+    /**
+     * Latest values as received from sources.
+     */
+    r(this, "previousSourceValues");
+    /**
+     * The current value as returned from `fn` (may be a State)
+     */
+    r(this, "value", J);
+    /**
+     * The current unwrapped value.
+     */
+    r(this, "rawValue");
+    /**
+     * When value is a State, this function will stop watching its value.
+     */
+    r(this, "stopWatchingCurrentValue");
+    this.sources = e.map(F), this.fn = t, s != null && s.equals && (this.equals = s.equals), this.previousSourceValues = new Array(e.length).fill(J, 0, e.length);
+  }
+  /*==========================*\
+  ||     "Public" methods     ||
+  \*==========================*/
+  get() {
+    return this.getValue();
+  }
+  watch(e, t) {
+    this.isWatchingSources || this.startWatchingSources();
+    const s = this.watchers;
+    return s.push(e), t != null && t.lazy || e(this.rawValue), O.increment(), () => {
+      s.splice(s.indexOf(e), 1), this.isWatchingSources && s.length === 0 && this.stopWatchingSources(), O.decrement();
+    };
+  }
+  /*==========================*\
+  ||         Internal         ||
+  \*==========================*/
+  notify(e) {
+    for (const t of this.watchers)
+      t(e);
+  }
+  update() {
+    const e = this.sources, t = this.previousSourceValues;
+    let s = !1, i;
+    for (let o = 0; o < e.length; o++)
+      i = e[o].get(), !s && !this.equals(i, t[o]) && (s = !0), t[o] = i;
+    s && this.setValue(this.fn(...t));
+  }
+  getValue() {
+    return this.isWatchingSources || this.update(), this.rawValue;
+  }
+  setValue(e) {
+    this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.value = e, this.rawValue = xe(e), this.isWatchingSources && p(e) ? this.stopWatchingCurrentValue = e.watch((t) => {
+      this.rawValue = t, this.notify(t);
+    }) : this.notify(this.rawValue);
+  }
+  startWatchingSources() {
+    const e = this.previousSourceValues;
+    for (let s = 0; s < this.sources.length; s++)
+      this.sourceWatcher.watch([this.sources[s]], (i) => {
+        if (e[s] = i, this.isWatchingSources) {
+          const o = this.fn(...e);
+          this.equals(o, this.value) || this.setValue(o);
+        }
+      });
+    this.isWatchingSources = !0;
+    const t = this.fn(...e);
+    this.equals(t, this.value) || this.setValue(t);
+  }
+  stopWatchingSources() {
+    this.sourceWatcher.stopAll(), this.stopWatchingCurrentValue && (this.stopWatchingCurrentValue(), this.stopWatchingCurrentValue = void 0), this.isWatchingSources = !1;
+  }
+}
+function Ne(n, e, t) {
+  const s = new $e(n, e, t);
+  return new P(s);
+}
+var ne;
+ne = oe;
+class Me {
+  constructor(e) {
+    // Instances will pass isRef() with this symbol
+    r(this, ne, !0);
+    r(this, "__value");
+    this.__value = e;
+  }
+  get() {
+    return this.__value.get();
+  }
+  watch(e, t) {
+    return this.__value.watch(e, t);
+  }
+  get node() {
+    return this.__value.get();
+  }
+  set node(e) {
+    this.__value.set(e);
+  }
+}
+function et() {
+  return new Me(new A(void 0));
+}
+function K() {
+  const n = [];
+  return {
+    watch(e, t) {
+      if (e.length === 0)
+        throw new TypeError("Expected at least one state to watch.");
+      e = e.map(F);
+      let s;
+      return e.length > 1 ? s = Ne(e, t).watch(() => null) : s = e[0].watch(t), n.push(s), () => {
+        let i = n.indexOf(s);
+        i > -1 && n.splice(i, 1), s();
+      };
+    },
+    stopAll() {
+      for (; n.length > 0; )
+        n.pop()();
+    }
+  };
+}
+function Ae(n) {
+  for (var e, t, s = arguments, i = 1, o = "", u = "", a = [0], l = function(d) {
+    i === 1 && (d || (o = o.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? a.push(d ? s[d] : o) : i === 3 && (d || o) ? (a[1] = d ? s[d] : o, i = 2) : i === 2 && o === "..." && d ? a[2] = Object.assign(a[2] || {}, s[d]) : i === 2 && o && !d ? (a[2] = a[2] || {})[o] = !0 : i >= 5 && (i === 5 ? ((a[2] = a[2] || {})[t] = d ? o ? o + s[d] : s[d] : o, i = 6) : (d || o) && (a[2][t] += d ? o + s[d] : o)), o = "";
+  }, c = 0; c < n.length; c++) {
+    c && (i === 1 && l(), l(c));
+    for (var h = 0; h < n[c].length; h++) e = n[c][h], i === 1 ? e === "<" ? (l(), a = [a, "", null], i = 3) : o += e : i === 4 ? o === "--" && e === ">" ? (i = 1, o = "") : o = e + o[0] : u ? e === u ? u = "" : o += e : e === '"' || e === "'" ? u = e : e === ">" ? (l(), i = 1) : i && (e === "=" ? (i = 5, t = o, o = "") : e === "/" && (i < 5 || n[c][h + 1] === ">") ? (l(), i === 3 && (a = a[0]), i = a, (a = a[0]).push(this.apply(null, i.slice(1))), i = 0) : e === " " || e === "	" || e === `
+` || e === "\r" ? (l(), i = 2) : o += e), i === 3 && o === "!--" && (i = 4, a = a[0]);
+  }
+  return l(), a.length > 2 ? a.slice(1) : a[1];
+}
+class Ve {
+  constructor(e) {
+    r(this, "node");
+    r(this, "endNode");
+    r(this, "$predicate");
+    r(this, "stopCallback");
+    r(this, "thenContent");
+    r(this, "elseContent");
+    r(this, "connectedContent", []);
+    r(this, "elementContext");
+    r(this, "initialUpdateHappened", !1);
+    r(this, "previousValue");
+    this.$predicate = e.$predicate, this.thenContent = e.thenContent ? V(e.thenContent) : void 0, this.elseContent = e.elseContent ? V(e.elseContent) : void 0, this.elementContext = e.elementContext, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Conditional"), this.endNode = document.createComment("/Conditional")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  mount(e, t) {
+    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.elementContext.root.getEnv() === "development" && e.insertBefore(this.endNode, this.node.nextSibling), this.stopCallback = this.$predicate.watch((s) => {
+      (!this.initialUpdateHappened || s && !this.previousValue || !s && this.previousValue) && (this.update(s), this.initialUpdateHappened = !0, this.previousValue = s);
+    }));
+  }
+  unmount() {
+    var e, t;
+    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0);
+    for (const s of this.connectedContent)
+      s.unmount();
+    this.connectedContent = [], this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (t = this.endNode.parentNode) == null || t.removeChild(this.endNode));
+  }
+  update(e) {
+    var t;
+    for (const s of this.connectedContent)
+      s.unmount();
+    if (this.connectedContent = [], this.node.parentNode != null) {
+      e && this.thenContent ? this.connectedContent = C(this.elementContext, this.thenContent) : !e && this.elseContent && (this.connectedContent = C(this.elementContext, this.elseContent));
+      for (let s = 0; s < this.connectedContent.length; s++) {
+        const i = this.connectedContent[s], o = ((t = this.connectedContent[s - 1]) == null ? void 0 : t.node) ?? this.node;
+        i.mount(this.node.parentNode, o);
+      }
+      this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Conditional (${e ? "truthy" : "falsy"})`);
+    }
+  }
+}
+const Te = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let ue = (n = 21) => {
+  let e = "", t = crypto.getRandomValues(new Uint8Array(n |= 0));
+  for (; n--; )
+    e += Te[t[n] & 63];
+  return e;
+};
+const Oe = (n) => /^on[A-Z]/.test(n);
+class Pe {
+  constructor({ tag: e, props: t, children: s, elementContext: i }) {
+    r(this, "node");
+    r(this, "props");
+    r(this, "children");
+    r(this, "stopCallbacks", []);
+    r(this, "elementContext");
+    r(this, "uniqueId", ue());
+    // Track the ref so we can nullify it on unmount.
+    r(this, "ref");
+    // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
+    r(this, "canClickAway", !1);
+    if (i = { ...i }, e.toLowerCase() === "svg" && (i.isSVG = !0), i.isSVG ? this.node = document.createElementNS("http://www.w3.org/2000/svg", e) : this.node = document.createElement(e), i.root.getEnv() === "development" && (this.node.dataset.uniqueId = this.uniqueId), t.ref)
+      if (re(t.ref))
+        this.ref = t.ref;
+      else
+        throw new Error("Expected ref to be a Ref object. Got: " + t.ref);
+    this.props = {
+      ...ke(["ref", "class", "className"], t),
+      class: t.className ?? t.class
+    }, this.children = s ? C(i, s) : [], this.elementContext = i;
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  mount(e, t) {
+    if (e == null)
+      throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${e}`);
+    if (!this.isMounted) {
+      for (const s of this.children)
+        s.mount(this.node);
+      this.applyProps(this.node, this.props), this.props.style && this.applyStyles(this.node, this.props.style, this.stopCallbacks), this.props.class && this.applyClasses(this.node, this.props.class, this.stopCallbacks);
+    }
+    e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.ref && (this.ref.node = this.node), setTimeout(() => {
+      this.canClickAway = !0;
+    }, 0);
+  }
+  unmount() {
+    var e;
+    if (this.isMounted) {
+      for (const t of this.children)
+        t.unmount();
+      this.ref && (this.ref.node = void 0), (e = this.node.parentNode) == null || e.removeChild(this.node), this.canClickAway = !1;
+      for (const t of this.stopCallbacks)
+        t();
+      this.stopCallbacks = [];
+    }
+  }
+  getUpdateKey(e, t) {
+    return `${this.uniqueId}:${e}:${t}`;
+  }
+  attachProp(e, t, s) {
+    p(e) ? this.stopCallbacks.push(
+      e.watch((i) => {
+        this.elementContext.root.render.update(() => {
+          t(i);
+        }, s);
+      })
+    ) : this.elementContext.root.render.update(() => {
+      t(e);
+    }, s);
+  }
+  applyProps(e, t) {
+    for (const s in t) {
+      const i = t[s];
+      if (s === "attributes") {
+        const o = i;
+        for (const u in o)
+          this.attachProp(
+            o[u],
+            (a) => {
+              a == null ? e.removeAttribute(u) : e.setAttribute(u, String(a));
+            },
+            this.getUpdateKey("attr", u)
+          );
+      } else if (s === "eventListeners") {
+        const o = i;
+        for (const u in o) {
+          const a = p(i) ? (l) => i.get()(l) : i;
+          e.addEventListener(u, a), this.stopCallbacks.push(() => {
+            e.removeEventListener(u, a);
+          });
+        }
+      } else if (s === "onClickOutside" || s === "onclickoutside") {
+        const o = (a) => {
+          this.canClickAway && !e.contains(a.target) && (p(i) ? i.get()(a) : i(a));
+        }, u = { capture: !0 };
+        window.addEventListener("click", o, u), this.stopCallbacks.push(() => {
+          window.removeEventListener("click", o, u);
+        });
+      } else if (s === "$$value") {
+        if (!R(i))
+          throw new TypeError(`$$value attribute must be a settable state. Got: ${i}`);
+        this.attachProp(
+          i,
+          (u) => {
+            u == null ? e.value = "" : e.value = String(u);
+          },
+          this.getUpdateKey("attr", "value")
+        );
+        const o = (u) => {
+          const a = Ue(i.get(), u.currentTarget.value);
+          i.set(a);
+        };
+        e.addEventListener("input", o), this.stopCallbacks.push(() => {
+          e.removeEventListener("input", o);
+        });
+      } else if (Oe(s)) {
+        const o = s.slice(2).toLowerCase(), u = p(i) ? (a) => i.get()(a) : i;
+        e.addEventListener(o, u), this.stopCallbacks.push(() => {
+          e.removeEventListener(o, u);
+        });
+      } else if (s.includes("-"))
+        this.attachProp(
+          i,
+          (o) => {
+            o == null ? e.removeAttribute(s) : e.setAttribute(s, String(o));
+          },
+          this.getUpdateKey("attr", s)
+        );
+      else if (!We.includes(s))
+        if (this.elementContext.isSVG)
+          this.attachProp(
+            i,
+            (o) => {
+              o != null ? e.setAttribute(s, String(t[s])) : e.removeAttribute(s);
+            },
+            this.getUpdateKey("attr", s)
+          );
+        else
+          switch (s) {
+            case "contentEditable":
+            case "value":
+              this.attachProp(
+                i,
+                (o) => {
+                  e[s] = String(o);
+                },
+                this.getUpdateKey("prop", s)
+              );
+              break;
+            case "for":
+              this.attachProp(
+                i,
+                (o) => {
+                  e.htmlFor = o;
+                },
+                this.getUpdateKey("prop", "htmlFor")
+              );
+              break;
+            case "checked":
+              this.attachProp(
+                i,
+                (o) => {
+                  e.checked = o, o ? e.setAttribute("checked", "") : e.removeAttribute("checked");
+                },
+                this.getUpdateKey("prop", "checked")
+              );
+              break;
+            // Attribute-aliased props
+            case "exportParts":
+            case "part":
+            case "translate":
+            case "type":
+            case "title": {
+              const o = s.toLowerCase();
+              this.attachProp(
+                i,
+                (u) => {
+                  u == null ? e.removeAttribute(o) : e.setAttribute(o, String(u));
+                },
+                this.getUpdateKey("attr", o)
+              );
+              break;
+            }
+            case "autocomplete":
+            case "autocapitalize":
+              this.attachProp(
+                i,
+                (o) => {
+                  typeof o == "string" ? e.autocomplete = o : o ? e.autocomplete = "on" : e.autocomplete = "off";
+                },
+                this.getUpdateKey("prop", s)
+              );
+              break;
+            default: {
+              this.attachProp(
+                i,
+                (o) => {
+                  e[s] = o;
+                },
+                this.getUpdateKey("prop", s)
+              );
+              break;
+            }
+          }
+    }
+  }
+  applyStyles(e, t, s) {
+    const i = [];
+    if (p(t)) {
+      let o;
+      const u = t.watch((a) => {
+        this.elementContext.root.render.update(
+          () => {
+            x(o) && o(), e.style.cssText = "", o = this.applyStyles(e, a, s);
+          },
+          this.getUpdateKey("styles", "*")
+        );
+      });
+      s.push(u), i.push(u);
+    } else {
+      const o = le(t);
+      for (const u in o) {
+        const { value: a, priority: l } = o[u];
+        if (p(a)) {
+          const c = a.watch((h) => {
+            this.elementContext.root.render.update(() => {
+              h ? e.style.setProperty(u, String(h), l) : e.style.removeProperty(u);
+            });
+          });
+          s.push(c), i.push(c);
+        } else a != null && e.style.setProperty(u, String(a));
+      }
+    }
+    return function() {
+      for (const u of i)
+        u(), s.splice(s.indexOf(u), 1);
+    };
+  }
+  applyClasses(e, t, s) {
+    const i = [];
+    if (p(t)) {
+      let o;
+      const u = t.watch((a) => {
+        this.elementContext.root.render.update(
+          () => {
+            x(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, a, s);
+          },
+          this.getUpdateKey("attr", "class")
+        );
+      });
+      s.push(u), i.push(u);
+    } else {
+      const o = ae(t);
+      for (const u in o) {
+        const a = o[u];
+        if (p(a)) {
+          const l = a.watch((c) => {
+            this.elementContext.root.render.update(() => {
+              c ? e.classList.add(u) : e.classList.remove(u);
+            });
+          });
+          s.push(l), i.push(l);
+        } else a && e.classList.add(u);
+      }
+    }
+    return function() {
+      for (const u of i)
+        u(), s.splice(s.indexOf(u), 1);
+    };
+  }
+}
+function ae(n) {
+  let e = {};
+  if ($(n)) {
+    const t = n.split(" ");
+    for (const s of t)
+      e[s] = !0;
+  } else U(n) ? Object.assign(e, n) : Array.isArray(n) && Array.from(n).filter(Boolean).forEach((t) => {
+    Object.assign(e, ae(t));
+  });
+  return delete e.undefined, e;
+}
+function le(n) {
+  let e = {};
+  if ($(n)) {
+    const t = n.split(";").filter((s) => s.trim() !== "");
+    for (const s of t) {
+      const [i, o] = s.split(":"), u = {
+        value: o
+      };
+      o.includes("!important") ? (u.priority = "important", u.value = o.replace("!important", "").trim()) : u.value = o.trim(), e[Q(i.trim())] = u;
+    }
+  }
+  if (U(n))
+    for (const t in n)
+      t.startsWith("--") ? e[t] = { value: n[t] } : e[Q(t)] = { value: n[t] };
+  else Array.isArray(n) && Array.from(n).filter((t) => t != null).forEach((t) => {
+    Object.assign(e, le(t));
+  });
+  return e;
+}
+function Q(n) {
+  return n.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, t) => (t ? "-" : "") + e.toLowerCase());
+}
+function Ue(n, e) {
+  const t = typeof n;
+  return t === "string" ? String(e) : t === "number" ? Number(e) : t === "boolean" ? !!e : e;
+}
+const We = ["ref", "children", "class", "style", "data"];
+class Fe {
+  constructor({ states: e, renderFn: t, elementContext: s }) {
+    r(this, "node");
+    r(this, "endNode");
+    r(this, "connectedViews", []);
+    r(this, "renderFn");
+    r(this, "elementContext");
+    r(this, "observerControls");
+    r(this, "watcher", K());
+    this.elementContext = s, this.renderFn = t, this.node = document.createComment("Observer"), this.endNode = document.createComment("/Observer");
+    let i;
+    this.observerControls = {
+      start: () => {
+        i == null && (i = this.watcher.watch(e, (...o) => {
+          const u = this.renderFn(...o);
+          if (!de(u))
+            throw console.error(u), new TypeError(
+              `Observer received invalid value to render. Got type: ${G(u)}, value: ${u}`
+            );
+          Array.isArray(u) ? this.update(...u) : this.update(u);
+        }));
+      },
+      stop: () => {
+        i != null && (i(), i = void 0);
+      }
+    };
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  mount(e, t) {
+    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.observerControls.start());
+  }
+  unmount() {
+    var e;
+    this.observerControls.stop(), this.watcher.stopAll(), this.isMounted && (this.cleanup(), (e = this.node.parentNode) == null || e.removeChild(this.node));
+  }
+  cleanup() {
+    var e;
+    for (; this.connectedViews.length > 0; )
+      (e = this.connectedViews.pop()) == null || e.unmount();
+  }
+  update(...e) {
+    var s, i;
+    if (this.cleanup(), e == null || !this.isMounted)
+      return;
+    const t = e.map((o) => ce(o) ? o : N(o) ? E(C(this.elementContext, o)) : E(C(this.elementContext, V(o))));
+    for (const o of t) {
+      const u = ((s = this.connectedViews.at(-1)) == null ? void 0 : s.node) || this.node;
+      o.mount(this.node.parentNode, u), this.connectedViews.push(o);
+    }
+    if (this.elementContext.root.getEnv() === "development") {
+      const o = (i = this.connectedViews.at(-1)) == null ? void 0 : i.node;
+      this.endNode.previousSibling !== o && this.node.parentNode.insertBefore(this.endNode, (o == null ? void 0 : o.nextSibling) ?? null);
+    }
+  }
+}
+class qe {
+  constructor(e) {
+    r(this, "node");
+    r(this, "endNode");
+    r(this, "$children");
+    r(this, "stopCallback");
+    r(this, "mountedChildren", []);
+    r(this, "elementContext");
+    this.$children = e.$children, this.elementContext = e.elementContext, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Outlet"), this.endNode = document.createComment("/Outlet")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
+  }
+  get isMounted() {
+    var e;
+    return ((e = this.node) == null ? void 0 : e.parentNode) != null;
+  }
+  mount(e, t) {
+    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.stopCallback = this.$children.watch((s) => {
+      this.update(s);
+    }));
+  }
+  unmount() {
+    var e;
+    if (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted) {
+      for (const t of this.mountedChildren)
+        t.unmount();
+      this.mountedChildren = [], (e = this.endNode.parentNode) == null || e.removeChild(this.endNode);
+    }
+  }
+  update(e) {
+    var t, s, i;
+    for (const o of this.mountedChildren)
+      o.unmount();
+    for (let o = 0; o < e.length; o++) {
+      const u = e[o], a = o > 0 ? e[o] : void 0;
+      u.mount(this.node.parentElement, a == null ? void 0 : a.node);
+    }
+    this.mountedChildren = e, this.elementContext.root.getEnv() === "development" && (this.node.textContent = `Outlet (${e.length} ${e.length === 1 ? "child" : "children"})`, (i = this.node.parentElement) == null || i.insertBefore(
+      this.endNode,
+      ((s = (t = this.mountedChildren[this.mountedChildren.length - 1]) == null ? void 0 : t.node) == null ? void 0 : s.nextSibling) ?? null
+    ));
+  }
+}
+class Le {
+  constructor(e) {
+    r(this, "config");
+    r(this, "element");
+    this.config = e;
+  }
+  get isMounted() {
+    return this.element ? this.element.isMounted : !1;
+  }
+  mount(e, t) {
+    const { content: s, parent: i } = this.config;
+    ce(s) ? this.element = s : N(s) ? this.element = E(C(this.config.elementContext, s)) : this.element = E(C(this.config.elementContext, V(s))), this.element.mount(i);
+  }
+  unmount() {
+    var e;
+    (e = this.element) != null && e.isMounted && this.element.unmount();
+  }
+}
+class Ie {
+  constructor(e) {
+    r(this, "__view");
+    this.__view = e;
+    const t = Object.getOwnPropertyDescriptors(this.__view._logger);
+    for (const s in t)
+      s !== "getName" && Object.defineProperty(this, s, t[s]);
+  }
+  get uid() {
+    return this.__view.uniqueId;
+  }
+  setName(e) {
+    return this.__view._logger.setName(e), this;
+  }
+  set(e, t) {
+    return this.__view._elementContext.data[e] = t, t;
+  }
+  get(e) {
+    let t = this.__view._elementContext;
+    for (; ; ) {
+      if (e in t.data)
+        return t.data[e];
+      if (t.parent)
+        t = t.parent;
+      else
+        break;
+    }
+    return null;
+  }
+  getAll() {
+    const e = [];
+    let t = this.__view._elementContext;
+    for (; e.push(t.data), t.parent; )
+      t = t.parent;
+    const s = {};
+    for (const i of e.reverse())
+      Object.assign(s, i);
+    return s;
+  }
+  beforeMount(e) {
+    this.__view._beforeMountCallbacks.push(e);
+  }
+  onMount(e) {
+    this.__view._onMountCallbacks.push(e);
+  }
+  beforeUnmount(e) {
+    this.__view._beforeUnmountCallbacks.push(e);
+  }
+  onUnmount(e) {
+    this.__view._onUnmountCallbacks.push(e);
+  }
+  watch(e, t) {
+    const s = this.__view;
+    if (s.isMounted)
+      return s._watcher.watch(e, t);
+    {
+      let i, o = !1;
+      return s._onMountCallbacks.push(() => {
+        o || (i = s._watcher.watch(e, t));
+      }), () => {
+        i != null && (o = !0, i());
+      };
+    }
+  }
+  outlet() {
+    return y("$outlet", { $children: this.__view._$children });
+  }
+}
+class q {
+  constructor(e, t, s, i = []) {
+    r(this, "uniqueId", ue());
+    r(this, "_elementContext");
+    r(this, "_logger");
+    r(this, "_view");
+    r(this, "_props");
+    r(this, "_element");
+    r(this, "_$children");
+    r(this, "_setChildren");
+    r(this, "_watcher", K());
+    r(this, "_beforeMountCallbacks", []);
+    r(this, "_onMountCallbacks", []);
+    r(this, "_beforeUnmountCallbacks", []);
+    r(this, "_onUnmountCallbacks", []);
+    r(this, "isMounted", !1);
+    this._elementContext = { ...e, data: {}, parent: e }, this._logger = e.root.createLogger(t.name, { uid: this.uniqueId }), this._view = t, this._props = s;
+    const [o, u] = I(C(e, i));
+    this._$children = o, this._setChildren = u;
+  }
+  /*===============================*\
+  ||         "Public" API          ||
+  \*===============================*/
+  get node() {
+    return this._element.node;
+  }
+  mount(e, t) {
+    const s = this.isMounted;
+    if (!s)
+      for (this.initialize(); this._beforeMountCallbacks.length > 0; )
+        this._beforeMountCallbacks.shift()();
+    this._element && this._element.mount(e, t), s || (this.isMounted = !0, requestAnimationFrame(() => {
+      for (; this._onMountCallbacks.length > 0; )
+        this._onMountCallbacks.shift()();
+    }));
+  }
+  unmount() {
+    for (; this._beforeUnmountCallbacks.length > 0; )
+      this._beforeUnmountCallbacks.shift()();
+    for (this._element && this._element.unmount(), this.isMounted = !1; this._onUnmountCallbacks.length > 0; )
+      this._onUnmountCallbacks.shift()();
+    this._watcher.stopAll();
+  }
+  setChildView(e) {
+    const t = new q(this._elementContext, e, {});
+    return this._setChildren([t]), t;
+  }
+  /*===============================*\
+  ||           Internal            ||
+  \*===============================*/
+  initialize() {
+    const e = new Ie(this);
+    let t;
+    try {
+      t = this._view(this._props, e);
+    } catch (s) {
+      throw s instanceof Error && this._logger.crash(s), s;
+    }
+    if (t !== null) if (t instanceof Node)
+      this._element = E(C(this._elementContext, y("$node", { value: t })));
+    else if (N(t) || se(N, t))
+      this._element = E(C(this._elementContext, t));
+    else if (p(t))
+      this._element = E(
+        C(this._elementContext, y("$observer", { states: [t], renderFn: (s) => s }))
+      );
+    else {
+      const s = new TypeError(
+        `Expected '${this._view.name}' function to return a DOM node, Markup element, Readable or null. Got: ${G(t)}`
+      );
+      this._logger.crash(s);
+    }
+  }
+}
+class Ge {
+  constructor({ elementContext: e, $items: t, renderFn: s, keyFn: i }) {
+    r(this, "node");
+    r(this, "endNode");
+    r(this, "$items");
+    r(this, "stopCallback");
+    r(this, "connectedItems", []);
+    r(this, "elementContext");
+    r(this, "renderFn");
+    r(this, "keyFn");
+    this.elementContext = e, this.$items = t, this.renderFn = s, this.keyFn = i, this.elementContext.root.getEnv() === "development" ? (this.node = document.createComment("Repeat"), this.endNode = document.createComment("/Repeat")) : (this.node = document.createTextNode(""), this.endNode = document.createTextNode(""));
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  mount(e, t) {
+    this.isMounted || (e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null), this.stopCallback = this.$items.watch((s) => {
+      this._update(Array.from(s));
+    }));
+  }
+  unmount() {
+    var e, t;
+    this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.isMounted && ((e = this.node.parentNode) == null || e.removeChild(this.node), (t = this.endNode.parentNode) == null || t.removeChild(this.endNode)), this._cleanup();
+  }
+  _cleanup() {
+    for (const e of this.connectedItems)
+      e.element.unmount();
+    this.connectedItems = [];
+  }
+  _update(e) {
+    var o, u, a;
+    if (e.length === 0 || !this.isMounted)
+      return this._cleanup();
+    const t = [];
+    let s = 0;
+    for (const l of e)
+      t.push({
+        key: this.keyFn(l, s),
+        value: l,
+        index: s++
+      });
+    const i = [];
+    for (const l of this.connectedItems)
+      t.find((h) => h.key === l.key) || l.element.unmount();
+    for (const l of t) {
+      const c = this.connectedItems.find((h) => h.key === l.key);
+      if (c)
+        c.setValue(l.value), c.setIndex(l.index), i[l.index] = c;
+      else {
+        const [h, d] = I(l.value), [f, m] = I(l.index);
+        i[l.index] = {
+          key: l.key,
+          $value: h,
+          setValue: d,
+          $index: f,
+          setIndex: m,
+          element: new q(this.elementContext, je, {
+            $value: h,
+            $index: f,
+            renderFn: this.renderFn
+          })
+        };
+      }
+    }
+    for (let l = 0; l < i.length; l++) {
+      const c = i[l], h = ((o = i[l - 1]) == null ? void 0 : o.element.node) ?? this.node;
+      c.element.mount(this.node.parentNode, h);
+    }
+    if (this.connectedItems = i, this.elementContext.root.getEnv() === "development") {
+      this.node.textContent = `Repeat (${i.length} item${i.length === 1 ? "" : "s"})`;
+      const l = ((u = i.at(-1)) == null ? void 0 : u.element.node) ?? this.node;
+      (a = this.node.parentNode) == null || a.insertBefore(this.endNode, l.nextSibling);
+    }
+  }
+}
+function je({ $value: n, $index: e, renderFn: t }, s) {
+  return t(n, e, s);
+}
+class Be {
+  constructor({ value: e }) {
+    r(this, "node", document.createTextNode(""));
+    r(this, "value", "");
+    r(this, "stopCallback");
+    this.value = e;
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  async mount(e, t = null) {
+    this.isMounted || (p(this.value) ? this.stopCallback = this.value.watch((s) => {
+      this.update(s);
+    }) : this.update(this.value)), e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null);
+  }
+  async unmount() {
+    this.isMounted && (this.stopCallback && (this.stopCallback(), this.stopCallback = void 0), this.node.parentNode.removeChild(this.node));
+  }
+  update(e) {
+    e != null ? this.node.textContent = e.toString() : this.node.textContent = "";
+  }
+}
+function N(n) {
+  return U(n) && (typeof n.type == "string" || typeof n.type == "function") && Array.isArray(n.children);
+}
+function ce(n) {
+  return U(n) && x(n.connect) && x(n.disconnect);
+}
+function V(n) {
+  return M(n) || (n = [n]), n.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => {
+    if (e instanceof Node)
+      return y("$node", { value: e });
+    if (e instanceof he)
+      return y("$node", { value: e.node });
+    if (N(e))
+      return e;
+    if ($(e) || be(e))
+      return y("$text", { value: e });
+    if (p(e))
+      return y("$observer", {
+        states: [e],
+        renderFn: (t) => t
+      });
+    throw console.error(e), new TypeError(`Unexpected child type. Got: ${e}`);
+  });
+}
+function y(n, e, ...t) {
+  return e != null && Re(e), {
+    type: n,
+    props: e,
+    children: V(t)
+  };
+}
+function Re(n) {
+  if (n.ref && !re(n.ref))
+    throw console.warn(n.ref), new TypeError(`Prop 'ref' must be a Ref object. Got: ${n.ref}`);
+  for (const e in n)
+    if (e.startsWith("$$") && n[e] !== void 0) {
+      if (!R(n[e]))
+        throw new TypeError(`Prop '${e}' is named as a SettableState but value is not. Got: ${n[e]}`);
+    } else if (e.startsWith("$") && n[e] !== void 0 && !p(n[e]))
+      throw new TypeError(`Prop '${e}' is named as a State but value is not. Got: ${n[e]}`);
+}
+const tt = Ae.bind(y);
+function nt(n, e, t) {
+  const s = F(n);
+  return y("$cond", {
+    $predicate: s,
+    thenContent: e,
+    elseContent: t
+  });
+}
+function st(n, e, t) {
+  const s = F(n);
+  return y("$repeat", { $items: s, keyFn: e, renderFn: t });
+}
+function it(n, e) {
+  return y("$portal", { parent: n, content: e });
+}
+class he {
+  constructor(e) {
+    r(this, "node");
+    this.node = e;
+  }
+  get isMounted() {
+    return this.node.parentNode != null;
+  }
+  async mount(e, t) {
+    e.insertBefore(this.node, (t == null ? void 0 : t.nextSibling) ?? null);
+  }
+  async unmount() {
+    this.node.parentNode && this.node.parentNode.removeChild(this.node);
+  }
+}
+function C(n, e) {
+  return (M(e) ? e : [e]).map((s) => {
+    if (x(s.type))
+      return new q(n, s.type, s.props, s.children);
+    if ($(s.type))
+      switch (s.type) {
+        case "$node": {
+          const i = s.props;
+          return new he(i.value);
+        }
+        case "$text": {
+          const i = s.props;
+          return new Be({
+            value: i.value
+          });
+        }
+        case "$cond": {
+          const i = s.props;
+          return new Ve({
+            $predicate: i.$predicate,
+            thenContent: i.thenContent,
+            elseContent: i.elseContent,
+            elementContext: n
+          });
+        }
+        case "$repeat": {
+          const i = s.props;
+          return new Ge({
+            $items: i.$items,
+            keyFn: i.keyFn,
+            renderFn: i.renderFn,
+            elementContext: n
+          });
+        }
+        case "$observer": {
+          const i = s.props;
+          return new Fe({
+            states: i.states,
+            renderFn: i.renderFn,
+            elementContext: n
+          });
+        }
+        case "$outlet": {
+          const i = s.props;
+          return new qe({
+            $children: i.$children,
+            elementContext: n
+          });
+        }
+        case "$portal": {
+          const i = s.props;
+          return new Le({
+            content: i.content,
+            parent: i.parent,
+            elementContext: n
+          });
+        }
+        default:
+          if (s.type.startsWith("$"))
+            throw new Error(`Unknown markup type: ${s.type}`);
+          return new Pe({
+            tag: s.type,
+            props: s.props ?? {},
+            children: s.children,
+            elementContext: n
+          });
+      }
+    else
+      throw new TypeError(`Expected a string or view function. Got: ${s.type}`);
+  });
+}
+function E(n) {
+  if (n.length === 1)
+    return n[0];
+  const e = document.createComment("Fragment");
+  let t = !1;
+  return {
+    get node() {
+      return e;
+    },
+    get isMounted() {
+      return t;
+    },
+    mount(s, i) {
+      var o;
+      s.insertBefore(e, i || null);
+      for (const u of n) {
+        const a = ((o = n[n.length - 1]) == null ? void 0 : o.node) ?? e;
+        u.mount(s, a);
+      }
+      t = !0;
+    },
+    unmount() {
+      if (t) {
+        for (const s of n)
+          s.unmount();
+        e.remove();
+      }
+      t = !1;
+    }
+  };
+}
+function de(n) {
+  return n == null || n === !1 || typeof n == "string" || typeof n == "number" || N(n) || p(n) || se(de, n);
+}
+function ot(n, e) {
+  return e.outlet();
+}
+export {
+  Xe as A,
+  it as B,
+  st as C,
+  ot as P,
+  q as V,
+  I as a,
+  x as b,
+  nt as c,
+  Ne as d,
+  $ as e,
+  He as f,
+  ge as g,
+  tt as h,
+  U as i,
+  De as j,
+  K as k,
+  Ze as l,
+  Je as m,
+  Qe as n,
+  F as o,
+  et as p,
+  re as q,
+  ze as r,
+  y as s,
+  G as t,
+  Ye as u,
+  xe as v,
+  ve as w,
+  Se as x,
+  E as y,
+  C as z
+};
+//# sourceMappingURL=passthrough-J9nMzwTV.js.map