@aerogel/core 0.0.0-next.d7394c3aa6aac799b0971e63819a8713d05a5123 → 0.0.0-next.eed7a057cf5b844cd9f7fc6bda2d8df49fcd6736

package/dist/aerogel-core.js

@@ -0,0 +1,2789 @@
+var wt = Object.defineProperty;
+var $t = (r, t, e) => t in r ? wt(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var v = (r, t, e) => $t(r, typeof t != "symbol" ? t + "" : t, e);
+import { ref as E, computed as d, watch as Ee, inject as ae, reactive as ce, markRaw as Te, nextTick as Ve, onUnmounted as he, useAttrs as Be, onMounted as xt, toRaw as St, defineComponent as f, toRef as ue, createBlock as _, openBlock as l, resolveDynamicComponent as j, withCtx as m, renderSlot as $, unref as c, provide as _e, normalizeProps as ze, guardReactiveProps as Fe, createElementBlock as w, createCommentVNode as L, Fragment as K, createElementVNode as b, createVNode as h, normalizeClass as q, h as kt, mergeProps as T, customRef as At, createTextVNode as D, toDisplayString as P, renderList as ge, watchEffect as de, withModifiers as Ct, readonly as Ue, useSlots as Ne, createApp as Pt, resolveDirective as Mt, withDirectives as Et, normalizeStyle as Gt } from "vue";
+import { JSError as ve, tap as O, MagicObject as We, PromisedValue as N, Storage as z, objectOnly as ee, arrayFrom as Ke, isEmpty as ke, objectDeepClone as Lt, fail as W, facade as J, arrayRemove as Pe, getEnv as Ht, updateLocationQueryParameters as It, forever as Tt, toString as V, isDevelopment as X, isTesting as Ge, after as Re, uuid as pe, required as Rt, isObject as fe, objectWithoutEmpty as Oe, objectWithout as Je, noop as jt, stringMatchAll as qt, isInstanceOf as Dt, stringExcerpt as Vt, ListenersManager as Bt, toError as zt, round as Ft } from "@noeldemartin/utils";
+import Q from "virtual:aerogel";
+import { createPinia as Ut, setActivePinia as Nt, defineStore as Wt } from "pinia";
+import { Dialog as Kt, DialogPanel as Ot, DialogTitle as Jt, Listbox as Qt, ListboxButton as Xt, ListboxLabel as Yt, ListboxOption as Zt, ListboxOptions as er } from "@headlessui/vue";
+import { ListboxOptions as Go } from "@headlessui/vue";
+import tr from "dompurify";
+import { marked as rr, Renderer as je } from "marked";
+class Me extends ve {
+  constructor(t, e) {
+    super(`Service '${t}' failed booting`, { cause: e });
+  }
+}
+let Le = null;
+function Qe() {
+  return Le ?? sr();
+}
+function sr() {
+  return O(Ut(), (r) => {
+    Le = r, Nt(r);
+  });
+}
+function nr() {
+  return Le ?? Qe();
+}
+function or(r, t) {
+  return Qe(), Wt(r, t)();
+}
+function be(r) {
+  var t;
+  return t = class extends ye {
+    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;
+    }
+  }, v(t, "persist", r.persist ?? []), t;
+}
+var Ce;
+let ye = (Ce = class extends We {
+  constructor() {
+    super();
+    v(this, "_name");
+    v(this, "_booted");
+    v(this, "_computedStateKeys");
+    v(this, "_watchers");
+    v(this, "_store");
+    const e = this.getComputedStateDefinition();
+    this._name = this.getName() ?? new.target.name, this._booted = new N(), 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 z.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 = ee(this._store.$state, Object.keys(n));
+    Object.assign(this._store.$state, n), this.onStateUpdated(n, o);
+  }
+  updatePersistedState(e) {
+    if (!this._store)
+      return;
+    const s = Ke(e), n = ee(this._store.$state, s);
+    ke(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 = ee(e, this.static("persist"));
+    ke(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 = z.get(this._name);
+    s && z.set(this._name, {
+      ...s,
+      ...this.serializePersistedState(Lt(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() || ke(this.static("persist")))) {
+      if (z.has(this._name)) {
+        const e = z.require(this._name);
+        this.setState(this.deserializePersistedState(e));
+        return;
+      }
+      z.set(this._name, ee(this.getState(), this.static("persist")));
+    }
+  }
+  requireStore() {
+    return this._store ? this._store : W(`Failed getting '${this._name}' store`);
+  }
+}, v(Ce, "persist", []), Ce);
+const Nn = {
+  Low: -256,
+  Default: 0,
+  High: 256
+};
+class ar extends ye {
+  constructor() {
+    super(...arguments);
+    v(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 O(
+      () => 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, k;
+    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) ?? W(`priorities missing for event '${e}'`), i = ((p = this.listeners[e]) == null ? void 0 : p.handlers) ?? W(`handlers missing for event '${e}'`);
+    a.includes(o) || (a.push(o), a.sort((y, A) => A - y), i[o] = []), (k = i[o]) == null || k.push(n);
+  }
+}
+const S = J(ar), ir = be({
+  name: "app",
+  initialState: {
+    plugins: {},
+    instance: null,
+    environment: Ht() ?? "development",
+    version: Q.version,
+    sourceUrl: Q.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." + Q.sourceHash.toString().substring(0, 7) : this.staging ? "staging." + Q.sourceHash.toString().substring(0, 7) : `v${r.version}`;
+    },
+    versionUrl(r) {
+      return r.sourceUrl + (this.development || this.staging ? `/tree/${Q.sourceHash}` : `/releases/tag/${this.versionName}`);
+    }
+  }
+});
+class lr extends ir {
+  constructor() {
+    super(...arguments);
+    v(this, "name", Q.name);
+    v(this, "ready", new N());
+    v(this, "mounted", new N());
+  }
+  isReady() {
+    return this.ready.isResolved();
+  }
+  isMounted() {
+    return this.mounted.isResolved();
+  }
+  async whenReady(e) {
+    return await this.ready.then(e);
+  }
+  async reload(e) {
+    e && It(e), location.reload(), await Tt();
+  }
+  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 F = J(lr);
+function Wn(r) {
+  return r;
+}
+async function cr(r, ...t) {
+  F.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 re(r = !1) {
+  return {
+    type: Boolean,
+    default: r
+  };
+}
+function He() {
+  return E();
+}
+function Kn(r) {
+  const t = E(), e = d(r);
+  return Ee(e, async () => t.value = await e.value, { immediate: !0 }), t;
+}
+function On(r) {
+  return r;
+}
+function Y(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 = ae(r);
+  return t ? ce(t) : void 0;
+}
+function H(r, t) {
+  return dr(r) ?? W(t ?? `Could not resolve '${V(r)}' injection key`);
+}
+function Jn(r, t) {
+  return ae(r) ?? W(t ?? `Could not resolve '${V(r)}' injection key`);
+}
+function Qn() {
+  return {
+    type: Function,
+    default: null
+  };
+}
+function we(r, t) {
+  return {
+    type: r,
+    default: t ?? null
+  };
+}
+function se(r = null) {
+  return {
+    type: Number,
+    default: r
+  };
+}
+function U(r = null) {
+  return {
+    type: Object,
+    default: r
+  };
+}
+function Xe() {
+  return {
+    type: Array,
+    required: !0
+  };
+}
+function Xn(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 Yn() {
+  return {
+    type: Number,
+    required: !0
+  };
+}
+function $e() {
+  return {
+    type: Object,
+    required: !0
+  };
+}
+function ne() {
+  return {
+    type: String,
+    required: !0
+  };
+}
+function g(r = null) {
+  return {
+    type: String,
+    default: r
+  };
+}
+const Ae = /* @__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 });
+    };
+    Ae.set(r, O(new ResizeObserver(s)).observe(r)), s();
+  },
+  unmounted(r) {
+    var t;
+    (t = Ae.get(r)) == null || t.unobserve(r), Ae.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 _r extends ye {
+  constructor() {
+    super(...arguments);
+    v(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 ?? O(new N(), (e) => {
+      caches.open("app").then((s) => e.resolve(s));
+    });
+  }
+}
+const Zn = J(_r);
+class gr extends ye {
+  async purge() {
+    await S.emit("purge-storage");
+  }
+}
+const vr = J(gr);
+function eo(r, t) {
+  return {
+    ...r,
+    ...ee(t, Object.keys(r))
+  };
+}
+const br = {
+  $app: F,
+  $events: S,
+  $storage: vr
+};
+async function xe(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), (X() || Ge()) && Object.assign(globalThis, t);
+}
+const yr = {
+  async install(r, t) {
+    const e = {
+      ...br,
+      ...t.services
+    };
+    r.use(nr()), await xe(r, e);
+  }
+}, Ye = 768, me = {
+  Mobile: "mobile",
+  Desktop: "desktop"
+};
+function Ze() {
+  return globalThis.innerWidth > Ye ? me.Desktop : me.Mobile;
+}
+const wr = be({
+  name: "ui",
+  initialState: {
+    modals: [],
+    snackbars: [],
+    layout: Ze()
+  },
+  computed: {
+    mobile: ({ layout: r }) => r === me.Mobile,
+    desktop: ({ layout: r }) => r === me.Desktop
+  }
+}), M = {
+  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);
+    v(this, "modalCallbacks", {});
+    v(this, "components", {});
+  }
+  requireComponent(e) {
+    return this.components[e] ?? W(`UI Component '${e}' is not defined!`);
+  }
+  alert(e, s) {
+    const n = () => typeof s != "string" ? { message: e } : {
+      title: e,
+      message: s
+    };
+    this.openModal(this.requireComponent(M.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(M.ConfirmModal), a)).beforeClose, p = typeof u == "object" ? u[0] : u ?? !1, k = typeof u == "object" ? u[1] : Object.entries(a.checkboxes ?? {}).reduce(
+      (y, [A, { default: Z }]) => ({
+        [A]: Z ?? !1,
+        ...y
+      }),
+      {}
+    );
+    for (const [y, A] of Object.entries(a.checkboxes ?? {}))
+      if (!(!A.required || k[y]))
+        return p && X() && console.warn(`Confirmed confirm modal was suppressed because required '${y}' checkbox was missing`), [!1, k];
+    return "checkboxes" in a ? [p, k] : 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(M.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(M.LoadingModal), i);
+    try {
+      const [p] = await Promise.all([a, Re({ seconds: 1 })]);
+      return p;
+    } finally {
+      await this.closeModal(u.id);
+    }
+  }
+  showSnackbar(e, s = {}) {
+    const n = {
+      id: pe(),
+      properties: { message: e, ...s },
+      component: Te(s.component ?? this.requireComponent(M.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 = pe(), o = {}, a = {
+      id: n,
+      properties: s ?? {},
+      component: Te(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 Ve(), 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 (!F.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(Rt(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 Re({ ms: 600 })), e.remove());
+    });
+  }
+  watchViewportBreakpoints() {
+    if (!globalThis.matchMedia)
+      return;
+    globalThis.matchMedia(`(min-width: ${Ye}px)`).addEventListener("change", () => this.setState({ layout: Ze() }));
+  }
+}
+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 X() && console.warn("Lang provider is missing"), t;
+  }
+  translateWithDefault(t, e) {
+    return X() && console.warn("Lang provider is missing"), e;
+  }
+}
+const Sr = be({
+  name: "lang",
+  persist: ["locale", "fallbackLocale"],
+  initialState: {
+    locale: null,
+    locales: ["en"],
+    fallbackLocale: "en"
+  }
+});
+class kr extends Sr {
+  constructor() {
+    super();
+    v(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 oe = J(kr), et = oe.translate.bind(oe), x = oe.translateWithDefault.bind(oe), Ar = be({
+  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
+  }
+}), C = {
+  Primary: "primary",
+  Secondary: "secondary",
+  Danger: "danger",
+  Clear: "clear"
+};
+class Cr extends Ar {
+  constructor() {
+    super(...arguments);
+    v(this, "forceReporting", !1);
+    v(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(M.ErrorReportModal), {
+      reports: s
+    });
+  }
+  async report(e, s) {
+    if (await S.emit("error", { error: e, message: s }), Ge("unit") || (X() && this.logError(e), !this.enabled))
+      throw e;
+    if (!F.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: C.Danger,
+        actions: [
+          {
+            text: x("errors.viewDetails", "View details"),
+            dismiss: !0,
+            handler: () => G.openModal(
+              G.requireComponent(M.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), fe(e) && e.cause && this.logError(e.cause);
+  }
+  async createErrorReport(e) {
+    return typeof e == "string" ? { title: e } : e instanceof Error || e instanceof ve ? this.createErrorReportFromError(e) : fe(e) ? Oe({
+      title: V(
+        e.name ?? e.title ?? x("errors.unknown", "Unknown Error")
+      ),
+      description: V(
+        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 tt = J(Cr), rt = [];
+function to(r) {
+  rt.push(r);
+}
+function Pr(r) {
+  for (const t of rt) {
+    const e = t(r);
+    if (e)
+      return e;
+  }
+  return typeof r == "string" ? r : r instanceof Error || r instanceof ve ? r.message : fe(r) ? V(r.message ?? r.description ?? "Unknown error object") : x("errors.unknown", "Unknown Error");
+}
+class qe extends ve {
+}
+const Mr = { $errors: tt }, Er = (r) => (tt.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 Lr = {
+  async install(r, t) {
+    Gr(r, t.handleError), await xe(r, Mr);
+  }
+}, Hr = { $lang: oe }, Ir = {
+  async install(r) {
+    var t;
+    (t = r.config.globalProperties).$t ?? (t.$t = et), r.config.globalProperties.$td = x, await xe(r, Hr);
+  }
+}, Tr = {
+  async install() {
+    Ge() && (globalThis.testingRuntime = {
+      on: (...r) => S.on(...r)
+    });
+  }
+};
+function te(r, t) {
+  const e = S.on(r, t);
+  he(() => e());
+}
+function Rr() {
+  const r = Be(), t = d(() => r.class);
+  return [d(() => Je(r, "class")), t];
+}
+function ro(r) {
+  let t = jt;
+  xt(() => t = r()), he(() => t());
+}
+function so(r, t) {
+  const e = ce(z.get(r) ?? t);
+  return Ee(e, () => z.set(r, St(e))), e;
+}
+function jr() {
+  return O(new je(), (r) => {
+    r.link = function(t) {
+      return je.prototype.link.apply(this, [t]).replace("<a", '<a target="_blank"');
+    };
+  });
+}
+function qr(r) {
+  const t = qt(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 Dr(r) {
+  let t = rr(r, { renderer: jr(), async: !1 });
+  return t = Vr(t), t = qr(t), t;
+}
+function Vr(r) {
+  return tr.sanitize(r, { ADD_ATTR: ["target"] });
+}
+function no(r) {
+  return r.split(/\s+/).filter((t) => !/^(hover|focus|focus-visible):/.test(t)).join(" ").trim();
+}
+function Ie(r, t) {
+  return Object.keys(t).reduce(
+    (e, s) => (e[s] = r[s], e),
+    {}
+  );
+}
+const st = {
+  cancellable: re(!0),
+  inline: re(),
+  title: g()
+};
+function nt() {
+  return st;
+}
+function oo(r) {
+  return Ie(r, st);
+}
+function Br(r) {
+  return {
+    inline: d(() => {
+      var t;
+      return !!((t = r.value) != null && t.inline);
+    }),
+    cancellable: d(() => {
+      var t;
+      return !!((t = r.value) != null && t.cancellable);
+    }),
+    close: async () => {
+      var t;
+      return (t = r.value) == null ? void 0 : t.close();
+    }
+  };
+}
+const zr = /* @__PURE__ */ f({
+  __name: "AGHeadlessModal",
+  props: nt(),
+  setup(r, { expose: t }) {
+    const e = r, s = E(null), n = E(!0), o = E(!1), { modal: a } = H(
+      "modal",
+      "could not obtain modal reference from <AGHeadlessModal>, did you render this component manually? Show it using $ui.openModal() instead"
+    ), i = d(() => a.properties.inline ? "div" : Kt);
+    async function u() {
+      var y;
+      (y = s.value) != null && y.$el && (n.value = !0);
+    }
+    async function p() {
+      var y;
+      (y = s.value) != null && y.$el && (n.value = !1);
+    }
+    async function k(y) {
+      o.value || (S.emit("modal-will-close", { modal: a, result: y }), await u(), o.value = !0, S.emit("modal-closed", { modal: a, result: y }));
+    }
+    return te("close-modal", async ({ id: y, result: A }) => {
+      y === a.id && await k(A);
+    }), te("hide-modal", async ({ id: y }) => {
+      y === a.id && await u();
+    }), te("show-modal", async ({ id: y }) => {
+      y === a.id && await p();
+    }), t({ close: k, cancellable: ue(e, "cancellable"), inline: ue(e, "inline") }), (y, A) => (l(), _(j(i.value), {
+      ref_key: "$root",
+      ref: s,
+      open: !0,
+      onClose: A[0] || (A[0] = (Z) => y.cancellable && k())
+    }, {
+      default: m(() => [
+        $(y.$slots, "default", { close: k })
+      ]),
+      _: 3
+    }, 544));
+  }
+}), ot = /* @__PURE__ */ f({
+  __name: "AGModalContext",
+  props: {
+    modal: $e(),
+    childIndex: se(0)
+  },
+  setup(r) {
+    const t = r, e = d(() => {
+      const s = {};
+      for (const n in t.modal.properties)
+        s[n] = c(t.modal.properties[n]);
+      return s;
+    });
+    return _e("modal", {
+      modal: ue(t, "modal"),
+      childIndex: ue(t, "childIndex")
+    }), (s, n) => (l(), _(j(r.modal.component), ze(Fe(e.value)), null, 16));
+  }
+}), Fr = /* @__PURE__ */ f({
+  __name: "AGHeadlessModalPanel",
+  setup(r) {
+    const { modal: t, childIndex: e } = H(
+      "modal",
+      "could not obtain modal reference from <AGHeadlessModalPanel>, did you render this component manually? Show it using $ui.openModal() instead"
+    ), s = d(() => t.properties.inline ? "div" : Ot), n = d(() => G.modals[e] ?? null);
+    return (o, a) => (l(), _(j(s.value), null, {
+      default: m(() => [
+        $(o.$slots, "default"),
+        n.value ? (l(), w(K, { key: 0 }, [
+          b("div", {
+            class: q(["pointer-events-none inset-0 z-50 bg-black/30", n.value.properties.inline ? "absolute" : "fixed"])
+          }, null, 2),
+          h(ot, {
+            "child-index": c(e) + 1,
+            modal: n.value
+          }, null, 8, ["child-index", "modal"])
+        ], 64)) : L("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}), at = /* @__PURE__ */ f({
+  __name: "AGHeadlessModalTitle",
+  props: { as: g("h2") },
+  setup(r) {
+    const t = r, { modal: e } = H(
+      "modal",
+      "could not obtain modal reference from <AGHeadlessModalPanel>, did you render this component manually? Show it using $ui.openModal() instead"
+    ), s = d(() => e.properties.inline ? "div" : Jt), n = d(() => e.properties.inline ? {} : { as: t.as });
+    return (o, a) => (l(), _(j(s.value), ze(Fe(n.value)), {
+      default: m(() => [
+        $(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), I = /* @__PURE__ */ f({
+  __name: "AGMarkdown",
+  props: {
+    as: g(),
+    inline: re(),
+    langKey: g(),
+    langParams: we(),
+    text: g(),
+    actions: U()
+  },
+  setup(r) {
+    const t = r, e = Be(), s = d(() => t.text ?? (t.langKey && et(t.langKey, t.langParams ?? {}))), n = d(() => {
+      if (!s.value)
+        return null;
+      let i = Dr(s.value);
+      return t.inline && (i = i.replace("<p>", "<span>").replace("</p>", "</span>")), i;
+    }), o = () => kt(t.as ?? (t.inline ? "span" : "div"), {
+      innerHTML: n.value,
+      onClick: a,
+      ...e,
+      class: `${e.class ?? ""} ${t.inline ? "" : "prose"}`
+    });
+    async function a(i) {
+      var p, k;
+      const { target: u } = i;
+      if (Dt(u, HTMLElement) && u.dataset.markdownAction) {
+        (k = (p = t.actions) == null ? void 0 : p[u.dataset.markdownAction]) == null || k.call(p);
+        return;
+      }
+    }
+    return (i, u) => (l(), _(o));
+  }
+}), Ur = { class: "fixed inset-0 flex items-center justify-center p-8" }, ie = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "AGModal",
+  props: nt(),
+  setup(r, { expose: t }) {
+    const e = r, s = E();
+    return t(Br(s)), (n, o) => (l(), _(zr, T({
+      ref_key: "$modal",
+      ref: s
+    }, e, { class: "relative z-50" }), {
+      default: m(({ close: a }) => [
+        b("div", Ur, [
+          h(Fr, { class: "flex max-h-full max-w-full flex-col overflow-hidden bg-white p-4" }, {
+            default: m(() => [
+              n.title ? (l(), _(at, {
+                key: 0,
+                class: "mb-2 text-lg font-semibold"
+              }, {
+                default: m(() => [
+                  h(I, {
+                    text: n.title,
+                    inline: ""
+                  }, null, 8, ["text"])
+                ]),
+                _: 1
+              })) : L("", !0),
+              b("div", T({ class: "flex max-h-full flex-col overflow-auto" }, n.$attrs), [
+                $(n.$slots, "default", { close: a })
+              ], 16)
+            ]),
+            _: 2
+          }, 1024)
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Nr = {
+  title: g(),
+  message: ne()
+};
+function Wr() {
+  return Nr;
+}
+const Kr = /* @__PURE__ */ f({
+  __name: "AGAlertModal",
+  props: Wr(),
+  setup(r) {
+    return (t, e) => (l(), _(ie, { title: t.title }, {
+      default: m(() => [
+        h(I, { text: t.message }, null, 8, ["text"])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Or = {
+  title: g(),
+  message: ne(),
+  acceptText: g(),
+  acceptColor: Y(C, C.Primary),
+  cancelText: g(),
+  cancelColor: Y(C, C.Clear),
+  checkboxes: U(),
+  actions: U(),
+  required: re(!1)
+};
+function Jr() {
+  return Or;
+}
+function Qr(r) {
+  const t = d(() => r.acceptText ?? x("ui.accept", "Ok")), e = d(() => r.cancelText ?? x("ui.cancel", "Cancel"));
+  return { renderedAcceptText: t, renderedCancelText: e };
+}
+function Xr(r) {
+  if (r instanceof HTMLElement)
+    return r;
+  if (Yr(r))
+    return r.$el;
+}
+function Yr(r) {
+  return fe(r) && "$el" in r;
+}
+function Zr() {
+  return At((r, t) => {
+    let e;
+    return {
+      get() {
+        return r(), e;
+      },
+      set(s) {
+        e = Xr(s), t();
+      }
+    };
+  });
+}
+const it = /* @__PURE__ */ f({
+  __name: "AGHeadlessButton",
+  props: {
+    as: U(),
+    href: g(),
+    url: g(),
+    route: g(),
+    routeParams: U(() => ({})),
+    routeQuery: U(() => ({})),
+    submit: re()
+  },
+  setup(r, { expose: t }) {
+    const e = r, s = Zr(), n = d(() => e.as ? { as: e.as, props: {} } : e.route ? {
+      as: "router-link",
+      props: {
+        to: Oe({
+          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) => (l(), _(j(n.value.as), T({
+      ref_key: "$root",
+      ref: s
+    }, n.value.props), {
+      default: m(() => [
+        $(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), R = /* @__PURE__ */ f({
+  __name: "AGButton",
+  props: {
+    color: Y(C, C.Primary)
+  },
+  setup(r) {
+    const t = r, e = d(() => {
+      switch (t.color) {
+        case C.Secondary:
+          return [
+            "text-white bg-gray-600",
+            "hover:bg-gray-500",
+            "focus-visible:outline-offset-2 focus-visible:outline-gray-600"
+          ].join(" ");
+        case C.Clear:
+          return "hover:bg-gray-500/20 focus-visible:outline-gray-500/60";
+        case C.Danger:
+          return [
+            "text-white bg-red-600",
+            "hover:bg-red-500",
+            "focus-visible:outline-offset-2 focus-visible:outline-red-600"
+          ].join(" ");
+        case C.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) => (l(), _(it, {
+      class: q(["px-2.5 py-1.5 focus-visible:outline focus-visible:outline-2", e.value])
+    }, {
+      default: m(() => [
+        $(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), es = { class: "mt-2 flex flex-row-reverse gap-2" }, ts = /* @__PURE__ */ f({
+  __name: "AGConfirmModal",
+  props: Jr(),
+  setup(r) {
+    const t = r, { renderedAcceptText: e, renderedCancelText: s } = Qr(t);
+    return (n, o) => (l(), _(ie, {
+      cancellable: !1,
+      title: n.title
+    }, {
+      default: m(({ close: a }) => [
+        h(I, {
+          text: n.message,
+          actions: n.actions
+        }, null, 8, ["text", "actions"]),
+        b("div", es, [
+          h(R, {
+            color: n.acceptColor,
+            onClick: (i) => a(!0)
+          }, {
+            default: m(() => [
+              D(P(c(e)), 1)
+            ]),
+            _: 2
+          }, 1032, ["color", "onClick"]),
+          n.required ? L("", !0) : (l(), _(R, {
+            key: 0,
+            color: n.cancelColor,
+            onClick: (i) => a()
+          }, {
+            default: m(() => [
+              D(P(c(s)), 1)
+            ]),
+            _: 2
+          }, 1032, ["color", "onClick"]))
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), rs = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ss(r, t) {
+  return l(), w("svg", rs, t[0] || (t[0] = [
+    b("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 ns = { name: "zondicons-cheveron-right", render: ss }, os = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function as(r, t) {
+  return l(), w("svg", os, t[0] || (t[0] = [
+    b("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 is = { name: "zondicons-cheveron-left", render: as }, ls = {
+  reports: Xe()
+};
+function cs() {
+  return ls;
+}
+function us(r) {
+  const t = E(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 ds = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ps(r, t) {
+  return l(), w("svg", ds, t[0] || (t[0] = [
+    b("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 fs = { name: "mdi-console", render: ps }, ms = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function hs(r, t) {
+  return l(), w("svg", ms, t[0] || (t[0] = [
+    b("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 _s = { name: "zondicons-copy", render: hs }, gs = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function vs(r, t) {
+  return l(), w("svg", gs, t[0] || (t[0] = [
+    b("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 bs = { name: "mdi-github", render: vs }, ys = { class: "flex" }, ws = /* @__PURE__ */ f({
+  __name: "AGErrorReportModalButtons",
+  props: {
+    report: $e()
+  },
+  setup(r) {
+    const t = r, e = d(() => t.report.description ? `${t.report.title}: ${t.report.description}` : t.report.title), s = d(() => {
+      if (!F.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:",
+          "```",
+          Vt(
+            t.report.details ?? "Details missing from report",
+            1800 - o.length - F.sourceUrl.length
+          ).trim(),
+          "```"
+        ].join(`
+`)
+      );
+      return `${F.sourceUrl}/issues/new?title=${o}&body=${a}`;
+    }), n = d(() => O(
+      [
+        {
+          id: "clipboard",
+          description: "Copy to clipboard",
+          iconComponent: _s,
+          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: fs,
+          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: bs,
+          url: s.value
+        });
+      }
+    ));
+    return (o, a) => (l(), w("div", ys, [
+      (l(!0), w(K, null, ge(n.value, (i, u) => $(o.$slots, "default", T({ ref_for: !0 }, i, { key: u }), () => [
+        h(R, {
+          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: m(() => [
+            (l(), _(j(i.iconComponent), {
+              class: "h-4 w-4",
+              "aria-hidden": "true"
+            }))
+          ]),
+          _: 2
+        }, 1032, ["url", "title", "aria-label", "onClick"])
+      ])), 128))
+    ]));
+  }
+}), $s = /* @__PURE__ */ f({
+  __name: "AGErrorReportModalTitle",
+  props: {
+    report: $e(),
+    currentReport: se(),
+    totalReports: se()
+  },
+  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) => (l(), _(I, {
+      text: e.value,
+      inline: ""
+    }, null, 8, ["text"]));
+  }
+}), xs = { class: "flex items-center justify-between text-lg font-medium" }, Ss = { class: "flex items-center" }, ks = ["textContent"], As = /* @__PURE__ */ f({
+  __name: "AGErrorReportModal",
+  props: cs(),
+  setup(r) {
+    const t = r, { activeReportIndex: e, details: s, nextReportText: n, previousReportText: o, report: a } = us(t);
+    return (i, u) => (l(), _(ie, null, {
+      default: m(() => [
+        b("div", null, [
+          b("h2", xs, [
+            b("div", Ss, [
+              h($s, {
+                report: c(a),
+                "current-report": c(e) + 1,
+                "total-reports": i.reports.length
+              }, null, 8, ["report", "current-report", "total-reports"]),
+              i.reports.length > 1 ? (l(), w(K, { key: 0 }, [
+                h(R, {
+                  color: "clear",
+                  disabled: c(e) === 0,
+                  title: c(o),
+                  "aria-label": c(o),
+                  onClick: u[0] || (u[0] = (p) => e.value--)
+                }, {
+                  default: m(() => [
+                    h(c(is), {
+                      "aria-hidden": "true",
+                      class: "h-4 w-4"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "title", "aria-label"]),
+                h(R, {
+                  color: "clear",
+                  disabled: c(e) === i.reports.length - 1,
+                  title: c(n),
+                  "aria-label": c(n),
+                  onClick: u[1] || (u[1] = (p) => e.value++)
+                }, {
+                  default: m(() => [
+                    h(c(ns), {
+                      "aria-hidden": "true",
+                      class: "h-4 w-4"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "title", "aria-label"])
+              ], 64)) : L("", !0)
+            ]),
+            h(ws, { report: c(a) }, null, 8, ["report"])
+          ]),
+          c(a).description ? (l(), _(I, {
+            key: 0,
+            text: c(a).description,
+            class: "mt-2"
+          }, null, 8, ["text"])) : L("", !0)
+        ]),
+        b("pre", {
+          class: "h-full overflow-auto bg-gray-200 p-4 text-xs text-red-900",
+          textContent: P(c(s))
+        }, null, 8, ks)
+      ]),
+      _: 1
+    }));
+  }
+}), Cs = {
+  title: g(),
+  message: g(),
+  progress: se()
+};
+function Ps() {
+  return Cs;
+}
+function Ms(r) {
+  const t = d(() => r.message ?? x("ui.loading", "Loading...")), e = d(() => typeof r.progress == "number");
+  return { renderedMessage: t, showProgress: e };
+}
+const Es = /* @__PURE__ */ f({
+  __name: "AGLoadingModal",
+  props: Ps(),
+  setup(r) {
+    const t = r, { renderedMessage: e } = Ms(t);
+    return (s, n) => (l(), _(ie, { cancellable: !1 }, {
+      default: m(() => [
+        h(I, { text: c(e) }, null, 8, ["text"])
+      ]),
+      _: 1
+    }));
+  }
+}), Gs = {
+  title: g(),
+  message: ne(),
+  label: g(),
+  defaultValue: g(),
+  placeholder: g(),
+  acceptText: g(),
+  acceptColor: Y(C, C.Primary),
+  cancelText: g(),
+  cancelColor: Y(C, C.Clear)
+};
+function Ls() {
+  return Gs;
+}
+function Hs(r) {
+  const t = d(() => r.acceptText ?? x("ui.accept", "Ok")), e = d(() => r.cancelText ?? x("ui.cancel", "Cancel"));
+  return { renderedAcceptText: t, renderedCancelText: e };
+}
+const Is = /* @__PURE__ */ f({
+  __name: "AGForm",
+  props: { form: U() },
+  emits: ["submit"],
+  setup(r, { emit: t }) {
+    let e;
+    const s = r, n = t;
+    return de((o) => {
+      var a;
+      e == null || e(), e = (a = s.form) == null ? void 0 : a.on("submit", () => n("submit")), o(() => e == null ? void 0 : e());
+    }), _e("form", s.form), (o, a) => (l(), w("form", {
+      onSubmit: a[0] || (a[0] = Ct((i) => {
+        var u;
+        return (u = r.form) == null ? void 0 : u.submit();
+      }, ["prevent"]))
+    }, [
+      $(o.$slots, "default")
+    ], 32));
+  }
+}), lt = {
+  name: g(),
+  label: g(),
+  description: g(),
+  modelValue: we([String, Number, Boolean])
+}, Ts = ["update:modelValue"];
+function ct() {
+  return [...Ts];
+}
+function ut() {
+  return lt;
+}
+function ao(r) {
+  return Ie(r, lt);
+}
+const dt = /* @__PURE__ */ f({
+  __name: "AGHeadlessInput",
+  props: {
+    as: g("div"),
+    ...ut()
+  },
+  emits: ["update:modelValue"],
+  setup(r, { expose: t, emit: e }) {
+    const s = e, n = r, o = E(), a = d(() => !i || !n.name ? null : i.errors[n.name] ?? null), i = ae("form", null), u = {
+      $el: o,
+      id: `input-${pe()}`,
+      name: d(() => n.name),
+      label: d(() => n.label),
+      description: d(() => n.description),
+      value: d(() => i && n.name ? i.getFieldValue(n.name) : n.modelValue),
+      errors: Ue(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 _e("input", u), t(u), (p, k) => r.as ? (l(), _(j(r.as), { key: 0 }, {
+      default: m(() => [
+        $(p.$slots, "default")
+      ]),
+      _: 3
+    })) : $(p.$slots, "default", { key: 1 });
+  }
+}), Rs = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "AGHeadlessInputDescription",
+  setup(r) {
+    const t = H(
+      "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: `${c(t).id}-description`
+    }, () => [
+      s.value ? (l(), _(I, T({ key: 0 }, n.$attrs, {
+        id: `${c(t).id}-description`,
+        text: e.value
+      }), null, 16, ["id", "text"])) : L("", !0)
+    ]);
+  }
+}), js = ["id"], pt = /* @__PURE__ */ f({
+  __name: "AGHeadlessInputError",
+  setup(r) {
+    const t = H(
+      "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 ? (l(), w("p", {
+      key: 0,
+      id: `${c(t).id}-error`
+    }, P(e.value), 9, js)) : L("", !0);
+  }
+});
+function ft(r, t) {
+  const e = ae("form", null), s = e == null ? void 0 : e.on("focus", (n) => r.name === n && t());
+  he(() => s == null ? void 0 : s());
+}
+const qs = ["id", "name", "type", "required", "aria-invalid", "aria-describedby", "checked"], mt = /* @__PURE__ */ f({
+  __name: "AGHeadlessInputInput",
+  props: {
+    type: g("text")
+  },
+  setup(r) {
+    const t = r, e = E(), s = H(
+      "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 ft(s, () => {
+      var p;
+      return (p = e.value) == null ? void 0 : p.focus();
+    }), de(() => s.__setElement(e.value)), de(() => {
+      if (e.value) {
+        if (t.type === "date") {
+          e.value.valueAsDate = o.value;
+          return;
+        }
+        e.value.value = o.value;
+      }
+    }), (p, k) => (l(), w("input", {
+      id: c(s).id,
+      ref_key: "$input",
+      ref: e,
+      name: n.value,
+      type: r.type,
+      required: c(s).required ?? void 0,
+      "aria-invalid": c(s).errors ? "true" : "false",
+      "aria-describedby": c(s).errors ? `${c(s).id}-error` : c(s).description ? `${c(s).id}-description` : void 0,
+      checked: a.value,
+      onInput: i
+    }, null, 40, qs));
+  }
+}), Ds = ["for"], ht = /* @__PURE__ */ f({
+  __name: "AGHeadlessInputLabel",
+  setup(r) {
+    const t = H(
+      "input",
+      "<AGHeadlessInputLabel> must be a child of a <AGHeadlessInput>"
+    ), e = Ne(), s = d(() => !!(t.label || e.default));
+    return (n, o) => s.value ? (l(), w("label", {
+      key: 0,
+      for: c(t).id
+    }, [
+      $(n.$slots, "default", {}, () => [
+        D(P(c(t).label), 1)
+      ])
+    ], 8, Ds)) : L("", !0);
+  }
+}), Vs = { class: "absolute bottom-0 left-0 translate-y-full" }, Bs = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "AGInput",
+  props: ut(),
+  emits: ct(),
+  setup(r) {
+    const t = r, e = He(), [s, n] = Rr();
+    return (o, a) => (l(), _(dt, T({
+      ref_key: "$input",
+      ref: e,
+      class: ["relative flex flex-col items-center", c(n)]
+    }, t, {
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => o.$emit("update:modelValue", i))
+    }), {
+      default: m(() => {
+        var i;
+        return [
+          h(ht, { class: "sr-only" }),
+          h(mt, T(c(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 = c(e)) == null ? void 0 : i.errors
+            }]
+          }), null, 16, ["class"]),
+          h(Rs),
+          b("div", Vs, [
+            h(pt, { class: "mt-1 text-sm text-red-500" })
+          ])
+        ];
+      }),
+      _: 1
+    }, 16, ["class"]));
+  }
+}), zs = {
+  required: (r) => r ? void 0 : "required"
+}, le = { ...zs };
+function io(r, t) {
+  le[r] = t;
+}
+function Fs(r, t) {
+  var s;
+  const e = (s = le[t]) == null ? void 0 : s.call(le, r);
+  return e ? Ke(e) : [];
+}
+const B = {
+  String: "string",
+  Number: "number",
+  Boolean: "boolean",
+  Object: "object",
+  Date: "date"
+}, De = /* @__PURE__ */ new WeakMap();
+class Us extends We {
+  constructor(e) {
+    super();
+    v(this, "errors");
+    v(this, "_fields");
+    v(this, "_data");
+    v(this, "_submitted");
+    v(this, "_errors");
+    v(this, "_listeners", {});
+    this._fields = e, this._submitted = E(!1), this._data = this.getInitialData(e), this._errors = this.getInitialErrors(e), De.set(
+      this,
+      d(() => !Object.values(this._errors).some((s) => s !== null))
+    ), this.errors = Ue(this._errors);
+  }
+  get valid() {
+    var e;
+    return !!((e = De.get(this)) != null && e.value);
+  }
+  get submitted() {
+    return this._submitted.value;
+  }
+  setFieldValue(e, s) {
+    const n = this._fields[e] ?? W(`Trying to set undefined '${V(e)}' field`);
+    this._data[e] = n.type === B.String && (n.trim ?? !0) ? V(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 Ve(), (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(...Fs(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 ce(s);
+  }
+  getInitialErrors(e) {
+    if (this.static().isConjuring())
+      return {};
+    const s = Object.keys(e).reduce((n, o) => (n[o] = null, n), {});
+    return ce(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 Ns(r) {
+  return new Us(r);
+}
+function lo(r, t = {}) {
+  return {
+    default: r,
+    type: B.Boolean,
+    rules: t.rules
+  };
+}
+function co(r, t = {}) {
+  return {
+    default: r,
+    type: B.Date,
+    rules: t.rules
+  };
+}
+function uo(r) {
+  return {
+    default: r,
+    type: B.Boolean,
+    rules: "required"
+  };
+}
+function po(r) {
+  return {
+    default: r,
+    type: B.Date,
+    rules: "required"
+  };
+}
+function fo(r) {
+  return {
+    default: r,
+    type: B.Number,
+    rules: "required"
+  };
+}
+function Ws(r) {
+  return {
+    default: r,
+    type: B.String,
+    rules: "required"
+  };
+}
+function mo(r, t = {}) {
+  return {
+    default: r,
+    type: B.Number,
+    rules: t.rules
+  };
+}
+function ho(r, t = {}) {
+  return {
+    default: r,
+    type: B.String,
+    rules: t.rules
+  };
+}
+const Ks = { class: "mt-2 flex flex-row-reverse gap-2" }, Os = /* @__PURE__ */ f({
+  __name: "AGPromptModal",
+  props: Ls(),
+  setup(r) {
+    const t = r, e = Ns({ draft: Ws(t.defaultValue ?? "") }), { renderedAcceptText: s, renderedCancelText: n } = Hs(t);
+    return (o, a) => (l(), _(ie, {
+      cancellable: !1,
+      title: o.title
+    }, {
+      default: m(({ close: i }) => [
+        h(I, { text: o.message }, null, 8, ["text"]),
+        h(Is, {
+          form: c(e),
+          onSubmit: (u) => i(c(e).draft)
+        }, {
+          default: m(() => [
+            h(Bs, {
+              name: "draft",
+              placeholder: o.placeholder,
+              label: o.label
+            }, null, 8, ["placeholder", "label"]),
+            b("div", Ks, [
+              h(R, {
+                color: o.acceptColor,
+                submit: ""
+              }, {
+                default: m(() => [
+                  D(P(c(s)), 1)
+                ]),
+                _: 1
+              }, 8, ["color"]),
+              h(R, {
+                color: o.cancelColor,
+                onClick: (u) => i()
+              }, {
+                default: m(() => [
+                  D(P(c(n)), 1)
+                ]),
+                _: 2
+              }, 1032, ["color", "onClick"])
+            ])
+          ]),
+          _: 2
+        }, 1032, ["form", "onSubmit"])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Js = { class: "pointer-events-auto" }, Qs = /* @__PURE__ */ f({
+  __name: "AGHeadlessSnackbar",
+  setup(r) {
+    return (t, e) => (l(), w("div", Js, [
+      $(t.$slots, "default")
+    ]));
+  }
+}), Xs = Je(C, ["Primary", "Clear"]), Ys = {
+  id: ne(),
+  message: ne(),
+  actions: ur(() => []),
+  color: Y(Xs, C.Secondary)
+};
+function Zs() {
+  return Ys;
+}
+function en(r) {
+  function t(e) {
+    var s;
+    (s = e.handler) == null || s.call(e), e.dismiss && G.hideSnackbar(r.id);
+  }
+  return { activate: t };
+}
+const tn = /* @__PURE__ */ f({
+  __name: "AGSnackbar",
+  props: Zs(),
+  setup(r) {
+    const t = r, { activate: e } = en(t), s = d(() => {
+      switch (t.color) {
+        case C.Danger:
+          return "bg-red-200 text-red-900";
+        default:
+        case C.Secondary:
+          return "bg-gray-900 text-white";
+      }
+    });
+    return (n, o) => (l(), _(Qs, {
+      class: q(["flex flex-row items-center justify-center gap-3 p-4", s.value])
+    }, {
+      default: m(() => [
+        h(I, {
+          text: n.message,
+          inline: ""
+        }, null, 8, ["text"]),
+        (l(!0), w(K, null, ge(n.actions, (a, i) => (l(), _(R, {
+          key: i,
+          color: n.color,
+          onClick: (u) => c(e)(a)
+        }, {
+          default: m(() => [
+            D(P(a.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["color", "onClick"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), rn = { class: "grid flex-grow place-items-center" }, sn = { class: "flex flex-col items-center space-y-6 p-8" }, nn = { class: "mt-2 text-center text-4xl font-medium text-red-600" }, on = { class: "mt-4 flex flex-col space-y-4" }, an = /* @__PURE__ */ f({
+  __name: "AGStartupCrash",
+  setup(r) {
+    return (t, e) => (l(), w("div", rn, [
+      b("div", sn, [
+        b("h1", nn, P(t.$td("startupCrash.title", "Something went wrong!")), 1),
+        h(I, {
+          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"]),
+        b("div", on, [
+          h(R, {
+            color: "danger",
+            onClick: e[0] || (e[0] = (s) => t.$app.reload())
+          }, {
+            default: m(() => [
+              D(P(t.$td("startupCrash.reload", "Try again")), 1)
+            ]),
+            _: 1
+          }),
+          h(R, {
+            color: "danger",
+            onClick: e[1] || (e[1] = (s) => t.$errors.inspect(t.$errors.startupErrors))
+          }, {
+            default: m(() => [
+              D(P(t.$td("startupCrash.inspect", "View error details")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])
+    ]));
+  }
+}), ln = { $ui: G }, cn = {
+  async install(r, t) {
+    const e = {
+      [M.AlertModal]: Kr,
+      [M.ConfirmModal]: ts,
+      [M.ErrorReportModal]: As,
+      [M.LoadingModal]: Es,
+      [M.PromptModal]: Os,
+      [M.Snackbar]: tn,
+      [M.StartupCrash]: an
+    };
+    Object.entries({
+      ...e,
+      ...t.components
+    }).forEach(([s, n]) => G.registerComponent(s, n)), await xe(r, ln);
+  }
+};
+async function un(r, t = {}) {
+  var s;
+  const e = [Tr, hr, Lr, Ir, yr, cn, ...t.plugins ?? []];
+  F.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 _o(r, t = {}) {
+  var s;
+  const e = Pt(r);
+  X() && (window.$aerogel = e), await un(e, t), e.mount("#app"), (s = e._container) == null || s.classList.remove("loading"), await S.emit("application-mounted");
+}
+const dn = { key: 0 }, pn = /* @__PURE__ */ f({
+  __name: "AGAppModals",
+  setup(r) {
+    const t = d(() => G.modals[0] ?? null);
+    return (e, s) => t.value ? (l(), w("aside", dn, [
+      h(ot, {
+        "child-index": 1,
+        modal: t.value
+      }, null, 8, ["modal"])
+    ])) : L("", !0);
+  }
+}), fn = (r, t) => {
+  const e = r.__vccOpts || r;
+  for (const [s, n] of t)
+    e[s] = n;
+  return e;
+}, mn = {}, hn = {
+  "aria-live": "assertive",
+  class: "pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 sm:p-6"
+}, _n = { class: "flex w-full flex-col items-end space-y-4" };
+function gn(r, t) {
+  return l(), w("div", hn, [
+    b("div", _n, [
+      (l(!0), w(K, null, ge(r.$ui.snackbars, (e) => (l(), _(j(e.component), T({
+        id: e.id,
+        key: e.id,
+        ref_for: !0
+      }, e.properties), null, 16, ["id"]))), 128))
+    ])
+  ]);
+}
+const vn = /* @__PURE__ */ fn(mn, [["render", gn]]), bn = /* @__PURE__ */ f({
+  __name: "AGAppOverlays",
+  setup(r) {
+    const t = E(null), e = E(!0);
+    return te("show-overlays-backdrop", async () => {
+      !t.value || !e.value || (e.value = !1, t.value.classList.remove("opacity-0"));
+    }), te("hide-overlays-backdrop", async () => {
+      !t.value || e.value || (e.value = !0, t.value.classList.add("opacity-0"));
+    }), (s, n) => (l(), w(K, null, [
+      b("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),
+      h(pn),
+      h(vn)
+    ], 64));
+  }
+}), yn = { class: "flex min-h-full flex-col text-base font-normal leading-tight text-gray-900 antialiased" }, go = /* @__PURE__ */ f({
+  __name: "AGAppLayout",
+  setup(r) {
+    return (t, e) => (l(), w("div", yn, [
+      t.$errors.hasStartupErrors ? $(t.$slots, "startup-crash", { key: 0 }, () => [
+        (l(), _(j(t.$ui.requireComponent(c(M).StartupCrash))))
+      ]) : $(t.$slots, "default", { key: 1 }),
+      h(bn)
+    ]));
+  }
+}), wn = { class: "ml-2" }, vo = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "AGCheckbox",
+  props: { name: g() },
+  emits: ct(),
+  setup(r) {
+    const t = He();
+    return (e, s) => (l(), _(dt, {
+      ref_key: "$input",
+      ref: t,
+      name: r.name,
+      class: "flex",
+      "onUpdate:modelValue": s[0] || (s[0] = (n) => e.$emit("update:modelValue", n))
+    }, {
+      default: m(() => {
+        var n, o;
+        return [
+          h(mt, T(e.$attrs, {
+            type: "checkbox",
+            class: {
+              "text-indigo-600 focus:ring-indigo-600": !((n = c(t)) != null && n.errors),
+              "border-red-200 text-red-600 focus:ring-red-600": (o = c(t)) == null ? void 0 : o.errors
+            }
+          }), null, 16, ["class"]),
+          b("div", wn, [
+            e.$slots.default ? (l(), _(ht, { key: 0 }, {
+              default: m(() => [
+                $(e.$slots, "default")
+              ]),
+              _: 3
+            })) : L("", !0),
+            h(pt, { class: "text-sm text-red-600" })
+          ])
+        ];
+      }),
+      _: 3
+    }, 8, ["name"]));
+  }
+}), $n = {
+  viewBox: "0 0 20 20",
+  width: "1.2em",
+  height: "1.2em"
+};
+function xn(r, t) {
+  return l(), w("svg", $n, t[0] || (t[0] = [
+    b("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 Sn = { name: "zondicons-cheveron-down", render: xn }, _t = {
+  name: g(),
+  label: g(),
+  options: Xe(),
+  noSelectionText: g(),
+  optionsText: we()
+}, kn = ["update:modelValue"];
+function gt() {
+  return _t;
+}
+function vt() {
+  return [...kn];
+}
+function bo(r) {
+  return Ie(r, _t);
+}
+const An = /* @__PURE__ */ f({
+  __name: "AGHeadlessSelect",
+  props: {
+    modelValue: we(),
+    ...gt()
+  },
+  emits: vt(),
+  setup(r, { expose: t, emit: e }) {
+    const s = e, n = r, o = d(() => typeof n.optionsText == "function" ? n.optionsText : typeof n.optionsText == "string" ? (A) => V(A[n.optionsText]) : (A) => V(A)), a = ae("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 k(A) {
+      if (a && n.name) {
+        a.setFieldValue(n.name, A);
+        return;
+      }
+      s("update:modelValue", A);
+    }
+    const y = {
+      id: `select-${pe()}`,
+      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: k
+    };
+    return _e("select", y), t(y), (A, Z) => (l(), _(c(Qt), {
+      "model-value": u.value,
+      "onUpdate:modelValue": Z[0] || (Z[0] = (Se) => k(Se))
+    }, {
+      default: m(({ value: Se, open: bt, disabled: yt }) => [
+        $(A.$slots, "default", {
+          value: Se,
+          open: bt,
+          disabled: yt
+        })
+      ]),
+      _: 3
+    }, 8, ["model-value"]));
+  }
+}), Cn = /* @__PURE__ */ f({
+  __name: "AGHeadlessSelectButton",
+  props: { textClass: g() },
+  setup(r) {
+    const t = H(
+      "select",
+      "<AGHeadlessSelectButton> must be a child of a <AGHeadlessSelect>"
+    );
+    return (e, s) => (l(), _(c(Xt), null, {
+      default: m(({ value: n, open: o, disabled: a }) => [
+        $(e.$slots, "default", {
+          value: n,
+          open: o,
+          disabled: a
+        }, () => {
+          var i;
+          return [
+            b("span", {
+              class: q(r.textClass)
+            }, P((i = c(t)) == null ? void 0 : i.buttonText), 3)
+          ];
+        }),
+        $(e.$slots, "icon")
+      ]),
+      _: 3
+    }));
+  }
+}), Pn = ["id"], Mn = /* @__PURE__ */ f({
+  __name: "AGHeadlessSelectError",
+  setup(r) {
+    const t = H(
+      "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 ? (l(), w("p", {
+      key: 0,
+      id: `${c(t).id}-error`
+    }, P(e.value), 9, Pn)) : L("", !0);
+  }
+}), En = /* @__PURE__ */ f({
+  __name: "AGHeadlessSelectLabel",
+  setup(r) {
+    const t = H(
+      "select",
+      "<AGHeadlessSelectLabel> must be a child of a <AGHeadlessSelect>"
+    ), e = Ne(), s = d(() => !!(t.label || e.default));
+    return (n, o) => s.value ? (l(), _(c(Yt), { key: 0 }, {
+      default: m(({ open: a, disabled: i }) => [
+        $(n.$slots, "default", {
+          open: a,
+          disabled: i
+        }, () => [
+          D(P(c(t).label), 1)
+        ])
+      ]),
+      _: 3
+    })) : L("", !0);
+  }
+}), Gn = /* @__PURE__ */ f({
+  __name: "AGHeadlessSelectOption",
+  props: {
+    value: pr(),
+    selectedClass: g(),
+    unselectedClass: g(),
+    activeClass: g(),
+    inactiveClass: g()
+  },
+  setup(r) {
+    const t = H(
+      "select",
+      "<AGHeadlessSelectOption> must be a child of a <AGHeadlessSelect>"
+    );
+    return (e, s) => (l(), _(c(Zt), {
+      value: r.value,
+      as: "template"
+    }, {
+      default: m(({ active: n, selected: o, disabled: a }) => [
+        $(e.$slots, "default", {
+          active: n,
+          selected: o,
+          disabled: a
+        }, () => [
+          b("li", {
+            class: q({
+              [r.activeClass ?? "active"]: n,
+              [r.inactiveClass ?? "inactive"]: !n,
+              [r.selectedClass ?? "selected"]: o,
+              [r.unselectedClass ?? "unselected"]: !o
+            })
+          }, P(c(t).renderText(r.value)), 3)
+        ])
+      ]),
+      _: 3
+    }, 8, ["value"]));
+  }
+}), Ln = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" }, yo = /* @__PURE__ */ f({
+  __name: "AGSelect",
+  props: gt(),
+  emits: vt(),
+  setup(r) {
+    const t = r, e = He();
+    return (s, n) => (l(), _(An, T(t, {
+      ref_key: "$select",
+      ref: e,
+      as: "div",
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => s.$emit("update:modelValue", o))
+    }), {
+      default: m(() => {
+        var o, a;
+        return [
+          h(En, { class: "block text-sm font-medium leading-6 text-gray-900" }),
+          b("div", {
+            class: q(["relative", { "mt-2": (o = c(e)) == null ? void 0 : o.label }])
+          }, [
+            h(Cn, {
+              class: q(["relative w-full cursor-default bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-600", {
+                "ring-1 ring-red-500": (a = c(e)) == null ? void 0 : a.errors
+              }]),
+              "text-class": "block truncate"
+            }, {
+              icon: m(() => [
+                b("span", Ln, [
+                  h(c(Sn), { class: "h-5 w-5 text-gray-400" })
+                ])
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            h(c(er), { class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto border bg-white py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
+              default: m(() => {
+                var i;
+                return [
+                  (l(!0), w(K, null, ge(((i = c(e)) == null ? void 0 : i.options) ?? [], (u, p) => (l(), _(Gn, {
+                    key: p,
+                    value: u,
+                    class: "relative block cursor-default select-none truncate py-2 pl-3 pr-9",
+                    "selected-class": "font-semibold",
+                    "unselected-class": "font-normal",
+                    "active-class": "bg-indigo-600 text-white",
+                    "inactive-class": "text-gray-900"
+                  }, null, 8, ["value"]))), 128))
+                ];
+              }),
+              _: 1
+            })
+          ], 2),
+          h(Mn, { class: "mt-2 text-sm text-red-600" })
+        ];
+      }),
+      _: 1
+    }, 16));
+  }
+}), Hn = ["id", "name", "required", "value", "aria-invalid", "aria-describedby"], wo = /* @__PURE__ */ f({
+  __name: "AGHeadlessInputTextArea",
+  setup(r) {
+    const t = E(), e = H(
+      "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 de(() => e.__setElement(t.value)), ft(e, () => {
+      var a;
+      return (a = t.value) == null ? void 0 : a.focus();
+    }), (a, i) => (l(), w("textarea", {
+      id: c(e).id,
+      ref_key: "$textArea",
+      ref: t,
+      name: s.value,
+      required: c(e).required ?? void 0,
+      value: n.value,
+      "aria-invalid": c(e).errors ? "true" : "false",
+      "aria-describedby": c(e).errors ? `${c(e).id}-error` : c(e).description ? `${c(e).id}-description` : void 0,
+      onInput: o
+    }, null, 40, Hn));
+  }
+}), $o = /* @__PURE__ */ f({
+  __name: "AGErrorMessage",
+  props: { error: $e() },
+  setup(r) {
+    const t = r, e = d(() => Pr(t.error));
+    return (s, n) => (l(), _(I, {
+      text: e.value,
+      inline: ""
+    }, null, 8, ["text"]));
+  }
+}), xo = /* @__PURE__ */ f({
+  __name: "AGLink",
+  setup(r) {
+    return (t, e) => (l(), _(it, { class: "font-medium hover:underline" }, {
+      default: m(() => [
+        $(t.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+}), So = /* @__PURE__ */ f({
+  __name: "AGMeasured",
+  props: { as: g("span") },
+  setup(r) {
+    const t = E(!1);
+    return (e, s) => {
+      const n = Mt("measure");
+      return Et((l(), _(j(r.as), {
+        class: q({ "!invisible !absolute !w-auto": !t.value })
+      }, {
+        default: m(() => [
+          $(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"])), [
+        [n, () => t.value = !0]
+      ]);
+    };
+  }
+}), In = { class: "mt-1 h-2 w-full overflow-hidden rounded-full bg-gray-200" }, Tn = { class: "sr-only" }, ko = /* @__PURE__ */ f({
+  __name: "AGProgressBar",
+  props: {
+    progress: se(),
+    barClass: g(""),
+    job: U()
+  },
+  setup(r) {
+    const t = r;
+    let e;
+    const s = E(0), n = d(() => {
+      const a = t.barClass ?? "";
+      return `h-full w-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 }
+    ), he(() => e == null ? void 0 : e()), (a, i) => (l(), w("div", In, [
+      b("div", {
+        class: q(n.value),
+        style: Gt(`transform:translateX(-${(1 - o.value) * 100}%)`)
+      }, null, 6),
+      b("span", Tn, P(a.$td("ui.progress", "{progress}% complete", {
+        progress: o.value * 100
+      })), 1)
+    ]));
+  }
+}), Ao = /* @__PURE__ */ f({
+  __name: "AGModalTitle",
+  setup(r) {
+    return (t, e) => (l(), _(at, { class: "mb-2 font-semibold" }, {
+      default: m(() => [
+        $(t.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+class Co {
+  constructor() {
+    v(this, "status");
+    v(this, "_listeners");
+    v(this, "_progress");
+    v(this, "_cancelled");
+    v(this, "_started");
+    v(this, "_completed");
+    this.status = this.getInitialStatus(), this._listeners = new Bt(), this._started = new N(), this._completed = new N();
+  }
+  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 qe)
+        return;
+      throw O(zt(t), (e) => {
+        this._completed.reject(e);
+      });
+    }
+  }
+  async cancel() {
+    this._cancelled = new N(), 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 qe();
+  }
+  calculateCurrentProgress(t) {
+    return t ?? (t = this.status), t.completed ? 1 : t.children ? Ft(
+      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 Po(r) {
+  await r.start();
+}
+export {
+  Kr as AGAlertModal,
+  go as AGAppLayout,
+  bn as AGAppOverlays,
+  R as AGButton,
+  vo as AGCheckbox,
+  ts as AGConfirmModal,
+  $o as AGErrorMessage,
+  ws as AGErrorReportModalButtons,
+  $s as AGErrorReportModalTitle,
+  Is as AGForm,
+  it as AGHeadlessButton,
+  dt as AGHeadlessInput,
+  Rs as AGHeadlessInputDescription,
+  pt as AGHeadlessInputError,
+  mt as AGHeadlessInputInput,
+  ht as AGHeadlessInputLabel,
+  wo as AGHeadlessInputTextArea,
+  zr as AGHeadlessModal,
+  Fr as AGHeadlessModalPanel,
+  at as AGHeadlessModalTitle,
+  An as AGHeadlessSelect,
+  Cn as AGHeadlessSelectButton,
+  Mn as AGHeadlessSelectError,
+  En as AGHeadlessSelectLabel,
+  Gn as AGHeadlessSelectOption,
+  Go as AGHeadlessSelectOptions,
+  Qs as AGHeadlessSnackbar,
+  Bs as AGInput,
+  xo as AGLink,
+  Es as AGLoadingModal,
+  I as AGMarkdown,
+  So as AGMeasured,
+  ie as AGModal,
+  ot as AGModalContext,
+  Ao as AGModalTitle,
+  ko as AGProgressBar,
+  Os as AGPromptModal,
+  yo as AGSelect,
+  tn as AGSnackbar,
+  an as AGStartupCrash,
+  F as App,
+  lr as AppService,
+  Zn as Cache,
+  _r as CacheService,
+  C as Colors,
+  tt as Errors,
+  Nn as EventListenerPriorities,
+  S as Events,
+  ar as EventsService,
+  Us as Form,
+  B as FormFieldTypes,
+  Co as Job,
+  qe as JobCancelledError,
+  oe as Lang,
+  me as Layouts,
+  Ye as MOBILE_BREAKPOINT,
+  ye as Service,
+  Me as ServiceBootError,
+  Xs as SnackbarColors,
+  vr as Storage,
+  G as UI,
+  M as UIComponents,
+  $r as UIService,
+  Nr as alertModalProps,
+  ur as arrayProp,
+  lo as booleanInput,
+  re as booleanProp,
+  xe as bootServices,
+  _o as bootstrap,
+  un as bootstrapApplication,
+  He as componentRef,
+  Kn as computedAsync,
+  Or as confirmModalProps,
+  co as dateInput,
+  On as defineDirective,
+  io as defineFormValidationRule,
+  Wn as definePlugin,
+  be as defineServiceState,
+  or as defineServiceStore,
+  Po as dispatch,
+  Zr as elementRef,
+  Y as enumProp,
+  ls as errorReportModalProps,
+  ao as extractInputProps,
+  oo as extractModalProps,
+  bo as extractSelectProps,
+  Ze as getCurrentLayout,
+  Xr as getElement,
+  Pr as getErrorMessage,
+  nr as getPiniaStore,
+  Yr as hasElement,
+  Jn as injectOrFail,
+  dr as injectReactive,
+  H as injectReactiveOrFail,
+  Ts as inputEmits,
+  lt as inputProps,
+  cr as installPlugins,
+  Qn as listenerProp,
+  Cs as loadingModalProps,
+  we as mixedProp,
+  st as modalProps,
+  mo as numberInput,
+  se as numberProp,
+  U as objectProp,
+  ro as onCleanMounted,
+  ft as onFormFocus,
+  so as persistent,
+  Gs as promptModalProps,
+  to as registerErrorHandler,
+  no as removeInteractiveClasses,
+  Dr as renderMarkdown,
+  eo as replaceExisting,
+  Xe as requiredArrayProp,
+  uo as requiredBooleanInput,
+  po as requiredDateInput,
+  Xn as requiredEnumProp,
+  pr as requiredMixedProp,
+  fo as requiredNumberInput,
+  Yn as requiredNumberProp,
+  $e as requiredObjectProp,
+  Ws as requiredStringInput,
+  ne as requiredStringProp,
+  sr as resetPiniaStore,
+  Vr as safeHtml,
+  kn as selectEmits,
+  _t as selectProps,
+  Ys as snackbarProps,
+  ho as stringInput,
+  g as stringProp,
+  et as translate,
+  x as translateWithDefault,
+  Wr as useAlertModalProps,
+  Qr as useConfirmModal,
+  Jr as useConfirmModalProps,
+  us as useErrorReportModal,
+  cs as useErrorReportModalProps,
+  te as useEvent,
+  Ns as useForm,
+  Rr as useInputAttrs,
+  ct as useInputEmits,
+  ut as useInputProps,
+  Ms as useLoadingModal,
+  Ps as useLoadingModalProps,
+  Br as useModalExpose,
+  nt as useModalProps,
+  Hs as usePromptModal,
+  Ls as usePromptModalProps,
+  vt as useSelectEmits,
+  gt as useSelectProps,
+  en as useSnackbar,
+  Zs as useSnackbarProps,
+  Fs as validate,
+  le as validators
+};
+//# sourceMappingURL=aerogel-core.js.map