@webx-ui/module-catalog 0.1.0

package/dist/index.js

@@ -0,0 +1,2908 @@
+import { computed as h, ref as D, defineComponent as le, useTemplateRef as Me, onMounted as ie, nextTick as ct, openBlock as v, createBlock as V, unref as e, isRef as je, withCtx as o, createVNode as k, createElementVNode as G, withKeys as Ke, createTextVNode as P, toDisplayString as _, resolveComponent as Ht, createElementBlock as B, withModifiers as dt, createCommentVNode as M, normalizeClass as Ge, provide as pt, inject as vt, watch as we, onBeforeUnmount as Te, Fragment as ee, renderList as ke, useModel as gt, mergeProps as Jt, mergeModels as Xt, reactive as Qt, createSlots as Yt } from "vue";
+import { useRouter as $e, useRoute as ze, onBeforeRouteLeave as mt } from "vue-router";
+import { readCookie as Zt, useAdmin as ae, useTranslate as te, useErrorText as me, rowMenuWidth as Ae, WxListScreen as He, WxRowMenu as Je, provideHistorySubject as yt, provideRecordAddress as ft, useBodyKeys as ht, WxScreenHead as bt, WxScreen as kt, WxSaveState as _t, useRecordAddress as ea, WxDate as wt, WxFilterChips as ta } from "@webx-ui/module-admin";
+import { useModal as Xe, useLocales as Ue, WxDialog as Qe, WxFormItem as de, WxInput as he, WxTreeSelect as De, WxSpace as Ye, WxButton as Q, createModal as Ze, WxTable as et, WxBadge as Y, WxText as J, toast as E, confirm as ge, localizedValue as xt, WxSkeleton as xe, WxCard as $t, WxBreadcrumb as Ct, WxBreadcrumbItem as be, WxActionBar as St, WxAlert as We, WxSwitch as Ie, WxSortableList as Pt, WxAction as aa, WxUpload as la, WxSelect as Re, WxDropdown as na, WxDropdownItem as oa, WxIcon as Be, WxProgress as sa, useElementWidth as ra, WxEntityCard as ua, WxTooltip as ia, WxInputNumber as ot } from "@webx-ui/core";
+const ca = "catalog";
+function da(n) {
+  const t = new URLSearchParams();
+  n.q && t.set("q", n.q), n.state && t.set("state", n.state), n.sort && n.sort !== "default" && t.set("sort", n.sort), n.page && n.page > 1 && t.set("page", String(n.page)), n.per_page && t.set("per_page", String(n.per_page));
+  for (const [i, f] of Object.entries(n.facets ?? {}))
+    if (f === !0)
+      t.set(`facets[${i}][]`, "1");
+    else if (Array.isArray(f))
+      for (const l of f) t.append(`facets[${i}][]`, String(l));
+    else
+      f.min != null && t.set(`facets[${i}][min]`, String(f.min)), f.max != null && t.set(`facets[${i}][max]`, String(f.max));
+  return t;
+}
+function pa(n, t, i, f) {
+  const l = new FormData();
+  return l.append("file", i), new Promise((m, r) => {
+    const s = new XMLHttpRequest();
+    s.open("POST", t), s.responseType = "json", s.withCredentials = !0, s.setRequestHeader("Accept", "application/json"), s.setRequestHeader("X-Requested-With", "XMLHttpRequest"), s.setRequestHeader("X-Webx-Locale", n.i18n.state.locale);
+    const a = Zt("XSRF-TOKEN");
+    a && s.setRequestHeader("X-XSRF-TOKEN", a), s.upload.addEventListener("progress", (w) => {
+      w.lengthComputable && f?.(Math.round(w.loaded / w.total * 100));
+    }), s.addEventListener("load", () => {
+      const w = s.response;
+      if (s.status >= 200 && s.status < 300 && w?.data) {
+        m(w.data);
+        return;
+      }
+      r(
+        Object.assign(new Error(w?.message ?? "Upload failed"), {
+          status: s.status,
+          body: w
+        })
+      );
+    }), s.addEventListener("error", () => r(new Error("Upload failed"))), s.send(l);
+  });
+}
+function ne(n) {
+  const t = `${n.apiPath}/${ca}`, i = (l) => l.data, f = (l, m) => m.size > 0 ? `${l}?${m}` : l;
+  return {
+    products: (l = {}) => n.http.get(f(`${t}/products`, da(l))),
+    product: (l) => n.http.get(`${t}/products/${l}`).then(i),
+    createProduct: (l) => n.http.post(`${t}/products`, { values: l }).then(i),
+    saveProduct: (l, m) => n.http.put(`${t}/products/${l}`, { values: m }).then(i),
+    removeProduct: (l) => n.http.delete(`${t}/products/${l}`).then(() => {
+    }),
+    restoreProduct: (l) => n.http.post(`${t}/products/${l}/restore`, {}).then(i),
+    addImage: (l, m, r) => typeof m == "string" ? n.http.post(`${t}/products/${l}/images`, { url: m }).then(i) : pa(n, `${t}/products/${l}/images`, m, r),
+    saveImages: (l, m) => n.http.put(`${t}/products/${l}/images`, {
+      images: m.map(({ id: r, alt: s, title: a }) => ({ id: r, alt: s, title: a }))
+    }).then(i),
+    removeImage: (l, m) => n.http.delete(`${t}/products/${l}/images/${m}`).then(() => {
+    }),
+    categories: () => n.http.get(`${t}/categories`).then(i),
+    category: (l) => n.http.get(`${t}/categories/${l}`).then(i),
+    createCategory: (l, m) => n.http.post(`${t}/categories`, { values: l, parent_id: m }).then(i),
+    saveCategory: (l, m) => n.http.put(`${t}/categories/${l}`, { values: m }).then(i),
+    moveCategory: (l, m, r) => n.http.post(`${t}/categories/${l}/move`, {
+      parent_id: m,
+      before_id: r
+    }).then(i),
+    removeCategory: (l) => n.http.delete(`${t}/categories/${l}`).then(() => {
+    }),
+    restoreCategory: (l) => n.http.post(`${t}/categories/${l}/restore`, {}).then(i),
+    facets: () => n.http.get(`${t}/facets`).then((l) => ({ facets: l.data, sorts: l.meta?.sorts ?? [] })),
+    bulkActions: () => n.http.get(`${t}/bulk`).then(i),
+    startBulk: (l, m, r) => n.http.post(`${t}/bulk`, { action: l, params: m, selection: r }).then(i),
+    bulkRun: (l) => n.http.get(`${t}/bulk/${l}`).then(i),
+    deleted: ((l, m = {}) => {
+      const r = new URLSearchParams({ type: l });
+      return m.q && r.set("q", m.q), m.page && m.page > 1 && r.set("page", String(m.page)), m.per_page && r.set("per_page", String(m.per_page)), n.http.get(`${t}/deleted?${r}`);
+    })
+  };
+}
+function _e(n, t) {
+  const i = n[t]?.[0];
+  if (i !== void 0) return i;
+  const f = Object.keys(n).find((l) => l.startsWith(`${t}.`));
+  return f === void 0 ? void 0 : n[f]?.[0];
+}
+const va = {
+  module: {
+    title: "Catalog",
+    group: "Catalog",
+    products: "Products",
+    categories: "Categories",
+    deleted: "Deleted",
+    product: "Product",
+    category: "Category"
+  },
+  states: {
+    published: "Published",
+    unpublished: "Unpublished",
+    deleted: "Deleted"
+  },
+  product: {
+    name: "Name",
+    slug: "Address",
+    sku: "Article number",
+    barcode: "Barcode",
+    summary: "Summary",
+    description: "Description",
+    category_id: "Main category",
+    category: "Main category",
+    categories: "Additional categories",
+    price: "Price",
+    old_price: "Old price",
+    unit: "Unit",
+    priority: "Priority",
+    is_published: "Published",
+    images: "Pictures",
+    "no-category": "No category"
+  },
+  category: {
+    name: "Name",
+    slug: "Address",
+    description: "Text",
+    cover: "Picture",
+    cover_id: "Picture",
+    is_published: "Published",
+    parent: "Parent category",
+    facets: "Filters"
+  },
+  units: {
+    pcs: "pcs",
+    kg: "kg",
+    g: "g",
+    m: "m",
+    m2: "m²",
+    m3: "m³",
+    l: "l",
+    pack: "pack",
+    set: "set"
+  },
+  panel: {
+    create: "Create",
+    cancel: "Cancel",
+    save: "Save",
+    saved: "Saved.",
+    "save-failed": "Not saved: what is wrong is said under the fields in red.",
+    untitled: "Untitled",
+    open: "Open",
+    "open-on-site": "Open on the site",
+    publish: "Publish",
+    unpublish: "Take off the site",
+    delete: "Delete",
+    restore: "Restore",
+    "leave-title": "Leave without saving?",
+    "leave-text": "What you changed is not on the server.",
+    leave: "Leave",
+    "address-moving": "The address is changing. The old one keeps working and leads to the new one.",
+    "new-product": "New product",
+    "search-products": "Search by name or article number",
+    "empty-products": "No products yet.",
+    "empty-products-help": "A product lives in one main category and any number of others.",
+    "empty-search": "Nothing matches that.",
+    "view-all": "All",
+    "view-published": "Published",
+    "view-unpublished": "Unpublished",
+    "view-no-category": "No category",
+    "column-product": "Product",
+    "column-state": "State",
+    "column-updated": "Changed",
+    invisible: "Published, but no category of it is on the site, so nobody sees it.",
+    sort: "Order",
+    "sort-default": "By priority, then newest",
+    "range-from": "From",
+    "range-to": "To",
+    any: "Any",
+    selected: "Selected: :count",
+    "select-clear": "Clear the selection",
+    "bulk-actions": "Actions",
+    "select-all-found": "Select everything found: :count",
+    "selected-all": "Selected everything found: :count",
+    "bulk-apply": "Apply",
+    "bulk-confirm-title": "Apply «:action»?",
+    "bulk-confirm-text": "Products it applies to: :count",
+    "bulk-running": "Running in the background. Done :done of :total",
+    "bulk-done": "Done. Products: :count",
+    "bulk-refused": "Refused: :count",
+    "bulk-stopped": "The run stopped. Done so far: :count",
+    "bulk-errors": "What was refused",
+    "bulk-close": "Close",
+    "bulk-nothing": "None of the selected products fit this action.",
+    "product-trail": "Where this product sits",
+    "delete-product-title": "Delete “:name”?",
+    "delete-product-text": "It goes to «Deleted» and comes off the site. Its address leads to its category from then on.",
+    "product-deleted": "The product is in «Deleted».",
+    "product-restored": "The product is back.",
+    "product-restored-bare": "The product is back without a category and unpublished: its category is deleted.",
+    "product-published": "The product is on the site.",
+    "product-unpublished": "The product is off the site.",
+    "sku-open": "Open that product",
+    "sku-open-deleted": "Find it in «Deleted»",
+    "gallery-add": "Add pictures",
+    "gallery-hint": "JPEG, PNG, WebP or GIF. The first picture is the main one.",
+    "gallery-url": "Or by address",
+    "gallery-url-add": "Fetch",
+    "gallery-empty": "No pictures yet.",
+    "gallery-main": "Main",
+    "gallery-alt": "Alternative text",
+    "gallery-alt-help": "What the picture shows, for search engines and screen readers.",
+    "gallery-title": "Title",
+    "gallery-order": "Drag to change the order. The first picture is the main one.",
+    "gallery-failed": "The picture was not added.",
+    "gallery-remove-title": "Delete this picture?",
+    "gallery-remove-text": "The file is deleted from the disk at once.",
+    "gallery-removed": "The picture is deleted.",
+    "gallery-reorder-failed": "The new order was not saved.",
+    "gallery-captions-failed": "The captions were not saved.",
+    "gallery-locked": "Pictures are added to a product you may edit.",
+    "new-category": "New category",
+    "add-child": "Add a subcategory",
+    "search-categories": "Search by name or address",
+    "empty-categories": "No categories yet.",
+    "empty-categories-help": "Categories are the shelves of the catalogue; each has an address of its own at the root of the site.",
+    "column-products": "Products",
+    "category-hidden": "Hidden: a category above it is unpublished.",
+    "category-order": "Drag to move a category. Its address stays the same.",
+    "category-moved": "The category is moved.",
+    "category-trail": "Where this category sits",
+    "field-parent": "Inside",
+    "parent-root": "At the top level",
+    "show-products": "Show its products",
+    "delete-category-title": "Delete “:name”?",
+    "delete-category-text": "It goes to «Deleted», and its address answers that it is gone.",
+    "category-deleted": "The category is in «Deleted».",
+    "category-restored": "The category is back.",
+    "category-published": "The category is on the site.",
+    "category-unpublished": "The category and everything under it is off the site.",
+    "pick-category": "Choose a category",
+    "pick-categories": "Choose categories",
+    "category-gone": "deleted",
+    "facets-own": "Own setting",
+    "facets-own-help": "Which filters this category shows, and in which order.",
+    "facets-inherited": "As in “:name”",
+    "facets-default": "All filters, in their default order",
+    "facets-inherited-help": "Switch it on to choose for this category. Categories under it take the setting unless they have their own.",
+    "facets-empty": "No filters are installed.",
+    "facets-failed": "The list of filters did not load.",
+    "facets-shown": "Shown",
+    "facets-unknown": "Its module is not installed",
+    "deleted-search": "Search by name",
+    "deleted-empty": "Nothing is deleted.",
+    "deleted-help": "A deleted product keeps its pictures and comes back under its old address.",
+    "column-deleted": "Deleted",
+    "column-parent": "Was inside",
+    "restore-bare": "Comes back without a category"
+  }
+}, st = /* @__PURE__ */ new WeakSet();
+function oe() {
+  try {
+    const { i18n: n } = ae();
+    st.has(n) || (n.defaults("webx-catalog", va), st.add(n));
+  } catch {
+  }
+}
+const rt = /* @__PURE__ */ new WeakMap();
+function At(n) {
+  let t = rt.get(n);
+  return t || (t = {
+    tree: { value: D(null), pending: null },
+    facets: { value: D(null), pending: null }
+  }, rt.set(n, t)), t;
+}
+function Wt(n, t, i) {
+  if (!i && n.value.value !== null) return Promise.resolve(n.value.value);
+  if (!i && n.pending) return n.pending;
+  const f = t().then((l) => (n.pending === f && (n.value.value = l), l)).finally(() => {
+    n.pending === f && (n.pending = null);
+  });
+  return n.pending = f, f;
+}
+function ye(n) {
+  const t = At(n).tree, i = ne(n);
+  return {
+    nodes: t.value,
+    load: (f = !1) => Wt(t, () => i.categories(), f),
+    take: (f) => {
+      t.pending = null, t.value.value = f;
+    },
+    drop: () => {
+      t.pending = null, t.value.value = null;
+    }
+  };
+}
+function Vt(n) {
+  const t = At(n).facets, i = ne(n);
+  return {
+    facets: h(() => t.value.value?.facets ?? null),
+    sorts: h(() => t.value.value?.sorts ?? []),
+    load: () => Wt(
+      t,
+      () => i.facets().then((f) => ({
+        sorts: f.sorts,
+        facets: f.facets.map((l) => ({
+          ...l,
+          kind: String(l.kind).toLowerCase()
+        }))
+      })),
+      !1
+    )
+  };
+}
+function qe(n) {
+  return n.flatMap((t) => [t, ...qe(t.children ?? [])]);
+}
+function ga(n, t) {
+  const i = new Map(qe(n).map((m) => [m.id, m])), f = [];
+  let l = i.get(t);
+  for (; l; )
+    f.push(l), l = l.parent_id === null ? void 0 : i.get(l.parent_id);
+  return f;
+}
+const ma = /* @__PURE__ */ le({
+  __name: "CategoryCreateDialog",
+  props: {
+    parent: { default: null }
+  },
+  setup(n) {
+    const t = n, { open: i, resolve: f, dismiss: l } = Xe(), m = ae(), r = ne(m), s = ye(m), a = Ue();
+    oe();
+    const w = te("webx-catalog"), b = D(""), y = D(t.parent), x = D(!1), C = D({}), A = Me("field"), S = h(() => s.nodes.value ?? []);
+    ie(async () => {
+      s.load().catch(() => {
+      }), await ct(), A.value?.querySelector("input")?.focus();
+    });
+    async function q() {
+      if (!(b.value.trim() === "" || x.value)) {
+        x.value = !0, C.value = {};
+        try {
+          const F = typeof y.value == "number" ? y.value : null;
+          f(
+            await r.createCategory(
+              { name: { [a.active.value]: b.value.trim() }, is_published: !1 },
+              F
+            )
+          );
+        } catch (F) {
+          C.value = F.body?.errors ?? {};
+        } finally {
+          x.value = !1;
+        }
+      }
+    }
+    return (F, O) => (v(), V(e(Qe), {
+      open: e(i),
+      "onUpdate:open": O[3] || (O[3] = (L) => je(i) ? i.value = L : null),
+      title: e(w)("panel.new-category"),
+      width: 480
+    }, {
+      footer: o(() => [
+        k(e(Ye), { size: "sm" }, {
+          default: o(() => [
+            k(e(Q), {
+              variant: "outline",
+              onClick: O[2] || (O[2] = (L) => e(l)())
+            }, {
+              default: o(() => [
+                P(_(e(w)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            k(e(Q), {
+              type: "primary",
+              loading: x.value,
+              disabled: b.value.trim() === "",
+              onClick: q
+            }, {
+              default: o(() => [
+                P(_(e(w)("panel.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: o(() => [
+        k(e(de), {
+          label: e(w)("category.name"),
+          error: e(_e)(C.value, "name") ?? e(_e)(C.value, "slug"),
+          required: ""
+        }, {
+          default: o(() => [
+            G("div", {
+              ref_key: "field",
+              ref: A
+            }, [
+              k(e(he), {
+                modelValue: b.value,
+                "onUpdate:modelValue": O[0] || (O[0] = (L) => b.value = L),
+                "aria-label": e(w)("category.name"),
+                onKeyup: Ke(q, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"]),
+        k(e(de), {
+          label: e(w)("panel.field-parent"),
+          error: e(_e)(C.value, "parent_id")
+        }, {
+          default: o(() => [
+            k(e(De), {
+              modelValue: y.value,
+              "onUpdate:modelValue": O[1] || (O[1] = (L) => y.value = L),
+              nodes: S.value,
+              "node-key": "id",
+              "label-key": "name",
+              "children-key": "children",
+              "show-path": "",
+              separator: " / ",
+              filterable: "",
+              clearable: "",
+              "default-expand-all": "",
+              teleport: "",
+              placeholder: e(w)("panel.parent-root")
+            }, null, 8, ["modelValue", "nodes", "placeholder"])
+          ]),
+          _: 1
+        }, 8, ["label", "error"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+});
+function Ve(n) {
+  if (!n) return null;
+  let t;
+  try {
+    t = new URL(n, "http://panel.invalid").pathname;
+  } catch {
+    return null;
+  }
+  const i = t.split("/").filter((f) => f !== "");
+  return i.length > 0 ? decodeURIComponent(i[i.length - 1]) : null;
+}
+const ya = { class: "wx-catalog-categories" }, fa = /* @__PURE__ */ le({
+  __name: "CategoriesPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(n) {
+    const t = n, i = ae(), f = ne(i), l = ye(i), m = $e();
+    oe();
+    const r = te("webx-catalog"), s = me(), a = D([]), w = D(!0), b = D(!1), y = D(""), x = Ze(ma), C = h(() => i.can("catalog.manage")), A = h(() => i.can("catalog.delete")), S = h(() => y.value.trim() === ""), q = h(() => {
+      const z = y.value.trim().toLowerCase();
+      return qe(a.value).filter(
+        (I) => I.name.toLowerCase().includes(z) || (I.slug ?? "").toLowerCase().includes(z)
+      ).map((I) => ({ ...I, children: [] }));
+    }), F = h(() => S.value ? a.value : q.value), O = h(() => [
+      { key: "name", label: r("category.name"), minWidth: 200 },
+      { key: "slug", label: r("category.slug"), width: 200, hideBelow: 620 },
+      { key: "products_count", label: r("panel.column-products"), width: 110, align: "right" },
+      { key: "state", label: r("panel.column-state"), width: 150, hideBelow: 760 },
+      { key: "actions", label: "", width: Ae, align: "right" }
+    ]), L = h(
+      () => S.value ? {
+        childrenKey: "children",
+        defaultExpandAll: !0,
+        draggable: C.value,
+        allowDrop: (z, I) => z.id !== I.id
+      } : void 0
+    );
+    function U(z) {
+      a.value = z.map(N);
+    }
+    function N(z) {
+      return { ...z, children: (z.children ?? []).map(N) };
+    }
+    async function c(z = !0) {
+      w.value = !0;
+      try {
+        U(await l.load(z)), b.value = !0;
+      } catch (I) {
+        E.danger(s(I));
+      } finally {
+        w.value = !1;
+      }
+    }
+    function g(z) {
+      y.value = z.search;
+    }
+    function p(z) {
+      m.push(`${t.base}/categories/${z.id}`);
+    }
+    async function j(z) {
+      const I = await x({ parent: z?.id ?? null });
+      I && (l.drop(), m.push(`${t.base}/categories/${I.category.id}`));
+    }
+    async function H(z) {
+      const I = z.parent?.id ?? null, T = (z.parent ? z.parent.children ?? [] : a.value)[z.index + 1]?.id ?? null;
+      try {
+        const $ = await f.moveCategory(z.row.id, I, T);
+        l.take($), U($), E.success(r("panel.category-moved"));
+      } catch ($) {
+        E.danger(s($)), await c();
+      }
+    }
+    async function se(z, I) {
+      try {
+        await f.saveCategory(z.id, { is_published: I }), E.success(r(I ? "panel.category-published" : "panel.category-unpublished")), await c();
+      } catch (Z) {
+        E.danger(s(Z));
+      }
+    }
+    async function X(z) {
+      if (await ge({
+        title: r("panel.delete-category-title", { name: z.name }),
+        message: r("panel.delete-category-text"),
+        confirmText: r("panel.delete"),
+        cancelText: r("panel.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await f.removeCategory(z.id), E.success(r("panel.category-deleted")), await c();
+        } catch (Z) {
+          E.danger(s(Z));
+        }
+    }
+    function re(z) {
+      return { path: `${t.base}/products`, query: { "f.category": String(z.id) } };
+    }
+    function ue(z) {
+      const I = [
+        { key: "open", icon: "edit", label: r("panel.open"), run: () => p(z) },
+        {
+          key: "products",
+          icon: "list",
+          label: r("panel.show-products"),
+          run: () => {
+            m.push(re(z));
+          }
+        }
+      ];
+      return z.url && z.visible && I.push({ key: "site", icon: "link", label: r("panel.open-on-site"), href: z.url }), C.value && I.push(
+        { key: "add", icon: "plus", label: r("panel.add-child"), run: () => {
+          j(z);
+        } },
+        z.is_published ? {
+          key: "unpublish",
+          icon: "eye-off",
+          label: r("panel.unpublish"),
+          run: () => {
+            se(z, !1);
+          }
+        } : {
+          key: "publish",
+          icon: "eye",
+          label: r("panel.publish"),
+          run: () => {
+            se(z, !0);
+          }
+        }
+      ), A.value && I.push({
+        key: "delete",
+        icon: "trash",
+        label: r("panel.delete"),
+        danger: !0,
+        run: () => {
+          X(z);
+        }
+      }), I;
+    }
+    ie(() => {
+      c(!1);
+    });
+    const ce = h(() => {
+      const z = [];
+      return C.value && z.push({
+        key: "new",
+        label: r("panel.new-category"),
+        icon: "plus",
+        primary: !0,
+        run: () => {
+          j(null);
+        }
+      }), A.value && z.push({
+        key: "deleted",
+        label: r("module.deleted"),
+        icon: "trash",
+        menu: !0,
+        run: () => {
+          m.push({ path: `${t.base}/deleted`, query: { type: "categories" } });
+        }
+      }), z;
+    });
+    return (z, I) => {
+      const Z = Ht("router-link");
+      return v(), B("div", ya, [
+        k(e(He), {
+          title: e(r)("module.categories"),
+          subtitle: C.value && a.value.length > 0 ? e(r)("panel.category-order") : void 0,
+          back: `${t.base}/products`,
+          "back-label": e(r)("module.products"),
+          actions: ce.value
+        }, {
+          default: o(() => [
+            (v(), V(e(et), {
+              key: b.value ? "tree" : "waiting",
+              data: F.value,
+              columns: O.value,
+              "row-key": "id",
+              tree: L.value,
+              searchable: "",
+              clickable: "",
+              hover: "",
+              flush: "",
+              layout: "fixed",
+              loading: w.value,
+              "cards-below": 0,
+              "search-placeholder": e(r)("panel.search-categories"),
+              "empty-text": y.value ? e(r)("panel.empty-search") : e(r)("panel.empty-categories"),
+              "aria-label": e(r)("module.categories"),
+              onRowClick: p,
+              onStateChange: g,
+              onNodeDrop: H
+            }, {
+              "cell-name": o(({ row: T }) => [
+                G("span", {
+                  class: Ge(["wx-catalog-categories__name", { "is-hidden": !T.visible }])
+                }, _(T.name), 3)
+              ]),
+              "cell-slug": o(({ row: T }) => [
+                T.slug ? (v(), V(e(J), {
+                  key: 0,
+                  mono: "",
+                  size: "sm",
+                  tone: "muted",
+                  truncate: ""
+                }, {
+                  default: o(() => [
+                    P(" /" + _(e(Ve)(T.url) ?? T.slug) + "/ ", 1)
+                  ]),
+                  _: 2
+                }, 1024)) : M("", !0)
+              ]),
+              "cell-products_count": o(({ row: T }) => [
+                T.products_count > 0 ? (v(), V(Z, {
+                  key: 0,
+                  class: "wx-catalog-categories__count",
+                  to: re(T),
+                  onClick: I[0] || (I[0] = dt(() => {
+                  }, ["stop"]))
+                }, {
+                  default: o(() => [
+                    P(_(T.products_count), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to"])) : (v(), V(e(J), {
+                  key: 1,
+                  size: "sm",
+                  tone: "muted"
+                }, {
+                  default: o(() => [...I[1] || (I[1] = [
+                    P("0", -1)
+                  ])]),
+                  _: 1
+                }))
+              ]),
+              "cell-state": o(({ row: T }) => [
+                T.is_published ? T.visible ? (v(), V(e(Y), {
+                  key: 2,
+                  type: "success",
+                  dot: "",
+                  size: "sm"
+                }, {
+                  default: o(() => [
+                    P(_(e(r)("states.published")), 1)
+                  ]),
+                  _: 1
+                })) : (v(), V(e(Y), {
+                  key: 1,
+                  type: "warning",
+                  dot: "",
+                  size: "sm",
+                  title: e(r)("panel.category-hidden")
+                }, {
+                  default: o(() => [
+                    P(_(e(r)("states.published")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["title"])) : (v(), V(e(Y), {
+                  key: 0,
+                  dot: "",
+                  size: "sm"
+                }, {
+                  default: o(() => [
+                    P(_(e(r)("states.unpublished")), 1)
+                  ]),
+                  _: 1
+                }))
+              ]),
+              "cell-actions": o(({ row: T }) => [
+                k(e(Je), {
+                  actions: ue(T),
+                  label: T.name
+                }, null, 8, ["actions", "label"])
+              ]),
+              _: 1
+            }, 8, ["data", "columns", "tree", "loading", "search-placeholder", "empty-text", "aria-label"]))
+          ]),
+          _: 1
+        }, 8, ["title", "subtitle", "back", "back-label", "actions"])
+      ]);
+    };
+  }
+}), pe = (n, t) => {
+  const i = n.__vccOpts || n;
+  for (const [f, l] of t)
+    i[f] = l;
+  return i;
+}, ha = /* @__PURE__ */ pe(fa, [["__scopeId", "data-v-b896daca"]]), Tt = /* @__PURE__ */ Symbol("wx-catalog-product");
+function ba(n) {
+  pt(Tt, n);
+}
+function ka() {
+  return vt(Tt, null);
+}
+const zt = /* @__PURE__ */ Symbol("wx-catalog-category");
+function _a(n) {
+  pt(zt, n);
+}
+function wa() {
+  return vt(zt, null);
+}
+const xa = /* @__PURE__ */ le({
+  name: "WxCatalogCategoryEditor",
+  __name: "CategoryEditorPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(n) {
+    const t = n, i = ae(), f = ne(i), l = ye(i), m = ze(), r = $e(), s = Ue();
+    oe();
+    const a = te("webx-catalog"), w = me(), b = h(() => Number(m.params.id)), y = h(() => `${t.base}/categories`), x = D(null), C = D(void 0), A = D({}), S = D(""), q = D(!0), F = D(!1), O = D({}), L = h(() => i.can("catalog.manage")), U = h(() => i.can("catalog.delete")), N = h(() => !L.value || F.value), c = h(() => JSON.stringify(A.value)), g = h(() => S.value !== "" && c.value !== S.value), p = h(() => F.value ? "saving" : g.value ? "unsaved" : "saved"), j = h(() => {
+      const T = A.value.name;
+      return xt(T, s.active.value, x.value?.name ?? "") || a("panel.untitled");
+    }), H = h(() => {
+      const T = Ve(x.value?.url);
+      return T === null ? void 0 : `/${T}/`;
+    }), se = h(
+      () => x.value ? ga(l.nodes.value ?? [], x.value.id).slice(1).reverse() : []
+    );
+    _a({ category: x, locked: N, facetsFrom: C }), yt({ id: h(() => x.value?.id ?? null) }), ft({
+      values: A,
+      prefix: D(""),
+      path: h(() => Ve(x.value?.url)),
+      moving: () => a("panel.address-moving")
+    });
+    function X(T) {
+      x.value = T.category, C.value = T.facets_from, A.value = T.values, S.value = JSON.stringify(T.values);
+    }
+    async function re() {
+      q.value = !0;
+      try {
+        const [T] = await Promise.all([f.category(b.value), l.load().catch(() => [])]);
+        X(T);
+      } catch (T) {
+        E.danger(w(T)), r.push(y.value);
+      } finally {
+        q.value = !1;
+      }
+    }
+    async function ue() {
+      if (!(!x.value || F.value || !L.value)) {
+        F.value = !0, O.value = {};
+        try {
+          X(await f.saveCategory(x.value.id, A.value)), l.drop(), l.load().catch(() => {
+          }), E.success(a("panel.saved"));
+        } catch (T) {
+          const $ = T.body;
+          $?.errors && Object.keys($.errors).length > 0 ? (O.value = $.errors, E.danger(a("panel.save-failed"))) : E.danger(w(T));
+        } finally {
+          F.value = !1;
+        }
+      }
+    }
+    async function ce() {
+      const T = x.value;
+      if (!(!T || !await ge({
+        title: a("panel.delete-category-title", { name: T.name }),
+        message: a("panel.delete-category-text"),
+        confirmText: a("panel.delete"),
+        cancelText: a("panel.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await f.removeCategory(T.id), l.drop(), E.success(a("panel.category-deleted")), S.value = c.value, r.push(y.value);
+        } catch (R) {
+          E.danger(w(R));
+        }
+    }
+    function z(T) {
+      g.value && T.preventDefault();
+    }
+    function I(T) {
+      (T.ctrlKey || T.metaKey) && T.key.toLowerCase() === "s" && (T.preventDefault(), g.value && ue());
+    }
+    ht(I), we(b, () => {
+      re();
+    }), ie(() => {
+      re(), window.addEventListener("beforeunload", z);
+    }), Te(() => {
+      window.removeEventListener("beforeunload", z);
+    }), mt(async () => !g.value || !L.value ? !0 : await ge({
+      title: a("panel.leave-title"),
+      message: a("panel.leave-text"),
+      confirmText: a("panel.leave"),
+      cancelText: a("panel.cancel"),
+      tone: "danger"
+    }));
+    const Z = h(() => {
+      const T = x.value, $ = [];
+      return T && (T.url && T.visible && $.push({ key: "site", label: a("panel.open-on-site"), icon: "link", href: T.url }), $.push({
+        key: "products",
+        label: a("panel.show-products"),
+        icon: "list",
+        menu: !0,
+        run: () => {
+          r.push({
+            path: `${t.base}/products`,
+            query: { "f.category": String(T.id) }
+          });
+        }
+      }), U.value && $.push({
+        key: "delete",
+        label: a("panel.delete"),
+        icon: "trash",
+        danger: !0,
+        menu: !0,
+        run: () => {
+          ce();
+        }
+      })), $;
+    });
+    return (T, $) => (v(), B("div", {
+      class: "wx-catalog-category-editor",
+      onKeydown: I
+    }, [
+      q.value || !x.value ? (v(), B(ee, { key: 0 }, [
+        k(e(xe), {
+          class: "wx-catalog-category-editor__ghost",
+          title: "",
+          rows: 1
+        }),
+        k(e($t), null, {
+          default: o(() => [
+            k(e(xe), { rows: 6 })
+          ]),
+          _: 1
+        })
+      ], 64)) : (v(), B(ee, { key: 1 }, [
+        k(e(bt), {
+          divider: "",
+          back: y.value,
+          "back-label": e(a)("module.categories"),
+          title: j.value,
+          subtitle: H.value,
+          actions: Z.value
+        }, {
+          trail: o(() => [
+            k(e(Ct), {
+              size: "sm",
+              label: e(a)("panel.category-trail")
+            }, {
+              default: o(() => [
+                k(e(be), {
+                  as: "router-link",
+                  to: y.value
+                }, {
+                  default: o(() => [
+                    P(_(e(a)("module.categories")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                (v(!0), B(ee, null, ke(se.value, (R) => (v(), V(e(be), {
+                  key: R.id,
+                  as: "router-link",
+                  to: `${y.value}/${R.id}`
+                }, {
+                  default: o(() => [
+                    P(_(R.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to"]))), 128)),
+                k(e(be), { current: "" }, {
+                  default: o(() => [
+                    P(_(j.value), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          "title-after": o(() => [
+            x.value.is_published ? x.value.visible ? M("", !0) : (v(), V(e(Y), {
+              key: 1,
+              type: "warning",
+              dot: ""
+            }, {
+              default: o(() => [
+                P(_(e(a)("panel.category-hidden")), 1)
+              ]),
+              _: 1
+            })) : (v(), V(e(Y), {
+              key: 0,
+              dot: ""
+            }, {
+              default: o(() => [
+                P(_(e(a)("states.unpublished")), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        }, 8, ["back", "back-label", "title", "subtitle", "actions"]),
+        k(e(kt), {
+          modelValue: A.value,
+          "onUpdate:modelValue": $[0] || ($[0] = (R) => A.value = R),
+          name: "catalog.category-form",
+          errors: O.value,
+          disabled: N.value
+        }, null, 8, ["modelValue", "errors", "disabled"]),
+        L.value ? (v(), V(e(St), { key: 0 }, {
+          state: o(() => [
+            k(e(_t), { state: p.value }, null, 8, ["state"])
+          ]),
+          default: o(() => [
+            k(e(Q), {
+              type: "primary",
+              loading: F.value,
+              disabled: !g.value,
+              onClick: ue
+            }, {
+              default: o(() => [
+                P(_(e(a)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : M("", !0)
+      ], 64))
+    ], 32));
+  }
+}), $a = /* @__PURE__ */ pe(xa, [["__scopeId", "data-v-45d5817b"]]), Ca = /* @__PURE__ */ le({
+  name: "WxCatalogCategoryField",
+  inheritAttrs: !1,
+  __name: "CategoryField",
+  props: /* @__PURE__ */ Xt({
+    multiple: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const t = n, i = gt(n, "modelValue"), f = ae(), l = ye(f), m = ea();
+    oe();
+    const r = te("webx-catalog"), s = h(() => {
+      const b = m?.values.value.category_id;
+      return typeof b == "number" ? b : null;
+    }), a = h(() => {
+      const b = (y) => y.map((x) => ({
+        ...x,
+        locked: t.multiple && x.id === s.value,
+        children: b(x.children ?? [])
+      }));
+      return b(l.nodes.value ?? []);
+    }), w = h({
+      get: () => t.multiple ? Array.isArray(i.value) ? i.value : [] : typeof i.value == "number" ? i.value : null,
+      set: (b) => {
+        if (t.multiple) {
+          const y = (Array.isArray(b) ? b : []).map(Number);
+          i.value = y.filter((x) => x !== s.value);
+          return;
+        }
+        i.value = b == null || Array.isArray(b) ? null : Number(b);
+      }
+    });
+    return ie(() => {
+      l.load().catch(() => {
+      });
+    }), (b, y) => (v(), V(e(De), Jt(b.$attrs, {
+      modelValue: w.value,
+      "onUpdate:modelValue": y[0] || (y[0] = (x) => w.value = x),
+      class: "wx-catalog-category",
+      nodes: a.value,
+      multiple: t.multiple,
+      "check-strictly": t.multiple,
+      "node-key": "id",
+      "label-key": "name",
+      "children-key": "children",
+      "disabled-key": "locked",
+      "show-path": !t.multiple,
+      separator: " / ",
+      filterable: "",
+      clearable: "",
+      "default-expand-all": "",
+      teleport: "",
+      placeholder: t.multiple ? e(r)("panel.pick-categories") : e(r)("panel.pick-category")
+    }), null, 16, ["modelValue", "nodes", "multiple", "check-strictly", "show-path", "placeholder"]));
+  }
+}), Sa = { class: "wx-catalog-deleted" }, Pa = { class: "wx-catalog-deleted__name" }, Aa = { class: "wx-catalog-deleted__title" }, Wa = {
+  key: 0,
+  class: "wx-catalog-deleted__code"
+}, Va = {
+  key: 1,
+  class: "wx-catalog-deleted__code"
+}, Ta = {
+  key: 1,
+  class: "wx-catalog-deleted__ref"
+}, za = /* @__PURE__ */ le({
+  __name: "DeletedPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(n) {
+    const t = n, i = ae(), f = ne(i), l = ye(i), m = ze(), r = $e();
+    oe();
+    const s = te("webx-catalog"), a = me(), w = D(null), b = D(!0), y = D(typeof m.query.q == "string" ? m.query.q : ""), x = h(() => i.can("catalog.delete")), C = h({
+      get: () => m.query.type === "categories" ? "categories" : "products",
+      set: (c) => {
+        y.value = "", w.value = null, r.replace({
+          query: { type: c === "categories" ? "categories" : void 0 }
+        });
+      }
+    }), A = h(() => [
+      { value: "products", label: s("module.products") },
+      { value: "categories", label: s("module.categories") }
+    ]), S = h(
+      () => C.value === "categories" ? [
+        { key: "name", label: s("category.name"), minWidth: 200 },
+        { key: "parent", label: s("panel.column-parent"), width: 200, hideBelow: 640 },
+        { key: "deleted_at", label: s("panel.column-deleted"), width: 150 },
+        { key: "actions", label: "", width: Ae, align: "right" }
+      ] : [
+        { key: "name", label: s("panel.column-product"), minWidth: 200 },
+        { key: "category", label: s("product.category"), width: 220, hideBelow: 640 },
+        { key: "deleted_at", label: s("panel.column-deleted"), width: 150 },
+        { key: "actions", label: "", width: Ae, align: "right" }
+      ]
+    );
+    let q = 0;
+    async function F(c) {
+      const g = ++q;
+      b.value = !0;
+      try {
+        const p = await f.deleted(C.value, {
+          q: c?.search ?? y.value,
+          page: c?.page,
+          per_page: c?.perPage
+        });
+        g === q && (w.value = p);
+      } catch (p) {
+        E.danger(a(p));
+      } finally {
+        g === q && (b.value = !1);
+      }
+    }
+    function O(c) {
+      r.replace({
+        query: { ...m.query, q: c.search === "" ? void 0 : c.search }
+      }), F(c);
+    }
+    async function L(c) {
+      try {
+        if (C.value === "categories")
+          await f.restoreCategory(c.id), l.drop(), E.success(s("panel.category-restored"));
+        else {
+          const p = (await f.restoreProduct(c.id)).category === null && c.category !== null;
+          E.success(s(p ? "panel.product-restored-bare" : "panel.product-restored"));
+        }
+        await F();
+      } catch (g) {
+        E.danger(a(g));
+      }
+    }
+    function U(c, g) {
+      const p = c[g];
+      return p && typeof p == "object" ? p : null;
+    }
+    function N(c) {
+      const g = [];
+      return x.value && g.push({
+        key: "restore",
+        icon: "refresh",
+        label: s("panel.restore"),
+        run: () => {
+          L(c);
+        }
+      }), g;
+    }
+    return (c, g) => (v(), B("div", Sa, [
+      k(e(He), {
+        view: C.value,
+        "onUpdate:view": g[1] || (g[1] = (p) => C.value = p),
+        title: e(s)("module.deleted"),
+        subtitle: e(s)("panel.deleted-help"),
+        back: `${t.base}/products`,
+        "back-label": e(s)("module.products"),
+        views: A.value
+      }, {
+        default: o(() => [
+          (v(), V(e(et), {
+            key: String(C.value),
+            search: y.value,
+            "onUpdate:search": g[0] || (g[0] = (p) => y.value = p),
+            data: w.value,
+            columns: S.value,
+            "row-key": "id",
+            searchable: "",
+            clickable: !1,
+            hover: !1,
+            flush: "",
+            layout: "fixed",
+            loading: b.value,
+            "search-placeholder": e(s)("panel.deleted-search"),
+            "empty-text": y.value ? e(s)("panel.empty-search") : e(s)("panel.deleted-empty"),
+            "aria-label": e(s)("module.deleted"),
+            onStateChange: O
+          }, {
+            "cell-name": o(({ row: p }) => [
+              G("div", Pa, [
+                G("span", Aa, _(p.name), 1),
+                "sku" in p && p.sku ? (v(), B("span", Wa, _(p.sku), 1)) : "slug" in p && p.slug ? (v(), B("span", Va, " /" + _(p.slug) + "/ ", 1)) : M("", !0)
+              ])
+            ]),
+            "cell-category": o(({ row: p }) => [
+              U(p, "category") ? (v(), B("span", Ta, [
+                k(e(J), {
+                  size: "sm",
+                  truncate: "",
+                  tone: U(p, "category")?.deleted ? "muted" : void 0
+                }, {
+                  default: o(() => [
+                    P(_(U(p, "category")?.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["tone"]),
+                U(p, "category")?.deleted ? (v(), V(e(Y), {
+                  key: 0,
+                  type: "warning",
+                  size: "sm",
+                  round: ""
+                }, {
+                  default: o(() => [
+                    P(_(e(s)("panel.restore-bare")), 1)
+                  ]),
+                  _: 1
+                })) : M("", !0)
+              ])) : (v(), V(e(J), {
+                key: 0,
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: o(() => [
+                  P(_(e(s)("product.no-category")), 1)
+                ]),
+                _: 1
+              }))
+            ]),
+            "cell-parent": o(({ row: p }) => [
+              U(p, "parent") ? (v(), V(e(J), {
+                key: 1,
+                size: "sm",
+                truncate: "",
+                tone: U(p, "parent")?.deleted ? "muted" : void 0
+              }, {
+                default: o(() => [
+                  P(_(U(p, "parent")?.name) + " ", 1),
+                  U(p, "parent")?.deleted ? (v(), B(ee, { key: 0 }, [
+                    P(" (" + _(e(s)("panel.category-gone")) + ")", 1)
+                  ], 64)) : M("", !0)
+                ]),
+                _: 2
+              }, 1032, ["tone"])) : (v(), V(e(J), {
+                key: 0,
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: o(() => [
+                  P(_(e(s)("panel.parent-root")), 1)
+                ]),
+                _: 1
+              }))
+            ]),
+            "cell-deleted_at": o(({ row: p }) => [
+              k(e(wt), {
+                value: p.deleted_at,
+                compact: ""
+              }, null, 8, ["value"])
+            ]),
+            "cell-actions": o(({ row: p }) => [
+              x.value ? (v(), V(e(Je), {
+                key: 0,
+                actions: N(p),
+                label: p.name
+              }, null, 8, ["actions", "label"])) : M("", !0)
+            ]),
+            _: 1
+          }, 8, ["search", "data", "columns", "loading", "search-placeholder", "empty-text", "aria-label"]))
+        ]),
+        _: 1
+      }, 8, ["view", "title", "subtitle", "back", "back-label", "views"])
+    ]));
+  }
+}), Ua = /* @__PURE__ */ pe(za, [["__scopeId", "data-v-1fad643b"]]), Da = { class: "wx-catalog-facets" }, qa = { class: "wx-catalog-facets__own" }, Na = {
+  key: 0,
+  class: "wx-catalog-facets__inherited"
+}, Fa = /* @__PURE__ */ le({
+  name: "WxCatalogFacetsField",
+  __name: "FacetsField",
+  props: {
+    modelValue: { default: null },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(n) {
+    const t = gt(n, "modelValue"), i = ae(), f = ne(i), l = Vt(i), m = wa();
+    oe();
+    const r = te("webx-catalog"), s = D(!0), a = D(!1), w = D(null), b = h(() => l.facets.value ?? []), y = h(() => new Map(b.value.map((c) => [c.key, c.label]))), x = h(() => Array.isArray(t.value)), C = h(() => m?.locked.value ?? !1);
+    function A(c) {
+      const g = new Set(c.map((p) => p.key));
+      return [
+        ...c.map((p) => ({ key: p.key, visible: p.visible })),
+        ...b.value.filter((p) => !g.has(p.key)).map((p) => ({ key: p.key, visible: !1 }))
+      ];
+    }
+    const S = h(
+      () => w.value === null ? b.value.map((c) => ({ key: c.key, visible: !0 })) : A(w.value.rows)
+    ), q = h({
+      get: () => A(t.value ?? []).map((c) => ({
+        ...c,
+        label: y.value.get(c.key) ?? c.key,
+        known: y.value.has(c.key)
+      })),
+      set: (c) => {
+        t.value = c.map((g) => ({ key: g.key, visible: g.visible }));
+      }
+    }), F = h(
+      () => S.value.filter((c) => c.visible && y.value.has(c.key)).map((c) => y.value.get(c.key)).join(", ")
+    );
+    function O(c) {
+      t.value = c ? S.value.map((g) => ({ ...g })) : null;
+    }
+    function L(c, g) {
+      q.value = q.value.map(
+        (p) => p.key === c ? { ...p, visible: !!g } : p
+      );
+    }
+    async function U(c) {
+      const g = m?.facetsFrom.value;
+      if (w.value = null, g === null) return;
+      if (g !== void 0) {
+        const j = await f.category(g.id);
+        Array.isArray(j.values.facets) && (w.value = { name: g.name, rows: j.values.facets });
+        return;
+      }
+      let p = c;
+      for (; p !== null; ) {
+        const j = await f.category(p), H = j.values.facets;
+        if (Array.isArray(H)) {
+          w.value = { name: j.category.name, rows: H };
+          return;
+        }
+        p = j.category.parent_id;
+      }
+    }
+    async function N() {
+      s.value = !0, a.value = !1;
+      try {
+        await Promise.all([l.load(), U(m?.category.value?.parent_id ?? null)]);
+      } catch {
+        a.value = !0;
+      } finally {
+        s.value = !1;
+      }
+    }
+    return we(
+      () => [m?.category.value?.parent_id, JSON.stringify(m?.facetsFrom.value)],
+      (c, g) => {
+        (c[0] !== g[0] || c[1] !== g[1]) && N();
+      }
+    ), ie(N), (c, g) => (v(), B("div", Da, [
+      s.value ? (v(), V(e(xe), {
+        key: 0,
+        rows: 3
+      })) : a.value ? (v(), V(e(We), {
+        key: 1,
+        type: "warning",
+        variant: "soft",
+        description: e(r)("panel.facets-failed")
+      }, null, 8, ["description"])) : (v(), B(ee, { key: 2 }, [
+        G("div", qa, [
+          k(e(Ie), {
+            "model-value": x.value,
+            disabled: C.value,
+            label: e(r)("panel.facets-own"),
+            "onUpdate:modelValue": O
+          }, null, 8, ["model-value", "disabled", "label"]),
+          k(e(J), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: o(() => [
+              P(_(x.value ? e(r)("panel.facets-own-help") : e(r)("panel.facets-inherited-help")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        x.value ? (v(), V(e(Pt), {
+          key: 1,
+          modelValue: q.value,
+          "onUpdate:modelValue": g[0] || (g[0] = (p) => q.value = p),
+          size: "sm",
+          "item-key": "key",
+          "item-label": "label",
+          disabled: C.value,
+          "empty-text": e(r)("panel.facets-empty")
+        }, {
+          default: o(({ item: p }) => [
+            G("span", {
+              class: Ge(["wx-catalog-facets__name", { "is-off": !p.visible }])
+            }, _(p.label), 3),
+            p.known ? M("", !0) : (v(), V(e(J), {
+              key: 0,
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: o(() => [
+                P(_(e(r)("panel.facets-unknown")), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          actions: o(({ item: p }) => [
+            k(e(Ie), {
+              size: "sm",
+              "model-value": p.visible,
+              disabled: C.value || !p.known,
+              "aria-label": `${e(r)("panel.facets-shown")}: ${p.label}`,
+              "onUpdate:modelValue": (j) => L(p.key, j)
+            }, null, 8, ["model-value", "disabled", "aria-label", "onUpdate:modelValue"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "disabled", "empty-text"])) : (v(), B("div", Na, [
+          k(e(J), { weight: "medium" }, {
+            default: o(() => [
+              P(_(w.value ? e(r)("panel.facets-inherited", { name: w.value.name }) : e(r)("panel.facets-default")), 1)
+            ]),
+            _: 1
+          }),
+          F.value ? (v(), V(e(J), {
+            key: 0,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: o(() => [
+              P(_(F.value), 1)
+            ]),
+            _: 1
+          })) : b.value.length === 0 ? (v(), V(e(J), {
+            key: 1,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: o(() => [
+              P(_(e(r)("panel.facets-empty")), 1)
+            ]),
+            _: 1
+          })) : M("", !0)
+        ]))
+      ], 64))
+    ]));
+  }
+}), Oa = /* @__PURE__ */ pe(Fa, [["__scopeId", "data-v-4ca00a4d"]]), Ea = { class: "wx-catalog-gallery" }, Ia = { class: "wx-catalog-gallery__item" }, Ra = ["href"], Ba = ["src"], La = { class: "wx-catalog-gallery__words" }, Ma = { class: "wx-catalog-gallery__address" }, ja = 800, Ka = /* @__PURE__ */ le({
+  name: "WxCatalogGallery",
+  __name: "GalleryField",
+  setup(n) {
+    const t = ae(), i = ne(t), f = ka();
+    oe();
+    const l = te("webx-catalog"), m = me(), r = D([]), s = D(""), a = D(!1), w = h(() => f?.product.value?.id ?? null), b = h(() => f === null || f.locked.value), y = h({
+      get: () => f?.images.value ?? [],
+      set: (N) => {
+        f && (f.images.value = N);
+      }
+    });
+    let x, C = "";
+    function A(N) {
+      return JSON.stringify(N.map((c) => [c.id, c.alt, c.title]));
+    }
+    async function S(N) {
+      const c = w.value;
+      if (c === null) return;
+      clearTimeout(x);
+      const g = A(y.value);
+      C = g;
+      try {
+        const p = await i.saveImages(c, y.value);
+        A(y.value) === g && (y.value = p);
+      } catch (p) {
+        E.danger(`${N} ${m(p)}`);
+      }
+    }
+    function q(N, c, g) {
+      y.value = y.value.map(
+        (p) => p.id === N.id ? { ...p, [c]: g ?? {} } : p
+      ), clearTimeout(x), x = setTimeout(() => {
+        S(l("panel.gallery-captions-failed"));
+      }, ja);
+    }
+    function F() {
+      S(l("panel.gallery-reorder-failed"));
+    }
+    async function O(N) {
+      const c = w.value;
+      if (c !== null)
+        for (const g of N) {
+          if (!g.raw) continue;
+          const p = (j) => {
+            r.value = r.value.map((H) => H.id === g.id ? { ...H, ...j } : H);
+          };
+          p({ status: "uploading", progress: 0 });
+          try {
+            const j = await i.addImage(c, g.raw, (H) => p({ progress: H }));
+            y.value = [...y.value, j], r.value = r.value.filter((H) => H.id !== g.id);
+          } catch (j) {
+            p({ status: "error", error: m(j) });
+          }
+        }
+    }
+    async function L() {
+      const N = w.value, c = s.value.trim();
+      if (!(N === null || c === "")) {
+        a.value = !0;
+        try {
+          y.value = [...y.value, await i.addImage(N, c)], s.value = "";
+        } catch (g) {
+          E.danger(`${l("panel.gallery-failed")} ${m(g)}`);
+        } finally {
+          a.value = !1;
+        }
+      }
+    }
+    async function U(N) {
+      const c = w.value;
+      if (!(c === null || !await ge({
+        title: l("panel.gallery-remove-title"),
+        message: l("panel.gallery-remove-text"),
+        confirmText: l("panel.delete"),
+        cancelText: l("panel.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await i.removeImage(c, N.id), y.value = y.value.filter((p) => p.id !== N.id), E.success(l("panel.gallery-removed"));
+        } catch (p) {
+          E.danger(m(p));
+        }
+    }
+    return Te(() => {
+      x !== void 0 && A(y.value) !== C && S(""), clearTimeout(x);
+    }), (N, c) => (v(), B("div", Ea, [
+      e(f) ? (v(), B(ee, { key: 1 }, [
+        b.value && y.value.length === 0 ? (v(), V(e(We), {
+          key: 0,
+          type: "info",
+          variant: "soft",
+          description: e(l)("panel.gallery-locked")
+        }, null, 8, ["description"])) : M("", !0),
+        y.value.length > 0 ? (v(), V(e(Pt), {
+          key: 1,
+          modelValue: y.value,
+          "onUpdate:modelValue": c[0] || (c[0] = (g) => y.value = g),
+          class: "wx-catalog-gallery__list",
+          "item-key": "id",
+          "item-label": (g) => g.path.split("/").pop() ?? String(g.id),
+          disabled: b.value,
+          title: e(l)("panel.gallery-order"),
+          onMove: F
+        }, {
+          default: o(({ item: g, index: p }) => [
+            G("div", Ia, [
+              G("a", {
+                class: "wx-catalog-gallery__thumb",
+                href: g.url,
+                target: "_blank",
+                rel: "noopener"
+              }, [
+                G("img", {
+                  src: g.thumb ?? g.url,
+                  alt: ""
+                }, null, 8, Ba),
+                p === 0 ? (v(), V(e(Y), {
+                  key: 0,
+                  class: "wx-catalog-gallery__main",
+                  type: "primary",
+                  size: "sm"
+                }, {
+                  default: o(() => [
+                    P(_(e(l)("panel.gallery-main")), 1)
+                  ]),
+                  _: 1
+                })) : M("", !0)
+              ], 8, Ra),
+              G("div", La, [
+                k(e(de), {
+                  label: e(l)("panel.gallery-alt"),
+                  help: e(l)("panel.gallery-alt-help")
+                }, {
+                  default: o(() => [
+                    k(e(he), {
+                      "model-value": g.alt,
+                      localized: "",
+                      size: "sm",
+                      disabled: b.value,
+                      "onUpdate:modelValue": (j) => q(g, "alt", j)
+                    }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1032, ["label", "help"]),
+                k(e(de), {
+                  label: e(l)("panel.gallery-title")
+                }, {
+                  default: o(() => [
+                    k(e(he), {
+                      "model-value": g.title,
+                      localized: "",
+                      size: "sm",
+                      disabled: b.value,
+                      "onUpdate:modelValue": (j) => q(g, "title", j)
+                    }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"]),
+                g.width && g.height ? (v(), V(e(J), {
+                  key: 0,
+                  size: "sm",
+                  tone: "muted"
+                }, {
+                  default: o(() => [
+                    P(_(g.width) + " × " + _(g.height), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : M("", !0)
+              ])
+            ])
+          ]),
+          actions: o(({ item: g }) => [
+            b.value ? M("", !0) : (v(), V(e(aa), {
+              key: 0,
+              type: "remove",
+              size: "sm",
+              title: e(l)("panel.delete"),
+              onClick: (p) => U(g)
+            }, null, 8, ["title", "onClick"]))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "item-label", "disabled", "title"])) : b.value ? M("", !0) : (v(), V(e(J), {
+          key: 2,
+          tone: "muted"
+        }, {
+          default: o(() => [
+            P(_(e(l)("panel.gallery-empty")), 1)
+          ]),
+          _: 1
+        })),
+        b.value ? M("", !0) : (v(), B(ee, { key: 3 }, [
+          k(e(la), {
+            modelValue: r.value,
+            "onUpdate:modelValue": c[1] || (c[1] = (g) => r.value = g),
+            accept: "image/jpeg,image/png,image/webp,image/gif",
+            multiple: "",
+            "button-text": e(l)("panel.gallery-add"),
+            hint: e(l)("panel.gallery-hint"),
+            onAdd: O
+          }, null, 8, ["modelValue", "button-text", "hint"]),
+          k(e(de), {
+            label: e(l)("panel.gallery-url")
+          }, {
+            default: o(() => [
+              G("div", Ma, [
+                k(e(he), {
+                  modelValue: s.value,
+                  "onUpdate:modelValue": c[2] || (c[2] = (g) => s.value = g),
+                  type: "url",
+                  size: "sm",
+                  placeholder: "https://",
+                  onKeydown: Ke(dt(L, ["prevent"]), ["enter"])
+                }, null, 8, ["modelValue", "onKeydown"]),
+                k(e(Q), {
+                  size: "sm",
+                  variant: "outline",
+                  loading: a.value,
+                  disabled: s.value.trim() === "",
+                  onClick: L
+                }, {
+                  default: o(() => [
+                    P(_(e(l)("panel.gallery-url-add")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading", "disabled"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["label"])
+        ], 64))
+      ], 64)) : (v(), V(e(We), {
+        key: 0,
+        type: "info",
+        variant: "soft",
+        description: e(l)("panel.gallery-empty")
+      }, null, 8, ["description"]))
+    ]));
+  }
+}), Ga = /* @__PURE__ */ pe(Ka, [["__scopeId", "data-v-9479a729"]]), Ha = /* @__PURE__ */ le({
+  name: "WxCatalogProductEditor",
+  __name: "ProductEditorPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(n) {
+    const t = n, i = ae(), f = ne(i), l = ze(), m = $e(), r = Ue();
+    oe();
+    const s = te("webx-catalog"), a = me(), w = h(() => Number(l.params.id)), b = h(() => `${t.base}/products`), y = D(null), x = D({}), C = D([]), A = D(""), S = D(!0), q = D(!1), F = D({}), O = D(null), L = h(() => i.can("catalog.manage")), U = h(() => i.can("catalog.delete")), N = h(() => !L.value || q.value), c = h(() => JSON.stringify(x.value)), g = h(() => A.value !== "" && c.value !== A.value), p = h(() => q.value ? "saving" : g.value ? "unsaved" : "saved"), j = h(
+      () => i.state.manifest?.modules.find(($) => $.id === "catalog")?.title ?? s("module.title")
+    ), H = h(() => {
+      const $ = x.value.name;
+      return xt($, r.active.value, y.value?.name ?? "") || s("panel.untitled");
+    }), se = h(() => {
+      const $ = y.value;
+      if ($)
+        return $.is_published && !$.visible ? s("panel.invisible") : $.sku ?? void 0;
+    });
+    ba({ product: y, images: C, locked: N }), yt({ id: h(() => y.value?.id ?? null) }), ft({
+      values: x,
+      prefix: D(""),
+      path: h(() => Ve(y.value?.url)?.replace(new RegExp(`-${y.value?.id}$`), "") ?? null),
+      moving: () => s("panel.address-moving")
+    });
+    function X($) {
+      y.value = $.product, x.value = $.values, C.value = $.images, A.value = JSON.stringify($.values);
+    }
+    async function re() {
+      S.value = !0;
+      try {
+        X(await f.product(w.value));
+      } catch ($) {
+        E.danger(a($)), m.push(b.value);
+      } finally {
+        S.value = !1;
+      }
+    }
+    async function ue() {
+      if (!(!y.value || q.value || !L.value)) {
+        q.value = !0, F.value = {}, O.value = null;
+        try {
+          X(await f.saveProduct(y.value.id, x.value)), E.success(s("panel.saved"));
+        } catch ($) {
+          const R = $.body;
+          R?.errors && Object.keys(R.errors).length > 0 ? (F.value = R.errors, O.value = R.meta?.taken_by ?? null, E.danger(s("panel.save-failed"))) : E.danger(a($));
+        } finally {
+          q.value = !1;
+        }
+      }
+    }
+    const ce = h(() => {
+      const $ = O.value;
+      if (!$) return null;
+      if ($.deleted) {
+        const R = typeof x.value.sku == "string" ? x.value.sku : "";
+        return { path: `${t.base}/deleted`, query: R ? { q: R } : {} };
+      }
+      return { path: `${t.base}/products/${$.id}` };
+    });
+    async function z() {
+      const $ = y.value;
+      if (!(!$ || !await ge({
+        title: s("panel.delete-product-title", { name: $.name }),
+        message: s("panel.delete-product-text"),
+        confirmText: s("panel.delete"),
+        cancelText: s("panel.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await f.removeProduct($.id), E.success(s("panel.product-deleted")), A.value = c.value, m.push(b.value);
+        } catch (ve) {
+          E.danger(a(ve));
+        }
+    }
+    function I($) {
+      g.value && $.preventDefault();
+    }
+    function Z($) {
+      ($.ctrlKey || $.metaKey) && $.key.toLowerCase() === "s" && ($.preventDefault(), g.value && ue());
+    }
+    ht(Z), we(w, () => {
+      re();
+    }), ie(() => {
+      re(), window.addEventListener("beforeunload", I);
+    }), Te(() => {
+      window.removeEventListener("beforeunload", I);
+    }), mt(async () => !g.value || !L.value ? !0 : await ge({
+      title: s("panel.leave-title"),
+      message: s("panel.leave-text"),
+      confirmText: s("panel.leave"),
+      cancelText: s("panel.cancel"),
+      tone: "danger"
+    }));
+    const T = h(() => {
+      const $ = y.value, R = [];
+      return $ && ($.url && R.push({ key: "site", label: s("panel.open-on-site"), icon: "link", href: $.url }), U.value && R.push({
+        key: "delete",
+        label: s("panel.delete"),
+        icon: "trash",
+        danger: !0,
+        menu: !0,
+        run: () => {
+          z();
+        }
+      })), R;
+    });
+    return ($, R) => (v(), B("div", {
+      class: "wx-catalog-product",
+      onKeydown: Z
+    }, [
+      S.value || !y.value ? (v(), B(ee, { key: 0 }, [
+        k(e(xe), {
+          class: "wx-catalog-product__ghost",
+          title: "",
+          rows: 1
+        }),
+        k(e($t), null, {
+          default: o(() => [
+            k(e(xe), { rows: 8 })
+          ]),
+          _: 1
+        })
+      ], 64)) : (v(), B(ee, { key: 1 }, [
+        k(e(bt), {
+          divider: "",
+          back: b.value,
+          "back-label": e(s)("module.products"),
+          title: H.value,
+          subtitle: se.value,
+          actions: T.value
+        }, {
+          trail: o(() => [
+            k(e(Ct), {
+              size: "sm",
+              label: e(s)("panel.product-trail")
+            }, {
+              default: o(() => [
+                k(e(be), {
+                  as: "router-link",
+                  to: b.value
+                }, {
+                  default: o(() => [
+                    P(_(j.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                y.value.category ? (v(), V(e(be), {
+                  key: 0,
+                  current: ""
+                }, {
+                  default: o(() => [
+                    P(_(y.value.category.name), 1)
+                  ]),
+                  _: 1
+                })) : (v(), V(e(be), {
+                  key: 1,
+                  current: ""
+                }, {
+                  default: o(() => [
+                    P(_(e(s)("product.no-category")), 1)
+                  ]),
+                  _: 1
+                }))
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          "title-after": o(() => [
+            k(e(Y), {
+              type: y.value.is_published ? y.value.visible ? "success" : "warning" : "default",
+              dot: ""
+            }, {
+              default: o(() => [
+                P(_(e(s)(`states.${y.value.state}`)), 1)
+              ]),
+              _: 1
+            }, 8, ["type"]),
+            y.value.category ? M("", !0) : (v(), V(e(Y), {
+              key: 0,
+              type: "warning",
+              round: ""
+            }, {
+              default: o(() => [
+                P(_(e(s)("product.no-category")), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        }, 8, ["back", "back-label", "title", "subtitle", "actions"]),
+        O.value && ce.value ? (v(), V(e(We), {
+          key: 0,
+          type: "warning",
+          description: F.value.sku?.[0] ?? "",
+          closable: "",
+          onClose: R[1] || (R[1] = (ve) => O.value = null)
+        }, {
+          actions: o(() => [
+            k(e(Q), {
+              size: "sm",
+              variant: "outline",
+              onClick: R[0] || (R[0] = (ve) => e(m).push(ce.value))
+            }, {
+              default: o(() => [
+                P(_(O.value.deleted ? e(s)("panel.sku-open-deleted") : e(s)("panel.sku-open")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["description"])) : M("", !0),
+        k(e(kt), {
+          modelValue: x.value,
+          "onUpdate:modelValue": R[2] || (R[2] = (ve) => x.value = ve),
+          name: "catalog.product-form",
+          errors: F.value,
+          disabled: N.value
+        }, null, 8, ["modelValue", "errors", "disabled"]),
+        L.value ? (v(), V(e(St), { key: 1 }, {
+          state: o(() => [
+            k(e(_t), { state: p.value }, null, 8, ["state"])
+          ]),
+          default: o(() => [
+            k(e(Q), {
+              type: "primary",
+              loading: q.value,
+              disabled: !g.value,
+              onClick: ue
+            }, {
+              default: o(() => [
+                P(_(e(s)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : M("", !0)
+      ], 64))
+    ], 32));
+  }
+}), Ja = /* @__PURE__ */ pe(Ha, [["__scopeId", "data-v-837dd378"]]), Xa = /* @__PURE__ */ le({
+  __name: "BulkParamsDialog",
+  props: {
+    action: {},
+    count: {}
+  },
+  setup(n) {
+    const t = n, { open: i, resolve: f, dismiss: l } = Xe(), m = ae(), r = ye(m);
+    oe();
+    const s = te("webx-catalog"), a = Qt({}), w = h(
+      () => t.action.params.every(
+        (C) => !C.rules?.includes("required") || a[C.name] !== void 0 && a[C.name] !== null && a[C.name] !== ""
+      )
+    );
+    ie(() => {
+      t.action.params.some((C) => C.type === "category") && r.load().catch(() => {
+      });
+    });
+    function b(C) {
+      return Array.isArray(C.values) ? C.values.map(
+        (A) => typeof A == "object" ? { value: A.value, label: A.label } : { value: A, label: String(A) }
+      ) : [];
+    }
+    function y(C, A) {
+      a[C.name] = Array.isArray(A) ? A[0] ?? null : A;
+    }
+    function x() {
+      w.value && f({ ...a });
+    }
+    return (C, A) => (v(), V(e(Qe), {
+      open: e(i),
+      "onUpdate:open": A[1] || (A[1] = (S) => je(i) ? i.value = S : null),
+      title: e(s)("panel.bulk-confirm-title", { action: n.action.label }),
+      width: 440
+    }, {
+      footer: o(() => [
+        k(e(Ye), { size: "sm" }, {
+          default: o(() => [
+            k(e(Q), {
+              variant: "outline",
+              onClick: A[0] || (A[0] = (S) => e(l)())
+            }, {
+              default: o(() => [
+                P(_(e(s)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            k(e(Q), {
+              type: n.action.permission === "catalog.delete" && !n.action.trashed ? "danger" : "primary",
+              disabled: !w.value,
+              onClick: x
+            }, {
+              default: o(() => [
+                P(_(e(s)("panel.bulk-apply")), 1)
+              ]),
+              _: 1
+            }, 8, ["type", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: o(() => [
+        k(e(J), {
+          tone: "muted",
+          size: "sm"
+        }, {
+          default: o(() => [
+            P(_(e(s)("panel.bulk-confirm-text", { count: n.count })), 1)
+          ]),
+          _: 1
+        }),
+        (v(!0), B(ee, null, ke(n.action.params, (S) => (v(), V(e(de), {
+          key: S.name,
+          label: S.label,
+          required: S.rules?.includes("required"),
+          class: "wx-catalog-bulk-params__field"
+        }, {
+          default: o(() => [
+            S.type === "category" ? (v(), V(e(De), {
+              key: 0,
+              "model-value": a[S.name] ?? null,
+              nodes: e(r).nodes.value ?? [],
+              "node-key": "id",
+              "label-key": "name",
+              "children-key": "children",
+              "check-strictly": "",
+              filterable: "",
+              "filter-placeholder": e(s)("panel.search-categories"),
+              "aria-label": S.label,
+              "onUpdate:modelValue": (q) => y(S, q)
+            }, null, 8, ["model-value", "nodes", "filter-placeholder", "aria-label", "onUpdate:modelValue"])) : Array.isArray(S.values) ? (v(), V(e(Re), {
+              key: 1,
+              "model-value": a[S.name] ?? null,
+              options: b(S),
+              "aria-label": S.label,
+              "onUpdate:modelValue": (q) => a[S.name] = q
+            }, null, 8, ["model-value", "options", "aria-label", "onUpdate:modelValue"])) : (v(), V(e(he), {
+              key: 2,
+              modelValue: a[S.name],
+              "onUpdate:modelValue": (q) => a[S.name] = q,
+              "aria-label": S.label
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-label"]))
+          ]),
+          _: 2
+        }, 1032, ["label", "required"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Qa = /* @__PURE__ */ pe(Xa, [["__scopeId", "data-v-b83c3fb0"]]), Ya = { class: "wx-catalog-bulk" }, Za = {
+  key: 1,
+  class: "wx-catalog-bulk__progress",
+  role: "status"
+}, el = {
+  key: 2,
+  class: "wx-catalog-bulk__refused"
+}, tl = { class: "wx-catalog-bulk__errors" }, ut = 1500, al = /* @__PURE__ */ le({
+  __name: "BulkBar",
+  props: {
+    count: {},
+    selection: {}
+  },
+  emits: ["finished"],
+  setup(n, { emit: t }) {
+    const i = n, f = t, l = ae(), m = ne(l);
+    oe();
+    const r = te("webx-catalog"), s = me(), a = Ze(
+      Qa
+    ), w = D([]), b = D(null), y = D(!1);
+    let x;
+    const C = h(
+      () => b.value !== null && (b.value.status === "queued" || b.value.status === "running")
+    ), A = h(
+      () => b.value !== null && !C.value && b.value.failed > 0 ? b.value : null
+    );
+    ie(async () => {
+      try {
+        w.value = await m.bulkActions();
+      } catch {
+        w.value = [];
+      }
+    }), Te(() => clearTimeout(x));
+    function S(U) {
+      return U.params.length > 0 || U.permission === "catalog.delete" && !U.trashed;
+    }
+    async function q(U) {
+      let N = {};
+      if (S(U)) {
+        const c = await a({ action: U, count: i.count });
+        if (!c) return;
+        N = c;
+      }
+      y.value = !0;
+      try {
+        F(await m.startBulk(U.key, N, i.selection));
+      } catch (c) {
+        E.danger(s(c));
+      } finally {
+        y.value = !1;
+      }
+    }
+    function F(U) {
+      if (b.value = U, U.status === "queued" || U.status === "running") {
+        x = setTimeout(() => {
+          O(U.id);
+        }, ut);
+        return;
+      }
+      L(U);
+    }
+    async function O(U) {
+      try {
+        F(await m.bulkRun(U));
+      } catch {
+        x = setTimeout(() => {
+          O(U);
+        }, ut * 2);
+      }
+    }
+    function L(U) {
+      U.total === 0 ? E.warning(r("panel.bulk-nothing")) : U.status === "failed" ? E.danger(r("panel.bulk-stopped", { count: U.done })) : U.failed === 0 && E.success(r("panel.bulk-done", { count: U.done })), U.failed === 0 && U.status !== "failed" && (b.value = null), f(
+        "finished",
+        U.errors.map((N) => N.id)
+      );
+    }
+    return (U, N) => (v(), B("div", Ya, [
+      w.value.length > 0 && !C.value ? (v(), V(e(na), {
+        key: 0,
+        align: "start"
+      }, {
+        trigger: o(() => [
+          k(e(Q), {
+            size: "sm",
+            variant: "outline",
+            loading: y.value
+          }, {
+            default: o(() => [
+              P(_(e(r)("panel.bulk-actions")) + " ", 1),
+              k(e(Be), {
+                name: "chevron-down",
+                size: "sm"
+              })
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ]),
+        default: o(() => [
+          (v(!0), B(ee, null, ke(w.value, (c) => (v(), V(e(oa), {
+            key: c.key,
+            tone: c.permission === "catalog.delete" && !c.trashed ? "danger" : "default",
+            onClick: (g) => q(c)
+          }, {
+            default: o(() => [
+              P(_(c.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["tone", "onClick"]))), 128))
+        ]),
+        _: 1
+      })) : M("", !0),
+      C.value && b.value ? (v(), B("div", Za, [
+        k(e(sa), {
+          value: b.value.done + b.value.failed,
+          max: Math.max(1, b.value.total),
+          size: "sm",
+          "aria-label": b.value.label
+        }, null, 8, ["value", "max", "aria-label"]),
+        k(e(J), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: o(() => [
+            P(_(b.value.label) + " · " + _(e(r)("panel.bulk-running", { done: b.value.done + b.value.failed, total: b.value.total })), 1)
+          ]),
+          _: 1
+        })
+      ])) : M("", !0),
+      A.value ? (v(), B("div", el, [
+        k(e(J), {
+          size: "sm",
+          weight: "medium"
+        }, {
+          default: o(() => [
+            P(_(A.value.label) + " · " + _(e(r)("panel.bulk-done", { count: A.value.done })) + " · " + _(e(r)("panel.bulk-refused", { count: A.value.failed })), 1)
+          ]),
+          _: 1
+        }),
+        G("details", tl, [
+          G("summary", null, _(e(r)("panel.bulk-errors")), 1),
+          G("ul", null, [
+            (v(!0), B(ee, null, ke(A.value.errors, (c) => (v(), B("li", {
+              key: c.id
+            }, [
+              G("strong", null, _(c.name), 1),
+              P(" — " + _(c.message), 1)
+            ]))), 128))
+          ])
+        ]),
+        k(e(Q), {
+          size: "sm",
+          variant: "text",
+          onClick: N[0] || (N[0] = (c) => b.value = null)
+        }, {
+          default: o(() => [
+            P(_(e(r)("panel.bulk-close")), 1)
+          ]),
+          _: 1
+        })
+      ])) : M("", !0)
+    ]));
+  }
+}), ll = /* @__PURE__ */ pe(al, [["__scopeId", "data-v-94557c14"]]), nl = /* @__PURE__ */ le({
+  __name: "ProductCreateDialog",
+  setup(n) {
+    const { open: t, resolve: i, dismiss: f } = Xe(), l = ae(), m = ne(l), r = Ue();
+    oe();
+    const s = te("webx-catalog"), a = D(""), w = D(!1), b = D({}), y = Me("field");
+    ie(async () => {
+      await ct(), y.value?.querySelector("input")?.focus();
+    });
+    async function x() {
+      if (!(a.value.trim() === "" || w.value)) {
+        w.value = !0, b.value = {};
+        try {
+          i(
+            await m.createProduct({
+              name: { [r.active.value]: a.value.trim() },
+              is_published: !1
+            })
+          );
+        } catch (C) {
+          b.value = C.body?.errors ?? {};
+        } finally {
+          w.value = !1;
+        }
+      }
+    }
+    return (C, A) => (v(), V(e(Qe), {
+      open: e(t),
+      "onUpdate:open": A[2] || (A[2] = (S) => je(t) ? t.value = S : null),
+      title: e(s)("panel.new-product"),
+      width: 440
+    }, {
+      footer: o(() => [
+        k(e(Ye), { size: "sm" }, {
+          default: o(() => [
+            k(e(Q), {
+              variant: "outline",
+              onClick: A[1] || (A[1] = (S) => e(f)())
+            }, {
+              default: o(() => [
+                P(_(e(s)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            k(e(Q), {
+              type: "primary",
+              loading: w.value,
+              disabled: a.value.trim() === "",
+              onClick: x
+            }, {
+              default: o(() => [
+                P(_(e(s)("panel.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: o(() => [
+        k(e(de), {
+          label: e(s)("product.name"),
+          error: e(_e)(b.value, "name") ?? e(_e)(b.value, "slug"),
+          required: ""
+        }, {
+          default: o(() => [
+            G("div", {
+              ref_key: "field",
+              ref: y
+            }, [
+              k(e(he), {
+                modelValue: a.value,
+                "onUpdate:modelValue": A[0] || (A[0] = (S) => a.value = S),
+                "aria-label": e(s)("product.name"),
+                onKeyup: Ke(x, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Le = "f.";
+function ol(n, t) {
+  const i = {};
+  for (const f of t) {
+    const l = n[`${Le}${f.key}`], m = typeof l == "string" ? l.trim() : "";
+    if (m !== "")
+      if (f.kind === "toggle")
+        m === "1" && (i[f.key] = !0);
+      else if (f.kind === "range") {
+        const [r, s] = m.split("-", 2).map((w) => w === "" ? null : Number(w)), a = {
+          min: Number.isFinite(r) ? r : null,
+          max: Number.isFinite(s) ? s : null
+        };
+        (a.min !== null || a.max !== null) && (i[f.key] = a);
+      } else {
+        const r = m.split(",").filter((s) => s !== "");
+        r.length > 0 && (i[f.key] = r);
+      }
+  }
+  return i;
+}
+function sl(n) {
+  if (n == null) return;
+  if (n === !0) return "1";
+  if (Array.isArray(n)) return n.length > 0 ? n.join(",") : void 0;
+  const t = n.min ?? null, i = n.max ?? null;
+  return t === null && i === null ? void 0 : `${t ?? ""}-${i ?? ""}`;
+}
+const rl = {
+  key: 0,
+  class: "wx-catalog-products__selection"
+}, ul = {
+  key: 1,
+  class: "wx-catalog-products__range"
+}, il = ["src"], cl = { class: "wx-catalog-products__name" }, dl = { class: "wx-catalog-products__title" }, pl = { class: "wx-catalog-products__sku" }, vl = { class: "wx-catalog-products__price" }, gl = { key: 0 }, ml = { key: 0 }, it = 640, yl = /* @__PURE__ */ le({
+  __name: "ProductsPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(n) {
+    const t = n, i = ae(), f = ne(i), l = ye(i), m = Vt(i), r = ze(), s = $e();
+    oe();
+    const a = te("webx-catalog"), w = te("webx-admin"), b = me(), y = Me("root"), x = ra(y), C = D(null), A = D(!0), S = D([]), q = D(!1), F = D(typeof r.query.q == "string" ? r.query.q : ""), O = D(Number(r.query.page ?? 1) || 1);
+    let L;
+    const U = Ze(nl), N = h(() => i.can("catalog.manage")), c = h(() => i.can("catalog.delete")), g = h(() => a("module.products")), p = h({
+      get: () => typeof r.query.view == "string" ? r.query.view : "",
+      set: (d) => {
+        s.replace({
+          query: { ...r.query, view: d === "" ? void 0 : String(d), page: void 0 }
+        });
+      }
+    }), j = h(
+      () => m.sorts.value.length > 0 ? m.sorts.value : [{ key: "default", label: a("panel.sort-default") }]
+    ), H = h(() => {
+      const d = r.query.sort;
+      return typeof d == "string" && m.sorts.value.some((W) => W.key === d) ? d : "default";
+    }), se = h(() => m.facets.value ?? []), X = h(() => ol(r.query, se.value)), re = h(() => {
+      const d = C.value?.counts.no_category ?? 0;
+      return [
+        { value: "", label: a("panel.view-all") },
+        { value: "published", label: a("panel.view-published") },
+        { value: "unpublished", label: a("panel.view-unpublished") },
+        {
+          value: "no-category",
+          label: a("panel.view-no-category"),
+          badge: d > 0 ? d : void 0
+        }
+      ];
+    }), ue = h(() => (C.value?.data ?? []).some((d) => "price" in d)), ce = h(() => C.value?.columns ?? []), z = h(() => x.value > 0 && x.value < it), I = h(
+      () => new Map(qe(l.nodes.value ?? []).map((d) => [String(d.id), d.name]))
+    ), Z = h(() => z.value ? [{ key: "card", label: "" }] : [
+      { key: "image", label: "", width: 64 },
+      { key: "name", label: a("panel.column-product"), minWidth: 200 },
+      { key: "category", label: a("product.category"), width: 180, hideBelow: 860 },
+      ...ue.value ? [{ key: "price", label: a("product.price"), width: 150, align: "right" }] : [],
+      ...ce.value.map((d) => ({
+        key: `x.${d.key}`,
+        label: d.label,
+        width: 120,
+        hideBelow: 1040
+      })),
+      { key: "state", label: a("panel.column-state"), width: 150, hideBelow: 720 },
+      { key: "updated_at", label: a("panel.column-updated"), width: 130, hideBelow: 1180 },
+      { key: "actions", label: "", width: Ae, align: "right" }
+    ]);
+    function T(d) {
+      return {
+        q: d?.search ?? F.value,
+        state: p.value,
+        sort: H.value,
+        page: d?.page ?? O.value,
+        per_page: d?.perPage ?? L,
+        facets: X.value
+      };
+    }
+    let $ = 0;
+    async function R(d) {
+      const W = ++$;
+      A.value = !0;
+      try {
+        const u = await f.products(T(d));
+        W === $ && (C.value = u);
+      } catch (u) {
+        E.danger(b(u));
+      } finally {
+        W === $ && (A.value = !1);
+      }
+    }
+    function ve(d) {
+      L = d.perPage;
+      const W = {
+        ...r.query,
+        q: d.search === "" ? void 0 : d.search,
+        page: d.page === 1 ? void 0 : String(d.page)
+      };
+      s.replace({ query: W }), R(d);
+    }
+    function fe(d, W) {
+      s.replace({
+        query: { ...r.query, [`${Le}${d}`]: sl(W), page: void 0 }
+      });
+    }
+    function Ut(d) {
+      s.replace({
+        query: {
+          ...r.query,
+          sort: typeof d == "string" && d !== "default" ? d : void 0,
+          page: void 0
+        }
+      });
+    }
+    function Dt() {
+      const d = Object.fromEntries(
+        Object.entries(r.query).filter(([W]) => !W.startsWith(Le))
+      );
+      s.replace({ query: { ...d, page: void 0 } });
+    }
+    function qt(d) {
+      const W = C.value?.facets?.[d]?.values ?? [], u = W.map((K) => ({
+        value: K.value,
+        label: `${K.label} (${K.count})`
+      }));
+      for (const K of Ne(d))
+        W.some((Gt) => Gt.value === K) || u.push({ value: K, label: K });
+      return u;
+    }
+    function Nt(d, W) {
+      return d.kind === "tree" ? I.value.get(String(W)) ?? `#${W}` : C.value?.facets?.[d.key]?.values?.find((u) => u.value === String(W))?.label ?? String(W);
+    }
+    function tt(d, W) {
+      const u = C.value?.facets?.[d]?.[W];
+      return typeof u == "number" ? lt.value.format(u) : "";
+    }
+    const Ce = h(
+      () => se.value.flatMap((d) => {
+        const W = X.value[d.key];
+        if (W === void 0) return [];
+        let u;
+        return W === !0 ? u = d.label : Array.isArray(W) ? u = `${d.label}: ${W.map((K) => Nt(d, K)).join(", ")}` : u = `${d.label}: ${W.min ?? "…"} – ${W.max ?? "…"}`, [{ key: d.key, label: u, clear: () => fe(d.key, null) }];
+      })
+    ), Ft = h(() => F.value !== "" || Ce.value.length > 0 || p.value !== "" ? a("panel.empty-search") : a("panel.empty-products"));
+    function Se(d) {
+      const W = X.value[d];
+      return W && !Array.isArray(W) && W !== !0 ? W : {};
+    }
+    function Ne(d) {
+      const W = X.value[d];
+      return Array.isArray(W) ? W.map(String) : [];
+    }
+    function Ot(d) {
+      return Ne(d).map(Number);
+    }
+    const Pe = h(() => C.value?.total ?? 0), Et = h(() => {
+      if (!q.value) return { ids: S.value.map(Number) };
+      const d = {};
+      for (const [W, u] of Object.entries(X.value))
+        d[W] = u === !0 ? ["1"] : u;
+      return { query: { q: F.value, state: String(p.value), facets: d } };
+    });
+    function It() {
+      S.value = [], q.value = !1;
+    }
+    function Rt(d) {
+      q.value = !1, S.value = d, R();
+    }
+    we([p, H, () => JSON.stringify(X.value), F], () => {
+      q.value = !1;
+    }), we([p, H, () => JSON.stringify(X.value)], () => {
+      O.value !== 1 ? O.value = 1 : R();
+    }), ie(() => {
+      m.load().catch(() => {
+      }), l.load().catch(() => {
+      });
+    });
+    function Fe(d) {
+      s.push({ path: `${t.base}/products/${d.id}` });
+    }
+    async function Bt() {
+      const d = await U({});
+      d && Fe(d.product);
+    }
+    async function at(d, W) {
+      try {
+        await f.saveProduct(d.id, { is_published: W }), E.success(a(W ? "panel.product-published" : "panel.product-unpublished")), await R();
+      } catch (u) {
+        E.danger(b(u));
+      }
+    }
+    async function Lt(d) {
+      if (await ge({
+        title: a("panel.delete-product-title", { name: d.name }),
+        message: a("panel.delete-product-text"),
+        confirmText: a("panel.delete"),
+        cancelText: a("panel.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await f.removeProduct(d.id), S.value = S.value.filter((u) => u !== d.id), E.success(a("panel.product-deleted")), await R();
+        } catch (u) {
+          E.danger(b(u));
+        }
+    }
+    function Mt(d) {
+      const W = [
+        { key: "open", icon: "edit", label: a("panel.open"), run: () => Fe(d) }
+      ];
+      return d.url && W.push({ key: "site", icon: "link", label: a("panel.open-on-site"), href: d.url }), N.value && W.push(
+        d.is_published ? {
+          key: "unpublish",
+          icon: "eye-off",
+          label: a("panel.unpublish"),
+          run: () => {
+            at(d, !1);
+          }
+        } : {
+          key: "publish",
+          icon: "eye",
+          label: a("panel.publish"),
+          run: () => {
+            at(d, !0);
+          }
+        }
+      ), c.value && W.push({
+        key: "delete",
+        icon: "trash",
+        label: a("panel.delete"),
+        danger: !0,
+        run: () => {
+          Lt(d);
+        }
+      }), W;
+    }
+    function Oe(d) {
+      return d.is_published ? d.visible ? "success" : "warning" : "default";
+    }
+    const lt = h(
+      () => new Intl.NumberFormat(i.i18n.state.locale, {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 2
+      })
+    );
+    function Ee(d) {
+      return d == null ? "—" : lt.value.format(d);
+    }
+    function nt(d) {
+      return d.unit ? ` / ${a(`units.${d.unit}`)}` : "";
+    }
+    function jt(d, W) {
+      const u = d.columns?.[W];
+      return u == null || u === "" ? "—" : typeof u == "boolean" ? u ? "✓" : "—" : String(u);
+    }
+    const Kt = h(() => {
+      const d = [];
+      return N.value && d.push({
+        key: "new",
+        label: a("panel.new-product"),
+        icon: "plus",
+        primary: !0,
+        run: () => {
+          Bt();
+        }
+      }), d.push({
+        key: "categories",
+        label: a("module.categories"),
+        icon: "folder",
+        run: () => {
+          s.push(`${t.base}/categories`);
+        }
+      }), c.value && d.push({
+        key: "deleted",
+        label: a("module.deleted"),
+        icon: "trash",
+        menu: !0,
+        run: () => {
+          s.push(`${t.base}/deleted`);
+        }
+      }), d;
+    });
+    return (d, W) => (v(), B("div", {
+      ref_key: "root",
+      ref: y,
+      class: "wx-catalog-products"
+    }, [
+      k(e(He), {
+        view: p.value,
+        "onUpdate:view": W[4] || (W[4] = (u) => p.value = u),
+        title: g.value,
+        views: re.value,
+        actions: Kt.value
+      }, {
+        default: o(() => [
+          S.value.length > 0 || q.value ? (v(), B("div", rl, [
+            k(e(J), {
+              size: "sm",
+              weight: "medium"
+            }, {
+              default: o(() => [
+                P(_(q.value ? e(a)("panel.selected-all", { count: Pe.value }) : e(a)("panel.selected", { count: S.value.length })), 1)
+              ]),
+              _: 1
+            }),
+            !q.value && Pe.value > S.value.length ? (v(), V(e(Q), {
+              key: 0,
+              size: "sm",
+              variant: "text",
+              onClick: W[0] || (W[0] = (u) => q.value = !0)
+            }, {
+              default: o(() => [
+                P(_(e(a)("panel.select-all-found", { count: Pe.value })), 1)
+              ]),
+              _: 1
+            })) : M("", !0),
+            k(e(Q), {
+              size: "sm",
+              variant: "text",
+              onClick: It
+            }, {
+              default: o(() => [
+                P(_(e(a)("panel.select-clear")), 1)
+              ]),
+              _: 1
+            }),
+            N.value || c.value ? (v(), V(ll, {
+              key: 1,
+              count: q.value ? Pe.value : S.value.length,
+              selection: Et.value,
+              onFinished: Rt
+            }, null, 8, ["count", "selection"])) : M("", !0)
+          ])) : M("", !0),
+          k(e(et), {
+            selected: S.value,
+            "onUpdate:selected": W[1] || (W[1] = (u) => S.value = u),
+            search: F.value,
+            "onUpdate:search": W[2] || (W[2] = (u) => F.value = u),
+            page: O.value,
+            "onUpdate:page": W[3] || (W[3] = (u) => O.value = u),
+            data: C.value,
+            columns: Z.value,
+            "row-key": "id",
+            searchable: "",
+            selectable: "",
+            clickable: "",
+            hover: "",
+            flush: "",
+            loading: A.value,
+            layout: "fixed",
+            "cards-below": it,
+            "filters-count": Ce.value.length,
+            "filters-label": e(w)("filters.title"),
+            "search-placeholder": e(a)("panel.search-products"),
+            "empty-text": Ft.value,
+            "aria-label": g.value,
+            onRowClick: Fe,
+            onStateChange: ve
+          }, Yt({
+            filters: o(() => [
+              k(e(de), {
+                label: e(a)("panel.sort")
+              }, {
+                default: o(() => [
+                  k(e(Re), {
+                    "model-value": H.value,
+                    options: j.value.map((u) => ({ value: u.key, label: u.label })),
+                    size: "sm",
+                    "onUpdate:modelValue": Ut
+                  }, null, 8, ["model-value", "options"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              (v(!0), B(ee, null, ke(se.value, (u) => (v(), V(e(de), {
+                key: u.key,
+                label: u.label
+              }, {
+                default: o(() => [
+                  u.kind === "tree" ? (v(), V(e(De), {
+                    key: 0,
+                    "model-value": Ot(u.key),
+                    nodes: e(l).nodes.value ?? [],
+                    "node-key": "id",
+                    "label-key": "name",
+                    "children-key": "children",
+                    multiple: "",
+                    "check-strictly": "",
+                    filterable: "",
+                    clearable: "",
+                    size: "sm",
+                    placeholder: e(a)("panel.any"),
+                    "onUpdate:modelValue": (K) => fe(u.key, Array.isArray(K) ? K.map(String) : [])
+                  }, null, 8, ["model-value", "nodes", "placeholder", "onUpdate:modelValue"])) : u.kind === "range" ? (v(), B("div", ul, [
+                    k(e(ot), {
+                      "model-value": Se(u.key).min ?? null,
+                      min: 0,
+                      controls: !1,
+                      size: "sm",
+                      placeholder: tt(u.key, "min") || e(a)("panel.range-from"),
+                      "aria-label": `${u.label}: ${e(a)("panel.range-from")}`,
+                      "onUpdate:modelValue": (K) => fe(u.key, { ...Se(u.key), min: K ?? null })
+                    }, null, 8, ["model-value", "placeholder", "aria-label", "onUpdate:modelValue"]),
+                    k(e(ot), {
+                      "model-value": Se(u.key).max ?? null,
+                      min: 0,
+                      controls: !1,
+                      size: "sm",
+                      placeholder: tt(u.key, "max") || e(a)("panel.range-to"),
+                      "aria-label": `${u.label}: ${e(a)("panel.range-to")}`,
+                      "onUpdate:modelValue": (K) => fe(u.key, { ...Se(u.key), max: K ?? null })
+                    }, null, 8, ["model-value", "placeholder", "aria-label", "onUpdate:modelValue"])
+                  ])) : u.kind === "toggle" ? (v(), V(e(Ie), {
+                    key: 2,
+                    "model-value": X.value[u.key] === !0,
+                    size: "sm",
+                    "onUpdate:modelValue": (K) => fe(u.key, K ? !0 : null)
+                  }, null, 8, ["model-value", "onUpdate:modelValue"])) : (v(), V(e(Re), {
+                    key: 3,
+                    "model-value": Ne(u.key),
+                    options: qt(u.key),
+                    multiple: "",
+                    filterable: "",
+                    clearable: "",
+                    size: "sm",
+                    placeholder: e(a)("panel.any"),
+                    "onUpdate:modelValue": (K) => fe(u.key, Array.isArray(K) ? K.map(String) : [])
+                  }, null, 8, ["model-value", "options", "placeholder", "onUpdate:modelValue"]))
+                ]),
+                _: 2
+              }, 1032, ["label"]))), 128)),
+              Ce.value.length > 0 ? (v(), V(e(Q), {
+                key: 0,
+                variant: "text",
+                size: "sm",
+                block: "",
+                onClick: Dt
+              }, {
+                icon: o(() => [
+                  k(e(Be), { name: "close" })
+                ]),
+                default: o(() => [
+                  P(" " + _(e(w)("filters.reset")), 1)
+                ]),
+                _: 1
+              })) : M("", !0)
+            ]),
+            applied: o(() => [
+              k(e(ta), { filters: Ce.value }, null, 8, ["filters"])
+            ]),
+            "cell-image": o(({ row: u }) => [
+              G("span", {
+                class: Ge(["wx-catalog-products__image", { "is-empty": !u.image }])
+              }, [
+                u.image ? (v(), B("img", {
+                  key: 0,
+                  src: u.image.thumb ?? u.image.url,
+                  alt: "",
+                  loading: "lazy"
+                }, null, 8, il)) : (v(), V(e(Be), {
+                  key: 1,
+                  name: "image",
+                  size: "sm"
+                }))
+              ], 2)
+            ]),
+            "cell-name": o(({ row: u }) => [
+              G("div", cl, [
+                G("span", dl, _(u.name), 1),
+                G("span", pl, _(u.sku ?? ""), 1)
+              ])
+            ]),
+            "cell-category": o(({ row: u }) => [
+              u.category ? (v(), V(e(J), {
+                key: 1,
+                size: "sm",
+                truncate: "",
+                tone: u.category.deleted ? "muted" : void 0
+              }, {
+                default: o(() => [
+                  P(_(u.category.name), 1)
+                ]),
+                _: 2
+              }, 1032, ["tone"])) : (v(), V(e(Y), {
+                key: 0,
+                type: "warning",
+                size: "sm",
+                round: ""
+              }, {
+                default: o(() => [
+                  P(_(e(a)("product.no-category")), 1)
+                ]),
+                _: 1
+              }))
+            ]),
+            "cell-price": o(({ row: u }) => [
+              G("span", vl, [
+                G("span", null, [
+                  P(_(Ee(u.price)), 1),
+                  u.price != null ? (v(), B("small", gl, _(nt(u)), 1)) : M("", !0)
+                ]),
+                u.old_price != null ? (v(), B("s", ml, _(Ee(u.old_price)), 1)) : M("", !0)
+              ])
+            ]),
+            "cell-state": o(({ row: u }) => [
+              u.is_published && !u.visible ? (v(), V(e(ia), {
+                key: 0,
+                content: e(a)("panel.invisible")
+              }, {
+                default: o(() => [
+                  k(e(Y), {
+                    type: Oe(u),
+                    dot: "",
+                    size: "sm"
+                  }, {
+                    default: o(() => [
+                      P(_(e(a)(`states.${u.state}`)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"])
+                ]),
+                _: 2
+              }, 1032, ["content"])) : (v(), V(e(Y), {
+                key: 1,
+                type: Oe(u),
+                dot: "",
+                size: "sm"
+              }, {
+                default: o(() => [
+                  P(_(e(a)(`states.${u.state}`)), 1)
+                ]),
+                _: 2
+              }, 1032, ["type"]))
+            ]),
+            "cell-updated_at": o(({ row: u }) => [
+              k(e(wt), {
+                value: u.updated_at,
+                compact: ""
+              }, null, 8, ["value"])
+            ]),
+            "cell-card": o(({ row: u }) => [
+              k(e(ua), {
+                variant: "plain",
+                title: u.name,
+                image: u.image?.thumb ?? u.image?.url ?? void 0,
+                "image-size": "56px",
+                "title-lines": 2,
+                subtitle: u.sku ?? void 0
+              }, {
+                meta: o(() => [
+                  k(e(Y), {
+                    type: Oe(u),
+                    dot: "",
+                    size: "sm"
+                  }, {
+                    default: o(() => [
+                      P(_(e(a)(`states.${u.state}`)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"]),
+                  u.category ? M("", !0) : (v(), V(e(Y), {
+                    key: 0,
+                    type: "warning",
+                    size: "sm",
+                    round: ""
+                  }, {
+                    default: o(() => [
+                      P(_(e(a)("product.no-category")), 1)
+                    ]),
+                    _: 1
+                  })),
+                  ue.value && u.price != null ? (v(), V(e(J), {
+                    key: 1,
+                    size: "sm"
+                  }, {
+                    default: o(() => [
+                      P(_(Ee(u.price)) + _(nt(u)), 1)
+                    ]),
+                    _: 2
+                  }, 1024)) : M("", !0)
+                ]),
+                _: 2
+              }, 1032, ["title", "image", "subtitle"])
+            ]),
+            "cell-actions": o(({ row: u }) => [
+              k(e(Je), {
+                actions: Mt(u),
+                label: u.name
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 2
+          }, [
+            ke(ce.value, (u) => ({
+              name: `cell-x.${u.key}`,
+              fn: o(({ row: K }) => [
+                k(e(J), {
+                  size: "sm",
+                  truncate: ""
+                }, {
+                  default: o(() => [
+                    P(_(jt(K, u.key)), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ])
+            }))
+          ]), 1032, ["selected", "search", "page", "data", "columns", "loading", "filters-count", "filters-label", "search-placeholder", "empty-text", "aria-label"])
+        ]),
+        _: 1
+      }, 8, ["view", "title", "views", "actions"])
+    ], 512));
+  }
+}), fl = /* @__PURE__ */ pe(yl, [["__scopeId", "data-v-541fe844"]]);
+function wl(n = {}) {
+  const t = n.path ?? "/catalog", i = { base: t };
+  return {
+    id: "catalog",
+    path: t,
+    routes: [
+      { path: t, redirect: `${t}/products` },
+      { path: `${t}/products`, name: "webx.catalog.products", component: fl, props: i },
+      {
+        path: `${t}/products/:id(\\d+)`,
+        name: "webx.catalog.products.edit",
+        component: Ja,
+        props: i
+      },
+      {
+        path: `${t}/categories`,
+        name: "webx.catalog.categories",
+        component: ha,
+        props: i
+      },
+      {
+        path: `${t}/categories/:id(\\d+)`,
+        name: "webx.catalog.categories.edit",
+        component: $a,
+        props: i
+      },
+      { path: `${t}/deleted`, name: "webx.catalog.deleted", component: Ua, props: i }
+    ],
+    types: {
+      "wx-catalog-category": { component: Ca, kind: "field" },
+      // Wide: a row of the list carries a name, a switch and a grip, and half a line is too narrow
+      // to read which filter is which.
+      "wx-catalog-facets": { component: Oa, kind: "field", wide: !0 },
+      "wx-catalog-gallery": { component: Ga, kind: "display" }
+    }
+  };
+}
+export {
+  ca as CATALOG_API,
+  ha as WxCatalogCategoriesPage,
+  ma as WxCatalogCategoryCreateDialog,
+  $a as WxCatalogCategoryEditor,
+  Ca as WxCatalogCategoryField,
+  Ua as WxCatalogDeletedPage,
+  Oa as WxCatalogFacetsField,
+  Ga as WxCatalogGallery,
+  nl as WxCatalogProductCreateDialog,
+  Ja as WxCatalogProductEditor,
+  fl as WxCatalogProductsPage,
+  wl as catalog,
+  va as catalogMessages,
+  zt as categoryEditorKey,
+  ne as createCatalogApi,
+  Tt as productEditorKey,
+  da as productSearch,
+  _a as provideCatalogCategoryEditor,
+  ba as provideProductEditor,
+  wa as useCatalogCategoryEditor,
+  ye as useCategoryTree,
+  Vt as useFacetRegistry,
+  ka as useProductEditor
+};
+//# sourceMappingURL=index.js.map