@webx-ui/module-catalog-properties 0.1.0

package/dist/index.js

@@ -0,0 +1,2418 @@
+import { defineComponent as le, computed as x, ref as _, watch as re, openBlock as d, createElementBlock as j, createBlock as U, unref as e, Fragment as oe, createVNode as b, withCtx as f, createTextVNode as G, toDisplayString as M, renderList as xe, createElementVNode as K, createCommentVNode as H, provide as aa, inject as He, useModel as Se, onBeforeUnmount as Ue, mergeModels as Me, useTemplateRef as Je, onMounted as Oe, nextTick as Ye, isRef as ze, withKeys as We, resolveDynamicComponent as ta, createSlots as la, mergeProps as oa, normalizeStyle as ra, withModifiers as na, h as sa } from "vue";
+import { useAdmin as ie, useTranslate as se, useErrorText as ye, createCategoriesApi as ia, WxListScreen as ua, WxRowMenu as Ae, provideHistorySubject as da, useBodyKeys as ca, WxScreenHead as pa, WxScreen as va, WxSaveState as ma, categoryRoutes as fa } from "@webx-ui/module-admin";
+import { localizedValue as Qe, WxAlert as de, WxSkeleton as ke, WxText as ne, WxSortableList as Ee, WxButton as te, WxSelect as Ve, toast as Y, WxAction as ga, WxInput as ge, WxInputNumber as Ne, useLocales as Be, WxTreeSelect as ya, WxFormItem as fe, WxSwitch as ha, confirm as $e, useModal as De, WxDialog as Re, WxRadioGroup as ba, WxSpace as Le, createModal as Ie, WxEmpty as _a, WxTooltip as wa, WxIcon as xa, WxCard as ka, WxBreadcrumb as Va, WxBreadcrumbItem as Fe, WxBadge as $a, WxActionBar as Pa, WxColorPicker as Sa, WxTree as je } from "@webx-ui/core";
+import { useCatalogCategoryEditor as Ca, createCatalogApi as Ta, useProductEditor as Wa } from "@webx-ui/module-catalog";
+import { screenErrorsKey as Aa } from "@webx-ui/schema";
+import { useRouter as Xe, useRoute as Na, onBeforeRouteLeave as Ia } from "vue-router";
+import { openMediaPicker as Ua } from "@webx-ui/module-media";
+const Ma = "catalog/properties", Ze = "catalog/property-groups", Oa = "catalog/property-sets";
+function za(r) {
+  const a = new URLSearchParams();
+  r.q && a.set("q", r.q), r.type && a.set("type", r.type), r.group != null && a.set("group", String(r.group)), r.trashed && a.set("trashed", "1");
+  for (const n of r.ids ?? []) a.append("ids[]", String(n));
+  return r.page && r.page > 1 && a.set("page", String(r.page)), r.per_page && a.set("per_page", String(r.per_page)), a;
+}
+function ce(r) {
+  const a = `${r.apiPath}/${Ma}`, n = (t) => t.data, V = (t, p) => p.size > 0 ? `${t}?${p}` : t;
+  return {
+    list: (t = {}) => r.http.get(V(a, za({ per_page: 500, ...t }))),
+    get: (t) => r.http.get(`${a}/${t}`).then(n),
+    create: (t) => r.http.post(a, { values: t }).then(n),
+    save: (t, p) => r.http.put(`${a}/${t}`, { values: p }).then(n),
+    reorder: (t) => r.http.post(`${a}/reorder`, { ids: t }).then(() => {
+    }),
+    remove: (t) => r.http.delete(`${a}/${t}`).then(() => {
+    }),
+    restore: (t) => r.http.post(`${a}/${t}/restore`, {}).then(n),
+    saveIntervals: (t, p) => r.http.put(`${a}/${t}/intervals`, {
+      intervals: p.map(({ id: l, title: o, slug: c, min: S, max: h }) => ({
+        id: l ?? null,
+        title: o,
+        slug: c,
+        min: S,
+        max: h
+      }))
+    }).then(n),
+    values: (t, p = null) => {
+      const l = new URLSearchParams();
+      return p !== null && l.set("parent_id", String(p)), r.http.get(V(`${a}/${t}/values`, l)).then(n);
+    },
+    searchValues: (t, p, l = 50) => r.http.get(V(`${a}/${t}/values`, new URLSearchParams({ q: p, per_page: String(l) }))).then(n),
+    valuesById: (t, p) => {
+      if (p.length === 0) return Promise.resolve([]);
+      const l = new URLSearchParams();
+      for (const o of p) l.append("ids[]", String(o));
+      return r.http.get(V(`${a}/${t}/values`, l)).then(n);
+    },
+    createValue: (t, p) => r.http.post(`${a}/${t}/values`, p).then(n),
+    saveValue: (t, p, l) => r.http.put(`${a}/${t}/values/${p}`, l).then(n),
+    moveValue: (t, p, l, o) => r.http.post(`${a}/${t}/values/${p}/move`, {
+      parent_id: l,
+      before_id: o
+    }).then(n),
+    mergeValue: (t, p, l, o = !1) => r.http.post(`${a}/${t}/values/${p}/merge`, {
+      into: l,
+      dry_run: o
+    }).then((c) => c.data.moved),
+    removeValue: (t, p) => r.http.delete(`${a}/${t}/values/${p}`).then(() => {
+    }),
+    categorySet: (t) => r.http.get(`${r.apiPath}/catalog/categories/${t}/properties`).then(n),
+    saveCategorySet: (t, p) => r.http.put(`${r.apiPath}/catalog/categories/${t}/properties`, { ids: p }).then(n),
+    effectiveSet: (t) => r.http.get(`${r.apiPath}/${Oa}/${t}`).then(n)
+  };
+}
+function Q(r, a, n = "") {
+  return r == null || Array.isArray(r) ? n : Qe(r, a, n);
+}
+function ee(r, a) {
+  return Q(r.title, a) || Q(r.code, a) || `#${r.id}`;
+}
+function qe(r, a, n) {
+  const V = Math.max(0, Math.min(6, Math.trunc(a.precision ?? 0)));
+  let t;
+  try {
+    t = new Intl.NumberFormat(n || void 0, {
+      minimumFractionDigits: V,
+      maximumFractionDigits: V
+    }).format(r);
+  } catch {
+    t = r.toFixed(V);
+  }
+  return `${a.prefix ?? ""}${t}${a.suffix ?? ""}`;
+}
+function Ea(r) {
+  const a = Math.max(0, Math.min(6, Math.trunc(r ?? 0)));
+  return a === 0 ? 12 : Number(12.5.toFixed(Math.min(a, 1)));
+}
+function Ba(r, a) {
+  const n = a === null ? 0 : String(a).split(".")[1]?.length ?? 0;
+  return Math.min(6, Math.max(r, n));
+}
+const Da = {
+  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."
+  }
+}, ae = "webx-catalog-properties", Ge = /* @__PURE__ */ new WeakSet();
+function _e() {
+  try {
+    const { i18n: r } = ie();
+    Ge.has(r) || (r.defaults(ae, Da), Ge.add(r));
+  } catch {
+  }
+}
+const Ra = { class: "wx-catalog-category-properties" }, La = {
+  key: 0,
+  class: "wx-catalog-category-properties__inherited"
+}, Fa = { class: "wx-catalog-category-properties__name" }, ja = { class: "wx-catalog-category-properties__row" }, Ga = { class: "wx-catalog-category-properties__name" }, Ka = /* @__PURE__ */ le({
+  name: "WxCatalogCategoryProperties",
+  __name: "CategoryPropertiesField",
+  setup(r) {
+    const a = ie(), n = ce(a), V = Ca();
+    _e();
+    const t = se(ae), p = ye(), l = x(() => a.i18n.state.locale), o = x(() => V?.category.value?.id ?? null), c = x(() => (V?.locked.value ?? !0) || !a.can("catalog.manage")), S = _(null), h = _([]), w = _([]), W = _(!0), O = _(!1), k = _(!1), m = _(null), C = x(
+      () => /* @__PURE__ */ new Set([
+        ...(S.value?.inherited ?? []).map((s) => s.property.id),
+        ...h.value.map((s) => s.id)
+      ])
+    ), B = x(
+      () => w.value.filter((s) => !C.value.has(s.id)).map((s) => ({ value: s.id, label: ee(s, l.value) }))
+    );
+    function z(s) {
+      S.value = s, h.value = [...s.own];
+    }
+    async function $() {
+      if (o.value !== null) {
+        W.value = !0, O.value = !1;
+        try {
+          const [s, T] = await Promise.all([n.categorySet(o.value), n.list()]);
+          z(s), w.value = T.data;
+        } catch {
+          O.value = !0;
+        } finally {
+          W.value = !1;
+        }
+      }
+    }
+    re(o, () => {
+      $();
+    }, { immediate: !0 }), re(
+      () => V?.category.value?.parent_id,
+      (s, T) => {
+        T !== void 0 && s !== T && $();
+      }
+    );
+    async function E(s) {
+      if (o.value !== null) {
+        k.value = !0;
+        try {
+          z(await n.saveCategorySet(o.value, s));
+        } catch (T) {
+          const P = T.body, Z = P?.errors ? Object.values(P.errors)[0]?.[0] : void 0;
+          Y.danger(Z ?? p(T)), S.value && (h.value = [...S.value.own]);
+        } finally {
+          k.value = !1;
+        }
+      }
+    }
+    function D(s) {
+      typeof s == "number" && (m.value = null, E([...h.value.map((T) => T.id), s]));
+    }
+    function X(s) {
+      E(h.value.filter((T) => T.id !== s).map((T) => T.id));
+    }
+    function i() {
+      E(h.value.map((s) => s.id));
+    }
+    const v = (s) => t(`property.types.${s.type}`);
+    return (s, T) => (d(), j("div", Ra, [
+      o.value === null ? (d(), U(e(de), {
+        key: 0,
+        type: "info",
+        variant: "soft",
+        description: e(t)("panel.set-unsaved")
+      }, null, 8, ["description"])) : W.value ? (d(), U(e(ke), {
+        key: 1,
+        rows: 4
+      })) : O.value ? (d(), U(e(de), {
+        key: 2,
+        type: "warning",
+        variant: "soft",
+        description: e(t)("panel.set-failed")
+      }, null, 8, ["description"])) : (d(), j(oe, { key: 3 }, [
+        b(e(ne), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: f(() => [
+            G(M(e(t)("panel.set-help")), 1)
+          ]),
+          _: 1
+        }),
+        S.value && S.value.inherited.length > 0 ? (d(), j("ul", La, [
+          (d(!0), j(oe, null, xe(S.value.inherited, (P) => (d(), j("li", {
+            key: P.property.id,
+            class: "wx-catalog-category-properties__row is-inherited"
+          }, [
+            K("span", Fa, M(e(ee)(P.property, l.value)), 1),
+            b(e(ne), {
+              size: "sm",
+              tone: "muted",
+              truncate: ""
+            }, {
+              default: f(() => [
+                G(M(v(P.property)) + " · " + M(e(t)("panel.set-from", { name: P.from.name })), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ])) : H("", !0),
+        b(e(Ee), {
+          modelValue: h.value,
+          "onUpdate:modelValue": T[0] || (T[0] = (P) => h.value = P),
+          size: "sm",
+          "item-key": "id",
+          "item-label": (P) => e(ee)(P, l.value),
+          disabled: c.value || k.value,
+          "empty-text": e(t)("panel.set-empty"),
+          onMove: i
+        }, {
+          default: f(({ item: P }) => [
+            K("span", ja, [
+              K("span", Ga, M(e(ee)(P, l.value)), 1),
+              b(e(ne), {
+                size: "sm",
+                tone: "muted",
+                truncate: ""
+              }, {
+                default: f(() => [
+                  G(M(v(P)), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ])
+          ]),
+          actions: f(({ item: P }) => [
+            c.value ? H("", !0) : (d(), U(e(te), {
+              key: 0,
+              size: "sm",
+              variant: "text",
+              icon: "close",
+              disabled: k.value,
+              "aria-label": e(t)("panel.set-remove", { name: e(ee)(P, l.value) }),
+              onClick: (Z) => X(P.id)
+            }, null, 8, ["disabled", "aria-label", "onClick"]))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "item-label", "disabled", "empty-text"]),
+        c.value ? H("", !0) : (d(), U(e(Ve), {
+          key: 1,
+          class: "wx-catalog-category-properties__add",
+          "model-value": m.value,
+          options: B.value,
+          placeholder: e(t)("panel.set-add"),
+          "empty-text": e(t)("panel.nothing-found"),
+          disabled: k.value,
+          filterable: "",
+          "onUpdate:modelValue": D
+        }, null, 8, ["model-value", "options", "placeholder", "empty-text", "disabled"]))
+      ], 64))
+    ]));
+  }
+}), he = (r, a) => {
+  const n = r.__vccOpts || r;
+  for (const [V, t] of a)
+    n[V] = t;
+  return n;
+}, Ha = /* @__PURE__ */ he(Ka, [["__scopeId", "data-v-eb81b022"]]), ea = /* @__PURE__ */ Symbol("wx-catalog-property");
+function Ja(r) {
+  aa(ea, r);
+}
+function Ce() {
+  return He(ea, null);
+}
+const Ya = { class: "wx-catalog-intervals" }, Qa = {
+  class: "wx-catalog-intervals__head",
+  "aria-hidden": "true"
+}, Xa = { class: "wx-catalog-intervals__row" }, Za = {
+  key: 0,
+  class: "wx-catalog-intervals__bar"
+}, qa = /* @__PURE__ */ le({
+  name: "WxCatalogPropertyIntervals",
+  __name: "IntervalsField",
+  setup(r) {
+    const a = ie(), n = ce(a), V = Ce();
+    _e();
+    const t = se(ae), p = ye(), l = x(() => V?.property.value ?? null), o = x(() => V?.locked.value ?? !0), c = _([]), S = _(""), h = _(!1), w = _({});
+    let W = 0;
+    const O = (i) => i && !Array.isArray(i) ? { ...i } : {};
+    function k(i) {
+      return {
+        key: i.id ? `i${i.id}` : `n${++W}`,
+        id: i.id ?? null,
+        title: O(i.title),
+        slug: O(i.slug),
+        min: i.min,
+        max: i.max
+      };
+    }
+    const m = (i) => JSON.stringify(i.map(({ id: v, title: s, slug: T, min: P, max: Z }) => ({ id: v, title: s, slug: T, min: P, max: Z })));
+    function C(i) {
+      c.value = i.map(k), S.value = m(c.value);
+    }
+    re(
+      () => V?.intervals.value,
+      (i) => C(i ?? []),
+      { immediate: !0 }
+    );
+    const B = x(() => m(c.value) !== S.value);
+    function z() {
+      const i = c.value[c.value.length - 1];
+      c.value = [
+        ...c.value,
+        { key: `n${++W}`, id: null, title: {}, slug: {}, min: i?.max ?? null, max: null }
+      ];
+    }
+    function $(i) {
+      c.value = c.value.filter((v) => v.key !== i);
+    }
+    function E() {
+      const i = (s) => s.min ?? Number.NEGATIVE_INFINITY, v = (s) => s.max ?? Number.POSITIVE_INFINITY;
+      c.value = [...c.value].sort((s, T) => i(s) - i(T) || v(s) - v(T));
+    }
+    function D(i, v) {
+      const s = `intervals.${i}.${v}`, T = Object.keys(w.value).find(
+        (P) => P === s || P.startsWith(`${s}.`)
+      );
+      return T === void 0 ? void 0 : w.value[T]?.[0];
+    }
+    async function X() {
+      if (!(!l.value || h.value)) {
+        h.value = !0, w.value = {};
+        try {
+          const i = await n.saveIntervals(
+            l.value.id,
+            c.value.map(({ id: v, title: s, slug: T, min: P, max: Z }) => ({ id: v, title: s, slug: T, min: P, max: Z }))
+          );
+          V ? V.intervals.value = i : C(i), Y.success(t("panel.intervals-saved"));
+        } catch (i) {
+          const v = i.body;
+          v?.errors ? (w.value = v.errors, Y.danger(t("panel.save-failed"))) : Y.danger(p(i));
+        } finally {
+          h.value = !1;
+        }
+      }
+    }
+    return (i, v) => (d(), j("div", Ya, [
+      !l.value || l.value.filter_mode !== "intervals" ? (d(), U(e(de), {
+        key: 0,
+        type: "info",
+        variant: "soft",
+        description: e(t)("panel.intervals-unsaved")
+      }, null, 8, ["description"])) : (d(), j(oe, { key: 1 }, [
+        b(e(ne), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: f(() => [
+            G(M(e(t)("panel.intervals-help")), 1)
+          ]),
+          _: 1
+        }),
+        K("div", Qa, [
+          K("span", null, M(e(t)("panel.interval-title")), 1),
+          K("span", null, M(e(t)("panel.interval-min")), 1),
+          K("span", null, M(e(t)("panel.interval-max")), 1),
+          K("span", null, M(e(t)("panel.interval-slug")), 1)
+        ]),
+        b(e(Ee), {
+          modelValue: c.value,
+          "onUpdate:modelValue": v[0] || (v[0] = (s) => c.value = s),
+          class: "wx-catalog-intervals__list",
+          "item-key": "key",
+          "item-label": (s) => s.title[e(a).i18n.state.locale] ?? "",
+          disabled: o.value,
+          "empty-text": e(t)("panel.intervals-empty")
+        }, {
+          default: f(({ item: s, index: T }) => [
+            K("div", Xa, [
+              b(e(ge), {
+                modelValue: s.title,
+                "onUpdate:modelValue": (P) => s.title = P,
+                localized: "",
+                size: "sm",
+                disabled: o.value,
+                "aria-label": e(t)("panel.interval-title"),
+                status: D(T, "title") ? "error" : void 0
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "aria-label", "status"]),
+              b(e(Ne), {
+                modelValue: s.min,
+                "onUpdate:modelValue": (P) => s.min = P,
+                size: "sm",
+                controls: !1,
+                disabled: o.value,
+                placeholder: e(t)("panel.interval-open"),
+                "aria-label": e(t)("panel.interval-min")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "placeholder", "aria-label"]),
+              b(e(Ne), {
+                modelValue: s.max,
+                "onUpdate:modelValue": (P) => s.max = P,
+                size: "sm",
+                controls: !1,
+                disabled: o.value,
+                placeholder: e(t)("panel.interval-open"),
+                "aria-label": e(t)("panel.interval-max"),
+                status: D(T, "max") ? "error" : void 0
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "placeholder", "aria-label", "status"]),
+              b(e(ge), {
+                modelValue: s.slug,
+                "onUpdate:modelValue": (P) => s.slug = P,
+                localized: "",
+                size: "sm",
+                disabled: o.value,
+                "aria-label": e(t)("panel.interval-slug"),
+                status: D(T, "slug") ? "error" : void 0
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "aria-label", "status"]),
+              (d(!0), j(oe, null, xe(["title", "max", "slug"].map((P) => D(T, P)).filter(Boolean), (P) => (d(), U(e(ne), {
+                key: P,
+                class: "wx-catalog-intervals__error",
+                size: "sm"
+              }, {
+                default: f(() => [
+                  G(M(P), 1)
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ])
+          ]),
+          actions: f(({ item: s }) => [
+            b(e(ga), {
+              type: "remove",
+              label: e(t)("panel.delete"),
+              disabled: o.value,
+              onClick: (T) => $(s.key)
+            }, null, 8, ["label", "disabled", "onClick"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "item-label", "disabled", "empty-text"]),
+        o.value ? H("", !0) : (d(), j("div", Za, [
+          b(e(te), {
+            size: "sm",
+            icon: "plus",
+            onClick: z
+          }, {
+            default: f(() => [
+              G(M(e(t)("panel.interval-add")), 1)
+            ]),
+            _: 1
+          }),
+          b(e(te), {
+            size: "sm",
+            variant: "outline",
+            disabled: c.value.length < 2,
+            onClick: E
+          }, {
+            default: f(() => [
+              G(M(e(t)("panel.intervals-sort")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          v[1] || (v[1] = K("span", { class: "wx-catalog-intervals__spacer" }, null, -1)),
+          b(e(te), {
+            type: "primary",
+            size: "sm",
+            loading: h.value,
+            disabled: !B.value,
+            onClick: X
+          }, {
+            default: f(() => [
+              G(M(e(t)("panel.intervals-save")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading", "disabled"])
+        ]))
+      ], 64))
+    ]));
+  }
+}), et = /* @__PURE__ */ he(qa, [["__scopeId", "data-v-998ebd41"]]), at = { class: "wx-catalog-property-example__value" }, tt = /* @__PURE__ */ le({
+  name: "WxCatalogPropertyExample",
+  __name: "NumberExample",
+  setup(r) {
+    const a = Ce(), n = Be(), V = se(ae), t = x(() => {
+      const p = a?.values.value ?? {}, l = n.active.value, o = Number(p.precision ?? 0);
+      return qe(
+        Ea(o),
+        {
+          precision: o,
+          prefix: Q(p.unit_prefix, l),
+          suffix: Q(p.unit_suffix, l)
+        },
+        l
+      );
+    });
+    return (p, l) => (d(), U(e(ne), {
+      class: "wx-catalog-property-example",
+      size: "sm",
+      tone: "muted"
+    }, {
+      default: f(() => [
+        G(M(e(V)("panel.example")) + " ", 1),
+        K("span", at, M(t.value), 1)
+      ]),
+      _: 1
+    }));
+  }
+}), lt = /* @__PURE__ */ he(tt, [["__scopeId", "data-v-54ac1b0d"]]), Te = -1, ot = /* @__PURE__ */ le({
+  name: "WxCatalogPropertyValueSelect",
+  __name: "ValueSelect",
+  props: /* @__PURE__ */ Me({
+    property: {},
+    disabled: { type: Boolean, default: !1 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const a = r, n = Se(r, "modelValue"), V = ie(), t = ce(V), p = se(ae), l = ye(), o = x(() => V.i18n.state.locale), c = x(() => V.can("catalog.manage")), S = _(/* @__PURE__ */ new Map()), h = _([]), w = _(""), W = _(!1), O = x(
+      () => n.value === null ? [] : Array.isArray(n.value) ? n.value : [n.value]
+    );
+    function k(i) {
+      const v = new Map(S.value);
+      for (const s of i) v.set(s.id, Q(s.title, o.value, `#${s.id}`));
+      return S.value = v, i.map((s) => s.id);
+    }
+    const m = x(() => {
+      const i = w.value.trim().toLocaleLowerCase(o.value);
+      return [...S.value.values()].some((v) => v.toLocaleLowerCase(o.value) === i);
+    }), C = x(() => {
+      const v = [.../* @__PURE__ */ new Set([...O.value, ...h.value])].map((s) => ({
+        value: s,
+        label: S.value.get(s) ?? `#${s}`
+      }));
+      return c.value && w.value.trim() !== "" && !m.value && v.push({ value: Te, label: p("panel.value-create", { name: w.value.trim() }) }), v;
+    });
+    re(
+      O,
+      async (i) => {
+        const v = i.filter((s) => !S.value.has(s));
+        if (v.length !== 0)
+          try {
+            k(await t.valuesById(a.property.id, v));
+          } catch {
+          }
+      },
+      { immediate: !0 }
+    );
+    let B, z = 0;
+    async function $(i) {
+      const v = ++z;
+      try {
+        const s = await t.searchValues(a.property.id, i.trim(), 30);
+        v === z && (h.value = k(s));
+      } catch {
+        v === z && (h.value = []);
+      }
+    }
+    function E(i) {
+      w.value = i, clearTimeout(B), B = setTimeout(() => {
+        $(i);
+      }, 200);
+    }
+    Ue(() => clearTimeout(B));
+    async function D() {
+      const i = w.value.trim();
+      if (i === "" || W.value) return null;
+      W.value = !0;
+      try {
+        const [v] = k([
+          await t.createValue(a.property.id, { title: { [o.value]: i } })
+        ]);
+        return w.value = "", v ?? null;
+      } catch (v) {
+        return Y.danger(l(v)), null;
+      } finally {
+        W.value = !1;
+      }
+    }
+    async function X(i) {
+      const v = i === null ? [] : Array.isArray(i) ? i.map(Number) : [Number(i)];
+      if (v.includes(Te)) {
+        const s = await D(), T = v.filter((P) => P !== Te);
+        s !== null && T.push(s), n.value = a.property.is_multiple ? T : s ?? O.value[0] ?? null;
+        return;
+      }
+      n.value = a.property.is_multiple ? v : v[0] ?? null;
+    }
+    return (i, v) => (d(), U(e(Ve), {
+      "model-value": a.property.is_multiple ? O.value : O.value[0] ?? null,
+      options: C.value,
+      multiple: a.property.is_multiple,
+      disabled: a.disabled || W.value,
+      "aria-label": a.ariaLabel,
+      placeholder: e(p)("panel.value-pick"),
+      "empty-text": e(p)("panel.nothing-found"),
+      filterable: "",
+      clearable: "",
+      "onUpdate:modelValue": X,
+      onSearch: E,
+      onOpen: v[0] || (v[0] = (s) => $(w.value))
+    }, null, 8, ["model-value", "options", "multiple", "disabled", "aria-label", "placeholder", "empty-text"]));
+  }
+}), rt = /* @__PURE__ */ le({
+  name: "WxCatalogPropertyValueTree",
+  __name: "ValueTreeSelect",
+  props: /* @__PURE__ */ Me({
+    property: {},
+    disabled: { type: Boolean, default: !1 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const a = r, n = Se(r, "modelValue"), V = ie(), t = ce(V), p = se(ae), l = x(() => V.i18n.state.locale), o = _([]), c = _([]);
+    function S(m) {
+      return {
+        ...m,
+        label: Q(m.title, l.value, `#${m.id}`),
+        leaf: !m.has_children,
+        blocked: a.property.leaves_only && m.has_children,
+        children: void 0
+      };
+    }
+    const h = x(
+      () => n.value === null ? [] : Array.isArray(n.value) ? n.value : [n.value]
+    );
+    async function w() {
+      try {
+        o.value = (await t.values(a.property.id)).map(S);
+      } catch {
+        o.value = [];
+      }
+    }
+    w(), re(
+      h,
+      async (m) => {
+        const C = new Set(c.value.map((z) => z[z.length - 1]?.id)), B = m.filter((z) => !C.has(z));
+        if (B.length !== 0)
+          try {
+            const z = await t.valuesById(a.property.id, B);
+            c.value = [
+              ...c.value.filter(($) => m.includes($[$.length - 1]?.id ?? -1)),
+              ...z.map(($) => [...($.ancestors ?? []).map(S), S($)])
+            ];
+          } catch {
+          }
+      },
+      { immediate: !0 }
+    );
+    const W = x(
+      () => a.property.is_multiple ? c.value : c.value.find((m) => m[m.length - 1]?.id === h.value[0]) ?? []
+    );
+    async function O(m) {
+      return (await t.values(a.property.id, m.id)).map(S);
+    }
+    function k(m) {
+      const C = m === null ? [] : Array.isArray(m) ? m.map(Number) : [Number(m)];
+      n.value = a.property.is_multiple ? C : C[0] ?? null;
+    }
+    return (m, C) => (d(), U(e(ya), {
+      "model-value": a.property.is_multiple ? h.value : h.value[0] ?? null,
+      nodes: o.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(p)("panel.value-pick"),
+      "empty-text": e(p)("panel.values-empty"),
+      "onUpdate:modelValue": k
+    }, null, 8, ["model-value", "nodes", "multiple", "selected-path", "disabled", "aria-label", "placeholder", "empty-text"]));
+  }
+}), nt = { class: "wx-catalog-product-properties" }, st = {
+  key: 2,
+  class: "wx-catalog-product-properties__number"
+}, it = {
+  key: 0,
+  class: "wx-catalog-product-properties__unit"
+}, ut = {
+  key: 1,
+  class: "wx-catalog-product-properties__unit"
+}, dt = {
+  key: 2,
+  class: "wx-catalog-product-properties__outside"
+}, ct = { class: "wx-catalog-product-properties__list" }, pt = /* @__PURE__ */ le({
+  name: "WxCatalogProductProperties",
+  __name: "ProductPropertiesField",
+  props: {
+    modelValue: { default: null },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(r) {
+    const a = Se(r, "modelValue"), n = He(Aa, _(void 0)), V = ie(), t = ce(V), p = Ta(V), l = Wa(), o = Be();
+    _e();
+    const c = se(ae), S = ye(), h = x(() => V.i18n.state.locale), w = x(() => l?.locked.value ?? !1), W = x(() => o.active.value || h.value), O = x(() => {
+      const u = l?.values?.value.category_id;
+      return typeof u == "number" ? u : u ? Number(u) : null;
+    }), k = _(null), m = _(!1), C = _(!1), B = _({}), z = _(/* @__PURE__ */ new Map()), $ = _(/* @__PURE__ */ new Map()), E = _(!1), D = x(
+      () => new Set((k.value?.groups ?? []).flatMap((u) => u.properties.map((y) => y.id)))
+    ), X = x(
+      () => Object.entries(B.value).filter(([u]) => !D.value.has(Number(u))).map(([u, y]) => ({ id: Number(u), value: y }))
+    );
+    re(
+      () => l?.product.value,
+      () => {
+        const u = l?.values?.value["properties.outside"] ?? {};
+        B.value = { ...Array.isArray(u) ? {} : u, ...a.value ?? {} };
+      },
+      { immediate: !0 }
+    );
+    function i() {
+      const u = {}, y = a.value ?? {};
+      for (const R of D.value) {
+        const J = String(R);
+        J in y ? u[J] = y[J] ?? null : J in B.value && (u[J] = B.value[J] ?? null);
+      }
+      JSON.stringify(u) !== JSON.stringify(y) && (a.value = u);
+    }
+    let v = 0;
+    async function s() {
+      const u = ++v;
+      if (O.value === null) {
+        k.value = { groups: [] }, i();
+        return;
+      }
+      m.value = !0, C.value = !1;
+      try {
+        const y = await t.effectiveSet(O.value);
+        if (u !== v) return;
+        k.value = y, i();
+      } catch {
+        u === v && (C.value = !0);
+      } finally {
+        u === v && (m.value = !1);
+      }
+    }
+    re(O, () => {
+      s();
+    }, { immediate: !0 }), re(
+      X,
+      async (u) => {
+        const y = u.map((R) => R.id).filter((R) => !z.value.has(R));
+        if (y.length !== 0)
+          try {
+            const R = await t.list({ ids: y }), J = new Map(z.value);
+            for (const q of R.data) J.set(q.id, q);
+            z.value = J;
+            const N = new Map($.value);
+            for (const q of u) {
+              const Pe = J.get(q.id);
+              Pe && N.set(q.id, await T(Pe, q.value));
+            }
+            $.value = N;
+          } catch {
+          }
+      },
+      { immediate: !0 }
+    );
+    async function T(u, y) {
+      if (y === null) return "";
+      switch (u.type) {
+        case "select": {
+          const R = Array.isArray(y) ? y : [y];
+          return (await t.valuesById(u.id, R)).map((N) => Q(N.title, h.value, `#${N.id}`)).join(", ");
+        }
+        case "number":
+          return qe(
+            Number(y),
+            {
+              precision: u.precision,
+              prefix: Q(u.unit_prefix, h.value),
+              suffix: Q(u.unit_suffix, h.value)
+            },
+            h.value
+          );
+        case "bool":
+          return c("product.yes");
+        default:
+          return Q(y, h.value);
+      }
+    }
+    function P(u) {
+      return a.value?.[String(u)] ?? null;
+    }
+    function Z(u, y) {
+      const R = y === null || Array.isArray(y) && y.length === 0 || typeof y == "object" && !Array.isArray(y) && Object.values(y).every((J) => (J ?? "").trim() === "");
+      a.value = { ...a.value ?? {}, [String(u)]: R ? null : y };
+    }
+    function pe(u) {
+      const y = P(u);
+      return typeof y == "number" || Array.isArray(y) ? y : null;
+    }
+    function ue(u) {
+      return typeof u == "number" ? u : null;
+    }
+    function me(u) {
+      return u && typeof u == "object" && !Array.isArray(u) ? u : {};
+    }
+    function be(u) {
+      const y = `properties.values.${u}`, R = n.value ?? {}, J = Object.keys(R).find((N) => N === y || N.startsWith(`${y}.`));
+      return J === void 0 ? void 0 : R[J]?.[0];
+    }
+    async function F() {
+      const u = l?.product.value;
+      if (!(!u || !await $e({
+        title: c("panel.outside-clear-title"),
+        message: c("panel.outside-clear-text"),
+        confirmText: c("panel.delete"),
+        cancelText: c("panel.cancel"),
+        tone: "danger"
+      }))) {
+        E.value = !0;
+        try {
+          await p.startBulk("clear-outside-set", {}, { ids: [u.id] });
+          const R = {};
+          for (const [J, N] of Object.entries(B.value))
+            D.value.has(Number(J)) && (R[J] = N);
+          B.value = R, Y.success(c("panel.outside-cleared"));
+        } catch (R) {
+          Y.danger(S(R));
+        } finally {
+          E.value = !1;
+        }
+      }
+    }
+    const A = (u) => u.group ? Q(u.group.title, h.value) : "";
+    return (u, y) => (d(), j("div", nt, [
+      m.value && !k.value ? (d(), U(e(ke), {
+        key: 0,
+        rows: 4
+      })) : C.value ? (d(), U(e(de), {
+        key: 1,
+        type: "warning",
+        variant: "soft",
+        description: e(c)("panel.set-failed")
+      }, null, 8, ["description"])) : k.value ? (d(), j(oe, { key: 2 }, [
+        O.value === null ? (d(), U(e(de), {
+          key: 0,
+          type: "info",
+          variant: "soft",
+          description: e(c)("panel.product-no-category")
+        }, null, 8, ["description"])) : k.value.groups.length === 0 ? (d(), U(e(de), {
+          key: 1,
+          type: "info",
+          variant: "soft",
+          description: e(c)("panel.product-empty-set")
+        }, null, 8, ["description"])) : H("", !0),
+        (d(!0), j(oe, null, xe(k.value.groups, (R, J) => (d(), j("section", {
+          key: R.group?.id ?? `none-${J}`,
+          class: "wx-catalog-product-properties__group"
+        }, [
+          A(R) ? (d(), U(e(ne), {
+            key: 0,
+            class: "wx-catalog-product-properties__heading",
+            weight: "semibold"
+          }, {
+            default: f(() => [
+              G(M(A(R)), 1)
+            ]),
+            _: 2
+          }, 1024)) : H("", !0),
+          (d(!0), j(oe, null, xe(R.properties, (N) => (d(), U(e(fe), {
+            key: N.id,
+            label: N.type === "bool" ? void 0 : e(ee)(N, h.value),
+            error: be(N.id)
+          }, {
+            default: f(() => [
+              N.type === "select" && N.is_tree ? (d(), U(rt, {
+                key: 0,
+                property: N,
+                "model-value": pe(N.id),
+                disabled: w.value,
+                "aria-label": e(ee)(N, h.value),
+                "onUpdate:modelValue": (q) => Z(N.id, q)
+              }, null, 8, ["property", "model-value", "disabled", "aria-label", "onUpdate:modelValue"])) : N.type === "select" ? (d(), U(ot, {
+                key: 1,
+                property: N,
+                "model-value": pe(N.id),
+                disabled: w.value,
+                "aria-label": e(ee)(N, h.value),
+                "onUpdate:modelValue": (q) => Z(N.id, q)
+              }, null, 8, ["property", "model-value", "disabled", "aria-label", "onUpdate:modelValue"])) : N.type === "number" ? (d(), j("span", st, [
+                e(Q)(N.unit_prefix, W.value) ? (d(), j("span", it, M(e(Q)(N.unit_prefix, W.value)), 1)) : H("", !0),
+                b(e(Ne), {
+                  "model-value": ue(P(N.id)),
+                  precision: e(Ba)(N.precision, ue(P(N.id))),
+                  controls: !1,
+                  disabled: w.value,
+                  "aria-label": e(ee)(N, h.value),
+                  "onUpdate:modelValue": (q) => Z(N.id, q ?? null)
+                }, null, 8, ["model-value", "precision", "disabled", "aria-label", "onUpdate:modelValue"]),
+                e(Q)(N.unit_suffix, W.value) ? (d(), j("span", ut, M(e(Q)(N.unit_suffix, W.value)), 1)) : H("", !0)
+              ])) : N.type === "bool" ? (d(), U(e(ha), {
+                key: 3,
+                "model-value": P(N.id) === !0,
+                disabled: w.value,
+                label: e(ee)(N, h.value),
+                "onUpdate:modelValue": (q) => Z(N.id, q ? !0 : null)
+              }, null, 8, ["model-value", "disabled", "label", "onUpdate:modelValue"])) : (d(), U(e(ge), {
+                key: 4,
+                "model-value": me(P(N.id)),
+                localized: "",
+                disabled: w.value,
+                "aria-label": e(ee)(N, h.value),
+                "onUpdate:modelValue": (q) => Z(N.id, q)
+              }, null, 8, ["model-value", "disabled", "aria-label", "onUpdate:modelValue"]))
+            ]),
+            _: 2
+          }, 1032, ["label", "error"]))), 128))
+        ]))), 128)),
+        X.value.length > 0 ? (d(), j("details", dt, [
+          K("summary", null, [
+            b(e(ne), { weight: "medium" }, {
+              default: f(() => [
+                G(M(e(c)("panel.outside", { count: X.value.length })), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          b(e(ne), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: f(() => [
+              G(M(e(c)("panel.outside-help")), 1)
+            ]),
+            _: 1
+          }),
+          K("dl", ct, [
+            (d(!0), j(oe, null, xe(X.value, (R) => (d(), j(oe, {
+              key: R.id
+            }, [
+              K("dt", null, M(z.value.get(R.id) ? e(ee)(z.value.get(R.id), h.value) : `#${R.id}`), 1),
+              K("dd", null, M($.value.get(R.id) ?? "…"), 1)
+            ], 64))), 128))
+          ]),
+          !w.value && e(V).can("catalog.manage") ? (d(), U(e(te), {
+            key: 0,
+            size: "sm",
+            variant: "outline",
+            icon: "trash",
+            loading: E.value,
+            onClick: F
+          }, {
+            default: f(() => [
+              G(M(e(c)("panel.outside-clear")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : H("", !0)
+        ])) : H("", !0)
+      ], 64)) : H("", !0)
+    ]));
+  }
+}), vt = /* @__PURE__ */ he(pt, [["__scopeId", "data-v-c26faef7"]]), mt = /* @__PURE__ */ le({
+  name: "WxCatalogPropertyCreateDialog",
+  __name: "PropertyCreateDialog",
+  setup(r) {
+    const { open: a, resolve: n, dismiss: V } = De(), t = ce(ie()), p = se(ae), l = _(""), o = _("select"), c = _(!1), S = _({}), h = Je("field"), w = x(
+      () => ["select", "number", "text", "bool"].map((k) => ({
+        value: k,
+        label: p(`property.types.${k}`)
+      }))
+    );
+    Oe(async () => {
+      await Ye(), h.value?.querySelector("input")?.focus();
+    });
+    function W(k) {
+      const m = Object.keys(S.value).find((C) => C === k || C.startsWith(`${k}.`));
+      return m === void 0 ? void 0 : S.value[m]?.[0];
+    }
+    async function O() {
+      if (!(l.value.trim() === "" || c.value)) {
+        c.value = !0, S.value = {};
+        try {
+          n(await t.create({ title: l.value.trim(), type: o.value }));
+        } catch (k) {
+          S.value = k.body?.errors ?? {};
+        } finally {
+          c.value = !1;
+        }
+      }
+    }
+    return (k, m) => (d(), U(e(Re), {
+      open: e(a),
+      "onUpdate:open": m[3] || (m[3] = (C) => ze(a) ? a.value = C : null),
+      title: e(p)("panel.new"),
+      width: 440
+    }, {
+      footer: f(() => [
+        b(e(Le), { size: "sm" }, {
+          default: f(() => [
+            b(e(te), {
+              variant: "outline",
+              onClick: m[2] || (m[2] = (C) => e(V)())
+            }, {
+              default: f(() => [
+                G(M(e(p)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            b(e(te), {
+              type: "primary",
+              loading: c.value,
+              disabled: l.value.trim() === "",
+              onClick: O
+            }, {
+              default: f(() => [
+                G(M(e(p)("panel.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: f(() => [
+        b(e(fe), {
+          label: e(p)("property.title"),
+          error: W("title") ?? W("code"),
+          required: ""
+        }, {
+          default: f(() => [
+            K("div", {
+              ref_key: "field",
+              ref: h
+            }, [
+              b(e(ge), {
+                modelValue: l.value,
+                "onUpdate:modelValue": m[0] || (m[0] = (C) => l.value = C),
+                "aria-label": e(p)("property.title"),
+                onKeyup: We(O, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"]),
+        b(e(fe), {
+          label: e(p)("property.type"),
+          help: e(p)("property.type-help"),
+          error: W("type")
+        }, {
+          default: f(() => [
+            b(e(ba), {
+              modelValue: o.value,
+              "onUpdate:modelValue": m[1] || (m[1] = (C) => o.value = C),
+              options: w.value
+            }, null, 8, ["modelValue", "options"])
+          ]),
+          _: 1
+        }, 8, ["label", "help", "error"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), ft = { class: "wx-catalog-properties__filters" }, gt = { class: "wx-catalog-property-row__name" }, yt = { class: "wx-catalog-property-row__flags" }, ht = /* @__PURE__ */ le({
+  name: "WxCatalogPropertiesPage",
+  __name: "PropertiesPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(r) {
+    const a = r, n = ie(), V = ce(n), t = ia(n, Ze), p = Xe();
+    _e();
+    const l = se(ae), o = ye(), c = x(() => `${a.base}/properties`), S = x(() => n.i18n.state.locale), h = x(() => n.can("catalog.manage")), w = _([]), W = _(!0), O = _("all"), k = _(null), m = _(null), C = _([]), B = x(() => O.value === "deleted"), z = x(() => k.value !== null || m.value !== null), $ = x(
+      () => n.state.manifest?.modules.find((A) => A.id === "catalog-properties")?.title ?? l("module.title")
+    ), E = x(() => [
+      { value: "all", label: l("panel.view-all") },
+      { value: "deleted", label: l("panel.view-deleted") }
+    ]), D = x(
+      () => ["select", "number", "text", "bool"].map((A) => ({
+        value: A,
+        label: l(`property.types.${A}`)
+      }))
+    ), X = Ie(mt), i = x(() => {
+      const A = [
+        {
+          key: "groups",
+          label: l("panel.groups"),
+          icon: "folder",
+          run: () => {
+            p.push(`${c.value}/groups`);
+          }
+        }
+      ];
+      return h.value && A.push({ key: "new", label: l("panel.new"), icon: "plus", primary: !0, run: pe }), A;
+    }), v = [
+      { flag: "is_filterable", icon: "filter" },
+      { flag: "is_searchable", icon: "search" },
+      { flag: "in_card", icon: "grid" },
+      { flag: "on_page", icon: "file-text" },
+      { flag: "in_list", icon: "list" }
+    ];
+    function s(A) {
+      return v.filter(({ flag: u }) => A[u] === !0).map(({ flag: u, icon: y }) => ({
+        icon: y,
+        label: l(`property.${String(u)}`)
+      }));
+    }
+    async function T() {
+      W.value = !0;
+      try {
+        const A = await V.list({
+          trashed: B.value,
+          type: k.value ?? void 0,
+          group: m.value
+        });
+        w.value = A.data;
+      } catch (A) {
+        Y.danger(o(A));
+      } finally {
+        W.value = !1;
+      }
+    }
+    async function P() {
+      try {
+        C.value = (await t.list()).data.map((A) => ({ value: A.id, label: A.name }));
+      } catch {
+        C.value = [];
+      }
+    }
+    re([B, k, m], () => {
+      T();
+    }), T(), P();
+    function Z(A) {
+      p.push(`${c.value}/${A.id}`);
+    }
+    async function pe() {
+      const A = await X({});
+      A !== void 0 && p.push(`${c.value}/${A.property.id}`);
+    }
+    async function ue(A) {
+      const u = ee(A, S.value);
+      if (await $e({
+        title: l("panel.delete-title", { name: u }),
+        message: l("panel.delete-text"),
+        confirmText: l("panel.delete"),
+        cancelText: l("panel.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await V.remove(A.id), Y.success(l("panel.deleted")), await T();
+        } catch (R) {
+          Y.danger(o(R));
+        }
+    }
+    async function me(A) {
+      try {
+        await V.restore(A.id), Y.success(l("panel.restored")), await T();
+      } catch (u) {
+        Y.danger(o(u));
+      }
+    }
+    function be(A) {
+      if (B.value)
+        return h.value ? [
+          {
+            key: "restore",
+            label: l("panel.restore"),
+            icon: "refresh",
+            run: () => {
+              me(A);
+            }
+          }
+        ] : [];
+      const u = [
+        { key: "edit", label: l("panel.edit"), icon: "edit", run: () => Z(A) }
+      ];
+      return h.value && u.push({
+        key: "delete",
+        label: l("panel.delete"),
+        icon: "trash",
+        danger: !0,
+        run: () => {
+          ue(A);
+        }
+      }), u;
+    }
+    async function F() {
+      try {
+        await V.reorder(w.value.map((A) => A.id));
+      } catch (A) {
+        Y.danger(o(A, l("panel.reorder-failed"))), await T();
+      }
+    }
+    return (A, u) => (d(), U(e(ua), {
+      view: O.value,
+      "onUpdate:view": u[3] || (u[3] = (y) => O.value = y),
+      class: "wx-catalog-properties",
+      title: $.value,
+      views: E.value,
+      actions: i.value,
+      padding: "sm"
+    }, {
+      default: f(() => [
+        K("div", ft, [
+          b(e(Ve), {
+            modelValue: k.value,
+            "onUpdate:modelValue": u[0] || (u[0] = (y) => k.value = y),
+            options: D.value,
+            placeholder: e(l)("panel.type-any"),
+            "aria-label": e(l)("property.type"),
+            clearable: "",
+            size: "sm"
+          }, null, 8, ["modelValue", "options", "placeholder", "aria-label"]),
+          b(e(Ve), {
+            modelValue: m.value,
+            "onUpdate:modelValue": u[1] || (u[1] = (y) => m.value = y),
+            options: C.value,
+            placeholder: e(l)("panel.group-any"),
+            "aria-label": e(l)("property.group_id"),
+            clearable: "",
+            filterable: "",
+            size: "sm"
+          }, null, 8, ["modelValue", "options", "placeholder", "aria-label"])
+        ]),
+        W.value ? (d(), U(e(ke), {
+          key: 0,
+          class: "wx-catalog-properties__loading",
+          rows: 5
+        })) : w.value.length === 0 ? (d(), U(e(_a), {
+          key: 1,
+          title: z.value || B.value ? e(l)("panel.empty-found") : e(l)("panel.empty"),
+          description: z.value || B.value ? void 0 : e(l)("panel.empty-help")
+        }, null, 8, ["title", "description"])) : (d(), j(oe, { key: 2 }, [
+          b(e(Ee), {
+            modelValue: w.value,
+            "onUpdate:modelValue": u[2] || (u[2] = (y) => w.value = y),
+            class: "wx-catalog-properties__list",
+            plain: "",
+            "item-key": "id",
+            "item-label": (y) => e(ee)(y, S.value),
+            disabled: !h.value || z.value || B.value,
+            onMove: F
+          }, {
+            default: f(({ item: y }) => [
+              (d(), U(ta(B.value ? "div" : "router-link"), {
+                class: "wx-catalog-property-row",
+                to: B.value ? void 0 : `${c.value}/${y.id}`
+              }, {
+                default: f(() => [
+                  K("span", gt, [
+                    b(e(ne), {
+                      truncate: "",
+                      weight: "medium"
+                    }, {
+                      default: f(() => [
+                        G(M(e(ee)(y, S.value)), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    K("span", yt, [
+                      (d(!0), j(oe, null, xe(s(y), (R) => (d(), U(e(wa), {
+                        key: R.icon,
+                        content: R.label
+                      }, {
+                        default: f(() => [
+                          b(e(xa), {
+                            name: R.icon,
+                            size: "sm",
+                            label: R.label
+                          }, null, 8, ["name", "label"])
+                        ]),
+                        _: 2
+                      }, 1032, ["content"]))), 128))
+                    ])
+                  ]),
+                  b(e(ne), {
+                    size: "sm",
+                    tone: "muted",
+                    truncate: ""
+                  }, {
+                    default: f(() => [
+                      G(M([
+                        e(Q)(y.code, S.value),
+                        e(l)(`property.types.${y.type}`),
+                        y.group ? e(Q)(y.group.title, S.value) : null
+                      ].filter(Boolean).join(" · ")), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["to"]))
+            ]),
+            actions: f(({ item: y }) => [
+              b(e(ne), {
+                class: "wx-catalog-property-row__count",
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: f(() => [
+                  G(M(e(l)("panel.count", { count: y.products_count })), 1)
+                ]),
+                _: 2
+              }, 1024),
+              b(e(Ae), {
+                actions: be(y),
+                label: e(ee)(y, S.value)
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "item-label", "disabled"]),
+          B.value ? H("", !0) : (d(), U(e(de), {
+            key: 0,
+            class: "wx-catalog-properties__note",
+            type: "info",
+            description: z.value ? e(l)("panel.order-narrowed") : e(l)("panel.order")
+          }, null, 8, ["description"]))
+        ], 64))
+      ]),
+      _: 1
+    }, 8, ["view", "title", "views", "actions"]));
+  }
+}), bt = /* @__PURE__ */ le({
+  name: "WxCatalogPropertyEditor",
+  __name: "PropertyEditorPage",
+  props: {
+    base: { default: "/catalog" }
+  },
+  setup(r) {
+    const a = r, n = ie(), V = ce(n), t = Na(), p = Xe(), l = Be();
+    _e();
+    const o = se(ae), c = ye(), S = x(() => Number(t.params.id)), h = x(() => `${a.base}/properties`), w = _(null), W = _({}), O = _([]), k = _(""), m = _(!0), C = _(!1), B = _({}), z = x(() => n.can("catalog.manage")), $ = x(() => !z.value || C.value), E = x(() => JSON.stringify(W.value)), D = x(() => k.value !== "" && E.value !== k.value), X = x(() => C.value ? "saving" : D.value ? "unsaved" : "saved"), i = x(
+      () => n.state.manifest?.modules.find((F) => F.id === "catalog-properties")?.title ?? o("module.title")
+    ), v = x(() => {
+      const F = W.value.title, A = w.value ? ee(w.value, n.i18n.state.locale) : "";
+      return Qe(F, l.active.value, A) || o("panel.untitled");
+    }), s = x(() => {
+      const F = w.value;
+      if (F)
+        return [Q(F.code, l.active.value), o(`property.types.${F.type}`)].filter(Boolean).join(" · ");
+    });
+    Ja({ property: w, values: W, intervals: O, locked: $ }), da({ id: x(() => w.value?.id ?? null) });
+    function T(F) {
+      w.value = F.property, W.value = F.values, O.value = F.intervals, k.value = JSON.stringify(F.values);
+    }
+    async function P() {
+      m.value = !0;
+      try {
+        T(await V.get(S.value));
+      } catch (F) {
+        Y.danger(c(F)), p.push(h.value);
+      } finally {
+        m.value = !1;
+      }
+    }
+    async function Z() {
+      if (!(!w.value || C.value || !z.value)) {
+        C.value = !0, B.value = {};
+        try {
+          T(await V.save(w.value.id, W.value)), Y.success(o("panel.saved"));
+        } catch (F) {
+          const A = F.body;
+          A?.errors && Object.keys(A.errors).length > 0 ? (B.value = A.errors, Y.danger(o("panel.save-failed"))) : Y.danger(c(F));
+        } finally {
+          C.value = !1;
+        }
+      }
+    }
+    async function pe() {
+      const F = w.value;
+      if (!(!F || !await $e({
+        title: o("panel.delete-title", { name: v.value }),
+        message: o("panel.delete-text"),
+        confirmText: o("panel.delete"),
+        cancelText: o("panel.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await V.remove(F.id), Y.success(o("panel.deleted")), k.value = E.value, p.push(h.value);
+        } catch (u) {
+          Y.danger(c(u));
+        }
+    }
+    function ue(F) {
+      D.value && F.preventDefault();
+    }
+    function me(F) {
+      (F.ctrlKey || F.metaKey) && F.key.toLowerCase() === "s" && (F.preventDefault(), D.value && Z());
+    }
+    ca(me), re(S, () => {
+      P();
+    }), Oe(() => {
+      P(), window.addEventListener("beforeunload", ue);
+    }), Ue(() => {
+      window.removeEventListener("beforeunload", ue);
+    }), Ia(async () => !D.value || !z.value ? !0 : await $e({
+      title: o("panel.leave-title"),
+      message: o("panel.leave-text"),
+      confirmText: o("panel.leave"),
+      cancelText: o("panel.cancel"),
+      tone: "danger"
+    }));
+    const be = x(
+      () => w.value && z.value && w.value.deleted_at === null ? [
+        {
+          key: "delete",
+          label: o("panel.delete"),
+          icon: "trash",
+          danger: !0,
+          menu: !0,
+          run: () => {
+            pe();
+          }
+        }
+      ] : []
+    );
+    return (F, A) => (d(), j("div", {
+      class: "wx-catalog-property-editor",
+      onKeydown: me
+    }, [
+      m.value || !w.value ? (d(), j(oe, { key: 0 }, [
+        b(e(ke), {
+          class: "wx-catalog-property-editor__ghost",
+          title: "",
+          rows: 1
+        }),
+        b(e(ka), null, {
+          default: f(() => [
+            b(e(ke), { rows: 6 })
+          ]),
+          _: 1
+        })
+      ], 64)) : (d(), j(oe, { key: 1 }, [
+        b(e(pa), {
+          divider: "",
+          back: h.value,
+          "back-label": i.value,
+          title: v.value,
+          subtitle: s.value,
+          actions: be.value
+        }, la({
+          trail: f(() => [
+            b(e(Va), {
+              size: "sm",
+              label: e(o)("panel.trail")
+            }, {
+              default: f(() => [
+                b(e(Fe), {
+                  as: "router-link",
+                  to: h.value
+                }, {
+                  default: f(() => [
+                    G(M(i.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                b(e(Fe), { current: "" }, {
+                  default: f(() => [
+                    G(M(v.value), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 2
+        }, [
+          w.value.deleted_at !== null ? {
+            name: "title-after",
+            fn: f(() => [
+              b(e($a), { dot: "" }, {
+                default: f(() => [
+                  G(M(e(o)("panel.in-bin")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["back", "back-label", "title", "subtitle", "actions"]),
+        b(e(va), {
+          modelValue: W.value,
+          "onUpdate:modelValue": A[0] || (A[0] = (u) => W.value = u),
+          name: "catalog.property-form",
+          errors: B.value,
+          disabled: $.value
+        }, null, 8, ["modelValue", "errors", "disabled"]),
+        z.value ? (d(), U(e(Pa), { key: 0 }, {
+          state: f(() => [
+            b(e(ma), { state: X.value }, null, 8, ["state"])
+          ]),
+          default: f(() => [
+            b(e(te), {
+              type: "primary",
+              loading: C.value,
+              disabled: !D.value,
+              onClick: Z
+            }, {
+              default: f(() => [
+                G(M(e(o)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : H("", !0)
+      ], 64))
+    ], 32));
+  }
+}), _t = /* @__PURE__ */ he(bt, [["__scopeId", "data-v-256c406b"]]), wt = /* @__PURE__ */ le({
+  name: "WxCatalogPropertyType",
+  inheritAttrs: !1,
+  __name: "TypeField",
+  props: /* @__PURE__ */ Me({
+    options: { default: () => [] }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const a = r, n = Se(r, "modelValue"), V = Ce(), t = x(() => (V?.property.value?.id ?? null) !== null);
+    return (p, l) => (d(), U(e(Ve), oa(p.$attrs, {
+      modelValue: n.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (o) => n.value = o),
+      options: a.options,
+      disabled: t.value || void 0
+    }), null, 16, ["modelValue", "options", "disabled"]));
+  }
+}), xt = /* @__PURE__ */ le({
+  name: "WxCatalogPropertyMergeDialog",
+  __name: "MergeDialog",
+  props: {
+    property: {},
+    value: {}
+  },
+  setup(r) {
+    const a = r, { open: n, resolve: V, dismiss: t } = De(), p = ie(), l = ce(p), o = se(ae), c = ye(), S = x(() => p.i18n.state.locale), h = x(() => Q(a.value.title, S.value, `#${a.value.id}`)), w = _([]), W = _(null), O = _(null), k = _(!1), m = _(!1), C = _(""), B = x(
+      () => w.value.filter((i) => i.id !== a.value.id).map((i) => ({ value: i.id, label: Q(i.title, S.value, `#${i.id}`) }))
+    ), z = x(
+      () => B.value.find((i) => i.value === W.value)?.label ?? ""
+    );
+    let $ = 0;
+    async function E(i) {
+      const v = ++$;
+      try {
+        const s = await l.searchValues(a.property, i.trim(), 30);
+        v === $ && (w.value = s);
+      } catch {
+        v === $ && (w.value = []);
+      }
+    }
+    E(""), re(W, async (i) => {
+      if (O.value = null, C.value = "", i !== null) {
+        k.value = !0;
+        try {
+          O.value = await l.mergeValue(a.property, a.value.id, i, !0);
+        } catch (v) {
+          C.value = c(v);
+        } finally {
+          k.value = !1;
+        }
+      }
+    });
+    function D(i) {
+      W.value = typeof i == "number" ? i : null;
+    }
+    async function X() {
+      if (!(W.value === null || m.value)) {
+        m.value = !0, C.value = "";
+        try {
+          V(await l.mergeValue(a.property, a.value.id, W.value));
+        } catch (i) {
+          C.value = c(i);
+        } finally {
+          m.value = !1;
+        }
+      }
+    }
+    return (i, v) => (d(), U(e(Re), {
+      open: e(n),
+      "onUpdate:open": v[1] || (v[1] = (s) => ze(n) ? n.value = s : null),
+      title: e(o)("panel.merge-title", { name: h.value }),
+      width: 480
+    }, {
+      footer: f(() => [
+        b(e(Le), { size: "sm" }, {
+          default: f(() => [
+            b(e(te), {
+              variant: "outline",
+              onClick: v[0] || (v[0] = (s) => e(t)())
+            }, {
+              default: f(() => [
+                G(M(e(o)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            b(e(te), {
+              type: "primary",
+              loading: m.value || k.value,
+              disabled: W.value === null || O.value === null,
+              onClick: X
+            }, {
+              default: f(() => [
+                G(M(e(o)("panel.merge")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: f(() => [
+        b(e(fe), {
+          label: e(o)("panel.merge-into"),
+          help: e(o)("panel.merge-help")
+        }, {
+          default: f(() => [
+            b(e(Ve), {
+              "model-value": W.value,
+              options: B.value,
+              placeholder: e(o)("panel.search"),
+              "empty-text": e(o)("panel.nothing-found"),
+              filterable: "",
+              "onUpdate:modelValue": D,
+              onSearch: E
+            }, null, 8, ["model-value", "options", "placeholder", "empty-text"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        C.value ? (d(), U(e(de), {
+          key: 0,
+          type: "danger",
+          variant: "soft",
+          description: C.value
+        }, null, 8, ["description"])) : W.value !== null && O.value !== null ? (d(), U(e(de), {
+          key: 1,
+          type: "warning",
+          variant: "soft",
+          description: e(o)("panel.merge-confirm", { name: h.value, target: z.value, count: O.value })
+        }, null, 8, ["description"])) : H("", !0)
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), kt = { class: "wx-catalog-value-dialog__picture" }, Vt = ["src"], $t = /* @__PURE__ */ le({
+  name: "WxCatalogPropertyValueDialog",
+  __name: "ValueDialog",
+  props: {
+    property: {},
+    value: { default: null },
+    parent: { default: null },
+    title: {},
+    color: { type: Boolean, default: !1 },
+    image: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    const a = r, { open: n, resolve: V, dismiss: t } = De(), p = ce(ie()), l = se(ae), o = ($) => $ && !Array.isArray($) ? { ...$ } : {}, c = _(o(a.value?.title)), S = _(o(a.value?.slug)), h = _(a.value?.color ?? null), w = _(
+      a.value?.image ? { id: a.value.image.id, url: a.value.image.thumb ?? a.value.image.url } : null
+    ), W = _(!1), O = _({}), k = Je("field");
+    Oe(async () => {
+      await Ye(), k.value?.querySelector("input")?.focus();
+    });
+    function m($) {
+      const E = Object.keys(O.value).find((D) => D === $ || D.startsWith(`${$}.`));
+      return E === void 0 ? void 0 : O.value[E]?.[0];
+    }
+    const C = () => Object.values(c.value).some(($) => $.trim() !== "");
+    async function B() {
+      const $ = await Ua({ accept: "image" });
+      $ && (w.value = { id: $.id, url: $.thumb ?? $.url });
+    }
+    async function z() {
+      if (!C() || W.value) return;
+      W.value = !0, O.value = {};
+      const $ = { title: c.value, slug: S.value };
+      a.color && ($.color = h.value), a.image && ($.image_id = w.value?.id ?? null);
+      try {
+        V(
+          a.value ? await p.saveValue(a.property, a.value.id, $) : await p.createValue(a.property, { ...$, parent_id: a.parent })
+        );
+      } catch (E) {
+        O.value = E.body?.errors ?? {};
+      } finally {
+        W.value = !1;
+      }
+    }
+    return ($, E) => (d(), U(e(Re), {
+      open: e(n),
+      "onUpdate:open": E[5] || (E[5] = (D) => ze(n) ? n.value = D : null),
+      title: a.title,
+      width: 480
+    }, {
+      footer: f(() => [
+        b(e(Le), { size: "sm" }, {
+          default: f(() => [
+            b(e(te), {
+              variant: "outline",
+              onClick: E[4] || (E[4] = (D) => e(t)())
+            }, {
+              default: f(() => [
+                G(M(e(l)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            b(e(te), {
+              type: "primary",
+              loading: W.value,
+              disabled: !C(),
+              onClick: z
+            }, {
+              default: f(() => [
+                G(M(a.value ? e(l)("panel.save") : e(l)("panel.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: f(() => [
+        b(e(fe), {
+          label: e(l)("value.title"),
+          error: m("title"),
+          required: ""
+        }, {
+          default: f(() => [
+            K("div", {
+              ref_key: "field",
+              ref: k
+            }, [
+              b(e(ge), {
+                modelValue: c.value,
+                "onUpdate:modelValue": E[0] || (E[0] = (D) => c.value = D),
+                localized: "",
+                "aria-label": e(l)("value.title"),
+                onKeyup: We(z, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"]),
+        b(e(fe), {
+          label: e(l)("value.slug"),
+          help: e(l)("panel.slug-help"),
+          error: m("slug")
+        }, {
+          default: f(() => [
+            b(e(ge), {
+              modelValue: S.value,
+              "onUpdate:modelValue": E[1] || (E[1] = (D) => S.value = D),
+              localized: "",
+              "aria-label": e(l)("value.slug"),
+              onKeyup: We(z, ["enter"])
+            }, null, 8, ["modelValue", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "help", "error"]),
+        a.color ? (d(), U(e(fe), {
+          key: 0,
+          label: e(l)("value.color"),
+          error: m("color")
+        }, {
+          default: f(() => [
+            b(e(Sa), {
+              modelValue: h.value,
+              "onUpdate:modelValue": E[2] || (E[2] = (D) => h.value = D),
+              clearable: "",
+              "aria-label": e(l)("value.color")
+            }, null, 8, ["modelValue", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "error"])) : H("", !0),
+        a.image ? (d(), U(e(fe), {
+          key: 1,
+          label: e(l)("value.image"),
+          error: m("image_id")
+        }, {
+          default: f(() => [
+            K("div", kt, [
+              w.value ? (d(), j("img", {
+                key: 0,
+                src: w.value.url,
+                alt: ""
+              }, null, 8, Vt)) : H("", !0),
+              b(e(te), {
+                size: "sm",
+                variant: "outline",
+                icon: "image",
+                onClick: B
+              }, {
+                default: f(() => [
+                  G(M(w.value ? e(l)("panel.picture-change") : e(l)("panel.picture-pick")), 1)
+                ]),
+                _: 1
+              }),
+              w.value ? (d(), U(e(te), {
+                key: 1,
+                size: "sm",
+                variant: "text",
+                onClick: E[3] || (E[3] = (D) => w.value = null)
+              }, {
+                default: f(() => [
+                  G(M(e(l)("panel.picture-remove")), 1)
+                ]),
+                _: 1
+              })) : H("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["label", "error"])) : H("", !0)
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Pt = /* @__PURE__ */ he($t, [["__scopeId", "data-v-4c730a6b"]]), St = { class: "wx-catalog-value-row" }, Ct = ["src"], Tt = { class: "wx-catalog-value-row__title" }, Wt = {
+  key: 2,
+  class: "wx-catalog-value-row__slug"
+}, At = { class: "wx-catalog-value-row__count" }, Nt = /* @__PURE__ */ le({
+  name: "WxCatalogPropertyValueRow",
+  __name: "ValueRow",
+  props: {
+    node: {},
+    locale: {}
+  },
+  setup(r) {
+    const a = r, n = se(ae), V = x(() => {
+      const t = a.node.slug;
+      return t && !Array.isArray(t) ? t[a.locale] ?? "" : "";
+    });
+    return (t, p) => (d(), j("span", St, [
+      a.node.image ? (d(), j("img", {
+        key: 0,
+        class: "wx-catalog-value-row__image",
+        src: a.node.image.thumb ?? a.node.image.url,
+        alt: ""
+      }, null, 8, Ct)) : a.node.color ? (d(), j("span", {
+        key: 1,
+        class: "wx-catalog-value-row__swatch",
+        style: ra({ background: a.node.color }),
+        "aria-hidden": "true"
+      }, null, 4)) : H("", !0),
+      K("span", Tt, M(a.node.label), 1),
+      V.value ? (d(), j("span", Wt, M(V.value), 1)) : H("", !0),
+      K("span", At, M(e(n)("panel.count", { count: a.node.products_count })), 1)
+    ]));
+  }
+}), Ke = /* @__PURE__ */ he(Nt, [["__scopeId", "data-v-13648e79"]]), It = { class: "wx-catalog-values" }, Ut = { class: "wx-catalog-values__bar" }, Mt = /* @__PURE__ */ le({
+  name: "WxCatalogPropertyValues",
+  __name: "ValuesField",
+  setup(r) {
+    const a = ie(), n = ce(a), V = Ce();
+    _e();
+    const t = se(ae), p = ye(), l = x(() => V?.property.value ?? null), o = x(() => l.value?.id ?? null), c = x(() => a.i18n.state.locale), S = x(() => V?.locked.value ?? !0), h = x(() => !!V?.values.value.has_color), w = x(() => !!V?.values.value.has_image), W = x(() => l.value?.is_tree ?? !1), O = x(() => l.value?.value_order === "manual"), k = _([]), m = _([]), C = _(!0), B = _(!1), z = _(""), $ = _(null), E = x(() => z.value.trim() !== ""), D = _(""), X = _(!1), i = x(() => !S.value && O.value && !E.value), v = Ie(Pt), s = Ie(xt);
+    function T(g) {
+      return {
+        ...g,
+        label: Q(g.title, c.value, `#${g.id}`),
+        leaf: !g.has_children,
+        children: void 0
+      };
+    }
+    async function P() {
+      if (o.value !== null) {
+        C.value = !0, B.value = !1;
+        try {
+          k.value = (await n.values(o.value)).map(T), m.value = [];
+        } catch {
+          B.value = !0;
+        } finally {
+          C.value = !1;
+        }
+      }
+    }
+    re(o, () => {
+      P();
+    }, { immediate: !0 }), re(
+      () => [l.value?.value_order, l.value?.is_tree],
+      (g, I) => {
+        I !== void 0 && (g[0] !== I[0] || g[1] !== I[1]) && P();
+      }
+    );
+    async function Z(g) {
+      return o.value === null ? [] : (await n.values(o.value, g.id)).map(T);
+    }
+    let pe, ue = 0;
+    re(z, (g) => {
+      if (clearTimeout(pe), g.trim() === "") {
+        $.value = null;
+        return;
+      }
+      pe = setTimeout(async () => {
+        if (o.value === null) return;
+        const I = ++ue;
+        try {
+          const L = (await n.searchValues(o.value, g.trim(), 100)).map((ve) => ({
+            ...T(ve),
+            leaf: !0
+          }));
+          I === ue && ($.value = L);
+        } catch {
+          I === ue && ($.value = []);
+        }
+      }, 250);
+    }), Ue(() => clearTimeout(pe));
+    function me(g, I = k.value) {
+      for (const L of I)
+        g(L), L.children && me(g, L.children);
+      if (I === k.value && $.value) for (const L of $.value) g(L);
+    }
+    function be(g) {
+      me((I) => {
+        I.id === g.id && Object.assign(I, {
+          ...g,
+          label: Q(g.title, c.value, `#${g.id}`),
+          leaf: !g.has_children && !(I.children && I.children.length > 0),
+          children: I.children
+        });
+      });
+    }
+    function F(g) {
+      Y.danger(p(g));
+    }
+    async function A() {
+      const g = D.value.trim();
+      if (!(g === "" || o.value === null || X.value)) {
+        X.value = !0;
+        try {
+          const I = T(await n.createValue(o.value, { title: { [c.value]: g } }));
+          D.value = "", k.value = O.value ? [...k.value, I] : [...k.value, I].sort((L, ve) => L.label.localeCompare(ve.label, c.value));
+        } catch (I) {
+          F(I);
+        } finally {
+          X.value = !1;
+        }
+      }
+    }
+    async function u(g) {
+      if (o.value === null) return;
+      const I = await v({
+        property: o.value,
+        parent: g.id,
+        title: t("panel.value-new-inside", { name: g.label }),
+        color: h.value,
+        image: w.value
+      });
+      I !== void 0 && (g.children && g.children.push(T(I)), g.has_children = !0, g.leaf = !1, m.value.includes(g.id) || (m.value = [...m.value, g.id]));
+    }
+    async function y(g) {
+      if (o.value === null) return;
+      const I = await v({
+        property: o.value,
+        value: g,
+        title: g.label,
+        color: h.value,
+        image: w.value
+      });
+      I !== void 0 && be(I);
+    }
+    async function R(g) {
+      if (o.value === null) return;
+      const I = await s({ property: o.value, value: g });
+      I !== void 0 && (Y.success(t("panel.merged", { count: I })), z.value = "", await P());
+    }
+    async function J(g) {
+      if (o.value === null) return;
+      if (g.products_count > 0) {
+        Y.warning(t("panel.value-in-use", { count: g.products_count }));
+        return;
+      }
+      if (await $e({
+        title: t("panel.value-delete-title", { name: g.label }),
+        message: g.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(o.value, g.id);
+          const L = (ve) => ve.filter((we) => we.id !== g.id).map((we) => we.children ? Object.assign(we, { children: L(we.children) }) : we);
+          k.value = L(k.value), $.value && ($.value = L($.value));
+        } catch (L) {
+          const ve = L.body?.meta?.products;
+          ve ? Y.warning(t("panel.value-in-use", { count: ve })) : F(L);
+        }
+    }
+    function N(g) {
+      if (S.value) return [];
+      const I = [
+        { key: "edit", label: t("panel.edit"), icon: "edit", run: () => {
+          y(g);
+        } }
+      ];
+      return W.value && !E.value && I.push({
+        key: "inside",
+        label: t("panel.value-add-inside"),
+        icon: "plus",
+        run: () => {
+          u(g);
+        }
+      }), I.push(
+        { key: "merge", label: t("panel.merge-with"), icon: "copy", run: () => {
+          R(g);
+        } },
+        {
+          key: "delete",
+          label: t("panel.delete"),
+          icon: "trash",
+          danger: !0,
+          run: () => {
+            J(g);
+          }
+        }
+      ), I;
+    }
+    function q(g, I, L) {
+      return W.value || L !== "inside";
+    }
+    async function Pe(g) {
+      if (o.value === null) return;
+      const L = (g.parent ? g.parent.children ?? [] : k.value)[g.index + 1] ?? null;
+      g.parent && (g.parent.has_children = !0, g.parent.leaf = !1);
+      try {
+        await n.moveValue(o.value, g.node.id, g.parent?.id ?? null, L?.id ?? null);
+      } catch (ve) {
+        F(ve), await P();
+      }
+    }
+    return (g, I) => (d(), j("div", It, [
+      l.value ? (d(), j(oe, { key: 1 }, [
+        K("div", Ut, [
+          S.value ? H("", !0) : (d(), j("form", {
+            key: 0,
+            class: "wx-catalog-values__add",
+            onSubmit: na(A, ["prevent"])
+          }, [
+            b(e(ge), {
+              modelValue: D.value,
+              "onUpdate:modelValue": I[0] || (I[0] = (L) => D.value = L),
+              placeholder: e(t)("panel.value-new"),
+              "aria-label": e(t)("panel.value-new"),
+              size: "sm"
+            }, null, 8, ["modelValue", "placeholder", "aria-label"]),
+            b(e(te), {
+              "native-type": "submit",
+              size: "sm",
+              loading: X.value,
+              disabled: D.value.trim() === ""
+            }, {
+              default: f(() => [
+                G(M(e(t)("panel.add")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ], 32)),
+          b(e(ge), {
+            modelValue: z.value,
+            "onUpdate:modelValue": I[1] || (I[1] = (L) => z.value = L),
+            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"])
+        ]),
+        C.value ? (d(), U(e(ke), {
+          key: 0,
+          rows: 4
+        })) : B.value ? (d(), U(e(de), {
+          key: 1,
+          type: "warning",
+          variant: "soft",
+          description: e(t)("panel.values-failed")
+        }, null, 8, ["description"])) : E.value ? (d(), U(e(je), {
+          key: 2,
+          "model-value": $.value ?? [],
+          class: "wx-catalog-values__tree",
+          "empty-text": $.value === null ? e(t)("panel.searching") : e(t)("panel.nothing-found"),
+          "aria-label": e(t)("property.tab-values")
+        }, {
+          default: f(({ node: L }) => [
+            b(Ke, {
+              node: L,
+              locale: c.value
+            }, null, 8, ["node", "locale"])
+          ]),
+          actions: f(({ node: L }) => [
+            S.value ? H("", !0) : (d(), U(e(Ae), {
+              key: 0,
+              actions: N(L),
+              label: L.label
+            }, null, 8, ["actions", "label"]))
+          ]),
+          _: 1
+        }, 8, ["model-value", "empty-text", "aria-label"])) : (d(), U(e(je), {
+          key: 3,
+          modelValue: k.value,
+          "onUpdate:modelValue": I[2] || (I[2] = (L) => k.value = L),
+          expanded: m.value,
+          "onUpdate:expanded": I[3] || (I[3] = (L) => m.value = L),
+          class: "wx-catalog-values__tree",
+          lazy: "",
+          load: Z,
+          "leaf-key": "leaf",
+          draggable: i.value,
+          "allow-drop": q,
+          "empty-text": e(t)("panel.values-empty"),
+          "aria-label": e(t)("property.tab-values"),
+          onDrop: Pe
+        }, {
+          default: f(({ node: L }) => [
+            b(Ke, {
+              node: L,
+              locale: c.value
+            }, null, 8, ["node", "locale"])
+          ]),
+          actions: f(({ node: L }) => [
+            S.value ? H("", !0) : (d(), U(e(Ae), {
+              key: 0,
+              actions: N(L),
+              label: L.label
+            }, null, 8, ["actions", "label"]))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "expanded", "draggable", "empty-text", "aria-label"])),
+        !C.value && !B.value && !E.value ? (d(), U(e(ne), {
+          key: 4,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: f(() => [
+            G(M(O.value ? e(t)("panel.values-order-manual") : e(t)("panel.values-order-alpha")), 1)
+          ]),
+          _: 1
+        })) : H("", !0)
+      ], 64)) : (d(), U(e(de), {
+        key: 0,
+        type: "info",
+        variant: "soft",
+        description: e(t)("panel.values-unsaved")
+      }, null, 8, ["description"]))
+    ]));
+  }
+}), Ot = /* @__PURE__ */ he(Mt, [["__scopeId", "data-v-7e854528"]]), zt = [
+  "new",
+  "empty",
+  "empty-help",
+  "order",
+  "hidden",
+  "count",
+  "delete-blocked",
+  "delete-text",
+  "deleted",
+  "saved"
+];
+function Et(r = {}) {
+  const a = r.path ?? "/catalog";
+  return {
+    api: Ze,
+    path: `${a}/properties/groups`,
+    name: "webx.catalog-properties.groups",
+    module: "catalog-properties",
+    title: `${ae}::panel.groups-title`,
+    back: { path: `${a}/properties`, label: `${ae}::module.title` },
+    screen: "catalog.property-group-form",
+    manage: "catalog.manage",
+    count: "properties_count",
+    words: Object.fromEntries(zt.map((n) => [n, `${ae}::group.${n}`]))
+  };
+}
+function Bt(r) {
+  const a = r.component;
+  return a === void 0 ? r : {
+    ...r,
+    component: le({
+      name: "WxCatalogPropertyGroupsView",
+      setup() {
+        return _e(), () => sa(a);
+      }
+    })
+  };
+}
+function Ht(r = {}) {
+  const a = r.path ?? "/catalog", n = { base: a };
+  return [
+    {
+      id: "catalog-properties",
+      path: `${a}/properties`,
+      routes: [
+        {
+          path: `${a}/properties`,
+          name: "webx.catalog-properties",
+          component: ht,
+          props: n
+        },
+        {
+          path: `${a}/properties/:id(\\d+)`,
+          name: "webx.catalog-properties.edit",
+          component: _t,
+          props: n
+        },
+        ...fa(Et(r)).map(Bt)
+      ],
+      types: {
+        "wx-catalog-property-type": { component: wt, kind: "field" },
+        "wx-catalog-property-example": { component: lt, kind: "display" },
+        "wx-catalog-property-values": { component: Ot, kind: "display" },
+        "wx-catalog-property-intervals": { component: et, kind: "display" },
+        "wx-catalog-category-properties": { component: Ha, 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: vt,
+          kind: "field",
+          wide: !0
+        }
+      }
+    }
+  ];
+}
+export {
+  Ze as GROUPS_API,
+  Ma as PROPERTIES_API,
+  Oa as SETS_API,
+  Ha as WxCatalogCategoryProperties,
+  vt as WxCatalogProductProperties,
+  ht as WxCatalogPropertiesPage,
+  _t as WxCatalogPropertyEditor,
+  et as WxCatalogPropertyIntervals,
+  Ot as WxCatalogPropertyValues,
+  Ht as catalogProperties,
+  Da as catalogPropertiesMessages,
+  ce as createPropertiesApi,
+  qe as formatNumber,
+  ea as propertyEditorKey,
+  Et as propertyGroupsOptions,
+  ee as propertyName,
+  za as propertySearch,
+  Ja as providePropertyEditor,
+  Ce as usePropertyEditor,
+  Q as wordsIn
+};
+//# sourceMappingURL=index.js.map