@webx-ui/module-catalog-properties 0.1.13 → 0.2.0

package/dist/index-B2Yl11Yn.js

@@ -0,0 +1,1875 @@
+import { defineComponent as ae, computed as S, ref as x, watch as ee, openBlock as d, createElementBlock as R, createBlock as I, unref as e, Fragment as oe, createVNode as M, withCtx as V, createTextVNode as G, toDisplayString as U, renderList as ye, createElementVNode as K, createCommentVNode as j, provide as Je, inject as ze, useModel as ke, onBeforeUnmount as Ee, mergeModels as Te, mergeProps as Qe, isRef as Be, useTemplateRef as Xe, onMounted as Ze, nextTick as qe, withKeys as Ne, normalizeStyle as ea, withModifiers as aa, h as ta, defineAsyncComponent as Fe } from "vue";
+import { useAdmin as ie, useTranslate as se, useErrorText as ge, WxRowMenu as Ie, categoryRoutes as la } from "@webx-ui/module-admin";
+import { localizedValue as oa, WxAlert as re, WxSkeleton as Ae, WxText as ne, WxSortableList as Re, WxButton as q, WxSelect as Ve, toast as te, WxAction as ra, WxInput as de, WxInputNumber as Ce, useLocales as De, WxTreeSelect as na, WxFormItem as fe, WxSwitch as sa, confirm as Le, useModal as je, WxDialog as Ge, WxSpace as Ke, WxColorPicker as ia, createModal as Me, WxTree as Ue } from "@webx-ui/core";
+import { useCatalogCategoryEditor as ua, createCatalogApi as da, useProductEditor as ca } from "@webx-ui/module-catalog";
+import { screenErrorsKey as pa } from "@webx-ui/schema";
+import { openMediaPicker as va } from "@webx-ui/module-media";
+const ma = "catalog/properties", fa = "catalog/property-groups", ga = "catalog/property-sets";
+function ha(l) {
+  const a = new URLSearchParams();
+  l.q && a.set("q", l.q), l.type && a.set("type", l.type), l.group != null && a.set("group", String(l.group)), l.trashed && a.set("trashed", "1");
+  for (const n of l.ids ?? []) a.append("ids[]", String(n));
+  return l.page && l.page > 1 && a.set("page", String(l.page)), l.per_page && a.set("per_page", String(l.per_page)), a;
+}
+function ue(l) {
+  const a = `${l.apiPath}/${ma}`, n = (t) => t.data, y = (t, m) => m.size > 0 ? `${t}?${m}` : t;
+  return {
+    list: (t = {}) => l.http.get(y(a, ha({ per_page: 500, ...t }))),
+    get: (t) => l.http.get(`${a}/${t}`).then(n),
+    create: (t) => l.http.post(a, { values: t }).then(n),
+    save: (t, m) => l.http.put(`${a}/${t}`, { values: m }).then(n),
+    reorder: (t) => l.http.post(`${a}/reorder`, { ids: t }).then(() => {
+    }),
+    remove: (t) => l.http.delete(`${a}/${t}`).then(() => {
+    }),
+    restore: (t) => l.http.post(`${a}/${t}/restore`, {}).then(n),
+    saveIntervals: (t, m) => l.http.put(`${a}/${t}/intervals`, {
+      intervals: m.map(({ id: s, title: i, slug: p, min: C, max: h }) => ({
+        id: s ?? null,
+        title: i,
+        slug: p,
+        min: C,
+        max: h
+      }))
+    }).then(n),
+    values: (t, m = null) => {
+      const s = new URLSearchParams();
+      return m !== null && s.set("parent_id", String(m)), l.http.get(y(`${a}/${t}/values`, s)).then(n);
+    },
+    searchValues: (t, m, s = 50) => l.http.get(y(`${a}/${t}/values`, new URLSearchParams({ q: m, per_page: String(s) }))).then(n),
+    valuesById: (t, m) => {
+      if (m.length === 0) return Promise.resolve([]);
+      const s = new URLSearchParams();
+      for (const i of m) s.append("ids[]", String(i));
+      return l.http.get(y(`${a}/${t}/values`, s)).then(n);
+    },
+    createValue: (t, m) => l.http.post(`${a}/${t}/values`, m).then(n),
+    saveValue: (t, m, s) => l.http.put(`${a}/${t}/values/${m}`, s).then(n),
+    moveValue: (t, m, s, i) => l.http.post(`${a}/${t}/values/${m}/move`, {
+      parent_id: s,
+      before_id: i
+    }).then(n),
+    mergeValue: (t, m, s, i = !1) => l.http.post(`${a}/${t}/values/${m}/merge`, {
+      into: s,
+      dry_run: i
+    }).then((p) => p.data.moved),
+    removeValue: (t, m) => l.http.delete(`${a}/${t}/values/${m}`).then(() => {
+    }),
+    categorySet: (t) => l.http.get(`${l.apiPath}/catalog/categories/${t}/properties`).then(n),
+    saveCategorySet: (t, m) => l.http.put(`${l.apiPath}/catalog/categories/${t}/properties`, { ids: m }).then(n),
+    effectiveSet: (t) => l.http.get(`${l.apiPath}/${ga}/${t}`).then(n)
+  };
+}
+function Y(l, a, n = "") {
+  return l == null || Array.isArray(l) ? n : oa(l, a, n);
+}
+function Z(l, a) {
+  return Y(l.title, a) || Y(l.code, a) || `#${l.id}`;
+}
+function Ye(l, a, n) {
+  const y = Math.max(0, Math.min(6, Math.trunc(a.precision ?? 0)));
+  let t;
+  try {
+    t = new Intl.NumberFormat(n || void 0, {
+      minimumFractionDigits: y,
+      maximumFractionDigits: y
+    }).format(l);
+  } catch {
+    t = l.toFixed(y);
+  }
+  return `${a.prefix ?? ""}${t}${a.suffix ?? ""}`;
+}
+function ya(l) {
+  const a = Math.max(0, Math.min(6, Math.trunc(l ?? 0)));
+  return a === 0 ? 12 : Number(12.5.toFixed(Math.min(a, 1)));
+}
+function ba(l, a) {
+  const n = a === null ? 0 : String(a).split(".")[1]?.length ?? 0;
+  return Math.min(6, Math.max(l, n));
+}
+const _a = {
+  module: {
+    title: "Properties",
+    property: "Property",
+    group: "Property group",
+    value: "Property value"
+  },
+  property: {
+    "tab-main": "Main",
+    "tab-values": "Values",
+    "tab-intervals": "Intervals",
+    "tab-history": "History",
+    "card-values": "Values",
+    "card-filter": "Filter and search",
+    "card-showing": "Where it is shown",
+    title: "Name",
+    code: "Code",
+    "code-help": "Latin letters, digits and hyphens: the property in a filter address (color_black), per language. Made from the name when left empty.",
+    type: "Type",
+    "type-help": "Chosen once: the values of the products have its shape.",
+    types: {
+      select: "Reference book",
+      number: "Number",
+      text: "Text",
+      bool: "Yes / no"
+    },
+    group_id: "Group",
+    is_multiple: "Several values",
+    is_tree: "Values in a tree",
+    leaves_only: "Only the last level",
+    is_filterable: "In the filter",
+    filter_mode: "Filter by",
+    modes: {
+      slider: "Slider",
+      intervals: "Intervals"
+    },
+    is_indexable: "Pages of one value open to search engines",
+    is_searchable: "Search by value",
+    in_card: "On the card in the catalogue",
+    on_page: "In the specifications of the product",
+    in_list: "Column in the list of products",
+    value_order: "Order of values",
+    orders: {
+      alpha: "Alphabetical",
+      manual: "By hand"
+    },
+    has_color: "Values have a colour",
+    has_image: "Values have a picture",
+    unit_prefix: "Before the number",
+    unit_suffix: "After the number",
+    precision: "Digits after the point",
+    toggle_slug: "The word for «yes» in an address",
+    seo_pattern: "Page title pattern",
+    "seo-pattern-help": "{category}, {property} and {value} are replaced. Empty — the catalogue's own pattern."
+  },
+  value: {
+    title: "Name",
+    slug: "Slug",
+    color: "Colour",
+    image: "Picture",
+    merged: "Merged",
+    "merged-line": ":value, products: :count"
+  },
+  product: {
+    tab: "Specifications",
+    properties: "Properties",
+    property: "Property",
+    value: "Value",
+    yes: "Yes"
+  },
+  group: {
+    title: "Name",
+    is_visible: "Heading on the page",
+    "visible-help": "Off, the properties of the group stand in the specifications without its heading.",
+    new: "New group",
+    empty: "No groups yet.",
+    "empty-help": "A group is a heading of the specifications — «Screen», «Processor». A property without one stands last, without a heading.",
+    order: "The order here is the order of the headings in the specifications of a product",
+    hidden: "Heading not shown",
+    count: "Properties: :count",
+    "delete-blocked": "While properties are in this group it cannot go — move them to another first.",
+    "delete-text": "It goes to the bin.",
+    deleted: "The group is in the bin.",
+    saved: "The group is saved."
+  },
+  panel: {
+    "category-tab": "Properties",
+    new: "New property",
+    groups: "Groups",
+    "groups-title": "Groups of properties",
+    "view-all": "Properties",
+    "view-deleted": "Deleted",
+    "type-any": "Any type",
+    "group-any": "Any group",
+    empty: "No properties yet.",
+    "empty-help": "A property is what a product is described by — a colour, a weight, Wi-Fi — and, when it is in the filter, what the catalogue is narrowed by.",
+    "empty-found": "Nothing here.",
+    order: "The order here is the order of the filter's blocks, unless a category sets its own on its «Filters» tab.",
+    "order-narrowed": "The order is dragged on the whole list: clear the type and the group first.",
+    count: "Products: :count",
+    edit: "Edit",
+    delete: "Delete",
+    restore: "Restore",
+    cancel: "Cancel",
+    create: "Create",
+    save: "Save",
+    add: "Add",
+    search: "Search",
+    searching: "Searching…",
+    "nothing-found": "Nothing found",
+    "delete-title": "Delete «:name»?",
+    "delete-text": "It goes to «Deleted»: its filter and its old addresses go, the values of the products stay, and a restore brings everything back.",
+    deleted: "The property is in «Deleted».",
+    restored: "The property is back.",
+    "in-bin": "Deleted",
+    "reorder-failed": "The order was not saved.",
+    saved: "The property is saved.",
+    "save-failed": "Not saved: check the marked fields.",
+    untitled: "Untitled",
+    trail: "Where you are",
+    "leave-title": "Leave without saving?",
+    "leave-text": "The changes to «Main» are not saved yet.",
+    leave: "Leave",
+    example: "On the site:",
+    "slug-help": "The value in a filter's address: /laptops/color_black/. Made from the name when left empty.",
+    "values-unsaved": "The values are written once the property is saved as a reference book.",
+    "values-failed": "The values did not load. Reload the page.",
+    "values-empty": "No values yet.",
+    "values-order-manual": "By hand: the order and the nesting are dragged, and the site shows them so.",
+    "values-order-alpha": "Alphabetical: the site sorts them by name in each language. Switch the order to «By hand» on «Main» to drag them.",
+    "value-new": "New value — its name, then Enter",
+    "value-new-inside": "New value in «:name»",
+    "value-add-inside": "Add inside",
+    "value-delete-title": "Delete «:name»?",
+    "value-delete-text": "No product holds it. Its old address leads to the category without it.",
+    "value-delete-branch": "No product holds it, nor anything under it. Everything under it goes too.",
+    "value-in-use": "Products hold this value: merge it into another instead. Products: :count",
+    "picture-pick": "Choose a picture",
+    "picture-change": "Another picture",
+    "picture-remove": "Remove",
+    "value-pick": "Choose",
+    "value-create": "Create «:name»",
+    "merge-with": "Merge with…",
+    "merge-title": "Merge «:name»",
+    "merge-into": "Into",
+    "merge-help": "Its products get the value chosen here, its addresses lead there, and it is gone.",
+    "merge-confirm": "«:name» becomes «:target» on the products. Products: :count",
+    merge: "Merge",
+    merged: "Merged. Products moved: :count",
+    "intervals-unsaved": "Intervals are the filter of a number by steps: save the property with «Filter by: Intervals» first.",
+    "intervals-help": "A step includes its lower end and not its upper one: «1–2 kg» and «2–3 kg» do not share a product of exactly 2 kg. An empty end is open.",
+    "intervals-empty": "No intervals yet.",
+    "interval-title": "Label",
+    "interval-min": "From",
+    "interval-max": "Up to",
+    "interval-slug": "Slug",
+    "interval-open": "Open",
+    "interval-add": "Add an interval",
+    "intervals-sort": "Sort by bounds",
+    "intervals-save": "Save the intervals",
+    "intervals-saved": "The intervals are saved.",
+    "set-unsaved": "The set is chosen once the category is saved.",
+    "set-failed": "The properties did not load. Reload the page.",
+    "set-help": "The products of the category and of everything under it are described by these properties. The ones from above come with the category and are removed where they were added.",
+    "set-from": "from «:name»",
+    "set-empty": "The category adds no properties of its own.",
+    "set-add": "Add a property…",
+    "set-remove": "Remove «:name» from the set",
+    "product-no-category": "The properties of a product are those of its main category: choose one on «Main».",
+    "product-empty-set": "The main category has no properties. They are chosen on the category's «Properties» tab.",
+    outside: "Outside the category's set: :count",
+    "outside-help": "The product holds these, but its main category does not have them: they are not shown anywhere. Moved back to such a category, the product shows them again.",
+    "outside-clear": "Delete these values",
+    "outside-clear-title": "Delete the values outside the set?",
+    "outside-clear-text": "They are deleted from the product for good; the journal keeps what they were.",
+    "outside-cleared": "The values outside the set are deleted."
+  }
+}, X = "webx-catalog-properties", We = /* @__PURE__ */ new WeakSet();
+function be() {
+  try {
+    const { i18n: l } = ie();
+    We.has(l) || (l.defaults(X, _a), We.add(l));
+  } catch {
+  }
+}
+const wa = { class: "wx-catalog-category-properties" }, xa = {
+  key: 0,
+  class: "wx-catalog-category-properties__inherited"
+}, ka = { class: "wx-catalog-category-properties__name" }, Va = { class: "wx-catalog-category-properties__row" }, $a = { class: "wx-catalog-category-properties__name" }, Pa = /* @__PURE__ */ ae({
+  name: "WxCatalogCategoryProperties",
+  __name: "CategoryPropertiesField",
+  setup(l) {
+    const a = ie(), n = ue(a), y = ua();
+    be();
+    const t = se(X), m = ge(), s = S(() => a.i18n.state.locale), i = S(() => y?.category.value?.id ?? null), p = S(() => (y?.locked.value ?? !0) || !a.can("catalog.manage")), C = x(null), h = x([]), P = x([]), W = x(!0), O = x(!1), $ = x(!1), b = x(null), F = S(
+      () => /* @__PURE__ */ new Set([
+        ...(C.value?.inherited ?? []).map((o) => o.property.id),
+        ...h.value.map((o) => o.id)
+      ])
+    ), D = S(
+      () => P.value.filter((o) => !F.value.has(o.id)).map((o) => ({ value: o.id, label: Z(o, s.value) }))
+    );
+    function z(o) {
+      C.value = o, h.value = [...o.own];
+    }
+    async function f() {
+      if (i.value !== null) {
+        W.value = !0, O.value = !1;
+        try {
+          const [o, k] = await Promise.all([n.categorySet(i.value), n.list()]);
+          z(o), P.value = k.data;
+        } catch {
+          O.value = !0;
+        } finally {
+          W.value = !1;
+        }
+      }
+    }
+    ee(i, () => {
+      f();
+    }, { immediate: !0 }), ee(
+      () => y?.category.value?.parent_id,
+      (o, k) => {
+        k !== void 0 && o !== k && f();
+      }
+    );
+    async function N(o) {
+      if (i.value !== null) {
+        $.value = !0;
+        try {
+          z(await n.saveCategorySet(i.value, o));
+        } catch (k) {
+          const g = k.body, Q = g?.errors ? Object.values(g.errors)[0]?.[0] : void 0;
+          te.danger(Q ?? m(k)), C.value && (h.value = [...C.value.own]);
+        } finally {
+          $.value = !1;
+        }
+      }
+    }
+    function E(o) {
+      typeof o == "number" && (b.value = null, N([...h.value.map((k) => k.id), o]));
+    }
+    function J(o) {
+      N(h.value.filter((k) => k.id !== o).map((k) => k.id));
+    }
+    function r() {
+      N(h.value.map((o) => o.id));
+    }
+    const u = (o) => t(`property.types.${o.type}`);
+    return (o, k) => (d(), R("div", wa, [
+      i.value === null ? (d(), I(e(re), {
+        key: 0,
+        type: "info",
+        variant: "soft",
+        description: e(t)("panel.set-unsaved")
+      }, null, 8, ["description"])) : W.value ? (d(), I(e(Ae), {
+        key: 1,
+        rows: 4
+      })) : O.value ? (d(), I(e(re), {
+        key: 2,
+        type: "warning",
+        variant: "soft",
+        description: e(t)("panel.set-failed")
+      }, null, 8, ["description"])) : (d(), R(oe, { key: 3 }, [
+        M(e(ne), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: V(() => [
+            G(U(e(t)("panel.set-help")), 1)
+          ]),
+          _: 1
+        }),
+        C.value && C.value.inherited.length > 0 ? (d(), R("ul", xa, [
+          (d(!0), R(oe, null, ye(C.value.inherited, (g) => (d(), R("li", {
+            key: g.property.id,
+            class: "wx-catalog-category-properties__row is-inherited"
+          }, [
+            K("span", ka, U(e(Z)(g.property, s.value)), 1),
+            M(e(ne), {
+              size: "sm",
+              tone: "muted",
+              truncate: ""
+            }, {
+              default: V(() => [
+                G(U(u(g.property)) + " · " + U(e(t)("panel.set-from", { name: g.from.name })), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ])) : j("", !0),
+        M(e(Re), {
+          modelValue: h.value,
+          "onUpdate:modelValue": k[0] || (k[0] = (g) => h.value = g),
+          size: "sm",
+          "item-key": "id",
+          "item-label": (g) => e(Z)(g, s.value),
+          disabled: p.value || $.value,
+          "empty-text": e(t)("panel.set-empty"),
+          onMove: r
+        }, {
+          default: V(({ item: g }) => [
+            K("span", Va, [
+              K("span", $a, U(e(Z)(g, s.value)), 1),
+              M(e(ne), {
+                size: "sm",
+                tone: "muted",
+                truncate: ""
+              }, {
+                default: V(() => [
+                  G(U(u(g)), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ])
+          ]),
+          actions: V(({ item: g }) => [
+            p.value ? j("", !0) : (d(), I(e(q), {
+              key: 0,
+              size: "sm",
+              variant: "text",
+              icon: "close",
+              disabled: $.value,
+              "aria-label": e(t)("panel.set-remove", { name: e(Z)(g, s.value) }),
+              onClick: (Q) => J(g.id)
+            }, null, 8, ["disabled", "aria-label", "onClick"]))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "item-label", "disabled", "empty-text"]),
+        p.value ? j("", !0) : (d(), I(e(Ve), {
+          key: 1,
+          class: "wx-catalog-category-properties__add",
+          "model-value": b.value,
+          options: D.value,
+          placeholder: e(t)("panel.set-add"),
+          "empty-text": e(t)("panel.nothing-found"),
+          disabled: $.value,
+          filterable: "",
+          "onUpdate:modelValue": E
+        }, null, 8, ["model-value", "options", "placeholder", "empty-text", "disabled"]))
+      ], 64))
+    ]));
+  }
+}), ce = (l, a) => {
+  const n = l.__vccOpts || l;
+  for (const [y, t] of a)
+    n[y] = t;
+  return n;
+}, Sa = /* @__PURE__ */ ce(Pa, [["__scopeId", "data-v-eb81b022"]]), He = /* @__PURE__ */ Symbol("wx-catalog-property");
+function yt(l) {
+  Je(He, l);
+}
+function $e() {
+  return ze(He, null);
+}
+const Ca = { class: "wx-catalog-intervals" }, Ta = {
+  class: "wx-catalog-intervals__head",
+  "aria-hidden": "true"
+}, Aa = { class: "wx-catalog-intervals__row" }, Na = {
+  key: 0,
+  class: "wx-catalog-intervals__bar"
+}, Ia = /* @__PURE__ */ ae({
+  name: "WxCatalogPropertyIntervals",
+  __name: "IntervalsField",
+  setup(l) {
+    const a = ie(), n = ue(a), y = $e();
+    be();
+    const t = se(X), m = ge(), s = S(() => y?.property.value ?? null), i = S(() => y?.locked.value ?? !0), p = x([]), C = x(""), h = x(!1), P = x({});
+    let W = 0;
+    const O = (r) => r && !Array.isArray(r) ? { ...r } : {};
+    function $(r) {
+      return {
+        key: r.id ? `i${r.id}` : `n${++W}`,
+        id: r.id ?? null,
+        title: O(r.title),
+        slug: O(r.slug),
+        min: r.min,
+        max: r.max
+      };
+    }
+    const b = (r) => JSON.stringify(r.map(({ id: u, title: o, slug: k, min: g, max: Q }) => ({ id: u, title: o, slug: k, min: g, max: Q })));
+    function F(r) {
+      p.value = r.map($), C.value = b(p.value);
+    }
+    ee(
+      () => y?.intervals.value,
+      (r) => F(r ?? []),
+      { immediate: !0 }
+    );
+    const D = S(() => b(p.value) !== C.value);
+    function z() {
+      const r = p.value[p.value.length - 1];
+      p.value = [
+        ...p.value,
+        { key: `n${++W}`, id: null, title: {}, slug: {}, min: r?.max ?? null, max: null }
+      ];
+    }
+    function f(r) {
+      p.value = p.value.filter((u) => u.key !== r);
+    }
+    function N() {
+      const r = (o) => o.min ?? Number.NEGATIVE_INFINITY, u = (o) => o.max ?? Number.POSITIVE_INFINITY;
+      p.value = [...p.value].sort((o, k) => r(o) - r(k) || u(o) - u(k));
+    }
+    function E(r, u) {
+      const o = `intervals.${r}.${u}`, k = Object.keys(P.value).find(
+        (g) => g === o || g.startsWith(`${o}.`)
+      );
+      return k === void 0 ? void 0 : P.value[k]?.[0];
+    }
+    async function J() {
+      if (!(!s.value || h.value)) {
+        h.value = !0, P.value = {};
+        try {
+          const r = await n.saveIntervals(
+            s.value.id,
+            p.value.map(({ id: u, title: o, slug: k, min: g, max: Q }) => ({ id: u, title: o, slug: k, min: g, max: Q }))
+          );
+          y ? y.intervals.value = r : F(r), te.success(t("panel.intervals-saved"));
+        } catch (r) {
+          const u = r.body;
+          u?.errors ? (P.value = u.errors, te.danger(t("panel.save-failed"))) : te.danger(m(r));
+        } finally {
+          h.value = !1;
+        }
+      }
+    }
+    return (r, u) => (d(), R("div", Ca, [
+      !s.value || s.value.filter_mode !== "intervals" ? (d(), I(e(re), {
+        key: 0,
+        type: "info",
+        variant: "soft",
+        description: e(t)("panel.intervals-unsaved")
+      }, null, 8, ["description"])) : (d(), R(oe, { key: 1 }, [
+        M(e(ne), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: V(() => [
+            G(U(e(t)("panel.intervals-help")), 1)
+          ]),
+          _: 1
+        }),
+        K("div", Ta, [
+          K("span", null, U(e(t)("panel.interval-title")), 1),
+          K("span", null, U(e(t)("panel.interval-min")), 1),
+          K("span", null, U(e(t)("panel.interval-max")), 1),
+          K("span", null, U(e(t)("panel.interval-slug")), 1)
+        ]),
+        M(e(Re), {
+          modelValue: p.value,
+          "onUpdate:modelValue": u[0] || (u[0] = (o) => p.value = o),
+          class: "wx-catalog-intervals__list",
+          "item-key": "key",
+          "item-label": (o) => o.title[e(a).i18n.state.locale] ?? "",
+          disabled: i.value,
+          "empty-text": e(t)("panel.intervals-empty")
+        }, {
+          default: V(({ item: o, index: k }) => [
+            K("div", Aa, [
+              M(e(de), {
+                modelValue: o.title,
+                "onUpdate:modelValue": (g) => o.title = g,
+                localized: "",
+                size: "sm",
+                disabled: i.value,
+                "aria-label": e(t)("panel.interval-title"),
+                status: E(k, "title") ? "error" : void 0
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "aria-label", "status"]),
+              M(e(Ce), {
+                modelValue: o.min,
+                "onUpdate:modelValue": (g) => o.min = g,
+                size: "sm",
+                controls: !1,
+                disabled: i.value,
+                placeholder: e(t)("panel.interval-open"),
+                "aria-label": e(t)("panel.interval-min")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "placeholder", "aria-label"]),
+              M(e(Ce), {
+                modelValue: o.max,
+                "onUpdate:modelValue": (g) => o.max = g,
+                size: "sm",
+                controls: !1,
+                disabled: i.value,
+                placeholder: e(t)("panel.interval-open"),
+                "aria-label": e(t)("panel.interval-max"),
+                status: E(k, "max") ? "error" : void 0
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "placeholder", "aria-label", "status"]),
+              M(e(de), {
+                modelValue: o.slug,
+                "onUpdate:modelValue": (g) => o.slug = g,
+                localized: "",
+                size: "sm",
+                disabled: i.value,
+                "aria-label": e(t)("panel.interval-slug"),
+                status: E(k, "slug") ? "error" : void 0
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "aria-label", "status"]),
+              (d(!0), R(oe, null, ye(["title", "max", "slug"].map((g) => E(k, g)).filter(Boolean), (g) => (d(), I(e(ne), {
+                key: g,
+                class: "wx-catalog-intervals__error",
+                size: "sm"
+              }, {
+                default: V(() => [
+                  G(U(g), 1)
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ])
+          ]),
+          actions: V(({ item: o }) => [
+            M(e(ra), {
+              type: "remove",
+              label: e(t)("panel.delete"),
+              disabled: i.value,
+              onClick: (k) => f(o.key)
+            }, null, 8, ["label", "disabled", "onClick"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "item-label", "disabled", "empty-text"]),
+        i.value ? j("", !0) : (d(), R("div", Na, [
+          M(e(q), {
+            size: "sm",
+            icon: "plus",
+            onClick: z
+          }, {
+            default: V(() => [
+              G(U(e(t)("panel.interval-add")), 1)
+            ]),
+            _: 1
+          }),
+          M(e(q), {
+            size: "sm",
+            variant: "outline",
+            disabled: p.value.length < 2,
+            onClick: N
+          }, {
+            default: V(() => [
+              G(U(e(t)("panel.intervals-sort")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          u[1] || (u[1] = K("span", { class: "wx-catalog-intervals__spacer" }, null, -1)),
+          M(e(q), {
+            type: "primary",
+            size: "sm",
+            loading: h.value,
+            disabled: !D.value,
+            onClick: J
+          }, {
+            default: V(() => [
+              G(U(e(t)("panel.intervals-save")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading", "disabled"])
+        ]))
+      ], 64))
+    ]));
+  }
+}), Ma = /* @__PURE__ */ ce(Ia, [["__scopeId", "data-v-998ebd41"]]), Ua = { class: "wx-catalog-property-example__value" }, Wa = /* @__PURE__ */ ae({
+  name: "WxCatalogPropertyExample",
+  __name: "NumberExample",
+  setup(l) {
+    const a = $e(), n = De(), y = se(X), t = S(() => {
+      const m = a?.values.value ?? {}, s = n.active.value, i = Number(m.precision ?? 0);
+      return Ye(
+        ya(i),
+        {
+          precision: i,
+          prefix: Y(m.unit_prefix, s),
+          suffix: Y(m.unit_suffix, s)
+        },
+        s
+      );
+    });
+    return (m, s) => (d(), I(e(ne), {
+      class: "wx-catalog-property-example",
+      size: "sm",
+      tone: "muted"
+    }, {
+      default: V(() => [
+        G(U(e(y)("panel.example")) + " ", 1),
+        K("span", Ua, U(t.value), 1)
+      ]),
+      _: 1
+    }));
+  }
+}), Oa = /* @__PURE__ */ ce(Wa, [["__scopeId", "data-v-54ac1b0d"]]), Se = -1, za = /* @__PURE__ */ ae({
+  name: "WxCatalogPropertyValueSelect",
+  __name: "ValueSelect",
+  props: /* @__PURE__ */ Te({
+    property: {},
+    disabled: { type: Boolean, default: !1 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const a = l, n = ke(l, "modelValue"), y = ie(), t = ue(y), m = se(X), s = ge(), i = S(() => y.i18n.state.locale), p = S(() => y.can("catalog.manage")), C = x(/* @__PURE__ */ new Map()), h = x([]), P = x(""), W = x(!1), O = S(
+      () => n.value === null ? [] : Array.isArray(n.value) ? n.value : [n.value]
+    );
+    function $(r) {
+      const u = new Map(C.value);
+      for (const o of r) u.set(o.id, Y(o.title, i.value, `#${o.id}`));
+      return C.value = u, r.map((o) => o.id);
+    }
+    const b = S(() => {
+      const r = P.value.trim().toLocaleLowerCase(i.value);
+      return [...C.value.values()].some((u) => u.toLocaleLowerCase(i.value) === r);
+    }), F = S(() => {
+      const u = [.../* @__PURE__ */ new Set([...O.value, ...h.value])].map((o) => ({
+        value: o,
+        label: C.value.get(o) ?? `#${o}`
+      }));
+      return p.value && P.value.trim() !== "" && !b.value && u.push({ value: Se, label: m("panel.value-create", { name: P.value.trim() }) }), u;
+    });
+    ee(
+      O,
+      async (r) => {
+        const u = r.filter((o) => !C.value.has(o));
+        if (u.length !== 0)
+          try {
+            $(await t.valuesById(a.property.id, u));
+          } catch {
+          }
+      },
+      { immediate: !0 }
+    );
+    let D, z = 0;
+    async function f(r) {
+      const u = ++z;
+      try {
+        const o = await t.searchValues(a.property.id, r.trim(), 30);
+        u === z && (h.value = $(o));
+      } catch {
+        u === z && (h.value = []);
+      }
+    }
+    function N(r) {
+      P.value = r, clearTimeout(D), D = setTimeout(() => {
+        f(r);
+      }, 200);
+    }
+    Ee(() => clearTimeout(D));
+    async function E() {
+      const r = P.value.trim();
+      if (r === "" || W.value) return null;
+      W.value = !0;
+      try {
+        const [u] = $([
+          await t.createValue(a.property.id, { title: { [i.value]: r } })
+        ]);
+        return P.value = "", u ?? null;
+      } catch (u) {
+        return te.danger(s(u)), null;
+      } finally {
+        W.value = !1;
+      }
+    }
+    async function J(r) {
+      const u = r === null ? [] : Array.isArray(r) ? r.map(Number) : [Number(r)];
+      if (u.includes(Se)) {
+        const o = await E(), k = u.filter((g) => g !== Se);
+        o !== null && k.push(o), n.value = a.property.is_multiple ? k : o ?? O.value[0] ?? null;
+        return;
+      }
+      n.value = a.property.is_multiple ? u : u[0] ?? null;
+    }
+    return (r, u) => (d(), I(e(Ve), {
+      "model-value": a.property.is_multiple ? O.value : O.value[0] ?? null,
+      options: F.value,
+      multiple: a.property.is_multiple,
+      disabled: a.disabled || W.value,
+      "aria-label": a.ariaLabel,
+      placeholder: e(m)("panel.value-pick"),
+      "empty-text": e(m)("panel.nothing-found"),
+      filterable: "",
+      clearable: "",
+      "onUpdate:modelValue": J,
+      onSearch: N,
+      onOpen: u[0] || (u[0] = (o) => f(P.value))
+    }, null, 8, ["model-value", "options", "multiple", "disabled", "aria-label", "placeholder", "empty-text"]));
+  }
+}), Ea = /* @__PURE__ */ ae({
+  name: "WxCatalogPropertyValueTree",
+  __name: "ValueTreeSelect",
+  props: /* @__PURE__ */ Te({
+    property: {},
+    disabled: { type: Boolean, default: !1 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const a = l, n = ke(l, "modelValue"), y = ie(), t = ue(y), m = se(X), s = S(() => y.i18n.state.locale), i = x([]), p = x([]);
+    function C(b) {
+      return {
+        ...b,
+        label: Y(b.title, s.value, `#${b.id}`),
+        leaf: !b.has_children,
+        blocked: a.property.leaves_only && b.has_children,
+        children: void 0
+      };
+    }
+    const h = S(
+      () => n.value === null ? [] : Array.isArray(n.value) ? n.value : [n.value]
+    );
+    async function P() {
+      try {
+        i.value = (await t.values(a.property.id)).map(C);
+      } catch {
+        i.value = [];
+      }
+    }
+    P(), ee(
+      h,
+      async (b) => {
+        const F = new Set(p.value.map((z) => z[z.length - 1]?.id)), D = b.filter((z) => !F.has(z));
+        if (D.length !== 0)
+          try {
+            const z = await t.valuesById(a.property.id, D);
+            p.value = [
+              ...p.value.filter((f) => b.includes(f[f.length - 1]?.id ?? -1)),
+              ...z.map((f) => [...(f.ancestors ?? []).map(C), C(f)])
+            ];
+          } catch {
+          }
+      },
+      { immediate: !0 }
+    );
+    const W = S(
+      () => a.property.is_multiple ? p.value : p.value.find((b) => b[b.length - 1]?.id === h.value[0]) ?? []
+    );
+    async function O(b) {
+      return (await t.values(a.property.id, b.id)).map(C);
+    }
+    function $(b) {
+      const F = b === null ? [] : Array.isArray(b) ? b.map(Number) : [Number(b)];
+      n.value = a.property.is_multiple ? F : F[0] ?? null;
+    }
+    return (b, F) => (d(), I(e(na), {
+      "model-value": a.property.is_multiple ? h.value : h.value[0] ?? null,
+      nodes: i.value,
+      multiple: a.property.is_multiple,
+      "check-strictly": !0,
+      "selected-path": W.value,
+      load: O,
+      lazy: "",
+      "node-key": "id",
+      "label-key": "label",
+      "leaf-key": "leaf",
+      "disabled-key": "blocked",
+      "show-path": "",
+      clearable: "",
+      disabled: a.disabled,
+      "aria-label": a.ariaLabel,
+      placeholder: e(m)("panel.value-pick"),
+      "empty-text": e(m)("panel.values-empty"),
+      "onUpdate:modelValue": $
+    }, null, 8, ["model-value", "nodes", "multiple", "selected-path", "disabled", "aria-label", "placeholder", "empty-text"]));
+  }
+}), Ba = { class: "wx-catalog-product-properties" }, Fa = {
+  key: 2,
+  class: "wx-catalog-product-properties__number"
+}, Ra = {
+  key: 0,
+  class: "wx-catalog-product-properties__unit"
+}, Da = {
+  key: 1,
+  class: "wx-catalog-product-properties__unit"
+}, La = {
+  key: 2,
+  class: "wx-catalog-product-properties__outside"
+}, ja = { class: "wx-catalog-product-properties__list" }, Ga = /* @__PURE__ */ ae({
+  name: "WxCatalogProductProperties",
+  __name: "ProductPropertiesField",
+  props: {
+    modelValue: { default: null },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(l) {
+    const a = ke(l, "modelValue"), n = ze(pa, x(void 0)), y = ie(), t = ue(y), m = da(y), s = ca(), i = De();
+    be();
+    const p = se(X), C = ge(), h = S(() => y.i18n.state.locale), P = S(() => s?.locked.value ?? !1), W = S(() => i.active.value || h.value), O = S(() => {
+      const v = s?.values?.value.category_id;
+      return typeof v == "number" ? v : v ? Number(v) : null;
+    }), $ = x(null), b = x(!1), F = x(!1), D = x({}), z = x(/* @__PURE__ */ new Map()), f = x(/* @__PURE__ */ new Map()), N = x(!1), E = S(
+      () => new Set(($.value?.groups ?? []).flatMap((v) => v.properties.map((T) => T.id)))
+    ), J = S(
+      () => Object.entries(D.value).filter(([v]) => !E.value.has(Number(v))).map(([v, T]) => ({ id: Number(v), value: T }))
+    );
+    ee(
+      () => s?.product.value,
+      () => {
+        const v = s?.values?.value["properties.outside"] ?? {};
+        D.value = { ...Array.isArray(v) ? {} : v, ...a.value ?? {} };
+      },
+      { immediate: !0 }
+    );
+    function r() {
+      const v = {}, T = a.value ?? {};
+      for (const B of E.value) {
+        const L = String(B);
+        L in T ? v[L] = T[L] ?? null : L in D.value && (v[L] = D.value[L] ?? null);
+      }
+      JSON.stringify(v) !== JSON.stringify(T) && (a.value = v);
+    }
+    let u = 0;
+    async function o() {
+      const v = ++u;
+      if (O.value === null) {
+        $.value = { groups: [] }, r();
+        return;
+      }
+      b.value = !0, F.value = !1;
+      try {
+        const T = await t.effectiveSet(O.value);
+        if (v !== u) return;
+        $.value = T, r();
+      } catch {
+        v === u && (F.value = !0);
+      } finally {
+        v === u && (b.value = !1);
+      }
+    }
+    ee(O, () => {
+      o();
+    }, { immediate: !0 }), ee(
+      J,
+      async (v) => {
+        const T = v.map((B) => B.id).filter((B) => !z.value.has(B));
+        if (T.length !== 0)
+          try {
+            const B = await t.list({ ids: T }), L = new Map(z.value);
+            for (const H of B.data) L.set(H.id, H);
+            z.value = L;
+            const _ = new Map(f.value);
+            for (const H of v) {
+              const xe = L.get(H.id);
+              xe && _.set(H.id, await k(xe, H.value));
+            }
+            f.value = _;
+          } catch {
+          }
+      },
+      { immediate: !0 }
+    );
+    async function k(v, T) {
+      if (T === null) return "";
+      switch (v.type) {
+        case "select": {
+          const B = Array.isArray(T) ? T : [T];
+          return (await t.valuesById(v.id, B)).map((_) => Y(_.title, h.value, `#${_.id}`)).join(", ");
+        }
+        case "number":
+          return Ye(
+            Number(T),
+            {
+              precision: v.precision,
+              prefix: Y(v.unit_prefix, h.value),
+              suffix: Y(v.unit_suffix, h.value)
+            },
+            h.value
+          );
+        case "bool":
+          return p("product.yes");
+        default:
+          return Y(T, h.value);
+      }
+    }
+    function g(v) {
+      return a.value?.[String(v)] ?? null;
+    }
+    function Q(v, T) {
+      const B = T === null || Array.isArray(T) && T.length === 0 || typeof T == "object" && !Array.isArray(T) && Object.values(T).every((L) => (L ?? "").trim() === "");
+      a.value = { ...a.value ?? {}, [String(v)]: B ? null : T };
+    }
+    function pe(v) {
+      const T = g(v);
+      return typeof T == "number" || Array.isArray(T) ? T : null;
+    }
+    function ve(v) {
+      return typeof v == "number" ? v : null;
+    }
+    function _e(v) {
+      return v && typeof v == "object" && !Array.isArray(v) ? v : {};
+    }
+    function Pe(v) {
+      const T = `properties.values.${v}`, B = n.value ?? {}, L = Object.keys(B).find((_) => _ === T || _.startsWith(`${T}.`));
+      return L === void 0 ? void 0 : B[L]?.[0];
+    }
+    async function he() {
+      const v = s?.product.value;
+      if (!(!v || !await Le({
+        title: p("panel.outside-clear-title"),
+        message: p("panel.outside-clear-text"),
+        confirmText: p("panel.delete"),
+        cancelText: p("panel.cancel"),
+        tone: "danger"
+      }))) {
+        N.value = !0;
+        try {
+          await m.startBulk("clear-outside-set", {}, { ids: [v.id] });
+          const B = {};
+          for (const [L, _] of Object.entries(D.value))
+            E.value.has(Number(L)) && (B[L] = _);
+          D.value = B, te.success(p("panel.outside-cleared"));
+        } catch (B) {
+          te.danger(C(B));
+        } finally {
+          N.value = !1;
+        }
+      }
+    }
+    const we = (v) => v.group ? Y(v.group.title, h.value) : "";
+    return (v, T) => (d(), R("div", Ba, [
+      b.value && !$.value ? (d(), I(e(Ae), {
+        key: 0,
+        rows: 4
+      })) : F.value ? (d(), I(e(re), {
+        key: 1,
+        type: "warning",
+        variant: "soft",
+        description: e(p)("panel.set-failed")
+      }, null, 8, ["description"])) : $.value ? (d(), R(oe, { key: 2 }, [
+        O.value === null ? (d(), I(e(re), {
+          key: 0,
+          type: "info",
+          variant: "soft",
+          description: e(p)("panel.product-no-category")
+        }, null, 8, ["description"])) : $.value.groups.length === 0 ? (d(), I(e(re), {
+          key: 1,
+          type: "info",
+          variant: "soft",
+          description: e(p)("panel.product-empty-set")
+        }, null, 8, ["description"])) : j("", !0),
+        (d(!0), R(oe, null, ye($.value.groups, (B, L) => (d(), R("section", {
+          key: B.group?.id ?? `none-${L}`,
+          class: "wx-catalog-product-properties__group"
+        }, [
+          we(B) ? (d(), I(e(ne), {
+            key: 0,
+            class: "wx-catalog-product-properties__heading",
+            weight: "semibold"
+          }, {
+            default: V(() => [
+              G(U(we(B)), 1)
+            ]),
+            _: 2
+          }, 1024)) : j("", !0),
+          (d(!0), R(oe, null, ye(B.properties, (_) => (d(), I(e(fe), {
+            key: _.id,
+            label: _.type === "bool" ? void 0 : e(Z)(_, h.value),
+            error: Pe(_.id)
+          }, {
+            default: V(() => [
+              _.type === "select" && _.is_tree ? (d(), I(Ea, {
+                key: 0,
+                property: _,
+                "model-value": pe(_.id),
+                disabled: P.value,
+                "aria-label": e(Z)(_, h.value),
+                "onUpdate:modelValue": (H) => Q(_.id, H)
+              }, null, 8, ["property", "model-value", "disabled", "aria-label", "onUpdate:modelValue"])) : _.type === "select" ? (d(), I(za, {
+                key: 1,
+                property: _,
+                "model-value": pe(_.id),
+                disabled: P.value,
+                "aria-label": e(Z)(_, h.value),
+                "onUpdate:modelValue": (H) => Q(_.id, H)
+              }, null, 8, ["property", "model-value", "disabled", "aria-label", "onUpdate:modelValue"])) : _.type === "number" ? (d(), R("span", Fa, [
+                e(Y)(_.unit_prefix, W.value) ? (d(), R("span", Ra, U(e(Y)(_.unit_prefix, W.value)), 1)) : j("", !0),
+                M(e(Ce), {
+                  "model-value": ve(g(_.id)),
+                  precision: e(ba)(_.precision, ve(g(_.id))),
+                  controls: !1,
+                  disabled: P.value,
+                  "aria-label": e(Z)(_, h.value),
+                  "onUpdate:modelValue": (H) => Q(_.id, H ?? null)
+                }, null, 8, ["model-value", "precision", "disabled", "aria-label", "onUpdate:modelValue"]),
+                e(Y)(_.unit_suffix, W.value) ? (d(), R("span", Da, U(e(Y)(_.unit_suffix, W.value)), 1)) : j("", !0)
+              ])) : _.type === "bool" ? (d(), I(e(sa), {
+                key: 3,
+                "model-value": g(_.id) === !0,
+                disabled: P.value,
+                label: e(Z)(_, h.value),
+                "onUpdate:modelValue": (H) => Q(_.id, H ? !0 : null)
+              }, null, 8, ["model-value", "disabled", "label", "onUpdate:modelValue"])) : (d(), I(e(de), {
+                key: 4,
+                "model-value": _e(g(_.id)),
+                localized: "",
+                disabled: P.value,
+                "aria-label": e(Z)(_, h.value),
+                "onUpdate:modelValue": (H) => Q(_.id, H)
+              }, null, 8, ["model-value", "disabled", "aria-label", "onUpdate:modelValue"]))
+            ]),
+            _: 2
+          }, 1032, ["label", "error"]))), 128))
+        ]))), 128)),
+        J.value.length > 0 ? (d(), R("details", La, [
+          K("summary", null, [
+            M(e(ne), { weight: "medium" }, {
+              default: V(() => [
+                G(U(e(p)("panel.outside", { count: J.value.length })), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          M(e(ne), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: V(() => [
+              G(U(e(p)("panel.outside-help")), 1)
+            ]),
+            _: 1
+          }),
+          K("dl", ja, [
+            (d(!0), R(oe, null, ye(J.value, (B) => (d(), R(oe, {
+              key: B.id
+            }, [
+              K("dt", null, U(z.value.get(B.id) ? e(Z)(z.value.get(B.id), h.value) : `#${B.id}`), 1),
+              K("dd", null, U(f.value.get(B.id) ?? "…"), 1)
+            ], 64))), 128))
+          ]),
+          !P.value && e(y).can("catalog.manage") ? (d(), I(e(q), {
+            key: 0,
+            size: "sm",
+            variant: "outline",
+            icon: "trash",
+            loading: N.value,
+            onClick: he
+          }, {
+            default: V(() => [
+              G(U(e(p)("panel.outside-clear")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : j("", !0)
+        ])) : j("", !0)
+      ], 64)) : j("", !0)
+    ]));
+  }
+}), Ka = /* @__PURE__ */ ce(Ga, [["__scopeId", "data-v-c26faef7"]]), Ya = /* @__PURE__ */ ae({
+  name: "WxCatalogPropertyType",
+  inheritAttrs: !1,
+  __name: "TypeField",
+  props: /* @__PURE__ */ Te({
+    options: { default: () => [] }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const a = l, n = ke(l, "modelValue"), y = $e(), t = S(() => (y?.property.value?.id ?? null) !== null);
+    return (m, s) => (d(), I(e(Ve), Qe(m.$attrs, {
+      modelValue: n.value,
+      "onUpdate:modelValue": s[0] || (s[0] = (i) => n.value = i),
+      options: a.options,
+      disabled: t.value || void 0
+    }), null, 16, ["modelValue", "options", "disabled"]));
+  }
+}), Ha = /* @__PURE__ */ ae({
+  name: "WxCatalogPropertyMergeDialog",
+  __name: "MergeDialog",
+  props: {
+    property: {},
+    value: {}
+  },
+  setup(l) {
+    const a = l, { open: n, resolve: y, dismiss: t } = je(), m = ie(), s = ue(m), i = se(X), p = ge(), C = S(() => m.i18n.state.locale), h = S(() => Y(a.value.title, C.value, `#${a.value.id}`)), P = x([]), W = x(null), O = x(null), $ = x(!1), b = x(!1), F = x(""), D = S(
+      () => P.value.filter((r) => r.id !== a.value.id).map((r) => ({ value: r.id, label: Y(r.title, C.value, `#${r.id}`) }))
+    ), z = S(
+      () => D.value.find((r) => r.value === W.value)?.label ?? ""
+    );
+    let f = 0;
+    async function N(r) {
+      const u = ++f;
+      try {
+        const o = await s.searchValues(a.property, r.trim(), 30);
+        u === f && (P.value = o);
+      } catch {
+        u === f && (P.value = []);
+      }
+    }
+    N(""), ee(W, async (r) => {
+      if (O.value = null, F.value = "", r !== null) {
+        $.value = !0;
+        try {
+          O.value = await s.mergeValue(a.property, a.value.id, r, !0);
+        } catch (u) {
+          F.value = p(u);
+        } finally {
+          $.value = !1;
+        }
+      }
+    });
+    function E(r) {
+      W.value = typeof r == "number" ? r : null;
+    }
+    async function J() {
+      if (!(W.value === null || b.value)) {
+        b.value = !0, F.value = "";
+        try {
+          y(await s.mergeValue(a.property, a.value.id, W.value));
+        } catch (r) {
+          F.value = p(r);
+        } finally {
+          b.value = !1;
+        }
+      }
+    }
+    return (r, u) => (d(), I(e(Ge), {
+      open: e(n),
+      "onUpdate:open": u[1] || (u[1] = (o) => Be(n) ? n.value = o : null),
+      title: e(i)("panel.merge-title", { name: h.value }),
+      width: 480
+    }, {
+      footer: V(() => [
+        M(e(Ke), { size: "sm" }, {
+          default: V(() => [
+            M(e(q), {
+              variant: "outline",
+              onClick: u[0] || (u[0] = (o) => e(t)())
+            }, {
+              default: V(() => [
+                G(U(e(i)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            M(e(q), {
+              type: "primary",
+              loading: b.value || $.value,
+              disabled: W.value === null || O.value === null,
+              onClick: J
+            }, {
+              default: V(() => [
+                G(U(e(i)("panel.merge")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: V(() => [
+        M(e(fe), {
+          label: e(i)("panel.merge-into"),
+          help: e(i)("panel.merge-help")
+        }, {
+          default: V(() => [
+            M(e(Ve), {
+              "model-value": W.value,
+              options: D.value,
+              placeholder: e(i)("panel.search"),
+              "empty-text": e(i)("panel.nothing-found"),
+              filterable: "",
+              "onUpdate:modelValue": E,
+              onSearch: N
+            }, null, 8, ["model-value", "options", "placeholder", "empty-text"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        F.value ? (d(), I(e(re), {
+          key: 0,
+          type: "danger",
+          variant: "soft",
+          description: F.value
+        }, null, 8, ["description"])) : W.value !== null && O.value !== null ? (d(), I(e(re), {
+          key: 1,
+          type: "warning",
+          variant: "soft",
+          description: e(i)("panel.merge-confirm", { name: h.value, target: z.value, count: O.value })
+        }, null, 8, ["description"])) : j("", !0)
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Ja = { class: "wx-catalog-value-dialog__picture" }, Qa = ["src"], Xa = /* @__PURE__ */ ae({
+  name: "WxCatalogPropertyValueDialog",
+  __name: "ValueDialog",
+  props: {
+    property: {},
+    value: { default: null },
+    parent: { default: null },
+    title: {},
+    color: { type: Boolean, default: !1 },
+    image: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const a = l, { open: n, resolve: y, dismiss: t } = je(), m = ue(ie()), s = se(X), i = (f) => f && !Array.isArray(f) ? { ...f } : {}, p = x(i(a.value?.title)), C = x(i(a.value?.slug)), h = x(a.value?.color ?? null), P = x(
+      a.value?.image ? { id: a.value.image.id, url: a.value.image.thumb ?? a.value.image.url } : null
+    ), W = x(!1), O = x({}), $ = Xe("field");
+    Ze(async () => {
+      await qe(), $.value?.querySelector("input")?.focus();
+    });
+    function b(f) {
+      const N = Object.keys(O.value).find((E) => E === f || E.startsWith(`${f}.`));
+      return N === void 0 ? void 0 : O.value[N]?.[0];
+    }
+    const F = () => Object.values(p.value).some((f) => f.trim() !== "");
+    async function D() {
+      const f = await va({ accept: "image" });
+      f && (P.value = { id: f.id, url: f.thumb ?? f.url });
+    }
+    async function z() {
+      if (!F() || W.value) return;
+      W.value = !0, O.value = {};
+      const f = { title: p.value, slug: C.value };
+      a.color && (f.color = h.value), a.image && (f.image_id = P.value?.id ?? null);
+      try {
+        y(
+          a.value ? await m.saveValue(a.property, a.value.id, f) : await m.createValue(a.property, { ...f, parent_id: a.parent })
+        );
+      } catch (N) {
+        O.value = N.body?.errors ?? {};
+      } finally {
+        W.value = !1;
+      }
+    }
+    return (f, N) => (d(), I(e(Ge), {
+      open: e(n),
+      "onUpdate:open": N[5] || (N[5] = (E) => Be(n) ? n.value = E : null),
+      title: a.title,
+      width: 480
+    }, {
+      footer: V(() => [
+        M(e(Ke), { size: "sm" }, {
+          default: V(() => [
+            M(e(q), {
+              variant: "outline",
+              onClick: N[4] || (N[4] = (E) => e(t)())
+            }, {
+              default: V(() => [
+                G(U(e(s)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            M(e(q), {
+              type: "primary",
+              loading: W.value,
+              disabled: !F(),
+              onClick: z
+            }, {
+              default: V(() => [
+                G(U(a.value ? e(s)("panel.save") : e(s)("panel.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: V(() => [
+        M(e(fe), {
+          label: e(s)("value.title"),
+          error: b("title"),
+          required: ""
+        }, {
+          default: V(() => [
+            K("div", {
+              ref_key: "field",
+              ref: $
+            }, [
+              M(e(de), {
+                modelValue: p.value,
+                "onUpdate:modelValue": N[0] || (N[0] = (E) => p.value = E),
+                localized: "",
+                "aria-label": e(s)("value.title"),
+                onKeyup: Ne(z, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"]),
+        M(e(fe), {
+          label: e(s)("value.slug"),
+          help: e(s)("panel.slug-help"),
+          error: b("slug")
+        }, {
+          default: V(() => [
+            M(e(de), {
+              modelValue: C.value,
+              "onUpdate:modelValue": N[1] || (N[1] = (E) => C.value = E),
+              localized: "",
+              "aria-label": e(s)("value.slug"),
+              onKeyup: Ne(z, ["enter"])
+            }, null, 8, ["modelValue", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "help", "error"]),
+        a.color ? (d(), I(e(fe), {
+          key: 0,
+          label: e(s)("value.color"),
+          error: b("color")
+        }, {
+          default: V(() => [
+            M(e(ia), {
+              modelValue: h.value,
+              "onUpdate:modelValue": N[2] || (N[2] = (E) => h.value = E),
+              clearable: "",
+              "aria-label": e(s)("value.color")
+            }, null, 8, ["modelValue", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "error"])) : j("", !0),
+        a.image ? (d(), I(e(fe), {
+          key: 1,
+          label: e(s)("value.image"),
+          error: b("image_id")
+        }, {
+          default: V(() => [
+            K("div", Ja, [
+              P.value ? (d(), R("img", {
+                key: 0,
+                src: P.value.url,
+                alt: ""
+              }, null, 8, Qa)) : j("", !0),
+              M(e(q), {
+                size: "sm",
+                variant: "outline",
+                icon: "image",
+                onClick: D
+              }, {
+                default: V(() => [
+                  G(U(P.value ? e(s)("panel.picture-change") : e(s)("panel.picture-pick")), 1)
+                ]),
+                _: 1
+              }),
+              P.value ? (d(), I(e(q), {
+                key: 1,
+                size: "sm",
+                variant: "text",
+                onClick: N[3] || (N[3] = (E) => P.value = null)
+              }, {
+                default: V(() => [
+                  G(U(e(s)("panel.picture-remove")), 1)
+                ]),
+                _: 1
+              })) : j("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["label", "error"])) : j("", !0)
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Za = /* @__PURE__ */ ce(Xa, [["__scopeId", "data-v-4c730a6b"]]), qa = { class: "wx-catalog-value-row" }, et = ["src"], at = { class: "wx-catalog-value-row__title" }, tt = {
+  key: 2,
+  class: "wx-catalog-value-row__slug"
+}, lt = { class: "wx-catalog-value-row__count" }, ot = /* @__PURE__ */ ae({
+  name: "WxCatalogPropertyValueRow",
+  __name: "ValueRow",
+  props: {
+    node: {},
+    locale: {}
+  },
+  setup(l) {
+    const a = l, n = se(X), y = S(() => {
+      const t = a.node.slug;
+      return t && !Array.isArray(t) ? t[a.locale] ?? "" : "";
+    });
+    return (t, m) => (d(), R("span", qa, [
+      a.node.image ? (d(), R("img", {
+        key: 0,
+        class: "wx-catalog-value-row__image",
+        src: a.node.image.thumb ?? a.node.image.url,
+        alt: ""
+      }, null, 8, et)) : a.node.color ? (d(), R("span", {
+        key: 1,
+        class: "wx-catalog-value-row__swatch",
+        style: ea({ background: a.node.color }),
+        "aria-hidden": "true"
+      }, null, 4)) : j("", !0),
+      K("span", at, U(a.node.label), 1),
+      y.value ? (d(), R("span", tt, U(y.value), 1)) : j("", !0),
+      K("span", lt, U(e(n)("panel.count", { count: a.node.products_count })), 1)
+    ]));
+  }
+}), Oe = /* @__PURE__ */ ce(ot, [["__scopeId", "data-v-13648e79"]]), rt = { class: "wx-catalog-values" }, nt = { class: "wx-catalog-values__bar" }, st = /* @__PURE__ */ ae({
+  name: "WxCatalogPropertyValues",
+  __name: "ValuesField",
+  setup(l) {
+    const a = ie(), n = ue(a), y = $e();
+    be();
+    const t = se(X), m = ge(), s = S(() => y?.property.value ?? null), i = S(() => s.value?.id ?? null), p = S(() => a.i18n.state.locale), C = S(() => y?.locked.value ?? !0), h = S(() => !!y?.values.value.has_color), P = S(() => !!y?.values.value.has_image), W = S(() => s.value?.is_tree ?? !1), O = S(() => s.value?.value_order === "manual"), $ = x([]), b = x([]), F = x(!0), D = x(!1), z = x(""), f = x(null), N = S(() => z.value.trim() !== ""), E = x(""), J = x(!1), r = S(() => !C.value && O.value && !N.value), u = Me(Za), o = Me(Ha);
+    function k(c) {
+      return {
+        ...c,
+        label: Y(c.title, p.value, `#${c.id}`),
+        leaf: !c.has_children,
+        children: void 0
+      };
+    }
+    async function g() {
+      if (i.value !== null) {
+        F.value = !0, D.value = !1;
+        try {
+          $.value = (await n.values(i.value)).map(k), b.value = [];
+        } catch {
+          D.value = !0;
+        } finally {
+          F.value = !1;
+        }
+      }
+    }
+    ee(i, () => {
+      g();
+    }, { immediate: !0 }), ee(
+      () => [s.value?.value_order, s.value?.is_tree],
+      (c, w) => {
+        w !== void 0 && (c[0] !== w[0] || c[1] !== w[1]) && g();
+      }
+    );
+    async function Q(c) {
+      return i.value === null ? [] : (await n.values(i.value, c.id)).map(k);
+    }
+    let pe, ve = 0;
+    ee(z, (c) => {
+      if (clearTimeout(pe), c.trim() === "") {
+        f.value = null;
+        return;
+      }
+      pe = setTimeout(async () => {
+        if (i.value === null) return;
+        const w = ++ve;
+        try {
+          const A = (await n.searchValues(i.value, c.trim(), 100)).map((le) => ({
+            ...k(le),
+            leaf: !0
+          }));
+          w === ve && (f.value = A);
+        } catch {
+          w === ve && (f.value = []);
+        }
+      }, 250);
+    }), Ee(() => clearTimeout(pe));
+    function _e(c, w = $.value) {
+      for (const A of w)
+        c(A), A.children && _e(c, A.children);
+      if (w === $.value && f.value) for (const A of f.value) c(A);
+    }
+    function Pe(c) {
+      _e((w) => {
+        w.id === c.id && Object.assign(w, {
+          ...c,
+          label: Y(c.title, p.value, `#${c.id}`),
+          leaf: !c.has_children && !(w.children && w.children.length > 0),
+          children: w.children
+        });
+      });
+    }
+    function he(c) {
+      te.danger(m(c));
+    }
+    async function we() {
+      const c = E.value.trim();
+      if (!(c === "" || i.value === null || J.value)) {
+        J.value = !0;
+        try {
+          const w = k(await n.createValue(i.value, { title: { [p.value]: c } }));
+          E.value = "", $.value = O.value ? [...$.value, w] : [...$.value, w].sort((A, le) => A.label.localeCompare(le.label, p.value));
+        } catch (w) {
+          he(w);
+        } finally {
+          J.value = !1;
+        }
+      }
+    }
+    async function v(c) {
+      if (i.value === null) return;
+      const w = await u({
+        property: i.value,
+        parent: c.id,
+        title: t("panel.value-new-inside", { name: c.label }),
+        color: h.value,
+        image: P.value
+      });
+      w !== void 0 && (c.children && c.children.push(k(w)), c.has_children = !0, c.leaf = !1, b.value.includes(c.id) || (b.value = [...b.value, c.id]));
+    }
+    async function T(c) {
+      if (i.value === null) return;
+      const w = await u({
+        property: i.value,
+        value: c,
+        title: c.label,
+        color: h.value,
+        image: P.value
+      });
+      w !== void 0 && Pe(w);
+    }
+    async function B(c) {
+      if (i.value === null) return;
+      const w = await o({ property: i.value, value: c });
+      w !== void 0 && (te.success(t("panel.merged", { count: w })), z.value = "", await g());
+    }
+    async function L(c) {
+      if (i.value === null) return;
+      if (c.products_count > 0) {
+        te.warning(t("panel.value-in-use", { count: c.products_count }));
+        return;
+      }
+      if (await Le({
+        title: t("panel.value-delete-title", { name: c.label }),
+        message: c.has_children ? t("panel.value-delete-branch") : t("panel.value-delete-text"),
+        confirmText: t("panel.delete"),
+        cancelText: t("panel.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await n.removeValue(i.value, c.id);
+          const A = (le) => le.filter((me) => me.id !== c.id).map((me) => me.children ? Object.assign(me, { children: A(me.children) }) : me);
+          $.value = A($.value), f.value && (f.value = A(f.value));
+        } catch (A) {
+          const le = A.body?.meta?.products;
+          le ? te.warning(t("panel.value-in-use", { count: le })) : he(A);
+        }
+    }
+    function _(c) {
+      if (C.value) return [];
+      const w = [
+        { key: "edit", label: t("panel.edit"), icon: "edit", run: () => {
+          T(c);
+        } }
+      ];
+      return W.value && !N.value && w.push({
+        key: "inside",
+        label: t("panel.value-add-inside"),
+        icon: "plus",
+        run: () => {
+          v(c);
+        }
+      }), w.push(
+        { key: "merge", label: t("panel.merge-with"), icon: "copy", run: () => {
+          B(c);
+        } },
+        {
+          key: "delete",
+          label: t("panel.delete"),
+          icon: "trash",
+          danger: !0,
+          run: () => {
+            L(c);
+          }
+        }
+      ), w;
+    }
+    function H(c, w, A) {
+      return W.value || A !== "inside";
+    }
+    async function xe(c) {
+      if (i.value === null) return;
+      const A = (c.parent ? c.parent.children ?? [] : $.value)[c.index + 1] ?? null;
+      c.parent && (c.parent.has_children = !0, c.parent.leaf = !1);
+      try {
+        await n.moveValue(i.value, c.node.id, c.parent?.id ?? null, A?.id ?? null);
+      } catch (le) {
+        he(le), await g();
+      }
+    }
+    return (c, w) => (d(), R("div", rt, [
+      s.value ? (d(), R(oe, { key: 1 }, [
+        K("div", nt, [
+          C.value ? j("", !0) : (d(), R("form", {
+            key: 0,
+            class: "wx-catalog-values__add",
+            onSubmit: aa(we, ["prevent"])
+          }, [
+            M(e(de), {
+              modelValue: E.value,
+              "onUpdate:modelValue": w[0] || (w[0] = (A) => E.value = A),
+              placeholder: e(t)("panel.value-new"),
+              "aria-label": e(t)("panel.value-new"),
+              size: "sm"
+            }, null, 8, ["modelValue", "placeholder", "aria-label"]),
+            M(e(q), {
+              "native-type": "submit",
+              size: "sm",
+              loading: J.value,
+              disabled: E.value.trim() === ""
+            }, {
+              default: V(() => [
+                G(U(e(t)("panel.add")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ], 32)),
+          M(e(de), {
+            modelValue: z.value,
+            "onUpdate:modelValue": w[1] || (w[1] = (A) => z.value = A),
+            class: "wx-catalog-values__search",
+            placeholder: e(t)("panel.search"),
+            "aria-label": e(t)("panel.search"),
+            clearable: "",
+            size: "sm"
+          }, null, 8, ["modelValue", "placeholder", "aria-label"])
+        ]),
+        F.value ? (d(), I(e(Ae), {
+          key: 0,
+          rows: 4
+        })) : D.value ? (d(), I(e(re), {
+          key: 1,
+          type: "warning",
+          variant: "soft",
+          description: e(t)("panel.values-failed")
+        }, null, 8, ["description"])) : N.value ? (d(), I(e(Ue), {
+          key: 2,
+          "model-value": f.value ?? [],
+          class: "wx-catalog-values__tree",
+          "empty-text": f.value === null ? e(t)("panel.searching") : e(t)("panel.nothing-found"),
+          "aria-label": e(t)("property.tab-values")
+        }, {
+          default: V(({ node: A }) => [
+            M(Oe, {
+              node: A,
+              locale: p.value
+            }, null, 8, ["node", "locale"])
+          ]),
+          actions: V(({ node: A }) => [
+            C.value ? j("", !0) : (d(), I(e(Ie), {
+              key: 0,
+              actions: _(A),
+              label: A.label
+            }, null, 8, ["actions", "label"]))
+          ]),
+          _: 1
+        }, 8, ["model-value", "empty-text", "aria-label"])) : (d(), I(e(Ue), {
+          key: 3,
+          modelValue: $.value,
+          "onUpdate:modelValue": w[2] || (w[2] = (A) => $.value = A),
+          expanded: b.value,
+          "onUpdate:expanded": w[3] || (w[3] = (A) => b.value = A),
+          class: "wx-catalog-values__tree",
+          lazy: "",
+          load: Q,
+          "leaf-key": "leaf",
+          draggable: r.value,
+          "allow-drop": H,
+          "empty-text": e(t)("panel.values-empty"),
+          "aria-label": e(t)("property.tab-values"),
+          onDrop: xe
+        }, {
+          default: V(({ node: A }) => [
+            M(Oe, {
+              node: A,
+              locale: p.value
+            }, null, 8, ["node", "locale"])
+          ]),
+          actions: V(({ node: A }) => [
+            C.value ? j("", !0) : (d(), I(e(Ie), {
+              key: 0,
+              actions: _(A),
+              label: A.label
+            }, null, 8, ["actions", "label"]))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "expanded", "draggable", "empty-text", "aria-label"])),
+        !F.value && !D.value && !N.value ? (d(), I(e(ne), {
+          key: 4,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: V(() => [
+            G(U(O.value ? e(t)("panel.values-order-manual") : e(t)("panel.values-order-alpha")), 1)
+          ]),
+          _: 1
+        })) : j("", !0)
+      ], 64)) : (d(), I(e(re), {
+        key: 0,
+        type: "info",
+        variant: "soft",
+        description: e(t)("panel.values-unsaved")
+      }, null, 8, ["description"]))
+    ]));
+  }
+}), it = /* @__PURE__ */ ce(st, [["__scopeId", "data-v-7e854528"]]), ut = [
+  "new",
+  "empty",
+  "empty-help",
+  "order",
+  "hidden",
+  "count",
+  "delete-blocked",
+  "delete-text",
+  "deleted",
+  "saved"
+];
+function dt(l = {}) {
+  const a = l.path ?? "/catalog";
+  return {
+    api: fa,
+    path: `${a}/properties/groups`,
+    name: "webx.catalog-properties.groups",
+    module: "catalog-properties",
+    title: `${X}::panel.groups-title`,
+    back: { path: `${a}/properties`, label: `${X}::module.title` },
+    screen: "catalog.property-group-form",
+    manage: "catalog.manage",
+    count: "properties_count",
+    words: Object.fromEntries(ut.map((n) => [n, `${X}::group.${n}`]))
+  };
+}
+function ct(l) {
+  const a = l.component;
+  return a === void 0 ? l : {
+    ...l,
+    component: ae({
+      name: "WxCatalogPropertyGroupsView",
+      setup() {
+        return be(), () => ta(a);
+      }
+    })
+  };
+}
+function bt(l = {}) {
+  const a = l.path ?? "/catalog", n = { base: a };
+  return [
+    {
+      id: "catalog-properties",
+      path: `${a}/properties`,
+      routes: [
+        {
+          path: `${a}/properties`,
+          name: "webx.catalog-properties",
+          component: () => import("./PropertiesPage-B1jxbWZh.js"),
+          props: n
+        },
+        {
+          path: `${a}/properties/:id(\\d+)`,
+          name: "webx.catalog-properties.edit",
+          component: () => import("./PropertyEditorPage-C0o03q-A.js"),
+          props: n
+        },
+        ...la(dt(l)).map(ct)
+      ],
+      types: {
+        "wx-catalog-property-type": { component: Ya, kind: "field" },
+        "wx-catalog-property-example": { component: Oa, kind: "display" },
+        "wx-catalog-property-values": { component: it, kind: "display" },
+        "wx-catalog-property-intervals": { component: Ma, kind: "display" },
+        "wx-catalog-category-properties": { component: Sa, kind: "display" },
+        // Wide: a group of the card is a column of fields, and half a form is too narrow for a
+        // combobox of values beside its label.
+        "wx-catalog-product-properties": {
+          component: Ka,
+          kind: "field",
+          wide: !0
+        }
+      }
+    }
+  ];
+}
+const _t = Fe(() => import("./PropertiesPage-B1jxbWZh.js")), wt = Fe(
+  () => import("./PropertyEditorPage-C0o03q-A.js")
+);
+export {
+  Sa as C,
+  fa as G,
+  Ma as I,
+  X as N,
+  ma as P,
+  ga as S,
+  it as V,
+  _t as W,
+  ce as _,
+  yt as a,
+  Ka as b,
+  ue as c,
+  wt as d,
+  bt as e,
+  _a as f,
+  Ye as g,
+  He as h,
+  dt as i,
+  ha as j,
+  $e as k,
+  Z as p,
+  be as u,
+  Y as w
+};
+//# sourceMappingURL=index-B2Yl11Yn.js.map