@webx-ui/module-catalog-landings 0.1.0

package/dist/index.js

@@ -0,0 +1,1903 @@
+import { provide as Qe, inject as Xe, defineComponent as ge, computed as x, ref as S, watch as de, onMounted as Ve, onBeforeUnmount as Ue, openBlock as v, createElementBlock as B, Fragment as re, createVNode as n, unref as e, withCtx as l, createSlots as Ye, createTextVNode as w, toDisplayString as f, createBlock as O, createCommentVNode as M, useModel as Se, createElementVNode as le, renderList as Ae, mergeModels as Ze, isRef as ea } from "vue";
+import { useRoute as Me, useRouter as qe, onBeforeRouteLeave as aa, RouterLink as la } from "vue-router";
+import { useLocales as $e, localizedValue as ze, confirm as Te, WxSkeleton as Pe, WxCard as ta, WxBreadcrumb as na, WxBreadcrumbItem as Ee, WxBadge as ue, WxAlert as be, WxActionBar as sa, WxButton as se, toast as I, WxAutocomplete as oa, WxText as X, WxSortableList as ua, WxIcon as xe, WxInputNumber as Ne, WxSelect as _e, WxLink as ia, WxInput as fe, useModal as ra, WxDialog as da, WxFormItem as K, WxTreeSelect as Ie, WxSwitch as he, WxTable as Re, WxProgress as ca, WxSpace as va, createModal as ga, WxTooltip as pa } from "@webx-ui/core";
+import { useAdmin as pe, useTranslate as ce, useErrorText as ke, provideHistorySubject as ma, useBodyKeys as fa, WxScreenHead as ha, WxScreen as ba, WxSaveState as ya, rowMenuWidth as _a, WxListScreen as ka, WxRowMenu as wa, WxDate as xa, WxFilterChips as Va } from "@webx-ui/module-admin";
+import { createCatalogApi as Sa, useFacetRegistry as $a, useCategoryTree as je } from "@webx-ui/module-catalog";
+const Wa = "catalog/landings";
+function Ca(y) {
+  const i = new URLSearchParams();
+  for (const [g, s] of Object.entries(y))
+    s == null || s === "" || i.set(g, typeof s == "boolean" ? s ? "1" : "0" : String(s));
+  return i;
+}
+function We(y) {
+  const i = `${y.apiPath}/${Wa}`, g = (s) => s.data;
+  return {
+    list: (s = {}) => {
+      const _ = Ca(s);
+      return y.http.get(_.size > 0 ? `${i}?${_}` : i);
+    },
+    get: (s) => y.http.get(`${i}/${s}`).then(g),
+    create: (s) => y.http.post(i, s).then(g),
+    save: (s, _) => y.http.put(`${i}/${s}`, _).then(g),
+    remove: (s) => y.http.delete(`${i}/${s}`).then(() => {
+    }),
+    restore: (s) => y.http.post(`${i}/${s}/restore`, {}).then(g),
+    publish: (s, _) => y.http.post(`${i}/${s}/${_ ? "publish" : "unpublish"}`, {}).then(g),
+    count: (s, _, V = null) => y.http.post(`${i}/count`, { category_id: s, filters: _, except: V }).then(g),
+    facets: (s) => y.http.get(s === null ? `${i}/facets` : `${i}/facets?category=${s}`).then(g),
+    preview: (s) => y.http.post(`${i}/generate`, { ...s, dry_run: !0 }).then(g),
+    generate: (s) => y.http.post(`${i}/generate`, s).then(g),
+    run: (s) => y.http.get(`${i}/generate/${s}`).then(g)
+  };
+}
+const La = [
+  "category_id",
+  "filters",
+  "name",
+  "slug",
+  "h1",
+  "text_above",
+  "text_below",
+  "sort",
+  "on_category",
+  "position",
+  "recommended",
+  "seo"
+];
+function za(y) {
+  const i = {};
+  for (const g of La) i[g] = y[g] ?? null;
+  return Array.isArray(i.filters) && (i.filters = {}), i;
+}
+function Oe(y) {
+  const i = {};
+  for (const [g, s] of Object.entries(y ?? {}))
+    "values" in s ? s.values.length > 0 && (i[g] = { values: [...s.values] }) : (s.min !== null || s.max !== null) && (i[g] = { min: s.min, max: s.max });
+  return i;
+}
+const De = /* @__PURE__ */ Symbol("wx-catalog-landing");
+function Ta(y) {
+  Qe(De, y);
+}
+function Ce() {
+  return Xe(De, null);
+}
+const Na = {
+  module: {
+    title: "Landings",
+    landing: "Landing"
+  },
+  landing: {
+    category_id: "Base",
+    filters: "Set",
+    name: "Name",
+    slug: "Address",
+    h1: "H1",
+    text_above: "Text above the list",
+    text_below: "Text under the list",
+    sort: "Default sort",
+    on_category: "In the category’s collections",
+    position: "Order",
+    is_published: "Published",
+    attention: "Needs attention",
+    "whole-catalog": "The whole catalogue",
+    "tab-main": "Main",
+    "tab-texts": "Texts",
+    "tab-recommended": "Recommended",
+    "tab-seo": "SEO",
+    "tab-history": "History",
+    display: "On the site",
+    "name-help": "The label in the panel and in the links of the collections.",
+    "category-help": "The list the landing narrows. Empty — the whole catalogue.",
+    "slug-help": "From the site’s root, like a category’s: /laptops-apple/.",
+    "sort-help": "The order a reader sees first; the one they choose wins.",
+    "sort-default": "As the category",
+    "on-category-help": "A link in «Collections» on the page of the base.",
+    "position-help": "Smaller first, in the collections and among the neighbours.",
+    "h1-help": "Empty — the name.",
+    "text-help": "Shown on the landing’s first page with nothing more chosen.",
+    recommended: "Recommended products",
+    "recommended-help": "A strip over the list, in this order; the list itself does not change.",
+    "recommended-search": "Find a product by name or SKU",
+    "recommended-empty": "No products picked.",
+    "recommended-remove": "Remove",
+    "set-add": "Add a facet",
+    "set-empty": "Add a facet and choose its values.",
+    "set-remove": "Remove the facet",
+    "set-values": "Choose values",
+    "set-from": "From",
+    "set-to": "To",
+    "set-count": "Products: :count",
+    "set-counting": "Counting…",
+    "set-taken": "This set on this base is already the landing «:name».",
+    "set-open-taken": "Open it",
+    "slug-suggested": "Suggested: :slug",
+    "slug-use": "Use",
+    "attention-value_removed": "A value of the set was deleted",
+    "attention-duplicate": "The set became another landing’s",
+    "attention-empty_set": "Nothing is left of the set"
+  },
+  panel: {
+    new: "New landing",
+    generate: "Create in bulk",
+    empty: "No landings yet.",
+    "empty-help": "A landing is a category’s list with filters chosen in advance, under an address, texts and SEO of its own.",
+    "nothing-found": "Nothing matches the filters.",
+    search: "Name or address",
+    "column-name": "Name",
+    "column-base": "Base",
+    "column-set": "Set",
+    "column-count": "Products",
+    "column-state": "State",
+    "column-updated": "Updated",
+    "filter-base": "Base",
+    "filter-attention": "Needs attention",
+    "filter-published": "Published only",
+    "filter-empty": "Empty only",
+    "filter-trashed": "In the bin",
+    published: "Published",
+    unpublished: "Not published",
+    "not-counted": "Not counted yet",
+    open: "Open",
+    "open-site": "Open on the site",
+    publish: "Publish",
+    unpublish: "Unpublish",
+    delete: "Delete",
+    restore: "Restore",
+    "delete-title": "Delete «:name»?",
+    "delete-text": "It goes to the bin, and its address stops answering. Its set stays taken until it is gone for good.",
+    deleted: "The landing is in the bin.",
+    restored: "The landing is back.",
+    "published-toast": "The landing is published.",
+    "unpublished-toast": "The landing is unpublished.",
+    saved: "The landing is saved.",
+    created: "The landing is created.",
+    save: "Save",
+    create: "Create",
+    "save-failed": "Not saved — see the fields.",
+    cancel: "Cancel",
+    "leave-title": "Leave without saving?",
+    "leave-text": "What you changed here will be lost.",
+    leave: "Leave",
+    untitled: "A new landing",
+    "in-bin": "In the bin",
+    trail: "Where you are"
+  },
+  generate: {
+    title: "Create landings in bulk",
+    bases: "Bases",
+    "bases-help": "One category or several; a landing per category and value.",
+    subtree: "With every category under them",
+    facet: "Facet",
+    values: "Values",
+    "values-help": "Empty — every value with products on the base.",
+    "min-products": "At least products",
+    "min-products-help": "For «every value»: values with fewer products on the base are left out.",
+    templates: "Templates",
+    "templates-help": "{category} and {value} are replaced: the slugs in the address, the names in the texts.",
+    slug: "Address",
+    name: "Name",
+    h1: "H1",
+    "seo-title": "SEO title",
+    "seo-description": "SEO description",
+    "template-empty": "Empty — not set",
+    publish: "Publish at once",
+    preview: "Preview",
+    back: "Back",
+    run: "Create :count",
+    close: "Close",
+    "column-address": "Address",
+    "column-h1": "H1",
+    "column-count": "Products",
+    "column-conflict": "Skipped because",
+    summary: "Will be created: :free; skipped: :skipped.",
+    nothing: "Nothing to create: every row is skipped.",
+    running: "Creating landings…",
+    done: "Created: :done; skipped: :skipped; refused: :failed.",
+    failed: "The generation stopped. What was created stays.",
+    "conflict-slug-taken": "The address :slug is taken.",
+    "conflict-set-taken": "The set is already the landing «:name».",
+    "conflict-empty": "No products.",
+    "conflict-no-slug": "A slug or a name to fill the template with is missing."
+  }
+}, ve = "webx-catalog-landings", Be = /* @__PURE__ */ new WeakSet();
+function me() {
+  try {
+    const { i18n: y } = pe();
+    Be.has(y) || (y.defaults(ve, Na), Be.add(y));
+  } catch {
+  }
+}
+const Oa = /* @__PURE__ */ ge({
+  name: "WxCatalogLandingEditor",
+  __name: "LandingEditorPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(y) {
+    const i = y, g = pe(), s = We(g), _ = Me(), V = qe(), R = $e();
+    me();
+    const t = ce(ve), u = ke(), z = x(() => `${i.base}/landings`), T = x(() => _.params.id === void 0 || _.params.id === "new"), W = x(() => T.value ? null : Number(_.params.id)), h = S(null), L = S({}), E = S(""), F = S({}), j = S(!0), P = S(!1), N = S({}), m = x(() => g.can("catalog.manage")), $ = x(() => (h.value?.deleted_at ?? null) !== null), A = x(() => !m.value || P.value || $.value), b = x(() => JSON.stringify(L.value)), H = x(() => E.value !== "" && b.value !== E.value), ie = x(() => P.value ? "saving" : H.value || T.value ? "unsaved" : "saved"), Z = x(
+      () => g.state.manifest?.modules.find((a) => a.id === "catalog-landings")?.title ?? t("module.title")
+    ), J = x(() => {
+      const a = L.value.name;
+      return ze(a, R.active.value, "") || t("panel.untitled");
+    }), q = x(() => {
+      const a = h.value;
+      if (a)
+        return [a.category ?? t("landing.whole-catalog"), a.url ?? ""].filter(Boolean).join(" · ");
+    });
+    Ta({ landing: h, values: L, locked: A, suggested: F, list: z.value }), ma({ id: x(() => h.value?.id ?? null) });
+    function D(a) {
+      h.value = a, L.value = za(a), E.value = JSON.stringify(L.value);
+    }
+    function te() {
+      h.value = null, L.value = {
+        category_id: _.query.category ? Number(_.query.category) : null,
+        filters: {},
+        name: {},
+        slug: {},
+        h1: {},
+        text_above: {},
+        text_below: {},
+        sort: null,
+        on_category: !1,
+        position: 0,
+        recommended: [],
+        seo: {}
+      }, E.value = JSON.stringify(L.value);
+    }
+    async function Y() {
+      if (N.value = {}, W.value === null) {
+        te(), j.value = !1;
+        return;
+      }
+      j.value = !0;
+      try {
+        D(await s.get(W.value));
+      } catch (a) {
+        I.danger(u(a)), V.push(z.value);
+      } finally {
+        j.value = !1;
+      }
+    }
+    function G() {
+      return { ...L.value, filters: Oe(L.value.filters) };
+    }
+    async function Q() {
+      if (!(P.value || !m.value)) {
+        P.value = !0, N.value = {};
+        try {
+          if (W.value === null) {
+            const a = await s.create(G());
+            D(a), I.success(t("panel.created")), await V.replace(`${z.value}/${a.id}`);
+          } else
+            D(await s.save(W.value, G())), I.success(t("panel.saved"));
+        } catch (a) {
+          const o = a.body;
+          o?.errors && Object.keys(o.errors).length > 0 ? (N.value = o.errors, I.danger(t("panel.save-failed"))) : I.danger(u(a));
+        } finally {
+          P.value = !1;
+        }
+      }
+    }
+    async function ee(a) {
+      const o = h.value;
+      if (o)
+        try {
+          const ae = await s.publish(o.id, a);
+          h.value = { ...o, ...ae }, I.success(t(a ? "panel.published-toast" : "panel.unpublished-toast"));
+        } catch (ae) {
+          I.danger(u(ae));
+        }
+    }
+    async function ne() {
+      const a = h.value;
+      if (!(!a || !await Te({
+        title: t("panel.delete-title", { name: J.value }),
+        message: t("panel.delete-text"),
+        confirmText: t("panel.delete"),
+        cancelText: t("panel.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await s.remove(a.id), I.success(t("panel.deleted")), E.value = b.value, V.push(z.value);
+        } catch (ae) {
+          I.danger(u(ae));
+        }
+    }
+    async function c() {
+      const a = h.value;
+      if (a)
+        try {
+          D(await s.restore(a.id)), I.success(t("panel.restored"));
+        } catch (o) {
+          I.danger(u(o));
+        }
+    }
+    function C(a) {
+      H.value && a.preventDefault();
+    }
+    function U(a) {
+      (a.ctrlKey || a.metaKey) && a.key.toLowerCase() === "s" && (a.preventDefault(), (H.value || T.value) && Q());
+    }
+    fa(U), de(W, (a, o) => {
+      o === null && a !== null && h.value?.id === a || Y();
+    }), Ve(() => {
+      Y(), window.addEventListener("beforeunload", C);
+    }), Ue(() => {
+      window.removeEventListener("beforeunload", C);
+    }), aa(async () => !H.value || !m.value ? !0 : await Te({
+      title: t("panel.leave-title"),
+      message: t("panel.leave-text"),
+      confirmText: t("panel.leave"),
+      cancelText: t("panel.cancel"),
+      tone: "danger"
+    }));
+    const r = x(() => {
+      const a = h.value;
+      if (!a || !m.value) return [];
+      if ($.value)
+        return [
+          { key: "restore", label: t("panel.restore"), icon: "refresh", run: () => {
+            c();
+          } }
+        ];
+      const o = [];
+      return a.url && o.push({
+        key: "site",
+        label: t("panel.open-site"),
+        icon: "external-link",
+        run: () => {
+          window.open(a.url ?? "", "_blank", "noopener");
+        }
+      }), o.push(
+        a.is_published ? {
+          key: "unpublish",
+          label: t("panel.unpublish"),
+          icon: "eye-off",
+          run: () => {
+            ee(!1);
+          }
+        } : { key: "publish", label: t("panel.publish"), icon: "eye", run: () => {
+          ee(!0);
+        } },
+        {
+          key: "delete",
+          label: t("panel.delete"),
+          icon: "trash",
+          danger: !0,
+          menu: !0,
+          run: () => {
+            ne();
+          }
+        }
+      ), o;
+    });
+    return (a, o) => (v(), B("div", {
+      class: "wx-catalog-landing-editor",
+      onKeydown: U
+    }, [
+      j.value ? (v(), B(re, { key: 0 }, [
+        n(e(Pe), {
+          class: "wx-catalog-landing-editor__ghost",
+          title: "",
+          rows: 1
+        }),
+        n(e(ta), null, {
+          default: l(() => [
+            n(e(Pe), { rows: 6 })
+          ]),
+          _: 1
+        })
+      ], 64)) : (v(), B(re, { key: 1 }, [
+        n(e(ha), {
+          divider: "",
+          back: z.value,
+          "back-label": Z.value,
+          title: J.value,
+          subtitle: q.value,
+          actions: r.value
+        }, Ye({
+          trail: l(() => [
+            n(e(na), {
+              size: "sm",
+              label: e(t)("panel.trail")
+            }, {
+              default: l(() => [
+                n(e(Ee), {
+                  as: "router-link",
+                  to: z.value
+                }, {
+                  default: l(() => [
+                    w(f(Z.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                n(e(Ee), { current: "" }, {
+                  default: l(() => [
+                    w(f(J.value), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 2
+        }, [
+          h.value ? {
+            name: "title-after",
+            fn: l(() => [
+              $.value ? (v(), O(e(ue), {
+                key: 0,
+                dot: ""
+              }, {
+                default: l(() => [
+                  w(f(e(t)("panel.in-bin")), 1)
+                ]),
+                _: 1
+              })) : (v(), O(e(ue), {
+                key: 1,
+                type: h.value.is_published ? "success" : "default",
+                dot: "",
+                size: "sm"
+              }, {
+                default: l(() => [
+                  w(f(e(t)(h.value.is_published ? "panel.published" : "panel.unpublished")), 1)
+                ]),
+                _: 1
+              }, 8, ["type"]))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["back", "back-label", "title", "subtitle", "actions"]),
+        h.value?.attention ? (v(), O(e(be), {
+          key: 0,
+          type: "warning"
+        }, {
+          default: l(() => [
+            w(f(e(t)(`landing.attention-${h.value.attention}`)), 1)
+          ]),
+          _: 1
+        })) : M("", !0),
+        n(e(ba), {
+          modelValue: L.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (ae) => L.value = ae),
+          name: "catalog.landing-form",
+          errors: N.value,
+          disabled: A.value
+        }, null, 8, ["modelValue", "errors", "disabled"]),
+        m.value && !$.value ? (v(), O(e(sa), { key: 1 }, {
+          state: l(() => [
+            n(e(ya), { state: ie.value }, null, 8, ["state"])
+          ]),
+          default: l(() => [
+            n(e(se), {
+              type: "primary",
+              loading: P.value,
+              disabled: !H.value && !T.value,
+              onClick: Q
+            }, {
+              default: l(() => [
+                w(f(e(t)(T.value ? "panel.create" : "panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : M("", !0)
+      ], 64))
+    ], 32));
+  }
+}), ye = (y, i) => {
+  const g = y.__vccOpts || y;
+  for (const [s, _] of i)
+    g[s] = _;
+  return g;
+}, Fe = /* @__PURE__ */ ye(Oa, [["__scopeId", "data-v-0d735844"]]), Ua = { class: "wx-catalog-landing-products" }, Aa = { class: "wx-catalog-landing-products__item" }, Pa = { class: "wx-catalog-landing-products__name" }, Ea = /* @__PURE__ */ ge({
+  name: "WxCatalogLandingProducts",
+  __name: "LandingProductsField",
+  props: {
+    modelValue: { default: null },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(y) {
+    const i = Se(y, "modelValue"), g = pe(), s = Sa(g), _ = Ce();
+    me();
+    const V = ce(ve), R = ke(), t = x(() => _?.locked.value ?? !1), u = S(/* @__PURE__ */ new Map());
+    de(
+      () => _?.landing.value?.recommended_items,
+      (N) => {
+        for (const m of N ?? []) u.value.set(m.id, m);
+      },
+      { immediate: !0 }
+    );
+    const z = x({
+      get: () => (i.value ?? []).map(
+        (N) => u.value.get(N) ?? { id: N, name: `#${N}`, sku: null, deleted: !1 }
+      ),
+      set: (N) => {
+        i.value = N.map((m) => m.id);
+      }
+    }), T = S(""), W = S([]), h = S(!1), L = S("");
+    let E = 0;
+    async function F(N) {
+      const m = ++E;
+      h.value = !0, L.value = "";
+      try {
+        const $ = await s.products({ q: N, per_page: 10 });
+        if (m !== E) return;
+        const A = new Set(i.value ?? []);
+        W.value = $.data.filter((b) => !A.has(b.id)).map((b) => (u.value.set(b.id, { id: b.id, name: b.name, sku: b.sku }), {
+          value: String(b.id),
+          label: b.name,
+          description: b.sku ?? void 0
+        }));
+      } catch ($) {
+        m === E && (L.value = R($));
+      } finally {
+        m === E && (h.value = !1);
+      }
+    }
+    function j(N) {
+      const m = Number(N.value);
+      !Number.isFinite(m) || (i.value ?? []).includes(m) || (i.value = [...i.value ?? [], m], T.value = "", W.value = []);
+    }
+    function P(N) {
+      i.value = (i.value ?? []).filter((m) => m !== N);
+    }
+    return (N, m) => (v(), B("div", Ua, [
+      t.value ? M("", !0) : (v(), O(e(oa), {
+        key: 0,
+        modelValue: T.value,
+        "onUpdate:modelValue": m[0] || (m[0] = ($) => T.value = $),
+        options: W.value,
+        remote: "",
+        loading: h.value,
+        "min-length": 1,
+        clearable: "",
+        placeholder: e(V)("landing.recommended-search"),
+        "aria-label": e(V)("landing.recommended-search"),
+        onSearch: F,
+        onSelect: j
+      }, null, 8, ["modelValue", "options", "loading", "placeholder", "aria-label"])),
+      L.value ? (v(), O(e(X), {
+        key: 1,
+        size: "sm",
+        tone: "danger"
+      }, {
+        default: l(() => [
+          w(f(L.value), 1)
+        ]),
+        _: 1
+      })) : M("", !0),
+      n(e(ua), {
+        modelValue: z.value,
+        "onUpdate:modelValue": m[1] || (m[1] = ($) => z.value = $),
+        "item-key": "id",
+        "item-label": "name",
+        size: "sm",
+        disabled: t.value,
+        "empty-text": e(V)("landing.recommended-empty"),
+        "aria-label": e(V)("landing.recommended")
+      }, {
+        default: l(({ item: $ }) => [
+          le("span", Aa, [
+            le("span", Pa, f($.name), 1),
+            $.sku ? (v(), O(e(X), {
+              key: 0,
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: l(() => [
+                w(f($.sku), 1)
+              ]),
+              _: 2
+            }, 1024)) : M("", !0),
+            $.deleted ? (v(), O(e(ue), {
+              key: 1,
+              size: "sm",
+              type: "warning",
+              round: ""
+            }, {
+              default: l(() => [
+                w(f(e(V)("panel.in-bin")), 1)
+              ]),
+              _: 1
+            })) : M("", !0)
+          ])
+        ]),
+        actions: l(({ item: $ }) => [
+          t.value ? M("", !0) : (v(), O(e(se), {
+            key: 0,
+            variant: "text",
+            size: "sm",
+            "aria-label": `${e(V)("landing.recommended-remove")}: ${$.name}`,
+            onClick: (A) => P($.id)
+          }, {
+            icon: l(() => [
+              n(e(xe), { name: "close" })
+            ]),
+            _: 1
+          }, 8, ["aria-label", "onClick"]))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled", "empty-text", "aria-label"])
+    ]));
+  }
+}), Ba = /* @__PURE__ */ ye(Ea, [["__scopeId", "data-v-e1b47273"]]), Fa = { class: "wx-catalog-landing-set" }, Ma = ["data-facet"], qa = {
+  key: 0,
+  class: "wx-catalog-landing-set__range"
+}, Ia = { class: "wx-catalog-landing-set__foot" }, Ra = /* @__PURE__ */ ge({
+  name: "WxCatalogLandingSet",
+  __name: "LandingSetField",
+  props: {
+    modelValue: { default: null },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(y) {
+    const i = Se(y, "modelValue"), g = pe(), s = We(g), _ = Ce();
+    me();
+    const V = ce(ve), R = ke(), t = x(() => _?.locked.value ?? !1), u = x(() => {
+      const c = _?.values.value.category_id;
+      return typeof c == "number" ? c : c ? Number(c) : null;
+    }), z = S([]), T = S(""), W = x(
+      () => i.value && !Array.isArray(i.value) ? i.value : {}
+    ), h = (c) => z.value.find((C) => C.key === c), L = x(
+      () => z.value.filter((c) => !(c.key in W.value)).map((c) => ({ value: c.key, label: c.label }))
+    );
+    let E = 0;
+    async function F() {
+      const c = ++E;
+      T.value = "";
+      try {
+        const C = await s.facets(u.value);
+        c === E && (z.value = C);
+      } catch (C) {
+        c === E && (T.value = R(C));
+      }
+    }
+    de(u, () => {
+      F();
+    }, { immediate: !0 });
+    function j(c, C) {
+      const U = h(c);
+      return U ? U.kind === "range" : !("values" in C);
+    }
+    function P(c) {
+      i.value = c;
+    }
+    function N(c) {
+      const C = h(String(c));
+      C && P({
+        ...W.value,
+        [C.key]: C.kind === "range" ? { min: null, max: null } : { values: [] }
+      });
+    }
+    function m(c) {
+      const C = { ...W.value };
+      delete C[c], P(C);
+    }
+    function $(c) {
+      return "values" in c ? c.values : [];
+    }
+    function A(c) {
+      return "values" in c ? { min: null, max: null } : c;
+    }
+    function b(c, C) {
+      const U = h(c)?.values ?? [], r = U.map((a) => ({
+        value: a.value,
+        label: `${a.label} (${a.count})`
+      }));
+      for (const a of $(C))
+        if (!U.some((o) => o.value === a)) {
+          const o = H(c, a);
+          r.push({ value: a, label: `${o} (0)` });
+        }
+      return r;
+    }
+    function H(c, C) {
+      return _?.landing.value?.chips.find((U) => U.key === c)?.text ?? `#${C}`;
+    }
+    function ie(c, C) {
+      P({ ...W.value, [c]: { values: Array.isArray(C) ? C.map(String) : [] } });
+    }
+    function Z(c, C, U) {
+      const r = W.value[c], a = r ? A(r) : { min: null, max: null };
+      P({ ...W.value, [c]: { ...a, [C]: U ?? null } });
+    }
+    function J(c) {
+      return h(c)?.label ?? c;
+    }
+    const q = S(null), D = S(!1), te = S("");
+    let Y, G = 0;
+    const Q = x(() => JSON.stringify([u.value, Oe(W.value)]));
+    async function ee() {
+      const c = ++G, C = Oe(W.value);
+      if (Object.keys(C).length === 0) {
+        q.value = null, D.value = !1, _ && (_.suggested.value = {});
+        return;
+      }
+      D.value = !0, te.value = "";
+      try {
+        const U = await s.count(u.value, C, _?.landing.value?.id ?? null);
+        if (c !== G) return;
+        q.value = U, _ && (_.suggested.value = Array.isArray(U.suggested) ? {} : U.suggested);
+      } catch (U) {
+        c === G && (q.value = null, te.value = R(U));
+      } finally {
+        c === G && (D.value = !1);
+      }
+    }
+    de(
+      Q,
+      () => {
+        clearTimeout(Y), Y = setTimeout(() => {
+          ee();
+        }, 350);
+      },
+      { immediate: !0 }
+    ), Ue(() => clearTimeout(Y));
+    const ne = x(
+      () => q.value?.taken && _ ? `${_.list}/${q.value.taken.id}` : null
+    );
+    return (c, C) => (v(), B("div", Fa, [
+      T.value ? (v(), O(e(be), {
+        key: 0,
+        type: "danger"
+      }, {
+        default: l(() => [
+          w(f(T.value), 1)
+        ]),
+        _: 1
+      })) : M("", !0),
+      Object.keys(W.value).length === 0 ? (v(), O(e(X), {
+        key: 1,
+        tone: "muted",
+        size: "sm"
+      }, {
+        default: l(() => [
+          w(f(e(V)("landing.set-empty")), 1)
+        ]),
+        _: 1
+      })) : M("", !0),
+      (v(!0), B(re, null, Ae(W.value, (U, r) => (v(), B("div", {
+        key: r,
+        class: "wx-catalog-landing-set__row",
+        "data-facet": r
+      }, [
+        n(e(X), {
+          class: "wx-catalog-landing-set__label",
+          size: "sm",
+          weight: "medium"
+        }, {
+          default: l(() => [
+            w(f(J(String(r))), 1)
+          ]),
+          _: 2
+        }, 1024),
+        j(String(r), U) ? (v(), B("div", qa, [
+          n(e(Ne), {
+            "model-value": A(U).min,
+            controls: !1,
+            disabled: t.value,
+            size: "sm",
+            placeholder: h(String(r))?.min?.toString() ?? e(V)("landing.set-from"),
+            "aria-label": `${J(String(r))}: ${e(V)("landing.set-from")}`,
+            "onUpdate:modelValue": (a) => Z(String(r), "min", a)
+          }, null, 8, ["model-value", "disabled", "placeholder", "aria-label", "onUpdate:modelValue"]),
+          n(e(Ne), {
+            "model-value": A(U).max,
+            controls: !1,
+            disabled: t.value,
+            size: "sm",
+            placeholder: h(String(r))?.max?.toString() ?? e(V)("landing.set-to"),
+            "aria-label": `${J(String(r))}: ${e(V)("landing.set-to")}`,
+            "onUpdate:modelValue": (a) => Z(String(r), "max", a)
+          }, null, 8, ["model-value", "disabled", "placeholder", "aria-label", "onUpdate:modelValue"])
+        ])) : (v(), O(e(_e), {
+          key: 1,
+          class: "wx-catalog-landing-set__values",
+          "model-value": $(U),
+          options: b(String(r), U),
+          multiple: "",
+          filterable: "",
+          clearable: "",
+          size: "sm",
+          disabled: t.value,
+          placeholder: e(V)("landing.set-values"),
+          "aria-label": J(String(r)),
+          "onUpdate:modelValue": (a) => ie(String(r), a)
+        }, null, 8, ["model-value", "options", "disabled", "placeholder", "aria-label", "onUpdate:modelValue"])),
+        n(e(se), {
+          variant: "text",
+          size: "sm",
+          disabled: t.value,
+          "aria-label": e(V)("landing.set-remove"),
+          title: e(V)("landing.set-remove"),
+          onClick: (a) => m(String(r))
+        }, {
+          icon: l(() => [
+            n(e(xe), { name: "close" })
+          ]),
+          _: 1
+        }, 8, ["disabled", "aria-label", "title", "onClick"])
+      ], 8, Ma))), 128)),
+      le("div", Ia, [
+        L.value.length > 0 ? (v(), O(e(_e), {
+          key: 0,
+          class: "wx-catalog-landing-set__add",
+          "model-value": null,
+          options: L.value,
+          filterable: "",
+          size: "sm",
+          disabled: t.value,
+          placeholder: e(V)("landing.set-add"),
+          "aria-label": e(V)("landing.set-add"),
+          "onUpdate:modelValue": N
+        }, null, 8, ["options", "disabled", "placeholder", "aria-label"])) : M("", !0),
+        D.value ? (v(), O(e(X), {
+          key: 1,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: l(() => [
+            w(f(e(V)("landing.set-counting")), 1)
+          ]),
+          _: 1
+        })) : q.value ? (v(), O(e(ue), {
+          key: 2,
+          class: "wx-catalog-landing-set__count",
+          type: q.value.count > 0 ? "success" : "warning",
+          size: "sm",
+          round: ""
+        }, {
+          default: l(() => [
+            w(f(e(V)("landing.set-count", { count: q.value.count })), 1)
+          ]),
+          _: 1
+        }, 8, ["type"])) : M("", !0)
+      ]),
+      te.value ? (v(), O(e(be), {
+        key: 2,
+        type: "danger"
+      }, {
+        default: l(() => [
+          w(f(te.value), 1)
+        ]),
+        _: 1
+      })) : M("", !0),
+      q.value?.taken ? (v(), O(e(be), {
+        key: 3,
+        type: "warning"
+      }, {
+        default: l(() => [
+          w(f(e(V)("landing.set-taken", { name: q.value.taken.name })) + " ", 1),
+          ne.value ? (v(), O(e(ia), {
+            key: 0,
+            as: e(la),
+            to: ne.value
+          }, {
+            default: l(() => [
+              w(f(e(V)("landing.set-open-taken")), 1)
+            ]),
+            _: 1
+          }, 8, ["as", "to"])) : M("", !0)
+        ]),
+        _: 1
+      })) : M("", !0)
+    ]));
+  }
+}), ja = /* @__PURE__ */ ye(Ra, [["__scopeId", "data-v-899dfed0"]]), Da = { class: "wx-catalog-landing-slug" }, Ha = {
+  key: 0,
+  class: "wx-catalog-landing-slug__hint"
+}, Ka = /* @__PURE__ */ ge({
+  name: "WxCatalogLandingSlug",
+  __name: "LandingSlugField",
+  props: /* @__PURE__ */ Ze({
+    localized: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(y) {
+    const i = y, g = Se(y, "modelValue"), s = Ce(), _ = $e();
+    me();
+    const V = ce(ve), R = x(() => s?.locked.value ?? !1), t = x(
+      () => g.value && typeof g.value == "object" ? g.value : {}
+    ), u = x(() => {
+      const T = s?.suggested.value ?? {}, W = _.active.value || Object.keys(T)[0] || "", h = T[W];
+      return h ? (i.localized ? t.value[W] : g.value) === h ? null : h : null;
+    });
+    function z() {
+      const T = s?.suggested.value ?? {};
+      if (!i.localized) {
+        g.value = u.value;
+        return;
+      }
+      const W = { ...t.value }, h = _.active.value;
+      for (const [L, E] of Object.entries(T))
+        (L === h || !W[L]) && (W[L] = E);
+      g.value = W;
+    }
+    return (T, W) => (v(), B("div", Da, [
+      n(e(fe), {
+        "model-value": g.value ?? void 0,
+        localized: i.localized,
+        disabled: R.value,
+        maxlength: 255,
+        "onUpdate:modelValue": W[0] || (W[0] = (h) => g.value = h)
+      }, null, 8, ["model-value", "localized", "disabled"]),
+      u.value && !R.value ? (v(), B("div", Ha, [
+        n(e(X), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: l(() => [
+            w(f(e(V)("landing.slug-suggested", { slug: u.value })), 1)
+          ]),
+          _: 1
+        }),
+        n(e(se), {
+          size: "sm",
+          variant: "text",
+          onClick: z
+        }, {
+          default: l(() => [
+            w(f(e(V)("landing.slug-use")), 1)
+          ]),
+          _: 1
+        })
+      ])) : M("", !0)
+    ]));
+  }
+}), Ga = /* @__PURE__ */ ye(Ka, [["__scopeId", "data-v-b1f93497"]]), we = "default", Ja = /* @__PURE__ */ ge({
+  name: "WxCatalogLandingSort",
+  __name: "LandingSortField",
+  props: {
+    modelValue: { default: null },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(y) {
+    const i = Se(y, "modelValue"), g = pe(), s = $a(g), _ = Ce();
+    me();
+    const V = ce(ve), R = x(() => [
+      // The registry's own 'default' stands for «none of the landing's own»: the category's order.
+      { value: we, label: V("landing.sort-default") },
+      ...s.sorts.value.filter((t) => t.key !== we).map((t) => ({ value: t.key, label: t.label }))
+    ]);
+    return Ve(() => {
+      s.load().catch(() => {
+      });
+    }), (t, u) => (v(), O(e(_e), {
+      "model-value": i.value ?? we,
+      options: R.value,
+      disabled: e(_)?.locked.value ?? !1,
+      "onUpdate:modelValue": u[0] || (u[0] = (z) => i.value = z && z !== we ? String(z) : null)
+    }, null, 8, ["model-value", "options", "disabled"]));
+  }
+}), Qa = {
+  key: 1,
+  class: "wx-catalog-landings-generate"
+}, Xa = {
+  key: 2,
+  class: "wx-catalog-landings-generate"
+}, Ya = { class: "wx-catalog-landings-generate__mono" }, Za = {
+  key: 3,
+  class: "wx-catalog-landings-generate"
+}, el = {
+  key: 2,
+  class: "wx-catalog-landings-generate__errors"
+}, al = /* @__PURE__ */ ge({
+  __name: "GenerateDialog",
+  setup(y) {
+    const { open: i, resolve: g } = ra(), s = pe(), _ = We(s), V = je(s), R = $e();
+    me();
+    const t = ce(ve), u = ke(), z = S("form"), T = S([]), W = S(!1), h = S(null), L = S([]), E = S(1), F = S({ slug: "", name: "", h1: "", title: "", description: "" }), j = S(!1), P = S([]), N = S({}), m = S(""), $ = S(!1), A = S(null), b = S(null);
+    Ve(() => {
+      V.load().catch(() => {
+      });
+    }), de(
+      () => T.value[0] ?? null,
+      async (r) => {
+        if (r === null) {
+          P.value = [];
+          return;
+        }
+        try {
+          P.value = (await _.facets(r)).filter((a) => a.kind !== "range");
+        } catch (a) {
+          m.value = u(a);
+        }
+      }
+    );
+    const H = x(
+      () => P.value.map((r) => ({ value: r.key, label: r.label }))
+    ), ie = x(
+      () => (P.value.find((r) => r.key === h.value)?.values ?? []).map((r) => ({
+        value: r.value,
+        label: `${r.label} (${r.count})`
+      }))
+    );
+    de(h, () => L.value = []);
+    const Z = x(() => ({
+      categories: T.value,
+      subtree: W.value,
+      facet: h.value ?? "",
+      values: L.value.length > 0 ? L.value : null,
+      min_products: E.value,
+      ...F.value,
+      publish: j.value
+    })), J = x(() => T.value.length > 0 && h.value !== null);
+    function q(r) {
+      return N.value[r]?.[0];
+    }
+    function D(r) {
+      const a = r.body;
+      a?.errors ? N.value = a.errors : m.value = u(r);
+    }
+    async function te() {
+      if (!(!J.value || $.value)) {
+        $.value = !0, N.value = {}, m.value = "";
+        try {
+          A.value = await _.preview(Z.value), z.value = "preview";
+        } catch (r) {
+          D(r);
+        } finally {
+          $.value = !1;
+        }
+      }
+    }
+    let Y;
+    async function G(r, a = 1500) {
+      Y = setTimeout(async () => {
+        try {
+          b.value = await _.run(r), (b.value.status === "queued" || b.value.status === "running") && G(r);
+        } catch {
+          G(r, Math.min(a * 2, 15e3));
+        }
+      }, a);
+    }
+    async function Q() {
+      if (!$.value) {
+        $.value = !0, m.value = "";
+        try {
+          b.value = await _.generate(Z.value), z.value = "run", b.value.id !== null && !ee.value && G(b.value.id);
+        } catch (r) {
+          D(r), z.value = "form";
+        } finally {
+          $.value = !1;
+        }
+      }
+    }
+    Ue(() => clearTimeout(Y));
+    const ee = x(() => b.value?.status === "done" || b.value?.status === "failed");
+    function ne() {
+      g(b.value && b.value.done > 0 ? b.value : null);
+    }
+    const c = (r) => r[R.active.value] ?? Object.values(r)[0] ?? "", C = x(() => [
+      { key: "address", label: t("generate.column-address"), minWidth: 180 },
+      { key: "title", label: t("generate.column-h1"), minWidth: 180, hideBelow: 560 },
+      { key: "count", label: t("generate.column-count"), width: 100, align: "right" },
+      { key: "conflict", label: t("generate.column-conflict"), minWidth: 180 }
+    ]), U = x(
+      () => (A.value?.rows ?? []).map((r, a) => ({ ...r, id: a }))
+    );
+    return (r, a) => (v(), O(e(da), {
+      open: e(i),
+      "onUpdate:open": [
+        a[12] || (a[12] = (o) => ea(i) ? i.value = o : null),
+        a[13] || (a[13] = (o) => !o && ne())
+      ],
+      title: e(t)("generate.title"),
+      width: z.value === "form" ? 600 : 860
+    }, {
+      footer: l(() => [
+        n(e(va), { size: "sm" }, {
+          default: l(() => [
+            z.value === "form" ? (v(), B(re, { key: 0 }, [
+              n(e(se), {
+                variant: "outline",
+                onClick: ne
+              }, {
+                default: l(() => [
+                  w(f(e(t)("panel.cancel")), 1)
+                ]),
+                _: 1
+              }),
+              n(e(se), {
+                type: "primary",
+                loading: $.value,
+                disabled: !J.value,
+                onClick: te
+              }, {
+                default: l(() => [
+                  w(f(e(t)("generate.preview")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "disabled"])
+            ], 64)) : z.value === "preview" ? (v(), B(re, { key: 1 }, [
+              n(e(se), {
+                variant: "outline",
+                onClick: a[11] || (a[11] = (o) => z.value = "form")
+              }, {
+                default: l(() => [
+                  w(f(e(t)("generate.back")), 1)
+                ]),
+                _: 1
+              }),
+              n(e(se), {
+                type: "primary",
+                loading: $.value,
+                disabled: (A.value?.free ?? 0) === 0,
+                onClick: Q
+              }, {
+                default: l(() => [
+                  w(f(e(t)("generate.run", { count: A.value?.free ?? 0 })), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "disabled"])
+            ], 64)) : (v(), O(e(se), {
+              key: 2,
+              type: "primary",
+              disabled: !ee.value,
+              onClick: ne
+            }, {
+              default: l(() => [
+                w(f(e(t)("generate.close")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]))
+          ]),
+          _: 1
+        })
+      ]),
+      default: l(() => [
+        m.value ? (v(), O(e(be), {
+          key: 0,
+          type: "danger"
+        }, {
+          default: l(() => [
+            w(f(m.value), 1)
+          ]),
+          _: 1
+        })) : M("", !0),
+        z.value === "form" ? (v(), B("div", Qa, [
+          n(e(K), {
+            label: e(t)("generate.bases"),
+            help: e(t)("generate.bases-help"),
+            error: q("categories"),
+            required: ""
+          }, {
+            default: l(() => [
+              n(e(Ie), {
+                "model-value": T.value,
+                nodes: e(V).nodes.value ?? [],
+                "node-key": "id",
+                "label-key": "name",
+                "children-key": "children",
+                multiple: "",
+                "check-strictly": "",
+                filterable: "",
+                clearable: "",
+                "onUpdate:modelValue": a[0] || (a[0] = (o) => T.value = Array.isArray(o) ? o.map(Number) : o ? [Number(o)] : [])
+              }, null, 8, ["model-value", "nodes"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"]),
+          n(e(K), null, {
+            default: l(() => [
+              n(e(he), {
+                modelValue: W.value,
+                "onUpdate:modelValue": a[1] || (a[1] = (o) => W.value = o)
+              }, {
+                default: l(() => [
+                  w(f(e(t)("generate.subtree")), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(e(K), {
+            label: e(t)("generate.facet"),
+            error: q("facet"),
+            required: ""
+          }, {
+            default: l(() => [
+              n(e(_e), {
+                modelValue: h.value,
+                "onUpdate:modelValue": a[2] || (a[2] = (o) => h.value = o),
+                options: H.value,
+                disabled: T.value.length === 0
+              }, null, 8, ["modelValue", "options", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          n(e(K), {
+            label: e(t)("generate.values"),
+            help: e(t)("generate.values-help")
+          }, {
+            default: l(() => [
+              n(e(_e), {
+                modelValue: L.value,
+                "onUpdate:modelValue": a[3] || (a[3] = (o) => L.value = o),
+                options: ie.value,
+                multiple: "",
+                filterable: "",
+                clearable: "",
+                disabled: h.value === null
+              }, null, 8, ["modelValue", "options", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"]),
+          n(e(K), {
+            label: e(t)("generate.min-products"),
+            help: e(t)("generate.min-products-help")
+          }, {
+            default: l(() => [
+              n(e(Ne), {
+                modelValue: E.value,
+                "onUpdate:modelValue": a[4] || (a[4] = (o) => E.value = o),
+                min: 0,
+                disabled: L.value.length > 0
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"]),
+          n(e(X), { weight: "medium" }, {
+            default: l(() => [
+              w(f(e(t)("generate.templates")), 1)
+            ]),
+            _: 1
+          }),
+          n(e(X), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: l(() => [
+              w(f(e(t)("generate.templates-help")), 1)
+            ]),
+            _: 1
+          }),
+          n(e(K), {
+            label: e(t)("generate.slug"),
+            error: q("slug")
+          }, {
+            default: l(() => [
+              n(e(fe), {
+                modelValue: F.value.slug,
+                "onUpdate:modelValue": a[5] || (a[5] = (o) => F.value.slug = o),
+                placeholder: "{category}-{value}"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          n(e(K), {
+            label: e(t)("generate.name")
+          }, {
+            default: l(() => [
+              n(e(fe), {
+                modelValue: F.value.name,
+                "onUpdate:modelValue": a[6] || (a[6] = (o) => F.value.name = o),
+                placeholder: "{category} {value}"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          n(e(K), {
+            label: e(t)("generate.h1")
+          }, {
+            default: l(() => [
+              n(e(fe), {
+                modelValue: F.value.h1,
+                "onUpdate:modelValue": a[7] || (a[7] = (o) => F.value.h1 = o),
+                placeholder: e(t)("generate.template-empty")
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          n(e(K), {
+            label: e(t)("generate.seo-title")
+          }, {
+            default: l(() => [
+              n(e(fe), {
+                modelValue: F.value.title,
+                "onUpdate:modelValue": a[8] || (a[8] = (o) => F.value.title = o),
+                placeholder: e(t)("generate.template-empty")
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          n(e(K), {
+            label: e(t)("generate.seo-description")
+          }, {
+            default: l(() => [
+              n(e(fe), {
+                modelValue: F.value.description,
+                "onUpdate:modelValue": a[9] || (a[9] = (o) => F.value.description = o),
+                placeholder: e(t)("generate.template-empty")
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          n(e(K), null, {
+            default: l(() => [
+              n(e(he), {
+                modelValue: j.value,
+                "onUpdate:modelValue": a[10] || (a[10] = (o) => j.value = o)
+              }, {
+                default: l(() => [
+                  w(f(e(t)("generate.publish")), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ])) : z.value === "preview" && A.value ? (v(), B("div", Xa, [
+          n(e(X), null, {
+            default: l(() => [
+              w(f(A.value.free > 0 ? e(t)("generate.summary", { free: A.value.free, skipped: A.value.total - A.value.free }) : e(t)("generate.nothing")), 1)
+            ]),
+            _: 1
+          }),
+          n(e(Re), {
+            data: U.value,
+            columns: C.value,
+            "row-key": "id",
+            flush: "",
+            layout: "fixed"
+          }, {
+            "cell-address": l(({ row: o }) => [
+              le("span", Ya, "/" + f(c(o.slug)) + "/", 1)
+            ]),
+            "cell-title": l(({ row: o }) => [
+              w(f(c(Object.keys(o.h1).length > 0 ? o.h1 : o.name)), 1)
+            ]),
+            "cell-conflict": l(({ row: o }) => [
+              o.conflict ? (v(), O(e(X), {
+                key: 0,
+                size: "sm",
+                tone: "warning"
+              }, {
+                default: l(() => [
+                  w(f(o.message), 1)
+                ]),
+                _: 2
+              }, 1024)) : M("", !0)
+            ]),
+            _: 1
+          }, 8, ["data", "columns"])
+        ])) : z.value === "run" && b.value ? (v(), B("div", Za, [
+          ee.value ? (v(), O(e(be), {
+            key: 1,
+            type: b.value.status === "failed" ? "danger" : "success"
+          }, {
+            default: l(() => [
+              w(f(b.value.status === "failed" ? e(t)("generate.failed") : e(t)("generate.done", { done: b.value.done, skipped: b.value.skipped, failed: b.value.failed })), 1)
+            ]),
+            _: 1
+          }, 8, ["type"])) : (v(), B(re, { key: 0 }, [
+            n(e(X), null, {
+              default: l(() => [
+                w(f(e(t)("generate.running")), 1)
+              ]),
+              _: 1
+            }),
+            n(e(ca), {
+              value: b.value.done + b.value.failed,
+              max: Math.max(1, b.value.total - b.value.skipped)
+            }, null, 8, ["value", "max"])
+          ], 64)),
+          b.value.errors.length > 0 ? (v(), B("ul", el, [
+            (v(!0), B(re, null, Ae(b.value.errors, (o, ae) => (v(), B("li", { key: ae }, [
+              le("strong", null, "/" + f(o.slug) + "/", 1),
+              w(" — " + f(o.message), 1)
+            ]))), 128))
+          ])) : M("", !0)
+        ])) : M("", !0)
+      ]),
+      _: 1
+    }, 8, ["open", "title", "width"]));
+  }
+}), ll = /* @__PURE__ */ ye(al, [["__scopeId", "data-v-9deeece3"]]), tl = { class: "wx-catalog-landings" }, nl = { class: "wx-catalog-landings__name" }, sl = { class: "wx-catalog-landings__title" }, ol = { class: "wx-catalog-landings__slug" }, ul = { class: "wx-catalog-landings__chips" }, il = {
+  key: 2,
+  class: "wx-catalog-landings__count"
+}, rl = { class: "wx-catalog-landings__state" }, dl = { class: "wx-catalog-landings__sr" }, Le = "root", cl = /* @__PURE__ */ ge({
+  name: "WxCatalogLandingsPage",
+  __name: "LandingsPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(y) {
+    const i = y, g = pe(), s = We(g), _ = je(g), V = Me(), R = qe(), t = $e();
+    me();
+    const u = ce(ve), z = ce("webx-admin"), T = ke(), W = ga(ll), h = x(() => `${i.base}/landings`), L = x(() => g.can("catalog.manage")), E = S(null), F = S(!0), j = (p) => V.query[p] === "1", P = S(String(V.query.q ?? "")), N = S(Number(V.query.page ?? 1) || 1), m = S(V.query.category ? String(V.query.category) : null), $ = S(j("attention")), A = S(j("published")), b = S(j("empty")), H = S(j("trashed"));
+    let ie = 25;
+    const Z = x(
+      () => g.state.manifest?.modules.find((p) => p.id === "catalog-landings")?.title ?? u("module.title")
+    ), J = x(() => [
+      {
+        id: Le,
+        name: u("landing.whole-catalog"),
+        parent_id: null,
+        children: []
+      },
+      ..._.nodes.value ?? []
+    ]), q = x(() => {
+      if (m.value === null) return "";
+      if (m.value === Le) return u("landing.whole-catalog");
+      const p = (k) => k.reduce(
+        (d, oe) => d || (String(oe.id) === m.value ? oe.name : p(oe.children ?? [])),
+        ""
+      );
+      return p(_.nodes.value ?? []) || `#${m.value}`;
+    }), D = x(() => {
+      const p = [];
+      m.value !== null && p.push({
+        key: "base",
+        label: `${u("panel.filter-base")}: ${q.value}`,
+        clear: () => m.value = null
+      });
+      for (const [k, d, oe] of [
+        ["attention", $, "panel.filter-attention"],
+        ["published", A, "panel.filter-published"],
+        ["empty", b, "panel.filter-empty"],
+        ["trashed", H, "panel.filter-trashed"]
+      ])
+        d.value && p.push({ key: k, label: u(oe), clear: () => d.value = !1 });
+      return p;
+    });
+    function te() {
+      m.value = null, $.value = !1, A.value = !1, b.value = !1, H.value = !1;
+    }
+    function Y(p) {
+      return {
+        q: p?.search ?? P.value,
+        category: m.value ?? void 0,
+        attention: $.value || void 0,
+        published: A.value || void 0,
+        empty: b.value || void 0,
+        trashed: H.value || void 0,
+        page: p?.page ?? N.value,
+        per_page: p?.perPage ?? ie
+      };
+    }
+    let G = 0;
+    async function Q(p) {
+      const k = ++G;
+      F.value = !0;
+      try {
+        const d = await s.list(Y(p));
+        k === G && (E.value = d);
+      } catch (d) {
+        I.danger(T(d));
+      } finally {
+        k === G && (F.value = !1);
+      }
+    }
+    function ee() {
+      const p = {}, k = Y();
+      k.q && (p.q = k.q), k.category && (p.category = k.category), k.page && k.page > 1 && (p.page = String(k.page));
+      for (const d of ["attention", "published", "empty", "trashed"])
+        k[d] && (p[d] = "1");
+      R.replace({ query: p });
+    }
+    function ne(p) {
+      ie = p.perPage, Q(p);
+    }
+    de([m, $, A, b, H], () => {
+      N.value = 1, ee(), Q();
+    }), de([P, N], ee);
+    const c = x(() => [
+      { key: "name", label: u("panel.column-name"), minWidth: 220 },
+      { key: "category", label: u("panel.column-base"), width: 180, hideBelow: 760 },
+      { key: "chips", label: u("panel.column-set"), minWidth: 180, hideBelow: 640 },
+      { key: "products_count", label: u("panel.column-count"), width: 110, align: "right" },
+      { key: "state", label: u("panel.column-state"), width: 170, hideBelow: 900 },
+      { key: "updated_at", label: u("panel.column-updated"), width: 130, hideBelow: 1180 },
+      { key: "actions", label: "", width: _a, align: "right" }
+    ]), C = (p) => ze(p.name, t.active.value, "") || `#${p.id}`, U = (p) => ze(p.slug, t.active.value, "");
+    function r(p) {
+      R.push(`${h.value}/${p.id}`);
+    }
+    async function a(p, k) {
+      try {
+        await s.publish(p.id, k), I.success(u(k ? "panel.published-toast" : "panel.unpublished-toast")), await Q();
+      } catch (d) {
+        I.danger(T(d));
+      }
+    }
+    async function o(p) {
+      if (await Te({
+        title: u("panel.delete-title", { name: C(p) }),
+        message: u("panel.delete-text"),
+        confirmText: u("panel.delete"),
+        cancelText: u("panel.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await s.remove(p.id), I.success(u("panel.deleted")), await Q();
+        } catch (d) {
+          I.danger(T(d));
+        }
+    }
+    async function ae(p) {
+      try {
+        await s.restore(p.id), I.success(u("panel.restored")), await Q();
+      } catch (k) {
+        I.danger(T(k));
+      }
+    }
+    function He(p) {
+      if (p.deleted_at !== null)
+        return L.value ? [
+          {
+            key: "restore",
+            icon: "refresh",
+            label: u("panel.restore"),
+            run: () => {
+              ae(p);
+            }
+          }
+        ] : [];
+      const k = [
+        { key: "open", icon: "edit", label: u("panel.open"), run: () => r(p) }
+      ];
+      return p.url && k.push({ key: "site", icon: "link", label: u("panel.open-site"), href: p.url }), L.value && k.push(
+        p.is_published ? {
+          key: "unpublish",
+          icon: "eye-off",
+          label: u("panel.unpublish"),
+          run: () => {
+            a(p, !1);
+          }
+        } : {
+          key: "publish",
+          icon: "eye",
+          label: u("panel.publish"),
+          run: () => {
+            a(p, !0);
+          }
+        },
+        {
+          key: "delete",
+          icon: "trash",
+          label: u("panel.delete"),
+          danger: !0,
+          run: () => {
+            o(p);
+          }
+        }
+      ), k;
+    }
+    async function Ke() {
+      await W({ base: i.base }) && await Q();
+    }
+    const Ge = x(
+      () => L.value ? [
+        {
+          key: "new",
+          label: u("panel.new"),
+          icon: "plus",
+          primary: !0,
+          run: () => {
+            R.push({
+              path: `${h.value}/new`,
+              query: m.value && m.value !== Le ? { category: m.value } : {}
+            });
+          }
+        },
+        { key: "generate", label: u("panel.generate"), icon: "grid", run: () => {
+          Ke();
+        } }
+      ] : []
+    ), Je = x(
+      () => D.value.length > 0 || P.value ? u("panel.nothing-found") : u("panel.empty")
+    );
+    return Ve(() => {
+      _.load().catch(() => {
+      });
+    }), (p, k) => (v(), B("div", tl, [
+      n(e(ka), {
+        title: Z.value,
+        actions: Ge.value
+      }, {
+        default: l(() => [
+          n(e(Re), {
+            search: P.value,
+            "onUpdate:search": k[5] || (k[5] = (d) => P.value = d),
+            page: N.value,
+            "onUpdate:page": k[6] || (k[6] = (d) => N.value = d),
+            data: E.value,
+            columns: c.value,
+            "row-key": "id",
+            searchable: "",
+            clickable: "",
+            hover: "",
+            flush: "",
+            loading: F.value,
+            layout: "fixed",
+            "filters-count": D.value.length,
+            "filters-label": e(z)("filters.title"),
+            "search-placeholder": e(u)("panel.search"),
+            "empty-text": Je.value,
+            "aria-label": Z.value,
+            onRowClick: r,
+            onStateChange: ne
+          }, {
+            filters: l(() => [
+              n(e(K), {
+                label: e(u)("panel.filter-base")
+              }, {
+                default: l(() => [
+                  n(e(Ie), {
+                    "model-value": m.value,
+                    nodes: J.value,
+                    "node-key": "id",
+                    "label-key": "name",
+                    "children-key": "children",
+                    "check-strictly": "",
+                    filterable: "",
+                    clearable: "",
+                    size: "sm",
+                    "onUpdate:modelValue": k[0] || (k[0] = (d) => m.value = d == null || Array.isArray(d) ? null : String(d))
+                  }, null, 8, ["model-value", "nodes"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              n(e(K), {
+                label: e(u)("panel.filter-attention")
+              }, {
+                default: l(() => [
+                  n(e(he), {
+                    modelValue: $.value,
+                    "onUpdate:modelValue": k[1] || (k[1] = (d) => $.value = d),
+                    size: "sm"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              n(e(K), {
+                label: e(u)("panel.filter-published")
+              }, {
+                default: l(() => [
+                  n(e(he), {
+                    modelValue: A.value,
+                    "onUpdate:modelValue": k[2] || (k[2] = (d) => A.value = d),
+                    size: "sm"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              n(e(K), {
+                label: e(u)("panel.filter-empty")
+              }, {
+                default: l(() => [
+                  n(e(he), {
+                    modelValue: b.value,
+                    "onUpdate:modelValue": k[3] || (k[3] = (d) => b.value = d),
+                    size: "sm"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              n(e(K), {
+                label: e(u)("panel.filter-trashed")
+              }, {
+                default: l(() => [
+                  n(e(he), {
+                    modelValue: H.value,
+                    "onUpdate:modelValue": k[4] || (k[4] = (d) => H.value = d),
+                    size: "sm"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              D.value.length > 0 ? (v(), O(e(se), {
+                key: 0,
+                variant: "text",
+                size: "sm",
+                block: "",
+                onClick: te
+              }, {
+                icon: l(() => [
+                  n(e(xe), { name: "close" })
+                ]),
+                default: l(() => [
+                  w(" " + f(e(z)("filters.reset")), 1)
+                ]),
+                _: 1
+              })) : M("", !0)
+            ]),
+            applied: l(() => [
+              n(e(Va), { filters: D.value }, null, 8, ["filters"])
+            ]),
+            "cell-name": l(({ row: d }) => [
+              le("div", nl, [
+                le("span", sl, f(C(d)), 1),
+                le("span", ol, "/" + f(U(d)) + "/", 1)
+              ])
+            ]),
+            "cell-category": l(({ row: d }) => [
+              n(e(X), {
+                size: "sm",
+                truncate: "",
+                tone: d.category === null ? "muted" : void 0
+              }, {
+                default: l(() => [
+                  w(f(d.category ?? e(u)("landing.whole-catalog")), 1)
+                ]),
+                _: 2
+              }, 1032, ["tone"])
+            ]),
+            "cell-chips": l(({ row: d }) => [
+              le("div", ul, [
+                (v(!0), B(re, null, Ae(d.chips, (oe) => (v(), O(e(ue), {
+                  key: oe.key,
+                  size: "sm",
+                  variant: "soft"
+                }, {
+                  default: l(() => [
+                    w(f(oe.label) + ": " + f(oe.text), 1)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ])
+            ]),
+            "cell-products_count": l(({ row: d }) => [
+              d.products_count === null ? (v(), O(e(X), {
+                key: 0,
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: l(() => [
+                  w(f(e(u)("panel.not-counted")), 1)
+                ]),
+                _: 1
+              })) : d.products_count === 0 ? (v(), O(e(ue), {
+                key: 1,
+                type: "warning",
+                size: "sm",
+                round: ""
+              }, {
+                default: l(() => [...k[7] || (k[7] = [
+                  w("0", -1)
+                ])]),
+                _: 1
+              })) : (v(), B("span", il, f(d.products_count), 1))
+            ]),
+            "cell-state": l(({ row: d }) => [
+              le("div", rl, [
+                d.deleted_at ? (v(), O(e(ue), {
+                  key: 0,
+                  dot: "",
+                  size: "sm"
+                }, {
+                  default: l(() => [
+                    w(f(e(u)("panel.in-bin")), 1)
+                  ]),
+                  _: 1
+                })) : (v(), O(e(ue), {
+                  key: 1,
+                  type: d.is_published ? "success" : "default",
+                  dot: "",
+                  size: "sm"
+                }, {
+                  default: l(() => [
+                    w(f(e(u)(d.is_published ? "panel.published" : "panel.unpublished")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type"])),
+                d.attention ? (v(), O(e(pa), {
+                  key: 2,
+                  content: e(u)(`landing.attention-${d.attention}`)
+                }, {
+                  default: l(() => [
+                    n(e(ue), {
+                      type: "warning",
+                      size: "sm",
+                      round: ""
+                    }, {
+                      default: l(() => [
+                        n(e(xe), {
+                          name: "warning",
+                          size: "sm"
+                        }),
+                        le("span", dl, f(e(u)("landing.attention")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : M("", !0)
+              ])
+            ]),
+            "cell-updated_at": l(({ row: d }) => [
+              n(e(xa), {
+                value: d.updated_at,
+                compact: ""
+              }, null, 8, ["value"])
+            ]),
+            "cell-actions": l(({ row: d }) => [
+              n(e(wa), {
+                actions: He(d),
+                label: C(d)
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 1
+          }, 8, ["search", "page", "data", "columns", "loading", "filters-count", "filters-label", "search-placeholder", "empty-text", "aria-label"])
+        ]),
+        _: 1
+      }, 8, ["title", "actions"])
+    ]));
+  }
+}), vl = /* @__PURE__ */ ye(cl, [["__scopeId", "data-v-3465bf8b"]]);
+function bl(y = {}) {
+  const i = y.path ?? "/catalog", g = { base: i };
+  return [
+    {
+      id: "catalog-landings",
+      path: `${i}/landings`,
+      routes: [
+        {
+          path: `${i}/landings`,
+          name: "webx.catalog-landings",
+          component: vl,
+          props: g
+        },
+        {
+          path: `${i}/landings/new`,
+          name: "webx.catalog-landings.new",
+          component: Fe,
+          props: g
+        },
+        {
+          path: `${i}/landings/:id(\\d+)`,
+          name: "webx.catalog-landings.edit",
+          component: Fe,
+          props: g
+        }
+      ],
+      types: {
+        // Wide: a facet's row is a label, a list of values and a button, and half a form is too
+        // narrow for a combobox of brands beside its label.
+        "wx-catalog-landing-set": { component: ja, kind: "field", wide: !0 },
+        "wx-catalog-landing-slug": { component: Ga, kind: "field" },
+        "wx-catalog-landing-sort": { component: Ja, kind: "field" },
+        "wx-catalog-landing-products": {
+          component: Ba,
+          kind: "field",
+          wide: !0
+        }
+      }
+    }
+  ];
+}
+export {
+  La as FORM_FIELDS,
+  Wa as LANDINGS_API,
+  Fe as WxCatalogLandingEditor,
+  Ba as WxCatalogLandingProducts,
+  ja as WxCatalogLandingSet,
+  Ga as WxCatalogLandingSlug,
+  Ja as WxCatalogLandingSort,
+  vl as WxCatalogLandingsPage,
+  bl as catalogLandings,
+  Na as catalogLandingsMessages,
+  Oe as cleanSet,
+  We as createLandingsApi,
+  za as formValues,
+  De as landingEditorKey,
+  Ca as landingSearch,
+  Ta as provideLandingEditor,
+  Ce as useLandingEditor
+};
+//# sourceMappingURL=index.js.map