@opengis/gis 0.2.116 → 0.2.118

package/dist/vs-datatable-QKks38xL.js

@@ -0,0 +1,800 @@
+import { defineComponent as F, mergeModels as O, defineAsyncComponent as I, useModel as R, ref as y, watch as K, openBlock as o, createElementBlock as s, createElementVNode as e, createVNode as $, unref as x, withCtx as S, createStaticVNode as V, useSlots as P, computed as H, Fragment as b, createTextVNode as U, createCommentVNode as N, renderList as A, normalizeStyle as Q, toDisplayString as M, normalizeClass as z, withModifiers as X, createBlock as Y, resolveDynamicComponent as ee, withDirectives as te, renderSlot as ne } from "vue";
+import { notify as E } from "@opengis/core";
+import { Edit as le, Trash as oe } from "lucide-vue-next";
+import { _ as u } from "./index-4aSsUBB8.js";
+const se = { class: "flex items-center justify-center col-span-3 gap-2" }, re = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, ie = /* @__PURE__ */ F({
+  __name: "vs-datatable-controls",
+  props: /* @__PURE__ */ O({
+    index: {},
+    data: {},
+    scheme: {}
+  }, {
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    columnsModifiers: {}
+  }),
+  emits: ["update:columns"],
+  setup(n) {
+    const t = I(() => import("@opengis/form")), L = I(() => import("@opengis/core").then((h) => h.VsModal)), C = n, j = R(n, "columns"), c = y(!1), m = y({}), p = y({ ...C.data || {} });
+    K(
+      () => C.data,
+      (h) => {
+        p.value = { ...h || {} };
+      },
+      { deep: !0 }
+    );
+    const _ = () => j.value = j.value.filter((h, d) => d !== C.index), w = async () => {
+      const h = m.value.validate();
+      if (h) {
+        E({ type: "warning", title: "Validation", message: Object.entries(h).map(([d, g]) => `${d}: ${g}`).join(`
+`) });
+        return;
+      }
+      j.value[C.index] = p.value, c.value = !1;
+    };
+    return (h, d) => (o(), s("div", se, [
+      e("button", {
+        onClick: d[0] || (d[0] = (g) => {
+          c.value = !0;
+        }),
+        class: "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground h-8 w-8 rounded-full hover:bg-gray-100"
+      }, [
+        $(x(le), { class: "w-4 h-4" })
+      ]),
+      e("button", {
+        onClick: _,
+        class: "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-8 w-8 rounded-full hover:bg-red-100 text-red-600 hover:text-red-700"
+      }, [
+        $(x(oe), { class: "w-4 h-4" })
+      ]),
+      $(x(L), {
+        teleport: "#modal",
+        size: "lg",
+        visible: c.value,
+        "onUpdate:visible": d[4] || (d[4] = (g) => c.value = g),
+        title: "Редагувати поле"
+      }, {
+        footer: S(() => [
+          e("div", re, [
+            e("button", {
+              type: "button",
+              class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-black border border-gray-200 rounded-lg hover:bg-gray-100 duration-300",
+              onClick: d[3] || (d[3] = (g) => c.value = !1)
+            }, " Скасувати "),
+            e("button", {
+              class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300",
+              onClick: w
+            }, " Зберегти ")
+          ])
+        ]),
+        default: S(() => [
+          $(x(t), {
+            values: p.value,
+            "onUpdate:values": d[1] || (d[1] = (g) => p.value = g),
+            schema: n.scheme,
+            form: m.value,
+            "onUpdate:form": d[2] || (d[2] = (g) => m.value = g)
+          }, null, 8, ["values", "schema", "form"])
+        ]),
+        _: 1
+      }, 8, ["visible"])
+    ]));
+  }
+}), ae = {
+  mounted(n) {
+    setTimeout(() => {
+      n.scrollWidth > n.clientWidth ? n.setAttribute("title", n.textContent) : n.removeAttribute("title");
+    });
+  },
+  updated(n) {
+    setTimeout(() => {
+      n.scrollWidth > n.clientWidth ? n.setAttribute("title", n.textContent) : n.removeAttribute("title");
+    });
+  }
+}, ue = {
+  array: "purple",
+  boolean: "red",
+  date: "red",
+  datetime: "purple",
+  number: "green",
+  text: "blue",
+  file: "yellow",
+  select: "yellow",
+  slug: "green",
+  image: "blue",
+  badge: "orange",
+  title: "blue",
+  features: "green",
+  status: "red",
+  tags: "yellow",
+  category: "purple",
+  check: "green",
+  range: "orange",
+  autocomplete: "yellow",
+  other: "gray",
+  "yes/no": "green"
+}, ce = (n) => ue[n == null ? void 0 : n.toLowerCase()] || "gray", de = [
+  "array",
+  "boolean",
+  "date",
+  "datetime",
+  "number",
+  "text",
+  "file",
+  "select",
+  "slug",
+  "image",
+  "badge",
+  "title",
+  "features",
+  "status",
+  "tags",
+  "category",
+  "check",
+  "range",
+  "autocomplete"
+], he = (n) => {
+  var t;
+  return de.includes((t = n || "") == null ? void 0 : t.toLowerCase());
+}, ge = {}, xe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-type",
+  __v0_r: "0,5361,5384"
+};
+function ve(n, t) {
+  return o(), s("svg", xe, [...t[0] || (t[0] = [
+    e("polyline", { points: "4 7 4 4 20 4 20 7" }, null, -1),
+    e("line", {
+      x1: "9",
+      x2: "15",
+      y1: "20",
+      y2: "20"
+    }, null, -1),
+    e("line", {
+      x1: "12",
+      x2: "12",
+      y1: "4",
+      y2: "20"
+    }, null, -1)
+  ])]);
+}
+const ye = /* @__PURE__ */ u(ge, [["render", ve]]), fe = {}, me = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-hash",
+  __v0_r: "0,5361,5384"
+};
+function pe(n, t) {
+  return o(), s("svg", me, [...t[0] || (t[0] = [
+    e("line", {
+      x1: "4",
+      x2: "20",
+      y1: "9",
+      y2: "9"
+    }, null, -1),
+    e("line", {
+      x1: "4",
+      x2: "20",
+      y1: "15",
+      y2: "15"
+    }, null, -1),
+    e("line", {
+      x1: "10",
+      x2: "8",
+      y1: "3",
+      y2: "21"
+    }, null, -1),
+    e("line", {
+      x1: "16",
+      x2: "14",
+      y1: "3",
+      y2: "21"
+    }, null, -1)
+  ])]);
+}
+const _e = /* @__PURE__ */ u(fe, [["render", pe]]), we = {}, ke = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-calendar",
+  __v0_r: "0,5361,5384"
+};
+function be(n, t) {
+  return o(), s("svg", ke, [...t[0] || (t[0] = [
+    e("path", { d: "M8 2v4" }, null, -1),
+    e("path", { d: "M16 2v4" }, null, -1),
+    e("rect", {
+      width: "18",
+      height: "18",
+      x: "3",
+      y: "4",
+      rx: "2"
+    }, null, -1),
+    e("path", { d: "M3 10h18" }, null, -1)
+  ])]);
+}
+const $e = /* @__PURE__ */ u(we, [["render", be]]), Ce = {}, je = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-calendar",
+  __v0_r: "0,5361,5384"
+};
+function Me(n, t) {
+  return o(), s("svg", je, [...t[0] || (t[0] = [
+    e("path", { d: "M8 2v4" }, null, -1),
+    e("path", { d: "M16 2v4" }, null, -1),
+    e("rect", {
+      width: "18",
+      height: "18",
+      x: "3",
+      y: "4",
+      rx: "2"
+    }, null, -1),
+    e("path", { d: "M3 10h18" }, null, -1)
+  ])]);
+}
+const Ve = /* @__PURE__ */ u(Ce, [["render", Me]]), Be = {}, De = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-code",
+  __v0_r: "0,5361,5384"
+};
+function Ae(n, t) {
+  return o(), s("svg", De, [...t[0] || (t[0] = [
+    e("polyline", { points: "16 18 22 12 16 6" }, null, -1),
+    e("polyline", { points: "8 6 2 12 8 18" }, null, -1)
+  ])]);
+}
+const Ie = /* @__PURE__ */ u(Be, [["render", Ae]]), Se = {}, Le = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-toggle-left",
+  __v0_r: "0,5361,5384"
+};
+function ze(n, t) {
+  return o(), s("svg", Le, [...t[0] || (t[0] = [
+    e("rect", {
+      width: "20",
+      height: "12",
+      x: "2",
+      y: "6",
+      rx: "6",
+      ry: "6"
+    }, null, -1),
+    e("circle", {
+      cx: "8",
+      cy: "12",
+      r: "2"
+    }, null, -1)
+  ])]);
+}
+const Te = /* @__PURE__ */ u(Se, [["render", ze]]), He = {}, Ue = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-file-text",
+  __v0_r: "0,5361,5384"
+};
+function Ne(n, t) {
+  return o(), s("svg", Ue, [...t[0] || (t[0] = [
+    V('<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path>', 5)
+  ])]);
+}
+const We = /* @__PURE__ */ u(He, [["render", Ne]]), Fe = {}, Oe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-image",
+  __v0_r: "0,5361,5384"
+};
+function Re(n, t) {
+  return o(), s("svg", Oe, [...t[0] || (t[0] = [
+    e("rect", {
+      width: "18",
+      height: "18",
+      x: "3",
+      y: "3",
+      rx: "2",
+      ry: "2"
+    }, null, -1),
+    e("circle", {
+      cx: "9",
+      cy: "9",
+      r: "2"
+    }, null, -1),
+    e("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }, null, -1)
+  ])]);
+}
+const Ee = /* @__PURE__ */ u(Fe, [["render", Re]]), Ze = {}, qe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-list",
+  __v0_r: "0,5361,5384"
+};
+function Ge(n, t) {
+  return o(), s("svg", qe, [...t[0] || (t[0] = [
+    V('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>', 6)
+  ])]);
+}
+const Je = /* @__PURE__ */ u(Ze, [["render", Ge]]), Ke = {}, Pe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-list",
+  __v0_r: "0,5361,5384"
+};
+function Qe(n, t) {
+  return o(), s("svg", Pe, [...t[0] || (t[0] = [
+    V('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>', 6)
+  ])]);
+}
+const Xe = /* @__PURE__ */ u(Ke, [["render", Qe]]), Ye = {}, et = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-link2",
+  __v0_r: "0,5361,5384"
+};
+function tt(n, t) {
+  return o(), s("svg", et, [...t[0] || (t[0] = [
+    e("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }, null, -1),
+    e("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }, null, -1),
+    e("line", {
+      x1: "8",
+      x2: "16",
+      y1: "12",
+      y2: "12"
+    }, null, -1)
+  ])]);
+}
+const nt = /* @__PURE__ */ u(Ye, [["render", tt]]), lt = {}, ot = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-list",
+  __v0_r: "0,5361,5384"
+};
+function st(n, t) {
+  return o(), s("svg", ot, [...t[0] || (t[0] = [
+    V('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>', 6)
+  ])]);
+}
+const rt = /* @__PURE__ */ u(lt, [["render", st]]), it = {}, at = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-link2",
+  __v0_r: "0,5361,5384"
+};
+function ut(n, t) {
+  return o(), s("svg", at, [...t[0] || (t[0] = [
+    e("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }, null, -1),
+    e("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }, null, -1),
+    e("line", {
+      x1: "8",
+      x2: "16",
+      y1: "12",
+      y2: "12"
+    }, null, -1)
+  ])]);
+}
+const ct = /* @__PURE__ */ u(it, [["render", ut]]), dt = {}, ht = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "w-4 h-4 text-gray-700 lucide lucide-list",
+  __v0_r: "0,5361,5384"
+};
+function gt(n, t) {
+  return o(), s("svg", ht, [...t[0] || (t[0] = [
+    V('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>', 6)
+  ])]);
+}
+const xt = /* @__PURE__ */ u(dt, [["render", gt]]), vt = {}, yt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  height: "800px",
+  width: "800px",
+  version: "1.1",
+  id: "_x32_",
+  viewBox: "0 0 512 512",
+  "xml:space": "preserve"
+};
+function ft(n, t) {
+  return o(), s("svg", yt, [...t[0] || (t[0] = [
+    e("g", null, [
+      e("path", {
+        class: "st0",
+        d: "M511.989,292.396c0.021-16.486-6.344-33.136-18.945-45.703L273.605,27.242   C262.3,15.936,247.175,9.22,231.184,8.407L66.821,0.032l1.184,0.066C66.974,0.044,65.866,0,64.67,0   C47.58,0,31.105,6.783,18.944,18.955C6.783,31.106-0.001,47.58,0.011,64.67c0,1.076,0.034,2.172,0.078,3.27l8.297,163.254   c0.835,15.981,7.54,31.106,18.857,42.421l219.451,219.451c12.578,12.589,29.217,18.955,45.703,18.934   c16.496,0.021,33.124-6.356,45.703-18.934l154.956-154.945l-11.92-11.92l11.932,11.909   C505.645,325.521,512.011,308.881,511.989,292.396z M314.26,469.216c-6.08,6.08-13.895,9.044-21.864,9.067   c-7.969-0.023-15.783-2.986-21.864-9.067L51.082,249.765c-5.4-5.4-8.616-12.633-9.023-20.305L33.762,66.238l-0.034-1.569   c0-8.188,3.238-16.048,9.055-21.875c5.839-5.839,13.697-9.077,21.886-9.077l1.502,0.044l163.288,8.319   c7.683,0.396,14.904,3.6,20.305,9.012l219.45,219.45c6.059,6.069,9.033,13.884,9.056,21.853   c-0.023,7.968-2.986,15.794-9.067,21.886h0.011L314.26,469.216z"
+      }),
+      e("path", {
+        class: "st0",
+        d: "M105.632,105.642c-15.366,15.378-15.366,40.27,0,55.636c15.366,15.366,40.259,15.366,55.625,0   c15.366-15.366,15.366-40.259,0-55.636C145.891,90.276,120.998,90.276,105.632,105.642z"
+      })
+    ], -1)
+  ])]);
+}
+const mt = /* @__PURE__ */ u(vt, [["render", ft]]), pt = {}, _t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "800px",
+  height: "800px",
+  viewBox: "0 0 24 24",
+  fill: "none"
+};
+function wt(n, t) {
+  return o(), s("svg", _t, [...t[0] || (t[0] = [
+    e("path", {
+      d: "M3 12C3 4.5885 4.5885 3 12 3C19.4115 3 21 4.5885 21 12C21 19.4115 19.4115 21 12 21C4.5885 21 3 19.4115 3 12Z",
+      stroke: "#323232",
+      "stroke-width": "2"
+    }, null, -1),
+    e("path", {
+      d: "M9 12L10.6828 13.6828V13.6828C10.858 13.858 11.142 13.858 11.3172 13.6828V13.6828L15 10",
+      stroke: "#323232",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ])]);
+}
+const kt = /* @__PURE__ */ u(pt, [["render", wt]]), W = {
+  IconText: ye,
+  IconNumber: _e,
+  IconDate: $e,
+  IconDatetime: Ve,
+  IconRichtext: Ie,
+  IconBoolean: Te,
+  IconFile: We,
+  IconImage: Ee,
+  IconArray: Je,
+  IconSelect: Xe,
+  IconSlug: nt,
+  IconDatalist: rt,
+  IconReference: ct,
+  IconReferenceList: xt,
+  IconBadge: mt,
+  IconCheck: kt
+}, bt = {
+  key: 0,
+  class: "flex items-center justify-between mb-6"
+}, $t = { class: "flex justify-end w-full" }, Ct = { class: "overflow-hidden bg-white border border-gray-200 shadow-sm rounded-xl flex flex-col flex-1 min-h-0" }, jt = { class: "table-scroll-wrapper flex-1 overflow-y-auto min-h-0" }, Mt = { class: "table-fixed w-full text-[13px]" }, Vt = { class: "bg-gray-50 border-b border-gray-200" }, Bt = { key: 0 }, Dt = ["onDragstart", "onDragover", "onDrop"], At = {
+  key: 0,
+  class: "flex w-fit items-center gap-2 text-left"
+}, It = { class: "flex-1 min-w-0" }, St = { class: "font-medium text-gray-900 truncate" }, Lt = { class: "text-xs text-gray-500" }, zt = {
+  key: 1,
+  class: "flex items-center justify-center"
+}, Tt = {
+  key: 0,
+  class: "inline-flex items-center px-2 py-1 h-fit text-[13px] font-medium rounded-md ring-1 ring-inset ring-gray-500/10 bg-gray-100"
+}, Ht = {
+  key: 1,
+  class: "text-gray-500 text-sm"
+}, Ut = { key: 3 }, Nt = { class: "px-6 py-4" }, Wt = { key: 1 }, Ft = ["colspan"], Ot = /* @__PURE__ */ F({
+  __name: "vs-datatable",
+  props: /* @__PURE__ */ O({
+    columnsScheme: {},
+    formScheme: {},
+    addButton: { type: Boolean, default: !0 },
+    mainColWidth: { default: "" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n, { expose: t }) {
+    function L(i) {
+      return i.charAt(0).toUpperCase() + i.slice(1);
+    }
+    const C = I(() => import("@opengis/core").then((i) => i.VsModal)), j = I(() => import("@opengis/form")), c = R(n, "modelValue"), m = n, p = y({}), _ = y(!1), w = y({}), h = y(null), d = P(), g = (i) => !!(i && d[i]);
+    t({
+      openCreateDialog: () => {
+        _.value = !0;
+      }
+    });
+    const v = H({
+      get() {
+        return Array.isArray(c.value) ? c.value : c.value && Array.isArray(c.value.columns) ? c.value.columns : [];
+      },
+      set(i) {
+        Array.isArray(c.value) ? c.value = i : c.value && Array.isArray(c.value.columns) && (c.value.columns = i);
+      }
+    }), B = H(() => {
+      const i = m.columnsScheme.map((r) => r.key);
+      return i.includes("name") && i.includes("label") || i.includes("id") && i.includes("label") ? [
+        {
+          key: "main",
+          label: "Назва",
+          type: "main",
+          width: "100%"
+        },
+        ...m.columnsScheme.filter(
+          (r) => !["name", "id", "label"].includes(r.key)
+        )
+      ] : m.columnsScheme;
+    });
+    function T() {
+      _.value = !1, w.value = {}, h.value = null;
+    }
+    async function Z() {
+      const i = p.value.validate();
+      if (i) {
+        E({
+          type: "warning",
+          title: "Validation",
+          message: Object.entries(i).map(([r, l]) => `${r}: ${l}`).join(`
+`)
+        });
+        return;
+      }
+      if (h.value === null)
+        v.value = [...v.value, { ...w.value }];
+      else {
+        const r = [...v.value];
+        r[h.value] = { ...w.value }, v.value = r;
+      }
+      T();
+    }
+    const k = y(null), D = y(null), q = (i) => {
+      k.value = i;
+    }, G = (i) => {
+      D.value = i;
+    }, J = (i) => {
+      if (k.value === null || k.value === i) {
+        k.value = null, D.value = null;
+        return;
+      }
+      const r = [...v.value], [l] = r.splice(k.value, 1);
+      r.splice(i, 0, l), v.value = r, k.value = null, D.value = null;
+    };
+    return (i, r) => (o(), s(b, null, [
+      n.addButton ? (o(), s("div", bt, [
+        e("div", $t, [
+          e("button", {
+            onClick: r[0] || (r[0] = (l) => _.value = !0),
+            class: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:shrink-0 bg-primary hover:bg-primary/90 h-10 px-4 py-2 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white"
+          }, [...r[4] || (r[4] = [
+            e("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              class: "w-4 h-4 mr-2",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M12 4v16m8-8H4"
+              })
+            ], -1),
+            U(" Додати поле ", -1)
+          ])])
+        ])
+      ])) : N("", !0),
+      e("div", Ct, [
+        e("div", jt, [
+          e("table", Mt, [
+            e("colgroup", null, [
+              (o(!0), s(b, null, A(B.value, (l) => (o(), s("col", {
+                key: l.key,
+                style: Q(
+                  l.type === "main" ? `width: ${n.mainColWidth}` : l.width ? `width: ${l.width}` : "auto"
+                )
+              }, null, 4))), 128)),
+              r[5] || (r[5] = e("col", null, null, -1))
+            ]),
+            e("thead", null, [
+              e("tr", Vt, [
+                (o(!0), s(b, null, A(B.value, (l) => (o(), s("th", {
+                  key: l.key,
+                  class: "px-6 py-4"
+                }, M(l.label), 1))), 128)),
+                r[6] || (r[6] = e("th", { class: "px-6 py-4" }, "Дії", -1))
+              ])
+            ]),
+            v.value.length ? (o(), s("tbody", Bt, [
+              (o(!0), s(b, null, A(v.value, (l, f) => (o(), s("tr", {
+                key: l.id || l.name || f,
+                class: z(["transition-colors hover:bg-gray-50/50 cursor-move", {
+                  "opacity-50": k.value === f,
+                  "border-t-2 border-b-2 border-blue-500 bg-blue-50": D.value === f
+                }]),
+                draggable: "true",
+                onDragstart: (a) => q(f),
+                onDragover: X((a) => G(f), ["prevent"]),
+                onDrop: (a) => J(f)
+              }, [
+                (o(!0), s(b, null, A(B.value, (a) => (o(), s("td", {
+                  key: a.key,
+                  class: "px-6 py-4 align-middle text-center"
+                }, [
+                  a.type === "main" ? (o(), s("div", At, [
+                    r[7] || (r[7] = e("span", { class: "drag-handle cursor-move mr-2 text-gray-400" }, "☰", -1)),
+                    x(he)(
+                      l.format === "yes/no" ? "check" : l.format || l.type
+                    ) ? (o(), s("div", {
+                      key: 0,
+                      class: z(["flex items-center justify-center p-1 rounded", `bg-${x(ce)(
+                        l.format === "yes/no" ? "check" : l.format || l.type
+                      )}-100`])
+                    }, [
+                      (o(), Y(ee(
+                        l.format === "yes/no" ? "icon-check" : x(W)["Icon" + L(l.format || l.type)] || x(W).IconText
+                      ), { class: "w-4 h-4" }))
+                    ], 2)) : N("", !0),
+                    e("div", It, [
+                      te((o(), s("p", St, [
+                        U(M(l.name || l.id), 1)
+                      ])), [
+                        [x(ae)]
+                      ]),
+                      e("p", Lt, M(l.ua || l.label || l.name || l.id), 1)
+                    ])
+                  ])) : (o(), s(b, { key: 1 }, [
+                    a.slot && g(a.slot) ? ne(i.$slots, a.slot, {
+                      key: 0,
+                      row: l,
+                      column: a,
+                      value: l[a.key],
+                      rowIndex: f
+                    }, void 0, !0) : a.type === "color" ? (o(), s("div", zt, [
+                      e("div", {
+                        class: z(["w-4 h-4 rounded-full align-middle", `bg-[${l[a.key]}]`])
+                      }, null, 2)
+                    ])) : ["format", "type", "meta"].includes(a.key) ? (o(), s(b, { key: 2 }, [
+                      l[a.key] ? (o(), s("span", Tt, M(l[a.key]), 1)) : (o(), s("span", Ht, "Не вказано"))
+                    ], 64)) : (o(), s("span", Ut, M(l[a.key]), 1))
+                  ], 64))
+                ]))), 128)),
+                e("td", Nt, [
+                  $(ie, {
+                    columns: v.value,
+                    "onUpdate:columns": r[1] || (r[1] = (a) => v.value = a),
+                    data: l,
+                    index: f,
+                    scheme: n.formScheme
+                  }, null, 8, ["columns", "data", "index", "scheme"])
+                ])
+              ], 42, Dt))), 128))
+            ])) : (o(), s("tr", Wt, [
+              e("td", {
+                colspan: B.value.length + 1,
+                class: "text-gray-500 text-center py-4"
+              }, " Поля не знайдені ", 8, Ft)
+            ]))
+          ])
+        ])
+      ]),
+      $(x(C), {
+        teleport: "#modal",
+        title: "Створити поле",
+        size: "lg",
+        visible: _.value,
+        "onUpdate:visible": r[3] || (r[3] = (l) => _.value = l)
+      }, {
+        footer: S(() => [
+          e("div", { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, [
+            e("button", {
+              type: "button",
+              onClick: T,
+              class: "px-4 py-2 rounded bg-gray-100 text-gray-700"
+            }, " Скасувати "),
+            e("button", {
+              type: "button",
+              onClick: Z,
+              class: "px-4 py-2 rounded bg-blue-600 text-white"
+            }, " Зберегти1 ")
+          ])
+        ]),
+        default: S(() => [
+          $(x(j), {
+            ref_key: "form",
+            ref: p,
+            modelValue: w.value,
+            "onUpdate:modelValue": r[2] || (r[2] = (l) => w.value = l),
+            schema: n.formScheme
+          }, null, 8, ["modelValue", "schema"])
+        ]),
+        _: 1
+      }, 8, ["visible"])
+    ], 64));
+  }
+}), Gt = /* @__PURE__ */ u(Ot, [["__scopeId", "data-v-25566600"]]);
+export {
+  Gt as V,
+  ce as g,
+  he as i
+};