@feedmepos/mf-miniprogram-v2 0.2.8-dev.8 → 0.2.8

package/dist/{MobileProjectsView-CZVTbgqX.js → MobileProjectsView-BFljhsY0.js}

@@ -1,43 +1,43 @@
-import { defineComponent as L, ref as w, computed as C, h as o, withModifiers as j, onMounted as R, onScopeDispose as V, resolveComponent as S, openBlock as r, createElementBlock as n, createElementVNode as a, createTextVNode as I, toDisplayString as M, createCommentVNode as z, createBlock as q, createVNode as _, unref as h } from "vue";
-import { useRoute as D, useRouter as A } from "vue-router";
-import { components as T, useDialog as $ } from "@feedmepos/ui-library";
-import { a as E } from "./routes-CK4kOaoY.js";
-import { c as O, e as U } from "./controlPlane-DR5ykj4d.js";
-import { u as Y } from "./portalContext-DuVkhksq.js";
-import { w as d } from "./portalNavigation-L5VwKlps.js";
-import { p as G, M as H } from "./MobileProjectDialog-C4wvWZ95.js";
-import { _ as k } from "./StatusBadge.vue_vue_type_script_setup_true_lang-DMm_s9ua.js";
-import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const K = { class: "portal-page" }, Q = { class: "portal-page-inner" }, W = { class: "portal-page-heading" }, X = {
+import { defineComponent as L, ref as j, computed as S, h as o, withModifiers as _, onMounted as R, onScopeDispose as V, resolveComponent as I, openBlock as a, createElementBlock as n, createElementVNode as s, createTextVNode as M, toDisplayString as q, createCommentVNode as z, createBlock as D, createVNode as h, unref as k } from "vue";
+import { useRoute as A, useRouter as T } from "vue-router";
+import { components as $, useDialog as E } from "@feedmepos/ui-library";
+import { a as O } from "./routes-B9oMJsaM.js";
+import { c as U, e as Y } from "./controlPlane-DuIuUbyk.js";
+import { u as G } from "./portalContext-BkAoYip4.js";
+import { w as d } from "./portalNavigation-DLcC7Koh.js";
+import { p as H, M as J } from "./MobileProjectDialog-DYlIwjzr.js";
+import { _ as x } from "./StatusBadge.vue_vue_type_script_setup_true_lang-DMm_s9ua.js";
+import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Q = { class: "portal-page" }, W = { class: "portal-page-inner" }, X = { class: "portal-page-heading" }, Z = {
   key: 0,
   class: "mobile-projects__count"
-}, Z = {
+}, ee = {
   key: 0,
   class: "portal-error",
   role: "alert"
-}, ee = {
+}, te = {
   key: 1,
   role: "status"
-}, te = {
+}, oe = {
   key: 2,
   class: "portal-empty"
-}, oe = {
+}, re = {
   key: 3,
   class: "rounded-2xl border border-portal-border-default bg-portal-bg-default",
   "aria-label": "Mobile projects"
-}, re = /* @__PURE__ */ L({
+}, ae = /* @__PURE__ */ L({
   __name: "MobileProjectsView",
-  setup(ae) {
-    const { FmButton: m } = T, x = Y(), s = D(), i = A(), v = $(), l = w([]), p = w(!0), c = w(""), f = new AbortController();
+  setup(se) {
+    const { FmButton: m } = $, C = G(), r = A(), i = T(), v = E(), l = j([]), p = j(!0), c = j(""), f = new AbortController();
     async function g() {
       p.value = !0, c.value = "";
       try {
-        const t = await O(E.projects(x.businessId.value), {
+        const t = await U(O.projects(C.businessId.value), {
           signal: f.signal
         });
         l.value = t.projects;
       } catch (t) {
-        f.signal.aborted || (c.value = U(t));
+        f.signal.aborted || (c.value = Y(t));
       } finally {
         p.value = !1;
       }
@@ -46,29 +46,34 @@ const K = { class: "portal-page" }, Q = { class: "portal-page-inner" }, W = { cl
       v.open({
         title: t ? "Rename project" : "New Mobile project",
         // MobileProjectDialog draws its own header (a step title, plus the
-        // template step's search box) and its own Cancel/Next/Back/Create
+        // template step's search box) and its own Cancel/Next/Create
         // buttons — FmDynamicDialog's default close icon is absolutely
         // positioned in the dialog's own top-right corner regardless of what
         // dialogComponent puts there, so left on it sits on top of the search
         // box instead of a page area with room reserved for it (same fix as
         // PreviewPanel.vue's openLibraryExpandDialog).
         closeButton: !1,
-        dialogComponent: H,
+        dialogComponent: J,
         dialogComponentProps: {
-          businessId: x.businessId.value,
+          businessId: C.businessId.value,
           projectId: t == null ? void 0 : t.projectId,
           initialName: t == null ? void 0 : t.name,
           onClose: () => v.close(),
           onSaved: (e) => {
-            v.close(), t ? g() : i.push(d(e.projectId, "workspace", s.query, { setup: !0 }));
+            v.close(), t ? g() : i.push(
+              d(e.projectId, "workspace", r.query, { setup: !0, ...b() })
+            );
           }
         }
       });
     }
+    function b() {
+      return typeof r.query.library == "string" ? { library: r.query.library } : {};
+    }
     function N(t) {
       return new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(t));
     }
-    const P = C(() => [
+    const P = S(() => [
       {
         id: "project",
         header: () => "Project",
@@ -90,9 +95,9 @@ const K = { class: "portal-page" }, Q = { class: "portal-page-inner" }, W = { cl
         size: 130,
         enableSorting: !1,
         cell: (t) => o(
-          k,
+          x,
           { variant: t.row.original.provisioningStatus === "failed" ? "error" : "neutral", size: "sm" },
-          () => G(t.row.original.provisioningStatus)
+          () => H(t.row.original.provisioningStatus)
         )
       },
       {
@@ -116,7 +121,7 @@ const K = { class: "portal-page" }, Q = { class: "portal-page-inner" }, W = { cl
             // "Live project" in a column headed Live said the word twice, and cost the
             // width that made the line below it wrap.
             o(
-              k,
+              x,
               { variant: e.isLive ? "success" : "neutral", size: "sm" },
               () => e.isLive ? "Live" : "Not live"
             ),
@@ -125,7 +130,7 @@ const K = { class: "portal-page" }, Q = { class: "portal-page-inner" }, W = { cl
             // This endpoint always sends a boolean, so that is a contract-level
             // possibility rather than one a merchant meets.
             e.hasUnpublishedRelease === !0 ? o(
-              k,
+              x,
               { variant: "warning", size: "sm", title: "A release is built and waiting to be published" },
               () => "Unpublished"
             ) : null
@@ -151,82 +156,82 @@ const K = { class: "portal-page" }, Q = { class: "portal-page-inner" }, W = { cl
               icon: "deployed_code",
               variant: "tertiary",
               title: "View releases",
-              onClick: j(
-                () => i.push(d(e.projectId, "releases", s.query)),
+              onClick: _(
+                () => i.push(d(e.projectId, "releases", r.query)),
                 ["stop"]
               )
             }) : null,
             o(m, {
               label: "Rename",
               variant: "tertiary",
-              onClick: j(() => u(e), ["stop"])
+              onClick: _(() => u(e), ["stop"])
             }),
             o(m, {
               label: e.provisioningStatus === "ready" ? "Open editor" : "Continue setup",
               variant: "secondary",
-              onClick: j(
-                () => i.push(d(e.projectId, "workspace", s.query)),
+              onClick: _(
+                () => i.push(d(e.projectId, "workspace", r.query, b())),
                 ["stop"]
               )
             })
           ]);
         }
       }
-    ]), B = C(() => !p.value && l.value.length > 0);
+    ]), B = S(() => !p.value && l.value.length > 0);
     return R(() => {
-      if (g(), s.query.create === "1") {
-        const { create: t, ...e } = s.query;
+      if (g(), r.query.create === "1") {
+        const { create: t, ...e } = r.query;
         i.replace({ query: e }), u();
       }
     }), V(() => f.abort()), (t, e) => {
-      const b = S("FmButton"), F = S("FmTable");
-      return r(), n("div", K, [
-        a("div", Q, [
-          a("header", W, [
-            a("div", null, [
-              e[4] || (e[4] = a("p", { class: "portal-eyebrow" }, "Mobile Ordering", -1)),
-              a("h1", null, [
-                e[3] || (e[3] = I("Projects ", -1)),
-                p.value ? z("", !0) : (r(), n("span", X, M(l.value.length), 1))
+      const y = I("FmButton"), F = I("FmTable");
+      return a(), n("div", Q, [
+        s("div", W, [
+          s("header", X, [
+            s("div", null, [
+              e[4] || (e[4] = s("p", { class: "portal-eyebrow" }, "Mobile Ordering", -1)),
+              s("h1", null, [
+                e[3] || (e[3] = M("Projects ", -1)),
+                p.value ? z("", !0) : (a(), n("span", Z, q(l.value.length), 1))
               ])
             ]),
-            B.value ? (r(), q(b, {
+            B.value ? (a(), D(y, {
               key: 0,
               label: "New project",
               icon: "add",
-              onClick: e[0] || (e[0] = (y) => u())
+              onClick: e[0] || (e[0] = (w) => u())
             })) : z("", !0)
           ]),
-          c.value ? (r(), n("p", Z, [
-            I(M(c.value) + " ", 1),
-            _(b, {
+          c.value ? (a(), n("p", ee, [
+            M(q(c.value) + " ", 1),
+            h(y, {
               label: "Retry",
               variant: "tertiary",
               onClick: g
             })
-          ])) : p.value ? (r(), n("p", ee, "Loading projects…")) : l.value.length ? (r(), n("section", oe, [
-            _(F, {
+          ])) : p.value ? (a(), n("p", te, "Loading projects…")) : l.value.length ? (a(), n("section", re, [
+            h(F, {
               "column-defs": P.value,
               "row-data": l.value,
               "page-size": l.value.length,
               "hide-footer": "",
               "pin-header-row": "",
-              onRowClick: e[2] || (e[2] = (y) => h(i).push(h(d)(y.original.projectId, "workspace", h(s).query)))
+              onRowClick: e[2] || (e[2] = (w) => k(i).push(k(d)(w.original.projectId, "workspace", k(r).query, b())))
             }, null, 8, ["column-defs", "row-data", "page-size"])
-          ])) : (r(), n("section", te, [
-            e[5] || (e[5] = a("h2", null, "Your first Mobile project", -1)),
-            e[6] || (e[6] = a("p", null, "Create an app from a template to start editing.", -1)),
-            _(b, {
+          ])) : (a(), n("section", oe, [
+            e[5] || (e[5] = s("h2", null, "Your first Mobile project", -1)),
+            e[6] || (e[6] = s("p", null, "Create an app from a template to start editing.", -1)),
+            h(y, {
               label: "New project",
               icon: "add",
-              onClick: e[1] || (e[1] = (y) => u())
+              onClick: e[1] || (e[1] = (w) => u())
             })
           ]))
         ])
       ]);
     };
   }
-}), fe = /* @__PURE__ */ J(re, [["__scopeId", "data-v-66c90eec"]]);
+}), ge = /* @__PURE__ */ K(ae, [["__scopeId", "data-v-64493bf8"]]);
 export {
-  fe as default
+  ge as default
 };

package/dist/ModuleCenterView-886eyuBg.js

@@ -0,0 +1,283 @@
+import { defineComponent as H, ref as S, computed as f, onMounted as W, onUnmounted as J, openBlock as s, createElementBlock as l, createElementVNode as o, toDisplayString as a, createCommentVNode as A, Fragment as k, renderList as x, normalizeStyle as X, watch as Z, resolveComponent as O, createVNode as ee, unref as i, normalizeClass as g, createBlock as w, createTextVNode as C } from "vue";
+import { useRouter as j, useRoute as te } from "vue-router";
+import { i as ne, u as oe, f as se, s as z, g as le, _ as M, a as re } from "./useModuleCatalog-CLRJw1aG.js";
+import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ae = { class: "row" }, ie = { class: "row__head" }, ue = { class: "row__label fm-typo-en-body-md-600 text-portal-text-primary" }, ce = {
+  key: 0,
+  class: "row__count fm-typo-en-body-sm-400 text-portal-text-muted"
+}, de = {
+  key: 0,
+  class: "row__note fm-typo-en-body-sm-400 text-portal-text-muted"
+}, _e = {
+  key: 1,
+  class: "row__cards"
+}, pe = ["title", "srcdoc"], me = 322, ye = 267, ve = /* @__PURE__ */ H({
+  __name: "ModuleComponentRow",
+  props: {
+    component: {},
+    previewDocument: {},
+    query: {},
+    showCount: { type: Boolean, default: !0 }
+  },
+  setup(h) {
+    const y = h, D = j(), d = S([]);
+    function b(u) {
+      return u.styleLabel || u.description || u.name;
+    }
+    const N = f(() => {
+      const u = y.previewDocument;
+      return u ? y.component.styles.map((_) => ({
+        name: _.name,
+        framed: ne(u, [{ name: _.name, label: b(_) }])
+      })) : [];
+    });
+    function L(u) {
+      if (!d.value.some((r) => r && r.contentWindow === u.source)) return;
+      const _ = u.data;
+      if ((_ == null ? void 0 : _.type) !== "fm-library-preview:select" || !_.module) return;
+      const c = y.component.styles.find((r) => r.name === _.module);
+      c && D.push({ name: "miniprogram-v2-module-detail", params: { name: c.name }, query: y.query });
+    }
+    return W(() => window.addEventListener("message", L)), J(() => window.removeEventListener("message", L)), (u, _) => (s(), l("section", ae, [
+      o("header", ie, [
+        o("h3", ue, a(h.component.label), 1),
+        h.showCount ? (s(), l("span", ce, a(h.component.styles.length) + " style" + a(h.component.styles.length === 1 ? "" : "s"), 1)) : A("", !0)
+      ]),
+      h.previewDocument ? (s(), l("ul", _e, [
+        (s(!0), l(k, null, x(N.value, (c) => (s(), l("li", {
+          key: c.name
+        }, [
+          o("iframe", {
+            ref_for: !0,
+            ref_key: "frameRefs",
+            ref: d,
+            class: "row__frame",
+            style: X({ width: `${me}px`, height: `${ye}px` }),
+            title: c.name,
+            sandbox: "allow-scripts",
+            srcdoc: c.framed
+          }, null, 12, pe)
+        ]))), 128))
+      ])) : (s(), l("p", de, "Loading previews…"))
+    ]));
+  }
+}), fe = /* @__PURE__ */ K(ve, [["__scopeId", "data-v-691f1a76"]]), he = { class: "shell" }, be = { class: "centre" }, ge = { class: "centre__inner" }, ke = { class: "centre__head" }, we = {
+  class: "centre__platforms",
+  role: "tablist",
+  "aria-label": "Platform"
+}, Ce = ["aria-selected", "onClick"], xe = {
+  key: 0,
+  class: "centre__filters"
+}, $e = { class: "centre__facet" }, Me = { class: "centre__chips" }, Ae = ["aria-pressed"], Le = { class: "centre__chip-count" }, qe = ["aria-pressed", "onClick"], Ee = { class: "centre__chip-count" }, Pe = ["aria-pressed"], Se = { class: "centre__chip-count" }, De = { class: "centre__facet" }, Ne = { class: "centre__chips" }, Re = ["aria-pressed"], Be = { class: "centre__chip-count" }, Te = ["aria-pressed", "onClick"], Fe = { class: "centre__chip-count" }, Ue = ["aria-pressed"], Ie = { class: "centre__chip-count" }, Ve = {
+  key: 1,
+  class: "centre__note fm-typo-en-body-md-400"
+}, ze = {
+  key: 6,
+  class: "centre__sections"
+}, Ge = { class: "centre__section-head" }, He = { class: "centre__section-title fm-typo-en-body-lg-600 text-portal-text-primary" }, We = { class: "centre__section-summary fm-typo-en-body-sm-400 text-portal-text-muted" }, v = "__unset", G = "Ungrouped", je = "Unset", Ke = /* @__PURE__ */ H({
+  __name: "ModuleCenterView",
+  setup(h) {
+    const y = [
+      { id: "mobile", label: "Mobile" },
+      { id: "tablet", label: "Tablets" },
+      { id: "kiosk", label: "Kiosk" }
+    ];
+    function D(n) {
+      return y.some((e) => e.id === n);
+    }
+    const d = oe(), b = te(), N = j();
+    function L(n) {
+      return n == null ? [] : (Array.isArray(n) ? n : [n]).filter((e) => e != null);
+    }
+    function u(n) {
+      return L(n)[0];
+    }
+    const _ = u(b.query.platform), c = S(D(_) ? _ : "mobile"), r = S(u(b.query.group) ?? null), p = S(u(b.query.page) ?? null);
+    Z(
+      [c, r, p],
+      ([n, e, P]) => {
+        const m = { ...b.query };
+        n !== "mobile" ? m.platform = n : delete m.platform, e ? m.group = e : delete m.group, P ? m.page = P : delete m.page, N.replace({ query: m });
+      },
+      { deep: !0 }
+    );
+    const R = f(() => se(d.entries.value ?? [], "")), q = f(() => z(R.value, "group")), E = f(() => z(R.value, "page")), F = f(() => {
+      let n = R.value;
+      return r.value === v ? n = n.filter((e) => !e.group) : r.value && (n = n.filter((e) => e.group === r.value)), p.value === v ? n = n.filter((e) => !e.page) : p.value && (n = n.filter((e) => e.page === p.value)), n;
+    }), Q = f(() => le(F.value)), Y = f(() => r.value !== null || p.value !== null), U = f(() => {
+      var n;
+      return (((n = d.entries.value) == null ? void 0 : n.length) ?? 0) > 0;
+    });
+    function I(n) {
+      return (e) => {
+        n.value = n.value === e ? null : e;
+      };
+    }
+    const B = I(r), T = I(p);
+    function V() {
+      r.value = null, p.value = null;
+    }
+    return W(() => d.load()), (n, e) => {
+      var m;
+      const P = O("FmButton");
+      return s(), l("div", he, [
+        o("div", be, [
+          o("div", ge, [
+            o("header", ke, [
+              e[7] || (e[7] = o("div", null, [
+                o("h2", { class: "centre__title fm-typo-en-title-sm-600 text-portal-text-primary" }, "Component Library"),
+                o("p", { class: "centre__subtitle fm-typo-en-body-md-400 text-portal-text-muted" }, " Modules the agent can put on a page. Published from the platform, not from your app. ")
+              ], -1)),
+              ee(P, {
+                size: "md",
+                variant: "tertiary",
+                icon: "refresh",
+                onClick: e[0] || (e[0] = (t) => i(d).load(!0))
+              })
+            ]),
+            o("nav", we, [
+              (s(), l(k, null, x(y, (t) => o("button", {
+                key: t.id,
+                type: "button",
+                role: "tab",
+                class: g(["centre__platform-tab fm-typo-en-body-md-600", { "centre__platform-tab--on": c.value === t.id }]),
+                "aria-selected": c.value === t.id,
+                onClick: ($) => c.value = t.id
+              }, a(t.label), 11, Ce)), 64))
+            ]),
+            c.value !== "mobile" ? (s(), w(M, {
+              key: 0,
+              icon: "devices",
+              title: `${(m = y.find((t) => t.id === c.value)) == null ? void 0 : m.label} components are on the way`,
+              message: "We're building these for tablet and kiosk. You'll pick their styles here once they're ready.",
+              "action-label": "Browse Mobile components",
+              onAction: e[1] || (e[1] = (t) => c.value = "mobile")
+            }, null, 8, ["title"])) : (s(), l(k, { key: 1 }, [
+              U.value ? (s(), l("div", xe, [
+                o("div", $e, [
+                  e[9] || (e[9] = o("span", { class: "centre__facet-label fm-typo-en-body-sm-600 text-portal-text-muted" }, "Category", -1)),
+                  o("div", Me, [
+                    o("button", {
+                      type: "button",
+                      class: g(["centre__chip centre__chip--pill", { "centre__chip--on": r.value === null }]),
+                      "aria-pressed": r.value === null,
+                      onClick: e[2] || (e[2] = (t) => i(B)(null))
+                    }, [
+                      e[8] || (e[8] = C(" All ", -1)),
+                      o("span", Le, a(q.value.total), 1)
+                    ], 10, Ae),
+                    (s(!0), l(k, null, x(q.value.chips, (t) => (s(), l("button", {
+                      key: t.value,
+                      type: "button",
+                      class: g(["centre__chip centre__chip--pill", { "centre__chip--on": r.value === t.value }]),
+                      "aria-pressed": r.value === t.value,
+                      onClick: ($) => i(B)(t.value)
+                    }, [
+                      C(a(t.value) + " ", 1),
+                      o("span", Ee, a(t.count), 1)
+                    ], 10, qe))), 128)),
+                    q.value.unsetCount ? (s(), l("button", {
+                      key: 0,
+                      type: "button",
+                      class: g(["centre__chip centre__chip--pill centre__chip--dashed", { "centre__chip--on": r.value === v }]),
+                      "aria-pressed": r.value === v,
+                      onClick: e[3] || (e[3] = (t) => i(B)(v))
+                    }, [
+                      C(a(G) + " "),
+                      o("span", Se, a(q.value.unsetCount), 1)
+                    ], 10, Pe)) : A("", !0)
+                  ])
+                ]),
+                o("div", De, [
+                  e[11] || (e[11] = o("span", { class: "centre__facet-label fm-typo-en-body-sm-600 text-portal-text-muted" }, "Page", -1)),
+                  o("div", Ne, [
+                    o("button", {
+                      type: "button",
+                      class: g(["centre__chip centre__chip--pill", { "centre__chip--on": p.value === null }]),
+                      "aria-pressed": p.value === null,
+                      onClick: e[4] || (e[4] = (t) => i(T)(null))
+                    }, [
+                      e[10] || (e[10] = C(" All pages ", -1)),
+                      o("span", Be, a(E.value.total), 1)
+                    ], 10, Re),
+                    (s(!0), l(k, null, x(E.value.chips, (t) => (s(), l("button", {
+                      key: t.value,
+                      type: "button",
+                      class: g(["centre__chip centre__chip--pill", { "centre__chip--on": p.value === t.value }]),
+                      "aria-pressed": p.value === t.value,
+                      onClick: ($) => i(T)(t.value)
+                    }, [
+                      C(a(t.value) + " ", 1),
+                      o("span", Fe, a(t.count), 1)
+                    ], 10, Te))), 128)),
+                    E.value.unsetCount ? (s(), l("button", {
+                      key: 0,
+                      type: "button",
+                      class: g(["centre__chip centre__chip--pill centre__chip--dashed", { "centre__chip--on": p.value === v }]),
+                      "aria-pressed": p.value === v,
+                      onClick: e[5] || (e[5] = (t) => i(T)(v))
+                    }, [
+                      C(a(je) + " "),
+                      o("span", Ie, a(E.value.unsetCount), 1)
+                    ], 10, Ue)) : A("", !0)
+                  ])
+                ]),
+                Y.value ? (s(), l("button", {
+                  key: 0,
+                  type: "button",
+                  class: "centre__clear fm-typo-en-body-sm-600",
+                  onClick: V
+                }, " Clear filters ")) : A("", !0)
+              ])) : A("", !0),
+              i(d).entries.value === null ? (s(), l("p", Ve, "Loading…")) : i(d).loadError.value ? (s(), w(M, {
+                key: 2,
+                icon: "error_outline",
+                tone: "error",
+                title: "Could not load the component library",
+                message: i(d).loadError.value,
+                "action-label": "Try again",
+                onAction: e[6] || (e[6] = (t) => i(d).load(!0))
+              }, null, 8, ["message"])) : i(d).unpublished.value ? (s(), w(M, {
+                key: 3,
+                icon: "widgets",
+                title: "No component library has been published yet",
+                message: "Modules are published from the platform, separately from merging them. Once one is published it appears here, and every workspace started afterwards receives it."
+              })) : U.value ? F.value.length ? (s(), l("div", ze, [
+                (s(!0), l(k, null, x(Q.value, (t) => (s(), l("section", {
+                  key: t.group ?? "__ungrouped",
+                  class: "centre__section"
+                }, [
+                  o("header", Ge, [
+                    o("h3", He, a(t.group ?? G), 1),
+                    o("span", We, a(i(re)(t)), 1)
+                  ]),
+                  (s(!0), l(k, null, x(t.components, ($) => (s(), w(fe, {
+                    key: $.key,
+                    component: $,
+                    "preview-document": i(d).previewDocument.value,
+                    query: i(b).query,
+                    "show-count": t.components.length > 1
+                  }, null, 8, ["component", "preview-document", "query", "show-count"]))), 128))
+                ]))), 128))
+              ])) : (s(), w(M, {
+                key: 5,
+                icon: "search_off",
+                title: "No module matches these filters",
+                "action-label": "Clear filters",
+                onAction: V
+              })) : (s(), w(M, {
+                key: 4,
+                icon: "widgets",
+                title: "The component library is empty",
+                message: "It has been published, but holds no modules. Nothing here is available to put on a page yet."
+              }))
+            ], 64))
+          ])
+        ])
+      ]);
+    };
+  }
+}), Ze = /* @__PURE__ */ K(Ke, [["__scopeId", "data-v-cc7f6ab8"]]);
+export {
+  Ze as default
+};