@wssto2/vue-core 0.13.1 → 0.15.0

package/dist/FormGroup.vue_vue_type_script_setup_true_lang-CTVuhEbW.js

@@ -0,0 +1,428 @@
+var ce = Object.defineProperty;
+var de = (o, e, t) => e in o ? ce(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var z = (o, e, t) => de(o, typeof e != "symbol" ? e + "" : e, t);
+import { shallowRef as N, computed as v, toRaw as fe, reactive as me, ref as V, watch as pe, nextTick as ve, toValue as ge, defineComponent as J, unref as $, openBlock as g, createBlock as Q, withCtx as ne, createElementBlock as k, toDisplayString as j, createCommentVNode as y, Fragment as W, createElementVNode as R, normalizeClass as P, renderList as he, createTextVNode as D, inject as le, provide as H, useSlots as ye, shallowReactive as re, useTemplateRef as be, useId as ke, normalizeStyle as _e, renderSlot as I } from "vue";
+import { useI18n as X } from "vue-i18n";
+import { i as we, a as L } from "./error-CD7x0Jrz.js";
+import { f as je } from "./serverMessages-Ce8-MK4e.js";
+import { d as Ee, u as Oe, a as xe } from "./describeError-B-NMa--w.js";
+import { _ as $e } from "./Banner.vue_vue_type_script_setup_true_lang-sv0phngk.js";
+import { s as Ae, u as Fe } from "./sectionIndex-BS0ic5W7.js";
+import { d as se, i as Be } from "./options-B48UiYsG.js";
+import { _ as De } from "./Button.vue_vue_type_script_setup_true_lang-C74hcb0N.js";
+class Se {
+  constructor() {
+    z(this, "messages", N({}));
+    /** How many fields have a message. */
+    z(this, "count", v(() => Object.keys(this.messages.value).length));
+  }
+  /** Replaces everything. Empty lists are dropped. */
+  set(e) {
+    this.messages.value = Object.fromEntries(Object.entries(e).filter(([, t]) => t.length > 0).map(([t, s]) => [t, [...s]]));
+  }
+  add(e, t) {
+    this.messages.value = { ...this.messages.value, [e]: [...this.messages.value[e] ?? [], t] };
+  }
+  /** Clears one field (and its nested paths), or everything. */
+  clear(e) {
+    if (e === void 0) {
+      this.count.value > 0 && (this.messages.value = {});
+      return;
+    }
+    const t = Object.fromEntries(Object.entries(this.messages.value).filter(([s]) => s !== e && !s.startsWith(`${e}.`)));
+    Object.keys(t).length !== this.count.value && (this.messages.value = t);
+  }
+  /** Whether the field, or a value inside it (`items.0.quantity` for `items`), has a message. */
+  has(e) {
+    return this.first(e) !== void 0 || Object.keys(this.messages.value).some((t) => t.startsWith(`${e}.`));
+  }
+  first(e) {
+    return this.messages.value[e]?.[0];
+  }
+  all() {
+    return this.messages.value;
+  }
+}
+function p(o) {
+  const e = fe(o);
+  return e === null || typeof e != "object" ? e : e instanceof Date ? new Date(e.getTime()) : typeof Blob < "u" && e instanceof Blob ? e : Array.isArray(e) ? e.map(p) : Object.fromEntries(Object.entries(e).map(([t, s]) => [t, p(s)]));
+}
+function Y(o, e) {
+  const t = o, s = e;
+  if (Object.is(t, s)) return !0;
+  if (t === null || s === null || typeof t != "object" || typeof s != "object") return !1;
+  if (t instanceof Date || s instanceof Date) return t instanceof Date && s instanceof Date && t.getTime() === s.getTime();
+  if (Array.isArray(t) || Array.isArray(s))
+    return Array.isArray(t) && Array.isArray(s) && t.length === s.length && t.every((n, l) => Y(n, s[l]));
+  if (typeof Blob < "u" && (t instanceof Blob || s instanceof Blob)) return !1;
+  const i = (n) => Object.keys(n).filter((l) => n[l] !== void 0), h = i(t);
+  return h.length === i(s).length && h.every((n) => Y(t[n], s[n]));
+}
+function oe(o) {
+  const e = {};
+  for (const t of o) {
+    const s = t.path.map(String).join(".");
+    (e[s] ?? (e[s] = [])).push(t.message);
+  }
+  return e;
+}
+const Me = (o) => o.split(".")[0] ?? o, ae = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+function rt(o) {
+  const { t: e, te: t } = X(), s = o.describeFieldError ?? Ee() ?? je({ t: (r) => e(r), te: t }), i = Oe(), h = xe(), l = me(p(typeof o.defaults == "function" ? o.defaults() : o.defaults)), d = N(p(l)), m = new Se(), E = V(!1), _ = N(null), M = v(() => !Y(l, d.value));
+  let A = null, S = ae();
+  function f(r) {
+    const a = l;
+    for (const u of Object.keys(a)) u in r || delete a[u];
+    Object.assign(a, p(r));
+  }
+  function O() {
+    m.clear(), _.value = null;
+  }
+  function G(r, a) {
+    const u = e(`core.form.failure.${r}`);
+    if (r === "refresh") return u;
+    const c = h?.(a);
+    if (c !== void 0) return c;
+    if (!L(a) || r === "invalid" && Object.keys(a.fields).length > 0) return u;
+    const F = r === "invalid" || r === "failed" && a.status !== null && a.status < 500;
+    return a.code ? i(a, { fallback: u }) : F && a.message ? i(a) : u;
+  }
+  function C(r, a) {
+    const u = L(a) ? a.requestId : null, c = o.failureMessage?.(r, a) ?? G(r, a);
+    return _.value = { kind: r, message: c, requestId: u, error: a };
+  }
+  function T(r, a = !1) {
+    const { serverField: u } = o, c = s, F = a && u ? Object.entries(r).map(([b, w]) => [u(b), w]) : Object.entries(r);
+    m.set(Object.fromEntries(c ? F.map(([b, w]) => [b, w.map((U) => c(U, b))]) : F));
+  }
+  function Z() {
+    if (m.clear(), !o.validator)
+      return _.value = null, p(l);
+    const r = o.validator.safeParse(p(l));
+    return r.success ? (_.value = null, r.data) : (T(oe(r.error.issues)), null);
+  }
+  function K(r) {
+    if (m.clear(), !o.validator) return !0;
+    const a = o.validator.safeParse(p(l));
+    if (a.success) return !0;
+    const u = Object.fromEntries(Object.entries(oe(a.error.issues)).filter(([c]) => r.includes(Me(c))));
+    return T(u), Object.keys(u).length === 0;
+  }
+  function ue(r) {
+    if (!L(r)) return "failed";
+    switch (r.kind) {
+      case "validation":
+        return "invalid";
+      case "conflict":
+        return "conflict";
+      case "forbidden":
+        return "forbidden";
+      case "unauthorized":
+        return "unauthorized";
+      case "network":
+        return "offline";
+      default:
+        return "failed";
+    }
+  }
+  async function ee(r, a, u, c) {
+    if (A) return A;
+    const b = (async () => {
+      _.value = null;
+      const w = r();
+      if (w === null) return { status: "failed", failure: C("invalid", null) };
+      const U = p(l);
+      let B;
+      E.value = !0;
+      try {
+        B = await a(w, { idempotencyKey: S });
+      } catch (x) {
+        if (E.value = !1, we(x)) return { status: "aborted" };
+        const te = ue(x);
+        return te === "invalid" && L(x) && T(x.fields, !0), { status: "failed", failure: C(te, x) };
+      }
+      const q = c?.hydrateFrom?.(B) ?? null;
+      q ? (f(q), d.value = p(q), m.clear()) : u(B, U);
+      try {
+        await c?.refresh?.(B);
+      } catch (x) {
+        return C("refresh", x), { status: "saved-refresh-failed", value: B, error: x };
+      } finally {
+        E.value = !1;
+      }
+      return { status: "saved", value: B };
+    })().finally(() => {
+      A = null, S = ae();
+    });
+    return A = b, b;
+  }
+  return {
+    values: l,
+    errors: m,
+    dirty: M,
+    submitting: E,
+    failure: _,
+    bind(r) {
+      return {
+        get modelValue() {
+          return l[r];
+        },
+        "onUpdate:modelValue"(a) {
+          l[r] = a, m.clear(r);
+        },
+        get error() {
+          return m.first(r);
+        },
+        "data-field-key": r
+      };
+    },
+    bindMonthYear(r, a) {
+      const u = l;
+      return {
+        get month() {
+          return u[r] ?? null;
+        },
+        get year() {
+          return u[a] ?? null;
+        },
+        "onUpdate:month"(c) {
+          u[r] = c, m.clear(r);
+        },
+        "onUpdate:year"(c) {
+          u[a] = c, m.clear(a);
+        },
+        get error() {
+          return m.first(r) ?? m.first(a);
+        },
+        "data-field-key": `${r} ${a}`
+      };
+    },
+    hydrate(r) {
+      f(r), d.value = p(r), O();
+    },
+    reset() {
+      f(d.value), O();
+    },
+    markClean() {
+      d.value = p(l);
+    },
+    validate: Z,
+    check: K,
+    submit: (r, a) => ee(Z, r, (u, c) => d.value = c, a),
+    submitFields: (r, a, u) => ee(
+      () => K(r) ? Object.fromEntries(r.map((c) => [c, p(l[c])])) : null,
+      a,
+      (c, F) => {
+        const b = p(d.value);
+        for (const w of r) b[w] = p(F[w]);
+        d.value = b;
+      },
+      u
+    ),
+    dismissFailure() {
+      _.value = null;
+    }
+  };
+}
+function Ge(o) {
+  const e = V([]);
+  return pe(
+    () => o.form.errors.all(),
+    async (t) => {
+      await ve();
+      const s = ge(o.root) ?? document, i = new Set([...s.querySelectorAll("[data-field-key]")].flatMap((n) => (n.getAttribute("data-field-key") ?? "").split(/\s+/))), h = (n) => n.split(".").some((l, d, m) => i.has(m.slice(0, d + 1).join(".")));
+      e.value = Object.entries(t).flatMap(([n, l]) => l[0] && !h(n) ? [{ field: n, message: l[0] }] : []);
+    },
+    { immediate: !0 }
+  ), v(() => e.value);
+}
+const Ie = {
+  key: 0,
+  class: "text-footnote font-medium"
+}, Le = {
+  class: "mt-1 list-inside list-disc text-footnote",
+  "data-test": "form-errors-hidden"
+}, Re = {
+  key: 2,
+  class: "mt-1 text-caption text-content-muted"
+}, st = /* @__PURE__ */ J({
+  __name: "FormErrors",
+  props: {
+    form: {},
+    label: { type: Function, default: (o) => o },
+    scope: { default: null }
+  },
+  setup(o) {
+    const e = o, { t } = X(), s = Ge({
+      get form() {
+        return e.form;
+      },
+      root: () => e.scope
+    }), i = v(() => e.form.failure.value), h = v(() => i.value?.kind === "conflict" || i.value?.kind === "refresh" ? "warning" : "critical");
+    return (n, l) => i.value || $(s).length ? (g(), Q($e, {
+      key: 0,
+      tone: i.value ? h.value : "warning",
+      "data-test": "form-errors"
+    }, {
+      default: ne(() => [
+        i.value ? (g(), k("p", Ie, j(i.value.message), 1)) : y("", !0),
+        $(s).length ? (g(), k(W, { key: 1 }, [
+          R("p", {
+            class: P(["text-footnote", i.value ? "mt-1" : "font-medium"])
+          }, j($(t)("core.form.errors.hidden_title")), 3),
+          R("ul", Le, [
+            (g(!0), k(W, null, he($(s), (d) => (g(), k("li", {
+              key: d.field
+            }, [
+              D(j(d.field ? e.label(d.field) : ""), 1),
+              d.field ? (g(), k(W, { key: 0 }, [
+                D(": ")
+              ], 64)) : y("", !0),
+              D(j(d.message), 1)
+            ]))), 128))
+          ])
+        ], 64)) : y("", !0),
+        i.value?.requestId ? (g(), k("p", Re, j($(t)("core.form.errors.request", { id: i.value.requestId })), 1)) : y("", !0)
+      ]),
+      _: 1
+    }, 8, ["tone"])) : y("", !0);
+  }
+}), Ve = /* @__PURE__ */ J({
+  __name: "GroupEditAction",
+  props: {
+    allowed: { type: Boolean, default: !0 },
+    locked: { type: Boolean, default: !1 },
+    label: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(o, { emit: e }) {
+    const t = o, s = e, { t: i } = X();
+    return (h, n) => t.allowed && !t.locked ? (g(), Q(De, {
+      key: 0,
+      prominence: "plain",
+      size: "sm",
+      "data-test": "group-edit",
+      onClick: n[0] || (n[0] = (l) => s("click"))
+    }, {
+      default: ne(() => [
+        D(j(t.label ?? $(i)("core.actions.edit")), 1)
+      ]),
+      _: 1
+    })) : y("", !0);
+  }
+}), ie = Symbol("vue-core.recordGroups"), Ce = () => le(ie, null);
+function Te() {
+  const o = /* @__PURE__ */ new Map();
+  return {
+    register(e, t) {
+      const s = o.get(t) ?? /* @__PURE__ */ new Map();
+      return s.set(e, (s.get(e) ?? 0) + 1), o.set(t, s), () => {
+        const i = (s.get(e) ?? 1) - 1;
+        i <= 0 ? s.delete(e) : s.set(e, i);
+      };
+    },
+    groupOf: (e) => o.get(e)?.keys().next().value,
+    fieldsOf: (e) => [...o.entries()].filter(([, t]) => t.has(e)).map(([t]) => t)
+  };
+}
+function ot(o) {
+  const e = Te();
+  return H(ie, {
+    only: V(null),
+    edit: (t, s) => o.edit(t, s),
+    editLabel: o.editLabel ? (t) => o.editLabel?.(t) : void 0,
+    register: (t, s) => e.register(t, s)
+  }), e;
+}
+const Ue = ["id", "data-group"], qe = {
+  key: 0,
+  class: "flex min-w-0 items-baseline gap-2 px-row-inset pb-2"
+}, ze = { class: "min-w-0 flex-1 text-subheadline font-semibold text-content-strong compact:text-footnote compact:font-normal compact:uppercase compact:tracking-wide compact:text-content-muted" }, We = { class: "form-group-cell rounded-group bg-surface-cell shadow-group" }, Ne = {
+  key: 1,
+  class: "px-row-inset pt-2 text-footnote text-content-muted text-pretty"
+}, at = /* @__PURE__ */ J({
+  __name: "FormGroup",
+  props: {
+    header: { default: void 0 },
+    footer: { default: void 0 },
+    hideEmpty: { type: Boolean, default: !0 },
+    labelWidth: { default: "11rem" },
+    section: { type: Boolean, default: !1 },
+    anchor: { default: void 0 },
+    editable: { type: Boolean, default: void 0 },
+    lockedFooter: { default: void 0 },
+    group: { default: void 0 }
+  },
+  setup(o) {
+    const e = o, t = ye(), s = le(se, V(!0));
+    H(se, v(() => s.value && e.editable !== !1));
+    const i = re(/* @__PURE__ */ new Set()), h = v(() => [...i].some((f) => f.value)), n = Ce(), l = re(/* @__PURE__ */ new Set()), d = v(() => l.size > 0 && [...l].every((f) => f.value)), m = v(() => !n?.only.value || n.only.value === e.group), E = v(() => e.group && n?.edit && !d.value ? n.edit(e.group, e.header ?? "") : null), _ = v(() => !!e.group && n?.only.value === e.group);
+    H(Be, {
+      hideEmpty: v(() => e.hideEmpty),
+      registerLocked(f) {
+        return i.add(f), () => i.delete(f);
+      },
+      registerField(f, O) {
+        l.add(O);
+        const G = e.group && f && n?.register ? n.register(e.group, f) : null;
+        return () => {
+          l.delete(O), G?.();
+        };
+      }
+    });
+    const M = v(() => h.value ? e.lockedFooter : void 0), A = be("root"), S = e.anchor ?? (Ae(e.header ?? "") || `group-${ke()}`);
+    return e.section && Fe(S, () => e.header ?? "", A), (f, O) => m.value ? (g(), k("section", {
+      key: 0,
+      ref_key: "root",
+      ref: A,
+      id: e.section ? $(S) : void 0,
+      "data-test": "form-group",
+      "data-group": e.group,
+      class: P(["form-group flex min-w-0 flex-col has-[>.form-group-cell:empty]:hidden", { "scroll-mt-4": e.section }]),
+      style: _e({ "--form-label-width": e.labelWidth })
+    }, [
+      !_.value && (e.header || t.header || t["header-trailing"] || E.value) ? (g(), k("header", qe, [
+        R("h3", ze, [
+          I(f.$slots, "header", {}, () => [
+            D(j(e.header), 1)
+          ])
+        ]),
+        I(f.$slots, "header-trailing", {}, () => [
+          E.value ? (g(), Q(Ve, {
+            key: 0,
+            label: e.group ? $(n)?.editLabel?.(e.group) : void 0,
+            onClick: O[0] || (O[0] = (G) => E.value())
+          }, null, 8, ["label"])) : y("", !0)
+        ])
+      ])) : y("", !0),
+      R("div", We, [
+        I(f.$slots, "default")
+      ]),
+      e.footer || t.footer ? (g(), k("p", Ne, [
+        I(f.$slots, "footer", {}, () => [
+          D(j(e.footer), 1)
+        ])
+      ])) : y("", !0),
+      M.value ? (g(), k("p", {
+        key: 2,
+        "data-test": "form-group-locked-footer",
+        class: P(["px-row-inset text-footnote text-content-muted text-pretty", e.footer || t.footer ? "pt-1" : "pt-2"])
+      }, j(M.value), 3)) : y("", !0)
+    ], 14, Ue)) : y("", !0);
+  }
+});
+export {
+  Se as E,
+  st as _,
+  at as a,
+  Ve as b,
+  p as c,
+  Te as d,
+  Ge as e,
+  Me as f,
+  Ce as g,
+  ot as p,
+  ie as r,
+  Y as s,
+  rt as u
+};

package/dist/{FormView.vue_vue_type_script_setup_true_lang-DvbPEiNQ.js → FormView.vue_vue_type_script_setup_true_lang-Cfvh7rF6.js}

@@ -1,6 +1,6 @@
 import { defineComponent as n, provide as f, computed as s, useTemplateRef as u, openBlock as t, createElementBlock as p, withModifiers as c, createBlock as d, createCommentVNode as b, renderSlot as _ } from "vue";
 import { d as v } from "./options-B48UiYsG.js";
-import { _ as k } from "./FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
+import { _ as k } from "./FormGroup.vue_vue_type_script_setup_true_lang-CTVuhEbW.js";
 const x = /* @__PURE__ */ n({
   __name: "FormView",
   props: {

package/dist/{General-jW7u4MjH.js → General-Dswj1oXt.js}

@@ -1,21 +1,21 @@
 import { defineComponent as R, computed as N, openBlock as i, createElementBlock as k, createVNode as o, unref as e, withCtx as u, mergeProps as c, createBlock as v, createCommentVNode as d, createElementVNode as p, toDisplayString as b, createTextVNode as S } from "vue";
 import { useI18n as V } from "vue-i18n";
 import { RouterLink as B } from "vue-router";
-import { u as E } from "./format-DoKs29bZ.js";
-import { u as T } from "./useResourceForm-Dl6YFYyz.js";
-import { a as h } from "./FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
-import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-DvbPEiNQ.js";
+import { u as E } from "./format-Cp1h0vsC.js";
+import { u as T } from "./useResourceForm-C1S628UI.js";
+import { a as h } from "./FormGroup.vue_vue_type_script_setup_true_lang-CTVuhEbW.js";
+import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-Cfvh7rF6.js";
 import { _ as L } from "./SelectField.vue_vue_type_script_setup_true_lang-BZwdANL3.js";
 import { _ as f } from "./TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
 import { u as A } from "./useSaveChrome-7huA3FzR.js";
 import { i as D } from "./preferences-hYhrw8Uy.js";
 import { t as G } from "./toast-CqSDTWRX.js";
-import { u as I } from "./platform-DtISOEt7.js";
+import { u as I } from "./platform-ORzRR3Tw.js";
 import { b as M } from "./routeResource-DlTsGTg_.js";
-import { u as O } from "./serverMessages-Ddghrewh.js";
+import { u as O } from "./serverMessages-Ce8-MK4e.js";
 import { _ as U, a as $ } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 import { u as j } from "./keepAlive-ClGnsIzT.js";
-import { P as z, e as H } from "./index-DZikGJ8L.js";
+import { P as z, e as H } from "./index--AF_DNhE.js";
 const J = {
   class: "flex min-w-0 max-w-200 flex-col gap-group-gap",
   "data-person-general": ""