@wssto2/vue-core 0.2.0 → 0.3.0

package/dist/{Banner.vue_vue_type_script_setup_true_lang-n_wGPIIu.js → Banner.vue_vue_type_script_setup_true_lang-Cib_YYpr.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, computed as i, openBlock as u, createElementBlock as l, normalizeClass as n, createElementVNode as o, createVNode as d, unref as m, renderSlot as f } from "vue";
-import { _ as b } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { _ as b } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
 const g = ["role"], x = { class: "flex items-center gap-3" }, p = { class: "min-w-0 flex-1 break-words" }, h = /* @__PURE__ */ c({
   __name: "Banner",
   props: {

package/dist/{BottomDock.vue_vue_type_script_setup_true_lang-DhlMnPC2.js → BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js}

@@ -1,5 +1,5 @@
 import { defineComponent as u, useTemplateRef as c, onMounted as l, onBeforeUnmount as m, openBlock as a, createElementBlock as i } from "vue";
-import { u as d } from "./chrome-D9pwD6iS.js";
+import { u as d } from "./bottomDock-BZEiOPYZ.js";
 const b = /* @__PURE__ */ u({
   __name: "BottomDock",
   setup(f) {

package/dist/{Button.vue_vue_type_script_setup_true_lang-B1eZgLae.js → Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js}

@@ -1,6 +1,6 @@
 import { watchEffect as R, toValue as z, computed as f, triggerRef as w, shallowRef as L, defineComponent as A, useSlots as B, useTemplateRef as I, openBlock as y, createBlock as M, unref as N, withCtx as $, createElementVNode as D, mergeProps as v, createVNode as h, createElementBlock as K, h as x } from "vue";
 import { RouterLink as P } from "vue-router";
-import { _ as k } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { _ as k } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
 import { u as T } from "./useWaitStatus-fsacMl4W.js";
 import { p as j } from "./perDocument-DUuFrdGU.js";
 function V(t, n) {

package/dist/Changes-DlT5mN9G.js

@@ -0,0 +1,129 @@
+import { defineComponent as k, computed as N, openBlock as n, createBlock as u, unref as a, withCtx as g, createElementBlock as p, Fragment as _, renderList as $, createElementVNode as i, toDisplayString as h, createCommentVNode as C, ref as x, watch as b, createVNode as y } from "vue";
+import { useI18n as E } from "vue-i18n";
+import { P as V, i as R } from "./index-BAcl44SC.js";
+import { u as S } from "./platform-hunMqFdB.js";
+import { b as B } from "./routeResource-DstM0hvf.js";
+import { _ as F } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js";
+import { u as L } from "./useLoad-CYRVx6HW.js";
+import { _ as P } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
+import { _ as I } from "./IconTile.vue_vue_type_script_setup_true_lang-D7QgnUyN.js";
+import { u as O } from "./format-B8mJm946.js";
+import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-0mfG8TkU.js";
+import { e as U } from "./options-BXkMR63B.js";
+import { _ as q } from "./PageBar.vue_vue_type_script_setup_true_lang-Cfr5xsJx.js";
+import { _ as z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
+import { _ as A } from "./ViewTabs.vue_vue_type_script_setup_true_lang-ByqTU2JT.js";
+const D = { class: "flex items-center pl-0.5" }, G = { class: "flex flex-wrap items-center gap-x-1.5" }, H = {
+  class: "font-medium text-content",
+  "data-change-actor": ""
+}, W = /* @__PURE__ */ k({
+  __name: "ChangeFeed",
+  props: {
+    rows: {}
+  },
+  setup(v) {
+    const w = v, { t: r, te: f } = E(), d = O(), m = /* @__PURE__ */ new Set(["created", "activated", "deactivated", "password"]), c = (s) => r(`core.users.changes.fields.${s}`), l = N(
+      () => w.rows.map((s) => {
+        const t = f(`core.users.changes.actions.${s.action}`) ? r(`core.users.changes.actions.${s.action}`) : r("core.users.changes.actions.unknown"), e = m.has(s.action) ? [] : s.fields.filter((o) => o !== "password" && f(`core.users.changes.fields.${o}`)).map((o) => o in s.before || o in s.after ? r("core.users.changes.diff", { field: c(o), before: s.before[o] || "—", after: s.after[o] || "—" }) : c(o));
+        return { row: s, sentence: t, details: e };
+      })
+    );
+    return (s, t) => (n(), u(a(T), { "data-change-feed": "" }, {
+      default: g(() => [
+        (n(!0), p(_, null, $(l.value, (e) => (n(), u(a(U), {
+          key: e.row.id,
+          layout: "setting",
+          label: e.sentence,
+          "data-change-row": ""
+        }, {
+          leading: g(() => [
+            i("span", D, [
+              e.row.actor?.name ? (n(), u(a(P), {
+                key: 0,
+                name: e.row.actor.name,
+                size: "sm"
+              }, null, 8, ["name"])) : (n(), u(a(I), {
+                key: 1,
+                tone: "anchor",
+                icon: "edit"
+              }))
+            ])
+          ]),
+          sub: g(() => [
+            i("span", G, [
+              e.row.actor ? (n(), p(_, { key: 0 }, [
+                i("span", H, h(e.row.actor.name || a(r)("core.account.somebody_else")), 1),
+                t[0] || (t[0] = i("span", { "aria-hidden": "true" }, "·", -1))
+              ], 64)) : C("", !0),
+              (n(!0), p(_, null, $(e.details, (o) => (n(), p(_, { key: o }, [
+                i("span", null, h(o), 1),
+                t[1] || (t[1] = i("span", { "aria-hidden": "true" }, "·", -1))
+              ], 64))), 128)),
+              i("span", null, h(a(d).dateTime(e.row.created_at)), 1)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["label"]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+}), Y = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-person-changes": ""
+}, j = {
+  key: 0,
+  class: "px-row-inset py-4 text-body text-content-muted",
+  "data-changes-empty": ""
+}, ie = /* @__PURE__ */ k({
+  __name: "Changes",
+  setup(v) {
+    const w = ["all", "access", "details"], { t: r } = E(), { http: f } = S(), d = B(V), m = x("all"), c = x(1), l = L(
+      async ({ signal: s }) => {
+        const t = d.id.value;
+        return t === null ? null : (await f.request(R.usersChanges, { id: t, view: m.value, page: c.value, per_page: 20 }, { signal: s })).data;
+      },
+      { watch: () => d.id.value }
+    );
+    return b(m, () => {
+      c.value = 1, l.reload();
+    }), b(c, () => void l.reload()), (s, t) => (n(), p("div", Y, [
+      y(z, {
+        title: a(r)("core.users.sections.changes"),
+        description: a(r)("core.users.intro.changes", { name: a(d).data.value?.name ?? "" })
+      }, null, 8, ["title", "description"]),
+      y(A, {
+        modelValue: m.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (e) => m.value = e),
+        views: w,
+        counts: a(l).data.value?.meta?.views,
+        "label-of": (e) => a(r)(`core.users.changes.views.${e}`),
+        label: a(r)("core.users.sections.changes")
+      }, null, 8, ["modelValue", "counts", "label-of", "label"]),
+      y(a(F), {
+        state: a(l).state.value,
+        "skeleton-rows": 5,
+        "is-empty": () => !1,
+        onRetry: t[2] || (t[2] = (e) => a(l).reload())
+      }, {
+        default: g(({ value: e }) => [
+          !e || e.data.length === 0 ? (n(), p("p", j, h(a(r)("core.users.changes.empty")), 1)) : (n(), u(W, {
+            key: 1,
+            rows: e.data
+          }, null, 8, ["rows"])),
+          e ? (n(), u(q, {
+            key: 2,
+            page: c.value,
+            "onUpdate:page": t[1] || (t[1] = (o) => c.value = o),
+            "last-page": e.last_page,
+            total: e.total
+          }, null, 8, ["page", "last-page", "total"])) : C("", !0)
+        ]),
+        _: 1
+      }, 8, ["state"])
+    ]));
+  }
+});
+export {
+  ie as default
+};