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

package/dist/index.js

@@ -1,2418 +1,25 @@
-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
-        }
-      }
-    }
-  ];
-}
+import "vue";
+import { G as o, P as s, S as t, C as p, b as P, W as i, d as g, I as y, V as l, e as d, f as C, c as x, g as E, h as I, i as W, p as c, j as S, a as m, k as u, w as A } from "./index-B2Yl11Yn.js";
 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
+  o as GROUPS_API,
+  s as PROPERTIES_API,
+  t as SETS_API,
+  p as WxCatalogCategoryProperties,
+  P as WxCatalogProductProperties,
+  i as WxCatalogPropertiesPage,
+  g as WxCatalogPropertyEditor,
+  y as WxCatalogPropertyIntervals,
+  l as WxCatalogPropertyValues,
+  d as catalogProperties,
+  C as catalogPropertiesMessages,
+  x as createPropertiesApi,
+  E as formatNumber,
+  I as propertyEditorKey,
+  W as propertyGroupsOptions,
+  c as propertyName,
+  S as propertySearch,
+  m as providePropertyEditor,
+  u as usePropertyEditor,
+  A as wordsIn
 };
 //# sourceMappingURL=index.js.map