@webx-ui/module-catalog 0.8.9 → 0.9.0

package/dist/ProductsPage-BBmw9W4m.js

@@ -0,0 +1,963 @@
+import { defineComponent as ye, reactive as gl, computed as y, onMounted as ge, openBlock as o, createBlock as f, unref as a, isRef as fl, withCtx as u, createVNode as p, createTextVNode as g, toDisplayString as i, createElementBlock as x, Fragment as L, renderList as G, ref as C, onBeforeUnmount as bl, createCommentVNode as $, createElementVNode as A, useTemplateRef as kl, watch as Ae, createSlots as hl, normalizeClass as _l } from "vue";
+import { useRouter as De, useRoute as xl } from "vue-router";
+import { useAdmin as fe, useTranslate as ne, WxSourceSelect as wl, useErrorText as Ie, rowMenuWidth as Se, WxListScreen as $l, WxRowMenu as ql, WxDate as zl, WxFilterChips as Cl } from "@webx-ui/module-admin";
+import { useModal as Al, WxDialog as Sl, WxText as D, WxFormItem as de, WxTreeSelect as je, WxSelect as pe, WxInput as Wl, WxSpace as Vl, WxButton as E, createModal as ve, WxDropdown as Ul, WxDropdownItem as We, WxIcon as me, WxProgress as Tl, toast as S, useElementWidth as Bl, WxAlert as Ve, WxTable as Fl, WxEntityCard as El, WxBadge as Q, WxTooltip as Pl, WxInputNumber as Ue, WxSwitch as Rl, confirm as Nl } from "@webx-ui/core";
+import { u as Le, a as be, _ as ke, c as Ge, E as Ol, b as Ml, d as Dl, r as Il, f as jl, C as Te, F as Be, w as Ll } from "./index-BTEbHnJ5.js";
+const Gl = /* @__PURE__ */ ye({
+  __name: "BulkParamsDialog",
+  props: {
+    action: {},
+    count: {}
+  },
+  setup(z) {
+    const W = z, { open: w, resolve: P, dismiss: R } = Al(), q = fe(), v = Le(q);
+    be();
+    const _ = ne("webx-catalog"), t = gl({}), V = y(
+      () => W.action.params.every(
+        (b) => !b.rules?.includes("required") || t[b.name] !== void 0 && t[b.name] !== null && t[b.name] !== ""
+      )
+    );
+    ge(() => {
+      W.action.params.some((b) => b.type === "category") && v.load().catch(() => {
+      });
+    });
+    function N(b) {
+      return Array.isArray(b.values) ? b.values.map(
+        (d) => typeof d == "object" ? { value: d.value, label: d.label } : { value: d, label: String(d) }
+      ) : [];
+    }
+    function T(b) {
+      return b.rules?.includes("required") ?? !1;
+    }
+    function B(b, d) {
+      t[b.name] = Array.isArray(d) ? d[0] ?? null : d;
+    }
+    function r() {
+      V.value && P({ ...t });
+    }
+    return (b, d) => (o(), f(a(Sl), {
+      open: a(w),
+      "onUpdate:open": d[1] || (d[1] = (s) => fl(w) ? w.value = s : null),
+      title: a(_)("panel.bulk-confirm-title", { action: z.action.label }),
+      width: 440
+    }, {
+      footer: u(() => [
+        p(a(Vl), { size: "sm" }, {
+          default: u(() => [
+            p(a(E), {
+              variant: "outline",
+              onClick: d[0] || (d[0] = (s) => a(R)())
+            }, {
+              default: u(() => [
+                g(i(a(_)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            p(a(E), {
+              type: z.action.permission === "catalog.delete" && !z.action.trashed ? "danger" : "primary",
+              disabled: !V.value,
+              onClick: r
+            }, {
+              default: u(() => [
+                g(i(a(_)("panel.bulk-apply")), 1)
+              ]),
+              _: 1
+            }, 8, ["type", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: u(() => [
+        p(a(D), {
+          tone: "muted",
+          size: "sm"
+        }, {
+          default: u(() => [
+            g(i(a(_)("panel.bulk-confirm-text", { count: z.count })), 1)
+          ]),
+          _: 1
+        }),
+        (o(!0), x(L, null, G(z.action.params, (s) => (o(), f(a(de), {
+          key: s.name,
+          label: s.label,
+          required: T(s),
+          class: "wx-catalog-bulk-params__field"
+        }, {
+          default: u(() => [
+            s.type === "category" ? (o(), f(a(je), {
+              key: 0,
+              "model-value": t[s.name] ?? null,
+              nodes: a(v).nodes.value ?? [],
+              "node-key": "id",
+              "label-key": "name",
+              "children-key": "children",
+              "check-strictly": "",
+              filterable: "",
+              placeholder: a(_)("panel.pick-category"),
+              "filter-placeholder": a(_)("panel.search-categories"),
+              "aria-label": s.label,
+              "onUpdate:modelValue": (k) => B(s, k)
+            }, null, 8, ["model-value", "nodes", "placeholder", "filter-placeholder", "aria-label", "onUpdate:modelValue"])) : s.source ? (o(), f(a(wl), {
+              key: 1,
+              "model-value": t[s.name] ?? null,
+              source: s.source,
+              filterable: "",
+              clearable: !T(s),
+              placeholder: T(s) ? void 0 : a(_)("panel.bulk-param-empty"),
+              "aria-label": s.label,
+              "onUpdate:modelValue": (k) => t[s.name] = k
+            }, null, 8, ["model-value", "source", "clearable", "placeholder", "aria-label", "onUpdate:modelValue"])) : Array.isArray(s.values) ? (o(), f(a(pe), {
+              key: 2,
+              "model-value": t[s.name] ?? null,
+              options: N(s),
+              "aria-label": s.label,
+              "onUpdate:modelValue": (k) => t[s.name] = k
+            }, null, 8, ["model-value", "options", "aria-label", "onUpdate:modelValue"])) : (o(), f(a(Wl), {
+              key: 3,
+              modelValue: t[s.name],
+              "onUpdate:modelValue": (k) => t[s.name] = k,
+              "aria-label": s.label
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-label"]))
+          ]),
+          _: 2
+        }, 1032, ["label", "required"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Jl = /* @__PURE__ */ ke(Gl, [["__scopeId", "data-v-7cf01e29"]]), Xl = { class: "wx-catalog-bulk" }, Yl = {
+  key: 1,
+  class: "wx-catalog-bulk__progress",
+  role: "status"
+}, Ql = {
+  key: 2,
+  class: "wx-catalog-bulk__refused"
+}, Hl = { class: "wx-catalog-bulk__errors" }, Fe = 1500, Kl = /* @__PURE__ */ ye({
+  __name: "BulkBar",
+  props: {
+    count: {},
+    selection: {},
+    base: { default: "/catalog" }
+  },
+  emits: ["finished"],
+  setup(z, { emit: W }) {
+    const w = z, P = W, R = fe(), q = Ge(R);
+    be();
+    const v = ne("webx-catalog"), _ = Ie(), t = ve(
+      Jl
+    ), V = ve(
+      Ol
+    ), N = De();
+    async function T() {
+      const c = await V({ selection: w.selection, count: w.count });
+      c && (S.success(v("panel.exchange-export-started")), N.push({ path: `${w.base}/exchange`, query: { run: String(c.id) } }));
+    }
+    const B = C([]), r = C(null), b = C(!1);
+    let d;
+    const s = y(
+      () => r.value !== null && (r.value.status === "queued" || r.value.status === "running")
+    ), k = y(
+      () => r.value !== null && !s.value && r.value.failed > 0 ? r.value : null
+    );
+    ge(async () => {
+      try {
+        B.value = await q.bulkActions();
+      } catch {
+        B.value = [];
+      }
+    }), bl(() => clearTimeout(d));
+    function O(c) {
+      return c.params.length > 0 || c.permission === "catalog.delete" && !c.trashed;
+    }
+    async function J(c) {
+      let U = {};
+      if (O(c)) {
+        const h = await t({ action: c, count: w.count });
+        if (!h) return;
+        U = h;
+      }
+      b.value = !0;
+      try {
+        X(await q.startBulk(c.key, U, w.selection));
+      } catch (h) {
+        S.danger(_(h));
+      } finally {
+        b.value = !1;
+      }
+    }
+    function X(c) {
+      if (r.value = c, c.status === "queued" || c.status === "running") {
+        d = setTimeout(() => {
+          H(c.id);
+        }, Fe);
+        return;
+      }
+      Y(c);
+    }
+    async function H(c) {
+      try {
+        X(await q.bulkRun(c));
+      } catch {
+        d = setTimeout(() => {
+          H(c);
+        }, Fe * 2);
+      }
+    }
+    function Y(c) {
+      c.total === 0 ? S.warning(v("panel.bulk-nothing")) : c.status === "failed" ? S.danger(v("panel.bulk-stopped", { count: c.done })) : c.failed === 0 && S.success(v("panel.bulk-done", { count: c.done })), c.failed === 0 && c.status !== "failed" && (r.value = null), P(
+        "finished",
+        c.errors.map((U) => U.id)
+      );
+    }
+    return (c, U) => (o(), x("div", Xl, [
+      s.value ? $("", !0) : (o(), f(a(Ul), {
+        key: 0,
+        align: "start"
+      }, {
+        trigger: u(() => [
+          p(a(E), {
+            size: "sm",
+            variant: "outline",
+            loading: b.value
+          }, {
+            default: u(() => [
+              g(i(a(v)("panel.bulk-actions")) + " ", 1),
+              p(a(me), {
+                name: "chevron-down",
+                size: "sm"
+              })
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ]),
+        default: u(() => [
+          p(a(We), { onClick: T }, {
+            default: u(() => [
+              g(i(a(v)("panel.exchange-export")), 1)
+            ]),
+            _: 1
+          }),
+          (o(!0), x(L, null, G(B.value, (h) => (o(), f(a(We), {
+            key: h.key,
+            tone: h.permission === "catalog.delete" && !h.trashed ? "danger" : "default",
+            onClick: (K) => J(h)
+          }, {
+            default: u(() => [
+              g(i(h.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["tone", "onClick"]))), 128))
+        ]),
+        _: 1
+      })),
+      s.value && r.value ? (o(), x("div", Yl, [
+        p(a(Tl), {
+          value: r.value.done + r.value.failed,
+          max: Math.max(1, r.value.total),
+          size: "sm",
+          "aria-label": r.value.label
+        }, null, 8, ["value", "max", "aria-label"]),
+        p(a(D), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: u(() => [
+            g(i(r.value.label) + " · " + i(a(v)("panel.bulk-running", { done: r.value.done + r.value.failed, total: r.value.total })), 1)
+          ]),
+          _: 1
+        })
+      ])) : $("", !0),
+      k.value ? (o(), x("div", Ql, [
+        p(a(D), {
+          size: "sm",
+          weight: "medium"
+        }, {
+          default: u(() => [
+            g(i(k.value.label) + " · " + i(a(v)("panel.bulk-done", { count: k.value.done })) + " · " + i(a(v)("panel.bulk-refused", { count: k.value.failed })), 1)
+          ]),
+          _: 1
+        }),
+        A("details", Hl, [
+          A("summary", null, i(a(v)("panel.bulk-errors")), 1),
+          A("ul", null, [
+            (o(!0), x(L, null, G(k.value.errors, (h) => (o(), x("li", {
+              key: h.id
+            }, [
+              A("strong", null, i(h.name), 1),
+              g(" — " + i(h.message), 1)
+            ]))), 128))
+          ])
+        ]),
+        p(a(E), {
+          size: "sm",
+          variant: "text",
+          onClick: U[0] || (U[0] = (h) => r.value = null)
+        }, {
+          default: u(() => [
+            g(i(a(v)("panel.bulk-close")), 1)
+          ]),
+          _: 1
+        })
+      ])) : $("", !0)
+    ]));
+  }
+}), Zl = /* @__PURE__ */ ke(Kl, [["__scopeId", "data-v-228a8e67"]]), ea = {
+  key: 0,
+  class: "wx-catalog-products__selection"
+}, la = {
+  key: 3,
+  class: "wx-catalog-products__corrected"
+}, aa = {
+  key: 1,
+  class: "wx-catalog-products__range"
+}, ta = ["src"], na = { class: "wx-catalog-products__name" }, ua = { class: "wx-catalog-products__title" }, oa = { class: "wx-catalog-products__sku" }, sa = { class: "wx-catalog-products__price" }, ia = { key: 0 }, ra = { key: 0 }, Ee = 640, Pe = 180, Re = 120, Ne = 140, Oe = 120, Me = 130, ca = /* @__PURE__ */ ye({
+  __name: "ProductsPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(z) {
+    const W = z, w = fe(), P = Ge(w), R = Le(w), q = Ml(w), v = xl(), _ = De();
+    be();
+    const t = ne("webx-catalog"), V = ne("webx-admin"), N = Ie(), T = kl("root"), B = Bl(T), r = C(null), b = C(!0), d = C([]), s = C(!1), k = C(typeof v.query.q == "string" ? v.query.q : ""), O = C(Number(v.query.page ?? 1) || 1), J = C(null), X = y(() => r.value?.corrected ?? null), H = y(() => r.value?.fell_back === !0), Y = y(() => r.value?.outgrown ?? null);
+    let c;
+    const U = ve(Dl), h = y(() => w.can("catalog.manage")), K = y(() => w.can("catalog.delete")), he = y(() => t("module.products")), M = y({
+      get: () => typeof v.query.view == "string" ? v.query.view : "",
+      set: (e) => {
+        _.replace({
+          query: { ...v.query, view: e === "" ? void 0 : String(e), page: void 0 }
+        });
+      }
+    }), Je = y(
+      () => q.sorts.value.length > 0 ? q.sorts.value : [{ key: "default", label: t("panel.sort-default") }]
+    ), Z = y(() => {
+      const e = v.query.sort;
+      return typeof e == "string" && q.sorts.value.some((n) => n.key === e) ? e : "default";
+    }), ue = y(() => q.facets.value ?? []), F = y(() => Il(v.query, ue.value)), Xe = y(() => {
+      const e = r.value?.counts.no_category ?? 0;
+      return [
+        { value: "", label: t("panel.view-all") },
+        { value: "published", label: t("panel.view-published") },
+        { value: "unpublished", label: t("panel.view-unpublished") },
+        {
+          value: "no-category",
+          label: t("panel.view-no-category"),
+          badge: e > 0 ? e : void 0
+        }
+      ];
+    }), _e = y(() => (r.value?.data ?? []).some((e) => "price" in e)), ee = y(() => r.value?.columns ?? []), Ye = y(() => B.value > 0 && B.value < Ee), Qe = y(
+      () => new Map(jl(R.nodes.value ?? []).map((e) => [String(e.id), e.name]))
+    ), xe = 108 + Pe + Ne + Oe + Me + Se, we = (e) => xe + Re * (e + 1), He = y(() => Ye.value ? [{ key: "card", label: "" }] : [
+      { key: "image", label: "", width: 64 },
+      { key: "name", label: t("panel.column-product"), minWidth: Pe },
+      { key: "category", label: t("product.category"), width: Ne, hideBelow: xe },
+      ..._e.value ? [{ key: "price", label: t("product.price"), width: Oe, align: "right" }] : [],
+      ...ee.value.map((e, n) => ({
+        key: `x.${e.key}`,
+        label: e.label,
+        width: Re,
+        hideBelow: we(n)
+      })),
+      { key: "state", label: t("panel.column-state"), width: Me, hideBelow: 720 },
+      {
+        key: "updated_at",
+        label: t("panel.column-updated"),
+        width: 130,
+        hideBelow: Math.max(1180, we(ee.value.length - 1) + 130)
+      },
+      { key: "actions", label: "", width: Se, align: "right" }
+    ]);
+    function Ke(e) {
+      const n = e?.search ?? k.value;
+      return {
+        q: n,
+        typed: J.value !== null && J.value === n,
+        state: M.value,
+        sort: Z.value,
+        page: e?.page ?? O.value,
+        per_page: e?.perPage ?? c,
+        facets: F.value
+      };
+    }
+    let oe = 0;
+    async function I(e) {
+      const n = ++oe;
+      b.value = !0;
+      try {
+        const l = await P.products(Ke(e));
+        n === oe && (r.value = l);
+      } catch (l) {
+        S.danger(N(l));
+      } finally {
+        n === oe && (b.value = !1);
+      }
+    }
+    function Ze(e) {
+      c = e.perPage;
+      const n = {
+        ...v.query,
+        q: e.search === "" ? void 0 : e.search,
+        page: e.page === 1 ? void 0 : String(e.page)
+      };
+      _.replace({ query: n }), I(e);
+    }
+    function j(e, n) {
+      _.replace({
+        query: { ...v.query, [`${Be}${e}`]: Ll(n), page: void 0 }
+      });
+    }
+    function el(e) {
+      _.replace({
+        query: {
+          ...v.query,
+          sort: typeof e == "string" && e !== "default" ? e : void 0,
+          page: void 0
+        }
+      });
+    }
+    function ll() {
+      const e = Object.fromEntries(
+        Object.entries(v.query).filter(([n]) => !n.startsWith(Be))
+      );
+      _.replace({ query: { ...e, page: void 0 } });
+    }
+    function al(e) {
+      const n = r.value?.facets?.[e]?.values ?? [], l = n.map((m) => ({
+        value: m.value,
+        label: `${m.label} (${m.count})`
+      }));
+      for (const m of se(e))
+        n.some((yl) => yl.value === m) || l.push({ value: m, label: m });
+      return l;
+    }
+    function tl(e, n) {
+      return e.kind === "tree" ? Qe.value.get(String(n)) ?? `#${n}` : r.value?.facets?.[e.key]?.values?.find((l) => l.value === String(n))?.label ?? String(n);
+    }
+    function $e(e, n) {
+      const l = r.value?.facets?.[e]?.[n];
+      return typeof l == "number" ? ze.value.format(l) : "";
+    }
+    const le = y(
+      () => ue.value.flatMap((e) => {
+        const n = F.value[e.key];
+        if (n === void 0) return [];
+        let l;
+        return n === !0 ? l = e.label : Array.isArray(n) ? l = `${e.label}: ${n.map((m) => tl(e, m)).join(", ")}` : l = `${e.label}: ${n.min ?? "…"} – ${n.max ?? "…"}`, [{ key: e.key, label: l, clear: () => j(e.key, null) }];
+      })
+    ), nl = y(() => k.value !== "" || le.value.length > 0 || M.value !== "" ? t("panel.empty-search") : t("panel.empty-products"));
+    function ae(e) {
+      const n = F.value[e];
+      return n && !Array.isArray(n) && n !== !0 ? n : {};
+    }
+    function se(e) {
+      const n = F.value[e];
+      return Array.isArray(n) ? n.map(String) : [];
+    }
+    function ul(e) {
+      return se(e).map(Number);
+    }
+    const te = y(() => r.value?.total ?? 0), ol = y(() => {
+      if (!s.value) return { ids: d.value.map(Number) };
+      const e = {};
+      for (const [n, l] of Object.entries(F.value))
+        e[n] = l === !0 ? ["1"] : l;
+      return { query: { q: k.value, state: String(M.value), facets: e } };
+    });
+    function sl() {
+      d.value = [], s.value = !1;
+    }
+    function il() {
+      J.value = k.value, I();
+    }
+    function rl(e) {
+      s.value = !1, d.value = e, I();
+    }
+    Ae([M, Z, () => JSON.stringify(F.value), k], () => {
+      s.value = !1;
+    }), Ae([M, Z, () => JSON.stringify(F.value)], () => {
+      O.value !== 1 ? O.value = 1 : I();
+    }), ge(() => {
+      q.load().catch(() => {
+      }), R.load().catch(() => {
+      });
+    });
+    function ie(e) {
+      _.push({ path: `${W.base}/products/${e.id}` });
+    }
+    async function cl() {
+      const e = await U({});
+      e && ie(e.product);
+    }
+    async function qe(e, n) {
+      try {
+        await P.saveProduct(e.id, { is_published: n }), S.success(t(n ? "panel.product-published" : "panel.product-unpublished")), await I();
+      } catch (l) {
+        S.danger(N(l));
+      }
+    }
+    async function dl(e) {
+      if (await Nl({
+        title: t("panel.delete-product-title", { name: e.name }),
+        message: t("panel.delete-product-text"),
+        confirmText: t("panel.delete"),
+        cancelText: t("panel.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await P.removeProduct(e.id), d.value = d.value.filter((l) => l !== e.id), S.success(t("panel.product-deleted")), await I();
+        } catch (l) {
+          S.danger(N(l));
+        }
+    }
+    function pl(e) {
+      const n = [
+        { key: "open", icon: "edit", label: t("panel.open"), run: () => ie(e) }
+      ];
+      return e.url && n.push({ key: "site", icon: "link", label: t("panel.open-on-site"), href: e.url }), h.value && n.push(
+        e.is_published ? {
+          key: "unpublish",
+          icon: "eye-off",
+          label: t("panel.unpublish"),
+          run: () => {
+            qe(e, !1);
+          }
+        } : {
+          key: "publish",
+          icon: "eye",
+          label: t("panel.publish"),
+          run: () => {
+            qe(e, !0);
+          }
+        }
+      ), K.value && n.push({
+        key: "delete",
+        icon: "trash",
+        label: t("panel.delete"),
+        danger: !0,
+        run: () => {
+          dl(e);
+        }
+      }), n;
+    }
+    function re(e) {
+      return e.is_published ? e.visible ? "success" : "warning" : "default";
+    }
+    const ze = y(
+      () => new Intl.NumberFormat(w.i18n.state.locale, {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 2
+      })
+    );
+    function ce(e) {
+      return e == null ? "—" : ze.value.format(e);
+    }
+    function Ce(e) {
+      return e.unit ? ` / ${t(`units.${e.unit}`)}` : "";
+    }
+    function vl(e) {
+      return Array.isArray(e) ? e.length > 0 : e != null && e !== "";
+    }
+    const ml = y(() => {
+      const e = [];
+      return h.value && e.push({
+        key: "new",
+        label: t("panel.new-product"),
+        icon: "plus",
+        primary: !0,
+        run: () => {
+          cl();
+        }
+      }), K.value && e.push({
+        key: "deleted",
+        label: t("module.deleted"),
+        icon: "trash",
+        menu: !0,
+        run: () => {
+          _.push(`${W.base}/deleted`);
+        }
+      }), e.push({
+        key: "exchange",
+        label: t("panel.exchange-title"),
+        icon: "file-csv",
+        menu: !0,
+        run: () => {
+          _.push(`${W.base}/exchange`);
+        }
+      }), e;
+    });
+    return (e, n) => (o(), x("div", {
+      ref_key: "root",
+      ref: T,
+      class: "wx-catalog-products"
+    }, [
+      p(a($l), {
+        view: M.value,
+        "onUpdate:view": n[4] || (n[4] = (l) => M.value = l),
+        title: he.value,
+        views: Xe.value,
+        actions: ml.value
+      }, {
+        default: u(() => [
+          d.value.length > 0 || s.value ? (o(), x("div", ea, [
+            p(a(D), {
+              size: "sm",
+              weight: "medium"
+            }, {
+              default: u(() => [
+                g(i(s.value ? a(t)("panel.selected-all", { count: te.value }) : a(t)("panel.selected", { count: d.value.length })), 1)
+              ]),
+              _: 1
+            }),
+            !s.value && te.value > d.value.length ? (o(), f(a(E), {
+              key: 0,
+              size: "sm",
+              variant: "text",
+              onClick: n[0] || (n[0] = (l) => s.value = !0)
+            }, {
+              default: u(() => [
+                g(i(a(t)("panel.select-all-found", { count: te.value })), 1)
+              ]),
+              _: 1
+            })) : $("", !0),
+            p(a(E), {
+              size: "sm",
+              variant: "text",
+              onClick: sl
+            }, {
+              default: u(() => [
+                g(i(a(t)("panel.select-clear")), 1)
+              ]),
+              _: 1
+            }),
+            h.value || K.value ? (o(), f(Zl, {
+              key: 1,
+              count: s.value ? te.value : d.value.length,
+              selection: ol.value,
+              base: W.base,
+              onFinished: rl
+            }, null, 8, ["count", "selection", "base"])) : $("", !0)
+          ])) : $("", !0),
+          H.value ? (o(), f(a(Ve), {
+            key: 1,
+            class: "wx-catalog-products__notice",
+            type: "warning"
+          }, {
+            default: u(() => [
+              g(i(a(t)("panel.fell-back")), 1)
+            ]),
+            _: 1
+          })) : $("", !0),
+          Y.value ? (o(), f(a(Ve), {
+            key: 2,
+            class: "wx-catalog-products__notice",
+            type: "warning"
+          }, {
+            default: u(() => [
+              g(i(a(t)("panel.outgrown", { live: Y.value.live, limit: Y.value.limit })), 1)
+            ]),
+            _: 1
+          })) : $("", !0),
+          X.value ? (o(), x("div", la, [
+            p(a(D), { size: "sm" }, {
+              default: u(() => [
+                g(i(a(t)("panel.search-corrected", { corrected: X.value })), 1)
+              ]),
+              _: 1
+            }),
+            p(a(E), {
+              size: "sm",
+              variant: "text",
+              onClick: il
+            }, {
+              default: u(() => [
+                g(i(a(t)("panel.search-instead", { q: k.value })), 1)
+              ]),
+              _: 1
+            })
+          ])) : $("", !0),
+          p(a(Fl), {
+            selected: d.value,
+            "onUpdate:selected": n[1] || (n[1] = (l) => d.value = l),
+            search: k.value,
+            "onUpdate:search": n[2] || (n[2] = (l) => k.value = l),
+            page: O.value,
+            "onUpdate:page": n[3] || (n[3] = (l) => O.value = l),
+            data: r.value,
+            columns: He.value,
+            "row-key": "id",
+            searchable: "",
+            selectable: "",
+            clickable: "",
+            hover: "",
+            flush: "",
+            loading: b.value,
+            layout: "fixed",
+            "cards-below": Ee,
+            "filters-count": le.value.length,
+            "filters-label": a(V)("filters.title"),
+            "select-row-label": a(V)("filters.select-row"),
+            "select-all-label": a(V)("filters.select-all"),
+            "search-placeholder": a(t)("panel.search-products"),
+            "empty-text": nl.value,
+            "aria-label": he.value,
+            onRowClick: ie,
+            onStateChange: Ze
+          }, hl({
+            filters: u(() => [
+              p(a(de), {
+                label: a(t)("panel.sort")
+              }, {
+                default: u(() => [
+                  p(a(pe), {
+                    "model-value": Z.value,
+                    options: Je.value.map((l) => ({ value: l.key, label: l.label })),
+                    size: "sm",
+                    "onUpdate:modelValue": el
+                  }, null, 8, ["model-value", "options"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              (o(!0), x(L, null, G(ue.value, (l) => (o(), f(a(de), {
+                key: l.key,
+                label: l.label
+              }, {
+                default: u(() => [
+                  l.kind === "tree" ? (o(), f(a(je), {
+                    key: 0,
+                    "model-value": ul(l.key),
+                    nodes: a(R).nodes.value ?? [],
+                    "node-key": "id",
+                    "label-key": "name",
+                    "children-key": "children",
+                    multiple: "",
+                    "check-strictly": "",
+                    filterable: "",
+                    clearable: "",
+                    size: "sm",
+                    placeholder: a(t)("panel.any"),
+                    "onUpdate:modelValue": (m) => j(l.key, Array.isArray(m) ? m.map(String) : [])
+                  }, null, 8, ["model-value", "nodes", "placeholder", "onUpdate:modelValue"])) : l.kind === "range" ? (o(), x("div", aa, [
+                    p(a(Ue), {
+                      "model-value": ae(l.key).min ?? null,
+                      min: 0,
+                      controls: !1,
+                      size: "sm",
+                      placeholder: $e(l.key, "min") || a(t)("panel.range-from"),
+                      "aria-label": `${l.label}: ${a(t)("panel.range-from")}`,
+                      "onUpdate:modelValue": (m) => j(l.key, { ...ae(l.key), min: m ?? null })
+                    }, null, 8, ["model-value", "placeholder", "aria-label", "onUpdate:modelValue"]),
+                    p(a(Ue), {
+                      "model-value": ae(l.key).max ?? null,
+                      min: 0,
+                      controls: !1,
+                      size: "sm",
+                      placeholder: $e(l.key, "max") || a(t)("panel.range-to"),
+                      "aria-label": `${l.label}: ${a(t)("panel.range-to")}`,
+                      "onUpdate:modelValue": (m) => j(l.key, { ...ae(l.key), max: m ?? null })
+                    }, null, 8, ["model-value", "placeholder", "aria-label", "onUpdate:modelValue"])
+                  ])) : l.kind === "toggle" ? (o(), f(a(Rl), {
+                    key: 2,
+                    "model-value": F.value[l.key] === !0,
+                    size: "sm",
+                    "onUpdate:modelValue": (m) => j(l.key, m ? !0 : null)
+                  }, null, 8, ["model-value", "onUpdate:modelValue"])) : (o(), f(a(pe), {
+                    key: 3,
+                    "model-value": se(l.key),
+                    options: al(l.key),
+                    multiple: "",
+                    filterable: "",
+                    clearable: "",
+                    size: "sm",
+                    placeholder: a(t)("panel.any"),
+                    "onUpdate:modelValue": (m) => j(l.key, Array.isArray(m) ? m.map(String) : [])
+                  }, null, 8, ["model-value", "options", "placeholder", "onUpdate:modelValue"]))
+                ]),
+                _: 2
+              }, 1032, ["label"]))), 128)),
+              le.value.length > 0 ? (o(), f(a(E), {
+                key: 0,
+                variant: "text",
+                size: "sm",
+                block: "",
+                onClick: ll
+              }, {
+                icon: u(() => [
+                  p(a(me), { name: "close" })
+                ]),
+                default: u(() => [
+                  g(" " + i(a(V)("filters.reset")), 1)
+                ]),
+                _: 1
+              })) : $("", !0)
+            ]),
+            applied: u(() => [
+              p(a(Cl), { filters: le.value }, null, 8, ["filters"])
+            ]),
+            "cell-image": u(({ row: l }) => [
+              A("span", {
+                class: _l(["wx-catalog-products__image", { "is-empty": !l.image }])
+              }, [
+                l.image ? (o(), x("img", {
+                  key: 0,
+                  src: l.image.thumb ?? l.image.url,
+                  alt: "",
+                  loading: "lazy"
+                }, null, 8, ta)) : (o(), f(a(me), {
+                  key: 1,
+                  name: "image",
+                  size: "sm"
+                }))
+              ], 2)
+            ]),
+            "cell-name": u(({ row: l }) => [
+              A("div", na, [
+                A("span", ua, i(l.name), 1),
+                A("span", oa, i(l.sku ?? ""), 1)
+              ])
+            ]),
+            "cell-category": u(({ row: l }) => [
+              l.category ? (o(), f(a(D), {
+                key: 1,
+                size: "sm",
+                truncate: "",
+                tone: l.category.deleted ? "muted" : void 0
+              }, {
+                default: u(() => [
+                  g(i(l.category.name), 1)
+                ]),
+                _: 2
+              }, 1032, ["tone"])) : (o(), f(a(Q), {
+                key: 0,
+                type: "warning",
+                size: "sm",
+                round: ""
+              }, {
+                default: u(() => [
+                  g(i(a(t)("product.no-category")), 1)
+                ]),
+                _: 1
+              }))
+            ]),
+            "cell-price": u(({ row: l }) => [
+              A("span", sa, [
+                A("span", null, [
+                  g(i(ce(l.price)), 1),
+                  l.price != null ? (o(), x("small", ia, i(Ce(l)), 1)) : $("", !0)
+                ]),
+                l.old_price != null ? (o(), x("s", ra, i(ce(l.old_price)), 1)) : $("", !0)
+              ])
+            ]),
+            "cell-state": u(({ row: l }) => [
+              l.is_published && !l.visible ? (o(), f(a(Pl), {
+                key: 0,
+                content: a(t)("panel.invisible")
+              }, {
+                default: u(() => [
+                  p(a(Q), {
+                    type: re(l),
+                    dot: "",
+                    size: "sm"
+                  }, {
+                    default: u(() => [
+                      g(i(a(t)(`states.${l.state}`)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"])
+                ]),
+                _: 2
+              }, 1032, ["content"])) : (o(), f(a(Q), {
+                key: 1,
+                type: re(l),
+                dot: "",
+                size: "sm"
+              }, {
+                default: u(() => [
+                  g(i(a(t)(`states.${l.state}`)), 1)
+                ]),
+                _: 2
+              }, 1032, ["type"]))
+            ]),
+            "cell-updated_at": u(({ row: l }) => [
+              p(a(zl), {
+                value: l.updated_at,
+                compact: ""
+              }, null, 8, ["value"])
+            ]),
+            "cell-card": u(({ row: l }) => [
+              p(a(El), {
+                variant: "plain",
+                title: l.name,
+                image: l.image?.thumb ?? l.image?.url ?? void 0,
+                "image-size": "56px",
+                "title-lines": 2,
+                subtitle: l.sku ?? void 0
+              }, {
+                meta: u(() => [
+                  p(a(Q), {
+                    type: re(l),
+                    dot: "",
+                    size: "sm"
+                  }, {
+                    default: u(() => [
+                      g(i(a(t)(`states.${l.state}`)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"]),
+                  l.category ? $("", !0) : (o(), f(a(Q), {
+                    key: 0,
+                    type: "warning",
+                    size: "sm",
+                    round: ""
+                  }, {
+                    default: u(() => [
+                      g(i(a(t)("product.no-category")), 1)
+                    ]),
+                    _: 1
+                  })),
+                  _e.value && l.price != null ? (o(), f(a(D), {
+                    key: 1,
+                    size: "sm"
+                  }, {
+                    default: u(() => [
+                      g(i(ce(l.price)) + i(Ce(l)), 1)
+                    ]),
+                    _: 2
+                  }, 1024)) : $("", !0),
+                  (o(!0), x(L, null, G(ee.value, (m) => (o(), x(L, {
+                    key: m.key
+                  }, [
+                    vl(l.columns?.[m.key]) ? (o(), f(Te, {
+                      key: 0,
+                      value: l.columns?.[m.key]
+                    }, null, 8, ["value"])) : $("", !0)
+                  ], 64))), 128))
+                ]),
+                _: 2
+              }, 1032, ["title", "image", "subtitle"])
+            ]),
+            "cell-actions": u(({ row: l }) => [
+              p(a(ql), {
+                actions: pl(l),
+                label: l.name
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 2
+          }, [
+            G(ee.value, (l) => ({
+              name: `cell-x.${l.key}`,
+              fn: u(({ row: m }) => [
+                p(Te, {
+                  value: m.columns?.[l.key]
+                }, null, 8, ["value"])
+              ])
+            }))
+          ]), 1032, ["selected", "search", "page", "data", "columns", "loading", "filters-count", "filters-label", "select-row-label", "select-all-label", "search-placeholder", "empty-text", "aria-label"])
+        ]),
+        _: 1
+      }, 8, ["view", "title", "views", "actions"])
+    ], 512));
+  }
+}), ga = /* @__PURE__ */ ke(ca, [["__scopeId", "data-v-b558777e"]]);
+export {
+  ga as default
+};
+//# sourceMappingURL=ProductsPage-BBmw9W4m.js.map