@wssto2/vue-core 0.2.0 → 0.4.0

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@wssto2/vue-core",
-  "version": "0.2.0",
+  "version": "0.4.0",
+  "goCore": "v1.7.0",
   "description": "Shared Vue 3 library for go-core applications: app shell, list / record / form pages and their controls.",
   "keywords": [
     "vue",
@@ -107,6 +108,18 @@
       "types": "./dist/phone/index.d.ts",
       "import": "./dist/phone/index.js"
     },
+    "./identity": {
+      "types": "./dist/identity/index.d.ts",
+      "import": "./dist/identity/index.js"
+    },
+    "./access": {
+      "types": "./dist/access/index.d.ts",
+      "import": "./dist/access/index.js"
+    },
+    "./notifications": {
+      "types": "./dist/notifications/index.d.ts",
+      "import": "./dist/notifications/index.js"
+    },
     "./testing": {
       "types": "./dist/testing/index.d.ts",
       "import": "./dist/testing/index.js"
@@ -123,18 +136,22 @@
     "lint": "eslint . && node scripts/check-src-imports.mjs",
     "typecheck": "vue-tsc --noEmit",
     "typecheck:docs": "vue-tsc --noEmit -p docs/examples/tsconfig.json",
+    "typecheck:fixtures": "vue-tsc --noEmit -p test-data/tsconfig.json",
     "test": "vitest run",
     "build": "vite build && vite build -c vite.styles.config.ts && vue-tsc -p tsconfig.build.json",
     "check:consumer": "node scripts/check-consumer.mjs",
-    "check": "npm run lint && npm run typecheck && npm run typecheck:docs && npm run check:docs && npm run test && npm run build && npm run check:consumer",
+    "check": "npm run lint && npm run typecheck && npm run typecheck:docs && npm run typecheck:fixtures && npm run check:modules && npm run check:docs && npm run test && npm run build && npm run check:consumer",
     "check:docs": "node scripts/check-docs.mjs",
-    "prepublishOnly": "npm run check"
+    "prepublishOnly": "npm run check",
+    "modules:sync": "node scripts/modules.mjs sync",
+    "check:modules": "node scripts/modules.mjs check"
   },
   "peerDependencies": {
+    "tailwindcss": "^4.0.0",
     "vue": "^3.5.0",
     "vue-i18n": "^10.0.0-beta.5",
     "vue-router": "^4.4.3",
-    "tailwindcss": "^4.0.0"
+    "zod": "^4.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
@@ -156,7 +173,8 @@
     "vue-eslint-parser": "^10.4.0",
     "vue-i18n": "^10.0.8",
     "vue-router": "^4.5.0",
-    "vue-tsc": "^2.2.8"
+    "vue-tsc": "^2.2.8",
+    "zod": "^4.6.5"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
@@ -167,6 +185,9 @@
   "peerDependenciesMeta": {
     "tailwindcss": {
       "optional": true
+    },
+    "zod": {
+      "optional": true
     }
   }
 }

package/dist/NoAccess.vue_vue_type_script_setup_true_lang-OKW8pKYU.js

@@ -1,78 +0,0 @@
-import { createWebHistory as d } from "vue-router";
-import { effectScope as b, watch as w, defineComponent as A, openBlock as W, createBlock as q, unref as i } from "vue";
-import { useI18n as H } from "vue-i18n";
-import { _ as k } from "./EmptyState.vue_vue_type_script_setup_true_lang-BeGpHMUP.js";
-function x(e = navigator) {
-  return e.standalone === !0;
-}
-function B(e) {
-  const r = d(e);
-  return r.push = (n, a) => r.replace(n, a), r;
-}
-function G(e) {
-  return x() ? B(e) : d(e);
-}
-const f = "redirect";
-function N(e) {
-  const r = e.query[f], n = Array.isArray(r) ? r[0] : r;
-  return typeof n == "string" && n.startsWith("/") && !n.startsWith("//") && !n.includes("\\") ? n : null;
-}
-function m(e, r) {
-  return r === null ? e : typeof e == "string" ? { path: e, query: { [f]: r } } : { ...e, query: { ...e.query, [f]: r } };
-}
-function L(e) {
-  const { router: r, session: n, login: a, home: h } = e, l = /* @__PURE__ */ new WeakMap();
-  let o = !1;
-  const y = () => {
-    o || (o = !0, e.progress?.start());
-  }, u = () => {
-    o && (o = !1, e.progress?.done());
-  }, _ = () => r.resolve(a).name, v = r.beforeEach(async (t) => {
-    if (y(), t.meta.public === !0) {
-      if (t.name !== void 0 && t.name === _() && (await n.restore()).status === "authenticated") return N(t) ?? h;
-    } else {
-      const s = await n.restore();
-      if (s.status === "failed")
-        return e.onError?.(s.error), !1;
-      if (s.status !== "authenticated") return m(a, t.fullPath);
-    }
-    return e.prepare && l.set(t, e.prepare(t)), !0;
-  }), E = r.beforeResolve(async (t) => {
-    await l.get(t);
-  }), g = r.afterEach((t, s, c) => {
-    u(), c || e.afterNavigation?.(t);
-  }), R = r.onError((t) => {
-    u(), e.onError?.(t);
-  }), p = b();
-  return p.run(
-    () => w(
-      () => n.state.value,
-      (t, s) => {
-        if (t.status !== "anonymous" || s.status !== "authenticated") return;
-        const c = r.currentRoute.value;
-        c.meta.public !== !0 && r.replace(m(a, t.reason === "expired" ? c.fullPath : null)).catch(e.onError);
-      }
-    )
-  ), () => {
-    v(), E(), g(), R(), p.stop(), u();
-  };
-}
-const M = /* @__PURE__ */ A({
-  __name: "NoAccess",
-  setup(e) {
-    const { t: r } = H();
-    return (n, a) => (W(), q(i(k), {
-      title: i(r)("core.no_access.title"),
-      description: i(r)("core.no_access.body"),
-      icon: "errorWarningLine"
-    }, null, 8, ["title", "description"]));
-  }
-});
-export {
-  M as _,
-  B as a,
-  x as b,
-  G as c,
-  L as i,
-  N as r
-};

package/dist/SectionList.vue_vue_type_script_setup_true_lang-L9ita_Kx.js

@@ -1,230 +0,0 @@
-import { inject as I, shallowRef as B, ref as D, watch as k, getCurrentScope as N, onScopeDispose as R, provide as T, onMounted as j, onBeforeUnmount as A, nextTick as M, defineComponent as E, computed as w, unref as d, openBlock as p, createBlock as L, withCtx as y, createElementVNode as m, createVNode as $, mergeProps as U, createElementBlock as h, toDisplayString as v, createCommentVNode as _, resolveDynamicComponent as P, normalizeClass as C, Fragment as V, renderList as H, withModifiers as K, normalizeStyle as Y } from "vue";
-import { useI18n as z } from "vue-i18n";
-import { _ as F } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { _ as G } from "./Menu.vue_vue_type_script_setup_true_lang-CrMj6KPD.js";
-import { _ as J } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CeKK8_g5.js";
-import { routerKey as W } from "vue-router";
-const O = Symbol("vue-core.sectionIndex"), Q = 120, X = (l, a) => l.element.compareDocumentPosition(a.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1, Z = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
-function $e(l) {
-  return l.normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/đ/gi, "d").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-}
-function Se() {
-  const l = I(W, null), a = B([]), n = D(null);
-  function c() {
-    const e = a.value;
-    if (e.length === 0) {
-      n.value = null;
-      return;
-    }
-    if (window.innerHeight + window.scrollY >= document.documentElement.scrollHeight - 2) {
-      n.value = e[e.length - 1].id;
-      return;
-    }
-    let t = e[0].id;
-    for (const i of e) i.element.getBoundingClientRect().top - Q <= 0 && (t = i.id);
-    n.value = t;
-  }
-  let r = 0;
-  const s = () => {
-    r || (r = requestAnimationFrame(() => {
-      r = 0, c();
-    }));
-  };
-  k(
-    () => a.value.length > 0,
-    (e) => {
-      e ? (window.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s, { passive: !0 })) : (window.removeEventListener("scroll", s), window.removeEventListener("resize", s));
-    }
-  ), N() && R(() => {
-    window.removeEventListener("scroll", s), window.removeEventListener("resize", s), r && cancelAnimationFrame(r);
-  });
-  let f = "";
-  const u = () => decodeURIComponent(l?.currentRoute.value.hash.slice(1) ?? "");
-  function b() {
-    const e = u(), t = `${l?.currentRoute.value.path}#${e}`, i = e ? a.value.find((g) => g.id === e) : void 0;
-    !i || t === f || (f = t, requestAnimationFrame(() => void x(i.id, { updateUrl: !1 })));
-  }
-  l && k(() => l.currentRoute.value.hash, b);
-  async function x(e, t = {}) {
-    const i = a.value.find((g) => g.id === e);
-    if (i) {
-      if (n.value = e, t.updateUrl !== !1 && l && l.currentRoute.value.hash !== `#${e}`) {
-        const { path: g, query: q } = l.currentRoute.value;
-        f = `${g}#${e}`, l.replace({ path: g, query: q, hash: `#${e}` });
-      }
-      i.reveal?.(), await M(), i.element.scrollIntoView({ behavior: Z(), block: "start" }), i.element.hasAttribute("tabindex") && i.element.focus({ preventScroll: !0 });
-    }
-  }
-  const o = {
-    sections: a,
-    activeId: n,
-    register(e) {
-      if (a.value.some((t) => t.id === e.id)) throw new Error(`Section "${e.id}" is registered twice: give one of the sections another id.`);
-      return a.value = [...a.value, e].sort(X), c(), b(), () => {
-        a.value = a.value.filter((t) => t.id !== e.id), c();
-      };
-    },
-    update(e, t) {
-      a.value = a.value.map((i) => i.id === e ? { ...i, ...t } : i);
-    },
-    scrollTo: x
-  };
-  return T(O, o), o;
-}
-function S() {
-  return I(O, null);
-}
-function Ce(l, a, n, c = {}) {
-  const r = S();
-  if (!r) return;
-  let s = null;
-  j(() => {
-    n.value && (s = r.register({ id: l, label: a(), number: c.number?.(), element: n.value, reveal: c.reveal }));
-  }), k([a, () => c.number?.()], ([f, u]) => r.update(l, { label: f, number: u })), A(() => s?.());
-}
-const ee = {
-  class: "dock-safe-area pointer-events-none",
-  "data-test": "section-jumper"
-}, te = { class: "flex justify-center px-4 pb-3" }, oe = ["aria-label", "onClick"], ne = {
-  key: 0,
-  class: "text-footnote font-semibold tabular-nums text-content-link"
-}, re = { class: "min-w-0 truncate text-headline font-semibold text-content-strong" }, se = {
-  key: 1,
-  "data-test": "jumper-error-count",
-  class: "min-w-4.5 rounded-full bg-status-danger-solid px-1.5 text-center text-caption font-semibold text-white"
-}, Ie = /* @__PURE__ */ E({
-  __name: "SectionJumper",
-  props: {
-    states: { default: void 0 }
-  },
-  setup(l) {
-    const a = l, { t: n } = z(), c = S(), r = w(() => c?.sections.value ?? []), s = w(() => r.value.find((o) => o.id === c?.activeId.value) ?? r.value[0] ?? null), f = (o) => [o.number, o.label].filter(Boolean).join(" "), u = (o) => a.states?.[o]?.errors ?? 0, b = (o) => u(o.id) > 0 ? `${f(o)} · ${n("core.form.sections.errors", { count: u(o.id) })}` : f(o), x = w(() => r.value.map((o) => ({ id: o.id, label: b(o), onSelect: () => void c?.scrollTo(o.id) })));
-    return (o, e) => d(c) && r.value.length > 1 && s.value ? (p(), L(J, { key: 0 }, {
-      default: y(() => [
-        m("div", ee, [
-          m("div", te, [
-            $(G, {
-              items: x.value,
-              label: d(n)("core.sections.label"),
-              placement: "top"
-            }, {
-              trigger: y(({ toggle: t, attrs: i }) => [
-                m("button", U({ type: "button" }, i, {
-                  "aria-label": `${d(n)("core.sections.label")}: ${b(s.value)}`,
-                  class: "pointer-events-auto flex h-12 max-w-full cursor-pointer items-center gap-2.5 rounded-full bg-surface-overlay/90 pr-3.5 pl-4 shadow-float backdrop-blur-xl transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
-                  onClick: t
-                }), [
-                  s.value.number ? (p(), h("span", ne, v(s.value.number), 1)) : _("", !0),
-                  m("span", re, v(s.value.label), 1),
-                  u(s.value.id) > 0 ? (p(), h("span", se, v(u(s.value.id)), 1)) : _("", !0),
-                  $(d(F), {
-                    name: "arrowDownSLine",
-                    size: 16,
-                    class: "shrink-0 rotate-180 text-content-muted"
-                  })
-                ], 16, oe)
-              ]),
-              _: 1
-            }, 8, ["items", "label"])
-          ])
-        ])
-      ]),
-      _: 1
-    })) : _("", !0);
-  }
-}), ae = {
-  key: 0,
-  class: "px-2.5 text-caption font-semibold tracking-wide text-content-muted uppercase"
-}, le = { class: "flex flex-col gap-0.5" }, ie = ["href", "aria-current", "data-test", "data-state", "onClick"], ce = {
-  key: 0,
-  class: "w-5 shrink-0 text-footnote font-semibold tabular-nums text-content-link"
-}, ue = { class: "min-w-0 flex-1 break-words" }, de = ["aria-label"], me = {
-  key: 2,
-  class: "flex size-4 shrink-0 items-center justify-center rounded-full bg-control-on text-white"
-}, fe = { class: "sr-only" }, pe = {
-  key: 1,
-  class: "mx-2.5 flex flex-col gap-1.5 border-t border-border-separator pt-3.5",
-  "data-test": "section-progress"
-}, ve = { class: "text-footnote text-content-muted" }, he = ["aria-valuemax", "aria-valuenow", "aria-label"], be = { class: "text-footnote tabular-nums text-content-muted" }, Ee = /* @__PURE__ */ E({
-  __name: "SectionList",
-  props: {
-    standalone: { type: Boolean, default: !1 },
-    states: { default: void 0 },
-    progress: { default: null }
-  },
-  emits: ["select"],
-  setup(l, { emit: a }) {
-    const n = l, c = a, { t: r } = z(), s = S(), f = w(() => s?.sections.value ?? []), u = (o) => n.states?.[o]?.errors ?? 0, b = (o) => {
-      const e = n.states?.[o]?.required;
-      return !!e && e.total > 0 && e.filled === e.total && u(o) === 0;
-    };
-    function x(o) {
-      s?.scrollTo(o), c("select", o);
-    }
-    return (o, e) => f.value.length > 1 ? (p(), L(P(n.standalone ? "nav" : "div"), {
-      key: 0,
-      "data-test": "section-list",
-      class: C(n.standalone ? "flex min-w-0 flex-col gap-3.5" : "mt-1 mb-2 pl-2"),
-      "aria-label": n.standalone ? d(r)("core.sections.label") : void 0
-    }, {
-      default: y(() => [
-        n.standalone ? (p(), h("h2", ae, v(d(r)("core.sections.label")), 1)) : _("", !0),
-        m("ul", le, [
-          (p(!0), h(V, null, H(f.value, (t) => (p(), h("li", {
-            key: t.id
-          }, [
-            m("a", {
-              href: `#${t.id}`,
-              "aria-current": d(s)?.activeId.value === t.id ? "location" : void 0,
-              "data-test": `section-link-${t.id}`,
-              "data-state": u(t.id) > 0 ? "error" : b(t.id) ? "done" : void 0,
-              class: C(["flex min-h-[2.125rem] items-center gap-2.5 rounded-control px-2.5 py-1 text-body text-content-strong transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", d(s)?.activeId.value === t.id ? "bg-tint-soft font-semibold" : "hover:bg-fill"]),
-              onClick: K((i) => x(t.id), ["prevent"])
-            }, [
-              t.number ? (p(), h("span", ce, v(t.number), 1)) : _("", !0),
-              m("span", ue, v(t.label), 1),
-              u(t.id) > 0 ? (p(), h("span", {
-                key: 1,
-                "data-test": "section-error-count",
-                class: "min-w-4.5 rounded-full bg-status-danger-solid px-1.5 text-center text-caption font-semibold text-white",
-                "aria-label": d(r)("core.form.sections.errors", { count: u(t.id) })
-              }, v(u(t.id)), 9, de)) : b(t.id) ? (p(), h("span", me, [
-                $(d(F), {
-                  name: "checkCustom",
-                  size: 12
-                }),
-                m("span", fe, v(d(r)("core.form.sections.done")), 1)
-              ])) : _("", !0)
-            ], 10, ie)
-          ]))), 128))
-        ]),
-        n.progress && n.progress.total > 0 ? (p(), h("div", pe, [
-          m("span", ve, v(d(r)("core.form.required.label")), 1),
-          m("div", {
-            class: "h-1 overflow-hidden rounded-full bg-fill",
-            role: "progressbar",
-            "aria-valuemin": 0,
-            "aria-valuemax": n.progress.total,
-            "aria-valuenow": n.progress.filled,
-            "aria-label": d(r)("core.form.required.label")
-          }, [
-            m("div", {
-              class: "h-1 rounded-full bg-control-on transition-[width] duration-motion-normal",
-              style: Y({ width: `${Math.round(n.progress.filled / n.progress.total * 100)}%` })
-            }, null, 4)
-          ], 8, he),
-          m("span", be, v(d(r)("core.form.required.count", { filled: n.progress.filled, total: n.progress.total })), 1)
-        ])) : _("", !0)
-      ]),
-      _: 1
-    }, 8, ["class", "aria-label"])) : _("", !0);
-  }
-});
-export {
-  Ee as _,
-  Ie as a,
-  S as b,
-  Se as p,
-  $e as s,
-  Ce as u
-};