@wssto2/vue-core 0.4.27 → 0.5.0

package/dist/{SegmentedField.vue_vue_type_script_setup_true_lang-Dg-_ZjgR.js → SegmentedField.vue_vue_type_script_setup_true_lang-BwyMvkis.js}

@@ -1,5 +1,5 @@
 import { defineComponent as w, openBlock as a, createBlock as k, mergeProps as x, unref as r, createSlots as V, withCtx as o, createElementVNode as h, normalizeClass as n, createElementBlock as s, Fragment as _, renderList as $, createTextVNode as B, toDisplayString as d, createCommentVNode as C, renderSlot as i, mergeDefaults as L } from "vue";
-import { u as F, a as S, _ as T, f as D, b as N } from "./control-B4SdblL6.js";
+import { u as F, a as S, _ as T, f as D, b as N } from "./options-g8RwEhBk.js";
 const E = ["id", "aria-label", "aria-describedby", "aria-invalid"], P = ["disabled", "aria-pressed", "onClick"], H = /* @__PURE__ */ w({
   __name: "SegmentedField",
   props: /* @__PURE__ */ L({

package/dist/{SelectField.vue_vue_type_script_setup_true_lang-C3FbRQW7.js → SelectField.vue_vue_type_script_setup_true_lang-BzQC1qDQ.js}

@@ -6,9 +6,8 @@ import { u as ie } from "./mediaQuery-CygcXmFW.js";
 import { _ as I } from "./ToneDot.vue_vue_type_script_setup_true_lang-99rNn-L5.js";
 import { _ as ue } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
 import { _ as de } from "./Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
-import { a as ce, c as pe, _ as me, f as ve, b as fe } from "./control-B4SdblL6.js";
-import { g as be, m as ge } from "./options-Ba_0uLWN.js";
-import { a as ye } from "./suggestions-DHJFKB26.js";
+import { i as ce, m as pe, a as me, c as ve, _ as fe, f as be, b as ge } from "./options-g8RwEhBk.js";
+import { a as ye } from "./suggestions-CfFTHi8y.js";
 const he = { 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" }, ke = ["aria-label", "placeholder"], xe = ["aria-multiselectable", "aria-busy"], we = {
   key: 0,
   role: "presentation"
@@ -48,7 +47,7 @@ const he = { class: "flex min-h-9 items-center gap-1.5 rounded-control bg-fill p
   },
   emits: ["select", "retry"],
   setup(p, { emit: x }) {
-    const e = p, w = x, C = ee(null), c = (s) => s, f = (s) => void (C.value = s), D = (s) => C.value === s.value, { t: l } = Z(), _ = M(""), B = te(), u = Y("root"), m = g(() => e.options.length >= e.searchFrom), F = g(() => be(ge(e.options, _.value))), q = (s) => e.multiple ? Array.isArray(e.modelValue) && e.modelValue.includes(s.value) : e.modelValue === s.value, P = g(() => e.multiple ? !1 : e.modelValue === null);
+    const e = p, w = x, C = ee(null), c = (s) => s, f = (s) => void (C.value = s), D = (s) => C.value === s.value, { t: l } = Z(), _ = M(""), B = te(), u = Y("root"), m = g(() => e.options.length >= e.searchFrom), F = g(() => ce(pe(e.options, _.value))), q = (s) => e.multiple ? Array.isArray(e.modelValue) && e.modelValue.includes(s.value) : e.modelValue === s.value, P = g(() => e.multiple ? !1 : e.modelValue === null);
     function A(s) {
       if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key)) return;
       const r = [...u.value?.querySelectorAll("[data-option]:not([disabled])") ?? []];
@@ -216,7 +215,7 @@ const he = { class: "flex min-h-9 items-center gap-1.5 rounded-control bg-fill p
     ], 544));
   }
 });
-function et(p) {
+function Ze(p) {
   const x = ye(), e = p.for !== void 0;
   let w = 0;
   function C() {
@@ -272,7 +271,7 @@ function Re(p, x) {
     R(l) || l.reload();
   } };
 }
-const Ee = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-describedby", "aria-busy"], Ue = ["id", "disabled", "aria-required", "aria-invalid", "aria-describedby", "aria-busy", "onClick"], Ne = { class: "max-h-72 overflow-y-auto" }, He = { class: "block break-words text-body text-content-strong" }, tt = /* @__PURE__ */ X({
+const Ee = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-describedby", "aria-busy"], Ue = ["id", "disabled", "aria-required", "aria-invalid", "aria-describedby", "aria-busy", "onClick"], Ne = { class: "max-h-72 overflow-y-auto" }, He = { class: "block break-words text-body text-content-strong" }, et = /* @__PURE__ */ X({
   __name: "SelectField",
   props: /* @__PURE__ */ se({
     label: {},
@@ -292,7 +291,7 @@ const Ee = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid",
     modelValue: {},
     searchFrom: {},
     rowLayout: {}
-  }, { ...fe, selected: null, placeholder: void 0, clearable: void 0, modelValue: void 0, searchFrom: 9, rowLayout: void 0 }),
+  }, { ...ge, selected: null, placeholder: void 0, clearable: void 0, modelValue: void 0, searchFrom: 9, rowLayout: void 0 }),
   emits: ["update:modelValue"],
   setup(p, { emit: x }) {
     const e = p, w = x, C = M(e.modelValue ?? null);
@@ -302,9 +301,9 @@ const Ee = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid",
       set: (o) => {
         C.value = o, w("update:modelValue", o);
       }
-    }), { t: f } = Z(), D = ie(), l = !!ce(), _ = Y("sheet"), B = M(!1), u = Re(() => e.options, (o) => {
+    }), { t: f } = Z(), D = ie(), l = !!me(), _ = Y("sheet"), B = M(!1), u = Re(() => e.options, (o) => {
       c.value !== null && !o.some((v) => v.value === c.value) && (c.value = null);
-    }), m = g(() => u.known.value.find((o) => o.value === c.value) ?? (e.selected?.value === c.value ? e.selected : null)), F = g(() => e.placeholder ?? f("core.form.select.choose")), q = pe("popup", () => e.error ? "error" : e.disabled ? "locked" : "rest");
+    }), m = g(() => u.known.value.find((o) => o.value === c.value) ?? (e.selected?.value === c.value ? e.selected : null)), F = g(() => e.placeholder ?? f("core.form.select.choose")), q = ve("popup", () => e.error ? "error" : e.disabled ? "locked" : "rest");
     function P(o) {
       c.value = o, _.value?.dismiss();
     }
@@ -314,7 +313,7 @@ const Ee = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid",
       l ? "compact:pl-0 compact:pr-0" : "",
       e.disabled ? "cursor-not-allowed" : "cursor-pointer"
     ]);
-    return (o, v) => (n(), z(me, K(t(ve)(e), {
+    return (o, v) => (n(), z(fe, K(t(be)(e), {
       value: m.value?.label ?? null,
       "row-layout": e.rowLayout
     }), E({
@@ -508,8 +507,8 @@ const Ee = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid",
   }
 });
 export {
-  tt as _,
+  et as _,
   Q as a,
-  et as b,
+  Ze as b,
   Re as u
 };

package/dist/SessionList.vue_vue_type_script_setup_true_lang-DhoTd5D7.js

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

@@ -1,15 +1,15 @@
 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-B-NMa--w.js";
-import { P as D, b as L, e as O, i as g, d as T } from "./index-LP6NNnow.js";
+import { u as A } from "./describeError-BqGAUZgX.js";
+import { P as D, b as L, e as O, i as g, d as T } from "./index-kqk7Mclb.js";
 import { _ as k } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as b } from "./toast-CqSDTWRX.js";
-import { u as V } from "./platform-PZpUkkMS.js";
-import { b as I } from "./routeResource-DlTsGTg_.js";
+import { u as V } from "./platform-Dl1fbScN.js";
+import { b as I } from "./routeResource-CcYA75T2.js";
 import { _ as j } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.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-D5qm77Zo.js";
+import { _ as F } from "./SessionList.vue_vue_type_script_setup_true_lang-DhoTd5D7.js";
 const G = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-person-sessions": ""