@wssto2/vue-core 0.15.2 → 0.16.0

package/dist/{useGroupSheet-Qqo3ywsS.js → useGroupSheet-B-Hs4gNO.js}

@@ -1,18 +1,19 @@
-import { defineComponent as L, useModel as X, useId as Y, useTemplateRef as O, ref as h, computed as w, watch as N, nextTick as z, onMounted as H, openBlock as b, createElementBlock as _, normalizeClass as T, createElementVNode as $, unref as x, Fragment as I, renderList as Z, createTextVNode as ee, toDisplayString as j, createCommentVNode as C, mergeModels as A, onBeforeUnmount as te, createBlock as F, withCtx as E, createVNode as ae, renderSlot as J, provide as K, toRef as se, shallowRef as le, toValue as P } from "vue";
+import { defineComponent as L, useModel as X, useId as Y, useTemplateRef as O, ref as y, computed as w, watch as N, nextTick as $, onMounted as H, openBlock as b, createElementBlock as _, normalizeClass as T, createElementVNode as D, unref as k, Fragment as I, renderList as Z, createTextVNode as ee, toDisplayString as j, createCommentVNode as C, mergeModels as P, onBeforeUnmount as te, createBlock as V, withCtx as z, createVNode as ae, renderSlot as J, provide as A, toRef as se, shallowRef as le, toValue as K } from "vue";
 import { useI18n as Q } from "vue-i18n";
 import { _ as oe } from "./Modal.vue_vue_type_script_setup_true_lang-CZ7WrDwu.js";
 import { _ as q } from "./Banner.vue_vue_type_script_setup_true_lang-sv0phngk.js";
 import { D as ne } from "./shortcut-oixX55SZ.js";
 import { _ as re, r as ie, s as U, c as B, f as ue } from "./FormGroup.vue_vue_type_script_setup_true_lang-dsO1m9Mm.js";
-import { d as ce } from "./options-B48UiYsG.js";
-import { t as de } from "./toast-CqSDTWRX.js";
-import { a as fe } from "./leaveGuard-Cc8yeLxM.js";
-const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "aria-describedby"], me = {
+import { f as ce } from "./useCommand-DAMgQ5NE.js";
+import { d as de } from "./options-B48UiYsG.js";
+import { t as fe } from "./toast-CqSDTWRX.js";
+import { a as ve } from "./leaveGuard-Cc8yeLxM.js";
+const me = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "aria-describedby"], pe = {
   key: 1,
   class: "h-5 w-px animate-caret-blink bg-content-strong"
-}, De = /* @__PURE__ */ L({
+}, Ee = /* @__PURE__ */ L({
   __name: "OtpInput",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ P({
     length: { default: 6 },
     disabled: { type: Boolean, default: !1 },
     invalid: { type: Boolean, default: !1 },
@@ -24,44 +25,44 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["complete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ P(["complete"], ["update:modelValue"]),
   setup(l, { expose: a, emit: t }) {
-    const o = l, i = X(l, "modelValue"), d = t, { t: m } = Q(), f = Y(), r = O("input"), v = h(!1), g = h(0), c = h(!1), y = (s) => s.replace(/\D/g, "").slice(0, o.length), u = w(() => y(i.value)), k = w(() => Math.min(g.value, o.length - 1)), D = w(() => o.label ?? m("core.form.otp.label", { length: o.length }));
+    const o = l, u = X(l, "modelValue"), c = t, { t: d } = Q(), v = Y(), r = O("input"), f = y(!1), g = y(0), m = y(!1), h = (s) => s.replace(/\D/g, "").slice(0, o.length), i = w(() => h(u.value)), x = w(() => Math.min(g.value, o.length - 1)), G = w(() => o.label ?? d("core.form.otp.label", { length: o.length }));
     function p() {
-      g.value = r.value?.selectionStart ?? u.value.length;
+      g.value = r.value?.selectionStart ?? i.value.length;
     }
     function S(s) {
-      const e = y(s);
+      const e = h(s);
       r.value && r.value.value !== e && (r.value.value = e);
-      const n = e !== u.value;
-      i.value = e, z(p), n && e.length === o.length && d("complete", e);
+      const n = e !== i.value;
+      u.value = e, $(p), n && e.length === o.length && c("complete", e);
     }
-    function G(s) {
+    function E(s) {
       const e = s.clipboardData?.getData("text") ?? "";
-      e && (s.preventDefault(), S(e), z(() => {
-        const n = u.value.length;
+      e && (s.preventDefault(), S(e), $(() => {
+        const n = i.value.length;
         r.value?.setSelectionRange(n, n), p();
       }));
     }
     return N(
       () => o.invalid,
       (s) => {
-        s && (c.value = !1, requestAnimationFrame(() => c.value = !0));
+        s && (m.value = !1, requestAnimationFrame(() => m.value = !0));
       }
-    ), N(u, (s) => {
-      r.value && r.value.value !== s && (r.value.value = s, z(p));
+    ), N(i, (s) => {
+      r.value && r.value.value !== s && (r.value.value = s, $(p));
     }), H(() => {
       o.autofocus && r.value?.focus();
     }), a({ focus: () => r.value?.focus() }), (s, e) => (b(), _("div", {
-      class: T(["relative inline-flex gap-2 sm:gap-3", { "motion-safe:animate-shake": c.value }]),
+      class: T(["relative inline-flex gap-2 sm:gap-3", { "motion-safe:animate-shake": m.value }]),
       "data-test": "otp-input",
-      onAnimationend: e[3] || (e[3] = (n) => c.value = !1)
+      onAnimationend: e[3] || (e[3] = (n) => m.value = !1)
     }, [
-      $("input", {
-        id: x(f),
+      D("input", {
+        id: k(v),
         ref_key: "input",
         ref: r,
-        value: u.value,
+        value: i.value,
         name: o.name,
         type: "text",
         inputmode: "numeric",
@@ -69,34 +70,34 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
         pattern: "\\d*",
         spellcheck: "false",
         disabled: o.disabled,
-        "aria-label": D.value,
+        "aria-label": G.value,
         "aria-invalid": o.invalid || void 0,
         "aria-describedby": o.describedBy,
         "data-test": "otp-input-field",
         class: "absolute inset-0 z-10 h-full w-full cursor-text border-0 bg-transparent p-0 text-base text-transparent caret-transparent outline-none selection:bg-transparent disabled:cursor-not-allowed",
         onInput: e[0] || (e[0] = (n) => S(n.target.value)),
-        onPaste: G,
+        onPaste: E,
         onFocus: e[1] || (e[1] = (n) => {
-          v.value = !0, p();
+          f.value = !0, p();
         }),
-        onBlur: e[2] || (e[2] = (n) => v.value = !1),
+        onBlur: e[2] || (e[2] = (n) => f.value = !1),
         onKeyup: p,
         onClick: p,
         onSelect: p
-      }, null, 40, ve),
+      }, null, 40, me),
       (b(!0), _(I, null, Z(o.length, (n) => (b(), _("div", {
         key: n,
         "aria-hidden": "true",
         "data-test": "otp-input-cell",
-        class: T(["flex size-11 items-center justify-center rounded-control bg-fill text-lg font-medium tabular-nums text-content-strong transition-[box-shadow] sm:size-13 sm:text-xl", [o.invalid ? "bg-status-danger-surface ring-[1.5px] ring-inset ring-border-destructive" : v.value && k.value === n - 1 ? "bg-surface-cell ring-[1.5px] ring-inset ring-border-focus outline-3 outline-border-focus/20" : "", o.disabled ? "opacity-45" : ""]])
+        class: T(["flex size-11 items-center justify-center rounded-control bg-fill text-lg font-medium tabular-nums text-content-strong transition-[box-shadow] sm:size-13 sm:text-xl", [o.invalid ? "bg-status-danger-surface ring-[1.5px] ring-inset ring-border-destructive" : f.value && x.value === n - 1 ? "bg-surface-cell ring-[1.5px] ring-inset ring-border-focus outline-3 outline-border-focus/20" : "", o.disabled ? "opacity-45" : ""]])
       }, [
-        u.value[n - 1] ? (b(), _(I, { key: 0 }, [
-          ee(j(u.value[n - 1]), 1)
-        ], 64)) : v.value && k.value === n - 1 ? (b(), _("span", me)) : C("", !0)
+        i.value[n - 1] ? (b(), _(I, { key: 0 }, [
+          ee(j(i.value[n - 1]), 1)
+        ], 64)) : f.value && x.value === n - 1 ? (b(), _("span", pe)) : C("", !0)
       ], 2))), 128))
     ], 34));
   }
-}), pe = { class: "text-footnote" }, be = { class: "text-footnote" }, Ge = /* @__PURE__ */ L({
+}), be = { class: "text-footnote" }, ge = { class: "text-footnote" }, Fe = /* @__PURE__ */ L({
   __name: "GroupSheet",
   props: {
     sheet: {},
@@ -109,72 +110,78 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
   },
   emits: ["saved"],
   setup(l, { emit: a }) {
-    const t = l, o = a, { t: i } = Q(), d = O("modal"), m = O("body"), f = h(!1);
+    const t = l, o = a, { t: u } = Q(), c = O("modal"), d = O("body"), v = y(!1);
     let r = null;
-    N(() => t.sheet.open.value, (c) => {
-      c ? (f.value = !1, d.value?.present()) : d.value?.dismiss();
+    N(() => t.sheet.open.value, (h) => {
+      h ? (v.value = !1, c.value?.present()) : c.value?.dismiss();
     }), H(() => {
-      t.sheet.open.value && d.value?.present();
+      t.sheet.open.value && c.value?.present();
     }), te(() => {
       r && clearTimeout(r);
     });
-    async function v() {
-      await t.sheet.save() && (f.value = !0, o("saved"), r = setTimeout(() => t.sheet.dismiss(), ne));
+    const f = () => $().then(() => d.value ? ce(d.value) : !1);
+    async function g() {
+      if (!await t.sheet.save()) {
+        f();
+        return;
+      }
+      v.value = !0, o("saved"), r = setTimeout(() => t.sheet.dismiss(), ne);
     }
-    const g = w(() => t.sheet.saving.value ? "processing" : f.value ? "done" : "idle");
-    return (c, y) => (b(), F(oe, {
+    const m = w(() => t.sheet.saving.value ? "processing" : v.value ? "done" : "idle");
+    return (h, i) => (b(), V(oe, {
       ref_key: "modal",
-      ref: d,
+      ref: c,
       size: t.size,
       grouped: "",
       title: t.title,
       subtitle: t.subtitle,
       "before-dismiss": t.sheet.beforeDismiss,
-      "primary-label": t.editable ? x(i)("core.actions.save") : void 0,
-      status: g.value,
-      "processing-label": x(i)("core.actions.saving"),
-      "done-label": x(i)("core.actions.saved"),
-      onPrimary: v,
-      onDismissed: y[0] || (y[0] = (u) => t.sheet.closed())
+      "primary-label": t.editable ? k(u)("core.actions.save") : void 0,
+      status: m.value,
+      "processing-label": k(u)("core.actions.saving"),
+      "done-label": k(u)("core.actions.saved"),
+      onPrimary: g,
+      onPresented: f,
+      onDismissed: i[0] || (i[0] = (x) => t.sheet.closed())
     }, {
-      default: E(() => [
-        $("div", {
+      default: z(() => [
+        D("div", {
           ref_key: "body",
-          ref: m,
+          ref: d,
           class: "flex min-w-0 flex-col gap-group-gap"
         }, [
-          t.sheet.notice.value ? (b(), F(q, {
+          t.sheet.notice.value ? (b(), V(q, {
             key: 0,
             tone: "warning",
             "data-test": "group-sheet-notice"
           }, {
-            default: E(() => [
-              $("p", pe, j(t.sheet.notice.value), 1)
+            default: z(() => [
+              D("p", be, j(t.sheet.notice.value), 1)
             ]),
             _: 1
           })) : C("", !0),
-          t.sheet.foreignGroups.value.length ? (b(), F(q, {
+          t.sheet.foreignGroups.value.length ? (b(), V(q, {
             key: 1,
             tone: "warning",
             "data-test": "group-sheet-foreign"
           }, {
-            default: E(() => [
-              $("p", be, j(x(i)("core.form.group.foreign", { groups: t.sheet.foreignGroups.value.map(t.groupLabel).join(", ") })), 1)
+            default: z(() => [
+              D("p", ge, j(k(u)("core.form.group.foreign", { groups: t.sheet.foreignGroups.value.map(t.groupLabel).join(", ") })), 1)
             ]),
             _: 1
           })) : C("", !0),
           ae(re, {
             form: t.sheet.form,
             label: t.fieldLabel,
-            scope: m.value
+            scope: d.value
           }, null, 8, ["form", "label", "scope"]),
-          J(c.$slots, "default")
+          J(h.$slots, "default")
         ], 512)
       ]),
       _: 3
     }, 8, ["size", "title", "subtitle", "before-dismiss", "primary-label", "status", "processing-label", "done-label"]));
   }
-}), ge = ["data-group"], Ve = /* @__PURE__ */ L({
+}), he = ["data-group"], Ve = /* @__PURE__ */ L({
   __name: "RecordGroupScope",
   props: {
     only: {},
@@ -182,43 +189,43 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
   },
   setup(l) {
     const a = l;
-    return K(ie, { only: se(a, "only") }), K(ce, w(() => a.editable)), (t, o) => (b(), _("div", {
+    return A(ie, { only: se(a, "only") }), A(de, w(() => a.editable)), (t, o) => (b(), _("div", {
       class: "flex min-w-0 flex-col gap-group-gap",
       "data-test": "record-group-scope",
       "data-group": a.only
     }, [
       J(t.$slots, "default")
-    ], 8, ge));
+    ], 8, he));
   }
 });
 function ze(l) {
   const { form: a } = l;
   if (l.rebase && !a.rebase) throw new Error("useGroupSheet: `rebase` needs a record form (useResourceForm), which can take the freshly read record as its base.");
-  const t = () => typeof l.fields == "function" ? l.fields() : l.fields, o = () => P(l.restore) ?? t(), i = h(!1), d = h(!1), m = h([]), f = h(null), r = le({});
-  let v = {};
-  const g = (s) => Object.fromEntries(s.map((e) => [e, B(a.values[e])])), c = w(() => i.value && !U(g(o()), r.value)), { confirmDiscard: y } = fe(() => c.value);
-  function u() {
-    v = g(o()), r.value = B(v);
+  const t = () => typeof l.fields == "function" ? l.fields() : l.fields, o = () => K(l.restore) ?? t(), u = y(!1), c = y(!1), d = y([]), v = y(null), r = le({});
+  let f = {};
+  const g = (s) => Object.fromEntries(s.map((e) => [e, B(a.values[e])])), m = w(() => u.value && !U(g(o()), r.value)), { confirmDiscard: h } = ve(() => m.value);
+  function i() {
+    f = g(o()), r.value = B(f);
   }
-  function k() {
-    u(), m.value = [], f.value = null, a.dismissFailure(), i.value = !0;
+  function x() {
+    i(), d.value = [], v.value = null, a.dismissFailure(), u.value = !0;
   }
-  function D() {
-    if (i.value) {
-      c.value && Object.assign(a.values, B(v));
+  function G() {
+    if (u.value) {
+      m.value && Object.assign(a.values, B(f));
       for (const s of t()) a.errors.clear(s);
-      a.dismissFailure(), i.value = !1;
+      a.dismissFailure(), u.value = !1;
     }
   }
   function p(s) {
-    const e = new Set(t()), n = P(l.group), M = /* @__PURE__ */ new Set();
+    const e = new Set(t()), n = K(l.group), M = /* @__PURE__ */ new Set();
     for (const W of Object.keys(s.all())) {
       const R = ue(W);
       if (e.has(R)) continue;
-      const V = l.groupOf?.(R) ?? l.fallbackGroup;
-      V && V !== n && M.add(V);
+      const F = l.groupOf?.(R) ?? l.fallbackGroup;
+      F && F !== n && M.add(F);
     }
-    m.value = [...M];
+    d.value = [...M];
   }
   async function S(s) {
     const e = B(g(t().filter((n) => !U(a.values[n], r.value[n]))));
@@ -227,11 +234,11 @@ function ze(l) {
     } catch {
       return;
     }
-    a.rebase?.() && (u(), Object.assign(a.values, e), f.value = s.message());
+    a.rebase?.() && (i(), Object.assign(a.values, e), v.value = s.message());
   }
-  async function G() {
-    if (d.value) return !1;
-    d.value = !0, m.value = [], f.value = null;
+  async function E() {
+    if (c.value) return !1;
+    c.value = !0, d.value = [], v.value = null;
     try {
       const s = l.onSaved ? () => l.onSaved?.() : void 0;
       let e;
@@ -240,38 +247,38 @@ function ze(l) {
       else throw new Error("useGroupSheet: the form has no full-record save(), so give the sheet its own `save` for a dedicated endpoint.");
       switch (e.status) {
         case "saved":
-          return u(), !0;
+          return i(), !0;
         case "saved-refresh-failed":
-          return u(), de.warning(a.failure.value?.message ?? ""), !0;
+          return i(), fe.warning(a.failure.value?.message ?? ""), !0;
         case "aborted":
           return !1;
         case "failed":
           return e.failure.kind === "conflict" && l.rebase ? await S(l.rebase) : p(a.errors), !1;
       }
     } finally {
-      d.value = !1;
+      c.value = !1;
     }
   }
   return {
-    open: i,
-    saving: d,
-    dirty: c,
-    foreignGroups: m,
-    notice: f,
+    open: u,
+    saving: c,
+    dirty: m,
+    foreignGroups: d,
+    notice: v,
     failure: a.failure,
     form: a,
-    present: k,
+    present: x,
     dismiss: () => {
-      i.value = !1;
+      u.value = !1;
     },
-    save: G,
-    beforeDismiss: y,
-    closed: D
+    save: E,
+    beforeDismiss: h,
+    closed: G
   };
 }
 export {
-  Ge as _,
+  Fe as _,
   Ve as a,
-  De as b,
+  Ee as b,
   ze as u
 };

package/dist/{useSaveChrome-7huA3FzR.js → useSaveChrome-DB9OwIjT.js}

@@ -1,6 +1,6 @@
 import { computed as u, toValue as l } from "vue";
 import { useI18n as m } from "vue-i18n";
-import { u as i } from "./chrome-nUcmVu8G.js";
+import { a as i } from "./chrome-kMBKIB1N.js";
 import { a as n } from "./leaveGuard-Cc8yeLxM.js";
 function o(e) {
   const { t: a } = m(), r = u(() => (l(e.ready) ?? !0) && (l(e.allowed) ?? !0)), c = u(() => r.value && e.form.dirty.value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wssto2/vue-core",
-  "version": "0.15.2",
+  "version": "0.16.0",
   "goCore": "v1.19.0",
   "description": "Shared Vue 3 library for go-core applications: app shell, list / record / form pages and their controls.",
   "keywords": [

package/dist/sections-DI_JhgQG.js

@@ -1,53 +0,0 @@
-import { computed as n, watch as h } from "vue";
-import { useI18n as b } from "vue-i18n";
-import { useRoute as g, useRouter as p } from "vue-router";
-import { u as y } from "./platform-ORzRR3Tw.js";
-import { i as w } from "./access-DmAceEo5.js";
-function j() {
-  const t = g(), u = p(), { access: c } = y(), { t: r } = b(), i = n(() => {
-    for (let e = t.matched.length - 1; e >= 0; e--) {
-      const a = t.matched[e];
-      if (a?.children.some((o) => o.name && o.meta?.section)) return a;
-    }
-    return null;
-  }), l = n(() => (i.value?.children ?? []).filter((e) => e.name && e.meta?.section)), f = (e) => t.matched.some((a) => a.name === e.name) || t.meta.sectionParent === e.name, d = (e) => {
-    const a = u.getRoutes().find((s) => s.name === e)?.path ?? "", o = new Set([...a.matchAll(/:(\w+)/g)].map((s) => s[1]));
-    return Object.fromEntries(Object.entries(t.params).filter(([s]) => o.has(s)));
-  }, v = n(
-    () => l.value.filter((e) => w(e.meta?.access, c)).map((e) => {
-      const a = e.meta.section, o = r(a.labelKey);
-      return {
-        name: String(e.name),
-        label: o,
-        shortLabel: a.shortLabelKey ? r(a.shortLabelKey) : o,
-        icon: a.icon,
-        group: a.groupKey ? r(a.groupKey) : void 0,
-        to: { name: e.name, params: d(e.name), query: t.meta.sectionParent ? {} : t.query },
-        active: f(e)
-      };
-    })
-  ), m = n(() => v.value.find((e) => e.active) ?? null);
-  return {
-    sections: v,
-    declared: n(() => l.value.length),
-    active: m,
-    first: n(() => v.value[0] ?? null),
-    subPage: n(() => !!m.value && t.meta.sectionParent === m.value.name),
-    bare: n(() => !!i.value && t.matched[t.matched.length - 1] === i.value),
-    denied: n(() => l.value.some(f) && !m.value)
-  };
-}
-function q(t) {
-  const u = p();
-  h(
-    () => [t.bare.value || t.denied.value, t.first.value],
-    ([c, r]) => {
-      c && r && u.replace(r.to);
-    },
-    { immediate: !0 }
-  );
-}
-export {
-  q as a,
-  j as u
-};