@aerogel/core 0.0.0-next.980a397d575dcb5ff8c5a0bff769d09f938ea03c → 0.0.0-next.9a1c5ba39a454b316eba36ec7bdf579fed3d95d2

package/dist/aerogel-core.js

@@ -0,0 +1,2763 @@
+var ht = Object.defineProperty;
+var gt = (r, t, e) => t in r ? ht(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var b = (r, t, e) => gt(r, typeof t != "symbol" ? t + "" : t, e);
+import { ref as P, computed as d, watch as Ee, inject as ne, reactive as le, markRaw as Re, nextTick as ze, onUnmounted as fe, defineComponent as h, toRef as Ce, createBlock as _, openBlock as c, unref as l, withCtx as f, createVNode as m, renderSlot as $, provide as me, resolveDynamicComponent as W, normalizeProps as _t, guardReactiveProps as vt, createCommentVNode as I, useAttrs as Be, h as bt, mergeProps as H, createElementVNode as y, onMounted as yt, toRaw as wt, customRef as $t, normalizeClass as F, createTextVNode as j, toDisplayString as M, createElementBlock as w, Fragment as Y, renderList as he, watchEffect as ce, withModifiers as xt, readonly as Fe, useSlots as St, createApp as kt, resolveDirective as At, withDirectives as Ct, normalizeStyle as Pt } from "vue";
+import { JSError as ge, tap as K, MagicObject as Ue, PromisedValue as U, Storage as V, objectOnly as Z, arrayFrom as Ne, isEmpty as Se, objectDeepClone as Mt, fail as N, facade as J, arrayRemove as Pe, getEnv as Et, updateLocationQueryParameters as Gt, forever as It, toString as q, isDevelopment as Q, isTesting as Ge, after as je, uuid as ue, required as Tt, isObject as de, objectWithoutEmpty as We, stringMatchAll as Ht, isInstanceOf as Lt, objectWithout as Ke, noop as Rt, stringExcerpt as jt, ListenersManager as qt, toError as Dt, round as Vt } from "@noeldemartin/utils";
+import O from "virtual:aerogel";
+import { createPinia as zt, setActivePinia as Bt, defineStore as Ft } from "pinia";
+import { DialogRoot as Ut, DialogPortal as Nt, DialogContent as Wt, DialogTitle as Je, SelectRoot as Kt, SelectTrigger as Jt, SelectValue as Ot, SelectItem as Qt, SelectItemText as Xt, SelectPortal as Yt, SelectContent as Zt, SelectViewport as er } from "reka-ui";
+import { DialogTitle as Eo } from "reka-ui";
+import tr from "dompurify";
+import { marked as rr, Renderer as qe } from "marked";
+class Me extends ge {
+  constructor(t, e) {
+    super(`Service '${t}' failed booting`, { cause: e });
+  }
+}
+let Ie = null;
+function Oe() {
+  return Ie ?? sr();
+}
+function sr() {
+  return K(zt(), (r) => {
+    Ie = r, Bt(r);
+  });
+}
+function nr() {
+  return Ie ?? Oe();
+}
+function or(r, t) {
+  return Oe(), Ft(r, t)();
+}
+function _e(r) {
+  var t;
+  return t = class extends ve {
+    usesStore() {
+      return !0;
+    }
+    getName() {
+      return r.name ?? null;
+    }
+    getInitialState() {
+      return typeof r.initialState == "function" ? r.initialState() : Object.entries(r.initialState).reduce((e, [s, n]) => {
+        try {
+          n = structuredClone(n);
+        } catch {
+          console.warn(
+            `Could not clone '${s}' state from ${this.getName()} service, this may cause problems if you're using multiple instances of the service (for example, in unit tests).
+To fix this problem, declare your initialState as a function instead.`
+          );
+        }
+        return e[s] = n, e;
+      }, {});
+    }
+    getComputedStateDefinition() {
+      return r.computed ?? {};
+    }
+    getStateWatchers() {
+      return r.watch ?? {};
+    }
+    serializePersistedState(e) {
+      var s;
+      return ((s = r.serialize) == null ? void 0 : s.call(r, e)) ?? e;
+    }
+    deserializePersistedState(e) {
+      var s;
+      return ((s = r.restore) == null ? void 0 : s.call(r, e)) ?? e;
+    }
+  }, b(t, "persist", r.persist ?? []), t;
+}
+var Ae;
+let ve = (Ae = class extends Ue {
+  constructor() {
+    super();
+    b(this, "_name");
+    b(this, "_booted");
+    b(this, "_computedStateKeys");
+    b(this, "_watchers");
+    b(this, "_store");
+    const e = this.getComputedStateDefinition();
+    this._name = this.getName() ?? new.target.name, this._booted = new U(), this._computedStateKeys = new Set(Object.keys(e)), this._watchers = this.getStateWatchers(), this._store = this.usesStore() && or(this._name, {
+      state: () => this.getInitialState(),
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      getters: e
+    });
+  }
+  get booted() {
+    return this._booted;
+  }
+  static(e) {
+    return super.static(e);
+  }
+  launch() {
+    const e = (s) => this._booted.reject(new Me(this._name, s));
+    try {
+      this.frameworkBoot().then(() => this.boot()).then(() => this._booted.resolve()).catch(e);
+    } catch (s) {
+      e(s);
+    }
+    return this._booted;
+  }
+  hasPersistedState() {
+    return V.has(this._name);
+  }
+  hasState(e) {
+    return this._store ? e in this._store.$state || this._computedStateKeys.has(e) : !1;
+  }
+  getState(e) {
+    const s = this._store;
+    return e ? s ? s[e] : void 0 : s || {};
+  }
+  setState(e, s) {
+    if (!this._store)
+      return;
+    const n = typeof e == "string" ? { [e]: s } : e, o = Z(this._store.$state, Object.keys(n));
+    Object.assign(this._store.$state, n), this.onStateUpdated(n, o);
+  }
+  updatePersistedState(e) {
+    if (!this._store)
+      return;
+    const s = Ne(e), n = Z(this._store.$state, s);
+    Se(n) || this.onPersistentStateUpdated(n);
+  }
+  __get(e) {
+    return this.hasState(e) ? this.getState(e) : super.__get(e);
+  }
+  __set(e, s) {
+    this.setState({ [e]: s });
+  }
+  onStateUpdated(e, s) {
+    const n = Z(e, this.static("persist"));
+    Se(n) || this.onPersistentStateUpdated(n);
+    for (const o in e) {
+      const a = this._watchers[o];
+      !a || e[o] === s[o] || a.call(this, e[o], s[o]);
+    }
+  }
+  onPersistentStateUpdated(e) {
+    const s = V.get(this._name);
+    s && V.set(this._name, {
+      ...s,
+      ...this.serializePersistedState(Mt(e))
+    });
+  }
+  usesStore() {
+    return !1;
+  }
+  getName() {
+    return null;
+  }
+  getInitialState() {
+    return {};
+  }
+  getComputedStateDefinition() {
+    return {};
+  }
+  getStateWatchers() {
+    return {};
+  }
+  serializePersistedState(e) {
+    return e;
+  }
+  deserializePersistedState(e) {
+    return e;
+  }
+  async frameworkBoot() {
+    this.restorePersistedState();
+  }
+  async boot() {
+  }
+  restorePersistedState() {
+    if (!(!this.usesStore() || Se(this.static("persist")))) {
+      if (V.has(this._name)) {
+        const e = V.require(this._name);
+        this.setState(this.deserializePersistedState(e));
+        return;
+      }
+      V.set(this._name, Z(this.getState(), this.static("persist")));
+    }
+  }
+  requireStore() {
+    return this._store ? this._store : N(`Failed getting '${this._name}' store`);
+  }
+}, b(Ae, "persist", []), Ae);
+const Un = {
+  Low: -256,
+  Default: 0,
+  High: 256
+};
+class ar extends ve {
+  constructor() {
+    super(...arguments);
+    b(this, "listeners", {});
+  }
+  async boot() {
+    Object.entries(globalThis.__aerogelEvents__ ?? {}).forEach(([e, s]) => this.on(e, s));
+  }
+  async emit(e, s) {
+    var o;
+    const n = this.listeners[e] ?? { priorities: [], handlers: {} };
+    for (const a of n.priorities)
+      await Promise.all(((o = n.handlers[a]) == null ? void 0 : o.map((i) => i(s))) ?? []);
+  }
+  // prettier-ignore
+  /* eslint-enable max-len */
+  on(e, s, n) {
+    const o = typeof s == "function" ? {} : typeof s == "number" ? { priority: s } : s, a = typeof s == "function" ? s : n;
+    return this.registerListener(e, o, a), () => this.off(e, a);
+  }
+  // prettier-ignore
+  /* eslint-enable max-len */
+  once(e, s, n) {
+    let o = null;
+    const a = typeof s == "function" ? {} : s, i = typeof s == "function" ? s : n;
+    return K(
+      () => o && this.off(e, o),
+      (u) => {
+        o = (...p) => (u(), i(...p)), this.registerListener(e, a, i);
+      }
+    );
+  }
+  off(e, s) {
+    var a;
+    const n = this.listeners[e];
+    if (!n)
+      return;
+    const o = [...n.priorities];
+    for (const i of o)
+      Pe(n.handlers[i] ?? [], s), ((a = n.handlers[i]) == null ? void 0 : a.length) === 0 && (delete n.handlers[i], Pe(n.priorities, i));
+    n.priorities.length === 0 && delete this.listeners[e];
+  }
+  registerListener(e, s, n) {
+    var u, p, v;
+    const o = s.priority ?? 0;
+    e in this.listeners || (this.listeners[e] = { priorities: [], handlers: {} });
+    const a = ((u = this.listeners[e]) == null ? void 0 : u.priorities) ?? N(`priorities missing for event '${e}'`), i = ((p = this.listeners[e]) == null ? void 0 : p.handlers) ?? N(`handlers missing for event '${e}'`);
+    a.includes(o) || (a.push(o), a.sort((E, A) => A - E), i[o] = []), (v = i[o]) == null || v.push(n);
+  }
+}
+const S = J(ar), ir = _e({
+  name: "app",
+  initialState: {
+    plugins: {},
+    instance: null,
+    environment: Et() ?? "development",
+    version: O.version,
+    sourceUrl: O.sourceUrl
+  },
+  computed: {
+    development: (r) => r.environment === "development",
+    staging: (r) => r.environment === "staging",
+    testing: (r) => r.environment === "test" || r.environment === "testing",
+    versionName(r) {
+      return this.development ? "dev." + O.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + O.sourceHash.toString().substring(0, 7) : `v${r.version}`;
+    },
+    versionUrl(r) {
+      return r.sourceUrl + (this.development || this.staging ? `/tree/${O.sourceHash}` : `/releases/tag/${this.versionName}`);
+    }
+  }
+});
+class lr extends ir {
+  constructor() {
+    super(...arguments);
+    b(this, "name", O.name);
+    b(this, "ready", new U());
+    b(this, "mounted", new U());
+  }
+  isReady() {
+    return this.ready.isResolved();
+  }
+  isMounted() {
+    return this.mounted.isResolved();
+  }
+  async whenReady(e) {
+    return await this.ready.then(e);
+  }
+  async reload(e) {
+    e && Gt(e), location.reload(), await It();
+  }
+  plugin(e) {
+    return this.plugins[e] ?? null;
+  }
+  service(e) {
+    var s;
+    return ((s = this.instance) == null ? void 0 : s.config.globalProperties[e]) ?? null;
+  }
+  async boot() {
+    S.once("application-ready", () => this.ready.resolve()), S.once("application-mounted", () => this.mounted.resolve());
+  }
+}
+const z = J(lr);
+function Nn(r) {
+  return r;
+}
+async function cr(r, ...t) {
+  z.setState(
+    "plugins",
+    r.reduce(
+      (e, s) => (s.name && (e[s.name] = s), e),
+      {}
+    )
+  ), await Promise.all(r.map((e) => e.install(...t)) ?? []);
+}
+function ur(r) {
+  return {
+    type: Array,
+    default: r ?? (() => [])
+  };
+}
+function be(r = !1) {
+  return {
+    type: Boolean,
+    default: r
+  };
+}
+function Te() {
+  return P();
+}
+function Wn(r) {
+  const t = P(), e = d(r);
+  return Ee(e, async () => t.value = await e.value, { immediate: !0 }), t;
+}
+function Kn(r) {
+  return r;
+}
+function X(r, t) {
+  const e = Object.values(r);
+  return {
+    type: String,
+    default: t ?? e[0] ?? null,
+    validator: (s) => e.includes(s)
+  };
+}
+function dr(r) {
+  const t = ne(r);
+  return t ? le(t) : void 0;
+}
+function R(r, t) {
+  return dr(r) ?? N(t ?? `Could not resolve '${q(r)}' injection key`);
+}
+function Jn(r, t) {
+  return ne(r) ?? N(t ?? `Could not resolve '${q(r)}' injection key`);
+}
+function On() {
+  return {
+    type: Function,
+    default: null
+  };
+}
+function ye(r, t) {
+  return {
+    type: r,
+    default: t ?? null
+  };
+}
+function te(r = null) {
+  return {
+    type: Number,
+    default: r
+  };
+}
+function B(r = null) {
+  return {
+    type: Object,
+    default: r
+  };
+}
+function Qe() {
+  return {
+    type: Array,
+    required: !0
+  };
+}
+function Qn(r) {
+  const t = Object.values(r);
+  return {
+    type: String,
+    required: !0,
+    validator: (e) => t.includes(e)
+  };
+}
+function pr(r) {
+  return {
+    type: r,
+    required: !0
+  };
+}
+function Xn() {
+  return {
+    type: Number,
+    required: !0
+  };
+}
+function we() {
+  return {
+    type: Object,
+    required: !0
+  };
+}
+function re() {
+  return {
+    type: String,
+    required: !0
+  };
+}
+function g(r = null) {
+  return {
+    type: String,
+    default: r
+  };
+}
+const ke = /* @__PURE__ */ new WeakMap(), fr = {
+  mounted(r, { value: t }) {
+    const e = typeof t == "function" ? t : null, s = () => {
+      const n = r.getBoundingClientRect();
+      r.style.setProperty("--width", `${n.width}px`), r.style.setProperty("--height", `${n.height}px`), e == null || e({ width: n.width, height: n.height });
+    };
+    ke.set(r, K(new ResizeObserver(s)).observe(r)), s();
+  },
+  unmounted(r) {
+    var t;
+    (t = ke.get(r)) == null || t.unobserve(r), ke.delete(r);
+  }
+}, mr = {
+  measure: fr
+}, hr = {
+  install(r, t) {
+    const e = {
+      ...mr,
+      ...t.directives
+    };
+    for (const [s, n] of Object.entries(e))
+      r.directive(s, n);
+  }
+};
+class gr extends ve {
+  constructor() {
+    super(...arguments);
+    b(this, "cache");
+  }
+  async get(e) {
+    return await (await this.open()).match(e) ?? null;
+  }
+  async store(e, s) {
+    await (await this.open()).put(e, s);
+  }
+  async replace(e, s) {
+    const n = await this.open();
+    (await n.keys(e)).length !== 0 && await n.put(e, s);
+  }
+  async open() {
+    return this.cache = this.cache ?? K(new U(), (e) => {
+      caches.open("app").then((s) => e.resolve(s));
+    });
+  }
+}
+const Yn = J(gr);
+class _r extends ve {
+  async purge() {
+    await S.emit("purge-storage");
+  }
+}
+const vr = J(_r);
+function Zn(r, t) {
+  return {
+    ...r,
+    ...Z(t, Object.keys(r))
+  };
+}
+const br = {
+  $app: z,
+  $events: S,
+  $storage: vr
+};
+async function $e(r, t) {
+  await Promise.all(
+    Object.entries(t).map(async ([e, s]) => {
+      await s.launch().catch((n) => {
+        var o, a;
+        return (a = (o = r.config).errorHandler) == null ? void 0 : a.call(o, n, null, `Failed launching ${e}.`);
+      });
+    })
+  ), Object.assign(r.config.globalProperties, t), (Q() || Ge()) && Object.assign(globalThis, t);
+}
+const yr = {
+  async install(r, t) {
+    const e = {
+      ...br,
+      ...t.services
+    };
+    r.use(nr()), await $e(r, e);
+  }
+}, Xe = 768, pe = {
+  Mobile: "mobile",
+  Desktop: "desktop"
+};
+function Ye() {
+  return globalThis.innerWidth > Xe ? pe.Desktop : pe.Mobile;
+}
+const wr = _e({
+  name: "ui",
+  initialState: {
+    modals: [],
+    snackbars: [],
+    layout: Ye()
+  },
+  computed: {
+    mobile: ({ layout: r }) => r === pe.Mobile,
+    desktop: ({ layout: r }) => r === pe.Desktop
+  }
+}), C = {
+  AlertModal: "alert-modal",
+  ConfirmModal: "confirm-modal",
+  ErrorReportModal: "error-report-modal",
+  LoadingModal: "loading-modal",
+  PromptModal: "prompt-modal",
+  Snackbar: "snackbar",
+  StartupCrash: "startup-crash"
+};
+class $r extends wr {
+  constructor() {
+    super(...arguments);
+    b(this, "modalCallbacks", {});
+    b(this, "components", {});
+  }
+  requireComponent(e) {
+    return this.components[e] ?? N(`UI Component '${e}' is not defined!`);
+  }
+  alert(e, s) {
+    const n = () => typeof s != "string" ? { message: e } : {
+      title: e,
+      message: s
+    };
+    this.openModal(this.requireComponent(C.AlertModal), n());
+  }
+  // prettier-ignore
+  /* eslint-enable max-len */
+  async confirm(e, s, n) {
+    const a = typeof s != "string" ? {
+      ...s ?? {},
+      message: e,
+      required: !!(s != null && s.required)
+    } : {
+      ...n ?? {},
+      title: e,
+      message: s,
+      required: !!(n != null && n.required)
+    }, u = await (await this.openModal(this.requireComponent(C.ConfirmModal), a)).beforeClose, p = typeof u == "object" ? u[0] : u ?? !1, v = typeof u == "object" ? u[1] : Object.entries(a.checkboxes ?? {}).reduce(
+      (E, [A, { default: ae }]) => ({
+        [A]: ae ?? !1,
+        ...E
+      }),
+      {}
+    );
+    for (const [E, A] of Object.entries(a.checkboxes ?? {}))
+      if (!(!A.required || v[E]))
+        return p && Q() && console.warn(`Confirmed confirm modal was suppressed because required '${E}' checkbox was missing`), [!1, v];
+    return "checkboxes" in a ? [p, v] : p;
+  }
+  async prompt(e, s, n) {
+    const o = (n == null ? void 0 : n.trim) ?? !0, a = () => typeof s != "string" ? {
+      message: e,
+      ...s ?? {}
+    } : {
+      title: e,
+      message: s,
+      ...n ?? {}
+    }, u = await (await this.openModal(
+      this.requireComponent(C.PromptModal),
+      a()
+    )).beforeClose;
+    return (o && typeof u == "string" ? u == null ? void 0 : u.trim() : u) ?? null;
+  }
+  async loading(e, s) {
+    const n = (p) => typeof p == "function" ? Promise.resolve(p()) : p, o = () => typeof e == "string" ? {
+      props: { message: e },
+      operationPromise: n(s)
+    } : typeof e == "function" || e instanceof Promise ? { operationPromise: n(e) } : {
+      props: e,
+      operationPromise: n(s)
+    }, { operationPromise: a, props: i } = o(), u = await this.openModal(this.requireComponent(C.LoadingModal), i);
+    try {
+      const [p] = await Promise.all([a, je({ seconds: 1 })]);
+      return p;
+    } finally {
+      await this.closeModal(u.id);
+    }
+  }
+  showSnackbar(e, s = {}) {
+    const n = {
+      id: ue(),
+      properties: { message: e, ...s },
+      component: Re(s.component ?? this.requireComponent(C.Snackbar))
+    };
+    this.setState("snackbars", this.snackbars.concat(n)), setTimeout(() => this.hideSnackbar(n.id), 5e3);
+  }
+  hideSnackbar(e) {
+    this.setState(
+      "snackbars",
+      this.snackbars.filter((s) => s.id !== e)
+    );
+  }
+  registerComponent(e, s) {
+    this.components[e] = s;
+  }
+  async openModal(e, s) {
+    const n = ue(), o = {}, a = {
+      id: n,
+      properties: s ?? {},
+      component: Re(e),
+      beforeClose: new Promise((p) => o.willClose = p),
+      afterClose: new Promise((p) => o.closed = p)
+    }, i = this.modals.at(-1), u = this.modals.concat(a);
+    return this.modalCallbacks[a.id] = o, this.setState({ modals: u }), await ze(), await (i && S.emit("hide-modal", { id: i.id })), await Promise.all([
+      i || S.emit("show-overlays-backdrop"),
+      S.emit("show-modal", { id: a.id })
+    ]), a;
+  }
+  async closeModal(e, s) {
+    if (!z.isMounted()) {
+      await this.removeModal(e, s);
+      return;
+    }
+    await S.emit("close-modal", { id: e, result: s });
+  }
+  async closeAllModals() {
+    for (; this.modals.length > 0; )
+      await this.closeModal(Tt(this.modals[this.modals.length - 1]).id);
+  }
+  async boot() {
+    this.watchModalEvents(), this.watchMountedEvent(), this.watchViewportBreakpoints();
+  }
+  async removeModal(e, s) {
+    var o, a;
+    this.setState(
+      "modals",
+      this.modals.filter((i) => i.id !== e)
+    ), (a = (o = this.modalCallbacks[e]) == null ? void 0 : o.closed) == null || a.call(o, s), delete this.modalCallbacks[e];
+    const n = this.modals.at(-1);
+    await (n && S.emit("show-modal", { id: n.id }));
+  }
+  watchModalEvents() {
+    S.on("modal-will-close", ({ modal: e, result: s }) => {
+      var n, o;
+      (o = (n = this.modalCallbacks[e.id]) == null ? void 0 : n.willClose) == null || o.call(n, s), this.modals.length === 1 && S.emit("hide-overlays-backdrop");
+    }), S.on("modal-closed", async ({ modal: { id: e }, result: s }) => {
+      await this.removeModal(e, s);
+    });
+  }
+  watchMountedEvent() {
+    S.once("application-mounted", async () => {
+      if (!globalThis.document || !globalThis.getComputedStyle)
+        return;
+      const e = globalThis.document.getElementById("splash");
+      e && (globalThis.getComputedStyle(e).opacity !== "0" && (e.style.opacity = "0", await je({ ms: 600 })), e.remove());
+    });
+  }
+  watchViewportBreakpoints() {
+    if (!globalThis.matchMedia)
+      return;
+    globalThis.matchMedia(`(min-width: ${Xe}px)`).addEventListener("change", () => this.setState({ layout: Ye() }));
+  }
+}
+const G = J($r);
+class xr {
+  constructor(t, e) {
+    this.locale = t, this.fallbackLocale = e;
+  }
+  getLocale() {
+    return this.locale;
+  }
+  async setLocale(t) {
+    this.locale = t;
+  }
+  getFallbackLocale() {
+    return this.fallbackLocale;
+  }
+  async setFallbackLocale(t) {
+    this.fallbackLocale = t;
+  }
+  getLocales() {
+    return ["en"];
+  }
+  translate(t) {
+    return Q() && console.warn("Lang provider is missing"), t;
+  }
+  translateWithDefault(t, e) {
+    return Q() && console.warn("Lang provider is missing"), e;
+  }
+}
+const Sr = _e({
+  name: "lang",
+  persist: ["locale", "fallbackLocale"],
+  initialState: {
+    locale: null,
+    locales: ["en"],
+    fallbackLocale: "en"
+  }
+});
+class kr extends Sr {
+  constructor() {
+    super();
+    b(this, "provider");
+    this.provider = new xr(
+      this.getState("locale") ?? this.getBrowserLocale(),
+      this.getState("fallbackLocale")
+    );
+  }
+  async setProvider(e) {
+    this.provider = e, this.locales = e.getLocales(), await e.setLocale(this.locale ?? this.getBrowserLocale()), await e.setFallbackLocale(this.fallbackLocale);
+  }
+  translate(e, s) {
+    return this.provider.translate(e, s) ?? e;
+  }
+  translateWithDefault(e, s, n = {}) {
+    return this.provider.translateWithDefault(e, s, n);
+  }
+  getBrowserLocale() {
+    const e = this.getState("locales");
+    return navigator.languages.find((s) => e.includes(s)) ?? "en";
+  }
+  async boot() {
+    globalThis.document && this.requireStore().$subscribe(
+      async () => {
+        var e, s;
+        await this.provider.setLocale(this.locale ?? this.getBrowserLocale()), await this.provider.setFallbackLocale(this.fallbackLocale), this.locale ? (e = document.querySelector("html")) == null || e.setAttribute("lang", this.locale) : (s = document.querySelector("html")) == null || s.removeAttribute("lang");
+      },
+      { immediate: !0 }
+    );
+  }
+}
+const se = J(kr), Ze = se.translate.bind(se), x = se.translateWithDefault.bind(se), Ar = _e({
+  name: "errors",
+  initialState: {
+    logs: [],
+    startupErrors: []
+  },
+  computed: {
+    hasErrors: ({ logs: r }) => r.length > 0,
+    hasNewErrors: ({ logs: r }) => r.some((t) => !t.seen),
+    hasStartupErrors: ({ startupErrors: r }) => r.length > 0
+  }
+}), k = {
+  Primary: "primary",
+  Secondary: "secondary",
+  Danger: "danger",
+  Clear: "clear"
+};
+class Cr extends Ar {
+  constructor() {
+    super(...arguments);
+    b(this, "forceReporting", !1);
+    b(this, "enabled", !0);
+  }
+  enable() {
+    this.enabled = !0;
+  }
+  disable() {
+    this.enabled = !1;
+  }
+  async inspect(e) {
+    const s = Array.isArray(e) ? e : [await this.createErrorReport(e)];
+    if (s.length === 0) {
+      G.alert(x("errors.inspectEmpty", "Nothing to inspect!"));
+      return;
+    }
+    G.openModal(G.requireComponent(C.ErrorReportModal), {
+      reports: s
+    });
+  }
+  async report(e, s) {
+    if (await S.emit("error", { error: e, message: s }), Ge("unit") || (Q() && this.logError(e), !this.enabled))
+      throw e;
+    if (!z.isMounted()) {
+      const a = await this.createStartupErrorReport(e);
+      a && this.setState({ startupErrors: this.startupErrors.concat(a) });
+      return;
+    }
+    const n = await this.createErrorReport(e), o = {
+      report: n,
+      seen: !1,
+      date: /* @__PURE__ */ new Date()
+    };
+    G.showSnackbar(
+      s ?? x("errors.notice", "Something went wrong, but it's not your fault. Try again!"),
+      {
+        color: k.Danger,
+        actions: [
+          {
+            text: x("errors.viewDetails", "View details"),
+            dismiss: !0,
+            handler: () => G.openModal(
+              G.requireComponent(C.ErrorReportModal),
+              { reports: [n] }
+            )
+          }
+        ]
+      }
+    ), this.setState({ logs: [o].concat(this.logs) });
+  }
+  see(e) {
+    this.setState({
+      logs: this.logs.map((s) => s.report !== e ? s : {
+        ...s,
+        seen: !0
+      })
+    });
+  }
+  seeAll() {
+    this.setState({
+      logs: this.logs.map((e) => ({
+        ...e,
+        seen: !0
+      }))
+    });
+  }
+  logError(e) {
+    console.error(e), de(e) && e.cause && this.logError(e.cause);
+  }
+  async createErrorReport(e) {
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof ge ? this.createErrorReportFromError(e) : de(e) ? We({
+      title: q(
+        e.name ?? e.title ?? x("errors.unknown", "Unknown Error")
+      ),
+      description: q(
+        e.message ?? e.description ?? x("errors.unknownDescription", "Unknown error object")
+      ),
+      error: e
+    }) : {
+      title: x("errors.unknown", "Unknown Error"),
+      error: e
+    };
+  }
+  async createStartupErrorReport(e) {
+    return e instanceof Me ? e.cause instanceof Me ? null : this.createErrorReport(e.cause) : this.createErrorReport(e);
+  }
+  createErrorReportFromError(e, s = {}) {
+    return {
+      title: e.name,
+      description: e.message,
+      details: e.stack,
+      error: e,
+      ...s
+    };
+  }
+}
+const et = J(Cr), tt = [];
+function eo(r) {
+  tt.push(r);
+}
+function Pr(r) {
+  for (const t of tt) {
+    const e = t(r);
+    if (e)
+      return e;
+  }
+  return typeof r == "string" ? r : r instanceof Error || r instanceof ge ? r.message : de(r) ? q(r.message ?? r.description ?? "Unknown error object") : x("errors.unknown", "Unknown Error");
+}
+class De extends ge {
+}
+const Mr = { $errors: et }, Er = (r) => (et.report(r), !0);
+function Gr(r, t = () => !1) {
+  const e = (s) => t(s) || Er(s);
+  r.config.errorHandler = e, globalThis.onerror = (s, n, o, a, i) => e(i ?? s), globalThis.onunhandledrejection = (s) => e(s.reason);
+}
+const Ir = {
+  async install(r, t) {
+    Gr(r, t.handleError), await $e(r, Mr);
+  }
+}, Tr = { $lang: se }, Hr = {
+  async install(r) {
+    var t;
+    (t = r.config.globalProperties).$t ?? (t.$t = Ze), r.config.globalProperties.$td = x, await $e(r, Tr);
+  }
+}, Lr = {
+  async install() {
+    Ge() && (globalThis.testingRuntime = {
+      on: (...r) => S.on(...r)
+    });
+  }
+};
+function He(r, t) {
+  return Object.keys(t).reduce(
+    (e, s) => (e[s] = r[s], e),
+    {}
+  );
+}
+function Rr(r) {
+  if (r instanceof HTMLElement)
+    return r;
+  if (jr(r))
+    return r.$el;
+}
+function jr(r) {
+  return de(r) && "$el" in r;
+}
+function to(r) {
+  return He(r, Le());
+}
+function Le() {
+  return {
+    cancellable: be(!0),
+    description: g(),
+    title: g()
+  };
+}
+function qr(r) {
+  return {
+    cancellable: d(() => {
+      var t;
+      return !!((t = r.value) != null && t.cancellable);
+    }),
+    close: async () => {
+      var t;
+      return (t = r.value) == null ? void 0 : t.close();
+    }
+  };
+}
+function ee(r, t) {
+  const e = S.on(r, t);
+  fe(() => e());
+}
+const Dr = /* @__PURE__ */ h({
+  __name: "AGHeadlessModal",
+  props: Le(),
+  setup(r, { expose: t }) {
+    const e = r, s = P(null), n = P(!0), o = P(!1), { modal: a } = R(
+      "modal",
+      "could not obtain modal reference from <AGHeadlessModal>, did you render this component manually? Show it using $ui.openModal() instead"
+    );
+    async function i() {
+      var v;
+      (v = s.value) != null && v.$el && (n.value = !0);
+    }
+    async function u() {
+      var v;
+      (v = s.value) != null && v.$el && (n.value = !1);
+    }
+    async function p(v) {
+      o.value || (S.emit("modal-will-close", { modal: a, result: v }), await i(), o.value = !0, S.emit("modal-closed", { modal: a, result: v }));
+    }
+    return ee("close-modal", async ({ id: v, result: E }) => {
+      v === a.id && await p(E);
+    }), ee("hide-modal", async ({ id: v }) => {
+      v === a.id && await i();
+    }), ee("show-modal", async ({ id: v }) => {
+      v === a.id && await u();
+    }), t({ close: p, cancellable: Ce(e, "cancellable") }), (v, E) => (c(), _(l(Ut), {
+      ref_key: "$root",
+      ref: s,
+      open: !0,
+      "onUpdate:open": E[0] || (E[0] = (A) => v.cancellable && p())
+    }, {
+      default: f(() => [
+        m(l(Nt), null, {
+          default: f(() => [
+            $(v.$slots, "default", { close: p })
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 512));
+  }
+}), rt = /* @__PURE__ */ h({
+  __name: "AGModalContext",
+  props: {
+    modal: we(),
+    childIndex: te(0)
+  },
+  setup(r) {
+    const t = r, e = d(() => {
+      const s = {};
+      for (const n in t.modal.properties)
+        s[n] = l(t.modal.properties[n]);
+      return s;
+    });
+    return me("modal", {
+      modal: Ce(t, "modal"),
+      childIndex: Ce(t, "childIndex")
+    }), (s, n) => (c(), _(W(r.modal.component), _t(vt(e.value)), null, 16));
+  }
+}), Vr = /* @__PURE__ */ h({
+  __name: "AGHeadlessModalContent",
+  setup(r) {
+    const { childIndex: t } = R(
+      "modal",
+      "could not obtain modal reference from <AGHeadlessModalContent>, did you render this component manually? Show it using $ui.openModal() instead"
+    ), e = d(() => G.modals[t] ?? null);
+    return (s, n) => (c(), _(l(Wt), null, {
+      default: f(() => [
+        $(s.$slots, "default"),
+        e.value ? (c(), _(rt, {
+          key: 0,
+          "child-index": l(t) + 1,
+          modal: e.value
+        }, null, 8, ["child-index", "modal"])) : I("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+function zr() {
+  return K(new qe(), (r) => {
+    r.link = function(t) {
+      return qe.prototype.link.apply(this, [t]).replace("<a", '<a target="_blank"');
+    };
+  });
+}
+function Br(r) {
+  const t = Ht(r, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+  for (const [e, s, n] of t)
+    r = r.replace(e, `<button type="button" data-markdown-action="${s}">${n}</button>`);
+  return r;
+}
+function Fr(r) {
+  let t = rr(r, { renderer: zr(), async: !1 });
+  return t = Ur(t), t = Br(t), t;
+}
+function Ur(r) {
+  return tr.sanitize(r, { ADD_ATTR: ["target"] });
+}
+const T = /* @__PURE__ */ h({
+  __name: "AGMarkdown",
+  props: {
+    as: g(),
+    inline: be(),
+    langKey: g(),
+    langParams: ye(),
+    text: g(),
+    actions: B()
+  },
+  setup(r) {
+    const t = r, e = Be(), s = d(() => t.text ?? (t.langKey && Ze(t.langKey, t.langParams ?? {}))), n = d(() => {
+      if (!s.value)
+        return null;
+      let i = Fr(s.value);
+      return t.inline && (i = i.replace("<p>", "<span>").replace("</p>", "</span>")), i;
+    }), o = () => bt(t.as ?? (t.inline ? "span" : "div"), {
+      innerHTML: n.value,
+      onClick: a,
+      ...e,
+      class: `${e.class ?? ""} ${t.inline ? "" : "prose"}`
+    });
+    async function a(i) {
+      var p, v;
+      const { target: u } = i;
+      if (Lt(u, HTMLElement) && u.dataset.markdownAction) {
+        (v = (p = t.actions) == null ? void 0 : p[u.dataset.markdownAction]) == null || v.call(p);
+        return;
+      }
+    }
+    return (i, u) => (c(), _(o));
+  }
+}), oe = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "AGModal",
+  props: Le(),
+  setup(r, { expose: t }) {
+    const e = r, s = P();
+    return t(qr(s)), (n, o) => (c(), _(Dr, H({
+      ref_key: "$modal",
+      ref: s
+    }, e, { class: "relative" }), {
+      default: f(({ close: a }) => [
+        m(Vr, { class: "fixed top-1/2 left-1/2 z-50 max-w-lg -translate-x-1/2 -translate-y-1/2 bg-white p-4" }, {
+          default: f(() => [
+            n.title ? (c(), _(l(Je), {
+              key: 0,
+              class: "mb-2 text-lg font-semibold"
+            }, {
+              default: f(() => [
+                m(T, {
+                  text: n.title,
+                  inline: ""
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            })) : I("", !0),
+            y("div", H({ class: "flex max-h-full flex-col overflow-auto" }, n.$attrs), [
+              $(n.$slots, "default", { close: a })
+            ], 16)
+          ]),
+          _: 2
+        }, 1024)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+function Nr() {
+  const r = Be(), t = d(() => r.class);
+  return [d(() => Ke(r, "class")), t];
+}
+function ro(r) {
+  let t = Rt;
+  yt(() => t = r()), fe(() => t());
+}
+function so(r, t) {
+  const e = le(V.get(r) ?? t);
+  return Ee(e, () => V.set(r, wt(e))), e;
+}
+function no(r) {
+  return r.split(/\s+/).filter((t) => !/^(hover|focus|focus-visible):/.test(t)).join(" ").trim();
+}
+const Wr = {
+  title: g(),
+  message: re()
+};
+function Kr() {
+  return Wr;
+}
+const Jr = /* @__PURE__ */ h({
+  __name: "AGAlertModal",
+  props: Kr(),
+  setup(r) {
+    return (t, e) => (c(), _(oe, { title: t.title }, {
+      default: f(() => [
+        m(T, { text: t.message }, null, 8, ["text"])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Or = {
+  title: g(),
+  message: re(),
+  acceptText: g(),
+  acceptColor: X(k, k.Primary),
+  cancelText: g(),
+  cancelColor: X(k, k.Clear),
+  checkboxes: B(),
+  actions: B(),
+  required: be(!1)
+};
+function Qr() {
+  return Or;
+}
+function Xr(r) {
+  const t = d(() => r.acceptText ?? x("ui.accept", "Ok")), e = d(() => r.cancelText ?? x("ui.cancel", "Cancel"));
+  return { renderedAcceptText: t, renderedCancelText: e };
+}
+function Yr() {
+  return $t((r, t) => {
+    let e;
+    return {
+      get() {
+        return r(), e;
+      },
+      set(s) {
+        e = Rr(s), t();
+      }
+    };
+  });
+}
+const st = /* @__PURE__ */ h({
+  __name: "AGHeadlessButton",
+  props: {
+    as: B(),
+    href: g(),
+    url: g(),
+    route: g(),
+    routeParams: B(() => ({})),
+    routeQuery: B(() => ({})),
+    submit: be()
+  },
+  setup(r, { expose: t }) {
+    const e = r, s = Yr(), n = d(() => e.as ? { as: e.as, props: {} } : e.route ? {
+      as: "router-link",
+      props: {
+        to: We({
+          name: e.route,
+          params: e.routeParams,
+          query: e.routeQuery
+        })
+      }
+    } : e.href || e.url ? {
+      as: "a",
+      props: {
+        target: "_blank",
+        href: e.href || e.url
+      }
+    } : {
+      as: "button",
+      props: { type: e.submit ? "submit" : "button" }
+    });
+    return t({ $el: s }), (o, a) => (c(), _(W(n.value.as), H({
+      ref_key: "$root",
+      ref: s
+    }, n.value.props), {
+      default: f(() => [
+        $(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), L = /* @__PURE__ */ h({
+  __name: "AGButton",
+  props: {
+    color: X(k, k.Primary)
+  },
+  setup(r) {
+    const t = r, e = d(() => {
+      switch (t.color) {
+        case k.Secondary:
+          return [
+            "text-white bg-gray-600",
+            "hover:bg-gray-500",
+            "focus-visible:outline-offset-2 focus-visible:outline-gray-600"
+          ].join(" ");
+        case k.Clear:
+          return "hover:bg-gray-500/20 focus-visible:outline-gray-500/60";
+        case k.Danger:
+          return [
+            "text-white bg-red-600",
+            "hover:bg-red-500",
+            "focus-visible:outline-offset-2 focus-visible:outline-red-600"
+          ].join(" ");
+        case k.Primary:
+        default:
+          return [
+            "text-white bg-indigo-600",
+            "hover:bg-indigo-500",
+            "focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+          ].join(" ");
+      }
+    });
+    return (s, n) => (c(), _(st, {
+      class: F(["px-2.5 py-1.5 focus-visible:outline focus-visible:outline-2", e.value])
+    }, {
+      default: f(() => [
+        $(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), Zr = { class: "mt-2 flex flex-row-reverse gap-2" }, es = /* @__PURE__ */ h({
+  __name: "AGConfirmModal",
+  props: Qr(),
+  setup(r) {
+    const t = r, { renderedAcceptText: e, renderedCancelText: s } = Xr(t);
+    return (n, o) => (c(), _(oe, {
+      cancellable: !1,
+      title: n.title
+    }, {
+      default: f(({ close: a }) => [
+        m(T, {
+          text: n.message,
+          actions: n.actions
+        }, null, 8, ["text", "actions"]),
+        y("div", Zr, [
+          m(L, {
+            color: n.acceptColor,
+            onClick: (i) => a(!0)
+          }, {
+            default: f(() => [
+              j(M(l(e)), 1)
+            ]),
+            _: 2
+          }, 1032, ["color", "onClick"]),
+          n.required ? I("", !0) : (c(), _(L, {
+            key: 0,
+            color: n.cancelColor,
+            onClick: (i) => a()
+          }, {
+            default: f(() => [
+              j(M(l(s)), 1)
+            ]),
+            _: 2
+          }, 1032, ["color", "onClick"]))
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), ts = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function rs(r, t) {
+  return c(), w("svg", ts, t[0] || (t[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "m12.95 10.707l.707-.707L8 4.343L6.586 5.757L10.828 10l-4.242 4.243L8 15.657z"
+    }, null, -1)
+  ]));
+}
+const ss = { name: "zondicons-cheveron-right", render: rs }, ns = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function os(r, t) {
+  return c(), w("svg", ns, t[0] || (t[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"
+    }, null, -1)
+  ]));
+}
+const as = { name: "zondicons-cheveron-left", render: os }, is = {
+  reports: Qe()
+};
+function ls() {
+  return is;
+}
+function cs(r) {
+  const t = P(0), e = d(() => r.reports[t.value]), s = d(
+    () => {
+      var a;
+      return ((a = e.value.details) == null ? void 0 : a.trim()) || x("errors.detailsEmpty", "This error is missing a stacktrace.");
+    }
+  ), n = x("errors.previousReport", "Show previous report"), o = x("errors.nextReport", "Show next report");
+  return {
+    activeReportIndex: t,
+    details: s,
+    nextReportText: o,
+    previousReportText: n,
+    report: e
+  };
+}
+const us = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ds(r, t) {
+  return c(), w("svg", us, t[0] || (t[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M20 19V7H4v12zm0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-7 14v-2h5v2zm-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z"
+    }, null, -1)
+  ]));
+}
+const ps = { name: "mdi-console", render: ds }, fs = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ms(r, t) {
+  return c(), w("svg", fs, t[0] || (t[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2zm2 0h4a2 2 0 0 1 2 2v4h4V2H8zM2 8v10h10V8z"
+    }, null, -1)
+  ]));
+}
+const hs = { name: "zondicons-copy", render: ms }, gs = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function _s(r, t) {
+  return c(), w("svg", gs, t[0] || (t[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
+    }, null, -1)
+  ]));
+}
+const vs = { name: "mdi-github", render: _s }, bs = { class: "flex" }, ys = /* @__PURE__ */ h({
+  __name: "AGErrorReportModalButtons",
+  props: {
+    report: we()
+  },
+  setup(r) {
+    const t = r, e = d(() => t.report.description ? `${t.report.title}: ${t.report.description}` : t.report.title), s = d(() => {
+      if (!z.sourceUrl)
+        return !1;
+      const o = encodeURIComponent(e.value), a = encodeURIComponent(
+        [
+          "[Please, explain here what you were trying to do when this error appeared]",
+          "",
+          "Error details:",
+          "```",
+          jt(
+            t.report.details ?? "Details missing from report",
+            1800 - o.length - z.sourceUrl.length
+          ).trim(),
+          "```"
+        ].join(`
+`)
+      );
+      return `${z.sourceUrl}/issues/new?title=${o}&body=${a}`;
+    }), n = d(() => K(
+      [
+        {
+          id: "clipboard",
+          description: "Copy to clipboard",
+          iconComponent: hs,
+          async handler() {
+            await navigator.clipboard.writeText(`${e.value}
+
+${t.report.details}`), G.showSnackbar(
+              x("errors.copiedToClipboard", "Debug information copied to clipboard")
+            );
+          }
+        },
+        {
+          id: "console",
+          description: "Log to console",
+          iconComponent: ps,
+          handler() {
+            const o = t.report.error ?? t.report;
+            window.error = o, console.error(o), G.showSnackbar(
+              x(
+                "errors.addedToConsole",
+                "You can now use the **error** variable in the console"
+              )
+            );
+          }
+        }
+      ],
+      (o) => {
+        s.value && o.push({
+          id: "github",
+          description: "Report in GitHub",
+          iconComponent: vs,
+          url: s.value
+        });
+      }
+    ));
+    return (o, a) => (c(), w("div", bs, [
+      (c(!0), w(Y, null, he(n.value, (i, u) => $(o.$slots, "default", H({ ref_for: !0 }, i, { key: u }), () => [
+        m(L, {
+          color: "clear",
+          url: i.url,
+          title: o.$td(`errors.report_${i.id}`, i.description),
+          "aria-label": o.$td(`errors.report_${i.id}`, i.description),
+          onClick: i.handler
+        }, {
+          default: f(() => [
+            (c(), _(W(i.iconComponent), {
+              class: "size-4",
+              "aria-hidden": "true"
+            }))
+          ]),
+          _: 2
+        }, 1032, ["url", "title", "aria-label", "onClick"])
+      ])), 128))
+    ]));
+  }
+}), ws = /* @__PURE__ */ h({
+  __name: "AGErrorReportModalTitle",
+  props: {
+    report: we(),
+    currentReport: te(),
+    totalReports: te()
+  },
+  setup(r) {
+    const t = r, e = d(() => !t.totalReports || t.totalReports <= 1 ? t.report.title : `${t.report.title} (${t.currentReport}/${t.totalReports})`);
+    return (s, n) => (c(), _(T, {
+      text: e.value,
+      inline: ""
+    }, null, 8, ["text"]));
+  }
+}), $s = { class: "flex items-center justify-between text-lg font-medium" }, xs = { class: "flex items-center" }, Ss = ["textContent"], ks = /* @__PURE__ */ h({
+  __name: "AGErrorReportModal",
+  props: ls(),
+  setup(r) {
+    const t = r, { activeReportIndex: e, details: s, nextReportText: n, previousReportText: o, report: a } = cs(t);
+    return (i, u) => (c(), _(oe, null, {
+      default: f(() => [
+        y("div", null, [
+          y("h2", $s, [
+            y("div", xs, [
+              m(ws, {
+                report: l(a),
+                "current-report": l(e) + 1,
+                "total-reports": i.reports.length
+              }, null, 8, ["report", "current-report", "total-reports"]),
+              i.reports.length > 1 ? (c(), w(Y, { key: 0 }, [
+                m(L, {
+                  color: "clear",
+                  disabled: l(e) === 0,
+                  title: l(o),
+                  "aria-label": l(o),
+                  onClick: u[0] || (u[0] = (p) => e.value--)
+                }, {
+                  default: f(() => [
+                    m(l(as), {
+                      "aria-hidden": "true",
+                      class: "size-4"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "title", "aria-label"]),
+                m(L, {
+                  color: "clear",
+                  disabled: l(e) === i.reports.length - 1,
+                  title: l(n),
+                  "aria-label": l(n),
+                  onClick: u[1] || (u[1] = (p) => e.value++)
+                }, {
+                  default: f(() => [
+                    m(l(ss), {
+                      "aria-hidden": "true",
+                      class: "size-4"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "title", "aria-label"])
+              ], 64)) : I("", !0)
+            ]),
+            m(ys, { report: l(a) }, null, 8, ["report"])
+          ]),
+          l(a).description ? (c(), _(T, {
+            key: 0,
+            text: l(a).description,
+            class: "mt-2"
+          }, null, 8, ["text"])) : I("", !0)
+        ]),
+        y("pre", {
+          class: "h-full overflow-auto bg-gray-200 p-4 text-xs text-red-900",
+          textContent: M(l(s))
+        }, null, 8, Ss)
+      ]),
+      _: 1
+    }));
+  }
+}), As = {
+  title: g(),
+  message: g(),
+  progress: te()
+};
+function Cs() {
+  return As;
+}
+function Ps(r) {
+  const t = d(() => r.message ?? x("ui.loading", "Loading...")), e = d(() => typeof r.progress == "number");
+  return { renderedMessage: t, showProgress: e };
+}
+const Ms = /* @__PURE__ */ h({
+  __name: "AGLoadingModal",
+  props: Cs(),
+  setup(r) {
+    const t = r, { renderedMessage: e } = Ps(t);
+    return (s, n) => (c(), _(oe, { cancellable: !1 }, {
+      default: f(() => [
+        m(T, { text: l(e) }, null, 8, ["text"])
+      ]),
+      _: 1
+    }));
+  }
+}), Es = {
+  title: g(),
+  message: re(),
+  label: g(),
+  defaultValue: g(),
+  placeholder: g(),
+  acceptText: g(),
+  acceptColor: X(k, k.Primary),
+  cancelText: g(),
+  cancelColor: X(k, k.Clear)
+};
+function Gs() {
+  return Es;
+}
+function Is(r) {
+  const t = d(() => r.acceptText ?? x("ui.accept", "Ok")), e = d(() => r.cancelText ?? x("ui.cancel", "Cancel"));
+  return { renderedAcceptText: t, renderedCancelText: e };
+}
+const Ts = /* @__PURE__ */ h({
+  __name: "AGForm",
+  props: { form: B() },
+  emits: ["submit"],
+  setup(r, { emit: t }) {
+    let e;
+    const s = r, n = t;
+    return ce((o) => {
+      var a;
+      e == null || e(), e = (a = s.form) == null ? void 0 : a.on("submit", () => n("submit")), o(() => e == null ? void 0 : e());
+    }), me("form", s.form), (o, a) => (c(), w("form", {
+      onSubmit: a[0] || (a[0] = xt((i) => {
+        var u;
+        return (u = r.form) == null ? void 0 : u.submit();
+      }, ["prevent"]))
+    }, [
+      $(o.$slots, "default")
+    ], 32));
+  }
+}), nt = {
+  name: g(),
+  label: g(),
+  description: g(),
+  modelValue: ye([String, Number, Boolean])
+}, Hs = ["update:modelValue"];
+function ot() {
+  return [...Hs];
+}
+function at() {
+  return nt;
+}
+function oo(r) {
+  return He(r, nt);
+}
+const it = /* @__PURE__ */ h({
+  __name: "AGHeadlessInput",
+  props: {
+    as: g("div"),
+    ...at()
+  },
+  emits: ["update:modelValue"],
+  setup(r, { expose: t, emit: e }) {
+    const s = e, n = r, o = P(), a = d(() => !i || !n.name ? null : i.errors[n.name] ?? null), i = ne("form", null), u = {
+      $el: o,
+      id: `input-${ue()}`,
+      name: d(() => n.name),
+      label: d(() => n.label),
+      description: d(() => n.description),
+      value: d(() => i && n.name ? i.getFieldValue(n.name) : n.modelValue),
+      errors: Fe(a),
+      required: d(() => !n.name || !i ? null : i.getFieldRules(n.name).includes("required")),
+      update(p) {
+        if (i && n.name) {
+          i.setFieldValue(n.name, p);
+          return;
+        }
+        s("update:modelValue", p);
+      },
+      __setElement(p) {
+        o.value = p;
+      }
+    };
+    return me("input", u), t(u), (p, v) => r.as ? (c(), _(W(r.as), { key: 0 }, {
+      default: f(() => [
+        $(p.$slots, "default")
+      ]),
+      _: 3
+    })) : $(p.$slots, "default", { key: 1 });
+  }
+}), Ls = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "AGHeadlessInputDescription",
+  setup(r) {
+    const t = R(
+      "input",
+      "<AGHeadlessInputDescription> must be a child of a <AGHeadlessInput>"
+    ), e = d(() => typeof t.description == "string" ? t.description : ""), s = d(() => !!t.description);
+    return (n, o) => $(n.$slots, "default", {
+      id: `${l(t).id}-description`
+    }, () => [
+      s.value ? (c(), _(T, H({ key: 0 }, n.$attrs, {
+        id: `${l(t).id}-description`,
+        text: e.value
+      }), null, 16, ["id", "text"])) : I("", !0)
+    ]);
+  }
+}), Rs = ["id"], lt = /* @__PURE__ */ h({
+  __name: "AGHeadlessInputError",
+  setup(r) {
+    const t = R(
+      "input",
+      "<AGHeadlessInputError> must be a child of a <AGHeadlessInput>"
+    ), e = d(() => t.errors ? x(`errors.${t.errors[0]}`, `Error: ${t.errors[0]}`) : null);
+    return (s, n) => e.value ? (c(), w("p", {
+      key: 0,
+      id: `${l(t).id}-error`
+    }, M(e.value), 9, Rs)) : I("", !0);
+  }
+});
+function ct(r, t) {
+  const e = ne("form", null), s = e == null ? void 0 : e.on("focus", (n) => r.name === n && t());
+  fe(() => s == null ? void 0 : s());
+}
+const js = ["id", "name", "type", "required", "aria-invalid", "aria-describedby", "checked"], ut = /* @__PURE__ */ h({
+  __name: "AGHeadlessInputInput",
+  props: {
+    type: g("text")
+  },
+  setup(r) {
+    const t = r, e = P(), s = R(
+      "input",
+      "<AGHeadlessInputInput> must be a child of a <AGHeadlessInput>"
+    ), n = d(() => s.name ?? void 0), o = d(() => s.value), a = d(() => {
+      if (t.type === "checkbox")
+        return !!o.value;
+    });
+    function i() {
+      e.value && s.update(u());
+    }
+    function u() {
+      if (!e.value)
+        return null;
+      switch (t.type) {
+        case "checkbox":
+          return e.value.checked;
+        case "date":
+          return e.value.valueAsDate;
+        default:
+          return e.value.value;
+      }
+    }
+    return ct(s, () => {
+      var p;
+      return (p = e.value) == null ? void 0 : p.focus();
+    }), ce(() => s.__setElement(e.value)), ce(() => {
+      if (e.value) {
+        if (t.type === "date") {
+          e.value.valueAsDate = o.value;
+          return;
+        }
+        e.value.value = o.value;
+      }
+    }), (p, v) => (c(), w("input", {
+      id: l(s).id,
+      ref_key: "$input",
+      ref: e,
+      name: n.value,
+      type: r.type,
+      required: l(s).required ?? void 0,
+      "aria-invalid": l(s).errors ? "true" : "false",
+      "aria-describedby": l(s).errors ? `${l(s).id}-error` : l(s).description ? `${l(s).id}-description` : void 0,
+      checked: a.value,
+      onInput: i
+    }, null, 40, js));
+  }
+}), qs = ["for"], dt = /* @__PURE__ */ h({
+  __name: "AGHeadlessInputLabel",
+  setup(r) {
+    const t = R(
+      "input",
+      "<AGHeadlessInputLabel> must be a child of a <AGHeadlessInput>"
+    ), e = St(), s = d(() => !!(t.label || e.default));
+    return (n, o) => s.value ? (c(), w("label", {
+      key: 0,
+      for: l(t).id
+    }, [
+      $(n.$slots, "default", {}, () => [
+        j(M(l(t).label), 1)
+      ])
+    ], 8, qs)) : I("", !0);
+  }
+}), Ds = { class: "absolute bottom-0 left-0 translate-y-full" }, Vs = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "AGInput",
+  props: at(),
+  emits: ot(),
+  setup(r) {
+    const t = r, e = Te(), [s, n] = Nr();
+    return (o, a) => (c(), _(it, H({
+      ref_key: "$input",
+      ref: e,
+      class: ["relative flex flex-col items-center", l(n)]
+    }, t, {
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => o.$emit("update:modelValue", i))
+    }), {
+      default: f(() => {
+        var i;
+        return [
+          m(dt, { class: "sr-only" }),
+          m(ut, H(l(s), {
+            class: ["block w-full border-0 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600", {
+              "ring-1 ring-red-500": (i = l(e)) == null ? void 0 : i.errors
+            }]
+          }), null, 16, ["class"]),
+          m(Ls),
+          y("div", Ds, [
+            m(lt, { class: "mt-1 text-sm text-red-500" })
+          ])
+        ];
+      }),
+      _: 1
+    }, 16, ["class"]));
+  }
+}), zs = {
+  required: (r) => r ? void 0 : "required"
+}, ie = { ...zs };
+function ao(r, t) {
+  ie[r] = t;
+}
+function Bs(r, t) {
+  var s;
+  const e = (s = ie[t]) == null ? void 0 : s.call(ie, r);
+  return e ? Ne(e) : [];
+}
+const D = {
+  String: "string",
+  Number: "number",
+  Boolean: "boolean",
+  Object: "object",
+  Date: "date"
+}, Ve = /* @__PURE__ */ new WeakMap();
+class Fs extends Ue {
+  constructor(e) {
+    super();
+    b(this, "errors");
+    b(this, "_fields");
+    b(this, "_data");
+    b(this, "_submitted");
+    b(this, "_errors");
+    b(this, "_listeners", {});
+    this._fields = e, this._submitted = P(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), Ve.set(
+      this,
+      d(() => !Object.values(this._errors).some((s) => s !== null))
+    ), this.errors = Fe(this._errors);
+  }
+  get valid() {
+    var e;
+    return !!((e = Ve.get(this)) != null && e.value);
+  }
+  get submitted() {
+    return this._submitted.value;
+  }
+  setFieldValue(e, s) {
+    const n = this._fields[e] ?? N(`Trying to set undefined '${q(e)}' field`);
+    this._data[e] = n.type === D.String && (n.trim ?? !0) ? q(s).trim() : s, this._submitted.value && this.validate();
+  }
+  getFieldValue(e) {
+    return this._data[e];
+  }
+  getFieldRules(e) {
+    var s, n;
+    return ((n = (s = this._fields[e]) == null ? void 0 : s.rules) == null ? void 0 : n.split("|")) ?? [];
+  }
+  data() {
+    return { ...this._data };
+  }
+  validate() {
+    const e = Object.entries(this._fields).reduce(
+      (s, [n, o]) => (s[n] = this.getFieldErrors(n, o), s),
+      {}
+    );
+    return this.resetErrors(e), this.valid;
+  }
+  reset(e = {}) {
+    this._submitted.value = !1, e.keepData || this.resetData(), e.keepErrors || this.resetErrors();
+  }
+  submit() {
+    var s;
+    this._submitted.value = !0;
+    const e = this.validate();
+    return e && ((s = this._listeners.submit) == null || s.forEach((n) => n())), e;
+  }
+  on(e, s) {
+    var n, o;
+    return (n = this._listeners)[e] ?? (n[e] = []), (o = this._listeners[e]) == null || o.push(s), () => this.off(e, s);
+  }
+  off(e, s) {
+    Pe(this._listeners[e] ?? [], s);
+  }
+  async focus(e) {
+    var s;
+    await ze(), (s = this._listeners.focus) == null || s.forEach((n) => n(e));
+  }
+  __get(e) {
+    return e in this._fields ? this.getFieldValue(e) : super.__get(e);
+  }
+  __set(e, s) {
+    if (!(e in this._fields)) {
+      super.__set(e, s);
+      return;
+    }
+    this.setFieldValue(e, s);
+  }
+  getFieldErrors(e, s) {
+    var i;
+    const n = [], o = this._data[e], a = ((i = s.rules) == null ? void 0 : i.split("|")) ?? [];
+    for (const u of a)
+      u !== "required" && o == null || n.push(...Bs(o, u));
+    return n.length > 0 ? n : null;
+  }
+  getInitialData(e) {
+    if (this.static().isConjuring())
+      return {};
+    const s = Object.entries(e).reduce((n, [o, a]) => (n[o] = a.default ?? null, n), {});
+    return le(s);
+  }
+  getInitialErrors(e) {
+    if (this.static().isConjuring())
+      return {};
+    const s = Object.keys(e).reduce((n, o) => (n[o] = null, n), {});
+    return le(s);
+  }
+  resetData() {
+    for (const [e, s] of Object.entries(this._fields))
+      this._data[e] = s.default ?? null;
+  }
+  resetErrors(e) {
+    Object.keys(this._errors).forEach((s) => delete this._errors[s]), e && Object.assign(this._errors, e);
+  }
+}
+function Us(r) {
+  return new Fs(r);
+}
+function io(r, t = {}) {
+  return {
+    default: r,
+    type: D.Boolean,
+    rules: t.rules
+  };
+}
+function lo(r, t = {}) {
+  return {
+    default: r,
+    type: D.Date,
+    rules: t.rules
+  };
+}
+function co(r) {
+  return {
+    default: r,
+    type: D.Boolean,
+    rules: "required"
+  };
+}
+function uo(r) {
+  return {
+    default: r,
+    type: D.Date,
+    rules: "required"
+  };
+}
+function po(r) {
+  return {
+    default: r,
+    type: D.Number,
+    rules: "required"
+  };
+}
+function Ns(r) {
+  return {
+    default: r,
+    type: D.String,
+    rules: "required"
+  };
+}
+function fo(r, t = {}) {
+  return {
+    default: r,
+    type: D.Number,
+    rules: t.rules
+  };
+}
+function mo(r, t = {}) {
+  return {
+    default: r,
+    type: D.String,
+    rules: t.rules
+  };
+}
+const Ws = { class: "mt-2 flex flex-row-reverse gap-2" }, Ks = /* @__PURE__ */ h({
+  __name: "AGPromptModal",
+  props: Gs(),
+  setup(r) {
+    const t = r, e = Us({ draft: Ns(t.defaultValue ?? "") }), { renderedAcceptText: s, renderedCancelText: n } = Is(t);
+    return (o, a) => (c(), _(oe, {
+      cancellable: !1,
+      title: o.title
+    }, {
+      default: f(({ close: i }) => [
+        m(T, { text: o.message }, null, 8, ["text"]),
+        m(Ts, {
+          form: l(e),
+          onSubmit: (u) => i(l(e).draft)
+        }, {
+          default: f(() => [
+            m(Vs, {
+              name: "draft",
+              placeholder: o.placeholder,
+              label: o.label
+            }, null, 8, ["placeholder", "label"]),
+            y("div", Ws, [
+              m(L, {
+                color: o.acceptColor,
+                submit: ""
+              }, {
+                default: f(() => [
+                  j(M(l(s)), 1)
+                ]),
+                _: 1
+              }, 8, ["color"]),
+              m(L, {
+                color: o.cancelColor,
+                onClick: (u) => i()
+              }, {
+                default: f(() => [
+                  j(M(l(n)), 1)
+                ]),
+                _: 2
+              }, 1032, ["color", "onClick"])
+            ])
+          ]),
+          _: 2
+        }, 1032, ["form", "onSubmit"])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Js = { class: "pointer-events-auto" }, Os = /* @__PURE__ */ h({
+  __name: "AGHeadlessSnackbar",
+  setup(r) {
+    return (t, e) => (c(), w("div", Js, [
+      $(t.$slots, "default")
+    ]));
+  }
+}), Qs = Ke(k, ["Primary", "Clear"]), Xs = {
+  id: re(),
+  message: re(),
+  actions: ur(() => []),
+  color: X(Qs, k.Secondary)
+};
+function Ys() {
+  return Xs;
+}
+function Zs(r) {
+  function t(e) {
+    var s;
+    (s = e.handler) == null || s.call(e), e.dismiss && G.hideSnackbar(r.id);
+  }
+  return { activate: t };
+}
+const en = /* @__PURE__ */ h({
+  __name: "AGSnackbar",
+  props: Ys(),
+  setup(r) {
+    const t = r, { activate: e } = Zs(t), s = d(() => {
+      switch (t.color) {
+        case k.Danger:
+          return "bg-red-200 text-red-900";
+        default:
+        case k.Secondary:
+          return "bg-gray-900 text-white";
+      }
+    });
+    return (n, o) => (c(), _(Os, {
+      class: F(["flex flex-row items-center justify-center gap-3 p-4", s.value])
+    }, {
+      default: f(() => [
+        m(T, {
+          text: n.message,
+          inline: ""
+        }, null, 8, ["text"]),
+        (c(!0), w(Y, null, he(n.actions, (a, i) => (c(), _(L, {
+          key: i,
+          color: n.color,
+          onClick: (u) => l(e)(a)
+        }, {
+          default: f(() => [
+            j(M(a.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["color", "onClick"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), tn = { class: "grid grow place-items-center" }, rn = { class: "flex flex-col items-center space-y-6 p-8" }, sn = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, nn = { class: "mt-4 flex flex-col space-y-4" }, on = /* @__PURE__ */ h({
+  __name: "AGStartupCrash",
+  setup(r) {
+    return (t, e) => (c(), w("div", tn, [
+      y("div", rn, [
+        y("h1", sn, M(t.$td("startupCrash.title", "Something went wrong!")), 1),
+        m(T, {
+          text: t.$td(
+            "startupCrash.message",
+            `Something failed trying to start the application.
+
+Here's some things you can do:`
+          ),
+          class: "mt-4 text-center"
+        }, null, 8, ["text"]),
+        y("div", nn, [
+          m(L, {
+            color: "danger",
+            onClick: e[0] || (e[0] = (s) => t.$app.reload())
+          }, {
+            default: f(() => [
+              j(M(t.$td("startupCrash.reload", "Try again")), 1)
+            ]),
+            _: 1
+          }),
+          m(L, {
+            color: "danger",
+            onClick: e[1] || (e[1] = (s) => t.$errors.inspect(t.$errors.startupErrors))
+          }, {
+            default: f(() => [
+              j(M(t.$td("startupCrash.inspect", "View error details")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])
+    ]));
+  }
+}), an = { $ui: G }, ln = {
+  async install(r, t) {
+    const e = {
+      [C.AlertModal]: Jr,
+      [C.ConfirmModal]: es,
+      [C.ErrorReportModal]: ks,
+      [C.LoadingModal]: Ms,
+      [C.PromptModal]: Ks,
+      [C.Snackbar]: en,
+      [C.StartupCrash]: on
+    };
+    Object.entries({
+      ...e,
+      ...t.components
+    }).forEach(([s, n]) => G.registerComponent(s, n)), await $e(r, an);
+  }
+};
+async function cn(r, t = {}) {
+  var s;
+  const e = [Lr, hr, Ir, Hr, yr, ln, ...t.plugins ?? []];
+  z.instance = r, await cr(e, r, t), await ((s = t.install) == null ? void 0 : s.call(t, r)), await S.emit("application-ready");
+}
+async function ho(r, t = {}) {
+  var s;
+  const e = kt(r);
+  Q() && (window.$aerogel = e), await cn(e, t), e.mount("#app"), (s = e._container) == null || s.classList.remove("loading"), await S.emit("application-mounted");
+}
+const un = { key: 0 }, dn = /* @__PURE__ */ h({
+  __name: "AGAppModals",
+  setup(r) {
+    const t = d(() => G.modals[0] ?? null);
+    return (e, s) => t.value ? (c(), w("aside", un, [
+      m(rt, {
+        "child-index": 1,
+        modal: t.value
+      }, null, 8, ["modal"])
+    ])) : I("", !0);
+  }
+}), pn = (r, t) => {
+  const e = r.__vccOpts || r;
+  for (const [s, n] of t)
+    e[s] = n;
+  return e;
+}, fn = {}, mn = {
+  "aria-live": "assertive",
+  class: "pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 sm:p-6"
+}, hn = { class: "flex w-full flex-col items-end space-y-4" };
+function gn(r, t) {
+  return c(), w("div", mn, [
+    y("div", hn, [
+      (c(!0), w(Y, null, he(r.$ui.snackbars, (e) => (c(), _(W(e.component), H({
+        id: e.id,
+        key: e.id,
+        ref_for: !0
+      }, e.properties), null, 16, ["id"]))), 128))
+    ])
+  ]);
+}
+const _n = /* @__PURE__ */ pn(fn, [["render", gn]]), vn = /* @__PURE__ */ h({
+  __name: "AGAppOverlays",
+  setup(r) {
+    const t = P(null), e = P(!0);
+    return ee("show-overlays-backdrop", async () => {
+      !t.value || !e.value || (e.value = !1, t.value.classList.remove("opacity-0"));
+    }), ee("hide-overlays-backdrop", async () => {
+      !t.value || e.value || (e.value = !0, t.value.classList.add("opacity-0"));
+    }), (s, n) => (c(), w(Y, null, [
+      y("div", {
+        id: "aerogel-overlays-backdrop",
+        ref_key: "$backdrop",
+        ref: t,
+        class: "pointer-events-none fixed inset-0 z-50 bg-black/30 opacity-0"
+      }, null, 512),
+      m(dn),
+      m(_n)
+    ], 64));
+  }
+}), bn = { class: "flex min-h-full flex-col text-base font-normal leading-tight text-gray-900 antialiased" }, go = /* @__PURE__ */ h({
+  __name: "AGAppLayout",
+  setup(r) {
+    return (t, e) => (c(), w("div", bn, [
+      t.$errors.hasStartupErrors ? $(t.$slots, "startup-crash", { key: 0 }, () => [
+        (c(), _(W(t.$ui.requireComponent(l(C).StartupCrash))))
+      ]) : $(t.$slots, "default", { key: 1 }),
+      m(vn)
+    ]));
+  }
+}), yn = { class: "ml-2" }, _o = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "AGCheckbox",
+  props: { name: g() },
+  emits: ot(),
+  setup(r) {
+    const t = Te();
+    return (e, s) => (c(), _(it, {
+      ref_key: "$input",
+      ref: t,
+      name: r.name,
+      class: "flex",
+      "onUpdate:modelValue": s[0] || (s[0] = (n) => e.$emit("update:modelValue", n))
+    }, {
+      default: f(() => {
+        var n, o;
+        return [
+          m(ut, H(e.$attrs, {
+            type: "checkbox",
+            class: {
+              "text-indigo-600 focus:ring-indigo-600": !((n = l(t)) != null && n.errors),
+              "border-red-200 text-red-600 focus:ring-red-600": (o = l(t)) == null ? void 0 : o.errors
+            }
+          }), null, 16, ["class"]),
+          y("div", yn, [
+            e.$slots.default ? (c(), _(dt, { key: 0 }, {
+              default: f(() => [
+                $(e.$slots, "default")
+              ]),
+              _: 3
+            })) : I("", !0),
+            m(lt, { class: "text-sm text-red-600" })
+          ])
+        ];
+      }),
+      _: 3
+    }, 8, ["name"]));
+  }
+}), wn = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function $n(r, t) {
+  return c(), w("svg", wn, t[0] || (t[0] = [
+    y("path", {
+      fill: "currentColor",
+      d: "m9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828L5.757 6.586L4.343 8z"
+    }, null, -1)
+  ]));
+}
+const xn = { name: "zondicons-cheveron-down", render: $n }, pt = {
+  name: g(),
+  label: g(),
+  options: Qe(),
+  noSelectionText: g(),
+  optionsText: ye()
+}, Sn = ["update:modelValue"];
+function ft() {
+  return pt;
+}
+function mt() {
+  return [...Sn];
+}
+function vo(r) {
+  return He(r, pt);
+}
+const kn = /* @__PURE__ */ h({
+  __name: "AGHeadlessSelect",
+  props: {
+    modelValue: ye(),
+    ...ft()
+  },
+  emits: mt(),
+  setup(r, { expose: t, emit: e }) {
+    const s = e, n = r, o = d(() => typeof n.optionsText == "function" ? n.optionsText : typeof n.optionsText == "string" ? (A) => q(A[n.optionsText]) : (A) => q(A)), a = ne("form", null), i = d(() => n.noSelectionText ?? x("select.noSelection", "-")), u = d(
+      () => a && n.name ? a.getFieldValue(n.name) : n.modelValue
+    ), p = d(() => !a || !n.name ? null : a.errors[n.name] ?? null);
+    function v(A) {
+      if (a && n.name) {
+        a.setFieldValue(n.name, A);
+        return;
+      }
+      s("update:modelValue", A);
+    }
+    const E = {
+      id: `select-${ue()}`,
+      noSelectionText: i,
+      selectedOption: u,
+      errors: p,
+      options: d(() => n.options),
+      label: d(() => n.label),
+      buttonText: d(() => u.value === null ? i.value : o.value(u.value)),
+      renderText: o,
+      update: v
+    };
+    return me("select", E), t(E), (A, ae) => (c(), _(l(Kt), {
+      "model-value": u.value,
+      "onUpdate:modelValue": ae[0] || (ae[0] = (xe) => v(xe))
+    }, {
+      default: f(({ open: xe }) => [
+        $(A.$slots, "default", {
+          modelValue: r.modelValue,
+          open: xe
+        })
+      ]),
+      _: 3
+    }, 8, ["model-value"]));
+  }
+}), An = /* @__PURE__ */ h({
+  __name: "AGHeadlessSelectTrigger",
+  props: { textClass: g() },
+  setup(r) {
+    const t = R(
+      "select",
+      "<AGHeadlessSelectTrigger> must be a child of a <AGHeadlessSelect>"
+    );
+    return (e, s) => (c(), _(l(Jt), null, {
+      default: f(() => [
+        m(l(Ot), null, {
+          default: f(() => [
+            $(e.$slots, "default", {}, () => {
+              var n;
+              return [
+                y("span", {
+                  class: F(r.textClass)
+                }, M((n = l(t)) == null ? void 0 : n.buttonText), 3)
+              ];
+            }),
+            $(e.$slots, "icon")
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), Cn = ["id"], Pn = /* @__PURE__ */ h({
+  __name: "AGHeadlessSelectError",
+  setup(r) {
+    const t = R(
+      "select",
+      "<AGHeadlessSelectError> must be a child of a <AGHeadlessSelect>"
+    ), e = d(() => t.errors ? x(`errors.${t.errors[0]}`, `Error: ${t.errors[0]}`) : null);
+    return (s, n) => e.value ? (c(), w("p", {
+      key: 0,
+      id: `${l(t).id}-error`
+    }, M(e.value), 9, Cn)) : I("", !0);
+  }
+}), Mn = /* @__PURE__ */ h({
+  __name: "AGHeadlessSelectOption",
+  props: {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    value: pr(),
+    selectedClass: g(),
+    unselectedClass: g(),
+    activeClass: g(),
+    inactiveClass: g()
+  },
+  setup(r) {
+    const t = R(
+      "select",
+      "<AGHeadlessSelectOption> must be a child of a <AGHeadlessSelect>"
+    );
+    return (e, s) => (c(), _(l(Qt), {
+      value: r.value,
+      as: "template"
+    }, {
+      default: f(() => [
+        m(l(Xt), null, {
+          default: f(() => [
+            $(e.$slots, "default", {}, () => [
+              j(M(l(t).renderText(r.value)), 1)
+            ])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["value"]));
+  }
+}), En = /* @__PURE__ */ h({
+  __name: "AGHeadlessSelectOptions",
+  props: { class: g("") },
+  setup(r) {
+    const t = r, e = d(() => t.class);
+    return (s, n) => (c(), _(l(Yt), null, {
+      default: f(() => [
+        m(l(Zt), {
+          class: F(e.value)
+        }, {
+          default: f(() => [
+            m(l(er), null, {
+              default: f(() => [
+                $(s.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+}), Gn = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" }, bo = /* @__PURE__ */ h({
+  __name: "AGSelect",
+  props: ft(),
+  emits: mt(),
+  setup(r) {
+    const t = r, e = Te();
+    return (s, n) => (c(), _(kn, H(t, {
+      ref_key: "$select",
+      ref: e,
+      as: "div",
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => s.$emit("update:modelValue", o))
+    }), {
+      default: f(() => {
+        var o, a;
+        return [
+          y("div", {
+            class: F(["relative", { "mt-2": (o = l(e)) == null ? void 0 : o.label }])
+          }, [
+            m(An, {
+              class: F(["relative w-full cursor-default bg-white py-1.5 pr-10 pl-3 text-left text-gray-900 ring-1 ring-gray-300 ring-inset focus:ring-2 focus:ring-indigo-600 focus:outline-hidden", {
+                "ring-1 ring-red-500": (a = l(e)) == null ? void 0 : a.errors
+              }]),
+              "text-class": "block truncate"
+            }, {
+              icon: f(() => [
+                y("span", Gn, [
+                  m(l(xn), { class: "size-5 text-gray-400" })
+                ])
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            m(En, { class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto border border-gray-300 bg-white py-1 text-base ring-1 ring-black/5 focus:outline-hidden" }, {
+              default: f(() => {
+                var i;
+                return [
+                  (c(!0), w(Y, null, he(((i = l(e)) == null ? void 0 : i.options) ?? [], (u, p) => (c(), _(Mn, {
+                    key: p,
+                    value: u,
+                    class: "relative block cursor-default truncate py-2 pr-9 pl-3 text-gray-900 select-none data-[highlighted]:bg-indigo-600 data-[highlighted]:text-white data-[state=checked]:font-semibold data-[state=unchecked]:font-normal"
+                  }, null, 8, ["value"]))), 128))
+                ];
+              }),
+              _: 1
+            })
+          ], 2),
+          m(Pn, { class: "mt-2 text-sm text-red-600" })
+        ];
+      }),
+      _: 1
+    }, 16));
+  }
+}), In = ["id", "name", "required", "value", "aria-invalid", "aria-describedby"], yo = /* @__PURE__ */ h({
+  __name: "AGHeadlessInputTextArea",
+  setup(r) {
+    const t = P(), e = R(
+      "input",
+      "<AGHeadlessInputTextArea> must be a child of a <AGHeadlessInput>"
+    ), s = d(() => e.name ?? void 0), n = d(() => e.value);
+    function o() {
+      t.value && e.update(t.value.value);
+    }
+    return ce(() => e.__setElement(t.value)), ct(e, () => {
+      var a;
+      return (a = t.value) == null ? void 0 : a.focus();
+    }), (a, i) => (c(), w("textarea", {
+      id: l(e).id,
+      ref_key: "$textArea",
+      ref: t,
+      name: s.value,
+      required: l(e).required ?? void 0,
+      value: n.value,
+      "aria-invalid": l(e).errors ? "true" : "false",
+      "aria-describedby": l(e).errors ? `${l(e).id}-error` : l(e).description ? `${l(e).id}-description` : void 0,
+      onInput: o
+    }, null, 40, In));
+  }
+}), wo = /* @__PURE__ */ h({
+  __name: "AGErrorMessage",
+  props: { error: we() },
+  setup(r) {
+    const t = r, e = d(() => Pr(t.error));
+    return (s, n) => (c(), _(T, {
+      text: e.value,
+      inline: ""
+    }, null, 8, ["text"]));
+  }
+}), $o = /* @__PURE__ */ h({
+  __name: "AGLink",
+  setup(r) {
+    return (t, e) => (c(), _(st, { class: "font-medium hover:underline" }, {
+      default: f(() => [
+        $(t.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+}), xo = /* @__PURE__ */ h({
+  __name: "AGMeasured",
+  props: { as: g("span") },
+  setup(r) {
+    const t = P(!1);
+    return (e, s) => {
+      const n = At("measure");
+      return Ct((c(), _(W(r.as), {
+        class: F({ "invisible! absolute! w-auto!": !t.value })
+      }, {
+        default: f(() => [
+          $(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"])), [
+        [n, () => t.value = !0]
+      ]);
+    };
+  }
+}), Tn = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Hn = { class: "sr-only" }, So = /* @__PURE__ */ h({
+  __name: "AGProgressBar",
+  props: {
+    progress: te(),
+    barClass: g(""),
+    job: B()
+  },
+  setup(r) {
+    const t = r;
+    let e;
+    const s = P(0), n = d(() => {
+      const a = t.barClass ?? "";
+      return `size-full transition-transform duration-500 ease-linear ${a.includes("bg-") ? a : `${a} bg-gray-700`}`;
+    }), o = d(() => typeof t.progress == "number" ? t.progress : s.value);
+    return Ee(
+      () => t.job,
+      () => {
+        var a, i;
+        e == null || e(), s.value = ((a = t.job) == null ? void 0 : a.progress) ?? 0, e = (i = t.job) == null ? void 0 : i.listeners.add({ onUpdated: (u) => s.value = u });
+      },
+      { immediate: !0 }
+    ), fe(() => e == null ? void 0 : e()), (a, i) => (c(), w("div", Tn, [
+      y("div", {
+        class: F(n.value),
+        style: Pt(`transform:translateX(-${(1 - o.value) * 100}%)`)
+      }, null, 6),
+      y("span", Hn, M(a.$td("ui.progress", "{progress}% complete", {
+        progress: o.value * 100
+      })), 1)
+    ]));
+  }
+}), ko = /* @__PURE__ */ h({
+  __name: "AGModalTitle",
+  setup(r) {
+    return (t, e) => (c(), _(l(Je), { class: "mb-2 font-semibold" }, {
+      default: f(() => [
+        $(t.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+class Ao {
+  constructor() {
+    b(this, "status");
+    b(this, "_listeners");
+    b(this, "_progress");
+    b(this, "_cancelled");
+    b(this, "_started");
+    b(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new qt(), this._started = new U(), this._completed = new U();
+  }
+  async start() {
+    this.beforeStart(), this._started.resolve();
+    try {
+      await this.updateProgress(), await this.run(), await this.updateProgress(), this._completed.resolve();
+    } catch (t) {
+      if (t instanceof De)
+        return;
+      throw K(Dt(t), (e) => {
+        this._completed.reject(e);
+      });
+    }
+  }
+  async cancel() {
+    this._cancelled = new U(), await this._cancelled;
+  }
+  serialize() {
+    return this.serializeStatus(this.status);
+  }
+  get listeners() {
+    return this._listeners;
+  }
+  get progress() {
+    return this._progress ?? 0;
+  }
+  get cancelled() {
+    var t;
+    return !!((t = this._cancelled) != null && t.isResolved());
+  }
+  get started() {
+    return this._started;
+  }
+  get completed() {
+    return this._completed;
+  }
+  getInitialStatus() {
+    return { completed: !1 };
+  }
+  beforeStart() {
+    if (this._started.isResolved()) {
+      if (this._cancelled) {
+        delete this._progress, delete this._cancelled;
+        return;
+      }
+      throw new Error("Job already started!");
+    }
+  }
+  assertNotCancelled() {
+    if (this._cancelled)
+      throw this._cancelled.resolve(), new De();
+  }
+  calculateCurrentProgress(t) {
+    return t ?? (t = this.status), t.completed ? 1 : t.children ? Vt(
+      t.children.reduce((e, s) => e + this.calculateCurrentProgress(s), 0) / t.children.length,
+      2
+    ) : 0;
+  }
+  async updateProgress(t) {
+    await (t == null ? void 0 : t(this.status));
+    const e = this.calculateCurrentProgress();
+    e !== this._progress && (this._progress = e, await this._listeners.emit("onUpdated", e));
+  }
+  serializeStatus(t) {
+    return { ...t };
+  }
+}
+async function Co(r) {
+  await r.start();
+}
+export {
+  Jr as AGAlertModal,
+  go as AGAppLayout,
+  vn as AGAppOverlays,
+  L as AGButton,
+  _o as AGCheckbox,
+  es as AGConfirmModal,
+  wo as AGErrorMessage,
+  ys as AGErrorReportModalButtons,
+  ws as AGErrorReportModalTitle,
+  Ts as AGForm,
+  st as AGHeadlessButton,
+  it as AGHeadlessInput,
+  Ls as AGHeadlessInputDescription,
+  lt as AGHeadlessInputError,
+  ut as AGHeadlessInputInput,
+  dt as AGHeadlessInputLabel,
+  yo as AGHeadlessInputTextArea,
+  Dr as AGHeadlessModal,
+  Vr as AGHeadlessModalContent,
+  Eo as AGHeadlessModalTitle,
+  kn as AGHeadlessSelect,
+  Pn as AGHeadlessSelectError,
+  Mn as AGHeadlessSelectOption,
+  En as AGHeadlessSelectOptions,
+  An as AGHeadlessSelectTrigger,
+  Os as AGHeadlessSnackbar,
+  Vs as AGInput,
+  $o as AGLink,
+  Ms as AGLoadingModal,
+  T as AGMarkdown,
+  xo as AGMeasured,
+  oe as AGModal,
+  rt as AGModalContext,
+  ko as AGModalTitle,
+  So as AGProgressBar,
+  Ks as AGPromptModal,
+  bo as AGSelect,
+  en as AGSnackbar,
+  on as AGStartupCrash,
+  z as App,
+  lr as AppService,
+  Yn as Cache,
+  gr as CacheService,
+  k as Colors,
+  et as Errors,
+  Un as EventListenerPriorities,
+  S as Events,
+  ar as EventsService,
+  Fs as Form,
+  D as FormFieldTypes,
+  Ao as Job,
+  De as JobCancelledError,
+  se as Lang,
+  pe as Layouts,
+  Xe as MOBILE_BREAKPOINT,
+  ve as Service,
+  Me as ServiceBootError,
+  Qs as SnackbarColors,
+  vr as Storage,
+  G as UI,
+  C as UIComponents,
+  $r as UIService,
+  Wr as alertModalProps,
+  ur as arrayProp,
+  io as booleanInput,
+  be as booleanProp,
+  $e as bootServices,
+  ho as bootstrap,
+  cn as bootstrapApplication,
+  Te as componentRef,
+  Wn as computedAsync,
+  Or as confirmModalProps,
+  lo as dateInput,
+  Kn as defineDirective,
+  ao as defineFormValidationRule,
+  Nn as definePlugin,
+  _e as defineServiceState,
+  or as defineServiceStore,
+  Co as dispatch,
+  Yr as elementRef,
+  X as enumProp,
+  is as errorReportModalProps,
+  oo as extractInputProps,
+  to as extractModalProps,
+  vo as extractSelectProps,
+  Ye as getCurrentLayout,
+  Pr as getErrorMessage,
+  nr as getPiniaStore,
+  Jn as injectOrFail,
+  dr as injectReactive,
+  R as injectReactiveOrFail,
+  Hs as inputEmits,
+  nt as inputProps,
+  cr as installPlugins,
+  On as listenerProp,
+  As as loadingModalProps,
+  ye as mixedProp,
+  qr as modalExpose,
+  Le as modalProps,
+  fo as numberInput,
+  te as numberProp,
+  B as objectProp,
+  ro as onCleanMounted,
+  ct as onFormFocus,
+  so as persistent,
+  Es as promptModalProps,
+  eo as registerErrorHandler,
+  no as removeInteractiveClasses,
+  Fr as renderMarkdown,
+  Zn as replaceExisting,
+  Qe as requiredArrayProp,
+  co as requiredBooleanInput,
+  uo as requiredDateInput,
+  Qn as requiredEnumProp,
+  pr as requiredMixedProp,
+  po as requiredNumberInput,
+  Xn as requiredNumberProp,
+  we as requiredObjectProp,
+  Ns as requiredStringInput,
+  re as requiredStringProp,
+  sr as resetPiniaStore,
+  Ur as safeHtml,
+  Sn as selectEmits,
+  pt as selectProps,
+  Xs as snackbarProps,
+  mo as stringInput,
+  g as stringProp,
+  Ze as translate,
+  x as translateWithDefault,
+  Kr as useAlertModalProps,
+  Xr as useConfirmModal,
+  Qr as useConfirmModalProps,
+  cs as useErrorReportModal,
+  ls as useErrorReportModalProps,
+  ee as useEvent,
+  Us as useForm,
+  Nr as useInputAttrs,
+  ot as useInputEmits,
+  at as useInputProps,
+  Ps as useLoadingModal,
+  Cs as useLoadingModalProps,
+  Is as usePromptModal,
+  Gs as usePromptModalProps,
+  mt as useSelectEmits,
+  ft as useSelectProps,
+  Zs as useSnackbar,
+  Ys as useSnackbarProps,
+  Bs as validate,
+  ie as validators
+};
+//# sourceMappingURL=aerogel-core.js.map