@wssto2/vue-core 0.2.0 → 0.3.0

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
-};