@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/RolePage-bZzv_E4l.js

@@ -0,0 +1,315 @@
+import { defineComponent as I, computed as z, openBlock as l, createBlock as b, unref as e, withCtx as n, createElementVNode as S, createVNode as f, mergeProps as W, useTemplateRef as A, ref as j, createElementBlock as y, toDisplayString as L, Fragment as D, createCommentVNode as w, renderList as E, createTextVNode as G } from "vue";
+import { useI18n as K } from "vue-i18n";
+import { useRouter as X } from "vue-router";
+import { _ as Y } from "./IconTile.vue_vue_type_script_setup_true_lang-D7QgnUyN.js";
+import { _ as C } from "./FormGroup.vue_vue_type_script_setup_true_lang-0mfG8TkU.js";
+import { e as F } from "./options-BXkMR63B.js";
+import { u as Z } from "./describeError-Ctga6GcS.js";
+import { _ as ee } from "./AlertDialog.vue_vue_type_script_setup_true_lang-CJsMUIUg.js";
+import { t as q } from "./toast-D9Z5To38.js";
+import { _ as oe } from "./RecordHeader.vue_vue_type_script_setup_true_lang-DKsaKlAq.js";
+import { u as te } from "./platform-hunMqFdB.js";
+import { a as ae, u as le } from "./routeResource-DstM0hvf.js";
+import { a as se } from "./ResourcePage.vue_vue_type_script_setup_true_lang-CJcKa9SW.js";
+import { _ as re } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js";
+import { _ as H } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { u as O, a as U, f as ce, d as ne, b as M, c as T } from "./index-B2dbYZR9.js";
+import { _ as J } from "./SelectField.vue_vue_type_script_setup_true_lang-BiGaEKBQ.js";
+import { u as ie, _ as ue } from "./useCommand-BgRwnYlV.js";
+import { _ as me } from "./Modal.vue_vue_type_script_setup_true_lang-D7SwVPpL.js";
+import { _ as pe } from "./RoleEditor.vue_vue_type_script_setup_true_lang-DuEPOmjI.js";
+const de = { "data-test": "role-replace" }, fe = /* @__PURE__ */ I({
+  __name: "ReplaceRoleDialog",
+  props: {
+    role: {},
+    others: {}
+  },
+  emits: ["replaced"],
+  setup(B, { expose: r, emit: g }) {
+    const s = B, i = g, { t: _ } = K(), k = O(), m = U(), p = ie({
+      defaults: () => ({ with: null }),
+      validator: {
+        safeParse: (c) => c.with ? { success: !0, data: { with: c.with } } : { success: !1, error: { issues: [{ path: ["with"], message: _("core.access.replace.choose") }] } }
+      },
+      failureMessage: ce(),
+      run: (c) => m.replace(s.role.ref, c.with),
+      done: (c) => {
+        q.success(_("core.access.replace.done", { count: c })), i("replaced", c);
+      }
+    }), h = z(() => s.others.map((c) => ({ value: c.ref, label: k.roleName(c) })));
+    return r({ present: () => p.present() }), (c, N) => (l(), b(e(ue), {
+      command: e(p),
+      title: e(_)("core.access.replace.title"),
+      subtitle: e(k).roleName(s.role),
+      size: "md",
+      "confirm-label": e(_)("core.access.replace.confirm"),
+      message: e(_)("core.access.replace.moves", { count: s.role.holders })
+    }, {
+      default: n(() => [
+        S("div", de, [
+          f(e(C), {
+            footer: e(_)("core.access.replace.footer")
+          }, {
+            default: n(() => [
+              f(e(J), W(e(p).form.bind("with"), {
+                label: e(_)("core.access.replace.with"),
+                options: h.value
+              }), null, 16, ["label", "options"])
+            ]),
+            _: 1
+          }, 8, ["footer"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["command", "title", "subtitle", "confirm-label", "message"]));
+  }
+}), _e = {
+  class: "flex flex-col gap-group-gap",
+  "data-test": "role-compare"
+}, ve = {
+  key: 0,
+  class: "px-row-inset text-body text-content-muted",
+  "data-test": "compare-loading"
+}, he = {
+  key: 1,
+  class: "px-row-inset text-body text-content-destructive",
+  role: "alert",
+  "data-test": "compare-failed"
+}, be = {
+  key: 0,
+  class: "px-row-inset text-body text-content-muted",
+  "data-test": "compare-identical"
+}, ye = /* @__PURE__ */ I({
+  __name: "RoleCompareDialog",
+  props: {
+    role: {},
+    others: {}
+  },
+  setup(B, { expose: r }) {
+    const g = B, { t: s } = K(), i = O(), _ = U(), k = A("modal"), m = j(null), o = j(null), p = j(!1), h = j(!1), c = z(() => g.others.map((d) => ({ value: d.ref, label: i.roleName(d) }))), N = z(() => o.value !== null && !o.value.only_in_role.length && !o.value.only_in_other.length && !o.value.different.length);
+    async function V(d) {
+      if (m.value = d, o.value = null, h.value = !1, p.value = !1, !!d) {
+        p.value = !0;
+        try {
+          const x = await _.compare(g.role.ref, d);
+          m.value === d && (o.value = x);
+        } catch {
+          m.value === d && (h.value = !0);
+        } finally {
+          m.value === d && (p.value = !1);
+        }
+      }
+    }
+    function P() {
+      m.value = null, o.value = null, h.value = !1, k.value?.present();
+    }
+    return r({ present: P }), (d, x) => (l(), b(e(me), {
+      ref_key: "modal",
+      ref: k,
+      title: e(s)("core.access.compare.title"),
+      subtitle: e(i).roleName(g.role),
+      size: "lg",
+      grouped: "",
+      "without-footer": ""
+    }, {
+      default: n(() => [
+        S("div", _e, [
+          f(e(C), {
+            footer: e(s)("core.access.compare.footer")
+          }, {
+            default: n(() => [
+              f(e(J), {
+                "model-value": m.value,
+                label: e(s)("core.access.compare.with"),
+                options: c.value,
+                "onUpdate:modelValue": x[0] || (x[0] = (u) => V(u))
+              }, null, 8, ["model-value", "label", "options"])
+            ]),
+            _: 1
+          }, 8, ["footer"]),
+          p.value ? (l(), y("p", ve, L(e(s)("core.access.compare.loading")), 1)) : h.value ? (l(), y("p", he, L(e(s)("core.access.compare.failed")), 1)) : o.value ? (l(), y(D, { key: 2 }, [
+            N.value ? (l(), y("p", be, L(e(s)("core.access.compare.identical")), 1)) : w("", !0),
+            o.value.only_in_role.length ? (l(), b(e(C), {
+              key: 1,
+              header: e(s)("core.access.compare.only_in_role", { count: o.value.only_in_role.length })
+            }, {
+              default: n(() => [
+                (l(!0), y(D, null, E(o.value.only_in_role, (u) => (l(), b(e(F), {
+                  key: u.permission,
+                  layout: "setting",
+                  label: e(i).permissionLabel(u.permission)
+                }, null, 8, ["label"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["header"])) : w("", !0),
+            o.value.only_in_other.length ? (l(), b(e(C), {
+              key: 2,
+              header: e(s)("core.access.compare.only_in_other", { count: o.value.only_in_other.length })
+            }, {
+              default: n(() => [
+                (l(!0), y(D, null, E(o.value.only_in_other, (u) => (l(), b(e(F), {
+                  key: u.permission,
+                  layout: "setting",
+                  label: e(i).permissionLabel(u.permission)
+                }, null, 8, ["label"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["header"])) : w("", !0),
+            o.value.different.length ? (l(), b(e(C), {
+              key: 3,
+              header: e(s)("core.access.compare.different", { count: o.value.different.length })
+            }, {
+              default: n(() => [
+                (l(!0), y(D, null, E(o.value.different, (u) => (l(), b(e(F), {
+                  key: u.permission,
+                  layout: "setting",
+                  label: e(i).permissionLabel(u.permission),
+                  value: e(s)("core.access.compare.whose", { role: e(i).qualifierLabel(u.role), other: e(i).qualifierLabel(u.other) })
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["header"])) : w("", !0)
+          ], 64)) : w("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["title", "subtitle"]));
+  }
+}), ge = { "data-test": "role-holders" }, ke = { class: "flex min-w-0 flex-col gap-group-gap" }, Ie = /* @__PURE__ */ I({
+  __name: "RolePage",
+  setup(B) {
+    const { t: r } = K(), g = X(), { access: s } = te(), i = O(), _ = Z(), { subjectRoute: k } = ne(), m = U(), o = ae({ param: "ref", parse: (t) => t === "" ? null : t, identify: (t) => t.ref, load: (t, { signal: a }) => m.role(t, { signal: a }) }), p = le({ for: o, load: (t, { signal: a }) => m.holders(t, { signal: a }) }), h = j([]), c = A("compareDialog"), N = A("replaceDialog"), V = A("deleteDialog"), P = (t) => !t.predefined && !t.computed;
+    async function d(t) {
+      if (h.value.length === 0)
+        try {
+          h.value = (await m.roles()).filter((a) => a.predefined);
+        } catch (a) {
+          q.error(_(a));
+          return;
+        }
+      t();
+    }
+    const x = z(() => {
+      const t = o.data.value;
+      if (!t) return [];
+      const a = [];
+      return s.can(M.manageRoles) && a.push({ id: "copy", label: r("core.access.copy"), icon: "copy", placement: "secondary", onClick: () => void g.push({ ...T.newRole, query: { copy: t.ref } }) }), P(t) && s.can(M.manageRoles) && (a.push({ id: "compare", label: r("core.access.compare.action"), icon: "swapBoxLine", placement: "overflow", onClick: () => void d(() => c.value?.present()) }), a.push({ id: "replace", label: r("core.access.replace.action"), icon: "refreshLine", placement: "overflow", onClick: () => void d(() => N.value?.present()) })), P(t) && s.can(M.deleteRoles) && a.push({ id: "delete", label: r("core.access.delete.action"), icon: "deleteBin2Line", placement: "overflow", tone: "critical", onClick: () => V.value?.present(t) }), a;
+    });
+    async function u(t) {
+      await m.remove(t.ref), q.success(r("core.access.deleted")), await g.replace(T.roles);
+    }
+    const Q = (t) => q.error(_(t, { fallback: r("core.access.delete.failed") }));
+    return (t, a) => (l(), b(e(se), {
+      resource: e(o),
+      title: e(o).data.value ? e(i).roleName(e(o).data.value) : "",
+      back: { label: e(r)("core.access.title"), to: e(T).roles },
+      actions: x.value
+    }, {
+      header: n(({ record: v }) => [
+        f(e(oe), {
+          title: e(i).roleName(v),
+          subtitle: v.description
+        }, {
+          leading: n(() => [
+            f(e(Y), {
+              tone: v.predefined ? "anchor" : "brand",
+              icon: "shieldStarFill",
+              size: "lg"
+            }, null, 8, ["tone"])
+          ]),
+          meta: n(() => [
+            f(e(H), {
+              tone: v.predefined ? "neutral" : "info"
+            }, {
+              default: n(() => [
+                G(L(e(i).roleKind(v)), 1)
+              ]),
+              _: 2
+            }, 1032, ["tone"]),
+            S("span", ge, L(e(r)("core.access.holders_count", { count: v.holders })), 1)
+          ]),
+          _: 2
+        }, 1032, ["title", "subtitle"])
+      ]),
+      default: n(({ record: v }) => [
+        S("div", ke, [
+          f(pe, {
+            role: v,
+            onSaved: a[0] || (a[0] = ($) => {
+              e(o).update($), e(p).reload();
+            })
+          }, null, 8, ["role"]),
+          f(e(re), {
+            state: e(p).state.value,
+            "skeleton-rows": 3,
+            "is-empty": () => !1,
+            onRetry: a[1] || (a[1] = ($) => e(p).reload())
+          }, {
+            default: n(({ value: $ }) => [
+              f(e(C), {
+                header: e(r)("core.access.holders.title"),
+                footer: $.length ? void 0 : e(r)("core.access.holders.empty")
+              }, {
+                default: n(() => [
+                  (l(!0), y(D, null, E($, (R) => (l(), b(e(F), {
+                    key: `${R.subject.kind}-${R.subject.id}`,
+                    layout: "setting",
+                    label: R.name,
+                    sub: e(i).scopeLabel(R.scope),
+                    to: e(k)(R.subject) ?? void 0
+                  }, {
+                    default: n(() => [
+                      R.subject.kind === "service" ? (l(), b(e(H), {
+                        key: 0,
+                        tone: "neutral"
+                      }, {
+                        default: n(() => [
+                          G(L(e(r)("core.access.holders.service")), 1)
+                        ]),
+                        _: 1
+                      })) : w("", !0)
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "sub", "to"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["header", "footer"])
+            ]),
+            _: 1
+          }, 8, ["state"]),
+          P(v) ? (l(), y(D, { key: 0 }, [
+            f(ye, {
+              ref_key: "compareDialog",
+              ref: c,
+              role: v,
+              others: h.value
+            }, null, 8, ["role", "others"]),
+            f(fe, {
+              ref_key: "replaceDialog",
+              ref: N,
+              role: v,
+              others: h.value,
+              onReplaced: a[2] || (a[2] = ($) => {
+                e(o).reload(), e(p).reload();
+              })
+            }, null, 8, ["role", "others"]),
+            f(e(ee), {
+              ref_key: "deleteDialog",
+              ref: V,
+              tone: "critical",
+              title: e(r)("core.access.delete.title"),
+              message: e(r)("core.access.delete.body", { name: e(i).roleName(v) }),
+              "confirm-label": e(r)("core.access.delete.action"),
+              action: u,
+              onFailed: Q
+            }, null, 8, ["title", "message", "confirm-label"])
+          ], 64)) : w("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["resource", "title", "back", "actions"]));
+  }
+});
+export {
+  Ie as default
+};

package/dist/RolesPage-BniZv0nB.js

@@ -0,0 +1,115 @@
+import { defineComponent as L, ref as b, computed as i, openBlock as d, createBlock as g, unref as e, withCtx as l, createElementVNode as f, createVNode as n, createElementBlock as h, toDisplayString as _, createCommentVNode as N, Fragment as R, renderList as B, createTextVNode as P } from "vue";
+import { useI18n as A } from "vue-i18n";
+import { useRouter as F } from "vue-router";
+import { _ as S } from "./IconTile.vue_vue_type_script_setup_true_lang-D7QgnUyN.js";
+import { _ as E } from "./Tabs.vue_vue_type_script_setup_true_lang-BeGaydRr.js";
+import { _ as U } from "./FormGroup.vue_vue_type_script_setup_true_lang-0mfG8TkU.js";
+import { e as j } from "./options-BXkMR63B.js";
+import { _ as D } from "./TextField.vue_vue_type_script_setup_true_lang-C_FMf3Vc.js";
+import { a as I } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js";
+import { u as K } from "./platform-hunMqFdB.js";
+import { _ as T } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js";
+import { _ as q } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { u as z } from "./useLoad-CYRVx6HW.js";
+import { u as G, a as H, b as J, c as x } from "./index-B2dbYZR9.js";
+const M = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-test": "roles-index"
+}, O = { class: "flex flex-wrap items-center gap-3" }, Q = {
+  key: 0,
+  class: "px-row-inset py-6 text-center text-body text-content-muted",
+  "data-test": "roles-empty"
+}, W = {
+  class: "min-w-[4.5rem] text-right text-footnote tabular-nums text-content-muted",
+  "data-test": "role-holders"
+}, me = /* @__PURE__ */ L({
+  __name: "RolesPage",
+  setup(X) {
+    const { t: o } = A(), k = F(), { access: w } = K(), u = G(), y = H(), m = z(({ signal: s }) => y.roles({ signal: s })), c = b("all"), p = b(""), r = i(() => m.data.value ?? []), $ = i(() => [
+      { value: "all", label: o("core.access.kinds.all"), badge: r.value.length },
+      { value: "predefined", label: o("core.access.kinds.predefined"), badge: r.value.filter((s) => s.predefined).length },
+      { value: "custom", label: o("core.access.kinds.custom"), badge: r.value.filter((s) => !s.predefined).length }
+    ]), v = i(() => {
+      const s = p.value.trim().toLowerCase();
+      return r.value.filter(
+        (a) => (c.value === "all" || c.value === "predefined" === a.predefined) && (s === "" || `${u.roleName(a)} ${a.description}`.toLowerCase().includes(s))
+      );
+    }), V = i(
+      () => w.can(J.manageRoles) ? [{ id: "create", label: o("core.access.create"), icon: "addLine", placement: "primary", compact: "icon", onClick: () => void k.push(x.newRole) }] : []
+    ), C = (s) => [s.description, o("core.access.permissions", { count: s.permission_count })].filter(Boolean).join(" · ");
+    return (s, a) => (d(), g(e(I), {
+      title: e(o)("core.access.title"),
+      description: e(o)("core.access.description"),
+      icon: "shieldStarFill",
+      count: r.value.length || null,
+      actions: V.value
+    }, {
+      default: l(() => [
+        f("div", M, [
+          f("div", O, [
+            n(e(E), {
+              modelValue: c.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (t) => c.value = t),
+              tabs: $.value,
+              presentation: "scope"
+            }, null, 8, ["modelValue", "tabs"]),
+            n(e(D), {
+              modelValue: p.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (t) => p.value = t),
+              class: "min-w-[14rem] flex-1",
+              placeholder: e(o)("core.access.search")
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          n(e(T), {
+            state: e(m).state.value,
+            "skeleton-rows": 6,
+            "is-empty": () => !1,
+            onRetry: a[2] || (a[2] = (t) => e(m).reload())
+          }, {
+            default: l(() => [
+              n(e(U), {
+                footer: e(o)("core.access.list_footer")
+              }, {
+                default: l(() => [
+                  v.value.length === 0 ? (d(), h("p", Q, _(e(o)("core.access.empty")), 1)) : N("", !0),
+                  (d(!0), h(R, null, B(v.value, (t) => (d(), g(e(j), {
+                    key: t.ref,
+                    layout: "setting",
+                    label: e(u).roleName(t),
+                    sub: C(t),
+                    to: e(x).role({ ref: t.ref })
+                  }, {
+                    leading: l(() => [
+                      n(e(S), {
+                        tone: t.predefined ? "anchor" : "brand",
+                        icon: "shieldStarFill"
+                      }, null, 8, ["tone"])
+                    ]),
+                    default: l(() => [
+                      n(e(q), {
+                        tone: t.predefined ? "neutral" : "info"
+                      }, {
+                        default: l(() => [
+                          P(_(e(u).roleKind(t)), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["tone"]),
+                      f("span", W, _(e(o)("core.access.holders_count", { count: t.holders })), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "sub", "to"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["footer"])
+            ]),
+            _: 1
+          }, 8, ["state"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title", "description", "count", "actions"]));
+  }
+});
+export {
+  me as default
+};

package/dist/SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js

@@ -0,0 +1,23 @@
+import { defineComponent as c, openBlock as e, createElementBlock as o, createElementVNode as n, toDisplayString as s, createCommentVNode as r, renderSlot as a } from "vue";
+const l = { class: "flex flex-wrap items-end gap-3 px-row-inset" }, d = { class: "flex min-w-0 grow basis-56 flex-col gap-1" }, m = { class: "text-title font-semibold tracking-tight text-content-strong" }, p = {
+  key: 0,
+  class: "max-w-readable text-subheadline text-content-muted"
+}, f = /* @__PURE__ */ c({
+  __name: "SectionIntro",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(t) {
+    return (i, x) => (e(), o("div", l, [
+      n("div", d, [
+        n("h2", m, s(t.title), 1),
+        t.description ? (e(), o("p", p, s(t.description), 1)) : r("", !0)
+      ]),
+      a(i.$slots, "actions")
+    ]));
+  }
+});
+export {
+  f as _
+};

package/dist/SectionList.vue_vue_type_script_setup_true_lang-BKP_bge8.js

@@ -0,0 +1,148 @@
+import { defineComponent as $, computed as _, unref as s, openBlock as l, createBlock as C, withCtx as g, createElementVNode as n, createVNode as k, mergeProps as z, createElementBlock as d, toDisplayString as c, createCommentVNode as u, resolveDynamicComponent as B, normalizeClass as y, Fragment as I, renderList as D, withModifiers as E, normalizeStyle as L } from "vue";
+import { useI18n as S } from "vue-i18n";
+import { _ as j } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { _ as N } from "./Menu.vue_vue_type_script_setup_true_lang-BNAjx9tj.js";
+import { _ as V } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js";
+import { a as q } from "./sectionIndex-BS0ic5W7.js";
+const M = {
+  class: "dock-safe-area pointer-events-none",
+  "data-test": "section-jumper"
+}, O = { class: "flex justify-center px-4 pb-3" }, T = ["aria-label", "onClick"], F = {
+  key: 0,
+  class: "text-footnote font-semibold tabular-nums text-content-link"
+}, J = { class: "min-w-0 truncate text-headline font-semibold text-content-strong" }, P = {
+  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"
+}, le = /* @__PURE__ */ $({
+  __name: "SectionJumper",
+  props: {
+    states: { default: void 0 }
+  },
+  setup(v) {
+    const x = v, { t } = S(), m = q(), a = _(() => m?.sections.value ?? []), r = _(() => a.value.find((e) => e.id === m?.activeId.value) ?? a.value[0] ?? null), p = (e) => [e.number, e.label].filter(Boolean).join(" "), i = (e) => x.states?.[e]?.errors ?? 0, b = (e) => i(e.id) > 0 ? `${p(e)} · ${t("core.form.sections.errors", { count: i(e.id) })}` : p(e), h = _(() => a.value.map((e) => ({ id: e.id, label: b(e), onSelect: () => void m?.scrollTo(e.id) })));
+    return (e, f) => s(m) && a.value.length > 1 && r.value ? (l(), C(V, { key: 0 }, {
+      default: g(() => [
+        n("div", M, [
+          n("div", O, [
+            k(N, {
+              items: h.value,
+              label: s(t)("core.sections.label"),
+              placement: "top"
+            }, {
+              trigger: g(({ toggle: o, attrs: w }) => [
+                n("button", z({ type: "button" }, w, {
+                  "aria-label": `${s(t)("core.sections.label")}: ${b(r.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: o
+                }), [
+                  r.value.number ? (l(), d("span", F, c(r.value.number), 1)) : u("", !0),
+                  n("span", J, c(r.value.label), 1),
+                  i(r.value.id) > 0 ? (l(), d("span", P, c(i(r.value.id)), 1)) : u("", !0),
+                  k(s(j), {
+                    name: "arrowDownSLine",
+                    size: 16,
+                    class: "shrink-0 rotate-180 text-content-muted"
+                  })
+                ], 16, T)
+              ]),
+              _: 1
+            }, 8, ["items", "label"])
+          ])
+        ])
+      ]),
+      _: 1
+    })) : u("", !0);
+  }
+}), A = {
+  key: 0,
+  class: "px-2.5 text-caption font-semibold tracking-wide text-content-muted uppercase"
+}, G = { class: "flex flex-col gap-0.5" }, H = ["href", "aria-current", "data-test", "data-state", "onClick"], K = {
+  key: 0,
+  class: "w-5 shrink-0 text-footnote font-semibold tabular-nums text-content-link"
+}, Q = { class: "min-w-0 flex-1 break-words" }, R = ["aria-label"], U = {
+  key: 2,
+  class: "flex size-4 shrink-0 items-center justify-center rounded-full bg-control-on text-white"
+}, W = { class: "sr-only" }, X = {
+  key: 1,
+  class: "mx-2.5 flex flex-col gap-1.5 border-t border-border-separator pt-3.5",
+  "data-test": "section-progress"
+}, Y = { class: "text-footnote text-content-muted" }, Z = ["aria-valuemax", "aria-valuenow", "aria-label"], ee = { class: "text-footnote tabular-nums text-content-muted" }, ie = /* @__PURE__ */ $({
+  __name: "SectionList",
+  props: {
+    standalone: { type: Boolean, default: !1 },
+    states: { default: void 0 },
+    progress: { default: null }
+  },
+  emits: ["select"],
+  setup(v, { emit: x }) {
+    const t = v, m = x, { t: a } = S(), r = q(), p = _(() => r?.sections.value ?? []), i = (e) => t.states?.[e]?.errors ?? 0, b = (e) => {
+      const f = t.states?.[e]?.required;
+      return !!f && f.total > 0 && f.filled === f.total && i(e) === 0;
+    };
+    function h(e) {
+      r?.scrollTo(e), m("select", e);
+    }
+    return (e, f) => p.value.length > 1 ? (l(), C(B(t.standalone ? "nav" : "div"), {
+      key: 0,
+      "data-test": "section-list",
+      class: y(t.standalone ? "flex min-w-0 flex-col gap-3.5" : "mt-1 mb-2 pl-2"),
+      "aria-label": t.standalone ? s(a)("core.sections.label") : void 0
+    }, {
+      default: g(() => [
+        t.standalone ? (l(), d("h2", A, c(s(a)("core.sections.label")), 1)) : u("", !0),
+        n("ul", G, [
+          (l(!0), d(I, null, D(p.value, (o) => (l(), d("li", {
+            key: o.id
+          }, [
+            n("a", {
+              href: `#${o.id}`,
+              "aria-current": s(r)?.activeId.value === o.id ? "location" : void 0,
+              "data-test": `section-link-${o.id}`,
+              "data-state": i(o.id) > 0 ? "error" : b(o.id) ? "done" : void 0,
+              class: y(["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", s(r)?.activeId.value === o.id ? "bg-tint-soft font-semibold" : "hover:bg-fill"]),
+              onClick: E((w) => h(o.id), ["prevent"])
+            }, [
+              o.number ? (l(), d("span", K, c(o.number), 1)) : u("", !0),
+              n("span", Q, c(o.label), 1),
+              i(o.id) > 0 ? (l(), d("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": s(a)("core.form.sections.errors", { count: i(o.id) })
+              }, c(i(o.id)), 9, R)) : b(o.id) ? (l(), d("span", U, [
+                k(s(j), {
+                  name: "checkCustom",
+                  size: 12
+                }),
+                n("span", W, c(s(a)("core.form.sections.done")), 1)
+              ])) : u("", !0)
+            ], 10, H)
+          ]))), 128))
+        ]),
+        t.progress && t.progress.total > 0 ? (l(), d("div", X, [
+          n("span", Y, c(s(a)("core.form.required.label")), 1),
+          n("div", {
+            class: "h-1 overflow-hidden rounded-full bg-fill",
+            role: "progressbar",
+            "aria-valuemin": 0,
+            "aria-valuemax": t.progress.total,
+            "aria-valuenow": t.progress.filled,
+            "aria-label": s(a)("core.form.required.label")
+          }, [
+            n("div", {
+              class: "h-1 rounded-full bg-control-on transition-[width] duration-motion-normal",
+              style: L({ width: `${Math.round(t.progress.filled / t.progress.total * 100)}%` })
+            }, null, 4)
+          ], 8, Z),
+          n("span", ee, c(s(a)("core.form.required.count", { filled: t.progress.filled, total: t.progress.total })), 1)
+        ])) : u("", !0)
+      ]),
+      _: 1
+    }, 8, ["class", "aria-label"])) : u("", !0);
+  }
+});
+export {
+  ie as _,
+  le as a
+};