@webx-ui/module-catalog-landings 0.1.12 → 0.2.0

package/dist/LandingsPage-BAIQAJv2.js

@@ -0,0 +1,864 @@
+import { defineComponent as he, ref as g, onMounted as _e, watch as ie, computed as h, onBeforeUnmount as Pe, openBlock as v, createBlock as V, unref as e, isRef as Ae, withCtx as l, createTextVNode as m, toDisplayString as p, createCommentVNode as H, createElementBlock as w, createVNode as t, createElementVNode as P, Fragment as ne, renderList as ke } from "vue";
+import { useRoute as Le, useRouter as Oe } from "vue-router";
+import { useModal as Ie, useLocales as xe, WxDialog as Re, WxAlert as ge, WxFormItem as b, WxTreeSelect as we, WxSwitch as J, WxSelect as fe, WxInputNumber as De, WxText as R, WxInput as ae, WxTable as Ve, WxProgress as Ee, WxSpace as Fe, WxButton as G, createModal as je, WxBadge as te, WxTooltip as Ge, WxIcon as ye, toast as I, localizedValue as be, confirm as He } from "@webx-ui/core";
+import { useAdmin as We, useTranslate as ve, useErrorText as Ue, rowMenuWidth as Je, WxListScreen as Ke, WxRowMenu as Qe, WxDate as Xe, WxFilterChips as Ye } from "@webx-ui/module-admin";
+import { useCategoryTree as ze } from "@webx-ui/module-catalog";
+import { c as $e, u as qe, N as Ce, _ as Se } from "./index-DEreqbgG.js";
+const Ze = {
+  key: 1,
+  class: "wx-catalog-landings-generate"
+}, el = {
+  key: 2,
+  class: "wx-catalog-landings-generate"
+}, ll = { class: "wx-catalog-landings-generate__mono" }, al = {
+  key: 3,
+  class: "wx-catalog-landings-generate"
+}, tl = {
+  key: 2,
+  class: "wx-catalog-landings-generate__errors"
+}, nl = /* @__PURE__ */ he({
+  __name: "GenerateDialog",
+  setup(me) {
+    const { open: D, resolve: E } = Ie(), A = We(), S = $e(A), T = ze(A), K = xe();
+    qe();
+    const r = ve(Ce), u = Ue(), x = g("form"), W = g([]), Q = g(!1), U = g(null), z = g([]), F = g(1), _ = g({ slug: "", name: "", h1: "", title: "", description: "" }), N = g(!1), $ = g([]), q = g({}), f = g(""), k = g(!1), y = g(null), c = g(null);
+    _e(() => {
+      T.load().catch(() => {
+      });
+    }), ie(
+      () => W.value[0] ?? null,
+      async (d) => {
+        if (d === null) {
+          $.value = [];
+          return;
+        }
+        try {
+          $.value = (await S.facets(d)).filter((o) => o.kind !== "range");
+        } catch (o) {
+          f.value = u(o);
+        }
+      }
+    );
+    const B = h(
+      () => $.value.map((d) => ({ value: d.key, label: d.label }))
+    ), ue = h(
+      () => ($.value.find((d) => d.key === U.value)?.values ?? []).map((d) => ({
+        value: d.value,
+        label: `${d.label} (${d.count})`
+      }))
+    );
+    ie(U, () => z.value = []);
+    const X = h(() => ({
+      categories: W.value,
+      subtree: Q.value,
+      facet: U.value ?? "",
+      values: z.value.length > 0 ? z.value : null,
+      min_products: F.value,
+      ..._.value,
+      publish: N.value
+    })), oe = h(() => W.value.length > 0 && U.value !== null);
+    function Y(d) {
+      return q.value[d]?.[0];
+    }
+    function L(d) {
+      const o = d.body;
+      o?.errors ? q.value = o.errors : f.value = u(d);
+    }
+    async function re() {
+      if (!(!oe.value || k.value)) {
+        k.value = !0, q.value = {}, f.value = "";
+        try {
+          y.value = await S.preview(X.value), x.value = "preview";
+        } catch (d) {
+          L(d);
+        } finally {
+          k.value = !1;
+        }
+      }
+    }
+    let Z;
+    async function O(d, o = 1500) {
+      Z = setTimeout(async () => {
+        try {
+          c.value = await S.run(d), (c.value.status === "queued" || c.value.status === "running") && O(d);
+        } catch {
+          O(d, Math.min(o * 2, 15e3));
+        }
+      }, o);
+    }
+    async function M() {
+      if (!k.value) {
+        k.value = !0, f.value = "";
+        try {
+          c.value = await S.generate(X.value), x.value = "run", c.value.id !== null && !j.value && O(c.value.id);
+        } catch (d) {
+          L(d), x.value = "form";
+        } finally {
+          k.value = !1;
+        }
+      }
+    }
+    Pe(() => clearTimeout(Z));
+    const j = h(() => c.value?.status === "done" || c.value?.status === "failed");
+    function ee() {
+      E(c.value && c.value.done > 0 ? c.value : null);
+    }
+    const se = (d) => d[K.active.value] ?? Object.values(d)[0] ?? "", le = h(() => [
+      { key: "address", label: r("generate.column-address"), minWidth: 180 },
+      { key: "title", label: r("generate.column-h1"), minWidth: 180, hideBelow: 560 },
+      { key: "count", label: r("generate.column-count"), width: 100, align: "right" },
+      { key: "conflict", label: r("generate.column-conflict"), minWidth: 180 }
+    ]), de = h(
+      () => (y.value?.rows ?? []).map((d, o) => ({ ...d, id: o }))
+    );
+    return (d, o) => (v(), V(e(Re), {
+      open: e(D),
+      "onUpdate:open": [
+        o[12] || (o[12] = (s) => Ae(D) ? D.value = s : null),
+        o[13] || (o[13] = (s) => !s && ee())
+      ],
+      title: e(r)("generate.title"),
+      width: x.value === "form" ? 600 : 860
+    }, {
+      footer: l(() => [
+        t(e(Fe), { size: "sm" }, {
+          default: l(() => [
+            x.value === "form" ? (v(), w(ne, { key: 0 }, [
+              t(e(G), {
+                variant: "outline",
+                onClick: ee
+              }, {
+                default: l(() => [
+                  m(p(e(r)("panel.cancel")), 1)
+                ]),
+                _: 1
+              }),
+              t(e(G), {
+                type: "primary",
+                loading: k.value,
+                disabled: !oe.value,
+                onClick: re
+              }, {
+                default: l(() => [
+                  m(p(e(r)("generate.preview")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "disabled"])
+            ], 64)) : x.value === "preview" ? (v(), w(ne, { key: 1 }, [
+              t(e(G), {
+                variant: "outline",
+                onClick: o[11] || (o[11] = (s) => x.value = "form")
+              }, {
+                default: l(() => [
+                  m(p(e(r)("generate.back")), 1)
+                ]),
+                _: 1
+              }),
+              t(e(G), {
+                type: "primary",
+                loading: k.value,
+                disabled: (y.value?.free ?? 0) === 0,
+                onClick: M
+              }, {
+                default: l(() => [
+                  m(p(e(r)("generate.run", { count: y.value?.free ?? 0 })), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "disabled"])
+            ], 64)) : (v(), V(e(G), {
+              key: 2,
+              type: "primary",
+              disabled: !j.value,
+              onClick: ee
+            }, {
+              default: l(() => [
+                m(p(e(r)("generate.close")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]))
+          ]),
+          _: 1
+        })
+      ]),
+      default: l(() => [
+        f.value ? (v(), V(e(ge), {
+          key: 0,
+          type: "danger"
+        }, {
+          default: l(() => [
+            m(p(f.value), 1)
+          ]),
+          _: 1
+        })) : H("", !0),
+        x.value === "form" ? (v(), w("div", Ze, [
+          t(e(b), {
+            label: e(r)("generate.bases"),
+            help: e(r)("generate.bases-help"),
+            error: Y("categories"),
+            required: ""
+          }, {
+            default: l(() => [
+              t(e(we), {
+                "model-value": W.value,
+                nodes: e(T).nodes.value ?? [],
+                "node-key": "id",
+                "label-key": "name",
+                "children-key": "children",
+                multiple: "",
+                "check-strictly": "",
+                filterable: "",
+                clearable: "",
+                "onUpdate:modelValue": o[0] || (o[0] = (s) => W.value = Array.isArray(s) ? s.map(Number) : s ? [Number(s)] : [])
+              }, null, 8, ["model-value", "nodes"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"]),
+          t(e(b), null, {
+            default: l(() => [
+              t(e(J), {
+                modelValue: Q.value,
+                "onUpdate:modelValue": o[1] || (o[1] = (s) => Q.value = s)
+              }, {
+                default: l(() => [
+                  m(p(e(r)("generate.subtree")), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          t(e(b), {
+            label: e(r)("generate.facet"),
+            error: Y("facet"),
+            required: ""
+          }, {
+            default: l(() => [
+              t(e(fe), {
+                modelValue: U.value,
+                "onUpdate:modelValue": o[2] || (o[2] = (s) => U.value = s),
+                options: B.value,
+                disabled: W.value.length === 0
+              }, null, 8, ["modelValue", "options", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          t(e(b), {
+            label: e(r)("generate.values"),
+            help: e(r)("generate.values-help")
+          }, {
+            default: l(() => [
+              t(e(fe), {
+                modelValue: z.value,
+                "onUpdate:modelValue": o[3] || (o[3] = (s) => z.value = s),
+                options: ue.value,
+                multiple: "",
+                filterable: "",
+                clearable: "",
+                disabled: U.value === null
+              }, null, 8, ["modelValue", "options", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"]),
+          t(e(b), {
+            label: e(r)("generate.min-products"),
+            help: e(r)("generate.min-products-help")
+          }, {
+            default: l(() => [
+              t(e(De), {
+                modelValue: F.value,
+                "onUpdate:modelValue": o[4] || (o[4] = (s) => F.value = s),
+                min: 0,
+                disabled: z.value.length > 0
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"]),
+          t(e(R), { weight: "medium" }, {
+            default: l(() => [
+              m(p(e(r)("generate.templates")), 1)
+            ]),
+            _: 1
+          }),
+          t(e(R), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: l(() => [
+              m(p(e(r)("generate.templates-help")), 1)
+            ]),
+            _: 1
+          }),
+          t(e(b), {
+            label: e(r)("generate.slug"),
+            error: Y("slug")
+          }, {
+            default: l(() => [
+              t(e(ae), {
+                modelValue: _.value.slug,
+                "onUpdate:modelValue": o[5] || (o[5] = (s) => _.value.slug = s),
+                placeholder: "{category}-{value}"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          t(e(b), {
+            label: e(r)("generate.name")
+          }, {
+            default: l(() => [
+              t(e(ae), {
+                modelValue: _.value.name,
+                "onUpdate:modelValue": o[6] || (o[6] = (s) => _.value.name = s),
+                placeholder: "{category} {value}"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          t(e(b), {
+            label: e(r)("generate.h1")
+          }, {
+            default: l(() => [
+              t(e(ae), {
+                modelValue: _.value.h1,
+                "onUpdate:modelValue": o[7] || (o[7] = (s) => _.value.h1 = s),
+                placeholder: e(r)("generate.template-empty")
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          t(e(b), {
+            label: e(r)("generate.seo-title")
+          }, {
+            default: l(() => [
+              t(e(ae), {
+                modelValue: _.value.title,
+                "onUpdate:modelValue": o[8] || (o[8] = (s) => _.value.title = s),
+                placeholder: e(r)("generate.template-empty")
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          t(e(b), {
+            label: e(r)("generate.seo-description")
+          }, {
+            default: l(() => [
+              t(e(ae), {
+                modelValue: _.value.description,
+                "onUpdate:modelValue": o[9] || (o[9] = (s) => _.value.description = s),
+                placeholder: e(r)("generate.template-empty")
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          t(e(b), null, {
+            default: l(() => [
+              t(e(J), {
+                modelValue: N.value,
+                "onUpdate:modelValue": o[10] || (o[10] = (s) => N.value = s)
+              }, {
+                default: l(() => [
+                  m(p(e(r)("generate.publish")), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ])) : x.value === "preview" && y.value ? (v(), w("div", el, [
+          t(e(R), null, {
+            default: l(() => [
+              m(p(y.value.free > 0 ? e(r)("generate.summary", { free: y.value.free, skipped: y.value.total - y.value.free }) : e(r)("generate.nothing")), 1)
+            ]),
+            _: 1
+          }),
+          t(e(Ve), {
+            data: de.value,
+            columns: le.value,
+            "row-key": "id",
+            flush: "",
+            layout: "fixed"
+          }, {
+            "cell-address": l(({ row: s }) => [
+              P("span", ll, "/" + p(se(s.slug)) + "/", 1)
+            ]),
+            "cell-title": l(({ row: s }) => [
+              m(p(se(Object.keys(s.h1).length > 0 ? s.h1 : s.name)), 1)
+            ]),
+            "cell-conflict": l(({ row: s }) => [
+              s.conflict ? (v(), V(e(R), {
+                key: 0,
+                size: "sm",
+                tone: "warning"
+              }, {
+                default: l(() => [
+                  m(p(s.message), 1)
+                ]),
+                _: 2
+              }, 1024)) : H("", !0)
+            ]),
+            _: 1
+          }, 8, ["data", "columns"])
+        ])) : x.value === "run" && c.value ? (v(), w("div", al, [
+          j.value ? (v(), V(e(ge), {
+            key: 1,
+            type: c.value.status === "failed" ? "danger" : "success"
+          }, {
+            default: l(() => [
+              m(p(c.value.status === "failed" ? e(r)("generate.failed") : e(r)("generate.done", { done: c.value.done, skipped: c.value.skipped, failed: c.value.failed })), 1)
+            ]),
+            _: 1
+          }, 8, ["type"])) : (v(), w(ne, { key: 0 }, [
+            t(e(R), null, {
+              default: l(() => [
+                m(p(e(r)("generate.running")), 1)
+              ]),
+              _: 1
+            }),
+            t(e(Ee), {
+              value: c.value.done + c.value.failed,
+              max: Math.max(1, c.value.total - c.value.skipped)
+            }, null, 8, ["value", "max"])
+          ], 64)),
+          c.value.errors.length > 0 ? (v(), w("ul", tl, [
+            (v(!0), w(ne, null, ke(c.value.errors, (s, ce) => (v(), w("li", { key: ce }, [
+              P("strong", null, "/" + p(s.slug) + "/", 1),
+              m(" — " + p(s.message), 1)
+            ]))), 128))
+          ])) : H("", !0)
+        ])) : H("", !0)
+      ]),
+      _: 1
+    }, 8, ["open", "title", "width"]));
+  }
+}), ul = /* @__PURE__ */ Se(nl, [["__scopeId", "data-v-9deeece3"]]), ol = { class: "wx-catalog-landings" }, sl = { class: "wx-catalog-landings__name" }, il = { class: "wx-catalog-landings__title" }, rl = { class: "wx-catalog-landings__slug" }, dl = { class: "wx-catalog-landings__chips" }, cl = {
+  key: 2,
+  class: "wx-catalog-landings__count"
+}, pl = { class: "wx-catalog-landings__state" }, vl = { class: "wx-catalog-landings__sr" }, pe = "root", ml = /* @__PURE__ */ he({
+  name: "WxCatalogLandingsPage",
+  __name: "LandingsPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(me) {
+    const D = me, E = We(), A = $e(E), S = ze(E), T = Le(), K = Oe(), r = xe();
+    qe();
+    const u = ve(Ce), x = ve("webx-admin"), W = Ue(), Q = je(ul), U = h(() => `${D.base}/landings`), z = h(() => E.can("catalog.manage")), F = g(null), _ = g(!0), N = (n) => T.query[n] === "1", $ = g(String(T.query.q ?? "")), q = g(Number(T.query.page ?? 1) || 1), f = g(T.query.category ? String(T.query.category) : null), k = g(N("attention")), y = g(N("published")), c = g(N("empty")), B = g(N("trashed"));
+    let ue = 25;
+    const X = h(
+      () => E.state.manifest?.modules.find((n) => n.id === "catalog-landings")?.title ?? u("module.title")
+    ), oe = h(() => [
+      {
+        id: pe,
+        name: u("landing.whole-catalog"),
+        parent_id: null,
+        children: []
+      },
+      ...S.nodes.value ?? []
+    ]), Y = h(() => {
+      if (f.value === null) return "";
+      if (f.value === pe) return u("landing.whole-catalog");
+      const n = (i) => i.reduce(
+        (a, C) => a || (String(C.id) === f.value ? C.name : n(C.children ?? [])),
+        ""
+      );
+      return n(S.nodes.value ?? []) || `#${f.value}`;
+    }), L = h(() => {
+      const n = [];
+      f.value !== null && n.push({
+        key: "base",
+        label: `${u("panel.filter-base")}: ${Y.value}`,
+        clear: () => f.value = null
+      });
+      for (const [i, a, C] of [
+        ["attention", k, "panel.filter-attention"],
+        ["published", y, "panel.filter-published"],
+        ["empty", c, "panel.filter-empty"],
+        ["trashed", B, "panel.filter-trashed"]
+      ])
+        a.value && n.push({ key: i, label: u(C), clear: () => a.value = !1 });
+      return n;
+    });
+    function re() {
+      f.value = null, k.value = !1, y.value = !1, c.value = !1, B.value = !1;
+    }
+    function Z(n) {
+      return {
+        q: n?.search ?? $.value,
+        category: f.value ?? void 0,
+        attention: k.value || void 0,
+        published: y.value || void 0,
+        empty: c.value || void 0,
+        trashed: B.value || void 0,
+        page: n?.page ?? q.value,
+        per_page: n?.perPage ?? ue
+      };
+    }
+    let O = 0;
+    async function M(n) {
+      const i = ++O;
+      _.value = !0;
+      try {
+        const a = await A.list(Z(n));
+        i === O && (F.value = a);
+      } catch (a) {
+        I.danger(W(a));
+      } finally {
+        i === O && (_.value = !1);
+      }
+    }
+    function j() {
+      const n = {}, i = Z();
+      i.q && (n.q = i.q), i.category && (n.category = i.category), i.page && i.page > 1 && (n.page = String(i.page));
+      for (const a of ["attention", "published", "empty", "trashed"])
+        i[a] && (n[a] = "1");
+      K.replace({ query: n });
+    }
+    function ee(n) {
+      ue = n.perPage, M(n);
+    }
+    ie([f, k, y, c, B], () => {
+      q.value = 1, j(), M();
+    }), ie([$, q], j);
+    const se = h(() => [
+      { key: "name", label: u("panel.column-name"), minWidth: 220 },
+      { key: "category", label: u("panel.column-base"), width: 180, hideBelow: 760 },
+      { key: "chips", label: u("panel.column-set"), minWidth: 180, hideBelow: 640 },
+      { key: "products_count", label: u("panel.column-count"), width: 110, align: "right" },
+      { key: "state", label: u("panel.column-state"), width: 170, hideBelow: 900 },
+      { key: "updated_at", label: u("panel.column-updated"), width: 130, hideBelow: 1180 },
+      { key: "actions", label: "", width: Je, align: "right" }
+    ]), le = (n) => be(n.name, r.active.value, "") || `#${n.id}`, de = (n) => be(n.slug, r.active.value, "");
+    function d(n) {
+      K.push(`${U.value}/${n.id}`);
+    }
+    async function o(n, i) {
+      try {
+        await A.publish(n.id, i), I.success(u(i ? "panel.published-toast" : "panel.unpublished-toast")), await M();
+      } catch (a) {
+        I.danger(W(a));
+      }
+    }
+    async function s(n) {
+      if (await He({
+        title: u("panel.delete-title", { name: le(n) }),
+        message: u("panel.delete-text"),
+        confirmText: u("panel.delete"),
+        cancelText: u("panel.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await A.remove(n.id), I.success(u("panel.deleted")), await M();
+        } catch (a) {
+          I.danger(W(a));
+        }
+    }
+    async function ce(n) {
+      try {
+        await A.restore(n.id), I.success(u("panel.restored")), await M();
+      } catch (i) {
+        I.danger(W(i));
+      }
+    }
+    function Te(n) {
+      if (n.deleted_at !== null)
+        return z.value ? [
+          {
+            key: "restore",
+            icon: "refresh",
+            label: u("panel.restore"),
+            run: () => {
+              ce(n);
+            }
+          }
+        ] : [];
+      const i = [
+        { key: "open", icon: "edit", label: u("panel.open"), run: () => d(n) }
+      ];
+      return n.url && i.push({ key: "site", icon: "link", label: u("panel.open-site"), href: n.url }), z.value && i.push(
+        n.is_published ? {
+          key: "unpublish",
+          icon: "eye-off",
+          label: u("panel.unpublish"),
+          run: () => {
+            o(n, !1);
+          }
+        } : {
+          key: "publish",
+          icon: "eye",
+          label: u("panel.publish"),
+          run: () => {
+            o(n, !0);
+          }
+        },
+        {
+          key: "delete",
+          icon: "trash",
+          label: u("panel.delete"),
+          danger: !0,
+          run: () => {
+            s(n);
+          }
+        }
+      ), i;
+    }
+    async function Ne() {
+      await Q({ base: D.base }) && await M();
+    }
+    const Be = h(
+      () => z.value ? [
+        {
+          key: "new",
+          label: u("panel.new"),
+          icon: "plus",
+          primary: !0,
+          run: () => {
+            K.push({
+              path: `${U.value}/new`,
+              query: f.value && f.value !== pe ? { category: f.value } : {}
+            });
+          }
+        },
+        { key: "generate", label: u("panel.generate"), icon: "grid", run: () => {
+          Ne();
+        } }
+      ] : []
+    ), Me = h(
+      () => L.value.length > 0 || $.value ? u("panel.nothing-found") : u("panel.empty")
+    );
+    return _e(() => {
+      S.load().catch(() => {
+      });
+    }), (n, i) => (v(), w("div", ol, [
+      t(e(Ke), {
+        title: X.value,
+        actions: Be.value
+      }, {
+        default: l(() => [
+          t(e(Ve), {
+            search: $.value,
+            "onUpdate:search": i[5] || (i[5] = (a) => $.value = a),
+            page: q.value,
+            "onUpdate:page": i[6] || (i[6] = (a) => q.value = a),
+            data: F.value,
+            columns: se.value,
+            "row-key": "id",
+            searchable: "",
+            clickable: "",
+            hover: "",
+            flush: "",
+            loading: _.value,
+            layout: "fixed",
+            "filters-count": L.value.length,
+            "filters-label": e(x)("filters.title"),
+            "search-placeholder": e(u)("panel.search"),
+            "empty-text": Me.value,
+            "aria-label": X.value,
+            onRowClick: d,
+            onStateChange: ee
+          }, {
+            filters: l(() => [
+              t(e(b), {
+                label: e(u)("panel.filter-base")
+              }, {
+                default: l(() => [
+                  t(e(we), {
+                    "model-value": f.value,
+                    nodes: oe.value,
+                    "node-key": "id",
+                    "label-key": "name",
+                    "children-key": "children",
+                    "check-strictly": "",
+                    filterable: "",
+                    clearable: "",
+                    size: "sm",
+                    "onUpdate:modelValue": i[0] || (i[0] = (a) => f.value = a == null || Array.isArray(a) ? null : String(a))
+                  }, null, 8, ["model-value", "nodes"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(e(b), null, {
+                default: l(() => [
+                  t(e(J), {
+                    modelValue: k.value,
+                    "onUpdate:modelValue": i[1] || (i[1] = (a) => k.value = a),
+                    size: "sm",
+                    label: e(u)("panel.filter-attention")
+                  }, null, 8, ["modelValue", "label"])
+                ]),
+                _: 1
+              }),
+              t(e(b), null, {
+                default: l(() => [
+                  t(e(J), {
+                    modelValue: y.value,
+                    "onUpdate:modelValue": i[2] || (i[2] = (a) => y.value = a),
+                    size: "sm",
+                    label: e(u)("panel.filter-published")
+                  }, null, 8, ["modelValue", "label"])
+                ]),
+                _: 1
+              }),
+              t(e(b), null, {
+                default: l(() => [
+                  t(e(J), {
+                    modelValue: c.value,
+                    "onUpdate:modelValue": i[3] || (i[3] = (a) => c.value = a),
+                    size: "sm",
+                    label: e(u)("panel.filter-empty")
+                  }, null, 8, ["modelValue", "label"])
+                ]),
+                _: 1
+              }),
+              t(e(b), null, {
+                default: l(() => [
+                  t(e(J), {
+                    modelValue: B.value,
+                    "onUpdate:modelValue": i[4] || (i[4] = (a) => B.value = a),
+                    size: "sm",
+                    label: e(u)("panel.filter-trashed")
+                  }, null, 8, ["modelValue", "label"])
+                ]),
+                _: 1
+              }),
+              L.value.length > 0 ? (v(), V(e(G), {
+                key: 0,
+                variant: "text",
+                size: "sm",
+                block: "",
+                onClick: re
+              }, {
+                icon: l(() => [
+                  t(e(ye), { name: "close" })
+                ]),
+                default: l(() => [
+                  m(" " + p(e(x)("filters.reset")), 1)
+                ]),
+                _: 1
+              })) : H("", !0)
+            ]),
+            applied: l(() => [
+              t(e(Ye), { filters: L.value }, null, 8, ["filters"])
+            ]),
+            "cell-name": l(({ row: a }) => [
+              P("div", sl, [
+                P("span", il, p(le(a)), 1),
+                P("span", rl, "/" + p(de(a)) + "/", 1)
+              ])
+            ]),
+            "cell-category": l(({ row: a }) => [
+              t(e(R), {
+                size: "sm",
+                truncate: "",
+                tone: a.category === null ? "muted" : void 0
+              }, {
+                default: l(() => [
+                  m(p(a.category ?? e(u)("landing.whole-catalog")), 1)
+                ]),
+                _: 2
+              }, 1032, ["tone"])
+            ]),
+            "cell-chips": l(({ row: a }) => [
+              P("div", dl, [
+                (v(!0), w(ne, null, ke(a.chips, (C) => (v(), V(e(te), {
+                  key: C.key,
+                  size: "sm",
+                  variant: "soft"
+                }, {
+                  default: l(() => [
+                    m(p(C.label) + ": " + p(C.text), 1)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ])
+            ]),
+            "cell-products_count": l(({ row: a }) => [
+              a.products_count === null ? (v(), V(e(R), {
+                key: 0,
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: l(() => [
+                  m(p(e(u)("panel.not-counted")), 1)
+                ]),
+                _: 1
+              })) : a.products_count === 0 ? (v(), V(e(te), {
+                key: 1,
+                type: "warning",
+                size: "sm",
+                round: ""
+              }, {
+                default: l(() => [...i[7] || (i[7] = [
+                  m("0", -1)
+                ])]),
+                _: 1
+              })) : (v(), w("span", cl, p(a.products_count), 1))
+            ]),
+            "cell-state": l(({ row: a }) => [
+              P("div", pl, [
+                a.deleted_at ? (v(), V(e(te), {
+                  key: 0,
+                  dot: "",
+                  size: "sm"
+                }, {
+                  default: l(() => [
+                    m(p(e(u)("panel.in-bin")), 1)
+                  ]),
+                  _: 1
+                })) : (v(), V(e(te), {
+                  key: 1,
+                  type: a.is_published ? "success" : "default",
+                  dot: "",
+                  size: "sm"
+                }, {
+                  default: l(() => [
+                    m(p(e(u)(a.is_published ? "panel.published" : "panel.unpublished")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type"])),
+                a.attention ? (v(), V(e(Ge), {
+                  key: 2,
+                  content: e(u)(`landing.attention-${a.attention}`)
+                }, {
+                  default: l(() => [
+                    t(e(te), {
+                      type: "warning",
+                      size: "sm",
+                      round: ""
+                    }, {
+                      default: l(() => [
+                        t(e(ye), {
+                          name: "warning",
+                          size: "sm"
+                        }),
+                        P("span", vl, p(e(u)("landing.attention")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : H("", !0)
+              ])
+            ]),
+            "cell-updated_at": l(({ row: a }) => [
+              t(e(Xe), {
+                value: a.updated_at,
+                compact: ""
+              }, null, 8, ["value"])
+            ]),
+            "cell-actions": l(({ row: a }) => [
+              t(e(Qe), {
+                actions: Te(a),
+                label: le(a)
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 1
+          }, 8, ["search", "page", "data", "columns", "loading", "filters-count", "filters-label", "search-placeholder", "empty-text", "aria-label"])
+        ]),
+        _: 1
+      }, 8, ["title", "actions"])
+    ]));
+  }
+}), kl = /* @__PURE__ */ Se(ml, [["__scopeId", "data-v-eccbf1d9"]]);
+export {
+  kl as default
+};
+//# sourceMappingURL=LandingsPage-BAIQAJv2.js.map