@webx-ui/module-catalog-landings 0.2.2 → 0.2.3

package/dist/index-CL_q1v5T.js

@@ -0,0 +1,792 @@
+import { provide as $e, inject as Le, defineComponent as G, useModel as J, computed as A, ref as z, watch as le, openBlock as u, createElementBlock as P, createBlock as _, unref as e, createCommentVNode as L, withCtx as p, createTextVNode as $, toDisplayString as w, createVNode as N, createElementVNode as se, onBeforeUnmount as Ve, Fragment as Te, renderList as Ae, mergeModels as Ne, onMounted as Ce, defineAsyncComponent as pe } from "vue";
+import { WxAutocomplete as We, WxText as M, WxSortableList as Oe, WxPopconfirm as ve, WxButton as ie, WxIcon as fe, WxBadge as he, WxAlert as ne, WxInputNumber as ce, WxSelect as oe, WxLink as ze, useLocales as Fe, WxInput as Ee } from "@webx-ui/core";
+import { useAdmin as Q, useTranslate as R, useRemoveConfirm as be, useErrorText as ye } from "@webx-ui/module-admin";
+import { createCatalogApi as Pe, useFacetRegistry as Ue } from "@webx-ui/module-catalog";
+import { RouterLink as Ie } from "vue-router";
+const xe = /* @__PURE__ */ Symbol("wx-catalog-landing");
+function gt(s) {
+  $e(xe, s);
+}
+function X() {
+  return Le(xe, null);
+}
+const Me = {
+  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."
+  }
+}, B = "webx-catalog-landings", ge = /* @__PURE__ */ new WeakSet();
+function Y() {
+  try {
+    const { i18n: s } = Q();
+    ge.has(s) || (s.defaults(B, Me), ge.add(s));
+  } catch {
+  }
+}
+const Re = { class: "wx-catalog-landing-products" }, Be = { class: "wx-catalog-landing-products__item" }, je = { class: "wx-catalog-landing-products__name" }, De = /* @__PURE__ */ G({
+  name: "WxCatalogLandingProducts",
+  __name: "LandingProductsField",
+  props: {
+    modelValue: { default: null },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s) {
+    const t = J(s, "modelValue"), l = Q(), a = Pe(l), o = X();
+    Y();
+    const i = R(B), V = be(), S = R("webx-admin"), C = ye(), f = A(() => o?.locked.value ?? !1), k = z(/* @__PURE__ */ new Map());
+    le(
+      () => o?.landing.value?.recommended_items,
+      (y) => {
+        for (const r of y ?? []) k.value.set(r.id, r);
+      },
+      { immediate: !0 }
+    );
+    const h = A({
+      get: () => (t.value ?? []).map(
+        (y) => k.value.get(y) ?? { id: y, name: `#${y}`, sku: null, deleted: !1 }
+      ),
+      set: (y) => {
+        t.value = y.map((r) => r.id);
+      }
+    }), b = z(""), m = z([]), T = z(!1), E = z("");
+    let F = 0;
+    async function Z(y) {
+      const r = ++F;
+      T.value = !0, E.value = "";
+      try {
+        const v = await a.products({ q: y, per_page: 10 });
+        if (r !== F) return;
+        const I = new Set(t.value ?? []);
+        m.value = v.data.filter((W) => !I.has(W.id)).map((W) => (k.value.set(W.id, { id: W.id, name: W.name, sku: W.sku }), {
+          value: String(W.id),
+          label: W.name,
+          description: W.sku ?? void 0
+        }));
+      } catch (v) {
+        r === F && (E.value = C(v));
+      } finally {
+        r === F && (T.value = !1);
+      }
+    }
+    function ee(y) {
+      const r = Number(y.value);
+      !Number.isFinite(r) || (t.value ?? []).includes(r) || (t.value = [...t.value ?? [], r], b.value = "", m.value = []);
+    }
+    function U(y) {
+      t.value = (t.value ?? []).filter((r) => r !== y);
+    }
+    return (y, r) => (u(), P("div", Re, [
+      f.value ? L("", !0) : (u(), _(e(We), {
+        key: 0,
+        modelValue: b.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (v) => b.value = v),
+        options: m.value,
+        remote: "",
+        loading: T.value,
+        "min-length": 1,
+        clearable: "",
+        placeholder: e(i)("landing.recommended-search"),
+        "aria-label": e(i)("landing.recommended-search"),
+        onSearch: Z,
+        onSelect: ee
+      }, null, 8, ["modelValue", "options", "loading", "placeholder", "aria-label"])),
+      E.value ? (u(), _(e(M), {
+        key: 1,
+        size: "sm",
+        tone: "danger"
+      }, {
+        default: p(() => [
+          $(w(E.value), 1)
+        ]),
+        _: 1
+      })) : L("", !0),
+      N(e(Oe), {
+        modelValue: h.value,
+        "onUpdate:modelValue": r[1] || (r[1] = (v) => h.value = v),
+        "drag-label": e(S)("filters.reorder"),
+        "item-key": "id",
+        "item-label": "name",
+        size: "sm",
+        disabled: f.value,
+        "empty-text": e(i)("landing.recommended-empty"),
+        "aria-label": e(i)("landing.recommended")
+      }, {
+        default: p(({ item: v }) => [
+          se("span", Be, [
+            se("span", je, w(v.name), 1),
+            v.sku ? (u(), _(e(M), {
+              key: 0,
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: p(() => [
+                $(w(v.sku), 1)
+              ]),
+              _: 2
+            }, 1024)) : L("", !0),
+            v.deleted ? (u(), _(e(he), {
+              key: 1,
+              size: "sm",
+              type: "warning",
+              round: ""
+            }, {
+              default: p(() => [
+                $(w(e(i)("panel.in-bin")), 1)
+              ]),
+              _: 1
+            })) : L("", !0)
+          ])
+        ]),
+        actions: p(({ item: v }) => [
+          f.value ? L("", !0) : (u(), _(e(ve), {
+            key: 0,
+            title: e(V).confirm,
+            "confirm-text": e(V).confirmText,
+            "cancel-text": e(V).cancelText,
+            "confirm-type": "danger",
+            onConfirm: (I) => U(v.id)
+          }, {
+            trigger: p(() => [
+              N(e(ie), {
+                variant: "text",
+                size: "sm",
+                "aria-label": `${e(i)("landing.recommended-remove")}: ${v.name}`
+              }, {
+                icon: p(() => [
+                  N(e(fe), { name: "close" })
+                ]),
+                _: 1
+              }, 8, ["aria-label"])
+            ]),
+            _: 2
+          }, 1032, ["title", "confirm-text", "cancel-text", "onConfirm"]))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "drag-label", "disabled", "empty-text", "aria-label"])
+    ]));
+  }
+}), de = (s, t) => {
+  const l = s.__vccOpts || s;
+  for (const [a, o] of t)
+    l[a] = o;
+  return l;
+}, He = /* @__PURE__ */ de(De, [["__scopeId", "data-v-2ff197ef"]]), Ke = "catalog/landings";
+function qe(s) {
+  const t = new URLSearchParams();
+  for (const [l, a] of Object.entries(s))
+    a == null || a === "" || t.set(l, typeof a == "boolean" ? a ? "1" : "0" : String(a));
+  return t;
+}
+function Ge(s) {
+  const t = `${s.apiPath}/${Ke}`, l = (a) => a.data;
+  return {
+    list: (a = {}) => {
+      const o = qe(a);
+      return s.http.get(o.size > 0 ? `${t}?${o}` : t);
+    },
+    get: (a) => s.http.get(`${t}/${a}`).then(l),
+    create: (a) => s.http.post(t, a).then(l),
+    save: (a, o) => s.http.put(`${t}/${a}`, o).then(l),
+    remove: (a) => s.http.delete(`${t}/${a}`).then(() => {
+    }),
+    restore: (a) => s.http.post(`${t}/${a}/restore`, {}).then(l),
+    publish: (a, o) => s.http.post(`${t}/${a}/${o ? "publish" : "unpublish"}`, {}).then(l),
+    count: (a, o, i = null) => s.http.post(`${t}/count`, { category_id: a, filters: o, except: i }).then(l),
+    facets: (a) => s.http.get(a === null ? `${t}/facets` : `${t}/facets?category=${a}`).then(l),
+    preview: (a) => s.http.post(`${t}/generate`, { ...a, dry_run: !0 }).then(l),
+    generate: (a) => s.http.post(`${t}/generate`, a).then(l),
+    run: (a) => s.http.get(`${t}/generate/${a}`).then(l)
+  };
+}
+const Je = [
+  "category_id",
+  "filters",
+  "name",
+  "slug",
+  "h1",
+  "text_above",
+  "text_below",
+  "sort",
+  "on_category",
+  "position",
+  "recommended",
+  "seo"
+];
+function mt(s) {
+  const t = {};
+  for (const l of Je) t[l] = s[l] ?? null;
+  return Array.isArray(t.filters) && (t.filters = {}), t;
+}
+function me(s) {
+  const t = {};
+  for (const [l, a] of Object.entries(s ?? {}))
+    "values" in a ? a.values.length > 0 && (t[l] = { values: [...a.values] }) : (a.min !== null || a.max !== null) && (t[l] = { min: a.min, max: a.max });
+  return t;
+}
+const Qe = { class: "wx-catalog-landing-set" }, Xe = ["data-facet"], Ye = {
+  key: 0,
+  class: "wx-catalog-landing-set__range"
+}, Ze = { class: "wx-catalog-landing-set__foot" }, et = /* @__PURE__ */ G({
+  name: "WxCatalogLandingSet",
+  __name: "LandingSetField",
+  props: {
+    modelValue: { default: null },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s) {
+    const t = J(s, "modelValue"), l = Q(), a = Ge(l), o = X();
+    Y();
+    const i = R(B), V = be(), S = R("webx-admin"), C = ye(), f = A(() => o?.locked.value ?? !1), k = A(() => {
+      const n = o?.values.value.category_id;
+      return typeof n == "number" ? n : n ? Number(n) : null;
+    }), h = z([]), b = z(""), m = A(
+      () => t.value && !Array.isArray(t.value) ? t.value : {}
+    ), T = (n) => h.value.find((d) => d.key === n), E = A(
+      () => h.value.filter((n) => !(n.key in m.value)).map((n) => ({ value: n.key, label: n.label }))
+    );
+    let F = 0;
+    async function Z() {
+      const n = ++F;
+      b.value = "";
+      try {
+        const d = await a.facets(k.value);
+        n === F && (h.value = d);
+      } catch (d) {
+        n === F && (b.value = C(d));
+      }
+    }
+    le(k, () => {
+      Z();
+    }, { immediate: !0 });
+    function ee(n, d) {
+      const c = T(n);
+      return c ? c.kind === "range" : !("values" in d);
+    }
+    function U(n) {
+      t.value = n;
+    }
+    function y(n) {
+      const d = T(String(n));
+      d && U({
+        ...m.value,
+        [d.key]: d.kind === "range" ? { min: null, max: null } : { values: [] }
+      });
+    }
+    function r(n) {
+      const d = { ...m.value };
+      delete d[n], U(d);
+    }
+    function v(n) {
+      return "values" in n ? n.values : [];
+    }
+    function I(n) {
+      return "values" in n ? { min: null, max: null } : n;
+    }
+    function W(n, d) {
+      const c = T(n)?.values ?? [], g = c.map((x) => ({
+        value: x.value,
+        label: `${x.label} (${x.count})`
+      }));
+      for (const x of v(d))
+        if (!c.some((ae) => ae.value === x)) {
+          const ae = _e(n, x);
+          g.push({ value: x, label: `${ae} (0)` });
+        }
+      return g;
+    }
+    function _e(n, d) {
+      return o?.landing.value?.chips.find((c) => c.key === n)?.text ?? `#${d}`;
+    }
+    function ke(n, d) {
+      U({ ...m.value, [n]: { values: Array.isArray(d) ? d.map(String) : [] } });
+    }
+    function ue(n, d, c) {
+      const g = m.value[n], x = g ? I(g) : { min: null, max: null };
+      U({ ...m.value, [n]: { ...x, [d]: c ?? null } });
+    }
+    function j(n) {
+      return T(n)?.label ?? n;
+    }
+    const O = z(null), D = z(!1), H = z("");
+    let te, K = 0;
+    const we = A(() => JSON.stringify([k.value, me(m.value)]));
+    async function Se() {
+      const n = ++K, d = me(m.value);
+      if (Object.keys(d).length === 0) {
+        O.value = null, D.value = !1, o && (o.suggested.value = {});
+        return;
+      }
+      D.value = !0, H.value = "";
+      try {
+        const c = await a.count(k.value, d, o?.landing.value?.id ?? null);
+        if (n !== K) return;
+        O.value = c, o && (o.suggested.value = Array.isArray(c.suggested) ? {} : c.suggested);
+      } catch (c) {
+        n === K && (O.value = null, H.value = C(c));
+      } finally {
+        n === K && (D.value = !1);
+      }
+    }
+    le(
+      we,
+      () => {
+        clearTimeout(te), te = setTimeout(() => {
+          Se();
+        }, 350);
+      },
+      { immediate: !0 }
+    ), Ve(() => clearTimeout(te));
+    const re = A(
+      () => O.value?.taken && o ? `${o.list}/${O.value.taken.id}` : null
+    );
+    return (n, d) => (u(), P("div", Qe, [
+      b.value ? (u(), _(e(ne), {
+        key: 0,
+        type: "danger"
+      }, {
+        default: p(() => [
+          $(w(b.value), 1)
+        ]),
+        _: 1
+      })) : L("", !0),
+      Object.keys(m.value).length === 0 ? (u(), _(e(M), {
+        key: 1,
+        tone: "muted",
+        size: "sm"
+      }, {
+        default: p(() => [
+          $(w(e(i)("landing.set-empty")), 1)
+        ]),
+        _: 1
+      })) : L("", !0),
+      (u(!0), P(Te, null, Ae(m.value, (c, g) => (u(), P("div", {
+        key: g,
+        class: "wx-catalog-landing-set__row",
+        "data-facet": g
+      }, [
+        N(e(M), {
+          class: "wx-catalog-landing-set__label",
+          size: "sm",
+          weight: "medium"
+        }, {
+          default: p(() => [
+            $(w(j(String(g))), 1)
+          ]),
+          _: 2
+        }, 1024),
+        ee(String(g), c) ? (u(), P("div", Ye, [
+          N(e(ce), {
+            "model-value": I(c).min,
+            controls: !1,
+            disabled: f.value,
+            size: "sm",
+            placeholder: T(String(g))?.min?.toString() ?? e(i)("landing.set-from"),
+            "aria-label": `${j(String(g))}: ${e(i)("landing.set-from")}`,
+            "onUpdate:modelValue": (x) => ue(String(g), "min", x)
+          }, null, 8, ["model-value", "disabled", "placeholder", "aria-label", "onUpdate:modelValue"]),
+          N(e(ce), {
+            "model-value": I(c).max,
+            controls: !1,
+            disabled: f.value,
+            size: "sm",
+            placeholder: T(String(g))?.max?.toString() ?? e(i)("landing.set-to"),
+            "aria-label": `${j(String(g))}: ${e(i)("landing.set-to")}`,
+            "onUpdate:modelValue": (x) => ue(String(g), "max", x)
+          }, null, 8, ["model-value", "disabled", "placeholder", "aria-label", "onUpdate:modelValue"])
+        ])) : (u(), _(e(oe), {
+          key: 1,
+          "empty-text": e(S)("filters.nothing-found"),
+          class: "wx-catalog-landing-set__values",
+          "model-value": v(c),
+          options: W(String(g), c),
+          multiple: "",
+          filterable: "",
+          clearable: "",
+          size: "sm",
+          disabled: f.value,
+          placeholder: e(i)("landing.set-values"),
+          "aria-label": j(String(g)),
+          "onUpdate:modelValue": (x) => ke(String(g), x)
+        }, null, 8, ["empty-text", "model-value", "options", "disabled", "placeholder", "aria-label", "onUpdate:modelValue"])),
+        N(e(ve), {
+          title: e(V).confirm,
+          "confirm-text": e(V).confirmText,
+          "cancel-text": e(V).cancelText,
+          "confirm-type": "danger",
+          disabled: f.value,
+          onConfirm: (x) => r(String(g))
+        }, {
+          trigger: p(() => [
+            N(e(ie), {
+              variant: "text",
+              size: "sm",
+              disabled: f.value,
+              "aria-label": e(i)("landing.set-remove"),
+              title: e(i)("landing.set-remove")
+            }, {
+              icon: p(() => [
+                N(e(fe), { name: "close" })
+              ]),
+              _: 1
+            }, 8, ["disabled", "aria-label", "title"])
+          ]),
+          _: 1
+        }, 8, ["title", "confirm-text", "cancel-text", "disabled", "onConfirm"])
+      ], 8, Xe))), 128)),
+      se("div", Ze, [
+        E.value.length > 0 ? (u(), _(e(oe), {
+          key: 0,
+          "empty-text": e(S)("filters.nothing-found"),
+          class: "wx-catalog-landing-set__add",
+          "model-value": null,
+          options: E.value,
+          filterable: "",
+          size: "sm",
+          disabled: f.value,
+          placeholder: e(i)("landing.set-add"),
+          "aria-label": e(i)("landing.set-add"),
+          "onUpdate:modelValue": y
+        }, null, 8, ["empty-text", "options", "disabled", "placeholder", "aria-label"])) : L("", !0),
+        D.value ? (u(), _(e(M), {
+          key: 1,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: p(() => [
+            $(w(e(i)("landing.set-counting")), 1)
+          ]),
+          _: 1
+        })) : O.value ? (u(), _(e(he), {
+          key: 2,
+          class: "wx-catalog-landing-set__count",
+          type: O.value.count > 0 ? "success" : "warning",
+          size: "sm",
+          round: ""
+        }, {
+          default: p(() => [
+            $(w(e(i)("landing.set-count", { count: O.value.count })), 1)
+          ]),
+          _: 1
+        }, 8, ["type"])) : L("", !0)
+      ]),
+      H.value ? (u(), _(e(ne), {
+        key: 2,
+        type: "danger"
+      }, {
+        default: p(() => [
+          $(w(H.value), 1)
+        ]),
+        _: 1
+      })) : L("", !0),
+      O.value?.taken ? (u(), _(e(ne), {
+        key: 3,
+        type: "warning"
+      }, {
+        default: p(() => [
+          $(w(e(i)("landing.set-taken", { name: O.value.taken.name })) + " ", 1),
+          re.value ? (u(), _(e(ze), {
+            key: 0,
+            as: e(Ie),
+            to: re.value
+          }, {
+            default: p(() => [
+              $(w(e(i)("landing.set-open-taken")), 1)
+            ]),
+            _: 1
+          }, 8, ["as", "to"])) : L("", !0)
+        ]),
+        _: 1
+      })) : L("", !0)
+    ]));
+  }
+}), tt = /* @__PURE__ */ de(et, [["__scopeId", "data-v-375f27f3"]]), at = { class: "wx-catalog-landing-slug" }, nt = {
+  key: 0,
+  class: "wx-catalog-landing-slug__hint"
+}, lt = /* @__PURE__ */ G({
+  name: "WxCatalogLandingSlug",
+  __name: "LandingSlugField",
+  props: /* @__PURE__ */ Ne({
+    localized: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const t = s, l = J(s, "modelValue"), a = X(), o = Fe();
+    Y();
+    const i = R(B), V = A(() => a?.locked.value ?? !1), S = A(
+      () => l.value && typeof l.value == "object" ? l.value : {}
+    ), C = A(() => {
+      const k = a?.suggested.value ?? {}, h = o.active.value || Object.keys(k)[0] || "", b = k[h];
+      return b ? (t.localized ? S.value[h] : l.value) === b ? null : b : null;
+    });
+    function f() {
+      const k = a?.suggested.value ?? {};
+      if (!t.localized) {
+        l.value = C.value;
+        return;
+      }
+      const h = { ...S.value }, b = o.active.value;
+      for (const [m, T] of Object.entries(k))
+        (m === b || !h[m]) && (h[m] = T);
+      l.value = h;
+    }
+    return (k, h) => (u(), P("div", at, [
+      N(e(Ee), {
+        "model-value": l.value ?? void 0,
+        localized: t.localized,
+        disabled: V.value,
+        maxlength: 255,
+        "onUpdate:modelValue": h[0] || (h[0] = (b) => l.value = b)
+      }, null, 8, ["model-value", "localized", "disabled"]),
+      C.value && !V.value ? (u(), P("div", nt, [
+        N(e(M), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: p(() => [
+            $(w(e(i)("landing.slug-suggested", { slug: C.value })), 1)
+          ]),
+          _: 1
+        }),
+        N(e(ie), {
+          size: "sm",
+          variant: "text",
+          onClick: f
+        }, {
+          default: p(() => [
+            $(w(e(i)("landing.slug-use")), 1)
+          ]),
+          _: 1
+        })
+      ])) : L("", !0)
+    ]));
+  }
+}), st = /* @__PURE__ */ de(lt, [["__scopeId", "data-v-b1f93497"]]), q = "default", ot = /* @__PURE__ */ G({
+  name: "WxCatalogLandingSort",
+  __name: "LandingSortField",
+  props: {
+    modelValue: { default: null },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s) {
+    const t = J(s, "modelValue"), l = Q(), a = Ue(l), o = X();
+    Y();
+    const i = R(B), V = A(() => [
+      // The registry's own 'default' stands for «none of the landing's own»: the category's order.
+      { value: q, label: i("landing.sort-default") },
+      ...a.sorts.value.filter((S) => S.key !== q).map((S) => ({ value: S.key, label: S.label }))
+    ]);
+    return Ce(() => {
+      a.load().catch(() => {
+      });
+    }), (S, C) => (u(), _(e(oe), {
+      "model-value": t.value ?? q,
+      options: V.value,
+      disabled: e(o)?.locked.value ?? !1,
+      "onUpdate:modelValue": C[0] || (C[0] = (f) => t.value = f && f !== q ? String(f) : null)
+    }, null, 8, ["model-value", "options", "disabled"]));
+  }
+});
+function pt(s = {}) {
+  const t = s.path ?? "/catalog", l = { base: t };
+  return [
+    {
+      id: "catalog-landings",
+      path: `${t}/landings`,
+      routes: [
+        {
+          path: `${t}/landings`,
+          name: "webx.catalog-landings",
+          component: () => import("./LandingsPage-D3IHE6TR.js"),
+          props: l
+        },
+        {
+          path: `${t}/landings/new`,
+          name: "webx.catalog-landings.new",
+          component: () => import("./LandingEditorPage-sarEsyTC.js"),
+          props: l
+        },
+        {
+          path: `${t}/landings/:id(\\d+)`,
+          name: "webx.catalog-landings.edit",
+          component: () => import("./LandingEditorPage-sarEsyTC.js"),
+          props: l
+        }
+      ],
+      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: tt, kind: "field", wide: !0 },
+        "wx-catalog-landing-slug": { component: st, kind: "field" },
+        "wx-catalog-landing-sort": { component: ot, kind: "field" },
+        "wx-catalog-landing-products": {
+          component: He,
+          kind: "field",
+          wide: !0
+        }
+      }
+    }
+  ];
+}
+const vt = pe(() => import("./LandingsPage-D3IHE6TR.js")), ft = pe(() => import("./LandingEditorPage-sarEsyTC.js"));
+export {
+  Je as F,
+  Ke as L,
+  B as N,
+  ft as W,
+  de as _,
+  me as a,
+  He as b,
+  Ge as c,
+  tt as d,
+  st as e,
+  mt as f,
+  ot as g,
+  vt as h,
+  pt as i,
+  Me as j,
+  qe as k,
+  xe as l,
+  X as m,
+  gt as p,
+  Y as u
+};
+//# sourceMappingURL=index-CL_q1v5T.js.map