@wssto2/vue-core 0.2.0 → 0.4.0

package/dist/DataTable.vue_vue_type_script_setup_true_lang-UH6f9puS.js

@@ -0,0 +1,52 @@
+import { defineComponent as d, computed as s, useSlots as u, openBlock as w, createElementBlock as p, createVNode as y, unref as f, createSlots as m, renderList as b, withCtx as h, renderSlot as v, normalizeProps as _, guardReactiveProps as g } from "vue";
+import { u as k, _ as R } from "./rowLayout-BqTEhEuy.js";
+const B = ["aria-busy"], S = /* @__PURE__ */ d({
+  __name: "DataTable",
+  props: {
+    rows: {},
+    columns: {},
+    rowKey: {},
+    loading: { type: Boolean, default: !1 },
+    skeletonRows: { default: 3 },
+    recordRoute: { type: Function, default: void 0 },
+    rowActions: { type: Function, default: void 0 },
+    rowLabel: { type: Function, default: void 0 },
+    rowHeight: { default: void 0 },
+    density: { default: "regular" },
+    actionsVisible: { type: Boolean, default: !1 },
+    rowClass: { type: Function, default: void 0 }
+  },
+  setup(r) {
+    const o = r, { phone: a } = k(() => o.columns), n = s(() => o.loading ? "loading" : o.rows.length === 0 ? "empty" : "rows"), l = (e) => o.recordRoute ? o.recordRoute(e) : null, i = s(() => Object.keys(u()));
+    return (e, C) => (w(), p("div", {
+      "aria-busy": o.loading || void 0,
+      "data-test": "data-table"
+    }, [
+      y(R, {
+        columns: o.columns,
+        rows: o.rows,
+        "row-key": o.rowKey,
+        display: n.value,
+        phone: f(a),
+        link: l,
+        "row-actions": o.rowActions,
+        "row-label": o.rowLabel,
+        "row-height": o.rowHeight,
+        density: o.density,
+        "actions-visible": o.actionsVisible,
+        "skeleton-rows": o.skeletonRows,
+        "row-class": o.rowClass
+      }, m({ _: 2 }, [
+        b(i.value, (t) => ({
+          name: t,
+          fn: h((c) => [
+            v(e.$slots, t, _(g(c ?? {})))
+          ])
+        }))
+      ]), 1032, ["columns", "rows", "row-key", "display", "phone", "row-actions", "row-label", "row-height", "density", "actions-visible", "skeleton-rows", "row-class"])
+    ], 8, B));
+  }
+});
+export {
+  S as _
+};

package/dist/DateField.vue_vue_type_script_setup_true_lang-GVasv8ao.js

@@ -0,0 +1,255 @@
+import { computed as f, defineComponent as X, useModel as Z, useTemplateRef as $, openBlock as y, createBlock as A, mergeProps as V, unref as l, withCtx as N, createElementBlock as C, Fragment as I, createVNode as w, createTextVNode as ee, toDisplayString as Q, createCommentVNode as E, createElementVNode as O, normalizeClass as te, mergeModels as re, mergeDefaults as oe, nextTick as Y } from "vue";
+import { useI18n as j } from "vue-i18n";
+import { _ as ae } from "./DateButton.vue_vue_type_script_setup_true_lang-EcqrfWKz.js";
+import { u as K } from "./format-B8mJm946.js";
+import { _ as ne } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as le } from "./mediaQuery-CygcXmFW.js";
+import { _ as se } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { c as ie, _ as de, f as ue, b as ce } from "./control-7EP4tjYy.js";
+import { e as T, f as B, m as G, g as H, h as me, j as fe, u as pe, k as be, _ as ve, l as ye, c as xe } from "./useTypedEntry-aTfPBAhw.js";
+const ke = ["d", "m", "y"];
+function he(o) {
+  const r = o("2033-11-22"), e = { y: r.indexOf("2033") >= 0 ? r.indexOf("2033") : r.indexOf("33"), m: r.indexOf("11"), d: r.indexOf("22") };
+  return e.y < 0 || e.m < 0 || e.d < 0 ? ke : ["d", "m", "y"].sort((t, a) => e[t] - e[a]);
+}
+const ge = (o) => o.trim().toLowerCase().replace(/\.+$/, "");
+function _e(o, r) {
+  if (o.length === 4) return Number(o);
+  if (o.length > 2) return null;
+  const e = 2e3 + Number(o);
+  return e > Number(r.slice(0, 4)) + 30 ? e - 100 : e;
+}
+function x(o, r) {
+  const e = o.y === void 0 ? Number(r.slice(0, 4)) : _e(o.y, r), t = o.m === void 0 ? Number(r.slice(5, 7)) : Number(o.m);
+  return e === null || o.d === void 0 ? null : G(e, t, Number(o.d));
+}
+function we(o, r) {
+  const e = r.today ?? T(), t = ge(o);
+  if (t === "") return null;
+  const { words: a } = r;
+  if (a.today.includes(t)) return e;
+  if (a.tomorrow.includes(t)) return B(e, 1);
+  if (a.yesterday.includes(t)) return B(e, -1);
+  const d = /^([+-])\s*(\d{1,4})$/.exec(t);
+  if (d) return B(e, Number(d[2]) * (d[1] === "-" ? -1 : 1));
+  const i = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(t);
+  if (i) return G(Number(i[1]), Number(i[2]), Number(i[3]));
+  if (!/^[\d\s./-]+$/.test(t)) return null;
+  const n = r.order, p = n.filter((v) => v !== "y");
+  if (/^\d+$/.test(t)) {
+    if (t.length <= 2) return x({ d: t }, e);
+    if (t.length === 4) return x(M(p, [t.slice(0, 2), t.slice(2)]), e);
+    if (t.length === 6 || t.length === 8) {
+      const v = n.map((u) => u === "y" ? t.length - 4 : 2);
+      let k = 0;
+      const b = n.map((u, h) => [u, t.slice(k, k += v[h])]);
+      return x(Object.fromEntries(b), e);
+    }
+    return null;
+  }
+  const m = t.split(/[^\d]+/).filter(Boolean);
+  return m.length === 3 ? x(M(n, m), e) : m.length === 2 ? x(M(p, m), e) : m.length === 1 ? x({ d: m[0] }, e) : null;
+}
+function M(o, r) {
+  return Object.fromEntries(o.map((e, t) => [e, r[t]]));
+}
+function Ue(o) {
+  const r = o.trim().replace(/^(\d{4}-\d{2}-\d{2})T/, "$1 ").split(/\s+/).filter(Boolean), e = r[r.length - 1];
+  if (e === void 0) return { date: null, time: null };
+  if (!(e.includes(":") || r.length > 1 && /^\d{1,2}\.\d{2}$/.test(e))) return { date: r.join(" "), time: null };
+  const a = r.slice(0, -1).join(" ");
+  return { date: a === "" ? null : a, time: e };
+}
+function De(o, r, e) {
+  const t = o(e), a = /\D+/.exec(t)?.[0].trim() ?? ".", d = /\D+$/.test(t) ? a : "", i = { d: String(Number(e.slice(8))), m: String(Number(e.slice(5, 7))), y: "" };
+  return r.filter((n) => n !== "y").map((n) => i[n]).join(a) + d;
+}
+function $e(o) {
+  const { t: r } = j(), e = K(), t = (n) => e.date(n), a = f(() => he(t)), d = f(() => ({
+    today: [r("core.form.date.words.today").toLowerCase(), "today"],
+    tomorrow: [r("core.form.date.words.tomorrow").toLowerCase(), "tomorrow"],
+    yesterday: [r("core.form.date.words.yesterday").toLowerCase(), "yesterday"]
+  }));
+  return {
+    placeholder: f(() => r("core.form.date.placeholder", { example: De(t, a.value, T()) })),
+    /** The day a text means, or null. */
+    parse: (n) => we(n, { order: a.value, words: d.value }),
+    available: (n) => !H(n, o()),
+    invalidMessage: () => r("core.form.date.invalid", { example: t(T()) }),
+    unavailableMessage: () => r("core.form.date.unavailable")
+  };
+}
+function Ne(o, r, e) {
+  const { t } = j();
+  return f(() => {
+    const a = T();
+    return (o() ?? me(r())).map((d) => {
+      const i = fe(d, (n) => t(`core.form.date.${n.replace(/-/g, "_")}`), a);
+      return { ...i, disabled: H(i.value, e()) };
+    });
+  });
+}
+const Ce = ["id", "name", "value", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], Oe = ["aria-label", "onClick"], Te = { class: "flex flex-col gap-2.5" }, qe = {
+  key: 0,
+  class: "border-t border-border-separator pt-2.5"
+}, Pe = { class: "text-footnote text-content-muted" }, Re = /* @__PURE__ */ X({
+  __name: "DateField",
+  props: /* @__PURE__ */ re(/* @__PURE__ */ oe({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    min: {},
+    max: {},
+    disabledDates: { type: [Array, Function] },
+    openOn: {},
+    quickPicks: {}
+  }, { ...ce, min: void 0, max: void 0, disabledDates: void 0, openOn: void 0, quickPicks: void 0 }), {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o, { expose: r }) {
+    const e = o, t = Z(o, "modelValue"), { t: a } = j(), d = K(), i = le(), n = $("input"), p = $("popover"), m = $("calendar"), v = $("sheet"), k = f(() => ({ min: e.min, max: e.max, disabled: e.disabledDates })), b = $e(() => k.value), u = pe({
+      model: t,
+      display: (c) => d.date(c),
+      parse: (c) => {
+        const s = b.parse(c);
+        return s ? b.available(s) ? { value: s } : { error: b.unavailableMessage() } : { error: b.invalidMessage() };
+      }
+    }), h = Ne(() => e.quickPicks, () => i.value, () => k.value), L = f(() => e.error || u.message.value), q = f(() => t.value ? d.date(t.value) : null), J = ie("date", () => L.value ? "error" : e.disabled ? "locked" : "rest"), z = f(() => u.typed.value ?? (be(t.value) ? t.value : null));
+    async function P(c) {
+      e.disabled || (p.value?.present(), c && (await Y(), await Y(), m.value?.focus()));
+    }
+    function W(c) {
+      c.key === "Enter" ? (u.commit(), p.value?.dismiss()) : c.key === "ArrowDown" && (c.preventDefault(), P(!0));
+    }
+    function F(c, s) {
+      u.set(c), s();
+    }
+    return r({ focus: () => n.value?.focus() }), (c, s) => (y(), A(de, V({ ...l(ue)(e), error: L.value }, {
+      value: q.value,
+      "value-style": "numeric"
+    }), {
+      default: N(({ id: S, describedby: U, invalid: R }) => [
+        l(i) ? (y(), C(I, { key: 0 }, [
+          w(ae, V({ id: S, "aria-describedby": U }, {
+            disabled: e.disabled,
+            invalid: R,
+            placeholder: l(a)("core.form.select.choose"),
+            onClick: s[0] || (s[0] = (g) => v.value?.present())
+          }), {
+            default: N(() => [
+              q.value ? (y(), C(I, { key: 0 }, [
+                ee(Q(q.value), 1)
+              ], 64)) : E("", !0)
+            ]),
+            _: 1
+          }, 16, ["disabled", "invalid", "placeholder"]),
+          w(ve, {
+            ref_key: "sheet",
+            ref: v,
+            title: e.label ?? l(a)("core.form.date.calendar"),
+            mode: "date",
+            "model-value": t.value,
+            min: e.min,
+            max: e.max,
+            "disabled-dates": e.disabledDates,
+            "open-on": e.openOn,
+            shortcuts: l(h),
+            clearable: !e.required,
+            "onUpdate:modelValue": l(u).set
+          }, null, 8, ["title", "model-value", "min", "max", "disabled-dates", "open-on", "shortcuts", "clearable", "onUpdate:modelValue"])
+        ], 64)) : (y(), A(se, {
+          key: 1,
+          ref_key: "popover",
+          ref: p,
+          label: e.label ?? l(a)("core.form.date.calendar"),
+          width: "lg",
+          placement: "bottom-start",
+          arrow: !1,
+          autofocus: !1
+        }, {
+          trigger: N(({ attrs: g, presented: _ }) => [
+            O("div", {
+              class: te(["inline-flex max-w-full items-center gap-2", l(J)])
+            }, [
+              O("input", V({
+                id: S,
+                ref_key: "input",
+                ref: n
+              }, g, {
+                type: "text",
+                role: "combobox",
+                autocomplete: "off",
+                size: "16",
+                name: e.name,
+                value: l(u).text.value,
+                placeholder: l(b).placeholder.value,
+                disabled: e.disabled,
+                required: e.required,
+                "aria-required": e.required || void 0,
+                "aria-invalid": R || void 0,
+                "aria-describedby": U,
+                class: "block min-h-7 min-w-0 border-0 bg-transparent py-1 pl-2.5 text-body tabular-nums text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
+                onInput: s[1] || (s[1] = (D) => l(u).input(D.target.value)),
+                onBlur: s[2] || (s[2] = (D) => l(u).commit()),
+                onKeydown: W,
+                onClick: s[3] || (s[3] = (D) => P(!1))
+              }), null, 16, Ce),
+              e.disabled ? E("", !0) : (y(), C("button", {
+                key: 0,
+                type: "button",
+                tabindex: "-1",
+                "aria-label": l(a)("core.form.date.open"),
+                class: "mr-2 flex shrink-0 cursor-pointer items-center text-content-link",
+                onClick: (D) => _ ? p.value?.dismiss() : P(!0)
+              }, [
+                w(l(ne), {
+                  name: "calendarLine",
+                  size: 18
+                })
+              ], 8, Oe))
+            ], 2)
+          ]),
+          default: N(({ dismiss: g }) => [
+            O("div", Te, [
+              w(ye, {
+                ref_key: "calendar",
+                ref: m,
+                "model-value": z.value,
+                min: e.min,
+                max: e.max,
+                "disabled-dates": e.disabledDates,
+                "open-on": e.openOn,
+                "month-picker": "",
+                "onUpdate:modelValue": (_) => F(_, g)
+              }, null, 8, ["model-value", "min", "max", "disabled-dates", "open-on", "onUpdate:modelValue"]),
+              l(h).length > 0 ? (y(), C("div", qe, [
+                w(xe, {
+                  items: l(h),
+                  selected: z.value,
+                  onPick: (_) => F(_, g)
+                }, null, 8, ["items", "selected", "onPick"])
+              ])) : E("", !0),
+              O("p", Pe, Q(l(a)("core.form.date.keys")), 1)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["label"]))
+      ]),
+      _: 1
+    }, 16, ["value"]));
+  }
+});
+export {
+  Re as _,
+  Ne as a,
+  Ue as s,
+  $e as u
+};

package/dist/DeadLetters-CMRtXn_N.js

@@ -0,0 +1,104 @@
+import { defineComponent as B, useTemplateRef as C, computed as y, ref as v, openBlock as D, createBlock as z, unref as r, withCtx as m, createVNode as F, createElementVNode as b, normalizeClass as $, toDisplayString as h } from "vue";
+import { useI18n as q } from "vue-i18n";
+import { a as k } from "./error-CD7x0Jrz.js";
+import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-DCBVw2Qd.js";
+import { u as P } from "./describeError-Ctga6GcS.js";
+import { u as I } from "./format-B8mJm946.js";
+import { e as a, R as O } from "./index-BsJ92eub.js";
+import { _ as W } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
+import { t as i } from "./toast-D9Z5To38.js";
+import { u as Y } from "./useLoad-CYRVx6HW.js";
+import { u as j } from "./platform-q3cjODLx.js";
+import { a as G, r as H } from "./http-CNcDHSOj.js";
+function J(u) {
+  return G({
+    id: "events.deadletters",
+    stateVersion: 1,
+    load: async (e, { signal: s }) => {
+      const l = await u.request(a.deadLettersList, { consumer: e.filters.consumer || void 0, page: e.page, per_page: e.pageSize }, { signal: s });
+      return H(l, e);
+    },
+    key: (e) => `${e.event_id}/${e.consumer}`,
+    query: { sorts: [], filters: ["consumer"], views: [], pageSizes: [10, 25, 50, 100], search: !1 },
+    defaults: { pageSize: 25 }
+  });
+}
+const K = ["title"], M = ["datetime"], le = /* @__PURE__ */ B({
+  __name: "DeadLetters",
+  setup(u) {
+    const { t: e } = q(), { http: s, access: l } = j(), g = I(), w = P(), f = C("confirm"), L = y(() => [
+      { key: "event_name", label: e("core.notifications.dead_letters.columns.event"), kind: "identity", title: (t) => t.event_name || e("core.notifications.dead_letters.event_gone"), subtitle: (t) => e("core.notifications.dead_letters.event_id", { id: t.event_id }), mobile: "primary" },
+      { key: "consumer", label: e("core.notifications.dead_letters.columns.consumer"), hideBelow: "md", width: 220, mobile: "meta" },
+      { key: "attempts", label: e("core.notifications.dead_letters.columns.attempts"), hideBelow: "md", width: 100, align: "center", mobile: "hidden" },
+      { key: "last_error", label: e("core.notifications.dead_letters.columns.last_error"), hideBelow: "md", mobile: "hidden" },
+      { key: "dead_at", label: e("core.notifications.dead_letters.columns.dead_at"), width: 170, mobile: "accessory" }
+    ]), x = Y(async ({ signal: t }) => (await s.request(a.consumers, void 0, { signal: t })).data.consumers), E = y(() => {
+      const t = e("core.notifications.dead_letters.columns.consumer"), n = x.data.value;
+      return [n ? { key: "consumer", label: t, type: "select", options: n.map((o) => ({ value: o, label: o })), defaultOptionTitle: e("core.notifications.dead_letters.all_consumers") } : { key: "consumer", label: t, type: "text" }];
+    }), c = V(J(s), { columns: L, filters: E, state: { kind: "url", key: "query" } }), d = v(!1), _ = v("");
+    function p(t) {
+      return k(t) && t.kind === "notFound" ? e("core.notifications.dead_letters.errors.not_found") : k(t) && t.kind === "conflict" ? e("core.notifications.dead_letters.errors.event_gone") : w(t);
+    }
+    async function R(t) {
+      if (!d.value) {
+        d.value = !0;
+        try {
+          await s.request(a.deadLettersRetry, { event: t.event_id, consumer: t.consumer }), i.success(e("core.notifications.dead_letters.toasts.retried"));
+        } catch (n) {
+          i.error(p(n));
+        } finally {
+          d.value = !1, c.refresh();
+        }
+      }
+    }
+    async function S(t) {
+      const { data: n } = await s.request(a.deadLettersRetryAll, { consumer: t });
+      i.success(e("core.notifications.dead_letters.toasts.retried_all", { count: n.retried })), c.refresh();
+    }
+    function T(t) {
+      return !t.retryable || !l.can(O) ? [] : [
+        { key: "retry", label: e("core.notifications.dead_letters.actions.retry"), icon: "refreshLine", tone: "info", onSelect: () => void R(t) },
+        { key: "retry-all", label: e("core.notifications.dead_letters.actions.retry_all"), icon: "refreshLine", tone: "info", section: "all", onSelect: () => (_.value = t.consumer, f.value?.present(t.consumer)) }
+      ];
+    }
+    return (t, n) => (D(), z(r(N), {
+      collection: r(c),
+      title: r(e)("core.notifications.dead_letters.title"),
+      description: r(e)("core.notifications.dead_letters.description"),
+      icon: "errorWarningLine",
+      "row-actions": T,
+      "actions-visible": "",
+      "row-height": 64,
+      "row-label": (o) => o.event_name || r(e)("core.notifications.dead_letters.event_gone")
+    }, {
+      "cell-last_error": m(({ item: o }) => [
+        b("span", {
+          class: "line-clamp-2 max-w-md text-footnote break-words whitespace-normal text-content",
+          title: o.last_error
+        }, h(o.last_error), 9, K)
+      ]),
+      "cell-dead_at": m(({ item: o, compact: A }) => [
+        b("time", {
+          datetime: o.dead_at,
+          class: $(["text-content", A ? "text-footnote text-content-muted" : "text-body"])
+        }, h(r(g).dateTime(o.dead_at)), 11, M)
+      ]),
+      default: m(() => [
+        F(r(W), {
+          ref_key: "confirm",
+          ref: f,
+          tone: "warning",
+          title: r(e)("core.notifications.dead_letters.retry_all.title"),
+          message: r(e)("core.notifications.dead_letters.retry_all.message", { consumer: _.value }),
+          "confirm-label": r(e)("core.notifications.dead_letters.retry_all.confirm"),
+          action: S,
+          onFailed: n[0] || (n[0] = (o) => r(i).error(p(o)))
+        }, null, 8, ["title", "message", "confirm-label"])
+      ]),
+      _: 1
+    }, 8, ["collection", "title", "description", "row-label"]));
+  }
+});
+export {
+  le as default
+};

package/dist/{DiscardChangesModal.vue_vue_type_script_setup_true_lang-DyhYHRyz.js → DiscardChangesModal.vue_vue_type_script_setup_true_lang-D1arePCZ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, useTemplateRef as l, openBlock as m, createBlock as d, unref as s } from "vue";
 import { useI18n as f } from "vue-i18n";
-import { _ as p } from "./AlertDialog.vue_vue_type_script_setup_true_lang-e4hzkzg3.js";
+import { _ as p } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 const C = /* @__PURE__ */ c({
   __name: "DiscardChangesModal",
   emits: ["confirm", "cancel", "dismissed"],

package/dist/{EmptyState.vue_vue_type_script_setup_true_lang-BeGpHMUP.js → EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r, openBlock as t, createElementBlock as n, toDisplayString as s, createVNode as a, unref as l, createElementVNode as m, createCommentVNode as c, renderSlot as p } from "vue";
-import { _ as d } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { _ as d } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 const _ = {
   key: 0,
   class: "text-sm text-content-muted"