@wssto2/vue-core 0.2.0 → 0.4.0

package/dist/suggestions-BxMm6MQA.js

@@ -0,0 +1,138 @@
+import { inject as O, shallowRef as S, ref as p, computed as y, onBeforeUnmount as R } from "vue";
+import { i as x } from "./error-CD7x0Jrz.js";
+import { f as m } from "./options-Ba_0uLWN.js";
+const W = Symbol("vue-core.recentChoices"), D = 5, j = (e) => {
+  if (typeof e != "object" || e === null) return !1;
+  const n = e;
+  return (typeof n.value == "string" || typeof n.value == "number") && typeof n.label == "string";
+}, J = {
+  read(e) {
+    try {
+      const n = JSON.parse(localStorage.getItem(`vue-core.recent.${e}`) ?? "[]");
+      return Array.isArray(n) ? n.filter(j).slice(0, D) : [];
+    } catch {
+      return [];
+    }
+  },
+  write(e, n) {
+    try {
+      localStorage.setItem(`vue-core.recent.${e}`, JSON.stringify(n));
+    } catch {
+    }
+  }
+};
+function _(e, n) {
+  const r = m(n.trim());
+  if (r === "") return { before: "", match: "", after: e };
+  let s = "";
+  const c = [];
+  let a = 0;
+  for (const d of e) {
+    const v = m(d);
+    for (let h = 0; h < v.length; h++) c.push(a);
+    s += v, a += d.length;
+  }
+  const o = s.indexOf(r);
+  if (o < 0) return { before: "", match: "", after: e };
+  const u = c[o] ?? 0, i = c[o + r.length] ?? e.length;
+  return { before: e.slice(0, u), match: e.slice(u, i), after: e.slice(i) };
+}
+function q(e, n) {
+  return e === "" || n.length <= e.length ? "" : n.toLocaleLowerCase().startsWith(e.toLocaleLowerCase()) ? n.slice(e.length) : "";
+}
+function K(e, n) {
+  const r = m(n.trim());
+  if (r === "") return [...e];
+  const s = [], c = [];
+  for (const a of e) {
+    const o = m(a.label);
+    o.startsWith(r) ? s.push(a) : (o.includes(r) || a.description !== void 0 && m(a.description).includes(r)) && c.push(a);
+  }
+  return [...s, ...c];
+}
+function z(e, n, r, s) {
+  return e && (n > 0 || r === "loading" || r === "failed" || r === "loaded" && s);
+}
+function P() {
+  const e = S([]), n = p("idle");
+  let r = 0, s = null;
+  function c() {
+    r++, s?.abort(), s = null;
+  }
+  async function a(o, u = (i) => i) {
+    c();
+    const i = r;
+    s = new AbortController(), n.value = "loading";
+    try {
+      const d = await o(s.signal);
+      if (i !== r) return;
+      e.value = u(d), n.value = "loaded";
+    } catch (d) {
+      if (i !== r || x(d)) return;
+      e.value = [], n.value = "failed";
+    }
+  }
+  return { items: e, status: n, run: a, cancel: c };
+}
+function F(e) {
+  const n = O(W, J), r = P(), { items: s, status: c } = r, a = S([]), o = p(!1), u = p(0), i = p(!1);
+  let d = "", v = null;
+  const h = y(() => c.value === "idle" ? a.value : s.value), T = y(() => c.value === "idle" && a.value.length > 0), w = y(() => h.value[u.value]);
+  function g() {
+    r.cancel(), v && clearTimeout(v), v = null;
+  }
+  R(g);
+  function b(t) {
+    return u.value = 0, i.value = !1, t.slice(0, e.limit());
+  }
+  const E = (t, l) => r.run((f) => l(t, { signal: f }), b);
+  function L(t) {
+    d = t, g(), o.value = !0;
+    const l = e.source(), f = t.trim() === "";
+    if (!l || f && !e.listAllWhenEmpty || typeof l == "function" && t.trim().length < e.minLength()) {
+      c.value = "idle", s.value = [], u.value = 0, i.value = !1;
+      return;
+    }
+    typeof l == "function" ? v = setTimeout(() => void E(t, l), e.debounce()) : (s.value = b(K(l, t)), c.value = "loaded");
+  }
+  function k(t) {
+    const l = e.recents();
+    a.value = l ? n.read(l) : [], L(t), o.value = h.value.length > 0;
+  }
+  function A() {
+    g(), o.value = !1, c.value === "loading" && (c.value = "idle");
+  }
+  function I(t) {
+    const l = e.recents();
+    if (!l) return;
+    const f = n.read(l).filter((N) => N.value !== t.value);
+    n.write(l, [{ value: t.value, label: t.label, ...t.description !== void 0 ? { description: t.description } : {} }, ...f].slice(0, D));
+  }
+  function C(t, l = !0) {
+    u.value = t, l && (i.value = !0);
+  }
+  function M(t, l) {
+    if (t.key === "Escape" && o.value)
+      t.stopPropagation(), t.preventDefault(), A();
+    else if (t.key === "ArrowDown" || t.key === "ArrowUp") {
+      if (t.preventDefault(), !o.value) {
+        k(d), o.value = !0;
+        return;
+      }
+      const f = h.value.length - 1;
+      C(t.key === "ArrowDown" ? Math.min(u.value + 1, f) : Math.max(u.value - 1, 0));
+    } else if (t.key === "Enter" && o.value) {
+      const f = w.value;
+      f && !f.disabled && (i.value || !l.enterNeedsMove) && (t.preventDefault(), l.pick(f));
+    } else t.key === "Tab" && !t.shiftKey && o.value && l.complete?.() && t.preventDefault();
+  }
+  return { items: h, showingRecent: T, status: c, open: o, highlighted: u, moved: i, current: w, ask: L, show: k, close: A, cancel: g, remember: I, highlight: C, keydown: M };
+}
+export {
+  P as a,
+  q as c,
+  z as l,
+  _ as m,
+  W as r,
+  F as u
+};

package/dist/testing/index.js

@@ -1,6 +1,6 @@
 import { nextTick as b, createApp as j, defineComponent as m, h as u } from "vue";
 import { createMemoryHistory as P, createRouter as E, RouterView as $ } from "vue-router";
-import { a as A, i as O } from "../platform-jqlKVJ2e.js";
+import { a as A, i as O } from "../platform-q3cjODLx.js";
 import { createI18n as k } from "vue-i18n";
 import { coreMessages as M } from "../i18n/index.js";
 import { i as R, c as S } from "../format-B8mJm946.js";

package/dist/toast-D9Z5To38.js

@@ -0,0 +1,13 @@
+import { toast as i } from "vue-sonner";
+const t = {
+  success: (s, o) => i.success(s, o),
+  info: (s, o) => i.info(s, o),
+  warning: (s, o) => i.warning(s, o),
+  error: (s, o) => i.error(s, o),
+  loading: (s, o) => i.loading(s, o),
+  /** Dismisses one toast, or all of them without an id. */
+  dismiss: (s) => void i.dismiss(s)
+};
+export {
+  t
+};

package/dist/transport-BnP7WC0Y.js

@@ -0,0 +1,4 @@
+const s = (t, o) => globalThis.fetch(t, o);
+export {
+  s as f
+};

package/dist/useCommand-BkONMn3X.js

@@ -0,0 +1,135 @@
+import { nextTick as f, defineComponent as L, useTemplateRef as p, ref as w, watch as S, onBeforeUnmount as x, computed as E, openBlock as v, createBlock as T, unref as c, createSlots as $, withCtx as y, createElementVNode as C, createElementBlock as D, toDisplayString as B, createCommentVNode as N, createVNode as z, renderSlot as g } from "vue";
+import { useI18n as V } from "vue-i18n";
+import { f as q } from "./useDialog-CXR3hN0G.js";
+import { _ as A } from "./Modal.vue_vue_type_script_setup_true_lang-DpBb8ans.js";
+import { D as F } from "./useWaitStatus-fsacMl4W.js";
+import { _ as O, u as I } from "./FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js";
+import { a as R } from "./leaveGuard-Cc8yeLxM.js";
+const d = "input:not([type=hidden]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex='-1'])";
+async function U(t = document, n) {
+  const e = [...t.querySelectorAll("[data-field-error]")], s = e.find((a) => a.matches(d) || a.querySelector(d)) ?? e[0];
+  if (!s) return !1;
+  const r = n?.sections.value.find((a) => a.element.contains(s));
+  r && (await n?.scrollTo(r.id, { updateUrl: !1 }), await f());
+  const o = s.matches(d) ? s : s.querySelector(d);
+  return (o ?? s).scrollIntoView?.({ block: "center" }), (o ?? s).focus({ preventScroll: !0 }), !0;
+}
+const Q = (t) => ({ "data-field-key": t }), G = {
+  key: 0,
+  class: "text-body text-content-muted"
+}, X = /* @__PURE__ */ L({
+  __name: "CommandDialog",
+  props: {
+    command: {},
+    title: {},
+    subtitle: { default: void 0 },
+    confirmLabel: {},
+    doneLabel: { default: void 0 },
+    busyLabel: { default: void 0 },
+    message: { default: void 0 },
+    size: { default: "sm" },
+    fieldLabel: { type: Function, default: void 0 }
+  },
+  emits: ["done"],
+  setup(t, { emit: n }) {
+    const e = t, s = n, { t: r } = V(), o = p("modal"), a = p("body"), u = w(!1);
+    let m = null;
+    const { confirmDiscard: _ } = R(() => e.command.open.value && e.command.form.dirty.value);
+    S(() => e.command.open.value, (i) => {
+      i ? (u.value = !1, o.value?.present()) : o.value?.dismiss();
+    });
+    async function b(i = {}) {
+      const l = await e.command.run();
+      if (l.status === "failed") {
+        l.failure.kind === "invalid" && await f().then(() => U(a.value ?? document));
+        return;
+      }
+      if (l.status !== "aborted") {
+        if (s("done"), i.addAnother) {
+          e.command.present(), await f(), q(a.value)[0]?.focus();
+          return;
+        }
+        u.value = !0, m = setTimeout(() => e.command.dismiss(), F);
+      }
+    }
+    x(() => {
+      m && clearTimeout(m);
+    });
+    const k = E(() => e.command.form.submitting.value ? "processing" : u.value ? "done" : "idle");
+    return (i, l) => (v(), T(A, {
+      ref_key: "modal",
+      ref: o,
+      size: e.size,
+      grouped: "",
+      title: e.title,
+      subtitle: e.subtitle,
+      "before-dismiss": c(_),
+      "primary-label": e.confirmLabel,
+      status: k.value,
+      "processing-label": e.busyLabel ?? c(r)("core.actions.saving"),
+      "done-label": e.doneLabel ?? c(r)("core.actions.saved"),
+      onPrimary: l[0] || (l[0] = (h) => b()),
+      onDismissed: l[1] || (l[1] = (h) => e.command.dismiss())
+    }, $({
+      default: y(() => [
+        C("div", {
+          ref_key: "body",
+          ref: a,
+          class: "flex min-w-0 flex-col gap-group-gap",
+          "data-test": "command-dialog"
+        }, [
+          e.message ? (v(), D("p", G, B(e.message), 1)) : N("", !0),
+          z(O, {
+            form: e.command.form,
+            label: e.fieldLabel,
+            scope: a.value
+          }, null, 8, ["form", "label", "scope"]),
+          g(i.$slots, "default")
+        ], 512)
+      ]),
+      _: 2
+    }, [
+      i.$slots.actions ? {
+        name: "actions",
+        fn: y(() => [
+          g(i.$slots, "actions", {
+            run: b,
+            busy: e.command.form.submitting.value
+          })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["size", "title", "subtitle", "before-dismiss", "primary-label", "status", "processing-label", "done-label"]));
+  }
+});
+function Y(t) {
+  const n = I(t), e = w(!1), s = () => typeof t.defaults == "function" ? t.defaults() : t.defaults;
+  async function r() {
+    return await n.submit(t.run, {
+      // The page updating itself after the call is the refresh: its failure is "saved, but could not be read back".
+      refresh: t.done ? (a) => t.done?.(a) : void 0
+    });
+  }
+  return {
+    form: n,
+    open: e,
+    present(o) {
+      n.hydrate({ ...s(), ...o }), e.value = !0;
+    },
+    dismiss() {
+      e.value = !1;
+    },
+    run: r,
+    async confirm() {
+      const o = await r();
+      if (o.status === "failed") throw new Error(o.failure.message);
+      if (o.status === "aborted") throw new Error("aborted");
+    }
+  };
+}
+export {
+  X as _,
+  Q as a,
+  U as f,
+  Y as u
+};

package/dist/useLoad-CYRVx6HW.js

@@ -0,0 +1,39 @@
+import { shallowRef as h, watch as k, getCurrentScope as y, onScopeDispose as C, computed as v } from "vue";
+import { useI18n as D } from "vue-i18n";
+import { u as E } from "./describeError-Ctga6GcS.js";
+function I(f, t = {}) {
+  const { t: m } = D(), g = E(), p = t.errorMessage ?? ((a) => g(a, { fallback: m("core.resource.unavailable") })), e = h({ status: "loading" });
+  let s = 0, u = null;
+  function l() {
+    return u?.abort(), u = null, ++s;
+  }
+  async function o() {
+    const a = l(), i = e.value, r = "value" in i ? i : null;
+    e.value = r ? { status: "refreshing", value: r.value } : { status: "loading" };
+    const c = new AbortController();
+    u = c;
+    try {
+      const n = await f({ signal: c.signal });
+      a === s && (e.value = { status: "loaded", value: n });
+    } catch (n) {
+      if (a !== s) return;
+      const d = p(n);
+      e.value = r ? { status: "stale", value: r.value, error: d } : { status: "failed", error: d };
+    }
+  }
+  function w(a) {
+    l(), e.value = { status: "loaded", value: a };
+  }
+  function b() {
+    e.value = { status: "loading" }, o();
+  }
+  return t.watch !== void 0 ? k(t.watch, b, { immediate: t.immediate ?? !0 }) : (t.immediate ?? !0) && o(), y() && C(l), {
+    state: v(() => e.value),
+    data: v(() => "value" in e.value ? e.value.value : null),
+    reload: o,
+    update: w
+  };
+}
+export {
+  I as u
+};

package/dist/useResourceForm-D1hIpwW5.js

@@ -0,0 +1,52 @@
+import { shallowRef as v, watch as m, computed as f } from "vue";
+import { u as i, c as h } from "./FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js";
+function b(u) {
+  const t = i(u), r = v(null), s = v(!1);
+  let n = null;
+  function c(e) {
+    r.value = e, n = u.source.id.value, s.value = !1, t.hydrate(u.toValues(e));
+  }
+  m(
+    u.source.data,
+    (e) => {
+      !e || e === r.value || (n !== u.source.id.value || !t.dirty.value ? c(e) : (r.value = e, s.value = !0));
+    },
+    { immediate: !0, flush: "sync" }
+  );
+  async function d(e) {
+    return t.submit(
+      async (a, l) => {
+        const o = r.value;
+        if (!o) throw new Error("useResourceForm: the record is not loaded, so there is nothing to save.");
+        return u.save(a, o, l);
+      },
+      {
+        refresh: e?.refresh,
+        // The saved record is the new truth, unless the user has moved on to another record meanwhile.
+        hydrateFrom: (a) => {
+          const l = r.value;
+          return r.value = a, u.source.update(a) ? (s.value = !1, u.toValues(a)) : (r.value = l, null);
+        }
+      }
+    );
+  }
+  return {
+    ...t,
+    record: f(() => r.value),
+    outdated: f(() => s.value),
+    save: d,
+    rebase(e = []) {
+      const a = u.source.data.value;
+      if (!a || u.source.state.value.status !== "loaded") return !1;
+      const l = Object.fromEntries(e.map((o) => [o, h(t.values[o])]));
+      return c(a), Object.assign(t.values, l), !0;
+    },
+    reset() {
+      const e = r.value;
+      e && s.value ? c(e) : t.reset();
+    }
+  };
+}
+export {
+  b as u
+};

package/dist/useSaveChrome-chi6D3HY.js

@@ -0,0 +1,25 @@
+import { computed as u, toValue as r } from "vue";
+import { useI18n as n } from "vue-i18n";
+import { u as s } from "./chrome-BS3xJcad.js";
+import { a as m } from "./leaveGuard-Cc8yeLxM.js";
+function d(e) {
+  const { t: a } = n(), l = u(() => (r(e.ready) ?? !0) && (r(e.allowed) ?? !0)), c = u(() => l.value && e.form.dirty.value);
+  m(() => l.value && e.form.dirty.value), s({
+    actions: () => l.value ? [
+      {
+        id: e.id ?? "save",
+        label: r(e.label) ?? a("core.actions.save"),
+        shortLabel: a("core.actions.save"),
+        icon: "save",
+        placement: "primary",
+        processing: e.form.submitting.value,
+        onClick: e.save
+      }
+    ] : [],
+    leading: () => c.value ? { id: `${e.id ?? "save"}-cancel`, label: a("core.actions.cancel"), prominence: "plain", onClick: e.cancel } : null,
+    status: () => c.value ? a("core.form.unsaved_changes") : null
+  });
+}
+export {
+  d as u
+};

package/dist/useSheetDrag-OsD6Eb6I.js

@@ -0,0 +1,72 @@
+import { ref as p, computed as S } from "vue";
+const D = 120, P = 0.5, C = 40;
+function H({ enabled: l, panel: f, body: T, onDismiss: I }) {
+  const o = p(0), n = p(!1);
+  let u = 0, s = 0, i = 0, c = 0, v = !1, a = !1;
+  function h(t, e) {
+    l.value && (u = s = t, i = performance.now(), c = 0, v = e, a = !0, n.value = !e);
+  }
+  function d(t) {
+    if (!a) return !1;
+    const e = t - u;
+    if (!n.value) {
+      const m = (T.value?.scrollTop ?? 0) <= 0;
+      if (!v || !m || e <= 0)
+        return (e < 0 || !m) && (a = !1), !1;
+      n.value = !0, u = t;
+    }
+    const g = performance.now();
+    return c = (t - s) / Math.max(g - i, 1), s = t, i = g, o.value = Math.max(0, t - u), !0;
+  }
+  async function r() {
+    if (!a || (a = !1, !n.value)) return;
+    n.value = !1;
+    const t = c > P && o.value > C;
+    if (o.value > D || t) {
+      const e = o.value;
+      if (await I()) {
+        o.value = Math.max(e, f.value?.offsetHeight ?? window.innerHeight);
+        return;
+      }
+    }
+    o.value = 0;
+  }
+  function w() {
+    a = !1, n.value = !1, o.value = 0;
+  }
+  const M = {
+    onPointerdown(t) {
+      t.button === 0 && (t.target?.closest('button, a, input, [role="button"]') || (t.currentTarget.setPointerCapture(t.pointerId), h(t.clientY, !1)));
+    },
+    onPointermove(t) {
+      if (t.buttons === 0) {
+        r();
+        return;
+      }
+      d(t.clientY);
+    },
+    onPointerup: () => void r(),
+    onPointercancel: () => void r()
+  }, b = {
+    onTouchstartPassive(t) {
+      const e = t.touches[0];
+      e && t.touches.length === 1 && h(e.clientY, !0);
+    },
+    onTouchmove(t) {
+      const e = t.touches[0];
+      e && d(e.clientY) && t.cancelable && t.preventDefault();
+    },
+    onTouchend: () => void r(),
+    onTouchcancel: () => void r()
+  }, x = S(
+    () => !l.value || o.value === 0 ? void 0 : { transform: `translateY(${o.value}px)` }
+  ), y = S(() => {
+    if (!l.value || o.value === 0) return;
+    const t = f.value?.offsetHeight || window.innerHeight;
+    return { opacity: String(Math.max(0, 1 - o.value / t)) };
+  });
+  return { dragOffset: o, dragging: n, handleEvents: M, bodyEvents: b, panelStyle: x, backdropStyle: y, reset: w };
+}
+export {
+  H as u
+};