@snabcentr/vue-ui-lib 4.0.6-dev → 4.1.2-dev

package/dist/sc-vue-ui-lib.js

@@ -6,7 +6,7 @@ var rg = (t, e, i) => e in t ? sg(t, e, { enumerable: !0, configurable: !0, writ
 var C = (t, e, i) => rg(t, typeof e != "symbol" ? e + "" : e, i), cc = (t, e, i) => e.has(t) || lc("Cannot " + i);
 var Zt = (t, e, i) => (cc(t, e, "read from private field"), i ? i.call(t) : e.get(t)), fa = (t, e, i) => e.has(t) ? lc("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), uc = (t, e, i, n) => (cc(t, e, "write to private field"), n ? n.call(t, i) : e.set(t, i), i);
 import { isString as on, groupBy as og, get as fo, isEmpty as xl, noop as Yt, some as Fi, isFunction as kt, isNil as rt, find as dc, forOwn as Cd, forEach as fs, sortBy as kl, cloneDeep as _i, reduce as Sd, every as hc, isArray as _t, keys as ag, debounce as Xi, isUndefined as Zs, unset as lg, isNull as $d, isObject as cg, merge as Dr, upperFirst as ug, map as dg, constant as Eo, union as hg } from "lodash-es";
-import { Comment as Io, Text as Td, Fragment as $e, markRaw as Oe, createElementBlock as z, openBlock as w, createElementVNode as P, defineComponent as re, inject as Ke, computed as O, ref as j, readonly as go, normalizeClass as je, createVNode as N, createCommentVNode as U, renderSlot as Te, unref as E, createTextVNode as ie, toDisplayString as Y, Transition as _s, withCtx as I, createBlock as Q, useTemplateRef as nt, onMounted as st, onBeforeUnmount as ki, onUnmounted as Rr, normalizeStyle as tr, renderList as Ot, h as H, watch as ke, withKeys as ir, withModifiers as Ts, nextTick as Rt, onBeforeMount as Fr, toRaw as Bi, provide as bi, createSlots as qn, getCurrentInstance as Pd, withDirectives as Br, Teleport as fg, toRef as et, mergeProps as Cl, onActivated as Rd, onDeactivated as Fd, isVNode as gg, shallowRef as pg, watchEffect as Pn, vShow as Bd, cloneVNode as mg, mergeDefaults as Sl } from "vue";
+import { Comment as Io, Text as Td, Fragment as $e, markRaw as Oe, createElementBlock as z, openBlock as w, createElementVNode as P, defineComponent as re, inject as Ke, computed as O, ref as j, readonly as go, normalizeClass as je, createVNode as N, createCommentVNode as U, renderSlot as Te, unref as E, createTextVNode as ie, toDisplayString as Y, Transition as _s, withCtx as I, createBlock as Q, useTemplateRef as nt, onMounted as st, onBeforeUnmount as ki, onUnmounted as Rr, normalizeStyle as tr, renderList as Ot, h as H, watch as xe, withKeys as ir, withModifiers as Ts, nextTick as Rt, onBeforeMount as Fr, toRaw as Bi, provide as bi, createSlots as qn, getCurrentInstance as Pd, withDirectives as Br, Teleport as fg, toRef as et, mergeProps as Cl, onActivated as Rd, onDeactivated as Fd, isVNode as gg, shallowRef as pg, watchEffect as Pn, vShow as Bd, cloneVNode as mg, mergeDefaults as Sl } from "vue";
 import { NTooltip as Ar, NButton as De, NDropdown as Oo, NTag as Ad, NPopover as Bn, NText as $n, NScrollbar as Md, NCheckbox as Kn, NSpin as Ps, NForm as nr, NFormItem as tt, NSelect as an, NInputNumber as $t, NInput as An, NModal as $l, NDrawer as Ed, NDrawerContent as Id, NDataTable as Tl, NAlert as Od, NInputGroup as zd, NInputGroupLabel as vg, NDatePicker as yg, NUpload as bg, NUploadDragger as _g, NList as wg, NListItem as xg, NH1 as kg, NAutoComplete as Pl } from "naive-ui";
 import { useBaseConfigStateStore as ni, OrderItemBase as qt, ClientProduct as Rn, Identity as Cg, ClientCategory as Sg, Reference as $g, useReferencesStore as Mt, PriceCoefficientEnum as Tg, CalculationTypeEnum as Nr, PriceCoefficient as Pg, UnitsHelper as Li, DateTimeProvider as Rg, HttpRequester as qi, ProductCategoryDataProvider as Fg, ProductDataProvider as Bg, UserTypeEnum as Hr, OrdersDataProvider as po, Order as Ag, DataTablePagination as Mg, Curator as fc, CuratedDirection as Eg, ManagerDataFactory as gc, Manager as ga, DataSuggestionProvider as Rl, FieldValidationResultData as Ig, ReferenceDataProvider as Og, ClientDataProvider as zg } from "@snabcentr/common-lib";
 import { format as ws, endOfDay as Lg, startOfDay as Dg, isTomorrow as Ng } from "date-fns";
@@ -2298,13 +2298,13 @@ const jd = Oe({ name: "ion-plus", render: Dm }), Nm = {
       const $ = new qt(a.value);
       $[v] = y, v === "configuratorParams" && ($.product = new Rn()), s("update:value", $);
     };
-    return ke(
+    return xe(
       () => n.previewParams,
       (v) => {
         a.value.configuratorParams.linesWidths = v.linesWidths, a.value.configuratorParams.linesAngles = v.linesAngles;
       },
       { deep: !0 }
-    ), ke(
+    ), xe(
       () => n.value,
       (v) => {
         a.value = _i(v);
@@ -18615,7 +18615,7 @@ const qo = Oe({ name: "ion-close", render: V0 }), j0 = { class: "mr-3 flex flex-
         const h = (g = r.value) == null ? void 0 : g.at(d);
         h && o("init-draw-template", h, u);
       });
-    }), ke(
+    }), xe(
       () => [...i.settings.customTemplates],
       (l, c) => {
         Rt(() => {
@@ -18913,7 +18913,7 @@ const qo = Oe({ name: "ion-close", render: V0 }), j0 = { class: "mr-3 flex flex-
         width: s.value.scrollWidth,
         height: s.value.scrollHeight,
         fullscreen: !1
-      }).appendTo(s.value), l.scene.scale = c, l.update(), ke(
+      }).appendTo(s.value), l.scene.scale = c, l.update(), xe(
         () => i.value,
         () => {
           W();
@@ -19238,7 +19238,7 @@ const iy = { class: "flex flex-col gap-3" }, ny = { class: "grid gap-5 md:grid-c
     };
     return Fr(() => {
       g();
-    }), ke(
+    }), xe(
       () => i.cartItem,
       (b) => {
         a.value = new qt(b), g();
@@ -19408,7 +19408,7 @@ const iy = { class: "flex flex-col gap-3" }, ny = { class: "grid gap-5 md:grid-c
       const T = new qt(n.value);
       T[S] = b, S === "configuratorParams" && (T.product = new Rn()), s("update:value", T);
     };
-    return ke(
+    return xe(
       () => n.value,
       (S) => {
         const b = _i(Bi(S)), T = b.configuratorParams.mountType, R = n.settings.widthOverlaps[T] ?? 0, W = n.settings.heightOverlaps[T] ?? 0;
@@ -19834,7 +19834,7 @@ const iy = { class: "flex flex-col gap-3" }, ny = { class: "grid gap-5 md:grid-c
         d.value = !1;
       });
     };
-    return ke(
+    return xe(
       () => i.cartItem,
       (p) => {
         a.value = p;
@@ -19932,7 +19932,7 @@ const iy = { class: "flex flex-col gap-3" }, ny = { class: "grid gap-5 md:grid-c
       var h;
       (h = r.value) == null || h.select();
     };
-    return ke(
+    return xe(
       () => n.value,
       (h) => {
         a.value = h;
@@ -20079,7 +20079,7 @@ const iy = { class: "flex flex-col gap-3" }, ny = { class: "grid gap-5 md:grid-c
         B[$] = k;
       }), s("update:value", a.value);
     };
-    return ke(
+    return xe(
       () => n.value,
       ($) => {
         a.value = _i($);
@@ -20376,7 +20376,7 @@ const iy = { class: "flex flex-col gap-3" }, ny = { class: "grid gap-5 md:grid-c
         }
       }).catch(Yt);
     };
-    return ke(
+    return xe(
       () => i.cartItems,
       (f) => {
         r.value = f.map((p) => new qt(p));
@@ -20456,7 +20456,7 @@ const iy = { class: "flex flex-col gap-3" }, ny = { class: "grid gap-5 md:grid-c
       var f;
       (f = o.value) == null || f.select();
     };
-    return ke(
+    return xe(
       () => n.value,
       (f) => {
         a.value = _i(f);
@@ -20660,7 +20660,7 @@ const iy = { class: "flex flex-col gap-3" }, ny = { class: "grid gap-5 md:grid-c
         }));
       }).catch(Yt);
     };
-    return ke(
+    return xe(
       () => i.cartItem,
       (h) => {
         r.value = new qt(h);
@@ -20860,7 +20860,7 @@ const ob = Oe({ name: "ion-add", render: rb }), ab = {
       const te = new qt(n.value);
       te[M] = A, s("update:value", te);
     };
-    return ke(
+    return xe(
       () => n.value,
       (M) => {
         const A = _i(Bi(M));
@@ -21165,7 +21165,7 @@ const ob = Oe({ name: "ion-add", render: rb }), ab = {
       i.cartItem.configuratorParams.items.forEach((d, h) => {
         o.value[`items.${h}.width`] = {}, o.value[`items.${h}.length`] = {}, o.value[`items.${h}.count`] = {};
       });
-    }), ke(
+    }), xe(
       () => i.cartItem,
       (d) => {
         r.value = new qt(d);
@@ -22346,12 +22346,12 @@ const Eb = {
         o.value = f;
       });
     };
-    return ke(
+    return xe(
       () => n.show,
       (g) => {
         g ? u() : d("other");
       }
-    ), ke(
+    ), xe(
       () => n.processing,
       (g) => {
         o.value = g;
@@ -23680,7 +23680,7 @@ const A1 = Oe({ name: "ion-options-outline", render: B1 }), M1 = { class: "flex
       s.value = !1, a(), n("editor:cancel");
     };
     return st(() => {
-      ke(
+      xe(
         () => i.showEditor,
         (a) => {
           s.value = a;
@@ -23736,7 +23736,7 @@ const A1 = Oe({ name: "ion-options-outline", render: B1 }), M1 = { class: "flex
     ), a = (l) => {
       s.value = l, o();
     };
-    return ke(
+    return xe(
       () => i.value,
       (l) => {
         s.value = l;
@@ -23780,7 +23780,7 @@ const A1 = Oe({ name: "ion-options-outline", render: B1 }), M1 = { class: "flex
     ), l = (g) => {
       r.value = g, a();
     };
-    ke(
+    xe(
       () => n.value,
       (g) => {
         r.value = g;
@@ -23863,7 +23863,7 @@ const A1 = Oe({ name: "ion-options-outline", render: B1 }), M1 = { class: "flex
           throw u;
       }
     };
-    return ke(
+    return xe(
       () => i.value,
       (l) => {
         var c;
@@ -25045,14 +25045,14 @@ function Gw(t) {
   const e = j(!!t.value);
   if (e.value)
     return go(e);
-  const i = ke(t, (n) => {
+  const i = xe(t, (n) => {
     n && (e.value = !0, i());
   });
   return go(e);
 }
 function Ai(t) {
   const e = O(t), i = j(e.value);
-  return ke(e, (n) => {
+  return xe(e, (n) => {
     i.value = n;
   }), typeof t == "function" ? i : {
     __v_isRef: !0,
@@ -25086,7 +25086,7 @@ function Qw(t) {
   });
 }
 function fl(t, e) {
-  return ke(t, (i) => {
+  return xe(t, (i) => {
     i !== void 0 && (e.value = i);
   }), O(() => t.value === void 0 ? e.value : t.value);
 }
@@ -26015,7 +26015,7 @@ const Bx = Vn([
       const S = Ea(h), b = Ea(s.value), { left: T, top: R, placement: W } = Px(k, v, S, B, F, m), D = Rx(W, m), { left: M, top: A, transform: te } = Fx(W, b, v, R, T, m);
       h.setAttribute("v-placement", W), h.style.setProperty("--v-offset-left", `${Math.round(T)}px`), h.style.setProperty("--v-offset-top", `${Math.round(R)}px`), h.style.transform = `translateX(${M}) translateY(${A}) ${te}`, h.style.setProperty("--v-transform-origin", D), h.style.transformOrigin = D;
     };
-    ke(i, (h) => {
+    xe(i, (h) => {
       h ? (r(), c()) : o();
     });
     const c = () => {
@@ -26031,10 +26031,10 @@ const Bx = Vn([
       "overlap",
       "minWidth"
     ].forEach((h) => {
-      ke(et(t, h), l);
+      xe(et(t, h), l);
     }), ["teleportDisabled"].forEach((h) => {
-      ke(et(t, h), c);
-    }), ke(et(t, "syncTrigger"), (h) => {
+      xe(et(t, h), c);
+    }), xe(et(t, "syncTrigger"), (h) => {
       h.includes("resize") ? e.addResizeListener(l) : e.removeResizeListener(l), h.includes("scroll") ? e.addScrollListener(l) : e.removeScrollListener(l);
     });
     const u = Uo(), d = Ai(() => {
@@ -26987,7 +26987,7 @@ const o2 = re({
       m.code === "Escape" && a() && ((v = t.onEsc) === null || v === void 0 || v.call(t, m));
     }
     st(() => {
-      ke(() => t.active, (m) => {
+      xe(() => t.active, (m) => {
         m ? (d(), ii("keydown", document, l)) : (St("keydown", document, l), s && h());
       }, {
         immediate: !0
@@ -27135,7 +27135,7 @@ function Ff(t, e) {
       value: i
     } = t;
     i && yr.registerHandler(i, e);
-  }), ke(t, (i, n) => {
+  }), xe(t, (i, n) => {
     n && yr.unregisterHandler(n);
   }, {
     deep: !1
@@ -28729,7 +28729,7 @@ function wk({
     opacity: 1
   })];
 }
-const xe = {
+const ke = {
   neutralBase: "#FFF",
   neutralInvertBase: "#000",
   neutralTextBase: "#000",
@@ -28776,7 +28776,7 @@ const xe = {
   successDefault: "#18a058",
   successActive: "#0c7a43",
   successSuppl: "#36ad6a"
-}, xk = $s(xe.neutralBase), Df = $s(xe.neutralInvertBase), kk = `rgba(${Df.slice(0, 3).join(", ")}, `;
+}, xk = $s(ke.neutralBase), Df = $s(ke.neutralInvertBase), kk = `rgba(${Df.slice(0, 3).join(", ")}, `;
 function vd(t) {
   return `${kk + String(t)})`;
 }
@@ -28787,87 +28787,87 @@ function Lt(t) {
 const Ms = Object.assign(Object.assign({
   name: "common"
 }, Ir), {
-  baseColor: xe.neutralBase,
+  baseColor: ke.neutralBase,
   // primary color
-  primaryColor: xe.primaryDefault,
-  primaryColorHover: xe.primaryHover,
-  primaryColorPressed: xe.primaryActive,
-  primaryColorSuppl: xe.primarySuppl,
+  primaryColor: ke.primaryDefault,
+  primaryColorHover: ke.primaryHover,
+  primaryColorPressed: ke.primaryActive,
+  primaryColorSuppl: ke.primarySuppl,
   // info color
-  infoColor: xe.infoDefault,
-  infoColorHover: xe.infoHover,
-  infoColorPressed: xe.infoActive,
-  infoColorSuppl: xe.infoSuppl,
+  infoColor: ke.infoDefault,
+  infoColorHover: ke.infoHover,
+  infoColorPressed: ke.infoActive,
+  infoColorSuppl: ke.infoSuppl,
   // success color
-  successColor: xe.successDefault,
-  successColorHover: xe.successHover,
-  successColorPressed: xe.successActive,
-  successColorSuppl: xe.successSuppl,
+  successColor: ke.successDefault,
+  successColorHover: ke.successHover,
+  successColorPressed: ke.successActive,
+  successColorSuppl: ke.successSuppl,
   // warning color
-  warningColor: xe.warningDefault,
-  warningColorHover: xe.warningHover,
-  warningColorPressed: xe.warningActive,
-  warningColorSuppl: xe.warningSuppl,
+  warningColor: ke.warningDefault,
+  warningColorHover: ke.warningHover,
+  warningColorPressed: ke.warningActive,
+  warningColorSuppl: ke.warningSuppl,
   // error color
-  errorColor: xe.errorDefault,
-  errorColorHover: xe.errorHover,
-  errorColorPressed: xe.errorActive,
-  errorColorSuppl: xe.errorSuppl,
+  errorColor: ke.errorDefault,
+  errorColorHover: ke.errorHover,
+  errorColorPressed: ke.errorActive,
+  errorColorSuppl: ke.errorSuppl,
   // text color
-  textColorBase: xe.neutralTextBase,
+  textColorBase: ke.neutralTextBase,
   textColor1: "rgb(31, 34, 37)",
   textColor2: "rgb(51, 54, 57)",
   textColor3: "rgb(118, 124, 130)",
   // textColor4: neutral(base.alpha4), // disabled, placeholder, icon
   // textColor5: neutral(base.alpha5),
-  textColorDisabled: Lt(xe.alpha4),
-  placeholderColor: Lt(xe.alpha4),
-  placeholderColorDisabled: Lt(xe.alpha5),
-  iconColor: Lt(xe.alpha4),
-  iconColorHover: Qr(Lt(xe.alpha4), {
+  textColorDisabled: Lt(ke.alpha4),
+  placeholderColor: Lt(ke.alpha4),
+  placeholderColorDisabled: Lt(ke.alpha5),
+  iconColor: Lt(ke.alpha4),
+  iconColorHover: Qr(Lt(ke.alpha4), {
     lightness: 0.75
   }),
-  iconColorPressed: Qr(Lt(xe.alpha4), {
+  iconColorPressed: Qr(Lt(ke.alpha4), {
     lightness: 0.9
   }),
-  iconColorDisabled: Lt(xe.alpha5),
-  opacity1: xe.alpha1,
-  opacity2: xe.alpha2,
-  opacity3: xe.alpha3,
-  opacity4: xe.alpha4,
-  opacity5: xe.alpha5,
+  iconColorDisabled: Lt(ke.alpha5),
+  opacity1: ke.alpha1,
+  opacity2: ke.alpha2,
+  opacity3: ke.alpha3,
+  opacity4: ke.alpha4,
+  opacity5: ke.alpha5,
   dividerColor: "rgb(239, 239, 245)",
   borderColor: "rgb(224, 224, 230)",
   // close
-  closeIconColor: Lt(Number(xe.alphaClose)),
-  closeIconColorHover: Lt(Number(xe.alphaClose)),
-  closeIconColorPressed: Lt(Number(xe.alphaClose)),
+  closeIconColor: Lt(Number(ke.alphaClose)),
+  closeIconColorHover: Lt(Number(ke.alphaClose)),
+  closeIconColorPressed: Lt(Number(ke.alphaClose)),
   closeColorHover: "rgba(0, 0, 0, .09)",
   closeColorPressed: "rgba(0, 0, 0, .13)",
   // clear
-  clearColor: Lt(xe.alpha4),
-  clearColorHover: Qr(Lt(xe.alpha4), {
+  clearColor: Lt(ke.alpha4),
+  clearColorHover: Qr(Lt(ke.alpha4), {
     lightness: 0.75
   }),
-  clearColorPressed: Qr(Lt(xe.alpha4), {
+  clearColorPressed: Qr(Lt(ke.alpha4), {
     lightness: 0.9
   }),
-  scrollbarColor: vd(xe.alphaScrollbar),
-  scrollbarColorHover: vd(xe.alphaScrollbarHover),
+  scrollbarColor: vd(ke.alphaScrollbar),
+  scrollbarColorHover: vd(ke.alphaScrollbarHover),
   scrollbarWidth: "5px",
   scrollbarHeight: "5px",
   scrollbarBorderRadius: "5px",
-  progressRailColor: Lt(xe.alphaProgressRail),
+  progressRailColor: Lt(ke.alphaProgressRail),
   railColor: "rgb(219, 219, 223)",
-  popoverColor: xe.neutralPopover,
-  tableColor: xe.neutralCard,
-  cardColor: xe.neutralCard,
-  modalColor: xe.neutralModal,
-  bodyColor: xe.neutralBody,
+  popoverColor: ke.neutralPopover,
+  tableColor: ke.neutralCard,
+  cardColor: ke.neutralCard,
+  modalColor: ke.neutralModal,
+  bodyColor: ke.neutralBody,
   tagColor: "#eee",
-  avatarColor: Lt(xe.alphaAvatar),
+  avatarColor: Lt(ke.alphaAvatar),
   invertedColor: "rgb(0, 20, 40)",
-  inputColor: Lt(xe.alphaInput),
+  inputColor: Lt(ke.alphaInput),
   codeColor: "rgb(244, 244, 248)",
   tabColor: "rgb(247, 247, 250)",
   actionColor: "rgb(250, 250, 252)",
@@ -28877,7 +28877,7 @@ const Ms = Object.assign(Object.assign({
   tableColorHover: "rgba(0, 0, 100, 0.03)",
   tableColorStriped: "rgba(0, 0, 100, 0.02)",
   pressedColor: "rgb(237, 237, 239)",
-  opacityDisabled: xe.alphaDisabled,
+  opacityDisabled: ke.alphaDisabled,
   inputColorDisabled: "rgb(250, 250, 252)",
   // secondary button color
   // can also be used in tertiary button & quaternary button
@@ -30142,8 +30142,8 @@ const zk = Se("base-select-menu", `
       q && !t.treeMate.getNode(q.key) && (u.value = null);
     }
     let g;
-    ke(() => t.show, (q) => {
-      q ? g = ke(() => t.treeMate, () => {
+    xe(() => t.show, (q) => {
+      q ? g = xe(() => t.treeMate, () => {
         t.resetMenuOnOptionsChange ? (t.autoPending ? d() : h(), Rt(A)) : h();
       }, {
         immediate: !0
@@ -30776,7 +30776,7 @@ const Vk = re({
       syncPosition: y
     }), ki(() => {
       u.setBodyInstance(null);
-    }), ke(et(t, "show"), (b) => {
+    }), xe(et(t, "show"), (b) => {
       t.animated || (b ? h.value = !0 : h.value = !1);
     });
     function y() {
@@ -32228,9 +32228,9 @@ const Uf = {
       } = g;
       se && (se.style.display = "inline-block");
     }
-    ke(et(t, "active"), (se) => {
+    xe(et(t, "active"), (se) => {
       se || _();
-    }), ke(et(t, "pattern"), () => {
+    }), xe(et(t, "pattern"), () => {
       t.multiple && Rt(F);
     });
     function b(se) {
@@ -32382,7 +32382,7 @@ const Uf = {
     function hn(se) {
       se || (di(), f.value = !1);
     }
-    ke(B, (se) => {
+    xe(B, (se) => {
       se || (f.value = !1);
     }), st(() => {
       Pn(() => {
@@ -33378,7 +33378,7 @@ const vC = Object.assign(Object.assign({}, Gt.props), {
       var L;
       k.value && ((L = F.value) === null || L === void 0 || L.syncPosition());
     }
-    _e(), ke(et(t, "options"), _e);
+    _e(), xe(et(t, "options"), _e);
     const Is = {
       focus: () => {
         var L;
@@ -33757,7 +33757,7 @@ const vC = Object.assign(Object.assign({}, Gt.props), {
     }, u = (d) => {
       o.value = o.value.filter((h) => h.id !== d.id), a();
     };
-    return ke(
+    return xe(
       () => i.value,
       () => {
         o.value = r();
@@ -34172,64 +34172,11 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
       }, " [" + Y(t.user.type) + "] ", 3)) : U("", !0)
     ], 2));
   }
-}), fS = { class: "ml-4 text-base" }, gS = {
-  key: 0,
-  class: "text-sc-dark-grey my-2 text-center"
-}, pS = {
-  key: 1,
-  class: "text-sc-dark-grey my-2"
-}, mS = {
-  key: 2,
-  class: "grid grid-cols-3 gap-1.5"
-}, vS = { class: "text-sc-dark-grey" }, yS = { class: "col-span-2" }, bS = { class: "font-medium" }, _S = {
-  key: 0,
-  class: "text-sc-dark-grey"
-}, wS = { class: "text-sc-dark-grey text-sm" }, xS = {}, kS = /* @__PURE__ */ re({
-  ...xS,
-  __name: "order-status-history",
-  props: {
-    orderId: {}
-  },
-  setup(t) {
-    const e = t, i = j(!1), n = j([]), s = (o) => ws(o, ni().config.dateFormats.uiDateWithTime), r = () => {
-      i.value = !0, qi.getInstance(po).getOrderStatusHistory(e.orderId).then((o) => {
-        n.value = o;
-      }).finally(() => {
-        i.value = !1;
-      });
-    };
-    return st(() => {
-      r();
-    }), (o, a) => {
-      const l = Ps;
-      return w(), z("div", null, [
-        a[1] || (a[1] = P("h3", null, "История статусов", -1)),
-        P("div", fS, [
-          i.value ? (w(), z("div", gS, [
-            N(l, {
-              size: "small",
-              class: "mb-1 align-middle"
-            }),
-            a[0] || (a[0] = P("span", { class: "ml-2" }, "Загрузка истории ...", -1))
-          ])) : n.value.length === 0 ? (w(), z("div", pS, " История статусов отсутствует. ")) : (w(), z("div", mS, [
-            (w(!0), z($e, null, Ot(n.value, (c, u) => (w(), z($e, { key: u }, [
-              P("span", vS, Y(s(c.createdAt)), 1),
-              P("div", yS, [
-                P("span", bS, Y(c.status.name), 1),
-                c.statusDetail ? (w(), z("span", _S, "  (" + Y(c.statusDetail.name) + ") ", 1)) : U("", !0),
-                P("div", wS, Y(c.user.name), 1)
-              ])
-            ], 64))), 128))
-          ]))
-        ])
-      ]);
-    };
-  }
-}), CS = { class: "ml-4 grid grid-cols-3 gap-1.5 text-base" }, SS = { class: "col-span-2" }, $S = { class: "col-span-2" }, TS = {
+}), fS = { class: "ml-4 grid grid-cols-3 gap-1.5 text-base" }, gS = { class: "col-span-2" }, pS = { class: "col-span-2" }, mS = {
   class: "btn btn-primary",
   href: "{{ invoice }}"
-}, PS = {}, RS = /* @__PURE__ */ re({
-  ...PS,
+}, vS = {}, yS = /* @__PURE__ */ re({
+  ...vS,
   __name: "order-details",
   props: {
     order: {}
@@ -34239,7 +34186,7 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
     const i = e;
     return (n, s) => (w(), z("div", null, [
       s[12] || (s[12] = P("h3", null, "Детали заказа", -1)),
-      P("div", CS, [
+      P("div", fS, [
         t.order.creator.id !== t.order.client.id ? (w(), z($e, { key: 0 }, [
           s[1] || (s[1] = P("span", null, "Создал", -1)),
           N(xd, {
@@ -34269,7 +34216,7 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
         ], 64)) : U("", !0),
         t.order.barcode ? (w(), z($e, { key: 3 }, [
           s[5] || (s[5] = P("span", null, "Штрих-код", -1)),
-          P("span", SS, Y(t.order.barcode), 1)
+          P("span", gS, Y(t.order.barcode), 1)
         ], 64)) : U("", !0),
         t.order.payment ? (w(), z($e, { key: 4 }, [
           s[6] || (s[6] = P("span", null, "Оплата", -1)),
@@ -34287,7 +34234,7 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
         ], 64)) : U("", !0),
         t.order.comment ? (w(), z($e, { key: 6 }, [
           s[8] || (s[8] = P("span", null, "Комментарий", -1)),
-          P("span", $S, Y(t.order.comment), 1)
+          P("span", pS, Y(t.order.comment), 1)
         ], 64)) : U("", !0),
         t.order.attachedUser ? (w(), z($e, { key: 7 }, [
           s[9] || (s[9] = P("span", null, "Закреплен за", -1)),
@@ -34302,15 +34249,70 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
             key: o,
             class: "col-span-2"
           }, [
-            P("a", TS, " Скачать счет №" + Y(o + 1), 1)
+            P("a", mS, " Скачать счет №" + Y(o + 1), 1)
           ]))), 128))
         ], 64)) : U("", !0)
-      ]),
-      N(kS, {
-        "order-id": t.order.id
-      }, null, 8, ["order-id"])
+      ])
     ]));
   }
+}), bS = { class: "ml-4 text-base" }, _S = {
+  key: 0,
+  class: "text-sc-dark-grey my-2 text-center"
+}, wS = {
+  key: 1,
+  class: "text-sc-dark-grey my-2"
+}, xS = {
+  key: 2,
+  class: "grid grid-cols-3 gap-1.5"
+}, kS = { class: "text-sc-dark-grey" }, CS = { class: "col-span-2" }, SS = { class: "font-medium" }, $S = {
+  key: 0,
+  class: "text-sc-dark-grey"
+}, TS = { class: "text-sc-dark-grey text-sm" }, PS = {}, RS = /* @__PURE__ */ re({
+  ...PS,
+  __name: "order-status-history",
+  props: {
+    order: {}
+  },
+  setup(t) {
+    const e = t, i = j(!1), n = j([]), s = (o) => ws(o, ni().config.dateFormats.uiDateWithTime), r = (o = !0) => {
+      o && (i.value = !0), qi.getInstance(po).getOrderStatusHistory(e.order.id).then((a) => {
+        n.value = a;
+      }).finally(() => {
+        o && (i.value = !1);
+      });
+    };
+    return xe(
+      () => e.order,
+      () => {
+        r(!1);
+      }
+    ), st(() => {
+      r();
+    }), (o, a) => {
+      const l = Ps;
+      return w(), z("div", null, [
+        a[1] || (a[1] = P("h3", null, "История статусов", -1)),
+        P("div", bS, [
+          i.value ? (w(), z("div", _S, [
+            N(l, {
+              size: "small",
+              class: "mb-1 align-middle"
+            }),
+            a[0] || (a[0] = P("span", { class: "ml-2" }, "Загрузка истории ...", -1))
+          ])) : n.value.length === 0 ? (w(), z("div", wS, " История статусов отсутствует. ")) : (w(), z("div", xS, [
+            (w(!0), z($e, null, Ot(n.value, (c, u) => (w(), z($e, { key: u }, [
+              P("span", kS, Y(s(c.createdAt)), 1),
+              P("div", CS, [
+                P("span", SS, Y(c.status.name), 1),
+                c.statusDetail ? (w(), z("span", $S, "  (" + Y(c.statusDetail.name) + ") ", 1)) : U("", !0),
+                P("div", TS, Y(c.user.name), 1)
+              ])
+            ], 64))), 128))
+          ]))
+        ])
+      ]);
+    };
+  }
 }), FS = { key: 0 }, BS = { class: "text-sc-dark-grey my-2 text-center" }, AS = {
   key: 1,
   class: "text-sc-dark-grey my-2 text-center"
@@ -34322,14 +34324,21 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
   },
   emits: ["click:client-name"],
   setup(t, { emit: e }) {
-    const i = t, n = e, s = j(!1), r = j(new Ag(i.order)), o = (l = !0) => {
+    const i = t, n = e, s = j(!1), r = j(), o = (l = !0) => {
+      if ("products" in i.order) {
+        r.value = new Ag(i.order);
+        return;
+      }
       l && (s.value = !0), qi.getInstance(po).getOrder(i.order.id).then((c) => {
         r.value = c;
       }).finally(() => {
         l && (s.value = !1);
       });
-    }, a = O(() => (r.value.products ?? []).reduce((l, c) => l + c.costRub, 0).toLocaleString("ru-ru", { minimumFractionDigits: 2 }));
-    return ke(
+    }, a = O(() => {
+      var l;
+      return (((l = r.value) == null ? void 0 : l.products) ?? []).reduce((c, u) => c + u.costRub, 0).toLocaleString("ru-ru", { minimumFractionDigits: 2 });
+    });
+    return xe(
       () => i.order,
       () => {
         o(!1);
@@ -34348,7 +34357,7 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
             P("span", null, "Загрузка данных ...")
           ], -1))
         ])
-      ])) : r.value.products.length === 0 ? (w(), z("div", AS, " --- Не удалось загрузить данные о заказе --- ")) : (w(), z("div", MS, [
+      ])) : !r.value || r.value.products.length === 0 ? (w(), z("div", AS, " --- Не удалось загрузить данные о заказе --- ")) : (w(), z("div", MS, [
         N(uS, {
           products: r.value.products
         }, null, 8, ["products"]),
@@ -34356,10 +34365,11 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
           c[2] || (c[2] = ie(" ИТОГО: ", -1)),
           P("span", IS, Y(a.value) + " ₽", 1)
         ]),
-        N(RS, {
+        N(yS, {
           order: r.value,
           "onClick:clientName": c[0] || (c[0] = (d) => n("click:client-name", r.value.client, d))
-        }, null, 8, ["order"])
+        }, null, 8, ["order"]),
+        N(RS, { order: r.value }, null, 8, ["order"])
       ]));
     };
   }
@@ -34688,12 +34698,12 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
     }, S = () => {
       d.value = u(), l.value = window.innerHeight;
     };
-    return ke(
+    return xe(
       () => i.filters,
       () => {
         h.value.page = 1, $(), y();
       }
-    ), ke(
+    ), xe(
       () => i.sort,
       () => {
         r.value = s(), h.value.page = 1, $(), y();
@@ -34727,7 +34737,7 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
       }, null, 8, ["columns", "data", "row-key", "scroll-x", "pagination", "loading", "max-height"]);
     };
   }
-}), S3 = /* @__PURE__ */ Zn(HS, [["__scopeId", "data-v-eaf03714"]]), WS = ["href"], VS = { class: "text-sc-dark-grey" }, jS = {}, $3 = /* @__PURE__ */ re({
+}), S3 = /* @__PURE__ */ Zn(HS, [["__scopeId", "data-v-2a162c0c"]]), WS = ["href"], VS = { class: "text-sc-dark-grey" }, jS = {}, $3 = /* @__PURE__ */ re({
   ...jS,
   __name: "short-text-order-info",
   props: {
@@ -34822,17 +34832,17 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
     }, a = () => {
       r.value ? Zs(i.drawerWidth) ? s.value = o() : s.value = kt(i.drawerWidth) ? i.drawerWidth() : i.drawerWidth : s.value = 0;
     };
-    return ke(
+    return xe(
       () => i.drawerWidth,
       () => {
         a();
       }
-    ), ke(
+    ), xe(
       () => r.value,
       () => {
         a(), n("update:show-drawer", r.value);
       }
-    ), ke(
+    ), xe(
       () => i.showDrawer,
       (l) => {
         r.value = l;
@@ -35084,7 +35094,7 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
         s("update:value", p ?? null);
       }
     };
-    return ke(
+    return xe(
       () => n.value,
       () => {
         var f, p;
@@ -35174,7 +35184,7 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
         s("update:value", p ?? new ga());
       }
     };
-    return ke(
+    return xe(
       () => n.value,
       () => {
         var f, p;
@@ -35183,7 +35193,7 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
       {
         deep: !0
       }
-    ), ke(
+    ), xe(
       () => n.disabledManagerReferenceList,
       (f) => {
         if (f.length > 0 && n.value)
@@ -35276,12 +35286,12 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
         value: p.id
       }))
     );
-    ke(
+    xe(
       () => n.value,
       (p) => {
         r.value = p;
       }
-    ), ke(r, () => {
+    ), xe(r, () => {
       s("update:value", r.value);
     });
     const c = Xi(
@@ -35379,12 +35389,12 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
         value: p.id
       }))
     );
-    ke(
+    xe(
       () => n.value,
       (p) => {
         r.value = p;
       }
-    ), ke(r, () => {
+    ), xe(r, () => {
       s("update:value", r.value);
     });
     const c = Xi(
@@ -35511,12 +35521,12 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
         (m) => !n.allowSelectTerminated && l(m)
       )
     );
-    ke(
+    xe(
       () => n.value,
       (m) => {
         r.value = m;
       }
-    ), ke(r, () => {
+    ), xe(r, () => {
       s("update:value", r.value);
     });
     const u = Xi(
@@ -35684,7 +35694,7 @@ const zC = Oe({ name: "tabler-truck-loading", render: OC }), LC = { class: "flex
   emits: ["update:comment"],
   setup(t, { emit: e }) {
     const i = t, n = e, s = j(i.comment);
-    ke(
+    xe(
       () => s.value,
       (a) => {
         s.value = a;
@@ -35925,7 +35935,7 @@ export {
   Eu as ScMosquitoConfiguratorPreview,
   KC as ScOrderCommonInfo,
   oc as ScOrderDeliveryLabel,
-  RS as ScOrderDetails,
+  yS as ScOrderDetails,
   zS as ScOrderInfo,
   uS as ScOrderItemsList,
   Yf as ScOrderPayment,