@wssto2/vue-core 0.2.0 → 0.4.0

package/dist/SelectField.vue_vue_type_script_setup_true_lang-7O1BAx04.js

@@ -0,0 +1,423 @@
+import { defineComponent as U, ref as N, useId as H, useTemplateRef as P, computed as y, watch as F, nextTick as I, openBlock as n, createElementBlock as b, normalizeClass as g, createElementVNode as s, createVNode as L, unref as t, withDirectives as j, vModelText as G, createCommentVNode as _, toDisplayString as w, createBlock as z, Fragment as B, renderList as T, onScopeDispose as K, useModel as W, mergeProps as E, withCtx as D, createSlots as J, createTextVNode as Q, mergeModels as X, mergeDefaults as Y } from "vue";
+import { useI18n as R } from "vue-i18n";
+import { _ as Z } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as V } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as ee } from "./mediaQuery-CygcXmFW.js";
+import { _ as te } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
+import { _ as oe } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { a as le, c as ae, _ as ne, f as se, b as re } from "./control-7EP4tjYy.js";
+import { g as ie, m as ue } from "./options-Ba_0uLWN.js";
+import { a as ce } from "./suggestions-BxMm6MQA.js";
+const de = { class: "flex min-h-9 items-center gap-1.5 rounded-control bg-fill px-2.5 text-content-muted focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-border-focus" }, pe = ["aria-label", "placeholder"], me = ["aria-multiselectable", "aria-busy"], fe = {
+  key: 0,
+  role: "presentation"
+}, ve = ["aria-selected"], be = { class: "flex-1 py-2" }, ge = {
+  key: 1,
+  role: "presentation",
+  class: "flex items-center gap-2.5 px-row-inset py-4 text-subheadline text-content-muted",
+  "data-test": "options-loading"
+}, he = { role: "status" }, ye = {
+  key: 2,
+  role: "presentation",
+  class: "flex flex-col items-start gap-1 px-row-inset py-3",
+  "data-test": "options-failed"
+}, xe = {
+  role: "alert",
+  class: "text-subheadline text-content-destructive"
+}, ke = ["id"], _e = ["aria-labelledby"], we = ["aria-selected"], $e = ["disabled", "onClick"], Ce = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "flex shrink-0 items-center"
+}, Se = { class: "min-w-0 flex-1 text-content-strong" }, Le = {
+  key: 0,
+  class: "shrink-0 text-footnote text-content-muted"
+}, Ve = {
+  key: 3,
+  class: "px-4 py-6 text-center text-subheadline text-content-muted"
+}, M = /* @__PURE__ */ U({
+  __name: "OptionList",
+  props: {
+    options: {},
+    modelValue: { default: null },
+    multiple: { type: Boolean, default: !1 },
+    searchFrom: { default: 9 },
+    noneLabel: { default: void 0 },
+    presentation: { default: "grouped" },
+    status: { default: "loaded" }
+  },
+  emits: ["select", "retry"],
+  setup(r, { emit: l }) {
+    const e = r, d = l, { t: f } = R(), v = N(""), m = H(), h = P("root"), o = y(() => e.options.length >= e.searchFrom), x = y(() => ie(ue(e.options, v.value))), S = (p) => e.multiple ? Array.isArray(e.modelValue) && e.modelValue.includes(p.value) : e.modelValue === p.value, A = y(() => e.multiple ? !1 : e.modelValue === null);
+    function O(p) {
+      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(p.key)) return;
+      const a = [...h.value?.querySelectorAll("[data-option]:not([disabled])") ?? []];
+      if (a.length === 0) return;
+      const i = a.indexOf(document.activeElement), c = p.key === "Home" ? 0 : p.key === "End" ? a.length - 1 : p.key === "ArrowDown" ? Math.min(i + 1, a.length - 1) : Math.max(i - 1, 0);
+      p.key === "ArrowUp" && i <= 0 ? h.value?.querySelector("[data-option-search]")?.focus() : a[i === -1 && p.key === "ArrowDown" ? 0 : c]?.focus(), p.preventDefault();
+    }
+    const $ = y(() => e.presentation === "grouped"), C = y(() => e.status === "loading"), u = y(() => e.status === "failed");
+    return F(() => e.status, (p, k) => {
+      k !== "loading" || p === "loading" || I(() => {
+        const a = document.activeElement;
+        (!a || a === document.body || a.getAttribute("role") === "dialog" && !!h.value && a.contains(h.value)) && h.value?.querySelector("[data-option-search], [data-option]:not([disabled])")?.focus({ preventScroll: !0 });
+      });
+    }), (p, k) => (n(), b("div", {
+      ref_key: "root",
+      ref: h,
+      "data-test": "option-list",
+      onKeydown: O
+    }, [
+      o.value ? (n(), b("div", {
+        key: 0,
+        class: g(["sticky top-0 z-10 pb-2", $.value ? "bg-surface-page pt-1" : "bg-surface-cell"])
+      }, [
+        s("label", de, [
+          L(t(V), {
+            name: "search",
+            size: 16,
+            class: "shrink-0"
+          }),
+          j(s("input", {
+            "onUpdate:modelValue": k[0] || (k[0] = (a) => v.value = a),
+            "data-option-search": "",
+            type: "search",
+            enterkeyhint: "search",
+            autocomplete: "off",
+            autocapitalize: "off",
+            spellcheck: "false",
+            "aria-label": t(f)("core.form.select.search"),
+            placeholder: t(f)("core.form.select.search"),
+            class: "min-w-0 flex-1 border-0 bg-transparent p-0 text-body text-content-strong outline-none placeholder:text-content-disabled focus:ring-0"
+          }, null, 8, pe), [
+            [G, v.value]
+          ])
+        ])
+      ], 2)) : _("", !0),
+      s("ul", {
+        class: g(["flex flex-col", $.value ? "gap-group-gap" : "gap-2"]),
+        role: "listbox",
+        "aria-multiselectable": e.multiple || void 0,
+        "aria-busy": C.value || void 0
+      }, [
+        e.noneLabel && v.value === "" ? (n(), b("li", fe, [
+          s("ul", {
+            role: "group",
+            class: g($.value ? "rounded-group bg-surface-cell shadow-group" : "")
+          }, [
+            s("li", {
+              role: "option",
+              "aria-selected": A.value
+            }, [
+              s("button", {
+                type: "button",
+                "data-option": "",
+                class: g(["flex min-h-row w-full cursor-pointer items-center gap-3 px-row-inset text-left text-body hover:bg-fill focus-visible:bg-fill focus-visible:outline-none active:bg-fill", [A.value ? "text-content-strong" : "text-content-muted", $.value ? "rounded-group" : "rounded-control"]]),
+                onClick: k[1] || (k[1] = (a) => d("select", null))
+              }, [
+                s("span", be, w(e.noneLabel), 1),
+                A.value ? (n(), z(t(V), {
+                  key: 0,
+                  name: "checkCustom",
+                  size: 18,
+                  class: "shrink-0 text-content-link"
+                })) : _("", !0)
+              ], 2)
+            ], 8, ve)
+          ], 2)
+        ])) : _("", !0),
+        C.value ? (n(), b("li", ge, [
+          L(t(V), {
+            name: "loader4Line",
+            size: 16,
+            class: "shrink-0 animate-spin text-content-link"
+          }),
+          s("span", he, w(t(f)("core.form.select.loading")), 1)
+        ])) : u.value ? (n(), b("li", ye, [
+          s("span", xe, w(t(f)("core.form.select.load_failed")), 1),
+          s("button", {
+            type: "button",
+            "data-option": "",
+            "data-test": "options-retry",
+            class: "-ml-2 cursor-pointer rounded-control px-2 py-1 text-subheadline font-medium text-content-link hover:bg-fill focus-visible:bg-fill focus-visible:outline-none",
+            onClick: k[2] || (k[2] = (a) => d("retry"))
+          }, w(t(f)("core.actions.retry")), 1)
+        ])) : _("", !0),
+        (n(!0), b(B, null, T(x.value, (a, i) => (n(), b("li", {
+          key: a.title ?? i,
+          role: "presentation"
+        }, [
+          a.title ? (n(), b("p", {
+            key: 0,
+            id: `${t(m)}-${i}`,
+            class: "px-row-inset pb-1.5 text-footnote uppercase tracking-wide text-content-muted"
+          }, w(a.title), 9, ke)) : _("", !0),
+          s("ul", {
+            role: "group",
+            "aria-labelledby": a.title ? `${t(m)}-${i}` : void 0,
+            class: g($.value ? "rounded-group bg-surface-cell shadow-group" : "")
+          }, [
+            (n(!0), b(B, null, T(a.options, (c) => (n(), b("li", {
+              key: String(c.value),
+              role: "option",
+              "aria-selected": S(c),
+              class: "group/option"
+            }, [
+              s("button", {
+                type: "button",
+                "data-option": "",
+                "data-test": "option",
+                disabled: c.disabled,
+                class: g(["flex w-full cursor-pointer items-stretch gap-3 pl-row-inset text-left text-body hover:bg-fill focus-visible:bg-fill focus-visible:outline-none active:bg-fill disabled:cursor-not-allowed disabled:opacity-45", $.value ? "group-first/option:rounded-t-group group-last/option:rounded-b-group" : "rounded-control"]),
+                onClick: (Fe) => d("select", c.value)
+              }, [
+                e.multiple ? (n(), b("span", Ce, [
+                  s("span", {
+                    class: g(["flex size-5.5 items-center justify-center rounded-full border", S(c) ? "border-control-on bg-control-on text-white" : "border-border-control"])
+                  }, [
+                    S(c) ? (n(), z(t(V), {
+                      key: 0,
+                      name: "checkCustom",
+                      size: 12
+                    })) : _("", !0)
+                  ], 2)
+                ])) : _("", !0),
+                s("span", {
+                  class: g(["flex min-h-row min-w-0 flex-1 items-center gap-3 py-2 pr-row-inset", $.value ? "border-t border-border-separator group-first/option:border-t-0" : ""])
+                }, [
+                  s("span", Se, w(c.label), 1),
+                  c.description ? (n(), b("span", Le, w(c.description), 1)) : _("", !0),
+                  !e.multiple && S(c) ? (n(), z(t(V), {
+                    key: 1,
+                    name: "checkCustom",
+                    size: 18,
+                    class: "shrink-0 text-content-link"
+                  })) : _("", !0)
+                ], 2)
+              ], 10, $e)
+            ], 8, we))), 128))
+          ], 10, _e)
+        ]))), 128)),
+        x.value.length === 0 && !C.value && !u.value ? (n(), b("li", Ve, w(t(f)("core.form.select.no_matches")), 1)) : _("", !0)
+      ], 10, me)
+    ], 544));
+  }
+});
+function je(r) {
+  const l = ce(), e = r.for !== void 0;
+  let d = 0;
+  function f() {
+    const v = r.for?.();
+    if (e && v == null) {
+      l.cancel(), l.items.value = [], l.status.value = "idle";
+      return;
+    }
+    l.run(
+      (m) => e ? r.load(v, { signal: m }) : r.load({ signal: m })
+    );
+  }
+  return F(
+    () => r.for?.(),
+    (v, m) => {
+      m != null && d++, f();
+    },
+    { immediate: !0 }
+  ), K(l.cancel), {
+    get status() {
+      return l.status.value;
+    },
+    get options() {
+      return l.items.value;
+    },
+    get generation() {
+      return d;
+    },
+    reload: f
+  };
+}
+const q = (r) => Array.isArray(r), De = [];
+function qe(r, l) {
+  const e = y(() => {
+    const o = r();
+    return q(o) ? o : o.options;
+  }), d = y(() => {
+    const o = r();
+    return q(o) ? "loaded" : o.status;
+  }), f = y(() => d.value === "loading" || d.value === "failed" ? De : e.value), v = y(() => d.value === "loading"), m = r();
+  let h = q(m) ? 0 : m.generation;
+  return F(
+    () => {
+      const o = r();
+      return q(o) ? null : o.status === "loaded" || o.status === "idle" ? o.options : null;
+    },
+    (o) => {
+      const x = r();
+      o === null || q(x) || x.generation === h || (h = x.generation, l(o));
+    }
+  ), { known: e, rows: f, status: d, loading: v, reload: () => {
+    const o = r();
+    q(o) || o.reload();
+  } };
+}
+const ze = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-describedby", "aria-busy"], Ae = ["id", "disabled", "aria-required", "aria-invalid", "aria-describedby", "aria-busy", "onClick"], Oe = { class: "max-h-72 overflow-y-auto" }, Ge = /* @__PURE__ */ U({
+  __name: "SelectField",
+  props: /* @__PURE__ */ X(/* @__PURE__ */ Y({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    options: {},
+    selected: {},
+    placeholder: {},
+    clearable: { type: Boolean },
+    searchFrom: {}
+  }, { ...re, selected: null, placeholder: void 0, clearable: !1, searchFrom: 9 }), {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const l = r, e = W(r, "modelValue"), { t: d } = R(), f = ee(), v = !!le(), m = P("sheet"), h = N(!1), o = qe(() => l.options, (C) => {
+      e.value !== null && !C.some((u) => u.value === e.value) && (e.value = null);
+    }), x = y(() => o.known.value.find((C) => C.value === e.value) ?? (l.selected?.value === e.value ? l.selected : null)), S = y(() => l.placeholder ?? d("core.form.select.choose")), A = ae("popup", () => l.error ? "error" : l.disabled ? "locked" : "rest");
+    function O(C) {
+      e.value = C, m.value?.dismiss();
+    }
+    const $ = y(() => [
+      "flex max-w-full min-w-0 items-center gap-1.5 py-1 pl-2.5 pr-2 text-body focus-visible:outline-none",
+      v ? "compact:pl-0 compact:pr-0" : "",
+      l.disabled ? "cursor-not-allowed" : "cursor-pointer"
+    ]);
+    return (C, u) => (n(), z(ne, E(t(se)(l), {
+      value: x.value?.label ?? null
+    }), {
+      default: D(({ id: p, describedby: k, invalid: a }) => [
+        s("div", {
+          class: g(["inline-flex max-w-full min-w-0", t(A)])
+        }, [
+          t(f) ? (n(), b("button", {
+            key: 0,
+            id: p,
+            type: "button",
+            disabled: l.disabled,
+            "aria-haspopup": "dialog",
+            "aria-expanded": h.value,
+            "aria-required": l.required || void 0,
+            "aria-invalid": a || void 0,
+            "aria-describedby": k,
+            "aria-busy": t(o).loading.value || void 0,
+            class: g($.value),
+            onClick: u[0] || (u[0] = (i) => m.value?.present())
+          }, [
+            s("span", {
+              class: g(["min-w-0 truncate", x.value ? v ? "text-content-strong compact:text-content-muted" : "text-content-strong" : "text-content-disabled"])
+            }, w(x.value?.label ?? S.value), 3),
+            L(t(V), {
+              name: t(o).loading.value ? "loader4Line" : "expandUpDownLine",
+              size: 14,
+              class: g(["shrink-0 text-content-muted", t(o).loading.value ? "animate-spin" : ""])
+            }, null, 8, ["name", "class"])
+          ], 10, ze)) : (n(), z(oe, {
+            key: 1,
+            label: l.label ?? S.value,
+            width: "md",
+            "match-trigger-width": "",
+            placement: "bottom-start",
+            arrow: !1
+          }, {
+            trigger: D(({ toggle: i, attrs: c }) => [
+              s("button", E({
+                id: p,
+                type: "button"
+              }, c, {
+                "aria-haspopup": "listbox",
+                disabled: l.disabled,
+                "aria-required": l.required || void 0,
+                "aria-invalid": a || void 0,
+                "aria-describedby": k,
+                "aria-busy": t(o).loading.value || void 0,
+                class: $.value,
+                onClick: i
+              }), [
+                s("span", {
+                  class: g(["min-w-0 truncate", x.value ? "text-content-strong" : "text-content-disabled"])
+                }, w(x.value?.label ?? S.value), 3),
+                L(t(V), {
+                  name: t(o).loading.value ? "loader4Line" : "expandUpDownLine",
+                  size: 14,
+                  class: g(["shrink-0 text-content-muted", t(o).loading.value ? "animate-spin" : ""])
+                }, null, 8, ["name", "class"])
+              ], 16, Ae)
+            ]),
+            default: D(({ dismiss: i }) => [
+              s("div", Oe, [
+                L(M, {
+                  options: t(o).rows.value,
+                  status: t(o).status.value,
+                  "model-value": e.value,
+                  "search-from": l.searchFrom,
+                  "none-label": l.clearable ? t(d)("core.form.select.clear") : void 0,
+                  presentation: "plain",
+                  onSelect: (c) => {
+                    e.value = c, i();
+                  },
+                  onRetry: u[1] || (u[1] = (c) => t(o).reload())
+                }, null, 8, ["options", "status", "model-value", "search-from", "none-label", "onSelect"])
+              ])
+            ]),
+            _: 2
+          }, 1032, ["label"]))
+        ], 2),
+        t(f) ? (n(), z(te, {
+          key: 0,
+          ref_key: "sheet",
+          ref: m,
+          title: l.label ?? S.value,
+          grouped: "",
+          onPresented: u[4] || (u[4] = (i) => h.value = !0),
+          onDismissed: u[5] || (u[5] = (i) => h.value = !1)
+        }, J({
+          default: D(() => [
+            L(M, {
+              options: t(o).rows.value,
+              status: t(o).status.value,
+              "model-value": e.value,
+              "search-from": l.searchFrom,
+              "none-label": l.clearable ? t(d)("core.form.select.clear") : void 0,
+              onSelect: O,
+              onRetry: u[2] || (u[2] = (i) => t(o).reload())
+            }, null, 8, ["options", "status", "model-value", "search-from", "none-label"])
+          ]),
+          _: 2
+        }, [
+          l.clearable && e.value !== null ? {
+            name: "footer",
+            fn: D(() => [
+              L(Z, {
+                prominence: "plain",
+                onClick: u[3] || (u[3] = (i) => O(null))
+              }, {
+                default: D(() => [
+                  Q(w(t(d)("core.form.select.clear")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["title"])) : _("", !0)
+      ]),
+      _: 1
+    }, 16, ["value"]));
+  }
+});
+export {
+  Ge as _,
+  M as a,
+  je as b,
+  qe as u
+};

package/dist/SessionList.vue_vue_type_script_setup_true_lang-D5KRitar.js

@@ -0,0 +1,111 @@
+import { defineComponent as g, openBlock as n, createBlock as i, unref as t, withCtx as a, createCommentVNode as r, createElementBlock as d, Fragment as x, renderList as v, createSlots as w, createElementVNode as l, toDisplayString as s, createTextVNode as m, createVNode as u } from "vue";
+import { useI18n as $ } from "vue-i18n";
+import { _ as C } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as B } from "./IconTile.vue_vue_type_script_setup_true_lang-BpIjgu5E.js";
+import { u as E } from "./format-B8mJm946.js";
+import { _ as N } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
+import { e as f } from "./control-7EP4tjYy.js";
+import { _ as y } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+const V = { class: "flex flex-wrap items-center gap-x-1.5 gap-y-0.5" }, L = {
+  key: 0,
+  class: "font-mono"
+}, S = {
+  key: 1,
+  "aria-hidden": "true"
+}, T = {
+  key: 0,
+  class: "mt-1 flex flex-wrap gap-1"
+}, K = /* @__PURE__ */ g({
+  __name: "SessionList",
+  props: {
+    sessions: {},
+    canEnd: { type: Boolean },
+    header: {},
+    footer: {}
+  },
+  emits: ["end"],
+  setup(h, { emit: k }) {
+    const c = h, b = k, { t: o } = $(), p = E();
+    return (F, _) => (n(), i(t(N), {
+      header: c.header,
+      footer: c.footer
+    }, {
+      default: a(() => [
+        c.sessions.length === 0 ? (n(), i(t(f), {
+          key: 0,
+          layout: "setting",
+          label: t(o)("core.account.sessions.empty")
+        }, null, 8, ["label"])) : r("", !0),
+        (n(!0), d(x, null, v(c.sessions, (e) => (n(), i(t(f), {
+          key: e.id,
+          layout: "setting",
+          label: e.device || t(o)("core.account.sessions.unknown_device"),
+          "data-session": e.id
+        }, w({
+          leading: a(() => [
+            u(t(B), {
+              tone: "anchor",
+              icon: "deviceLine"
+            })
+          ]),
+          sub: a(() => [
+            l("span", V, [
+              e.ip ? (n(), d("span", L, s(e.ip), 1)) : r("", !0),
+              e.ip ? (n(), d("span", S, "·")) : r("", !0),
+              l("span", null, s(t(o)("core.account.sessions.last_active", { when: t(p).dateTime(e.last_used_at) })), 1),
+              _[0] || (_[0] = l("span", { "aria-hidden": "true" }, "·", -1)),
+              l("span", null, s(t(o)("core.account.sessions.expires", { when: t(p).dateTime(e.expires_at) })), 1)
+            ]),
+            e.current || e.opened_by ? (n(), d("span", T, [
+              e.current ? (n(), i(t(y), {
+                key: 0,
+                tone: "positive",
+                dot: "",
+                "data-session-current": ""
+              }, {
+                default: a(() => [
+                  m(s(t(o)("core.account.sessions.this_device")), 1)
+                ]),
+                _: 1
+              })) : r("", !0),
+              e.opened_by ? (n(), i(t(y), {
+                key: 1,
+                tone: "warning",
+                "data-session-opened-by": ""
+              }, {
+                default: a(() => [
+                  m(s(e.opened_by.name ? t(o)("core.account.sessions.opened_by", { name: e.opened_by.name }) : t(o)("core.account.sessions.opened_by_other")), 1)
+                ]),
+                _: 2
+              }, 1024)) : r("", !0)
+            ])) : r("", !0)
+          ]),
+          _: 2
+        }, [
+          c.canEnd && !e.current ? {
+            name: "trailing",
+            fn: a(() => [
+              u(t(C), {
+                prominence: "plain",
+                tone: "critical",
+                size: "sm",
+                "data-end-session": e.id,
+                onClick: (z) => b("end", e)
+              }, {
+                default: a(() => [
+                  m(s(t(o)("core.account.sessions.end")), 1)
+                ]),
+                _: 1
+              }, 8, ["data-end-session", "onClick"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["label", "data-session"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["header", "footer"]));
+  }
+});
+export {
+  K as _
+};

package/dist/Sessions-CWqjjTr1.js

@@ -0,0 +1,96 @@
+import { defineComponent as x, useTemplateRef as v, computed as w, ref as $, openBlock as E, createElementBlock as P, createVNode as t, unref as e, createSlots as h, withCtx as u, createTextVNode as B, toDisplayString as C } from "vue";
+import { useI18n as N } from "vue-i18n";
+import { _ as q } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { u as A } from "./describeError-Ctga6GcS.js";
+import { P as D, b as L, e as O, i as g, d as T } from "./index-CGv-u1Ws.js";
+import { _ as k } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
+import { t as b } from "./toast-D9Z5To38.js";
+import { u as V } from "./platform-q3cjODLx.js";
+import { b as I } from "./routeResource-DstM0hvf.js";
+import { _ as j } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
+import { _ as z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
+import { _ as F } from "./SessionList.vue_vue_type_script_setup_true_lang-D5KRitar.js";
+const G = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-person-sessions": ""
+}, ne = /* @__PURE__ */ x({
+  __name: "Sessions",
+  setup(H) {
+    const { t: s } = N(), { http: d } = V(), y = A(), r = I(D), c = L(), i = O(), m = v("one"), f = v("all"), l = w(() => i.data.value?.sessions ?? []);
+    async function _(a, o) {
+      try {
+        await a(), b.success(o);
+      } catch (n) {
+        T(n) || b.error(y(n, { fallback: s("core.account.sessions.end_failed") }));
+      }
+      await i.reload();
+    }
+    const S = (a) => _(() => d.request(g.usersRevokeSession, { id: r.id.value ?? 0, session_id: a.id }), s("core.account.sessions.ended")), R = () => _(() => d.request(g.usersRevokeSessions, { id: r.id.value ?? 0 }), s("core.users.sessions.ended_all")), p = $(null);
+    return (a, o) => (E(), P("div", G, [
+      t(z, {
+        title: e(s)("core.users.sections.sessions"),
+        description: e(s)("core.users.intro.sessions", { name: e(r).data.value?.name ?? "" })
+      }, h({ _: 2 }, [
+        e(c).can.endSessions && l.value.length > 0 ? {
+          name: "actions",
+          fn: u(() => [
+            t(e(q), {
+              prominence: "plain",
+              tone: "critical",
+              "data-end-all": "",
+              onClick: o[0] || (o[0] = (n) => f.value?.present())
+            }, {
+              default: u(() => [
+                B(C(e(s)("core.users.sessions.end_all")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["title", "description"]),
+      t(e(j), {
+        state: e(i).state.value,
+        "skeleton-rows": 3,
+        "is-empty": () => !1,
+        onRetry: o[2] || (o[2] = (n) => e(i).reload())
+      }, {
+        default: u(() => [
+          t(F, {
+            sessions: l.value,
+            "can-end": e(c).can.endSessions,
+            header: e(s)("core.users.sessions.header", { n: l.value.length }),
+            footer: e(c).can.endSessions ? e(s)("core.users.sessions.footer") : e(s)("core.users.sessions.own_footer"),
+            onEnd: o[1] || (o[1] = (n) => {
+              p.value = n, m.value?.present(n);
+            })
+          }, null, 8, ["sessions", "can-end", "header", "footer"])
+        ]),
+        _: 1
+      }, 8, ["state"]),
+      t(e(k), {
+        ref_key: "one",
+        ref: m,
+        tone: "critical",
+        icon: "logoutBoxRLine",
+        title: e(s)("core.account.sessions.end_title"),
+        message: e(s)("core.account.sessions.end_body", { device: p.value?.device || e(s)("core.account.sessions.unknown_device") }),
+        "confirm-label": e(s)("core.account.sessions.end"),
+        action: S
+      }, null, 8, ["title", "message", "confirm-label"]),
+      t(e(k), {
+        ref_key: "all",
+        ref: f,
+        tone: "critical",
+        icon: "logoutBoxRLine",
+        title: e(s)("core.users.sessions.end_all_title"),
+        message: e(s)("core.users.sessions.end_all_body", { name: e(r).data.value?.name ?? "" }),
+        "confirm-label": e(s)("core.users.sessions.end_all"),
+        action: R
+      }, null, 8, ["title", "message", "confirm-label"])
+    ]));
+  }
+});
+export {
+  ne as default
+};