vue-efko-data-view 1.0.1

package/dist/data-view.es.js

@@ -0,0 +1,2985 @@
+import { inject as ht, shallowRef as fe, getCurrentInstance as Lt, defineComponent as z, watch as B, unref as $, provide as vt, watchEffect as Ot, onBeforeUnmount as Ue, ref as V, computed as E, triggerRef as zt, resolveComponent as T, createElementBlock as S, openBlock as g, createElementVNode as L, createBlock as I, createCommentVNode as j, Fragment as D, renderList as G, normalizeStyle as Ve, withCtx as C, createTextVNode as _, toDisplayString as P, createVNode as A, h as oe, createSlots as we, renderSlot as R, onMounted as re, normalizeClass as Pt, mergeProps as Xe, resolveDynamicComponent as mt, reactive as Ge, normalizeProps as se, guardReactiveProps as ce } from "vue";
+import { isEqual as pe } from "lodash";
+import We from "@formkit/auto-animate";
+import { CheckCircleTwoTone as tt, EyeOutlined as bt, EditOutlined as yt, RedoOutlined as xt, DeleteOutlined as St, AppstoreOutlined as Nt, PicCenterOutlined as jt } from "@ant-design/icons-vue";
+import Ut from "@vueform/multiselect";
+import { Empty as Xt } from "efko-ui-library";
+function M() {
+  return M = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var o in t) ({}).hasOwnProperty.call(t, o) && (e[o] = t[o]);
+    }
+    return e;
+  }, M.apply(null, arguments);
+}
+function Ct(e) {
+  for (var n = 0, t, o = 0, r = e.length; r >= 4; ++o, r -= 4)
+    t = e.charCodeAt(o) & 255 | (e.charCodeAt(++o) & 255) << 8 | (e.charCodeAt(++o) & 255) << 16 | (e.charCodeAt(++o) & 255) << 24, t = /* Math.imul(k, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
+    t >>> 24, n = /* Math.imul(k, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16);
+  switch (r) {
+    case 3:
+      n ^= (e.charCodeAt(o + 2) & 255) << 16;
+    case 2:
+      n ^= (e.charCodeAt(o + 1) & 255) << 8;
+    case 1:
+      n ^= e.charCodeAt(o) & 255, n = /* Math.imul(h, m): */
+      (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16);
+  }
+  return n ^= n >>> 13, n = /* Math.imul(h, m): */
+  (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), ((n ^ n >>> 15) >>> 0).toString(36);
+}
+const nt = "%";
+class Gt {
+  constructor(n) {
+    this.cache = /* @__PURE__ */ new Map(), this.instanceId = n;
+  }
+  get(n) {
+    return this.cache.get(Array.isArray(n) ? n.join(nt) : n) || null;
+  }
+  update(n, t) {
+    const o = Array.isArray(n) ? n.join(nt) : n, r = this.cache.get(o), a = t(r);
+    a === null ? this.cache.delete(o) : this.cache.set(o, a);
+  }
+}
+const Wt = (e) => {
+  const n = e;
+  return n.install = function(t) {
+    t.component(n.displayName || n.name, e);
+  }, e;
+};
+function At(e) {
+  return {
+    type: Object,
+    default: e
+  };
+}
+function ke(e) {
+  return {
+    type: Boolean,
+    default: e
+  };
+}
+function qt(e, n) {
+  const t = {
+    validator: () => !0,
+    default: e
+  };
+  return t;
+}
+function ot(e) {
+  return {
+    type: Array,
+    default: e
+  };
+}
+function rt(e) {
+  return {
+    type: String,
+    default: e
+  };
+}
+function Kt(e, n) {
+  return e ? {
+    type: e,
+    default: n
+  } : qt(n);
+}
+const Zt = "data-token-hash", Me = "data-css-hash", de = "__cssinjs_instance__";
+function ge() {
+  const e = Math.random().toString(12).slice(2);
+  if (typeof document < "u" && document.head && document.body) {
+    const n = document.body.querySelectorAll(`style[${Me}]`) || [], {
+      firstChild: t
+    } = document.head;
+    Array.from(n).forEach((r) => {
+      r[de] = r[de] || e, r[de] === e && document.head.insertBefore(r, t);
+    });
+    const o = {};
+    Array.from(document.querySelectorAll(`style[${Me}]`)).forEach((r) => {
+      var a;
+      const l = r.getAttribute(Me);
+      o[l] ? r[de] === e && ((a = r.parentNode) === null || a === void 0 || a.removeChild(r)) : o[l] = !0;
+    });
+  }
+  return new Gt(e);
+}
+const wt = Symbol("StyleContextKey"), Qt = () => {
+  var e, n, t;
+  const o = Lt();
+  let r;
+  if (o && o.appContext) {
+    const a = (t = (n = (e = o.appContext) === null || e === void 0 ? void 0 : e.config) === null || n === void 0 ? void 0 : n.globalProperties) === null || t === void 0 ? void 0 : t.__ANTDV_CSSINJS_CACHE__;
+    a ? r = a : (r = ge(), o.appContext.config.globalProperties && (o.appContext.config.globalProperties.__ANTDV_CSSINJS_CACHE__ = r));
+  } else
+    r = ge();
+  return r;
+}, kt = {
+  cache: ge(),
+  defaultCache: !0,
+  hashPriority: "low"
+}, qe = () => {
+  const e = Qt();
+  return ht(wt, fe(M(M({}, kt), {
+    cache: e
+  })));
+}, Jt = (e) => {
+  const n = qe(), t = fe(M(M({}, kt), {
+    cache: ge()
+  }));
+  return B([() => $(e), n], () => {
+    const o = M({}, n.value), r = $(e);
+    Object.keys(r).forEach((l) => {
+      const s = r[l];
+      r[l] !== void 0 && (o[l] = s);
+    });
+    const {
+      cache: a
+    } = r;
+    o.cache = o.cache || ge(), o.defaultCache = !a && n.value.defaultCache, t.value = o;
+  }, {
+    immediate: !0
+  }), vt(wt, t), t;
+}, Yt = () => ({
+  autoClear: ke(),
+  /** @private Test only. Not work in production. */
+  mock: rt(),
+  /**
+   * Only set when you need ssr to extract style on you own.
+   * If not provided, it will auto create <style /> on the end of Provider in server side.
+   */
+  cache: At(),
+  /** Tell children that this context is default generated context */
+  defaultCache: ke(),
+  /** Use `:where` selector to reduce hashId css selector priority */
+  hashPriority: rt(),
+  /** Tell cssinjs where to inject style in */
+  container: Kt(),
+  /** Component wil render inline  `<style />` for fallback in SSR. Not recommend. */
+  ssrInline: ke(),
+  /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
+  transformers: ot(),
+  /**
+   * Linters to lint css before inject in document.
+   * Styles will be linted after transforming.
+   * Please note that `linters` do not support dynamic update.
+   */
+  linters: ot()
+});
+Wt(z({
+  name: "AStyleProvider",
+  inheritAttrs: !1,
+  props: Yt(),
+  setup(e, {
+    slots: n
+  }) {
+    return Jt(e), () => {
+      var t;
+      return (t = n.default) === null || t === void 0 ? void 0 : t.call(n);
+    };
+  }
+}));
+function en() {
+  return !1;
+}
+let _e = !1;
+function tn() {
+  return _e;
+}
+const nn = process.env.NODE_ENV === "production" ? en : tn;
+if (process.env.NODE_ENV !== "production" && typeof module < "u" && module && module.hot && typeof window < "u") {
+  const e = window;
+  if (typeof e.webpackHotUpdate == "function") {
+    const n = e.webpackHotUpdate;
+    e.webpackHotUpdate = (...t) => (_e = !0, setTimeout(() => {
+      _e = !1;
+    }, 0), n(...t));
+  }
+}
+function on(e, n, t, o) {
+  const r = qe(), a = fe(""), l = fe();
+  Ot(() => {
+    a.value = [e, ...n.value].join("%");
+  });
+  const s = nn(), h = (m) => {
+    r.value.cache.update(m, (u) => {
+      const [p = 0, x] = u || [];
+      return p - 1 === 0 ? (o == null || o(x, !1), null) : [p - 1, x];
+    });
+  };
+  return B(a, (m, u) => {
+    u && h(u), r.value.cache.update(m, (p) => {
+      const [x = 0, v] = p || [];
+      let i = v;
+      process.env.NODE_ENV !== "production" && v && s && (o == null || o(i, s), i = null);
+      const b = i || t();
+      return [x + 1, b];
+    }), l.value = r.value.cache.get(a.value)[1];
+  }, {
+    immediate: !0
+  }), Ue(() => {
+    h(a.value);
+  }), l;
+}
+function rn(e, n) {
+  if (e.length !== n.length)
+    return !1;
+  for (let t = 0; t < e.length; t++)
+    if (e[t] !== n[t])
+      return !1;
+  return !0;
+}
+class ae {
+  constructor() {
+    this.cache = /* @__PURE__ */ new Map(), this.keys = [], this.cacheCallTimes = 0;
+  }
+  size() {
+    return this.keys.length;
+  }
+  internalGet(n, t = !1) {
+    let o = {
+      map: this.cache
+    };
+    return n.forEach((r) => {
+      var a;
+      o ? o = (a = o == null ? void 0 : o.map) === null || a === void 0 ? void 0 : a.get(r) : o = void 0;
+    }), o != null && o.value && t && (o.value[1] = this.cacheCallTimes++), o == null ? void 0 : o.value;
+  }
+  get(n) {
+    var t;
+    return (t = this.internalGet(n, !0)) === null || t === void 0 ? void 0 : t[0];
+  }
+  has(n) {
+    return !!this.internalGet(n);
+  }
+  set(n, t) {
+    if (!this.has(n)) {
+      if (this.size() + 1 > ae.MAX_CACHE_SIZE + ae.MAX_CACHE_OFFSET) {
+        const [r] = this.keys.reduce((a, l) => {
+          const [, s] = a;
+          return this.internalGet(l)[1] < s ? [l, this.internalGet(l)[1]] : a;
+        }, [this.keys[0], this.cacheCallTimes]);
+        this.delete(r);
+      }
+      this.keys.push(n);
+    }
+    let o = this.cache;
+    n.forEach((r, a) => {
+      if (a === n.length - 1)
+        o.set(r, {
+          value: [t, this.cacheCallTimes++]
+        });
+      else {
+        const l = o.get(r);
+        l ? l.map || (l.map = /* @__PURE__ */ new Map()) : o.set(r, {
+          map: /* @__PURE__ */ new Map()
+        }), o = o.get(r).map;
+      }
+    });
+  }
+  deleteByPath(n, t) {
+    var o;
+    const r = n.get(t[0]);
+    if (t.length === 1)
+      return r.map ? n.set(t[0], {
+        map: r.map
+      }) : n.delete(t[0]), (o = r.value) === null || o === void 0 ? void 0 : o[0];
+    const a = this.deleteByPath(r.map, t.slice(1));
+    return (!r.map || r.map.size === 0) && !r.value && n.delete(t[0]), a;
+  }
+  delete(n) {
+    if (this.has(n))
+      return this.keys = this.keys.filter((t) => !rn(t, n)), this.deleteByPath(this.cache, n);
+  }
+}
+ae.MAX_CACHE_SIZE = 20;
+ae.MAX_CACHE_OFFSET = 5;
+let Re = {};
+function an(e, n) {
+  process.env.NODE_ENV !== "production" && !e && console !== void 0 && console.error(`Warning: ${n}`);
+}
+function ln() {
+  Re = {};
+}
+function sn(e, n, t) {
+  !n && !Re[t] && (e(!1, t), Re[t] = !0);
+}
+function cn(e, n) {
+  sn(an, e, n);
+}
+function un() {
+}
+let Mt = un;
+process.env.NODE_ENV !== "production" && (Mt = (e, n, t) => {
+  cn(e, `[ant-design-vue: ${n}] ${t}`), process.env.NODE_ENV === "test" && ln();
+});
+let at = 0;
+class Et {
+  constructor(n) {
+    this.derivatives = Array.isArray(n) ? n : [n], this.id = at, n.length === 0 && Mt(n.length > 0, "[Efko дизайн Vue CSS-in-JS] Theme should have at least one derivative function."), at += 1;
+  }
+  getDerivativeToken(n) {
+    return this.derivatives.reduce((t, o) => o(n, t), void 0);
+  }
+}
+const Ee = new ae();
+function dn(e) {
+  const n = Array.isArray(e) ? e : [e];
+  return Ee.has(n) || Ee.set(n, new Et(n)), Ee.get(n);
+}
+const it = /* @__PURE__ */ new WeakMap();
+function Se(e) {
+  let n = it.get(e) || "";
+  return n || (Object.keys(e).forEach((t) => {
+    const o = e[t];
+    n += t, o instanceof Et ? n += o.id : o && typeof o == "object" ? n += Se(o) : n += o;
+  }), it.set(e, n)), n;
+}
+function fn(e, n) {
+  return Ct(`${n}_${Se(e)}`);
+}
+const lt = {}, pn = process.env.NODE_ENV === "production", gn = process.env.NODE_ENV === "prerender", hn = !pn && !gn ? "css-dev-only-do-not-override" : "css", Y = /* @__PURE__ */ new Map();
+function vn(e) {
+  Y.set(e, (Y.get(e) || 0) + 1);
+}
+function mn(e, n) {
+  typeof document < "u" && document.querySelectorAll(`style[${Zt}="${e}"]`).forEach((o) => {
+    var r;
+    o[de] === n && ((r = o.parentNode) === null || r === void 0 || r.removeChild(o));
+  });
+}
+const bn = 0;
+function yn(e, n) {
+  Y.set(e, (Y.get(e) || 0) - 1);
+  const t = Array.from(Y.keys()), o = t.filter((r) => (Y.get(r) || 0) <= 0);
+  t.length - o.length > bn && o.forEach((r) => {
+    mn(r, n), Y.delete(r);
+  });
+}
+const xn = (e, n, t, o) => {
+  const r = t.getDerivativeToken(e);
+  let a = M(M({}, r), n);
+  return o && (a = o(a)), a;
+};
+function Sn(e, n, t = V({})) {
+  const o = qe(), r = E(() => M({}, ...n.value)), a = E(() => Se(r.value)), l = E(() => Se(t.value.override || lt));
+  return on("token", E(() => [t.value.salt || "", e.value.id, a.value, l.value]), () => {
+    const {
+      salt: h = "",
+      override: m = lt,
+      formatToken: u,
+      getComputedToken: p
+    } = t.value, x = p ? p(r.value, m, e.value) : xn(r.value, m, e.value, u), v = fn(x, h);
+    x._tokenKey = v, vn(v);
+    const i = `${hn}-${Ct(v)}`;
+    return x._hashId = i, [x, i];
+  }, (h) => {
+    var m;
+    yn(h[0]._tokenKey, (m = o.value) === null || m === void 0 ? void 0 : m.cache.instanceId);
+  });
+}
+const Cn = "1.7.0";
+function N(e, n) {
+  An(e) && (e = "100%");
+  var t = wn(e);
+  return e = n === 360 ? e : Math.min(n, Math.max(0, parseFloat(e))), t && (e = parseInt(String(e * n), 10) / 100), Math.abs(e - n) < 1e-6 ? 1 : (n === 360 ? e = (e < 0 ? e % n + n : e % n) / parseFloat(String(n)) : e = e % n / parseFloat(String(n)), e);
+}
+function ve(e) {
+  return Math.min(1, Math.max(0, e));
+}
+function An(e) {
+  return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
+}
+function wn(e) {
+  return typeof e == "string" && e.indexOf("%") !== -1;
+}
+function Tt(e) {
+  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
+}
+function me(e) {
+  return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
+}
+function ee(e) {
+  return e.length === 1 ? "0" + e : String(e);
+}
+function kn(e, n, t) {
+  return {
+    r: N(e, 255) * 255,
+    g: N(n, 255) * 255,
+    b: N(t, 255) * 255
+  };
+}
+function st(e, n, t) {
+  e = N(e, 255), n = N(n, 255), t = N(t, 255);
+  var o = Math.max(e, n, t), r = Math.min(e, n, t), a = 0, l = 0, s = (o + r) / 2;
+  if (o === r)
+    l = 0, a = 0;
+  else {
+    var h = o - r;
+    switch (l = s > 0.5 ? h / (2 - o - r) : h / (o + r), o) {
+      case e:
+        a = (n - t) / h + (n < t ? 6 : 0);
+        break;
+      case n:
+        a = (t - e) / h + 2;
+        break;
+      case t:
+        a = (e - n) / h + 4;
+        break;
+    }
+    a /= 6;
+  }
+  return { h: a, s: l, l: s };
+}
+function Te(e, n, t) {
+  return t < 0 && (t += 1), t > 1 && (t -= 1), t < 1 / 6 ? e + (n - e) * (6 * t) : t < 1 / 2 ? n : t < 2 / 3 ? e + (n - e) * (2 / 3 - t) * 6 : e;
+}
+function Mn(e, n, t) {
+  var o, r, a;
+  if (e = N(e, 360), n = N(n, 100), t = N(t, 100), n === 0)
+    r = t, a = t, o = t;
+  else {
+    var l = t < 0.5 ? t * (1 + n) : t + n - t * n, s = 2 * t - l;
+    o = Te(s, l, e + 1 / 3), r = Te(s, l, e), a = Te(s, l, e - 1 / 3);
+  }
+  return { r: o * 255, g: r * 255, b: a * 255 };
+}
+function Le(e, n, t) {
+  e = N(e, 255), n = N(n, 255), t = N(t, 255);
+  var o = Math.max(e, n, t), r = Math.min(e, n, t), a = 0, l = o, s = o - r, h = o === 0 ? 0 : s / o;
+  if (o === r)
+    a = 0;
+  else {
+    switch (o) {
+      case e:
+        a = (n - t) / s + (n < t ? 6 : 0);
+        break;
+      case n:
+        a = (t - e) / s + 2;
+        break;
+      case t:
+        a = (e - n) / s + 4;
+        break;
+    }
+    a /= 6;
+  }
+  return { h: a, s: h, v: l };
+}
+function En(e, n, t) {
+  e = N(e, 360) * 6, n = N(n, 100), t = N(t, 100);
+  var o = Math.floor(e), r = e - o, a = t * (1 - n), l = t * (1 - r * n), s = t * (1 - (1 - r) * n), h = o % 6, m = [t, l, a, a, s, t][h], u = [s, t, t, l, a, a][h], p = [a, a, s, t, t, l][h];
+  return { r: m * 255, g: u * 255, b: p * 255 };
+}
+function Oe(e, n, t, o) {
+  var r = [
+    ee(Math.round(e).toString(16)),
+    ee(Math.round(n).toString(16)),
+    ee(Math.round(t).toString(16))
+  ];
+  return o && r[0].startsWith(r[0].charAt(1)) && r[1].startsWith(r[1].charAt(1)) && r[2].startsWith(r[2].charAt(1)) ? r[0].charAt(0) + r[1].charAt(0) + r[2].charAt(0) : r.join("");
+}
+function Tn(e, n, t, o, r) {
+  var a = [
+    ee(Math.round(e).toString(16)),
+    ee(Math.round(n).toString(16)),
+    ee(Math.round(t).toString(16)),
+    ee(In(o))
+  ];
+  return r && a[0].startsWith(a[0].charAt(1)) && a[1].startsWith(a[1].charAt(1)) && a[2].startsWith(a[2].charAt(1)) && a[3].startsWith(a[3].charAt(1)) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
+}
+function In(e) {
+  return Math.round(parseFloat(e) * 255).toString(16);
+}
+function ct(e) {
+  return U(e) / 255;
+}
+function U(e) {
+  return parseInt(e, 16);
+}
+function Hn(e) {
+  return {
+    r: e >> 16,
+    g: (e & 65280) >> 8,
+    b: e & 255
+  };
+}
+var ze = {
+  aliceblue: "#f0f8ff",
+  antiquewhite: "#faebd7",
+  aqua: "#00ffff",
+  aquamarine: "#7fffd4",
+  azure: "#f0ffff",
+  beige: "#f5f5dc",
+  bisque: "#ffe4c4",
+  black: "#000000",
+  blanchedalmond: "#ffebcd",
+  blue: "#0000ff",
+  blueviolet: "#8a2be2",
+  brown: "#a52a2a",
+  burlywood: "#deb887",
+  cadetblue: "#5f9ea0",
+  chartreuse: "#7fff00",
+  chocolate: "#d2691e",
+  coral: "#ff7f50",
+  cornflowerblue: "#6495ed",
+  cornsilk: "#fff8dc",
+  crimson: "#dc143c",
+  cyan: "#00ffff",
+  darkblue: "#00008b",
+  darkcyan: "#008b8b",
+  darkgoldenrod: "#b8860b",
+  darkgray: "#a9a9a9",
+  darkgreen: "#006400",
+  darkgrey: "#a9a9a9",
+  darkkhaki: "#bdb76b",
+  darkmagenta: "#8b008b",
+  darkolivegreen: "#556b2f",
+  darkorange: "#ff8c00",
+  darkorchid: "#9932cc",
+  darkred: "#8b0000",
+  darksalmon: "#e9967a",
+  darkseagreen: "#8fbc8f",
+  darkslateblue: "#483d8b",
+  darkslategray: "#2f4f4f",
+  darkslategrey: "#2f4f4f",
+  darkturquoise: "#00ced1",
+  darkviolet: "#9400d3",
+  deeppink: "#ff1493",
+  deepskyblue: "#00bfff",
+  dimgray: "#696969",
+  dimgrey: "#696969",
+  dodgerblue: "#1e90ff",
+  firebrick: "#b22222",
+  floralwhite: "#fffaf0",
+  forestgreen: "#228b22",
+  fuchsia: "#ff00ff",
+  gainsboro: "#dcdcdc",
+  ghostwhite: "#f8f8ff",
+  goldenrod: "#daa520",
+  gold: "#ffd700",
+  gray: "#808080",
+  green: "#008000",
+  greenyellow: "#adff2f",
+  grey: "#808080",
+  honeydew: "#f0fff0",
+  hotpink: "#ff69b4",
+  indianred: "#cd5c5c",
+  indigo: "#4b0082",
+  ivory: "#fffff0",
+  khaki: "#f0e68c",
+  lavenderblush: "#fff0f5",
+  lavender: "#e6e6fa",
+  lawngreen: "#7cfc00",
+  lemonchiffon: "#fffacd",
+  lightblue: "#add8e6",
+  lightcoral: "#f08080",
+  lightcyan: "#e0ffff",
+  lightgoldenrodyellow: "#fafad2",
+  lightgray: "#d3d3d3",
+  lightgreen: "#90ee90",
+  lightgrey: "#d3d3d3",
+  lightpink: "#ffb6c1",
+  lightsalmon: "#ffa07a",
+  lightseagreen: "#20b2aa",
+  lightskyblue: "#87cefa",
+  lightslategray: "#778899",
+  lightslategrey: "#778899",
+  lightsteelblue: "#b0c4de",
+  lightyellow: "#ffffe0",
+  lime: "#00ff00",
+  limegreen: "#32cd32",
+  linen: "#faf0e6",
+  magenta: "#ff00ff",
+  maroon: "#800000",
+  mediumaquamarine: "#66cdaa",
+  mediumblue: "#0000cd",
+  mediumorchid: "#ba55d3",
+  mediumpurple: "#9370db",
+  mediumseagreen: "#3cb371",
+  mediumslateblue: "#7b68ee",
+  mediumspringgreen: "#00fa9a",
+  mediumturquoise: "#48d1cc",
+  mediumvioletred: "#c71585",
+  midnightblue: "#191970",
+  mintcream: "#f5fffa",
+  mistyrose: "#ffe4e1",
+  moccasin: "#ffe4b5",
+  navajowhite: "#ffdead",
+  navy: "#000080",
+  oldlace: "#fdf5e6",
+  olive: "#808000",
+  olivedrab: "#6b8e23",
+  orange: "#ffa500",
+  orangered: "#ff4500",
+  orchid: "#da70d6",
+  palegoldenrod: "#eee8aa",
+  palegreen: "#98fb98",
+  paleturquoise: "#afeeee",
+  palevioletred: "#db7093",
+  papayawhip: "#ffefd5",
+  peachpuff: "#ffdab9",
+  peru: "#cd853f",
+  pink: "#ffc0cb",
+  plum: "#dda0dd",
+  powderblue: "#b0e0e6",
+  purple: "#800080",
+  rebeccapurple: "#663399",
+  red: "#ff0000",
+  rosybrown: "#bc8f8f",
+  royalblue: "#4169e1",
+  saddlebrown: "#8b4513",
+  salmon: "#fa8072",
+  sandybrown: "#f4a460",
+  seagreen: "#2e8b57",
+  seashell: "#fff5ee",
+  sienna: "#a0522d",
+  silver: "#c0c0c0",
+  skyblue: "#87ceeb",
+  slateblue: "#6a5acd",
+  slategray: "#708090",
+  slategrey: "#708090",
+  snow: "#fffafa",
+  springgreen: "#00ff7f",
+  steelblue: "#4682b4",
+  tan: "#d2b48c",
+  teal: "#008080",
+  thistle: "#d8bfd8",
+  tomato: "#ff6347",
+  turquoise: "#40e0d0",
+  violet: "#ee82ee",
+  wheat: "#f5deb3",
+  white: "#ffffff",
+  whitesmoke: "#f5f5f5",
+  yellow: "#ffff00",
+  yellowgreen: "#9acd32"
+};
+function ne(e) {
+  var n = { r: 0, g: 0, b: 0 }, t = 1, o = null, r = null, a = null, l = !1, s = !1;
+  return typeof e == "string" && (e = $n(e)), typeof e == "object" && (Z(e.r) && Z(e.g) && Z(e.b) ? (n = kn(e.r, e.g, e.b), l = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : Z(e.h) && Z(e.s) && Z(e.v) ? (o = me(e.s), r = me(e.v), n = En(e.h, o, r), l = !0, s = "hsv") : Z(e.h) && Z(e.s) && Z(e.l) && (o = me(e.s), a = me(e.l), n = Mn(e.h, o, a), l = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (t = e.a)), t = Tt(t), {
+    ok: l,
+    format: e.format || s,
+    r: Math.min(255, Math.max(n.r, 0)),
+    g: Math.min(255, Math.max(n.g, 0)),
+    b: Math.min(255, Math.max(n.b, 0)),
+    a: t
+  };
+}
+var Bn = "[-\\+]?\\d+%?", Dn = "[-\\+]?\\d*\\.\\d+%?", J = "(?:".concat(Dn, ")|(?:").concat(Bn, ")"), Ie = "[\\s|\\(]+(".concat(J, ")[,|\\s]+(").concat(J, ")[,|\\s]+(").concat(J, ")\\s*\\)?"), He = "[\\s|\\(]+(".concat(J, ")[,|\\s]+(").concat(J, ")[,|\\s]+(").concat(J, ")[,|\\s]+(").concat(J, ")\\s*\\)?"), W = {
+  CSS_UNIT: new RegExp(J),
+  rgb: new RegExp("rgb" + Ie),
+  rgba: new RegExp("rgba" + He),
+  hsl: new RegExp("hsl" + Ie),
+  hsla: new RegExp("hsla" + He),
+  hsv: new RegExp("hsv" + Ie),
+  hsva: new RegExp("hsva" + He),
+  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+};
+function $n(e) {
+  if (e = e.trim().toLowerCase(), e.length === 0)
+    return !1;
+  var n = !1;
+  if (ze[e])
+    e = ze[e], n = !0;
+  else if (e === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  var t = W.rgb.exec(e);
+  return t ? { r: t[1], g: t[2], b: t[3] } : (t = W.rgba.exec(e), t ? { r: t[1], g: t[2], b: t[3], a: t[4] } : (t = W.hsl.exec(e), t ? { h: t[1], s: t[2], l: t[3] } : (t = W.hsla.exec(e), t ? { h: t[1], s: t[2], l: t[3], a: t[4] } : (t = W.hsv.exec(e), t ? { h: t[1], s: t[2], v: t[3] } : (t = W.hsva.exec(e), t ? { h: t[1], s: t[2], v: t[3], a: t[4] } : (t = W.hex8.exec(e), t ? {
+    r: U(t[1]),
+    g: U(t[2]),
+    b: U(t[3]),
+    a: ct(t[4]),
+    format: n ? "name" : "hex8"
+  } : (t = W.hex6.exec(e), t ? {
+    r: U(t[1]),
+    g: U(t[2]),
+    b: U(t[3]),
+    format: n ? "name" : "hex"
+  } : (t = W.hex4.exec(e), t ? {
+    r: U(t[1] + t[1]),
+    g: U(t[2] + t[2]),
+    b: U(t[3] + t[3]),
+    a: ct(t[4] + t[4]),
+    format: n ? "name" : "hex8"
+  } : (t = W.hex3.exec(e), t ? {
+    r: U(t[1] + t[1]),
+    g: U(t[2] + t[2]),
+    b: U(t[3] + t[3]),
+    format: n ? "name" : "hex"
+  } : !1)))))))));
+}
+function Z(e) {
+  return !!W.CSS_UNIT.exec(String(e));
+}
+var q = (
+  /** @class */
+  function() {
+    function e(n, t) {
+      n === void 0 && (n = ""), t === void 0 && (t = {});
+      var o;
+      if (n instanceof e)
+        return n;
+      typeof n == "number" && (n = Hn(n)), this.originalInput = n;
+      var r = ne(n);
+      this.originalInput = n, this.r = r.r, this.g = r.g, this.b = r.b, this.a = r.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (o = t.format) !== null && o !== void 0 ? o : r.format, this.gradientType = t.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = r.ok;
+    }
+    return e.prototype.isDark = function() {
+      return this.getBrightness() < 128;
+    }, e.prototype.isLight = function() {
+      return !this.isDark();
+    }, e.prototype.getBrightness = function() {
+      var n = this.toRgb();
+      return (n.r * 299 + n.g * 587 + n.b * 114) / 1e3;
+    }, e.prototype.getLuminance = function() {
+      var n = this.toRgb(), t, o, r, a = n.r / 255, l = n.g / 255, s = n.b / 255;
+      return a <= 0.03928 ? t = a / 12.92 : t = Math.pow((a + 0.055) / 1.055, 2.4), l <= 0.03928 ? o = l / 12.92 : o = Math.pow((l + 0.055) / 1.055, 2.4), s <= 0.03928 ? r = s / 12.92 : r = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * t + 0.7152 * o + 0.0722 * r;
+    }, e.prototype.getAlpha = function() {
+      return this.a;
+    }, e.prototype.setAlpha = function(n) {
+      return this.a = Tt(n), this.roundA = Math.round(100 * this.a) / 100, this;
+    }, e.prototype.isMonochrome = function() {
+      var n = this.toHsl().s;
+      return n === 0;
+    }, e.prototype.toHsv = function() {
+      var n = Le(this.r, this.g, this.b);
+      return { h: n.h * 360, s: n.s, v: n.v, a: this.a };
+    }, e.prototype.toHsvString = function() {
+      var n = Le(this.r, this.g, this.b), t = Math.round(n.h * 360), o = Math.round(n.s * 100), r = Math.round(n.v * 100);
+      return this.a === 1 ? "hsv(".concat(t, ", ").concat(o, "%, ").concat(r, "%)") : "hsva(".concat(t, ", ").concat(o, "%, ").concat(r, "%, ").concat(this.roundA, ")");
+    }, e.prototype.toHsl = function() {
+      var n = st(this.r, this.g, this.b);
+      return { h: n.h * 360, s: n.s, l: n.l, a: this.a };
+    }, e.prototype.toHslString = function() {
+      var n = st(this.r, this.g, this.b), t = Math.round(n.h * 360), o = Math.round(n.s * 100), r = Math.round(n.l * 100);
+      return this.a === 1 ? "hsl(".concat(t, ", ").concat(o, "%, ").concat(r, "%)") : "hsla(".concat(t, ", ").concat(o, "%, ").concat(r, "%, ").concat(this.roundA, ")");
+    }, e.prototype.toHex = function(n) {
+      return n === void 0 && (n = !1), Oe(this.r, this.g, this.b, n);
+    }, e.prototype.toHexString = function(n) {
+      return n === void 0 && (n = !1), "#" + this.toHex(n);
+    }, e.prototype.toHex8 = function(n) {
+      return n === void 0 && (n = !1), Tn(this.r, this.g, this.b, this.a, n);
+    }, e.prototype.toHex8String = function(n) {
+      return n === void 0 && (n = !1), "#" + this.toHex8(n);
+    }, e.prototype.toHexShortString = function(n) {
+      return n === void 0 && (n = !1), this.a === 1 ? this.toHexString(n) : this.toHex8String(n);
+    }, e.prototype.toRgb = function() {
+      return {
+        r: Math.round(this.r),
+        g: Math.round(this.g),
+        b: Math.round(this.b),
+        a: this.a
+      };
+    }, e.prototype.toRgbString = function() {
+      var n = Math.round(this.r), t = Math.round(this.g), o = Math.round(this.b);
+      return this.a === 1 ? "rgb(".concat(n, ", ").concat(t, ", ").concat(o, ")") : "rgba(".concat(n, ", ").concat(t, ", ").concat(o, ", ").concat(this.roundA, ")");
+    }, e.prototype.toPercentageRgb = function() {
+      var n = function(t) {
+        return "".concat(Math.round(N(t, 255) * 100), "%");
+      };
+      return {
+        r: n(this.r),
+        g: n(this.g),
+        b: n(this.b),
+        a: this.a
+      };
+    }, e.prototype.toPercentageRgbString = function() {
+      var n = function(t) {
+        return Math.round(N(t, 255) * 100);
+      };
+      return this.a === 1 ? "rgb(".concat(n(this.r), "%, ").concat(n(this.g), "%, ").concat(n(this.b), "%)") : "rgba(".concat(n(this.r), "%, ").concat(n(this.g), "%, ").concat(n(this.b), "%, ").concat(this.roundA, ")");
+    }, e.prototype.toName = function() {
+      if (this.a === 0)
+        return "transparent";
+      if (this.a < 1)
+        return !1;
+      for (var n = "#" + Oe(this.r, this.g, this.b, !1), t = 0, o = Object.entries(ze); t < o.length; t++) {
+        var r = o[t], a = r[0], l = r[1];
+        if (n === l)
+          return a;
+      }
+      return !1;
+    }, e.prototype.toString = function(n) {
+      var t = !!n;
+      n = n ?? this.format;
+      var o = !1, r = this.a < 1 && this.a >= 0, a = !t && r && (n.startsWith("hex") || n === "name");
+      return a ? n === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (n === "rgb" && (o = this.toRgbString()), n === "prgb" && (o = this.toPercentageRgbString()), (n === "hex" || n === "hex6") && (o = this.toHexString()), n === "hex3" && (o = this.toHexString(!0)), n === "hex4" && (o = this.toHex8String(!0)), n === "hex8" && (o = this.toHex8String()), n === "name" && (o = this.toName()), n === "hsl" && (o = this.toHslString()), n === "hsv" && (o = this.toHsvString()), o || this.toHexString());
+    }, e.prototype.toNumber = function() {
+      return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+    }, e.prototype.clone = function() {
+      return new e(this.toString());
+    }, e.prototype.lighten = function(n) {
+      n === void 0 && (n = 10);
+      var t = this.toHsl();
+      return t.l += n / 100, t.l = ve(t.l), new e(t);
+    }, e.prototype.brighten = function(n) {
+      n === void 0 && (n = 10);
+      var t = this.toRgb();
+      return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(n / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(n / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(n / 100)))), new e(t);
+    }, e.prototype.darken = function(n) {
+      n === void 0 && (n = 10);
+      var t = this.toHsl();
+      return t.l -= n / 100, t.l = ve(t.l), new e(t);
+    }, e.prototype.tint = function(n) {
+      return n === void 0 && (n = 10), this.mix("white", n);
+    }, e.prototype.shade = function(n) {
+      return n === void 0 && (n = 10), this.mix("black", n);
+    }, e.prototype.desaturate = function(n) {
+      n === void 0 && (n = 10);
+      var t = this.toHsl();
+      return t.s -= n / 100, t.s = ve(t.s), new e(t);
+    }, e.prototype.saturate = function(n) {
+      n === void 0 && (n = 10);
+      var t = this.toHsl();
+      return t.s += n / 100, t.s = ve(t.s), new e(t);
+    }, e.prototype.greyscale = function() {
+      return this.desaturate(100);
+    }, e.prototype.spin = function(n) {
+      var t = this.toHsl(), o = (t.h + n) % 360;
+      return t.h = o < 0 ? 360 + o : o, new e(t);
+    }, e.prototype.mix = function(n, t) {
+      t === void 0 && (t = 50);
+      var o = this.toRgb(), r = new e(n).toRgb(), a = t / 100, l = {
+        r: (r.r - o.r) * a + o.r,
+        g: (r.g - o.g) * a + o.g,
+        b: (r.b - o.b) * a + o.b,
+        a: (r.a - o.a) * a + o.a
+      };
+      return new e(l);
+    }, e.prototype.analogous = function(n, t) {
+      n === void 0 && (n = 6), t === void 0 && (t = 30);
+      var o = this.toHsl(), r = 360 / t, a = [this];
+      for (o.h = (o.h - (r * n >> 1) + 720) % 360; --n; )
+        o.h = (o.h + r) % 360, a.push(new e(o));
+      return a;
+    }, e.prototype.complement = function() {
+      var n = this.toHsl();
+      return n.h = (n.h + 180) % 360, new e(n);
+    }, e.prototype.monochromatic = function(n) {
+      n === void 0 && (n = 6);
+      for (var t = this.toHsv(), o = t.h, r = t.s, a = t.v, l = [], s = 1 / n; n--; )
+        l.push(new e({ h: o, s: r, v: a })), a = (a + s) % 1;
+      return l;
+    }, e.prototype.splitcomplement = function() {
+      var n = this.toHsl(), t = n.h;
+      return [
+        this,
+        new e({ h: (t + 72) % 360, s: n.s, l: n.l }),
+        new e({ h: (t + 216) % 360, s: n.s, l: n.l })
+      ];
+    }, e.prototype.onBackground = function(n) {
+      var t = this.toRgb(), o = new e(n).toRgb(), r = t.a + o.a * (1 - t.a);
+      return new e({
+        r: (t.r * t.a + o.r * o.a * (1 - t.a)) / r,
+        g: (t.g * t.a + o.g * o.a * (1 - t.a)) / r,
+        b: (t.b * t.a + o.b * o.a * (1 - t.a)) / r,
+        a: r
+      });
+    }, e.prototype.triad = function() {
+      return this.polyad(3);
+    }, e.prototype.tetrad = function() {
+      return this.polyad(4);
+    }, e.prototype.polyad = function(n) {
+      for (var t = this.toHsl(), o = t.h, r = [this], a = 360 / n, l = 1; l < n; l++)
+        r.push(new e({ h: (o + l * a) % 360, s: t.s, l: t.l }));
+      return r;
+    }, e.prototype.equals = function(n) {
+      return this.toRgbString() === new e(n).toRgbString();
+    }, e;
+  }()
+), be = 2, ut = 0.16, Fn = 0.05, Vn = 0.05, _n = 0.15, It = 5, Ht = 4, Rn = [{
+  index: 7,
+  opacity: 0.15
+}, {
+  index: 6,
+  opacity: 0.25
+}, {
+  index: 5,
+  opacity: 0.3
+}, {
+  index: 5,
+  opacity: 0.45
+}, {
+  index: 5,
+  opacity: 0.65
+}, {
+  index: 5,
+  opacity: 0.85
+}, {
+  index: 4,
+  opacity: 0.9
+}, {
+  index: 3,
+  opacity: 0.95
+}, {
+  index: 2,
+  opacity: 0.97
+}, {
+  index: 1,
+  opacity: 0.98
+}];
+function dt(e) {
+  var n = e.r, t = e.g, o = e.b, r = Le(n, t, o);
+  return {
+    h: r.h * 360,
+    s: r.s,
+    v: r.v
+  };
+}
+function ye(e) {
+  var n = e.r, t = e.g, o = e.b;
+  return "#".concat(Oe(n, t, o, !1));
+}
+function Ln(e, n, t) {
+  var o = t / 100, r = {
+    r: (n.r - e.r) * o + e.r,
+    g: (n.g - e.g) * o + e.g,
+    b: (n.b - e.b) * o + e.b
+  };
+  return r;
+}
+function ft(e, n, t) {
+  var o;
+  return Math.round(e.h) >= 60 && Math.round(e.h) <= 240 ? o = t ? Math.round(e.h) - be * n : Math.round(e.h) + be * n : o = t ? Math.round(e.h) + be * n : Math.round(e.h) - be * n, o < 0 ? o += 360 : o >= 360 && (o -= 360), o;
+}
+function pt(e, n, t) {
+  if (e.h === 0 && e.s === 0)
+    return e.s;
+  var o;
+  return t ? o = e.s - ut * n : n === Ht ? o = e.s + ut : o = e.s + Fn * n, o > 1 && (o = 1), t && n === It && o > 0.1 && (o = 0.1), o < 0.06 && (o = 0.06), Number(o.toFixed(2));
+}
+function gt(e, n, t) {
+  var o;
+  return t ? o = e.v + Vn * n : o = e.v - _n * n, o > 1 && (o = 1), Number(o.toFixed(2));
+}
+function Ce(e) {
+  for (var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = [], o = ne(e), r = It; r > 0; r -= 1) {
+    var a = dt(o), l = ye(ne({
+      h: ft(a, r, !0),
+      s: pt(a, r, !0),
+      v: gt(a, r, !0)
+    }));
+    t.push(l);
+  }
+  t.push(ye(o));
+  for (var s = 1; s <= Ht; s += 1) {
+    var h = dt(o), m = ye(ne({
+      h: ft(h, s),
+      s: pt(h, s),
+      v: gt(h, s)
+    }));
+    t.push(m);
+  }
+  return n.theme === "dark" ? Rn.map(function(u) {
+    var p = u.index, x = u.opacity, v = ye(Ln(ne(n.backgroundColor || "#141414"), ne(t[p]), x * 100));
+    return v;
+  }) : t;
+}
+var Be = {
+  red: "#F5222D",
+  volcano: "#FA541C",
+  orange: "#FA8C16",
+  gold: "#FAAD14",
+  yellow: "#FADB14",
+  lime: "#A0D911",
+  green: "#52C41A",
+  cyan: "#13C2C2",
+  blue: "#1890FF",
+  geekblue: "#2F54EB",
+  purple: "#722ED1",
+  magenta: "#EB2F96",
+  grey: "#666666"
+}, De = {}, $e = {};
+Object.keys(Be).forEach(function(e) {
+  De[e] = Ce(Be[e]), De[e].primary = De[e][5], $e[e] = Ce(Be[e], {
+    theme: "dark",
+    backgroundColor: "#141414"
+  }), $e[e].primary = $e[e][5];
+});
+const On = (e) => {
+  const {
+    controlHeight: n
+  } = e;
+  return {
+    controlHeightSM: n * 0.75,
+    controlHeightXS: n * 0.5,
+    controlHeightLG: n * 1.25
+  };
+};
+function zn(e) {
+  const {
+    sizeUnit: n,
+    sizeStep: t
+  } = e;
+  return {
+    sizeXXL: n * (t + 8),
+    // 48
+    sizeXL: n * (t + 4),
+    // 32
+    sizeLG: n * (t + 2),
+    // 24
+    sizeMD: n * (t + 1),
+    // 20
+    sizeMS: n * t,
+    // 16
+    size: n * t,
+    // 16
+    sizeSM: n * (t - 1),
+    // 12
+    sizeXS: n * (t - 2),
+    // 8
+    sizeXXS: n * (t - 3)
+    // 4
+  };
+}
+const Bt = {
+  blue: "#1677ff",
+  purple: "#722ED1",
+  cyan: "#13C2C2",
+  green: "#52C41A",
+  magenta: "#EB2F96",
+  pink: "#eb2f96",
+  red: "#F5222D",
+  orange: "#FA8C16",
+  yellow: "#FADB14",
+  volcano: "#FA541C",
+  geekblue: "#2F54EB",
+  gold: "#FAAD14",
+  lime: "#A0D911"
+}, Ke = M(M({}, Bt), {
+  // Color
+  colorPrimary: "#1677ff",
+  colorSuccess: "#52c41a",
+  colorWarning: "#faad14",
+  colorError: "#ff4d4f",
+  colorInfo: "#1677ff",
+  colorTextBase: "",
+  colorBgBase: "",
+  // Font
+  fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+'Noto Color Emoji'`,
+  fontSize: 14,
+  // Line
+  lineWidth: 1,
+  lineType: "solid",
+  // Motion
+  motionUnit: 0.1,
+  motionBase: 0,
+  motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
+  motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
+  motionEaseOut: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+  motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
+  motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
+  motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
+  motionEaseInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+  motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
+  // Radius
+  borderRadius: 6,
+  // Size
+  sizeUnit: 4,
+  sizeStep: 4,
+  sizePopupArrow: 16,
+  // Control Base
+  controlHeight: 32,
+  // zIndex
+  zIndexBase: 0,
+  zIndexPopupBase: 1e3,
+  // Image
+  opacityImage: 1,
+  // Wireframe
+  wireframe: !1
+});
+function Pn(e, {
+  generateColorPalettes: n,
+  generateNeutralColorPalettes: t
+}) {
+  const {
+    colorSuccess: o,
+    colorWarning: r,
+    colorError: a,
+    colorInfo: l,
+    colorPrimary: s,
+    colorBgBase: h,
+    colorTextBase: m
+  } = e, u = n(s), p = n(o), x = n(r), v = n(a), i = n(l), b = t(h, m);
+  return M(M({}, b), {
+    colorPrimaryBg: u[1],
+    colorPrimaryBgHover: u[2],
+    colorPrimaryBorder: u[3],
+    colorPrimaryBorderHover: u[4],
+    colorPrimaryHover: u[5],
+    colorPrimary: u[6],
+    colorPrimaryActive: u[7],
+    colorPrimaryTextHover: u[8],
+    colorPrimaryText: u[9],
+    colorPrimaryTextActive: u[10],
+    colorSuccessBg: p[1],
+    colorSuccessBgHover: p[2],
+    colorSuccessBorder: p[3],
+    colorSuccessBorderHover: p[4],
+    colorSuccessHover: p[4],
+    colorSuccess: p[6],
+    colorSuccessActive: p[7],
+    colorSuccessTextHover: p[8],
+    colorSuccessText: p[9],
+    colorSuccessTextActive: p[10],
+    colorErrorBg: v[1],
+    colorErrorBgHover: v[2],
+    colorErrorBorder: v[3],
+    colorErrorBorderHover: v[4],
+    colorErrorHover: v[5],
+    colorError: v[6],
+    colorErrorActive: v[7],
+    colorErrorTextHover: v[8],
+    colorErrorText: v[9],
+    colorErrorTextActive: v[10],
+    colorWarningBg: x[1],
+    colorWarningBgHover: x[2],
+    colorWarningBorder: x[3],
+    colorWarningBorderHover: x[4],
+    colorWarningHover: x[4],
+    colorWarning: x[6],
+    colorWarningActive: x[7],
+    colorWarningTextHover: x[8],
+    colorWarningText: x[9],
+    colorWarningTextActive: x[10],
+    colorInfoBg: i[1],
+    colorInfoBgHover: i[2],
+    colorInfoBorder: i[3],
+    colorInfoBorderHover: i[4],
+    colorInfoHover: i[4],
+    colorInfo: i[6],
+    colorInfoActive: i[7],
+    colorInfoTextHover: i[8],
+    colorInfoText: i[9],
+    colorInfoTextActive: i[10],
+    colorBgMask: new q("#000").setAlpha(0.45).toRgbString(),
+    colorWhite: "#fff"
+  });
+}
+const Nn = (e) => {
+  let n = e, t = e, o = e, r = e;
+  return e < 6 && e >= 5 ? n = e + 1 : e < 16 && e >= 6 ? n = e + 2 : e >= 16 && (n = 16), e < 7 && e >= 5 ? t = 4 : e < 8 && e >= 7 ? t = 5 : e < 14 && e >= 8 ? t = 6 : e < 16 && e >= 14 ? t = 7 : e >= 16 && (t = 8), e < 6 && e >= 2 ? o = 1 : e >= 6 && (o = 2), e > 4 && e < 8 ? r = 4 : e >= 8 && (r = 6), {
+    borderRadius: e > 16 ? 16 : e,
+    borderRadiusXS: o,
+    borderRadiusSM: t,
+    borderRadiusLG: n,
+    borderRadiusOuter: r
+  };
+};
+function jn(e) {
+  const {
+    motionUnit: n,
+    motionBase: t,
+    borderRadius: o,
+    lineWidth: r
+  } = e;
+  return M({
+    // motion
+    motionDurationFast: `${(t + n).toFixed(1)}s`,
+    motionDurationMid: `${(t + n * 2).toFixed(1)}s`,
+    motionDurationSlow: `${(t + n * 3).toFixed(1)}s`,
+    // line
+    lineWidthBold: r + 1
+  }, Nn(o));
+}
+const Q = (e, n) => new q(e).setAlpha(n).toRgbString(), ue = (e, n) => new q(e).darken(n).toHexString(), Un = (e) => {
+  const n = Ce(e);
+  return {
+    1: n[0],
+    2: n[1],
+    3: n[2],
+    4: n[3],
+    5: n[4],
+    6: n[5],
+    7: n[6],
+    8: n[4],
+    9: n[5],
+    10: n[6]
+    // 8: colors[7],
+    // 9: colors[8],
+    // 10: colors[9],
+  };
+}, Xn = (e, n) => {
+  const t = e || "#fff", o = n || "#000";
+  return {
+    colorBgBase: t,
+    colorTextBase: o,
+    colorText: Q(o, 0.88),
+    colorTextSecondary: Q(o, 0.65),
+    colorTextTertiary: Q(o, 0.45),
+    colorTextQuaternary: Q(o, 0.25),
+    colorFill: Q(o, 0.15),
+    colorFillSecondary: Q(o, 0.06),
+    colorFillTertiary: Q(o, 0.04),
+    colorFillQuaternary: Q(o, 0.02),
+    colorBgLayout: ue(t, 4),
+    colorBgContainer: ue(t, 0),
+    colorBgElevated: ue(t, 0),
+    colorBgSpotlight: Q(o, 0.85),
+    colorBorder: ue(t, 15),
+    colorBorderSecondary: ue(t, 6)
+  };
+};
+function Gn(e) {
+  const n = new Array(10).fill(null).map((t, o) => {
+    const r = o - 1, a = e * Math.pow(2.71828, r / 5), l = o > 1 ? Math.floor(a) : Math.ceil(a);
+    return Math.floor(l / 2) * 2;
+  });
+  return n[1] = e, n.map((t) => {
+    const o = t + 8;
+    return {
+      size: t,
+      lineHeight: o / t
+    };
+  });
+}
+const Wn = (e) => {
+  const n = Gn(e), t = n.map((r) => r.size), o = n.map((r) => r.lineHeight);
+  return {
+    fontSizeSM: t[0],
+    fontSize: t[1],
+    fontSizeLG: t[2],
+    fontSizeXL: t[3],
+    fontSizeHeading1: t[6],
+    fontSizeHeading2: t[5],
+    fontSizeHeading3: t[4],
+    fontSizeHeading4: t[3],
+    fontSizeHeading5: t[2],
+    lineHeight: o[1],
+    lineHeightLG: o[2],
+    lineHeightSM: o[0],
+    lineHeightHeading1: o[6],
+    lineHeightHeading2: o[5],
+    lineHeightHeading3: o[4],
+    lineHeightHeading4: o[3],
+    lineHeightHeading5: o[2]
+  };
+};
+function qn(e) {
+  const n = Object.keys(Bt).map((t) => {
+    const o = Ce(e[t]);
+    return new Array(10).fill(1).reduce((r, a, l) => (r[`${t}-${l + 1}`] = o[l], r), {});
+  }).reduce((t, o) => (t = M(M({}, t), o), t), {});
+  return M(M(M(M(M(M(M({}, e), n), Pn(e, {
+    generateColorPalettes: Un,
+    generateNeutralColorPalettes: Xn
+  })), Wn(e.fontSize)), zn(e)), On(e)), jn(e));
+}
+function Fe(e) {
+  return e >= 0 && e <= 255;
+}
+function xe(e, n) {
+  const {
+    r: t,
+    g: o,
+    b: r,
+    a
+  } = new q(e).toRgb();
+  if (a < 1)
+    return e;
+  const {
+    r: l,
+    g: s,
+    b: h
+  } = new q(n).toRgb();
+  for (let m = 0.01; m <= 1; m += 0.01) {
+    const u = Math.round((t - l * (1 - m)) / m), p = Math.round((o - s * (1 - m)) / m), x = Math.round((r - h * (1 - m)) / m);
+    if (Fe(u) && Fe(p) && Fe(x))
+      return new q({
+        r: u,
+        g: p,
+        b: x,
+        a: Math.round(m * 100) / 100
+      }).toRgbString();
+  }
+  return new q({
+    r: t,
+    g: o,
+    b: r,
+    a: 1
+  }).toRgbString();
+}
+var Kn = function(e, n) {
+  var t = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
+    n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
+  return t;
+};
+function Zn(e) {
+  const {
+    override: n
+  } = e, t = Kn(e, ["override"]), o = M({}, n);
+  Object.keys(Ke).forEach((v) => {
+    delete o[v];
+  });
+  const r = M(M({}, t), o), a = 480, l = 576, s = 768, h = 992, m = 1200, u = 1600, p = 2e3;
+  return M(M(M({}, r), {
+    colorLink: r.colorInfoText,
+    colorLinkHover: r.colorInfoHover,
+    colorLinkActive: r.colorInfoActive,
+    // ============== Background ============== //
+    colorFillContent: r.colorFillSecondary,
+    colorFillContentHover: r.colorFill,
+    colorFillAlter: r.colorFillQuaternary,
+    colorBgContainerDisabled: r.colorFillTertiary,
+    // ============== Split ============== //
+    colorBorderBg: r.colorBgContainer,
+    colorSplit: xe(r.colorBorderSecondary, r.colorBgContainer),
+    // ============== Text ============== //
+    colorTextPlaceholder: r.colorTextQuaternary,
+    colorTextDisabled: r.colorTextQuaternary,
+    colorTextHeading: r.colorText,
+    colorTextLabel: r.colorTextSecondary,
+    colorTextDescription: r.colorTextTertiary,
+    colorTextLightSolid: r.colorWhite,
+    colorHighlight: r.colorError,
+    colorBgTextHover: r.colorFillSecondary,
+    colorBgTextActive: r.colorFill,
+    colorIcon: r.colorTextTertiary,
+    colorIconHover: r.colorText,
+    colorErrorOutline: xe(r.colorErrorBg, r.colorBgContainer),
+    colorWarningOutline: xe(r.colorWarningBg, r.colorBgContainer),
+    /** Custom colors (efko) */
+    colorLogo: r.colorLogo,
+    colorSelectedMenu: r.colorSelectedMenu,
+    mainBgColor: r.mainBgColor,
+    // Font
+    fontSizeIcon: r.fontSizeSM,
+    // Control
+    lineWidth: r.lineWidth,
+    controlOutlineWidth: r.lineWidth * 2,
+    // Checkbox size and expand icon size
+    controlInteractiveSize: r.controlHeight / 2,
+    controlItemBgHover: r.colorFillTertiary,
+    controlItemBgActive: r.colorPrimaryBg,
+    controlItemBgActiveHover: r.colorPrimaryBgHover,
+    controlItemBgActiveDisabled: r.colorFill,
+    controlTmpOutline: r.colorFillQuaternary,
+    controlOutline: xe(r.colorPrimaryBg, r.colorBgContainer),
+    lineType: r.lineType,
+    borderRadius: r.borderRadius,
+    borderRadiusXS: r.borderRadiusXS,
+    borderRadiusSM: r.borderRadiusSM,
+    borderRadiusLG: r.borderRadiusLG,
+    fontWeightStrong: 600,
+    opacityLoading: 0.65,
+    linkDecoration: "none",
+    linkHoverDecoration: "none",
+    linkFocusDecoration: "none",
+    controlPaddingHorizontal: 12,
+    controlPaddingHorizontalSM: 8,
+    paddingXXS: r.sizeXXS,
+    paddingXS: r.sizeXS,
+    paddingSM: r.sizeSM,
+    padding: r.size,
+    paddingMD: r.sizeMD,
+    paddingLG: r.sizeLG,
+    paddingXL: r.sizeXL,
+    paddingContentHorizontalLG: r.sizeLG,
+    paddingContentVerticalLG: r.sizeMS,
+    paddingContentHorizontal: r.sizeMS,
+    paddingContentVertical: r.sizeSM,
+    paddingContentHorizontalSM: r.size,
+    paddingContentVerticalSM: r.sizeXS,
+    marginXXS: r.sizeXXS,
+    marginXS: r.sizeXS,
+    marginSM: r.sizeSM,
+    margin: r.size,
+    marginMD: r.sizeMD,
+    marginLG: r.sizeLG,
+    marginXL: r.sizeXL,
+    marginXXL: r.sizeXXL,
+    boxShadow: `
+      0 1px 2px 0 rgba(0, 0, 0, 0.03),
+      0 1px 6px -1px rgba(0, 0, 0, 0.02),
+      0 2px 4px 0 rgba(0, 0, 0, 0.02)
+    `,
+    boxShadowSecondary: `
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,
+    boxShadowTertiary: `
+      0 1px 2px 0 rgba(0, 0, 0, 0.03),
+      0 1px 6px -1px rgba(0, 0, 0, 0.02),
+      0 2px 4px 0 rgba(0, 0, 0, 0.02)
+    `,
+    screenXS: a,
+    screenXSMin: a,
+    screenXSMax: l - 1,
+    screenSM: l,
+    screenSMMin: l,
+    screenSMMax: s - 1,
+    screenMD: s,
+    screenMDMin: s,
+    screenMDMax: h - 1,
+    screenLG: h,
+    screenLGMin: h,
+    screenLGMax: m - 1,
+    screenXL: m,
+    screenXLMin: m,
+    screenXLMax: u - 1,
+    screenXXL: u,
+    screenXXLMin: u,
+    screenXXLMax: p - 1,
+    screenXXXL: p,
+    screenXXXLMin: p,
+    // FIXME: component box-shadow, should be removed
+    boxShadowPopoverArrow: "3px 3px 7px rgba(0, 0, 0, 0.1)",
+    boxShadowCard: `
+      0 1px 2px -2px ${new q("rgba(0, 0, 0, 0.16)").toRgbString()},
+      0 3px 6px 0 ${new q("rgba(0, 0, 0, 0.12)").toRgbString()},
+      0 5px 12px 4px ${new q("rgba(0, 0, 0, 0.09)").toRgbString()}
+    `,
+    boxShadowDrawerRight: `
+      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    `,
+    boxShadowDrawerLeft: `
+      6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    `,
+    boxShadowDrawerUp: `
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,
+    boxShadowDrawerDown: `
+      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,
+    boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",
+    boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",
+    boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",
+    boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)"
+  }), o);
+}
+const Qn = dn(qn), Jn = {
+  token: Ke,
+  hashed: !0
+}, Dt = Symbol("DesignTokenContext"), Pe = fe(), Yn = (e) => {
+  vt(Dt, e), B(e, () => {
+    Pe.value = $(e), zt(Pe);
+  }, {
+    immediate: !0,
+    deep: !0
+  });
+};
+z({
+  props: {
+    value: At()
+  },
+  setup(e, {
+    slots: n
+  }) {
+    return Yn(E(() => e.value)), () => {
+      var t;
+      return (t = n.default) === null || t === void 0 ? void 0 : t.call(n);
+    };
+  }
+});
+function $t() {
+  const e = ht(Dt, E(() => Pe.value || Jn)), n = E(() => `${Cn}-${e.value.hashed || ""}`), t = E(() => e.value.theme || Qn), o = Sn(t, E(() => [Ke, e.value.token]), E(() => ({
+    salt: n.value,
+    override: M({
+      override: e.value.token
+    }, e.value.components),
+    formatToken: Zn
+  })));
+  return [t, E(() => o.value[0]), E(() => e.value.hashed ? o.value[1] : "")];
+}
+const eo = { class: "d-flex flex-wrap tag-cloud" }, to = { class: "d-flex flex-wrap" }, no = /* @__PURE__ */ z({
+  __name: "FilterTagCloud",
+  props: {
+    filters: {}
+  },
+  emits: ["update:filters", "remove", "clear"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, [, r] = $t(), a = E(() => ({
+      color: r.value.colorSelectedMenu,
+      borderColor: r.value.colorBorderSecondary,
+      backgroundColor: r.value.mainBgColor || r.value.colorPrimaryBg
+    })), l = (i) => i == null ? !1 : Array.isArray(i) ? i.length > 0 : !!i, s = E(() => Object.values(t.filters).some(l));
+    function h(i) {
+      return typeof i == "object" && i !== null && "name" in i && typeof i.name == "string";
+    }
+    const m = (i) => {
+      if (typeof i == "string")
+        return {
+          key: i,
+          label: i,
+          original: i
+        };
+      if (Array.isArray(i)) {
+        if (i.length === 2 && typeof i[0] == "string" && typeof i[1] == "string") {
+          const c = `${i[0]} - ${i[1]}`;
+          return {
+            key: c,
+            label: c,
+            original: i
+          };
+        }
+        const k = i.join(", ");
+        return {
+          key: k,
+          label: k,
+          original: i
+        };
+      }
+      if (h(i)) {
+        const k = i.name;
+        return {
+          key: k,
+          label: k,
+          original: i
+        };
+      }
+      const b = JSON.stringify(i);
+      return {
+        key: b,
+        label: b,
+        original: i
+      };
+    }, u = (i) => i == null ? [] : Array.isArray(i) ? i.map((b) => m(b)) : [
+      m(i)
+    ], p = (i, b) => typeof i == "string" || typeof b == "string" ? i === b : JSON.stringify(i) === JSON.stringify(b), x = (i, b, k) => {
+      if (Array.isArray(b)) {
+        const c = b.filter(
+          (f) => !p(f, k)
+        );
+        o("update:filters", {
+          ...t.filters,
+          [i]: c
+        });
+      } else
+        o("update:filters", {
+          ...t.filters,
+          [i]: null
+        });
+      o("remove", i, b, k);
+    }, v = () => {
+      o("update:filters", {}), o("clear");
+    };
+    return (i, b) => {
+      const k = T("a-tag"), c = T("a-button");
+      return g(), S("div", eo, [
+        L("div", to, [
+          (g(!0), S(D, null, G(Object.entries(e.filters), ([f, d]) => (g(), S(D, { key: f }, [
+            (g(!0), S(D, null, G(u(d), (H) => (g(), I(k, {
+              key: H.key,
+              class: "filter-tag",
+              closable: !0,
+              style: Ve(a.value),
+              onClose: () => x(f, d, H.original)
+            }, {
+              default: C(() => [
+                _(P(H.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["style", "onClose"]))), 128))
+          ], 64))), 128))
+        ]),
+        s.value ? (g(), I(c, {
+          key: 0,
+          type: "link",
+          onClick: v
+        }, {
+          default: C(() => [...b[0] || (b[0] = [
+            _(" Очистить все ", -1)
+          ])]),
+          _: 1
+        })) : j("", !0)
+      ]);
+    };
+  }
+}), ie = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [o, r] of n)
+    t[o] = r;
+  return t;
+}, oo = /* @__PURE__ */ ie(no, [["__scopeId", "data-v-0e8e5dd7"]]), ro = { class: "d-flex align-items-center justify-content-center fs-5" }, Ae = /* @__PURE__ */ z({
+  __name: "TableCellStatus",
+  props: {
+    value: {}
+  },
+  setup(e) {
+    return (n, t) => (g(), S("div", ro, [
+      e.value ? (g(), I($(tt), {
+        key: 1,
+        "two-tone-color": "#bfbfbf"
+      })) : (g(), I($(tt), {
+        key: 0,
+        "two-tone-color": "#4ade80"
+      }))
+    ]));
+  }
+}), ao = { class: "flex items-center justify-center gap-2" }, io = /* @__PURE__ */ z({
+  __name: "CardCellActions",
+  props: {
+    record: {},
+    canEdit: { type: Boolean },
+    editAction: { type: Boolean }
+  },
+  emits: ["edit", "delete", "restore"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, r = t.canEdit ?? !0, a = t.editAction ?? !0, l = (m) => o("delete", m), s = (m) => o("restore", m), h = (m) => o("edit", m);
+    return (m, u) => {
+      const p = T("a-button"), x = T("a-tooltip");
+      return g(), S("div", ao, [
+        $(r) === !1 ? (g(), I(x, {
+          key: 0,
+          title: "Смотреть"
+        }, {
+          default: C(() => [
+            A(p, {
+              icon: oe($(bt)),
+              onClick: u[0] || (u[0] = (v) => h(e.record))
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+        })) : j("", !0),
+        $(r) !== !1 ? (g(), S(D, { key: 1 }, [
+          $(a) !== !1 ? (g(), I(x, {
+            key: 0,
+            title: "Редактировать"
+          }, {
+            default: C(() => [
+              A(p, {
+                icon: oe($(yt)),
+                onClick: u[1] || (u[1] = (v) => h(e.record))
+              }, null, 8, ["icon"])
+            ]),
+            _: 1
+          })) : j("", !0),
+          A(x, {
+            title: e.record.deletedAt ? "Восстановить" : "Удалить"
+          }, {
+            default: C(() => [
+              A(p, {
+                icon: oe(e.record.deletedAt ? $(xt) : $(St)),
+                onClick: u[2] || (u[2] = (v) => e.record.deletedAt ? s(e.record) : l(e.record))
+              }, null, 8, ["icon"])
+            ]),
+            _: 1
+          }, 8, ["title"])
+        ], 64)) : j("", !0)
+      ]);
+    };
+  }
+}), lo = { class: "data-card__header" }, so = { class: "data-card__body" }, co = { class: "data-card__label" }, uo = { class: "data-card__value" }, fo = { key: 0 }, po = { key: 2 }, go = { key: 3 }, ho = { key: 4 }, vo = { key: 5 }, mo = {
+  key: 0,
+  class: "data-card__footer"
+}, bo = /* @__PURE__ */ z({
+  __name: "TheCard",
+  props: {
+    loading: { type: Boolean },
+    record: {},
+    columns: {},
+    canEdit: { type: Boolean },
+    editAction: { type: Boolean },
+    showActionsColumn: { type: Boolean }
+  },
+  emits: ["delete", "restore", "edit"],
+  setup(e, { emit: n }) {
+    const t = e, o = (v) => t.record[String(v.dataIndex)], r = (v) => {
+      const i = o(v);
+      return Array.isArray(i) ? i : [];
+    }, a = (v) => {
+      if (v === null || typeof v != "object")
+        return "";
+      if ("name" in v) {
+        const i = v.name;
+        return typeof i == "string" ? i : "";
+      }
+      return "";
+    }, l = n, s = t.canEdit ?? !0, h = t.editAction ?? !0, m = t.showActionsColumn ?? !0, u = (v) => l("delete", v), p = (v) => l("restore", v), x = (v) => l("edit", v);
+    return (v, i) => {
+      const b = T("a-tag"), k = T("a-card");
+      return g(), I(k, {
+        loading: e.loading,
+        bordered: !1,
+        class: "data-card bg-white rounded-3 shadow-sm"
+      }, we({
+        title: C(() => [
+          L("div", lo, [
+            R(v.$slots, "title", {}, void 0, !0)
+          ])
+        ]),
+        default: C(() => [
+          L("div", so, [
+            R(v.$slots, "body", {
+              record: e.record,
+              columns: e.columns
+            }, () => [
+              (g(!0), S(D, null, G(e.columns, (c) => (g(), S("div", {
+                key: c.dataIndex,
+                class: "data-card__row"
+              }, [
+                L("span", co, P(c.title) + ": ", 1),
+                L("span", uo, [
+                  c.dataIndex === "deletedAt" ? (g(), S("span", fo, [
+                    A(Ae, {
+                      value: e.record.deletedAt
+                    }, null, 8, ["value"])
+                  ])) : Array.isArray(o(c)) ? (g(), S(D, { key: 1 }, [
+                    c.tag === !0 ? (g(!0), S(D, { key: 0 }, G(r(c), (f, d) => (g(), I(b, {
+                      key: d,
+                      class: "me-1 mb-1"
+                    }, {
+                      default: C(() => [
+                        _(P(typeof f == "object" ? a(f) : f), 1)
+                      ]),
+                      _: 2
+                    }, 1024))), 128)) : (g(!0), S(D, { key: 1 }, G(r(c), (f, d) => (g(), S("span", { key: d }, [
+                      typeof f == "object" ? (g(), S(D, { key: 0 }, [
+                        _(P(a(f)), 1)
+                      ], 64)) : (g(), S(D, { key: 1 }, [
+                        _(P(f), 1)
+                      ], 64)),
+                      d < r(c).length - 1 ? (g(), S(D, { key: 2 }, [
+                        _(" , ")
+                      ], 64)) : j("", !0)
+                    ]))), 128))
+                  ], 64)) : typeof o(c) == "boolean" ? (g(), S("span", po, [
+                    A(Ae, {
+                      value: !o(c)
+                    }, null, 8, ["value"])
+                  ])) : o(c) !== null && typeof o(c) == "object" ? (g(), S("span", go, P(a(o(c))), 1)) : c.tag === !0 ? (g(), S("span", ho, [
+                    A(b, null, {
+                      default: C(() => [
+                        _(P(o(c)), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ])) : (g(), S("span", vo, P(o(c)), 1))
+                ])
+              ]))), 128))
+            ], !0)
+          ]),
+          v.$slots.footer ? (g(), S("div", mo, [
+            R(v.$slots, "footer", {
+              record: e.record,
+              columns: e.columns
+            }, void 0, !0)
+          ])) : j("", !0)
+        ]),
+        _: 2
+      }, [
+        $(m) ? {
+          name: "actions",
+          fn: C(() => [
+            A(io, {
+              record: e.record,
+              "can-edit": $(s),
+              "edit-action": $(h),
+              onEdit: x,
+              onDelete: u,
+              onRestore: p
+            }, null, 8, ["record", "can-edit", "edit-action"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["loading"]);
+    };
+  }
+}), yo = /* @__PURE__ */ ie(bo, [["__scopeId", "data-v-65504714"]]), xo = /* @__PURE__ */ z({
+  __name: "LazyLoadTrigger",
+  props: {
+    onIntersect: {},
+    threshold: { default: 0.1 },
+    once: { type: Boolean, default: !1 },
+    loading: { type: Boolean }
+  },
+  setup(e) {
+    const n = e, t = V(null);
+    let o = null;
+    const r = (a) => {
+      var s;
+      a[0].isIntersecting && ((s = n.onIntersect) == null || s.call(n), n.once && o && o.disconnect());
+    };
+    return re(() => {
+      o = new IntersectionObserver(r, {
+        threshold: n.threshold
+      }), t.value && o.observe(t.value);
+    }), Ue(() => {
+      o && o.disconnect();
+    }), (a, l) => {
+      const s = T("a-spin");
+      return g(), S("div", {
+        ref_key: "container",
+        ref: t,
+        style: { height: "1px" },
+        class: "d-flex align-items-center justify-content-center pb-5 pt-5"
+      }, [
+        A(s, { spinning: e.loading }, null, 8, ["spinning"])
+      ], 512);
+    };
+  }
+}), So = { class: "d-flex flex-column gap-4" }, Co = /* @__PURE__ */ z({
+  __name: "CardGrid",
+  props: {
+    loading: { type: Boolean },
+    columns: {},
+    dataSource: {},
+    cardLayout: {},
+    canEdit: { type: Boolean },
+    editAction: { type: Boolean },
+    showActionsColumn: { type: Boolean },
+    pagination: { type: Boolean },
+    meta: {}
+  },
+  emits: ["delete", "restore", "edit", "pageChange", "sizeChange"],
+  setup(e, { emit: n }) {
+    const t = e, o = n;
+    re(() => {
+      const u = document.querySelector(".card-grid");
+      u !== null && We(u);
+    });
+    const r = E(
+      () => t.cardLayout === "row" ? "card-grid card-grid--row" : "card-grid card-grid--grid"
+    ), a = E(() => t.columns), l = V([]), s = () => {
+      var x;
+      if (((x = t.meta) == null ? void 0 : x.currentPage) === 1) {
+        l.value = [
+          ...t.dataSource
+        ];
+        return;
+      }
+      const u = new Set(l.value.map((v) => v.id)), p = t.dataSource.filter((v) => !u.has(v.id));
+      l.value.push(...p);
+    };
+    s(), B(() => {
+      var u;
+      return [
+        t.dataSource,
+        (u = t.meta) == null ? void 0 : u.currentPage
+      ];
+    }, s, {
+      deep: !0
+    });
+    const h = E(() => t.meta === void 0 ? !0 : t.meta.currentPage * t.meta.pageSize >= t.meta.total), m = () => {
+      t.loading || h.value || !t.meta || o("pageChange", t.meta.currentPage + 1);
+    };
+    return (u, p) => (g(), S("div", So, [
+      L("div", {
+        class: Pt(r.value)
+      }, [
+        (g(!0), S(D, null, G(l.value, (x, v) => (g(), I(yo, {
+          key: String(x.id ?? `card-${v}`),
+          loading: e.loading,
+          record: x,
+          columns: a.value,
+          "can-edit": e.canEdit,
+          "edit-action": e.editAction,
+          "show-actions-column": e.showActionsColumn,
+          onEdit: p[0] || (p[0] = (i) => o("edit", i)),
+          onDelete: p[1] || (p[1] = (i) => o("delete", i)),
+          onRestore: p[2] || (p[2] = (i) => o("restore", i))
+        }, we({ _: 2 }, [
+          u.$slots.titleCard ? {
+            name: "title",
+            fn: C(() => [
+              R(u.$slots, "titleCard", {
+                record: x,
+                columns: a.value
+              }, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          u.$slots.bodyCard ? {
+            name: "body",
+            fn: C(({ record: i, columns: b }) => [
+              R(u.$slots, "bodyCard", {
+                record: i,
+                columns: b
+              }, void 0, !0)
+            ]),
+            key: "1"
+          } : void 0,
+          u.$slots.footerCard ? {
+            name: "footer",
+            fn: C(({ record: i, columns: b }) => [
+              R(u.$slots, "footerCard", {
+                record: i,
+                columns: b
+              }, void 0, !0)
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["loading", "record", "columns", "can-edit", "edit-action", "show-actions-column"]))), 128))
+      ], 2),
+      e.pagination && !h.value ? (g(), I(xo, {
+        key: 0,
+        loading: e.loading,
+        once: !1,
+        "on-intersect": m
+      }, null, 8, ["loading"])) : j("", !0)
+    ]));
+  }
+}), Ao = /* @__PURE__ */ ie(Co, [["__scopeId", "data-v-07cfb68f"]]), wo = "10", sr = "20", cr = "50", ur = "100", dr = "1000", fr = 1, pr = wo;
+var te = /* @__PURE__ */ ((e) => (e.SEARCH = "search", e.SELECT = "select", e.DATE = "date", e))(te || {}), ko = /* @__PURE__ */ ((e) => (e.SMALL = "10", e.MEDIUM = "20", e.LARGE = "50", e.EXTRA_LARGE = "100", e.ULTRA = "1000", e))(ko || {});
+const gr = [
+  "10",
+  "20",
+  "50",
+  "100"
+  /* EXTRA_LARGE */
+];
+var Mo = /* @__PURE__ */ ((e) => (e[e.NONE = 0] = "NONE", e[e.SMALL = 10] = "SMALL", e[e.MEDIUM = 20] = "MEDIUM", e[e.LARGE = 50] = "LARGE", e))(Mo || {}), Eo = /* @__PURE__ */ ((e) => (e[e.DEFAULT_CURRENT_PAGE = 1] = "DEFAULT_CURRENT_PAGE", e))(Eo || {}), Ne = /* @__PURE__ */ ((e) => (e.ASCEND = "ascend", e.DESCEND = "descend", e))(Ne || {}), To = /* @__PURE__ */ ((e) => (e.ASC = "asc", e.DESC = "desc", e))(To || {});
+const Io = z({
+  name: "MultiselectWrapper",
+  components: { VueMultiselect: Ut },
+  props: {
+    modelValue: {
+      type: [Array, String, Number, Object, Boolean, null],
+      default: null
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return { simpleImage: Xt.PRESENTED_IMAGE_SIMPLE };
+  }
+});
+function Ho(e, n, t, o, r, a) {
+  const l = T("a-empty"), s = T("VueMultiselect");
+  return g(), I(s, Xe(e.$attrs, {
+    class: "filter-select",
+    modelValue: e.modelValue,
+    "onUpdate:modelValue": n[0] || (n[0] = (h) => e.$emit("update:modelValue", h)),
+    label: "name",
+    "value-prop": "id"
+  }), {
+    nooptions: C(() => [
+      A(l, { image: e.simpleImage }, null, 8, ["image"])
+    ]),
+    _: 1
+  }, 16, ["modelValue"]);
+}
+const Ft = /* @__PURE__ */ ie(Io, [["render", Ho], ["__scopeId", "data-v-cfb3f123"]]), Bo = { class: "d-flex align-items-center gap-2 p-2" }, Do = /* @__PURE__ */ z({
+  __name: "FilterDropdown",
+  props: {
+    placeholder: {},
+    filterMode: {},
+    componentProps: {}
+  },
+  emits: ["update:modelValue", "apply"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, r = E(() => t.filterMode === te.SEARCH ? "a-input" : t.filterMode === te.SELECT ? Ft : t.filterMode === te.DATE ? "a-range-picker" : null), a = V(null), l = () => {
+      o("update:modelValue", a.value), o("apply");
+    };
+    return (s, h) => {
+      const m = T("a-button");
+      return g(), S("div", Bo, [
+        (g(), I(mt(r.value), Xe(e.componentProps, {
+          value: a.value,
+          "onUpdate:value": h[0] || (h[0] = (u) => a.value = u),
+          modelValue: a.value,
+          "onUpdate:modelValue": h[1] || (h[1] = (u) => a.value = u),
+          placeholder: e.placeholder,
+          style: { "min-width": "240px", "max-width": "300px", "font-size": "14px" },
+          object: ""
+        }), null, 16, ["value", "modelValue", "placeholder"])),
+        A(m, {
+          type: "primary",
+          size: "small",
+          onClick: l
+        }, {
+          default: C(() => [...h[2] || (h[2] = [
+            _(" Добавить ", -1)
+          ])]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), $o = { class: "d-flex align-items-center justify-content-center gap-2" }, Fo = /* @__PURE__ */ z({
+  __name: "TableCellActions",
+  props: {
+    record: {},
+    canEdit: { type: Boolean },
+    editAction: { type: Boolean },
+    deleteAction: { type: Boolean }
+  },
+  emits: ["edit", "delete", "restore"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, r = (s) => {
+      o("delete", s);
+    }, a = (s) => {
+      o("restore", s);
+    }, l = (s) => {
+      o("edit", s);
+    };
+    return (s, h) => {
+      const m = T("a-button"), u = T("a-tooltip");
+      return g(), S("div", $o, [
+        t.canEdit === !1 ? (g(), I(u, {
+          key: 0,
+          title: "Смотреть"
+        }, {
+          default: C(() => [
+            A(m, {
+              icon: oe($(bt)),
+              onClick: h[0] || (h[0] = (p) => l(e.record))
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+        })) : j("", !0),
+        e.canEdit !== !1 ? (g(), S(D, { key: 1 }, [
+          t.editAction !== !1 ? (g(), I(u, {
+            key: 0,
+            title: "Редактировать"
+          }, {
+            default: C(() => [
+              A(m, {
+                icon: oe($(yt)),
+                onClick: h[1] || (h[1] = (p) => l(e.record))
+              }, null, 8, ["icon"])
+            ]),
+            _: 1
+          })) : j("", !0),
+          e.deleteAction !== !1 ? (g(), I(u, {
+            key: 1,
+            title: e.record.isDeleted ? "Восстановить" : "Удалить"
+          }, {
+            default: C(() => [
+              A(m, {
+                icon: oe(e.record.isDeleted ? $(xt) : $(St)),
+                onClick: h[2] || (h[2] = (p) => e.record.isDeleted ? a(e.record) : r(e.record))
+              }, null, 8, ["icon"])
+            ]),
+            _: 1
+          }, 8, ["title"])) : j("", !0)
+        ], 64)) : j("", !0)
+      ]);
+    };
+  }
+}), Vo = { class: "d-flex align-items-center justify-content-between" }, _o = { class: "d-flex align-items-center gap-2" }, Ro = { key: 0 }, Lo = { key: 1 }, Oo = { key: 2 }, zo = { key: 3 }, Po = { key: 4 }, No = { key: 5 }, jo = /* @__PURE__ */ z({
+  __name: "TheTable",
+  props: {
+    loading: { type: Boolean },
+    pagination: { type: Boolean },
+    columns: {},
+    dataSource: {},
+    filterValues: {},
+    meta: {},
+    canEdit: { type: Boolean },
+    editAction: { type: Boolean },
+    deleteAction: { type: Boolean },
+    showActionsColumn: { type: Boolean },
+    columnsVisibility: {},
+    disableColumnFilterDropdowns: { type: Boolean },
+    showFilterButton: { type: Boolean }
+  },
+  emits: ["update:filterValues", "filterApply", "restore", "edit", "delete", "sortChange", "pageChange", "sizeChange", "openColumnDrawer", "openFilterDrawer"],
+  setup(e, { emit: n }) {
+    const [, t] = $t(), o = e, r = n, a = E(() => o.showFilterButton === !0), l = V(
+      o.filterValues || {}
+    ), s = V([
+      ...o.columns
+    ]), h = V({}), m = E(() => o.disableColumnFilterDropdowns === !0 ? [] : s.value.filter(
+      (c) => c.filterable
+    )), u = E(() => {
+      const f = s.value.filter((d) => {
+        if (d.filterOnly)
+          return !1;
+        const H = d.key || String(d.dataIndex);
+        return o.columnsVisibility[H] !== !1;
+      }).map((d) => {
+        const { headerAlign: H, cellAlign: F, ...X } = d;
+        return {
+          ...X,
+          sorter: !!X.sortable,
+          sortDirections: X.sortable ? [
+            Ne.ASCEND,
+            Ne.DESCEND
+          ] : void 0,
+          customHeaderCell: () => H ? {
+            style: {
+              textAlign: H
+            }
+          } : void 0,
+          customCell: () => F ? {
+            style: {
+              textAlign: F
+            }
+          } : void 0,
+          customFilterDropdown: !!X.filterable,
+          slots: X.filterable ? {
+            filterDropdown: `filter${String(X.dataIndex)}Dropdown`
+          } : void 0
+        };
+      });
+      return o.showActionsColumn !== !1 && o.columnsVisibility.actions !== !1 && f.push({
+        title: "Действия",
+        key: "actions",
+        dataIndex: "actions",
+        width: 100,
+        slots: {
+          customRender: "actionColumn"
+        }
+      }), f;
+    }), p = E(
+      () => Object.keys(o.columnsVisibility).filter(
+        (c) => o.columnsVisibility[c] === !1
+      ).length
+    ), x = E(() => ({
+      color: t.value.colorSelectedMenu,
+      borderColor: t.value.colorBorderSecondary,
+      backgroundColor: t.value.mainBgColor || t.value.colorPrimaryBg
+    })), v = (c, f) => {
+      const d = l.value[c];
+      if (f === null) {
+        const F = { ...l.value, [c]: null };
+        h.value[c] = null, r("filterApply", { key: c, value: [] }), r("update:filterValues", F), l.value = F;
+        return;
+      }
+      if (pe(d, f)) {
+        h.value[c] = null;
+        return;
+      }
+      const H = { ...l.value, [c]: f };
+      r("filterApply", { key: c, value: [f] }), r("update:filterValues", H), l.value = H, h.value[c] = null;
+    }, i = (c) => c.isGroup ? "parent-row" : "", b = (c, f, d) => {
+      r("sortChange", {
+        columnKey: d.columnKey || "",
+        order: d.order || null
+      });
+    }, k = (c, f) => {
+      const d = f.key || String(f.dataIndex), H = s.value.findIndex(
+        (F) => (F.key || String(F.dataIndex)) === d
+      );
+      H !== -1 && s.value.splice(H, 1, {
+        ...f,
+        width: c
+      });
+    };
+    return B(
+      () => o.filterValues,
+      (c) => {
+        l.value = c || {};
+      }
+    ), B(
+      () => o.columns,
+      (c) => {
+        s.value = [
+          ...c
+        ];
+      },
+      {
+        immediate: !0
+      }
+    ), re(() => {
+      const c = document.querySelector(".the-table tbody");
+      c !== null && We(c);
+    }), (c, f) => {
+      var Ze, Qe, Je, Ye;
+      const d = T("Icon"), H = T("a-button"), F = T("a-badge"), X = T("a-skeleton"), y = T("a-tag"), le = T("a-table"), Rt = T("a-pagination");
+      return g(), S("div", null, [
+        A(le, {
+          bordered: "",
+          "table-layout": "fixed",
+          class: "the-table",
+          loading: e.loading,
+          columns: u.value,
+          "data-source": e.dataSource,
+          "row-key": (w) => w.id,
+          pagination: !1,
+          scroll: { x: "max-content" },
+          "row-class-name": i,
+          onChange: b,
+          onResizeColumn: k
+        }, we({
+          title: C(() => [
+            L("div", Vo, [
+              L("div", _o, [
+                A(F, {
+                  dot: "",
+                  count: p.value
+                }, {
+                  default: C(() => [
+                    A(H, {
+                      class: "d-flex align-items-center justify-content-center p-2",
+                      onClick: f[0] || (f[0] = (w) => c.$emit("openColumnDrawer"))
+                    }, {
+                      default: C(() => [
+                        A(d, {
+                          name: "solar:settings-outline",
+                          class: "fs-5"
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["count"]),
+                a.value ? (g(), I(H, {
+                  key: 0,
+                  class: "d-flex align-items-center justify-content-center p-2",
+                  onClick: f[1] || (f[1] = (w) => c.$emit("openFilterDrawer"))
+                }, {
+                  default: C(() => [
+                    A(d, {
+                      name: "ant-design:filter-outlined",
+                      class: "fs-5"
+                    })
+                  ]),
+                  _: 1
+                })) : j("", !0)
+              ]),
+              R(c.$slots, "title")
+            ])
+          ]),
+          bodyCell: C(({ column: w, record: O }) => [
+            R(c.$slots, "bodyCell", {
+              column: w,
+              record: O
+            }, () => {
+              var et;
+              return [
+                e.loading ? (g(), I(X, {
+                  key: 0,
+                  active: !0,
+                  loading: !0,
+                  title: !1,
+                  paragraph: { rows: 1 }
+                })) : (g(), S(D, { key: 1 }, [
+                  w.dataIndex === "isDeleted" ? (g(), S("span", Ro, [
+                    A(Ae, {
+                      value: O.isDeleted
+                    }, null, 8, ["value"])
+                  ])) : Array.isArray(O[w.dataIndex]) ? (g(), S("span", Lo, [
+                    w.tag === !0 ? (g(!0), S(D, { key: 0 }, G(O[w.dataIndex], (K, he) => (g(), I(y, {
+                      key: he,
+                      style: Ve(x.value),
+                      class: "me-1 mb-1"
+                    }, {
+                      default: C(() => [
+                        _(P(typeof K == "object" ? (K == null ? void 0 : K.name) || "" : K), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["style"]))), 128)) : (g(!0), S(D, { key: 1 }, G(O[w.dataIndex], (K, he) => (g(), S("span", { key: he }, [
+                      typeof K == "object" ? (g(), S(D, { key: 0 }, [
+                        _(P(K.name), 1)
+                      ], 64)) : (g(), S(D, { key: 1 }, [
+                        _(P(K), 1)
+                      ], 64)),
+                      he < O[w.dataIndex].length - 1 ? (g(), S(D, { key: 2 }, [
+                        _(" , ")
+                      ], 64)) : j("", !0)
+                    ]))), 128))
+                  ])) : typeof O[w.dataIndex] == "boolean" ? (g(), S("span", Oo, [
+                    A(Ae, {
+                      value: !O[w.dataIndex]
+                    }, null, 8, ["value"])
+                  ])) : typeof O[w.dataIndex] == "object" ? (g(), S("span", zo, P(((et = O[w.dataIndex]) == null ? void 0 : et.name) || ""), 1)) : w.tag === !0 ? (g(), S("span", Po, [
+                    A(y, {
+                      style: Ve(x.value)
+                    }, {
+                      default: C(() => [
+                        _(P(O[w.dataIndex]), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["style"])
+                  ])) : (g(), S("span", No, P(O[w.dataIndex]), 1))
+                ], 64))
+              ];
+            })
+          ]),
+          actionColumn: C(({ record: w }) => [
+            R(c.$slots, "actionColumn", { record: w }, () => [
+              A(Fo, {
+                "edit-action": e.editAction,
+                "delete-action": e.deleteAction,
+                "can-edit": e.canEdit,
+                record: w,
+                onEdit: () => c.$emit("edit", w),
+                onDelete: () => c.$emit("delete", w),
+                onRestore: () => c.$emit("restore", w)
+              }, null, 8, ["edit-action", "delete-action", "can-edit", "record", "onEdit", "onDelete", "onRestore"])
+            ])
+          ]),
+          _: 2
+        }, [
+          G(m.value, (w) => ({
+            name: `filter${String(w.dataIndex)}Dropdown`,
+            fn: C(() => [
+              A(Do, {
+                modelValue: h.value[w.dataIndex],
+                "onUpdate:modelValue": [(O) => h.value[w.dataIndex] = O, (O) => v(w.dataIndex, O)],
+                "filter-mode": w.filterMode,
+                "component-props": w.componentProps,
+                placeholder: w.title
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "filter-mode", "component-props", "placeholder"])
+            ])
+          }))
+        ]), 1032, ["loading", "columns", "data-source", "row-key"]),
+        e.pagination ? (g(), I(Rt, {
+          key: 0,
+          class: "mt-4 text-end",
+          current: (Ze = e.meta) == null ? void 0 : Ze.currentPage,
+          "page-size": (Qe = e.meta) == null ? void 0 : Qe.pageSize,
+          total: (Je = e.meta) == null ? void 0 : Je.total,
+          "show-total": (w) => `Всего ${w} элементов`,
+          "page-size-options": (Ye = e.meta) == null ? void 0 : Ye.pageSizeOptions,
+          "show-size-changer": !0,
+          onChange: f[2] || (f[2] = (w) => c.$emit("pageChange", w)),
+          onShowSizeChange: f[3] || (f[3] = (w, O) => c.$emit("sizeChange", w, O))
+        }, null, 8, ["current", "page-size", "total", "show-total", "page-size-options"])) : j("", !0)
+      ]);
+    };
+  }
+}), Uo = { class: "mb-4" }, Xo = { class: "d-flex flex-column gap-1" }, Go = /* @__PURE__ */ z({
+  __name: "ColumnSettingsDrawer",
+  props: {
+    visible: { type: Boolean },
+    columns: {},
+    modelValue: {},
+    showActionsColumn: { type: Boolean },
+    disableViewMode: { type: Boolean },
+    viewMode: {},
+    cardLayout: {}
+  },
+  emits: ["update:visible", "update:modelValue", "update:viewMode", "update:cardLayout"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, r = V(t.visible), a = V(t.viewMode), l = V(t.cardLayout), s = Ge({
+      ...t.modelValue
+    }), h = E(() => a.value === "grid"), m = t.disableViewMode || !1;
+    return B(
+      () => t.visible,
+      (u) => {
+        r.value = u;
+      }
+    ), B(r, (u) => {
+      o("update:visible", u);
+    }), B(
+      () => t.viewMode,
+      (u) => {
+        a.value = u;
+      }
+    ), B(a, (u) => {
+      o("update:viewMode", u);
+    }), B(
+      () => t.cardLayout,
+      (u) => {
+        l.value = u;
+      }
+    ), B(l, (u) => {
+      o("update:cardLayout", u);
+    }), B(
+      () => t.modelValue,
+      (u) => Object.assign(s, u),
+      {
+        deep: !0
+      }
+    ), B(s, (u) => o("update:modelValue", {
+      ...u
+    }), {
+      deep: !0
+    }), t.showActionsColumn && s.actions === void 0 && (s.actions = !0), (u, p) => {
+      const x = T("a-checkbox"), v = T("a-radio"), i = T("a-radio-group"), b = T("a-radio-button"), k = T("a-drawer");
+      return g(), I(k, {
+        open: r.value,
+        "onUpdate:open": p[2] || (p[2] = (c) => r.value = c),
+        title: "Настройки представления",
+        placement: "right"
+      }, {
+        default: C(() => [
+          L("section", Uo, [
+            p[3] || (p[3] = L("h3", { class: "fw-bold fs-6 mb-2" }, "Отображение колонок", -1)),
+            L("div", Xo, [
+              (g(!0), S(D, null, G(e.columns, (c) => (g(), S("div", {
+                key: c.key ?? c.dataIndex
+              }, [
+                A(x, {
+                  checked: s[c.key ?? c.dataIndex],
+                  "onUpdate:checked": (f) => s[c.key ?? c.dataIndex] = f,
+                  disabled: h.value,
+                  class: "d-flex"
+                }, {
+                  default: C(() => [
+                    _(P(c.title), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["checked", "onUpdate:checked", "disabled"])
+              ]))), 128))
+            ])
+          ]),
+          L("section", null, [
+            p[8] || (p[8] = L("h3", { class: "fw-bold fs-6 mb-2" }, "Вид", -1)),
+            A(i, {
+              value: a.value,
+              "onUpdate:value": p[0] || (p[0] = (c) => a.value = c),
+              "button-style": "solid",
+              class: "mb-3",
+              disabled: $(m)
+            }, {
+              default: C(() => [
+                A(v, { value: "table" }, {
+                  default: C(() => [...p[4] || (p[4] = [
+                    _("Таблица", -1)
+                  ])]),
+                  _: 1
+                }),
+                A(v, { value: "grid" }, {
+                  default: C(() => [...p[5] || (p[5] = [
+                    _("Карточки", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["value", "disabled"]),
+            A(i, {
+              value: l.value,
+              "onUpdate:value": p[1] || (p[1] = (c) => l.value = c),
+              "button-style": "solid",
+              disabled: !h.value
+            }, {
+              default: C(() => [
+                A(b, { value: "grid" }, {
+                  default: C(() => [
+                    A($(Nt), { class: "me-2" }),
+                    p[6] || (p[6] = _("Сетка ", -1))
+                  ]),
+                  _: 1
+                }),
+                A(b, { value: "row" }, {
+                  default: C(() => [
+                    A($(jt), { class: "me-2" }),
+                    p[7] || (p[7] = _("Строка ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["value", "disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), Vt = /* @__PURE__ */ z({
+  __name: "FilterInput",
+  props: {
+    modelValue: { type: [String, Number, Boolean, Object, Array, null] },
+    filterMode: {},
+    componentProps: {},
+    placeholder: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, r = E(() => t.filterMode === te.SEARCH ? "a-input" : t.filterMode === te.SELECT ? Ft : t.filterMode === te.DATE ? "a-range-picker" : "a-input"), a = V(t.modelValue);
+    return B(() => t.modelValue, (l) => {
+      a.value = l;
+    }), B(a, (l) => o("update:modelValue", l)), (l, s) => (g(), I(mt(r.value), Xe(e.componentProps, {
+      value: a.value,
+      "onUpdate:value": s[0] || (s[0] = (h) => a.value = h),
+      modelValue: a.value,
+      "onUpdate:modelValue": s[1] || (s[1] = (h) => a.value = h),
+      placeholder: e.placeholder,
+      class: "w-100 small"
+    }), null, 16, ["value", "modelValue", "placeholder"]));
+  }
+}), Wo = { class: "small fw-medium" }, qo = { class: "d-flex flex-column gap-2 mt-2" }, Ko = /* @__PURE__ */ z({
+  __name: "CardFiltersDrawer",
+  props: {
+    visible: { type: Boolean },
+    columns: {},
+    filterValues: {}
+  },
+  emits: ["update:visible", "update:filterValues", "filterApply"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, r = V(t.visible), a = Ge({
+      ...t.filterValues
+    }), l = (i) => i.key ?? String(i.dataIndex), s = (i) => Array.isArray(i) ? i : i != null ? [i] : [], h = (i) => i == null ? !0 : Array.isArray(i) ? i.length === 0 : typeof i == "string" ? i.trim() === "" : !1, m = E(() => t.columns.filter((i) => i.filterable)), u = E(() => Object.keys(a).some(
+      (i) => !pe(a[i], t.filterValues[i])
+    )), p = (i) => {
+      Object.keys(a).forEach((b) => {
+        delete a[b];
+      }), Object.assign(a, i);
+    };
+    B(
+      () => t.visible,
+      (i) => {
+        r.value = i, i && p(t.filterValues);
+      }
+    ), B(r, (i) => {
+      o("update:visible", i);
+    }), B(
+      () => t.filterValues,
+      (i) => {
+        p(i);
+      },
+      {
+        deep: !0
+      }
+    );
+    const x = () => {
+      const i = {
+        ...t.filterValues
+      };
+      Object.entries(a).forEach(([b, k]) => {
+        if (h(k)) {
+          i[b] = null, o("filterApply", {
+            key: b,
+            value: []
+          });
+          return;
+        }
+        i[b] = k, o("filterApply", {
+          key: b,
+          value: s(k)
+        });
+      }), o("update:filterValues", i), r.value = !1;
+    }, v = () => {
+      Object.keys(a).forEach((b) => {
+        delete a[b];
+      }), o("update:filterValues", {});
+    };
+    return (i, b) => {
+      const k = T("a-button"), c = T("a-drawer");
+      return g(), I(c, {
+        open: r.value,
+        "onUpdate:open": b[0] || (b[0] = (f) => r.value = f),
+        placement: "right",
+        width: "360",
+        title: "Фильтры",
+        "body-style": "padding: 24px"
+      }, {
+        default: C(() => [
+          (g(!0), S(D, null, G(m.value, (f) => (g(), S("section", {
+            key: l(f),
+            class: "mb-4 d-flex flex-column gap-2"
+          }, [
+            L("span", Wo, P(f.title), 1),
+            A(Vt, {
+              modelValue: a[l(f)],
+              "onUpdate:modelValue": (d) => a[l(f)] = d,
+              "filter-mode": f.filterMode,
+              "component-props": f.componentProps,
+              placeholder: f.title
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "filter-mode", "component-props", "placeholder"])
+          ]))), 128)),
+          L("div", qo, [
+            A(k, {
+              block: "",
+              onClick: v
+            }, {
+              default: C(() => [...b[1] || (b[1] = [
+                _(" Сбросить ", -1)
+              ])]),
+              _: 1
+            }),
+            A(k, {
+              type: "primary",
+              block: "",
+              disabled: !u.value,
+              onClick: x
+            }, {
+              default: C(() => [...b[2] || (b[2] = [
+                _(" Применить ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), Zo = /* @__PURE__ */ ie(Ko, [["__scopeId", "data-v-35036cad"]]), Qo = { class: "small fw-medium" }, Jo = /* @__PURE__ */ z({
+  __name: "CardFiltersModal",
+  props: {
+    visible: { type: Boolean },
+    columns: {},
+    filterValues: {}
+  },
+  emits: ["update:visible", "update:filterValues", "filterApply"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, r = V(t.visible), a = Ge({
+      ...t.filterValues
+    }), l = (i) => i.key ?? String(i.dataIndex), s = (i) => Array.isArray(i) ? i : i != null ? [i] : [], h = (i) => i == null ? !0 : Array.isArray(i) ? i.length === 0 : typeof i == "string" ? i.trim() === "" : !1, m = E(
+      () => t.columns.filter((i) => i.filterable)
+    ), u = E(() => Object.keys(a).some(
+      (i) => !pe(a[i], t.filterValues[i])
+    )), p = (i) => {
+      Object.keys(a).forEach((b) => {
+        delete a[b];
+      }), Object.assign(a, i);
+    };
+    B(
+      () => t.visible,
+      (i) => {
+        r.value = i, i && p(t.filterValues);
+      }
+    ), B(r, (i) => {
+      o("update:visible", i);
+    }), B(
+      () => t.filterValues,
+      (i) => {
+        p(i);
+      },
+      {
+        deep: !0
+      }
+    );
+    const x = () => {
+      const i = {
+        ...t.filterValues
+      };
+      Object.entries(a).forEach(([b, k]) => {
+        if (h(k)) {
+          i[b] = null, o("filterApply", {
+            key: b,
+            value: []
+          });
+          return;
+        }
+        i[b] = k, o("filterApply", {
+          key: b,
+          value: s(k)
+        });
+      }), o("update:filterValues", i), r.value = !1;
+    }, v = () => {
+      r.value = !1;
+    };
+    return (i, b) => {
+      const k = T("a-modal");
+      return g(), I(k, {
+        visible: r.value,
+        "onUpdate:visible": b[0] || (b[0] = (c) => r.value = c),
+        title: "Фильтры",
+        "destroy-on-close": "",
+        "ok-text": "Применить",
+        "cancel-text": "Сбросить",
+        "ok-button-props": { disabled: !u.value },
+        onOk: x,
+        onCancel: v
+      }, {
+        default: C(() => [
+          (g(!0), S(D, null, G(m.value, (c) => (g(), S("section", {
+            key: l(c),
+            class: "mb-4 d-flex flex-column gap-2"
+          }, [
+            L("span", Qo, P(c.title), 1),
+            A(Vt, {
+              modelValue: a[l(c)],
+              "onUpdate:modelValue": (f) => a[l(c)] = f,
+              "filter-mode": c.filterMode,
+              "component-props": c.componentProps,
+              placeholder: c.title
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "filter-mode", "component-props", "placeholder"])
+          ]))), 128))
+        ]),
+        _: 1
+      }, 8, ["visible", "ok-button-props"]);
+    };
+  }
+}), Yo = /* @__PURE__ */ ie(Jo, [["__scopeId", "data-v-454326bc"]]);
+var je = /* @__PURE__ */ ((e) => (e.Table = "table", e.Grid = "grid", e))(je || {}), _t = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.Row = "row", e))(_t || {});
+const er = { class: "d-flex justify-content-between align-items-center gap-2 mb-2" }, tr = { class: "d-flex align-items-center gap-1" }, hr = /* @__PURE__ */ z({
+  __name: "DataView",
+  props: {
+    viewMode: {},
+    loading: { type: Boolean },
+    pagination: { type: Boolean, default: !1 },
+    columns: {},
+    dataSource: {},
+    filterValues: {},
+    meta: {},
+    canEdit: { type: Boolean, default: !0 },
+    editAction: { type: Boolean, default: !0 },
+    deleteAction: { type: Boolean, default: !0 },
+    showActionsColumn: { type: Boolean, default: !0 },
+    disableViewMode: { type: Boolean, default: !1 },
+    enableTableFilterDrawer: { type: Boolean, default: !1 },
+    disableColumnFilterDropdowns: { type: Boolean, default: !1 },
+    useFilterModal: { type: Boolean, default: !1 }
+  },
+  emits: ["update:viewMode", "update:filterValues", "filterApply", "edit", "delete", "restore", "sortChange", "pageChange", "sizeChange"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, r = V(t.viewMode || je.Table), a = E(() => (r == null ? void 0 : r.value) === je.Grid), l = V(_t.Grid), s = V(
+      t.filterValues || {}
+    ), h = V(null), m = (f) => {
+      s.value = f, o("update:filterValues", f);
+    }, u = (f, d, H) => {
+      const F = {
+        ...s.value
+      };
+      if (d === void 0) {
+        m(F);
+        return;
+      }
+      if (Array.isArray(d)) {
+        F[f] = d.filter((X) => !pe(X, H)), m(F);
+        return;
+      }
+      if (pe(d, H)) {
+        F[f] = [], m(F);
+        return;
+      }
+      F[f] = [
+        d
+      ], m(F);
+    }, p = () => m({}), x = (f) => {
+      o("filterApply", f);
+    }, v = V(!1), i = V(!1), b = V({}), k = E(() => r.value === "table" ? Object.keys(b.value).filter(
+      (f) => b.value[f] === !1
+    ).length : 0), c = (f) => {
+      f.forEach((d) => {
+        const H = d.key ?? String(d.dataIndex);
+        b.value[H] === void 0 && (b.value[H] = !0);
+      }), t.showActionsColumn && b.value.actions === void 0 && (b.value.actions = !0);
+    };
+    return B(
+      () => t.filterValues,
+      (f) => {
+        s.value = f || {};
+      }
+    ), B(
+      () => t.viewMode,
+      (f) => {
+        f !== void 0 && (r.value = f);
+      }
+    ), B(() => t.columns, c), B(r, (f) => o("update:viewMode", f)), re(() => c(t.columns)), re(() => {
+      h.value && We(h.value);
+    }), (f, d) => {
+      const H = T("Icon"), F = T("a-button"), X = T("a-badge");
+      return g(), S(D, null, [
+        L("div", {
+          ref_key: "tagCloudContainer",
+          ref: h
+        }, [
+          A(oo, {
+            filters: s.value,
+            "onUpdate:filters": m,
+            onRemove: u,
+            onClear: p
+          }, null, 8, ["filters"])
+        ], 512),
+        a.value ? (g(), S(D, { key: 0 }, [
+          L("div", er, [
+            L("div", tr, [
+              A(X, {
+                dot: "",
+                count: k.value
+              }, {
+                default: C(() => [
+                  A(F, {
+                    class: "d-flex align-items-center justify-content-center p-2",
+                    onClick: d[0] || (d[0] = (y) => i.value = !0)
+                  }, {
+                    default: C(() => [
+                      A(H, {
+                        name: "solar:settings-outline",
+                        class: "fs-5"
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["count"]),
+              A(F, {
+                class: "d-flex align-items-center justify-content-center p-2",
+                onClick: d[1] || (d[1] = (y) => v.value = !0)
+              }, {
+                default: C(() => [
+                  A(H, {
+                    name: "ant-design:filter-outlined",
+                    class: "fs-5"
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            R(f.$slots, "headerCardContainer"),
+            R(f.$slots, "title")
+          ]),
+          a.value ? (g(), I(Ao, {
+            key: 0,
+            loading: e.loading,
+            columns: e.columns,
+            "data-source": e.dataSource,
+            "card-layout": l.value,
+            "can-edit": e.canEdit,
+            "edit-action": e.editAction,
+            "show-actions-column": e.showActionsColumn,
+            pagination: e.pagination,
+            meta: e.meta,
+            onRestore: d[2] || (d[2] = (y) => o("restore", y)),
+            onEdit: d[3] || (d[3] = (y) => o("edit", y)),
+            onDelete: d[4] || (d[4] = (y) => o("delete", y)),
+            onPageChange: d[5] || (d[5] = (y) => o("pageChange", y)),
+            onSizeChange: d[6] || (d[6] = (y, le) => o("sizeChange", y, le))
+          }, we({ _: 2 }, [
+            f.$slots.titleCard ? {
+              name: "titleCard",
+              fn: C((y) => [
+                R(f.$slots, "titleCard", se(ce(y)))
+              ]),
+              key: "0"
+            } : void 0,
+            f.$slots.body ? {
+              name: "bodyCard",
+              fn: C((y) => [
+                R(f.$slots, "body", se(ce(y)))
+              ]),
+              key: "1"
+            } : void 0,
+            f.$slots.footer ? {
+              name: "footerCard",
+              fn: C((y) => [
+                R(f.$slots, "footer", se(ce(y)))
+              ]),
+              key: "2"
+            } : void 0
+          ]), 1032, ["loading", "columns", "data-source", "card-layout", "can-edit", "edit-action", "show-actions-column", "pagination", "meta"])) : j("", !0)
+        ], 64)) : (g(), I(jo, {
+          key: 1,
+          loading: e.loading,
+          pagination: e.pagination,
+          columns: e.columns,
+          "data-source": e.dataSource,
+          "filter-values": s.value,
+          meta: e.meta,
+          "can-edit": e.canEdit,
+          "edit-action": e.editAction,
+          "delete-action": e.deleteAction,
+          "show-actions-column": e.showActionsColumn,
+          "columns-visibility": b.value,
+          "disable-column-filter-dropdowns": t.disableColumnFilterDropdowns === !0,
+          "show-filter-button": t.enableTableFilterDrawer === !0,
+          onOpenColumnDrawer: d[7] || (d[7] = (y) => i.value = !0),
+          onOpenFilterDrawer: d[8] || (d[8] = (y) => v.value = !0),
+          "onUpdate:filterValues": m,
+          onFilterApply: d[9] || (d[9] = (y) => o("filterApply", y)),
+          onRestore: d[10] || (d[10] = (y) => o("restore", y)),
+          onEdit: d[11] || (d[11] = (y) => o("edit", y)),
+          onDelete: d[12] || (d[12] = (y) => o("delete", y)),
+          onSortChange: d[13] || (d[13] = (y) => o("sortChange", y)),
+          onPageChange: d[14] || (d[14] = (y) => o("pageChange", y)),
+          onSizeChange: d[15] || (d[15] = (y, le) => o("sizeChange", y, le))
+        }, {
+          title: C(() => [
+            R(f.$slots, "title")
+          ]),
+          bodyCell: C((y) => [
+            R(f.$slots, "bodyCell", se(ce(y)))
+          ]),
+          actionColumn: C((y) => [
+            R(f.$slots, "actionColumn", se(ce(y)))
+          ]),
+          _: 3
+        }, 8, ["loading", "pagination", "columns", "data-source", "filter-values", "meta", "can-edit", "edit-action", "delete-action", "show-actions-column", "columns-visibility", "disable-column-filter-dropdowns", "show-filter-button"])),
+        R(f.$slots, "filtersDrawer", {
+          visible: v.value,
+          setVisible: (y) => {
+            v.value = y;
+          },
+          filters: s.value,
+          updateFilters: m,
+          emitFilterApply: x
+        }, () => [
+          t.useFilterModal === !0 ? (g(), I(Yo, {
+            key: 0,
+            visible: v.value,
+            "onUpdate:visible": d[16] || (d[16] = (y) => v.value = y),
+            columns: e.columns,
+            "filter-values": s.value,
+            "onUpdate:filterValues": m,
+            onFilterApply: d[17] || (d[17] = (y) => o("filterApply", y))
+          }, null, 8, ["visible", "columns", "filter-values"])) : (g(), I(Zo, {
+            key: 1,
+            visible: v.value,
+            "onUpdate:visible": d[18] || (d[18] = (y) => v.value = y),
+            columns: e.columns,
+            "filter-values": s.value,
+            "onUpdate:filterValues": m,
+            onFilterApply: d[19] || (d[19] = (y) => o("filterApply", y))
+          }, null, 8, ["visible", "columns", "filter-values"]))
+        ]),
+        A(Go, {
+          visible: i.value,
+          "onUpdate:visible": d[20] || (d[20] = (y) => i.value = y),
+          "model-value": b.value,
+          "onUpdate:modelValue": d[21] || (d[21] = (y) => b.value = y),
+          "view-mode": r.value,
+          "onUpdate:viewMode": d[22] || (d[22] = (y) => r.value = y),
+          "card-layout": l.value,
+          "onUpdate:cardLayout": d[23] || (d[23] = (y) => l.value = y),
+          columns: e.columns,
+          "show-actions-column": e.showActionsColumn,
+          "disable-view-mode": e.disableViewMode
+        }, null, 8, ["visible", "model-value", "view-mode", "card-layout", "columns", "show-actions-column", "disable-view-mode"])
+      ], 64);
+    };
+  }
+}), vr = /* @__PURE__ */ z({
+  __name: "LazyLoadContainer",
+  props: {
+    onIntersect: {},
+    threshold: { default: 0.1 },
+    once: { type: Boolean, default: !1 },
+    rootMargin: { default: "0px" }
+  },
+  setup(e) {
+    const n = e, t = V(null);
+    let o = null;
+    const r = (a) => {
+      a[0].isIntersecting && n.onIntersect && (n.onIntersect(), n.once && o && o.disconnect());
+    };
+    return re(() => {
+      o = new IntersectionObserver(r, {
+        threshold: n.threshold,
+        rootMargin: n.rootMargin
+      }), t.value && o.observe(t.value);
+    }), Ue(() => {
+      o == null || o.disconnect();
+    }), (a, l) => (g(), S("div", {
+      ref_key: "container",
+      ref: t
+    }, [
+      R(a.$slots, "default")
+    ], 512));
+  }
+});
+export {
+  Zo as CardFiltersDrawer,
+  Yo as CardFiltersModal,
+  Ao as CardGrid,
+  _t as CardLayout,
+  Go as ColumnSettingsDrawer,
+  fr as DEFAULT_PAGE_NUMBER,
+  pr as DEFAULT_PAGE_SIZE,
+  jo as DataTable,
+  hr as DataView,
+  te as FilterMode,
+  vr as LazyLoadContainer,
+  xo as LazyLoadTrigger,
+  ur as PAGE_SIZE_EXTRA_LARGE,
+  cr as PAGE_SIZE_LARGE,
+  sr as PAGE_SIZE_MEDIUM,
+  gr as PAGE_SIZE_OPTIONS,
+  wo as PAGE_SIZE_SMALL,
+  dr as PAGE_SIZE_ULTRA,
+  ko as PageSizes,
+  Mo as SkipSizes,
+  To as SortOrder,
+  Eo as TableDefaults,
+  Ne as TableSortOrder,
+  je as ViewMode,
+  hr as default
+};
+//# sourceMappingURL=data-view.es.js.map