@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/Sheet.vue_vue_type_script_setup_true_lang-bHYzx7-J.js

@@ -0,0 +1,142 @@
+import { defineComponent as j, ref as b, useId as A, watch as N, openBlock as o, createBlock as V, Teleport as M, createElementBlock as n, unref as e, createVNode as h, Transition as k, withCtx as _, normalizeStyle as w, createCommentVNode as r, normalizeClass as S, createElementVNode as i, mergeProps as C, renderSlot as v, toDisplayString as P } from "vue";
+import { useI18n as T } from "vue-i18n";
+import { _ as W } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { a as F } from "./mediaQuery-CygcXmFW.js";
+import { u as L } from "./useDialog-CXR3hN0G.js";
+import { u as O } from "./useSheetDrag-OsD6Eb6I.js";
+const Q = ["aria-labelledby"], q = {
+  key: 0,
+  class: "flex justify-center pt-1.5",
+  "aria-hidden": "true"
+}, G = ["id"], H = ["aria-label"], J = {
+  key: 0,
+  class: "shrink-0 border-t border-border-separator bg-surface-cell px-4 pt-3 pb-[max(0.75rem,var(--app-safe-bottom))]"
+}, ee = /* @__PURE__ */ j({
+  __name: "Sheet",
+  props: {
+    title: { default: void 0 },
+    grouped: { type: Boolean, default: !1 }
+  },
+  emits: ["presented", "dismissed"],
+  setup(z, { expose: B, emit: D }) {
+    const l = z, y = D, { t: I } = T(), t = F("(max-width: 1023px), (pointer: coarse)"), u = b(!1), $ = () => {
+      c.value || (u.value = !1);
+    }, m = b(null), g = b(null), f = A(), d = L(m, {
+      initialFocus: "panel",
+      onPresented: () => y("presented"),
+      onDismissed: () => y("dismissed")
+    }), { isOpen: c } = d;
+    N(c, (a) => {
+      a && (u.value = !0);
+    }, { flush: "sync" });
+    const s = O({
+      enabled: t,
+      panel: m,
+      body: g,
+      onDismiss: () => (d.dismissWithoutAsking(), !0)
+    });
+    function E() {
+      s.reset(), d.present();
+    }
+    function p() {
+      d.dismissWithoutAsking();
+    }
+    return B({ present: E, dismiss: p }), (a, x) => (o(), V(M, { to: "body" }, [
+      u.value ? (o(), n("div", {
+        key: 0,
+        class: "relative z-9999",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": l.title ? e(f) : void 0
+      }, [
+        h(k, {
+          appear: "",
+          "enter-active-class": "transition-opacity duration-motion-normal ease-motion-standard",
+          "enter-from-class": "opacity-0",
+          "leave-active-class": "pointer-events-none transition-opacity duration-motion-normal ease-motion-standard",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: _(() => [
+            e(c) ? (o(), n("div", {
+              key: 0,
+              class: "fixed inset-0 bg-scrim",
+              style: w(e(s).backdropStyle.value),
+              "aria-hidden": "true",
+              onClick: p
+            }, null, 4)) : r("", !0)
+          ]),
+          _: 1
+        }),
+        h(k, {
+          appear: "",
+          "enter-active-class": "transition-transform duration-motion-sheet ease-motion-sheet",
+          "enter-from-class": e(t) ? "translate-y-full" : "translate-x-full",
+          "leave-active-class": "pointer-events-none transition-transform duration-motion-normal ease-motion-standard",
+          "leave-to-class": e(t) ? "translate-y-full" : "translate-x-full",
+          onAfterLeave: $
+        }, {
+          default: _(() => [
+            e(c) ? (o(), n("div", {
+              key: 0,
+              ref_key: "panel",
+              ref: m,
+              tabindex: "-1",
+              "data-part": "panel",
+              class: S(["fixed flex flex-col text-content-strong shadow-dialog outline-none", [
+                l.grouped ? "bg-surface-page" : "bg-surface-cell",
+                e(t) ? "inset-x-0 bottom-0 mx-auto max-h-[90dvh] w-full max-w-readable rounded-t-sheet" : "inset-y-0 right-0 w-full max-w-md",
+                e(s).dragging.value ? "" : "transition-transform duration-motion-normal ease-motion-sheet"
+              ]]),
+              style: w(e(s).panelStyle.value)
+            }, [
+              i("div", C({
+                class: ["shrink-0", e(t) ? "cursor-grab touch-none select-none" : ""]
+              }, e(s).handleEvents), [
+                e(t) ? (o(), n("div", q, [...x[0] || (x[0] = [
+                  i("span", { class: "h-1.25 w-9 rounded-full bg-fill-strong" }, null, -1)
+                ])])) : r("", !0),
+                v(a.$slots, "header", { titleId: e(f) }, () => [
+                  i("div", {
+                    class: S(["flex min-h-bar-height items-center justify-between gap-3 px-4", e(t) ? "pb-1" : "border-b border-border-separator"])
+                  }, [
+                    l.title ? (o(), n("h3", {
+                      key: 0,
+                      id: e(f),
+                      class: "text-headline font-semibold"
+                    }, P(l.title), 9, G)) : r("", !0),
+                    i("button", {
+                      type: "button",
+                      "data-part": "close",
+                      "aria-label": e(I)("core.actions.close"),
+                      class: "hit-target -mr-1 ml-auto flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-full bg-fill text-content-muted transition-colors duration-motion-fast hover:bg-fill-strong",
+                      onClick: p
+                    }, [
+                      h(e(W), {
+                        name: "close",
+                        size: 14
+                      })
+                    ], 8, H)
+                  ], 2)
+                ])
+              ], 16),
+              i("div", C({
+                ref_key: "body",
+                ref: g,
+                class: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4"
+              }, e(s).bodyEvents), [
+                v(a.$slots, "default")
+              ], 16),
+              a.$slots.footer ? (o(), n("div", J, [
+                v(a.$slots, "footer")
+              ])) : r("", !0)
+            ], 6)) : r("", !0)
+          ]),
+          _: 3
+        }, 8, ["enter-from-class", "leave-to-class"])
+      ], 8, Q)) : r("", !0)
+    ]));
+  }
+});
+export {
+  ee as _
+};

package/dist/SignIn-BWwFbxki.js

@@ -0,0 +1,140 @@
+import { defineComponent as P, computed as f, ref as I, openBlock as m, createElementBlock as N, createVNode as n, unref as e, withCtx as r, createSlots as R, createBlock as _, createTextVNode as k, toDisplayString as v, createCommentVNode as d } from "vue";
+import { useI18n as A } from "vue-i18n";
+import { _ as B } from "./Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js";
+import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-D7QgnUyN.js";
+import { u as D } from "./format-B8mJm946.js";
+import { _ as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-0mfG8TkU.js";
+import { e as b } from "./options-BXkMR63B.js";
+import { u as U } from "./describeError-Ctga6GcS.js";
+import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-BAcl44SC.js";
+import { t as h } from "./toast-D9Z5To38.js";
+import { u as j, h as G } from "./platform-hunMqFdB.js";
+import { b as H } from "./routeResource-DstM0hvf.js";
+import { _ as J } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { _ as K } from "./ActionRow.vue_vue_type_script_setup_true_lang-B7Lpfkf6.js";
+import { _ as M } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
+const Q = {
+  key: 0,
+  class: "flex min-w-0 max-w-200 flex-col gap-group-gap",
+  "data-person-signin": ""
+}, fe = /* @__PURE__ */ P({
+  __name: "SignIn",
+  setup(W) {
+    const { t: s } = A(), { http: w, access: y, session: x } = j(), $ = D(), C = U(), { signInAs: u } = q(), g = H(z), l = F(), o = f(() => g.data.value), t = f(() => o.value?.status === "locked"), c = I(!1), S = f(() => {
+      const a = G(x.state.value);
+      return u !== !1 && y.can(u) && !!o.value?.active && a !== null && a.impersonator === void 0 && a.user.id !== o.value.id;
+    });
+    async function E() {
+      const a = g.id.value;
+      if (!(a === null || c.value)) {
+        c.value = !0;
+        try {
+          await w.request(O.usersUnlock, { id: a }), h.success(s("core.users.signin.unlocked")), await l.refresh();
+        } catch (i) {
+          T(i) || h.error(C(i, { fallback: s("core.users.signin.unlock_failed") }));
+        } finally {
+          c.value = !1;
+        }
+      }
+    }
+    return (a, i) => o.value ? (m(), N("div", Q, [
+      n(M, {
+        title: e(s)("core.users.sections.signin"),
+        description: e(s)("core.users.intro.signin", { name: o.value.name })
+      }, null, 8, ["title", "description"]),
+      n(e(p), {
+        header: e(s)("core.users.signin.lock"),
+        footer: e(s)("core.users.signin.lock_footer")
+      }, {
+        default: r(() => [
+          n(e(b), {
+            layout: "setting",
+            label: t.value ? e(s)("core.users.signin.locked_title") : e(s)("core.users.signin.not_locked"),
+            sub: t.value && o.value.locked_until ? e(s)("core.users.signin.unlocks_at", { time: e($).time(o.value.locked_until) }) : e(s)("core.users.signin.not_locked_sub"),
+            "data-lock-row": ""
+          }, R({
+            leading: r(() => [
+              n(e(V), {
+                tone: t.value ? "anchor" : "neutral",
+                icon: "lockLine"
+              }, null, 8, ["tone"])
+            ]),
+            default: r(() => [
+              t.value ? (m(), _(e(J), {
+                key: 0,
+                tone: "critical",
+                dot: ""
+              }, {
+                default: r(() => [
+                  k(v(e(s)("core.users.status.locked")), 1)
+                ]),
+                _: 1
+              })) : d("", !0)
+            ]),
+            _: 2
+          }, [
+            t.value && e(l).can.manage ? {
+              name: "trailing",
+              fn: r(() => [
+                n(e(B), {
+                  size: "sm",
+                  processing: c.value,
+                  "data-unlock": "",
+                  onClick: E
+                }, {
+                  default: r(() => [
+                    k(v(e(s)("core.users.signin.unlock")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["processing"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["label", "sub"])
+        ]),
+        _: 1
+      }, 8, ["header", "footer"]),
+      e(l).can.manage ? (m(), _(e(p), {
+        key: 0,
+        header: e(s)("core.users.signin.password"),
+        footer: e(s)("core.users.signin.password_footer")
+      }, {
+        default: r(() => [
+          n(K, {
+            label: e(s)("core.users.signin.set_password"),
+            sub: e(s)("core.users.signin.set_password_sub"),
+            "data-set-password": "",
+            onClick: i[0] || (i[0] = (X) => e(l).setPassword())
+          }, null, 8, ["label", "sub"])
+        ]),
+        _: 1
+      }, 8, ["header", "footer"])) : d("", !0),
+      S.value && e(u) !== !1 ? (m(), _(e(p), {
+        key: 1,
+        header: e(s)("core.users.signin.as_header", { name: o.value.name }),
+        footer: e(s)("core.users.signin.as_footer", { name: o.value.name })
+      }, {
+        default: r(() => [
+          n(e(b), {
+            layout: "setting",
+            label: e(s)("core.users.signin.as_title"),
+            sub: e(s)("core.users.signin.as_sub")
+          }, {
+            trailing: r(() => [
+              n(L, {
+                "user-id": o.value.id,
+                name: o.value.name,
+                permission: e(u)
+              }, null, 8, ["user-id", "name", "permission"])
+            ]),
+            _: 1
+          }, 8, ["label", "sub"])
+        ]),
+        _: 1
+      }, 8, ["header", "footer"])) : d("", !0)
+    ])) : d("", !0);
+  }
+});
+export {
+  fe as default
+};

package/dist/SignInPage-FnLtoi2q.js

@@ -0,0 +1,60 @@
+import { defineComponent as d, openBlock as _, createElementBlock as g, createElementVNode as b, toDisplayString as n, unref as e, createVNode as t, withCtx as s, mergeProps as i, createTextVNode as w } from "vue";
+import { useI18n as x } from "vue-i18n";
+import { useRoute as y, useRouter as h } from "vue-router";
+import { _ as I } from "./Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js";
+import { _ as N } from "./Panel.vue_vue_type_script_setup_true_lang-BCRxRK4D.js";
+import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-Bz2m3AtF.js";
+import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-C_FMf3Vc.js";
+import { r as $ } from "./guards-Cd1V28oG.js";
+import { u as C, a as E } from "./index-BAcl44SC.js";
+const V = { class: "flex flex-1 flex-col items-center justify-center gap-8" }, k = { class: "text-xl font-semibold text-content-strong" }, H = /* @__PURE__ */ d({
+  __name: "SignInPage",
+  setup(q) {
+    const { t: o } = x(), m = y(), c = h(), { home: l } = C(), { form: r, passwordError: u, submit: p } = E();
+    async function f() {
+      await p() && await c.push($(m) ?? l);
+    }
+    return (v, B) => (_(), g("div", V, [
+      b("h1", k, n(e(o)("core.identity.signin.title")), 1),
+      t(e(N), { class: "w-full max-w-md" }, {
+        default: s(() => [
+          t(e(S), {
+            class: "p-1",
+            onSubmit: f
+          }, {
+            default: s(() => [
+              t(e(a), i(e(r).bind("login"), {
+                label: e(o)("core.identity.username"),
+                autocomplete: "username",
+                required: ""
+              }), null, 16, ["label"]),
+              t(e(a), i(e(r).bind("password"), {
+                label: e(o)("core.identity.signin.password"),
+                type: "password",
+                autocomplete: "current-password",
+                required: "",
+                error: e(u)
+              }), null, 16, ["label", "error"]),
+              t(e(I), {
+                type: "submit",
+                prominence: "primary",
+                class: "w-full",
+                processing: e(r).submitting.value
+              }, {
+                default: s(() => [
+                  w(n(e(o)("core.identity.signin.submit")), 1)
+                ]),
+                _: 1
+              }, 8, ["processing"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  H as default
+};

package/dist/SignInTable.vue_vue_type_script_setup_true_lang-Dnx3T_42.js

@@ -0,0 +1,79 @@
+import { defineComponent as _, computed as p, openBlock as y, createElementBlock as g, createVNode as l, unref as i, withCtx as s, createElementVNode as a, toDisplayString as r, createTextVNode as h } from "vue";
+import { useI18n as b } from "vue-i18n";
+import { _ as f } from "./DataTable.vue_vue_type_script_setup_true_lang-DSYgS9lC.js";
+import { _ as v } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+const w = {
+  signed_in: { tone: "positive", byOther: !1 },
+  wrong_password: { tone: "critical", byOther: !1 },
+  locked_out: { tone: "critical", byOther: !1 },
+  refused_inactive: { tone: "critical", byOther: !1 },
+  signed_in_as: { tone: "warning", byOther: !0 },
+  unlocked: { tone: "neutral", byOther: !0 },
+  signed_out_everywhere: { tone: "neutral", byOther: !0 },
+  session_revoked: { tone: "neutral", byOther: !0 }
+};
+function d(t) {
+  const o = w[t];
+  return o ? { ...o, known: !0 } : { tone: "neutral", byOther: !1, known: !1 };
+}
+function k(t, o) {
+  const n = d(t);
+  return n.known ? n.byOther && o ? `core.account.signins.events_by.${t}` : `core.account.signins.events.${t}` : "core.account.signins.events.unknown";
+}
+const O = {
+  class: "overflow-hidden rounded-group bg-surface-cell shadow-group",
+  "data-signin-table": ""
+}, x = ["title"], E = { class: "font-mono text-footnote" }, B = {
+  class: "px-4 py-8 text-center text-body text-content-muted",
+  "data-signin-empty": ""
+}, T = /* @__PURE__ */ _({
+  __name: "SignInTable",
+  props: {
+    rows: {},
+    loading: { type: Boolean }
+  },
+  setup(t) {
+    const o = t, { t: n } = b(), u = p(() => [
+      { key: "created_at", label: n("core.account.signins.columns.time"), kind: "timestamp", width: 170, mobile: "meta" },
+      { key: "event", label: n("core.account.signins.columns.event"), mobile: "primary" },
+      { key: "device", label: n("core.account.signins.columns.device"), hideBelow: "md", width: 320, mobile: "hidden" },
+      { key: "ip", label: n("core.account.signins.columns.ip"), hideBelow: "md", width: 140, mobile: "hidden" }
+    ]), m = (c) => n(k(c.event, c.actor?.name || null), { name: c.actor?.name ?? "" });
+    return (c, I) => (y(), g("div", O, [
+      l(i(f), {
+        rows: o.rows,
+        columns: u.value,
+        "row-key": (e) => e.id,
+        loading: o.loading
+      }, {
+        "cell-event": s(({ item: e }) => [
+          l(i(v), {
+            tone: i(d)(e.event).tone,
+            "data-event": e.event
+          }, {
+            default: s(() => [
+              h(r(m(e)), 1)
+            ]),
+            _: 2
+          }, 1032, ["tone", "data-event"])
+        ]),
+        "cell-device": s(({ item: e }) => [
+          a("span", {
+            class: "block truncate",
+            title: e.device
+          }, r(e.device || "—"), 9, x)
+        ]),
+        "cell-ip": s(({ item: e }) => [
+          a("span", E, r(e.ip || "—"), 1)
+        ]),
+        empty: s(() => [
+          a("p", B, r(i(n)("core.account.signins.empty")), 1)
+        ]),
+        _: 1
+      }, 8, ["rows", "columns", "row-key", "loading"])
+    ]));
+  }
+});
+export {
+  T as _
+};

package/dist/SignIns-3UcI64_h.js

@@ -0,0 +1,66 @@
+import { defineComponent as g, ref as m, watch as p, openBlock as c, createElementBlock as v, createVNode as i, unref as e, withCtx as w, createBlock as x, createCommentVNode as y, createElementVNode as V, toDisplayString as $ } from "vue";
+import { useI18n as N } from "vue-i18n";
+import { P as S, i as b } from "./index-BAcl44SC.js";
+import { u as k } from "./platform-hunMqFdB.js";
+import { b as I } from "./routeResource-DstM0hvf.js";
+import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js";
+import { u as C } from "./useLoad-CYRVx6HW.js";
+import { _ as E } from "./PageBar.vue_vue_type_script_setup_true_lang-Cfr5xsJx.js";
+import { _ as B } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
+import { _ as P } from "./SignInTable.vue_vue_type_script_setup_true_lang-Dnx3T_42.js";
+import { _ as h } from "./ViewTabs.vue_vue_type_script_setup_true_lang-ByqTU2JT.js";
+const U = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-person-signins": ""
+}, q = { class: "px-row-inset text-footnote text-content-muted" }, M = /* @__PURE__ */ g({
+  __name: "SignIns",
+  setup(D) {
+    const d = ["all", "failed"], { t: s } = N(), { http: f } = k(), l = I(S), r = m("all"), a = m(1), n = C(
+      async ({ signal: u }) => {
+        const t = l.id.value;
+        return t === null ? null : (await f.request(b.usersSignins, { id: t, view: r.value, page: a.value, per_page: 20 }, { signal: u })).data;
+      },
+      { watch: () => l.id.value }
+    );
+    return p(r, () => {
+      a.value = 1, n.reload();
+    }), p(a, () => void n.reload()), (u, t) => (c(), v("div", U, [
+      i(B, {
+        title: e(s)("core.users.sections.signins"),
+        description: e(s)("core.users.intro.signins", { name: e(l).data.value?.name ?? "" })
+      }, null, 8, ["title", "description"]),
+      i(h, {
+        modelValue: r.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => r.value = o),
+        views: d,
+        counts: e(n).data.value?.meta?.views,
+        "label-of": (o) => e(s)(`core.account.signins.views.${o}`),
+        label: e(s)("core.users.sections.signins")
+      }, null, 8, ["modelValue", "counts", "label-of", "label"]),
+      i(e(R), {
+        state: e(n).state.value,
+        "skeleton-rows": 5,
+        "is-empty": () => !1,
+        onRetry: t[2] || (t[2] = (o) => e(n).reload())
+      }, {
+        default: w(({ value: o }) => [
+          i(P, {
+            rows: o?.data ?? []
+          }, null, 8, ["rows"]),
+          o ? (c(), x(E, {
+            key: 0,
+            page: a.value,
+            "onUpdate:page": t[1] || (t[1] = (_) => a.value = _),
+            "last-page": o.last_page,
+            total: o.total
+          }, null, 8, ["page", "last-page", "total"])) : y("", !0),
+          V("p", q, $(e(s)("core.account.signins.footer_user")), 1)
+        ]),
+        _: 1
+      }, 8, ["state"])
+    ]));
+  }
+});
+export {
+  M as default
+};

package/dist/SwipeActions.vue_vue_type_script_setup_true_lang-4I8m27ol.js

@@ -0,0 +1,93 @@
+import { defineComponent as D, computed as N, ref as p, watch as O, onBeforeUnmount as T, openBlock as f, createElementBlock as d, createElementVNode as b, normalizeStyle as x, Fragment as z, renderList as E, normalizeClass as _, createVNode as X, unref as $, createTextVNode as B, toDisplayString as V, renderSlot as Y } from "vue";
+import { _ as A } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { p as I } from "./perDocument-DUuFrdGU.js";
+const R = ["aria-hidden"], W = ["href", "target", "rel", "tabindex", "data-action"], j = Symbol("vue-core:swipe-open-row"), F = () => I(j, () => p(null)), q = /* @__PURE__ */ D({
+  __name: "SwipeActions",
+  props: {
+    actions: {},
+    contentClass: { default: "" }
+  },
+  setup(y) {
+    const o = y, k = 76, C = {
+      positive: "bg-status-success-solid",
+      info: "bg-status-info-solid",
+      neutral: "bg-status-neutral-solid",
+      critical: "bg-status-danger-solid"
+    }, n = F(), l = Symbol("swipe-row"), r = N(() => o.actions.length * k), t = p(0), s = p(!1);
+    let v = 0, m = 0, h = 0, i = null, u = !1;
+    function P(e) {
+      u = !1, !(e.pointerType !== "touch" || o.actions.length === 0) && (v = e.clientX, m = e.clientY, h = t.value, i = null);
+    }
+    function M(e) {
+      if (e.pointerType !== "touch" || o.actions.length === 0) return;
+      const c = e.clientX - v, a = e.clientY - m;
+      if (i === null) {
+        if (Math.abs(c) < 6 && Math.abs(a) < 6) return;
+        i = Math.abs(c) > Math.abs(a);
+      }
+      i && (s.value = !0, t.value = Math.min(0, Math.max(-r.value - 24, h + c)));
+    }
+    function g() {
+      t.value = 0, n.value === l && (n.value = null);
+    }
+    function w() {
+      if (!s.value) return;
+      s.value = !1, u = !0;
+      const e = -t.value > r.value / 2;
+      t.value = e ? -r.value : 0, e ? n.value = l : n.value === l && (n.value = null);
+    }
+    function S(e) {
+      if (u) {
+        u = !1, e.stopPropagation(), e.preventDefault();
+        return;
+      }
+      t.value !== 0 && !e.target.closest("[data-swipe-action]") && (e.stopPropagation(), e.preventDefault(), g());
+    }
+    return O(n, (e) => {
+      e !== l && t.value !== 0 && !s.value && (t.value = 0);
+    }), T(() => {
+      n.value === l && (n.value = null);
+    }), (e, c) => (f(), d("div", {
+      class: "relative overflow-hidden",
+      "data-test": "swipe-row",
+      onClickCapture: S
+    }, [
+      b("div", {
+        class: "absolute inset-y-0 right-0 flex",
+        style: x({ width: `${r.value}px` }),
+        "aria-hidden": t.value === 0
+      }, [
+        (f(!0), d(z, null, E(o.actions, (a) => (f(), d("a", {
+          key: a.key,
+          href: a.href,
+          "data-swipe-action": "",
+          target: a.external ? "_blank" : void 0,
+          rel: a.external ? "noopener" : void 0,
+          tabindex: t.value === 0 ? -1 : 0,
+          "data-action": a.key,
+          class: _(["flex flex-1 flex-col items-center justify-center gap-1 text-footnote font-semibold text-white", C[a.tone]]),
+          onClick: g
+        }, [
+          X($(A), {
+            name: a.icon,
+            size: 22
+          }, null, 8, ["name"]),
+          B(" " + V(a.label), 1)
+        ], 10, W))), 128))
+      ], 12, R),
+      b("div", {
+        class: _(["relative touch-pan-y bg-surface-cell", [o.contentClass, s.value ? "" : "transition-transform duration-motion-normal ease-motion-standard"]]),
+        style: x({ transform: `translateX(${t.value}px)` }),
+        onPointerdown: P,
+        onPointermove: M,
+        onPointerup: w,
+        onPointercancel: w
+      }, [
+        Y(e.$slots, "default")
+      ], 38)
+    ], 32));
+  }
+});
+export {
+  q as _
+};