@vincent99/vlib 0.1.0

package/dist/AdminForm.vue_vue_type_style_index_0_lang-xCk1ywLq.js

@@ -0,0 +1,753 @@
+import { defineComponent as K, ref as h, resolveComponent as H, openBlock as t, createElementBlock as a, Fragment as D, renderList as O, createElementVNode as e, toDisplayString as b, createCommentVNode as $, normalizeClass as F, withDirectives as M, createBlock as W, withCtx as A, createTextVNode as j, vShow as ae, onMounted as X, onUnmounted as le, renderSlot as z, createVNode as P, computed as x, watch as ne, withModifiers as Z, vModelCheckbox as Y, vModelText as J } from "vue";
+import { useRouter as ee } from "vue-router";
+const se = { class: "vl-nav" }, oe = {
+  key: 0,
+  class: "vl-nav__group"
+}, ie = ["onClick"], ue = {
+  key: 0,
+  class: "vl-nav__group-icon"
+}, re = { class: "vl-nav__group-label" }, ve = { class: "vl-nav__group-children" }, de = {
+  key: 0,
+  class: "vl-nav__link-icon"
+}, ce = {
+  key: 0,
+  class: "vl-nav__link-icon"
+}, me = /* @__PURE__ */ K({
+  __name: "NavSidebar",
+  props: {
+    items: {}
+  },
+  emits: ["navigate"],
+  setup(u) {
+    const y = u, S = h(
+      new Set(
+        y.items.filter((n) => n.children && n.defaultOpen !== !1).map((n) => n.label)
+      )
+    );
+    function k(n) {
+      return S.value.has(n);
+    }
+    function o(n) {
+      S.value.has(n) ? S.value.delete(n) : S.value.add(n);
+    }
+    return (n, p) => {
+      const C = H("RouterLink");
+      return t(), a("div", se, [
+        (t(!0), a(D, null, O(u.items, (m) => (t(), a(D, {
+          key: m.label
+        }, [
+          m.children ? (t(), a("div", oe, [
+            e("button", {
+              class: "vl-nav__group-header",
+              onClick: (f) => o(m.label)
+            }, [
+              m.icon ? (t(), a("span", ue, b(m.icon), 1)) : $("", !0),
+              e("span", re, b(m.label), 1),
+              e("span", {
+                class: F(["vl-nav__group-caret", { "vl-nav__group-caret--open": k(m.label) }])
+              }, "▸", 2)
+            ], 8, ie),
+            M(e("div", ve, [
+              (t(!0), a(D, null, O(m.children, (f) => (t(), W(C, {
+                key: f.to,
+                to: f.to,
+                class: "vl-nav__link vl-nav__link--child",
+                "active-class": "vl-nav__link--active",
+                "exact-active-class": "vl-nav__link--exact-active",
+                onClick: p[0] || (p[0] = (r) => n.$emit("navigate"))
+              }, {
+                default: A(() => [
+                  f.icon ? (t(), a("span", de, b(f.icon), 1)) : $("", !0),
+                  j(" " + b(f.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["to"]))), 128))
+            ], 512), [
+              [ae, k(m.label)]
+            ])
+          ])) : (t(), W(C, {
+            key: 1,
+            to: m.to,
+            class: "vl-nav__link",
+            "active-class": "vl-nav__link--active",
+            "exact-active-class": "vl-nav__link--exact-active",
+            onClick: p[1] || (p[1] = (f) => n.$emit("navigate"))
+          }, {
+            default: A(() => [
+              m.icon ? (t(), a("span", ce, b(m.icon), 1)) : $("", !0),
+              j(" " + b(m.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["to"]))
+        ], 64))), 128))
+      ]);
+    };
+  }
+}), _e = { class: "vl-app" }, fe = { class: "vl-header" }, be = { class: "vl-header__left" }, he = { class: "vl-header__title" }, pe = { class: "vl-header__right" }, ye = { class: "vl-user-menu__name" }, ke = {
+  key: 0,
+  class: "vl-user-menu__dropdown"
+}, $e = { class: "vl-body" }, ge = { class: "vl-main" }, Ct = /* @__PURE__ */ K({
+  __name: "AppLayout",
+  props: {
+    appName: { default: "App" },
+    user: { default: null },
+    navItems: { default: () => [] }
+  },
+  emits: ["logout"],
+  setup(u, { emit: y }) {
+    const S = y, k = ee(), o = h(!1), n = h(!1), p = h(null);
+    function C() {
+      n.value = !1, S("logout");
+    }
+    function m(f) {
+      p.value && !p.value.contains(f.target) && (n.value = !1);
+    }
+    return k.afterEach(() => {
+      o.value = !1;
+    }), X(() => document.addEventListener("click", m)), le(() => document.removeEventListener("click", m)), (f, r) => (t(), a("div", _e, [
+      e("header", fe, [
+        e("div", be, [
+          e("button", {
+            class: "vl-hamburger",
+            "aria-label": "Toggle navigation",
+            onClick: r[0] || (r[0] = (g) => o.value = !o.value)
+          }, [...r[4] || (r[4] = [
+            e("span", { class: "vl-hamburger__bar" }, null, -1),
+            e("span", { class: "vl-hamburger__bar" }, null, -1),
+            e("span", { class: "vl-hamburger__bar" }, null, -1)
+          ])]),
+          z(f.$slots, "logo", {}, () => [
+            e("span", he, b(u.appName), 1)
+          ])
+        ]),
+        e("div", pe, [
+          u.user ? (t(), a("div", {
+            key: 0,
+            ref_key: "userMenuRef",
+            ref: p,
+            class: "vl-user-menu"
+          }, [
+            e("button", {
+              class: "vl-user-menu__btn",
+              onClick: r[1] || (r[1] = (g) => n.value = !n.value)
+            }, [
+              e("span", ye, b(u.user.displayName || u.user.username), 1),
+              r[5] || (r[5] = e("span", { class: "vl-user-menu__caret" }, "▾", -1))
+            ]),
+            n.value ? (t(), a("div", ke, [
+              e("button", {
+                class: "vl-user-menu__item",
+                onClick: C
+              }, "Logout")
+            ])) : $("", !0)
+          ], 512)) : $("", !0)
+        ])
+      ]),
+      e("div", $e, [
+        o.value ? (t(), a("div", {
+          key: 0,
+          class: "vl-sidebar-overlay",
+          onClick: r[2] || (r[2] = (g) => o.value = !1)
+        })) : $("", !0),
+        e("nav", {
+          class: F(["vl-sidebar", { "vl-sidebar--open": o.value }])
+        }, [
+          z(f.$slots, "sidebar", {}, () => [
+            P(me, {
+              items: u.navItems,
+              onNavigate: r[3] || (r[3] = (g) => o.value = !1)
+            }, null, 8, ["items"])
+          ])
+        ], 2),
+        e("main", ge, [
+          z(f.$slots, "default")
+        ])
+      ])
+    ]));
+  }
+}), we = { class: "vl-table-view" }, Ce = { class: "vl-table-view__toolbar" }, Se = { class: "vl-table-view__toolbar-left" }, Ne = {
+  key: 0,
+  class: "vl-table-view__selected-count"
+}, Ee = { class: "vl-table-view__toolbar-right" }, Te = ["onClick"], Le = { class: "vl-table-view__scroll" }, Ve = { class: "vl-table" }, Ue = { class: "vl-table__th vl-table__th--check" }, je = ["checked", "indeterminate"], Re = ["onClick"], xe = {
+  key: 0,
+  class: "vl-table__sort-icon"
+}, De = {
+  key: 0,
+  class: "vl-table__th vl-table__th--actions"
+}, Ie = { class: "vl-table__td vl-table__td--check" }, Me = ["checked", "aria-label", "onChange"], Oe = {
+  key: 0,
+  class: "vl-table__td vl-table__td--actions"
+}, ze = { key: 0 }, Ae = ["colspan"], Pe = {
+  key: 0,
+  class: "vl-table-view__pagination"
+}, Be = ["disabled"], Je = { class: "vl-table-view__pagination-info" }, Fe = ["disabled"], Ke = /* @__PURE__ */ K({
+  __name: "TableView",
+  props: {
+    rows: {},
+    headers: {},
+    idKey: { default: "id" },
+    total: { default: 0 },
+    page: { default: 1 },
+    pageSize: { default: 50 },
+    actions: { default: () => [] }
+  },
+  emits: ["update:page", "action", "sort"],
+  setup(u, { expose: y, emit: S }) {
+    const k = u, o = S, n = h(/* @__PURE__ */ new Set()), p = h(null), C = h("asc"), m = x(() => Math.ceil((k.total || k.rows.length) / k.pageSize)), f = x(
+      () => k.rows.length > 0 && k.rows.every((i) => n.value.has(g(i)))
+    ), r = x(() => k.rows.some((i) => n.value.has(g(i))));
+    function g(i) {
+      return i[k.idKey];
+    }
+    function R() {
+      f.value ? k.rows.forEach((i) => n.value.delete(g(i))) : k.rows.forEach((i) => n.value.add(g(i)));
+    }
+    function V(i) {
+      n.value.has(i) ? n.value.delete(i) : n.value.add(i);
+    }
+    function N(i) {
+      o("action", i.key, Array.from(n.value)), n.value.clear();
+    }
+    function U(i) {
+      p.value === i ? C.value = C.value === "asc" ? "desc" : "asc" : (p.value = i, C.value = "asc"), o("sort", p.value, C.value);
+    }
+    function B(i) {
+      if (i == null)
+        return "";
+      if (typeof i == "object")
+        return JSON.stringify(i);
+      const E = String(i);
+      return E.length > 120 ? E.slice(0, 120) + "…" : E;
+    }
+    return y({ selectedIds: n }), (i, E) => (t(), a("div", we, [
+      e("div", Ce, [
+        e("div", Se, [
+          z(i.$slots, "toolbar-left", {}, () => [
+            n.value.size > 0 ? (t(), a("span", Ne, b(n.value.size) + " selected ", 1)) : $("", !0)
+          ])
+        ]),
+        e("div", Ee, [
+          n.value.size > 0 && u.actions.length > 0 ? (t(!0), a(D, { key: 0 }, O(u.actions, (_) => (t(), a("button", {
+            key: _.key,
+            class: F(["vl-btn", [`vl-btn--${_.variant || "default"}`]]),
+            onClick: (v) => N(_)
+          }, b(_.label), 11, Te))), 128)) : $("", !0),
+          z(i.$slots, "toolbar-right")
+        ])
+      ]),
+      e("div", Le, [
+        e("table", Ve, [
+          e("thead", null, [
+            e("tr", null, [
+              e("th", Ue, [
+                e("input", {
+                  type: "checkbox",
+                  checked: f.value,
+                  indeterminate: r.value && !f.value,
+                  "aria-label": "Select all",
+                  onChange: R
+                }, null, 40, je)
+              ]),
+              (t(!0), a(D, null, O(u.headers, (_) => (t(), a("th", {
+                key: _.key,
+                class: F(["vl-table__th", { "vl-table__th--sortable": _.sortable !== !1 }]),
+                onClick: (v) => _.sortable !== !1 && U(_.key)
+              }, [
+                j(b(_.label) + " ", 1),
+                p.value === _.key ? (t(), a("span", xe, b(C.value === "asc" ? "↑" : "↓"), 1)) : $("", !0)
+              ], 10, Re))), 128)),
+              i.$slots["row-actions"] ? (t(), a("th", De, "Actions")) : $("", !0)
+            ])
+          ]),
+          e("tbody", null, [
+            (t(!0), a(D, null, O(u.rows, (_) => (t(), a("tr", {
+              key: g(_),
+              class: F(["vl-table__tr", { "vl-table__tr--selected": n.value.has(g(_)) }])
+            }, [
+              e("td", Ie, [
+                e("input", {
+                  type: "checkbox",
+                  checked: n.value.has(g(_)),
+                  "aria-label": `Select row ${g(_)}`,
+                  onChange: (v) => V(g(_))
+                }, null, 40, Me)
+              ]),
+              (t(!0), a(D, null, O(u.headers, (v) => (t(), a("td", {
+                key: v.key,
+                class: "vl-table__td"
+              }, [
+                z(i.$slots, `cell-${v.key}`, {
+                  row: _,
+                  value: _[v.key]
+                }, () => [
+                  j(b(B(_[v.key])), 1)
+                ])
+              ]))), 128)),
+              i.$slots["row-actions"] ? (t(), a("td", Oe, [
+                z(i.$slots, "row-actions", {
+                  id: g(_),
+                  row: _
+                })
+              ])) : $("", !0)
+            ], 2))), 128)),
+            u.rows.length === 0 ? (t(), a("tr", ze, [
+              e("td", {
+                colspan: u.headers.length + 2,
+                class: "vl-table__empty"
+              }, " No rows found. ", 8, Ae)
+            ])) : $("", !0)
+          ])
+        ])
+      ]),
+      u.total > u.pageSize ? (t(), a("div", Pe, [
+        e("button", {
+          class: "vl-btn vl-btn--sm",
+          disabled: u.page <= 1,
+          onClick: E[0] || (E[0] = (_) => i.$emit("update:page", u.page - 1))
+        }, "← Prev", 8, Be),
+        e("span", Je, " Page " + b(u.page) + " of " + b(m.value) + "  (" + b(u.total) + " total) ", 1),
+        e("button", {
+          class: "vl-btn vl-btn--sm",
+          disabled: u.page >= m.value,
+          onClick: E[1] || (E[1] = (_) => i.$emit("update:page", u.page + 1))
+        }, "Next →", 8, Fe)
+      ])) : $("", !0)
+    ]));
+  }
+}), Ge = { class: "vl-admin-table" }, qe = { class: "vl-admin-table__header" }, He = { class: "vl-admin-table__title" }, Xe = {
+  key: 0,
+  class: "vl-alert vl-alert--error"
+}, Qe = ["onClick"], We = { class: "vl-modal" }, Ye = { class: "vl-modal__actions" }, St = /* @__PURE__ */ K({
+  __name: "AdminTable",
+  props: {
+    tableName: {}
+  },
+  setup(u) {
+    const y = u, S = h([]), k = h([]), o = h(0), n = h(1), p = h(50), C = h(void 0), m = h("asc"), f = h(null), r = h(null), g = x(
+      () => k.value.map((v) => ({ key: v.name, label: v.name, sortable: !0 }))
+    ), R = [
+      { key: "delete", label: "Delete Selected", variant: "danger" }
+    ];
+    async function V(v) {
+      n.value = v, await N();
+    }
+    async function N() {
+      f.value = null;
+      try {
+        const v = new URLSearchParams({
+          page: String(n.value),
+          pageSize: String(p.value),
+          ...C.value ? { orderBy: C.value, dir: m.value } : {}
+        }), d = await fetch(`/api/admin/tables/${y.tableName}?${v}`);
+        if (!d.ok)
+          throw new Error((await d.json()).error);
+        const T = await d.json();
+        S.value = T.rows, o.value = T.total, k.value.length === 0 && T.rows.length > 0 && (k.value = Object.keys(T.rows[0]).map((I) => ({
+          name: I,
+          type: "TEXT"
+        })));
+      } catch (v) {
+        f.value = String(v);
+      }
+    }
+    async function U() {
+      try {
+        const v = await fetch("/api/admin/tables");
+        if (!v.ok)
+          return;
+        const T = (await v.json()).find((I) => I.name === y.tableName);
+        T && (k.value = T.columns);
+      } catch {
+      }
+    }
+    function B(v, d) {
+      C.value = v, m.value = d, n.value = 1, N();
+    }
+    function i(v, d) {
+      v === "delete" && E(d);
+    }
+    function E(v) {
+      r.value = v;
+    }
+    async function _() {
+      if (!r.value)
+        return;
+      const v = r.value;
+      r.value = null;
+      try {
+        const d = await fetch(`/api/admin/tables/${y.tableName}`, {
+          method: "DELETE",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ ids: v })
+        });
+        if (!d.ok)
+          throw new Error((await d.json()).error);
+        await N();
+      } catch (d) {
+        f.value = String(d);
+      }
+    }
+    return ne(
+      () => y.tableName,
+      () => {
+        n.value = 1, k.value = [], U(), N();
+      }
+    ), X(() => {
+      U(), N();
+    }), (v, d) => {
+      const T = H("RouterLink");
+      return t(), a("div", Ge, [
+        e("div", qe, [
+          e("h1", He, b(u.tableName), 1),
+          P(T, {
+            to: `/admin/tables/${u.tableName}/new`,
+            class: "vl-btn vl-btn--primary"
+          }, {
+            default: A(() => [...d[2] || (d[2] = [
+              j(" + Add Row ", -1)
+            ])]),
+            _: 1
+          }, 8, ["to"])
+        ]),
+        f.value ? (t(), a("div", Xe, b(f.value), 1)) : $("", !0),
+        P(Ke, {
+          rows: S.value,
+          headers: g.value,
+          total: o.value,
+          page: n.value,
+          "page-size": p.value,
+          actions: R,
+          "onUpdate:page": V,
+          onAction: i,
+          onSort: B
+        }, {
+          "row-actions": A(({ row: I, id: G }) => [
+            P(T, {
+              to: `/admin/tables/${u.tableName}/${G}`,
+              class: "vl-btn vl-btn--sm"
+            }, {
+              default: A(() => [...d[3] || (d[3] = [
+                j("Edit", -1)
+              ])]),
+              _: 1
+            }, 8, ["to"]),
+            e("button", {
+              class: "vl-btn vl-btn--sm vl-btn--danger",
+              onClick: (Q) => E([G])
+            }, " Del ", 8, Qe)
+          ]),
+          _: 1
+        }, 8, ["rows", "headers", "total", "page", "page-size"]),
+        r.value ? (t(), a("div", {
+          key: 1,
+          class: "vl-modal-overlay",
+          onClick: d[1] || (d[1] = Z((I) => r.value = null, ["self"]))
+        }, [
+          e("div", We, [
+            d[6] || (d[6] = e("h3", { class: "vl-modal__title" }, "Confirm Delete", -1)),
+            e("p", null, [
+              j(" Delete " + b(r.value.length) + " row" + b(r.value.length !== 1 ? "s" : "") + "?", 1),
+              d[4] || (d[4] = e("br", null, null, -1)),
+              d[5] || (d[5] = j("This cannot be undone. ", -1))
+            ]),
+            e("div", Ye, [
+              e("button", {
+                class: "vl-btn",
+                onClick: d[0] || (d[0] = (I) => r.value = null)
+              }, "Cancel"),
+              e("button", {
+                class: "vl-btn vl-btn--danger",
+                onClick: _
+              }, " Delete ")
+            ])
+          ])
+        ])) : $("", !0)
+      ]);
+    };
+  }
+}), Ze = { class: "vl-admin-form" }, et = { class: "vl-admin-form__header" }, tt = { class: "vl-admin-form__title" }, at = {
+  key: 0,
+  class: "vl-alert vl-alert--error"
+}, lt = {
+  key: 1,
+  class: "vl-alert vl-alert--error"
+}, nt = {
+  key: 2,
+  class: "vl-alert vl-alert--success"
+}, st = {
+  key: 3,
+  class: "vl-admin-form__loading"
+}, ot = { class: "vl-form__field-header" }, it = ["id", "onUpdate:modelValue"], ut = ["for"], rt = { class: "vl-form__type" }, vt = {
+  key: 0,
+  class: "vl-form__required"
+}, dt = { class: "vl-form__input-wrap" }, ct = ["value"], mt = ["id", "onUpdate:modelValue"], _t = ["id", "onUpdate:modelValue", "placeholder"], ft = ["id", "onUpdate:modelValue"], bt = ["id", "onUpdate:modelValue"], ht = ["id", "onUpdate:modelValue"], pt = ["id", "onUpdate:modelValue"], yt = {
+  key: 2,
+  class: "vl-form__multi-warn"
+}, kt = { class: "vl-form__actions" }, $t = ["disabled"], q = "— Multiple —", Nt = /* @__PURE__ */ K({
+  __name: "AdminForm",
+  props: {
+    tableName: {},
+    rowIds: {}
+  },
+  setup(u) {
+    const y = u, S = ee(), k = h([]), o = h({}), n = h({}), p = h({}), C = h(!0), m = h(!1), f = h(null), r = h(null), g = h(!1), R = x(() => !y.rowIds || y.rowIds.length === 0), V = x(() => {
+      var l;
+      return (((l = y.rowIds) == null ? void 0 : l.length) ?? 0) > 1;
+    }), N = x(() => y.rowIds ?? []), U = x(
+      () => k.value.filter((l) => R.value ? l.pk === 0 || l.dflt_value === null : l.pk === 0)
+    ), B = x(
+      () => V.value && U.value.some(
+        (l) => p.value[l.name] && o.value[l.name] === q
+      )
+    );
+    function i(l) {
+      return /bool/i.test(l.type);
+    }
+    function E(l) {
+      return /json/i.test(l.type) || l.name.toLowerCase() === "preferences";
+    }
+    function _(l) {
+      return /text|varchar|nvarchar|clob/i.test(l.type) && l.name.length > 40;
+    }
+    function v(l) {
+      return /int|real|float|double|numeric|decimal/i.test(l.type);
+    }
+    function d(l) {
+      return /date|time/i.test(l.type);
+    }
+    function T(l) {
+      const c = new Set(
+        Object.values(n.value).map((w) => w[l])
+      );
+      return c.size > 1 ? q : String([...c][0] ?? "");
+    }
+    async function I() {
+      const l = await fetch("/api/admin/tables");
+      if (!l.ok)
+        throw new Error("Failed to load table info");
+      const w = (await l.json()).find((s) => s.name === y.tableName);
+      if (!w)
+        throw new Error(`Table "${y.tableName}" not found`);
+      k.value = w.columns;
+    }
+    async function G() {
+      if (!R.value)
+        for (const l of N.value) {
+          const c = await fetch(`/api/admin/tables/${y.tableName}/${l}`);
+          if (!c.ok)
+            throw new Error(`Row ${l} not found`);
+          n.value[String(l)] = await c.json();
+        }
+    }
+    function Q() {
+      var l;
+      if (R.value) {
+        for (const c of U.value)
+          o.value[c.name] = c.dflt_value ?? null;
+        return;
+      }
+      for (const c of U.value)
+        if (V.value) {
+          const w = T(c.name);
+          o.value[c.name] = w, p.value[c.name] = !1;
+        } else {
+          const w = String(N.value[0]);
+          o.value[c.name] = ((l = n.value[w]) == null ? void 0 : l[c.name]) ?? null;
+        }
+    }
+    async function te() {
+      m.value = !1, r.value = null, g.value = !1, m.value = !0;
+      try {
+        if (R.value) {
+          const l = await fetch(`/api/admin/tables/${y.tableName}`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(o.value)
+          });
+          if (!l.ok)
+            throw new Error((await l.json()).error);
+          S.push(`/admin/tables/${y.tableName}`);
+        } else if (V.value) {
+          const l = {};
+          for (const c of U.value)
+            if (p.value[c.name] && o.value[c.name] !== q) {
+              if (c.name.toLowerCase().includes("password") && !o.value[c.name])
+                continue;
+              l[c.name] = o.value[c.name];
+            }
+          for (const c of N.value) {
+            const w = await fetch(`/api/admin/tables/${y.tableName}/${c}`, {
+              method: "PUT",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify(l)
+            });
+            if (!w.ok)
+              throw new Error((await w.json()).error);
+          }
+          S.push(`/admin/tables/${y.tableName}`);
+        } else {
+          const l = { ...o.value };
+          for (const w of U.value)
+            w.name.toLowerCase().includes("password") && !l[w.name] && delete l[w.name];
+          const c = await fetch(
+            `/api/admin/tables/${y.tableName}/${N.value[0]}`,
+            {
+              method: "PUT",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify(l)
+            }
+          );
+          if (!c.ok)
+            throw new Error((await c.json()).error);
+          g.value = !0;
+        }
+      } catch (l) {
+        r.value = String(l);
+      } finally {
+        m.value = !1;
+      }
+    }
+    return X(async () => {
+      try {
+        await I(), await G(), Q();
+      } catch (l) {
+        f.value = String(l);
+      } finally {
+        C.value = !1;
+      }
+    }), (l, c) => {
+      const w = H("RouterLink");
+      return t(), a("div", Ze, [
+        e("div", et, [
+          P(w, {
+            to: `/admin/tables/${u.tableName}`,
+            class: "vl-back-link"
+          }, {
+            default: A(() => [
+              j("← Back to " + b(u.tableName), 1)
+            ]),
+            _: 1
+          }, 8, ["to"]),
+          e("h1", tt, b(V.value ? `Edit ${N.value.length} rows` : R.value ? `New ${u.tableName} row` : "Edit row"), 1)
+        ]),
+        f.value ? (t(), a("div", at, b(f.value), 1)) : $("", !0),
+        r.value ? (t(), a("div", lt, b(r.value), 1)) : $("", !0),
+        g.value ? (t(), a("div", nt, " Saved successfully. ")) : $("", !0),
+        C.value ? (t(), a("div", st, "Loading…")) : (t(), a("form", {
+          key: 4,
+          class: "vl-form",
+          onSubmit: Z(te, ["prevent"])
+        }, [
+          (t(!0), a(D, null, O(U.value, (s) => (t(), a("div", {
+            key: s.name,
+            class: "vl-form__field"
+          }, [
+            e("div", ot, [
+              V.value ? M((t(), a("input", {
+                key: 0,
+                id: `enable-${s.name}`,
+                "onUpdate:modelValue": (L) => p.value[s.name] = L,
+                type: "checkbox",
+                class: "vl-form__field-enable"
+              }, null, 8, it)), [
+                [Y, p.value[s.name]]
+              ]) : $("", !0),
+              e("label", {
+                for: `field-${s.name}`,
+                class: "vl-form__label"
+              }, [
+                j(b(s.name) + " ", 1),
+                e("span", rt, b(s.type), 1),
+                s.notnull && !s.dflt_value ? (t(), a("span", vt, "*")) : $("", !0)
+              ], 8, ut)
+            ]),
+            e("div", dt, [
+              V.value && !p.value[s.name] ? (t(), a("input", {
+                key: 0,
+                type: "text",
+                value: T(s.name),
+                disabled: "",
+                class: "vl-form__input vl-form__input--disabled"
+              }, null, 8, ct)) : (t(), a(D, { key: 1 }, [
+                i(s) ? M((t(), a("input", {
+                  key: 0,
+                  id: `field-${s.name}`,
+                  "onUpdate:modelValue": (L) => o.value[s.name] = L,
+                  type: "checkbox",
+                  class: "vl-form__checkbox"
+                }, null, 8, mt)), [
+                  [Y, o.value[s.name]]
+                ]) : s.name.toLowerCase().includes("password") ? M((t(), a("input", {
+                  key: 1,
+                  id: `field-${s.name}`,
+                  "onUpdate:modelValue": (L) => o.value[s.name] = L,
+                  type: "password",
+                  class: "vl-form__input",
+                  placeholder: R.value ? "" : "(leave blank to keep unchanged)"
+                }, null, 8, _t)), [
+                  [J, o.value[s.name]]
+                ]) : E(s) || _(s) ? M((t(), a("textarea", {
+                  key: 2,
+                  id: `field-${s.name}`,
+                  "onUpdate:modelValue": (L) => o.value[s.name] = L,
+                  class: "vl-form__input vl-form__input--textarea",
+                  rows: "4"
+                }, null, 8, ft)), [
+                  [J, o.value[s.name]]
+                ]) : v(s) ? M((t(), a("input", {
+                  key: 3,
+                  id: `field-${s.name}`,
+                  "onUpdate:modelValue": (L) => o.value[s.name] = L,
+                  type: "number",
+                  class: "vl-form__input"
+                }, null, 8, bt)), [
+                  [J, o.value[s.name]]
+                ]) : d(s) ? M((t(), a("input", {
+                  key: 4,
+                  id: `field-${s.name}`,
+                  "onUpdate:modelValue": (L) => o.value[s.name] = L,
+                  type: "datetime-local",
+                  class: "vl-form__input"
+                }, null, 8, ht)), [
+                  [J, o.value[s.name]]
+                ]) : M((t(), a("input", {
+                  key: 5,
+                  id: `field-${s.name}`,
+                  "onUpdate:modelValue": (L) => o.value[s.name] = L,
+                  type: "text",
+                  class: "vl-form__input"
+                }, null, 8, pt)), [
+                  [J, o.value[s.name]]
+                ])
+              ], 64)),
+              V.value && p.value[s.name] && o.value[s.name] === q ? (t(), a("span", yt, 'Cannot save "— Multiple —". Please enter a new value.')) : $("", !0)
+            ])
+          ]))), 128)),
+          e("div", kt, [
+            P(w, {
+              to: `/admin/tables/${u.tableName}`,
+              class: "vl-btn"
+            }, {
+              default: A(() => [...c[0] || (c[0] = [
+                j("Cancel", -1)
+              ])]),
+              _: 1
+            }, 8, ["to"]),
+            e("button", {
+              type: "submit",
+              class: "vl-btn vl-btn--primary",
+              disabled: m.value || B.value
+            }, b(m.value ? "Saving…" : "Save"), 9, $t)
+          ])
+        ], 32))
+      ]);
+    };
+  }
+});
+export {
+  Nt as _,
+  St as a,
+  Ct as b,
+  me as c,
+  Ke as d
+};