adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/vue/EmailsSection-C8JFMtW7.js

@@ -0,0 +1,206 @@
+import { defineComponent as V, inject as h, ref as f, computed as A, openBlock as o, createElementBlock as i, createElementVNode as e, Fragment as c, createTextVNode as u, toDisplayString as n, createCommentVNode as y, normalizeClass as _, createVNode as F, unref as r, renderList as B, createBlock as D } from "vue";
+import { formatTime as R, timeAgo as z } from "adonisjs-server-stats/core";
+import { u as L } from "./index-qCQpBftQ.js";
+import { u as M } from "./useResizableTable-BoivAevK.js";
+import { _ as U } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
+import { _ as q } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
+const H = {
+  key: 0,
+  class: "ss-dash-email-preview",
+  id: "ss-dash-email-preview"
+}, I = { class: "ss-dash-email-preview-header" }, K = {
+  class: "ss-dash-email-preview-meta",
+  id: "ss-dash-email-preview-meta"
+}, G = ["srcdoc"], J = {
+  key: 0,
+  class: "ss-dash-empty"
+}, O = { class: "ss-dash-table-wrap" }, Q = ["onClick"], W = { style: { color: "var(--ss-dim)" } }, X = ["title"], Y = ["title"], Z = ["title"], tt = {
+  key: 0,
+  style: { color: "var(--ss-dim)", "text-align": "center", display: "block" }
+}, et = {
+  key: 1,
+  style: { color: "var(--ss-dim)", "text-align": "center", display: "block" }
+}, lt = ["title"], st = ["title"], at = {
+  key: 1,
+  class: "ss-dash-empty"
+}, vt = /* @__PURE__ */ V({
+  __name: "EmailsSection",
+  setup(ot) {
+    const b = h("ss-refresh-key", f(0)), g = h("ss-dashboard-endpoint", "/__stats/api"), k = h("ss-auth-token", void 0), x = h("ss-base-url", ""), { data: p, loading: C, pagination: m, goToPage: T, setSearch: P, fetchEmailPreview: S } = L(
+      () => "emails",
+      {
+        baseUrl: x,
+        dashboardEndpoint: g,
+        authToken: k,
+        refreshKey: b
+      }
+    ), w = f(""), s = f(null), v = f(null), a = A(() => {
+      if (!p.value) return [];
+      const d = p.value;
+      return d.data || d.emails || p.value || [];
+    });
+    function j(d) {
+      w.value = d, P(d);
+    }
+    async function E(d) {
+      if (d.html) {
+        s.value = d.id, v.value = d.html;
+        return;
+      }
+      const l = await S(d.id);
+      s.value = d.id, v.value = l;
+    }
+    function $() {
+      s.value = null, v.value = null;
+    }
+    const { tableRef: N } = M(() => a.value);
+    return (d, l) => (o(), i("div", null, [
+      s.value && v.value ? (o(), i("div", H, [
+        e("div", I, [
+          e("div", K, [
+            a.value.find((t) => t.id === s.value) ? (o(), i(c, { key: 0 }, [
+              l[4] || (l[4] = e("strong", null, "Subject:", -1)),
+              u(" " + n(a.value.find((t) => t.id === s.value)?.subject) + "   |  ", 1),
+              l[5] || (l[5] = e("strong", null, "From:", -1)),
+              u(" " + n(a.value.find((t) => t.id === s.value)?.from_addr || a.value.find((t) => t.id === s.value)?.from) + "   |  ", 1),
+              l[6] || (l[6] = e("strong", null, "To:", -1)),
+              u(" " + n(a.value.find((t) => t.id === s.value)?.to_addr || a.value.find((t) => t.id === s.value)?.to) + " ", 1),
+              a.value.find((t) => t.id === s.value)?.cc || a.value.find((t) => t.id === s.value)?.cc_addr ? (o(), i(c, { key: 0 }, [
+                l[0] || (l[0] = u("   |  ", -1)),
+                l[1] || (l[1] = e("strong", null, "CC:", -1)),
+                u(" " + n(a.value.find((t) => t.id === s.value)?.cc || a.value.find((t) => t.id === s.value)?.cc_addr), 1)
+              ], 64)) : y("", !0),
+              l[7] || (l[7] = u("   |  ", -1)),
+              l[8] || (l[8] = e("strong", null, "Status:", -1)),
+              e("span", {
+                class: _(`ss-dash-badge ss-dash-email-status-${a.value.find((t) => t.id === s.value)?.status}`)
+              }, n(a.value.find((t) => t.id === s.value)?.status), 3),
+              a.value.find((t) => t.id === s.value)?.mailer ? (o(), i(c, { key: 1 }, [
+                l[2] || (l[2] = u("   |  ", -1)),
+                l[3] || (l[3] = e("strong", null, "Mailer:", -1)),
+                u(" " + n(a.value.find((t) => t.id === s.value)?.mailer), 1)
+              ], 64)) : y("", !0)
+            ], 64)) : y("", !0)
+          ]),
+          e("button", {
+            type: "button",
+            class: "ss-dash-btn",
+            id: "ss-dash-email-preview-close",
+            onClick: $
+          }, " Close ")
+        ]),
+        e("iframe", {
+          class: "ss-dash-email-iframe",
+          id: "ss-dash-email-iframe",
+          srcdoc: v.value,
+          title: "Email preview",
+          sandbox: ""
+        }, null, 8, G)
+      ])) : (o(), i(c, { key: 1 }, [
+        F(U, {
+          "model-value": w.value,
+          placeholder: "Filter emails...",
+          summary: `${r(m).total ?? 0} emails`,
+          "onUpdate:modelValue": j
+        }, null, 8, ["model-value", "summary"]),
+        r(C) && !r(p) ? (o(), i("div", J, "Loading emails...")) : (o(), i(c, { key: 1 }, [
+          e("div", O, [
+            a.value.length > 0 ? (o(), i("table", {
+              key: 0,
+              ref_key: "tableRef",
+              ref: N,
+              class: "ss-dash-table"
+            }, [
+              l[9] || (l[9] = e("colgroup", null, [
+                e("col", { style: { width: "40px" } }),
+                e("col", { style: { width: "150px" } }),
+                e("col", { style: { width: "150px" } }),
+                e("col"),
+                e("col", { style: { width: "80px" } }),
+                e("col", { style: { width: "40px" } }),
+                e("col", { style: { width: "70px" } }),
+                e("col", { style: { width: "80px" } })
+              ], -1)),
+              l[10] || (l[10] = e("thead", null, [
+                e("tr", null, [
+                  e("th", null, "#"),
+                  e("th", null, "From"),
+                  e("th", null, "To"),
+                  e("th", null, "Subject"),
+                  e("th", null, "Status"),
+                  e("th", null, "ATT"),
+                  e("th", null, "Mailer"),
+                  e("th", null, "Time")
+                ])
+              ], -1)),
+              e("tbody", null, [
+                (o(!0), i(c, null, B(a.value, (t) => (o(), i("tr", {
+                  key: t.id,
+                  class: "ss-dash-clickable ss-dash-email-row",
+                  onClick: (it) => E(t)
+                }, [
+                  e("td", null, [
+                    e("span", W, n(t.id), 1)
+                  ]),
+                  e("td", null, [
+                    e("span", {
+                      title: t.from_addr || t.from || "",
+                      style: { color: "var(--ss-text-secondary)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap", display: "block" }
+                    }, n(t.from_addr || t.from || ""), 9, X)
+                  ]),
+                  e("td", null, [
+                    e("span", {
+                      title: t.to_addr || t.to || "",
+                      style: { color: "var(--ss-text-secondary)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap", display: "block" }
+                    }, n(t.to_addr || t.to || ""), 9, Y)
+                  ]),
+                  e("td", null, [
+                    e("span", {
+                      title: t.subject || "",
+                      style: { color: "var(--ss-sql-color)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap", display: "block" }
+                    }, n(t.subject || ""), 9, Z)
+                  ]),
+                  e("td", null, [
+                    e("span", {
+                      class: _(`ss-dash-badge ss-dash-email-status-${t.status || ""}`)
+                    }, n(t.status), 3)
+                  ]),
+                  e("td", null, [
+                    (t.attachment_count || t.attachmentCount || 0) > 0 ? (o(), i("span", tt, n(t.attachment_count || t.attachmentCount || 0), 1)) : (o(), i("span", et, "-"))
+                  ]),
+                  e("td", null, [
+                    e("span", {
+                      title: t.mailer || "",
+                      style: { color: "var(--ss-muted)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap", display: "block" }
+                    }, n(t.mailer || ""), 9, lt)
+                  ]),
+                  e("td", null, [
+                    e("span", {
+                      class: "ss-dash-event-time",
+                      style: { "white-space": "nowrap" },
+                      title: r(R)(
+                        t.createdAt || t.created_at || t.timestamp
+                      )
+                    }, n(r(z)(
+                      t.createdAt || t.created_at || t.timestamp
+                    )), 9, st)
+                  ])
+                ], 8, Q))), 128))
+              ])
+            ], 512)) : (o(), i("div", at, "No emails captured yet"))
+          ]),
+          r(m).totalPages > 1 ? (o(), D(q, {
+            key: 0,
+            page: r(m).page,
+            "last-page": r(m).totalPages,
+            total: r(m).total,
+            onPageChange: r(T)
+          }, null, 8, ["page", "last-page", "total", "onPageChange"])) : y("", !0)
+        ], 64))
+      ], 64))
+    ]));
+  }
+});
+export {
+  vt as default
+};

package/dist/vue/EmailsTab-DhFhoNmU.js

@@ -0,0 +1,157 @@
+import { defineComponent as L, ref as g, computed as p, openBlock as n, createElementBlock as i, createElementVNode as s, createTextVNode as u, toDisplayString as a, createCommentVNode as m, normalizeClass as h, Fragment as _, withDirectives as x, vModelText as A, renderList as j, unref as f } from "vue";
+import { formatTime as N, timeAgo as S } from "adonisjs-server-stats/core";
+import { u as E } from "./useResizableTable-BoivAevK.js";
+const F = { style: { position: "relative", height: "100%" } }, V = {
+  key: 0,
+  class: "ss-dbg-email-preview"
+}, q = { class: "ss-dbg-email-preview-header" }, M = { class: "ss-dbg-email-preview-meta" }, P = { key: 0 }, R = ["srcdoc"], z = {
+  key: 1,
+  class: "ss-dbg-empty"
+}, B = { class: "ss-dbg-search-bar" }, D = { class: "ss-dbg-summary" }, $ = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, H = ["onClick"], U = {
+  class: "ss-dbg-c-dim",
+  style: { "white-space": "nowrap" }
+}, G = ["title"], I = ["title"], J = { class: "ss-dbg-c-sql" }, K = { class: "ss-dbg-c-muted" }, O = {
+  class: "ss-dbg-c-dim",
+  style: { "text-align": "center" }
+}, Q = ["title"], Z = /* @__PURE__ */ L({
+  __name: "EmailsTab",
+  props: {
+    data: {},
+    dashboardPath: {}
+  },
+  setup(y) {
+    const v = y, d = g(""), o = g(null), c = p(() => {
+      const l = v.data, e = l ? (Array.isArray(l) ? l : l.emails) || [] : [];
+      if (!d.value.trim()) return e;
+      const t = d.value.toLowerCase();
+      return e.filter(
+        (r) => r.subject.toLowerCase().includes(t) || r.from.toLowerCase().includes(t) || r.to.toLowerCase().includes(t) || r.mailer && r.mailer.toLowerCase().includes(t)
+      );
+    }), C = p(() => {
+      const l = v.data;
+      return `${(l ? (Array.isArray(l) ? l : l.emails) || [] : []).length} emails`;
+    });
+    function b(l) {
+      return {
+        sent: "ss-dbg-email-status-sent",
+        sending: "ss-dbg-email-status-sending",
+        queued: "ss-dbg-email-status-queued",
+        failed: "ss-dbg-email-status-failed"
+      }[l] || "";
+    }
+    function w(l) {
+      o.value = l;
+    }
+    function k() {
+      o.value = null;
+    }
+    const { tableRef: T } = E(() => c.value);
+    return (l, e) => (n(), i("div", F, [
+      o.value ? (n(), i("div", V, [
+        s("div", q, [
+          s("div", M, [
+            s("div", null, [
+              e[1] || (e[1] = s("strong", null, "From:", -1)),
+              u(" " + a(o.value.from), 1)
+            ]),
+            s("div", null, [
+              e[2] || (e[2] = s("strong", null, "To:", -1)),
+              u(" " + a(o.value.to), 1)
+            ]),
+            o.value.cc ? (n(), i("div", P, [
+              e[3] || (e[3] = s("strong", null, "CC:", -1)),
+              u(" " + a(o.value.cc), 1)
+            ])) : m("", !0),
+            s("div", null, [
+              e[4] || (e[4] = s("strong", null, "Subject:", -1)),
+              u(" " + a(o.value.subject), 1)
+            ]),
+            s("div", null, [
+              e[5] || (e[5] = s("strong", null, "Status:", -1)),
+              s("span", {
+                class: h(["ss-dbg-email-status", b(o.value.status)])
+              }, a(o.value.status), 3)
+            ])
+          ]),
+          s("button", {
+            type: "button",
+            class: "ss-dbg-btn-clear",
+            onClick: k
+          }, "×")
+        ]),
+        o.value.html ? (n(), i("iframe", {
+          key: 0,
+          class: "ss-dbg-email-iframe",
+          srcdoc: o.value.html
+        }, null, 8, R)) : (n(), i("div", z, "No HTML content"))
+      ])) : m("", !0),
+      o.value ? m("", !0) : (n(), i(_, { key: 1 }, [
+        s("div", B, [
+          x(s("input", {
+            "onUpdate:modelValue": e[0] || (e[0] = (t) => d.value = t),
+            class: "ss-dbg-search",
+            placeholder: "Filter emails...",
+            type: "text"
+          }, null, 512), [
+            [A, d.value]
+          ]),
+          s("span", D, a(C.value), 1)
+        ]),
+        c.value.length === 0 ? (n(), i("div", $, "No emails captured")) : (n(), i("table", {
+          key: 1,
+          ref_key: "tableRef",
+          ref: T,
+          class: "ss-dbg-table"
+        }, [
+          e[6] || (e[6] = s("thead", null, [
+            s("tr", null, [
+              s("th", null, "#"),
+              s("th", null, "From"),
+              s("th", null, "To"),
+              s("th", null, "Subject"),
+              s("th", null, "Status"),
+              s("th", null, "Mailer"),
+              s("th", { title: "Attachments" }, "📎"),
+              s("th", null, "Time")
+            ])
+          ], -1)),
+          s("tbody", null, [
+            (n(!0), i(_, null, j(c.value, (t) => (n(), i("tr", {
+              key: t.id,
+              class: "ss-dbg-email-row",
+              onClick: (r) => w(t)
+            }, [
+              s("td", U, a(t.id), 1),
+              s("td", {
+                class: "ss-dbg-c-secondary",
+                title: t.from
+              }, a(t.from), 9, G),
+              s("td", {
+                class: "ss-dbg-c-secondary",
+                title: t.to
+              }, a(t.to), 9, I),
+              s("td", J, a(t.subject), 1),
+              s("td", null, [
+                s("span", {
+                  class: h(["ss-dbg-email-status", b(t.status)])
+                }, a(t.status), 3)
+              ]),
+              s("td", K, a(t.mailer), 1),
+              s("td", O, a(t.attachmentCount > 0 ? t.attachmentCount : "-"), 1),
+              s("td", {
+                class: "ss-dbg-event-time",
+                title: f(N)(t.timestamp)
+              }, a(f(S)(t.timestamp)), 9, Q)
+            ], 8, H))), 128))
+          ])
+        ], 512))
+      ], 64))
+    ]));
+  }
+});
+export {
+  Z as default
+};

package/dist/vue/EventsSection-C4wXUgxG.js

@@ -0,0 +1,107 @@
+import { defineComponent as E, inject as i, ref as p, computed as P, openBlock as s, createElementBlock as l, createVNode as v, unref as a, Fragment as h, createElementVNode as e, renderList as T, toDisplayString as c, createBlock as C, createCommentVNode as D } from "vue";
+import { formatTime as S, timeAgo as V } from "adonisjs-server-stats/core";
+import { u as $ } from "./index-qCQpBftQ.js";
+import { u as A } from "./useResizableTable-BoivAevK.js";
+import { _ as B } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
+import { _ as R } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
+import { _ as F } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Vsqar1zx.js";
+const L = {
+  key: 0,
+  class: "ss-dash-empty"
+}, U = { class: "ss-dash-table-wrap" }, j = { style: { color: "var(--ss-dim)" } }, z = ["title"], K = ["title"], q = {
+  key: 1,
+  class: "ss-dash-empty"
+}, X = /* @__PURE__ */ E({
+  __name: "EventsSection",
+  setup(G) {
+    const _ = i("ss-refresh-key", p(0)), f = i("ss-dashboard-endpoint", "/__stats/api"), g = i("ss-auth-token", void 0), y = i("ss-base-url", ""), { data: r, loading: b, pagination: o, goToPage: k, setSearch: w } = $(() => "events", {
+      baseUrl: y,
+      dashboardEndpoint: f,
+      authToken: g,
+      refreshKey: _
+    }), m = p(""), u = P(() => {
+      if (!r.value) return [];
+      const n = r.value;
+      return n.data || n.events || r.value || [];
+    });
+    function N(n) {
+      m.value = n, w(n);
+    }
+    const { tableRef: x } = A(() => u.value);
+    return (n, d) => (s(), l("div", null, [
+      v(B, {
+        "model-value": m.value,
+        placeholder: "Filter events...",
+        summary: `${a(o).total ?? 0} events`,
+        "onUpdate:modelValue": N
+      }, null, 8, ["model-value", "summary"]),
+      a(b) && !a(r) ? (s(), l("div", L, "Loading events...")) : (s(), l(h, { key: 1 }, [
+        e("div", U, [
+          u.value.length > 0 ? (s(), l("table", {
+            key: 0,
+            ref_key: "tableRef",
+            ref: x,
+            class: "ss-dash-table"
+          }, [
+            d[0] || (d[0] = e("colgroup", null, [
+              e("col", { style: { width: "40px" } }),
+              e("col"),
+              e("col"),
+              e("col", { style: { width: "80px" } })
+            ], -1)),
+            d[1] || (d[1] = e("thead", null, [
+              e("tr", null, [
+                e("th", null, "#"),
+                e("th", null, "Event"),
+                e("th", null, "Data"),
+                e("th", null, "Time")
+              ])
+            ], -1)),
+            e("tbody", null, [
+              (s(!0), l(h, null, T(u.value, (t) => (s(), l("tr", {
+                key: t.id
+              }, [
+                e("td", null, [
+                  e("span", j, c(t.id), 1)
+                ]),
+                e("td", null, [
+                  e("span", {
+                    class: "ss-dash-event-name",
+                    title: t.event_name || t.eventName || t.event || "",
+                    style: { overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap", display: "block" }
+                  }, c(t.event_name || t.eventName || t.event || ""), 9, z)
+                ]),
+                e("td", null, [
+                  v(F, {
+                    value: t.data,
+                    class: "ss-dash-event-data"
+                  }, null, 8, ["value"])
+                ]),
+                e("td", null, [
+                  e("span", {
+                    class: "ss-dash-event-time",
+                    title: a(S)(
+                      t.createdAt || t.created_at || t.timestamp
+                    )
+                  }, c(a(V)(
+                    t.createdAt || t.created_at || t.timestamp
+                  )), 9, K)
+                ])
+              ]))), 128))
+            ])
+          ], 512)) : (s(), l("div", q, "No events recorded yet"))
+        ]),
+        a(o).totalPages > 1 ? (s(), C(R, {
+          key: 0,
+          page: a(o).page,
+          "last-page": a(o).totalPages,
+          total: a(o).total,
+          onPageChange: a(k)
+        }, null, 8, ["page", "last-page", "total", "onPageChange"])) : D("", !0)
+      ], 64))
+    ]));
+  }
+});
+export {
+  X as default
+};

package/dist/vue/EventsTab-DQ4Nd6AK.js

@@ -0,0 +1,97 @@
+import { defineComponent as _, ref as f, computed as v, openBlock as n, createElementBlock as r, createElementVNode as e, withDirectives as g, vModelText as y, toDisplayString as o, Fragment as k, renderList as w, createTextVNode as x, unref as d, createCommentVNode as T, createVNode as C } from "vue";
+import { TAB_ICONS as h, formatTime as A, timeAgo as B } from "adonisjs-server-stats/core";
+import { u as L } from "./useResizableTable-BoivAevK.js";
+import { _ as N } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Vsqar1zx.js";
+const V = { class: "ss-dbg-search-bar" }, E = { class: "ss-dbg-summary" }, $ = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, D = {
+  class: "ss-dbg-c-dim",
+  style: { "white-space": "nowrap" }
+}, M = { class: "ss-dbg-event-name" }, P = ["href"], R = ["viewBox", "innerHTML"], F = { class: "ss-dbg-event-data" }, H = ["title"], O = /* @__PURE__ */ _({
+  __name: "EventsTab",
+  props: {
+    data: {},
+    dashboardPath: {}
+  },
+  setup(i) {
+    const m = i, l = f(""), c = v(() => {
+      const s = m.data, a = s ? (Array.isArray(s) ? s : s.events) || [] : [];
+      if (!l.value.trim()) return a;
+      const t = l.value.toLowerCase();
+      return a.filter(
+        (u) => u.event.toLowerCase().includes(t) || u.data && u.data.toLowerCase().includes(t)
+      );
+    }), p = v(() => {
+      const s = m.data;
+      return `${(s ? (Array.isArray(s) ? s : s.events) || [] : []).length} events`;
+    }), { tableRef: b } = L(() => c.value);
+    return (s, a) => (n(), r("div", null, [
+      e("div", V, [
+        g(e("input", {
+          "onUpdate:modelValue": a[0] || (a[0] = (t) => l.value = t),
+          class: "ss-dbg-search",
+          placeholder: "Filter events...",
+          type: "text"
+        }, null, 512), [
+          [y, l.value]
+        ]),
+        e("span", E, o(p.value), 1)
+      ]),
+      c.value.length === 0 ? (n(), r("div", $, "No events captured")) : (n(), r("table", {
+        key: 1,
+        ref_key: "tableRef",
+        ref: b,
+        class: "ss-dbg-table"
+      }, [
+        a[1] || (a[1] = e("thead", null, [
+          e("tr", null, [
+            e("th", null, "#"),
+            e("th", null, "Event"),
+            e("th", null, "Data"),
+            e("th", null, "Time")
+          ])
+        ], -1)),
+        e("tbody", null, [
+          (n(!0), r(k, null, w(c.value, (t) => (n(), r("tr", {
+            key: t.id
+          }, [
+            e("td", D, o(t.id), 1),
+            e("td", M, [
+              x(o(t.event) + " ", 1),
+              i.dashboardPath ? (n(), r("a", {
+                key: 0,
+                href: `${i.dashboardPath}#events?id=${t.id}`,
+                target: "_blank",
+                class: "ss-dbg-deeplink"
+              }, [
+                (n(), r("svg", {
+                  width: "12",
+                  height: "12",
+                  viewBox: d(h)["open-external"].viewBox,
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  innerHTML: d(h)["open-external"].elements.join("")
+                }, null, 8, R))
+              ], 8, P)) : T("", !0)
+            ]),
+            e("td", F, [
+              C(N, {
+                value: t.data,
+                "class-prefix": "ss-dbg"
+              }, null, 8, ["value"])
+            ]),
+            e("td", {
+              class: "ss-dbg-event-time",
+              title: d(A)(t.timestamp)
+            }, o(d(B)(t.timestamp)), 9, H)
+          ]))), 128))
+        ])
+      ], 512))
+    ]));
+  }
+});
+export {
+  O as default
+};

package/dist/vue/FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js

@@ -0,0 +1,62 @@
+import { defineComponent as h, openBlock as s, createElementBlock as t, toDisplayString as m, createCommentVNode as l, createElementVNode as r, unref as n, renderSlot as p } from "vue";
+import { TAB_ICONS as c } from "adonisjs-server-stats/core";
+const f = { class: "ss-dash-filter-bar" }, k = {
+  key: 0,
+  class: "ss-dash-summary"
+}, v = { class: "ss-dash-search-wrapper" }, y = ["viewBox", "innerHTML"], _ = ["value", "placeholder"], V = {
+  key: 1,
+  class: "ss-dash-filter-controls"
+}, g = /* @__PURE__ */ h({
+  __name: "FilterBar",
+  props: {
+    modelValue: {},
+    placeholder: {},
+    summary: {}
+  },
+  emits: ["update:modelValue", "clear"],
+  setup(e, { emit: d }) {
+    const o = d;
+    function i(a) {
+      o("update:modelValue", a.target.value);
+    }
+    function u() {
+      o("update:modelValue", ""), o("clear");
+    }
+    return (a, B) => (s(), t("div", f, [
+      e.summary ? (s(), t("span", k, m(e.summary), 1)) : l("", !0),
+      r("div", v, [
+        (s(), t("svg", {
+          class: "ss-dash-search-icon",
+          viewBox: n(c).search.viewBox,
+          width: "14",
+          height: "14",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          innerHTML: n(c).search.elements.join("")
+        }, null, 8, y)),
+        r("input", {
+          class: "ss-dash-search",
+          type: "text",
+          value: e.modelValue,
+          placeholder: e.placeholder || "Search...",
+          onInput: i
+        }, null, 40, _),
+        e.modelValue ? (s(), t("button", {
+          key: 0,
+          type: "button",
+          class: "ss-dash-search-clear",
+          onClick: u
+        }, " × ")) : l("", !0)
+      ]),
+      a.$slots.default ? (s(), t("div", V, [
+        p(a.$slots, "default")
+      ])) : l("", !0)
+    ]));
+  }
+});
+export {
+  g as _
+};