@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/sectionIndex-BS0ic5W7.js

@@ -0,0 +1,86 @@
+import { onMounted as S, watch as v, onBeforeUnmount as b, inject as p, shallowRef as I, ref as E, getCurrentScope as x, onScopeDispose as L, provide as y, nextTick as F } from "vue";
+import { routerKey as R } from "vue-router";
+const w = Symbol("vue-core.sectionIndex"), $ = 120, O = (t, n) => t.element.compareDocumentPosition(n.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1, z = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
+function N(t) {
+  return t.normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/đ/gi, "d").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+function T() {
+  const t = p(R, null), n = I([]), u = E(null);
+  function a() {
+    const e = n.value;
+    if (e.length === 0) {
+      u.value = null;
+      return;
+    }
+    if (window.innerHeight + window.scrollY >= document.documentElement.scrollHeight - 2) {
+      u.value = e[e.length - 1].id;
+      return;
+    }
+    let o = e[0].id;
+    for (const r of e) r.element.getBoundingClientRect().top - $ <= 0 && (o = r.id);
+    u.value = o;
+  }
+  let i = 0;
+  const l = () => {
+    i || (i = requestAnimationFrame(() => {
+      i = 0, a();
+    }));
+  };
+  v(
+    () => n.value.length > 0,
+    (e) => {
+      e ? (window.addEventListener("scroll", l, { passive: !0 }), window.addEventListener("resize", l, { passive: !0 })) : (window.removeEventListener("scroll", l), window.removeEventListener("resize", l));
+    }
+  ), x() && L(() => {
+    window.removeEventListener("scroll", l), window.removeEventListener("resize", l), i && cancelAnimationFrame(i);
+  });
+  let c = "";
+  const d = () => decodeURIComponent(t?.currentRoute.value.hash.slice(1) ?? "");
+  function m() {
+    const e = d(), o = `${t?.currentRoute.value.path}#${e}`, r = e ? n.value.find((s) => s.id === e) : void 0;
+    !r || o === c || (c = o, requestAnimationFrame(() => void f(r.id, { updateUrl: !1 })));
+  }
+  t && v(() => t.currentRoute.value.hash, m);
+  async function f(e, o = {}) {
+    const r = n.value.find((s) => s.id === e);
+    if (r) {
+      if (u.value = e, o.updateUrl !== !1 && t && t.currentRoute.value.hash !== `#${e}`) {
+        const { path: s, query: g } = t.currentRoute.value;
+        c = `${s}#${e}`, t.replace({ path: s, query: g, hash: `#${e}` });
+      }
+      r.reveal?.(), await F(), r.element.scrollIntoView({ behavior: z(), block: "start" }), r.element.hasAttribute("tabindex") && r.element.focus({ preventScroll: !0 });
+    }
+  }
+  const h = {
+    sections: n,
+    activeId: u,
+    register(e) {
+      if (n.value.some((o) => o.id === e.id)) throw new Error(`Section "${e.id}" is registered twice: give one of the sections another id.`);
+      return n.value = [...n.value, e].sort(O), a(), m(), () => {
+        n.value = n.value.filter((o) => o.id !== e.id), a();
+      };
+    },
+    update(e, o) {
+      n.value = n.value.map((r) => r.id === e ? { ...r, ...o } : r);
+    },
+    scrollTo: f
+  };
+  return y(w, h), h;
+}
+function A() {
+  return p(w, null);
+}
+function U(t, n, u, a = {}) {
+  const i = A();
+  if (!i) return;
+  let l = null;
+  S(() => {
+    u.value && (l = i.register({ id: t, label: n(), number: a.number?.(), element: u.value, reveal: a.reveal }));
+  }), v([n, () => a.number?.()], ([c, d]) => i.update(t, { label: c, number: d })), b(() => l?.());
+}
+export {
+  A as a,
+  T as p,
+  N as s,
+  U as u
+};

package/dist/{sections-LtxV5Mtk.js → sections-BEqW1dOc.js}

@@ -1,7 +1,7 @@
 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-jqlKVJ2e.js";
+import { u as y } from "./platform-hunMqFdB.js";
 import { i as w } from "./access-DdRFrVV1.js";
 function j() {
   const t = g(), u = p(), { access: c } = y(), { t: r } = b(), i = n(() => {

package/dist/shell/AccountMenuItem.vue.d.ts

@@ -21,16 +21,19 @@ type __VLS_Props = {
     /** Makes the row a choice; the chosen one has a tick. */
     selected?: boolean;
     tone?: "critical";
+    /** A country flag (ISO 3166-1 code) in place of the icon: the row of a language. */
+    flag?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
+    to: RouteLocationRaw;
     tone: "critical";
     icon: IconName;
-    to: RouteLocationRaw;
     selected: boolean;
     checked: boolean;
+    flag: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/shell/BackofficeShell.vue.d.ts

@@ -1,11 +1,11 @@
 import type { RouteLocationRaw } from "vue-router";
-import type { SessionUser } from "../platform/session";
+import { type SessionUser } from "../platform/session";
 import { type ShellIdentity } from "./identity";
 import type { NavigationProgress } from "./progress";
 /**
  * The layout of a backoffice application: a sidebar with the server's menu on desktop, a top bar
  * and a push navigation drawer on phones, the page in between, the bottom dock and the toasts, and
- * the places features contribute to (`headerActions`, `accountMenu`, `host`). Give it to
+ * the places features contribute to (`headerActions`, `accountMenu`, `banner`, `host`). Give it to
  * `createApplication` through `backofficeShell()`, or render it inside a shell of your own.
  *
  * Signed out (the login page) there is only the top bar with the brand and the page.

package/dist/shell/ShellBrand.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric) => any) | undefined;
 }>, {
-    tone: "light" | "brand";
     to: RouteLocationRaw;
+    tone: "light" | "brand";
     intercept: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/shell/backofficeShell.d.ts

@@ -17,7 +17,7 @@ export interface BackofficeShellOptions<U extends SessionUser = SessionUser> {
 }
 /**
  * The backoffice shell as `createApplication` takes it: the layout, the slots it renders
- * (`headerActions`, `accountMenu`, `host`) and the page-load indicator wired to the router.
+ * (`headerActions`, `accountMenu`, `banner`, `host`) and the page-load indicator wired to the router.
  *
  *   createApplication({ platform, features, shell: backofficeShell({ brand: MyLogo }) });
  *

package/dist/shell/identity.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef } from "vue";
-import type { SessionUser } from "../platform/session";
+import { type SessionUser } from "../platform/session";
 /** Who is signed in, as the account menu shows them. */
 export interface ShellIdentity {
     readonly name: string;