@opengis/gis 0.2.116 → 0.2.118

package/dist/register-B2gF-GzA.js

@@ -0,0 +1,780 @@
+import { defineComponent as B, mergeModels as j, useModel as S, computed as h, defineAsyncComponent as O, ref as $, watch as D, onBeforeUnmount as K, openBlock as k, createElementBlock as C, createElementVNode as l, createBlock as T, unref as U, createTextVNode as q, createVNode as V, toDisplayString as M, resolveDynamicComponent as J, onMounted as G, resolveComponent as W, withCtx as I, Fragment as X, createCommentVNode as Y } from "vue";
+import { useRoute as Z, useRouter as ee } from "vue-router";
+import { notify as F } from "@opengis/core";
+import { _ as te } from "./TableFormHeader.vue_vue_type_script_setup_true_lang-Mci_tseM.js";
+import { V as N } from "./vs-datatable-QKks38xL.js";
+import { _ as z, n as R, m as E, r as H } from "./import-utils-BbZ1gVp-.js";
+import { a as ae, b as le, c as se, d as oe, e as ie } from "./index-4aSsUBB8.js";
+import { LucideChevronRight as re } from "lucide-vue-next";
+import { _ as ne } from "./MapSettingsTabs.vue_vue_type_script_setup_true_lang-CKCK3NqY.js";
+const ue = { class: "vs-form" }, de = { class: "vs-form__body auto-rows-max container" }, ce = { class: "flex flex-wrap" }, me = { class: "h-fit w-full mb-6 bg-white border border-gray-200 rounded-lg p-6" }, ve = { class: "h-fit w-full flex flex-wrap" }, pe = { class: "w-full" }, fe = /* @__PURE__ */ B({
+  __name: "list-tab",
+  props: /* @__PURE__ */ j({
+    fields: {}
+  }, {
+    data: { default: {} },
+    dataModifiers: {},
+    form: {},
+    formModifiers: {}
+  }),
+  emits: ["update:data", "update:form"],
+  setup(g) {
+    const t = S(g, "data"), p = S(g, "form"), w = g, A = h(() => Array.isArray(w.fields) ? w.fields : []), y = (e) => H(e || {}), m = O(() => import("@opengis/form")), d = $(), _ = $(!1), u = $([]), b = () => {
+      const e = c.value.map((s) => y(s)).filter((s) => s.length > 0);
+      u.value = [...e], _.value = !0;
+    }, x = h(
+      () => {
+        var e, s;
+        return ((e = t.value) == null ? void 0 : e.token) || ((s = t.value) == null ? void 0 : s.id) || "register-form";
+      }
+    ), c = h({
+      get: () => (t.value || (t.value = {}), Array.isArray(t.value.columns) || (t.value.columns = []), t.value.columns),
+      set: (e) => {
+        t.value || (t.value = {}), t.value.columns = Array.isArray(e) ? e : [];
+      }
+    }), o = h({
+      get: () => t.value || {},
+      set: (e) => {
+        var n;
+        const s = Array.isArray((n = t.value) == null ? void 0 : n.columns) ? t.value.columns : [];
+        t.value = {
+          ...t.value,
+          ...e,
+          columns: s
+        };
+      }
+    });
+    D(
+      () => d.value,
+      (e) => {
+        p.value = e || null;
+      },
+      { immediate: !0 }
+    ), D(_, (e) => {
+      e || (u.value = []);
+    });
+    const a = () => {
+      const e = new Set(
+        u.value.map((v) => R(v)).filter((v) => v.length > 0)
+      ), s = Array.isArray(c.value) ? [...c.value] : [], n = A.value.filter((v) => e.has(y(v))).map((v) => {
+        const L = y(v), Q = v.title ?? v.label ?? L;
+        return {
+          ...v,
+          name: L,
+          label: Q,
+          type: v.type || "text",
+          meta: v.meta ?? "features"
+        };
+      });
+      c.value = E(s, n, {
+        selectedKeys: u.value,
+        resolveKey: y
+      }), _.value = !1, u.value = [];
+    }, f = {
+      table_name: {
+        type: "select",
+        label: "Таблиця",
+        required: !0,
+        data: "pg.table_name",
+        placeholder: "Таблиця в БД",
+        validators: ["required"],
+        col: 6
+      },
+      name: {
+        type: "text",
+        label: "Назва",
+        required: !0,
+        placeholder: "Назва",
+        validators: ["required"],
+        col: 6
+      },
+      query: {
+        type: "text",
+        label: "Умова",
+        placeholder: "Умова",
+        col: 6
+      },
+      order: {
+        type: "text",
+        label: "Сортування",
+        placeholder: "Сортування",
+        col: 6
+      },
+      description: {
+        type: "textarea",
+        label: "Опис",
+        placeholder: "Опис",
+        col: 12
+      }
+    }, r = [
+      { key: "name", label: "Name", type: "text" },
+      { key: "label", label: "Назва", type: "text" },
+      // { key: "format", label: "Format", type: "text" },
+      { key: "meta", label: "Мета", type: "text" }
+      // { key: "data", label: "Класифікатор", type: "text" },
+    ], i = {
+      name: {
+        type: "text",
+        label: "Назва колонки",
+        validators: ["required"],
+        disabled: !0
+      },
+      ua: {
+        type: "text",
+        label: "Назва",
+        validators: ["required"]
+      },
+      format: {
+        type: "radio",
+        label: "Формат",
+        position: "horizontal",
+        options: [
+          { text: "Text", id: "text" },
+          { text: "Number", id: "number" },
+          { text: "Date", id: "date" },
+          { text: "File", id: "file" },
+          { text: "Select", id: "select" },
+          { text: "Badge", id: "badge" },
+          { text: "Tags", id: "tags" }
+        ],
+        validators: ["required"]
+      },
+      is_export: {
+        type: "switcher",
+        label: "Експорт",
+        info: "Чи експортувати дані колонки?",
+        view: "switcher"
+      },
+      meta: {
+        type: "combobox",
+        label: "Мета",
+        mode: "combo",
+        options: [
+          { text: "Title", id: "title" },
+          { text: "Features", id: "features" },
+          { text: "Status", id: "status" },
+          { text: "Tags", id: "tags" },
+          { text: "Category", id: "category" },
+          { text: "Image", id: "image" }
+        ]
+      },
+      data: {
+        type: "select",
+        label: "Класифікатор",
+        data: "admin.cls.name",
+        conditions: ["format", "in", ["select", "badge", "tags"]]
+      }
+    };
+    return K(() => {
+      p.value = null;
+    }), (e, s) => (k(), C("div", ue, [
+      l("div", de, [
+        l("div", ce, [
+          l("div", me, [
+            (k(), T(U(m), {
+              ref_key: "formEl",
+              ref: d,
+              key: x.value,
+              schema: f,
+              modelValue: o.value,
+              "onUpdate:modelValue": s[0] || (s[0] = (n) => o.value = n)
+            }, null, 8, ["modelValue"]))
+          ]),
+          l("div", ve, [
+            l("div", { class: "flex justify-end mb-3 gap-2 w-full" }, [
+              l("button", {
+                onClick: b,
+                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 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_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"
+              }, [...s[4] || (s[4] = [
+                l("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  class: "mr-1"
+                }, [
+                  l("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M12 4v16m8-8H4"
+                  })
+                ], -1),
+                q(" Імпорт ", -1)
+              ])])
+            ]),
+            l("div", pe, [
+              V(N, {
+                modelValue: c.value,
+                "onUpdate:modelValue": s[1] || (s[1] = (n) => c.value = n),
+                "columns-scheme": r,
+                "form-scheme": i,
+                "main-col-width": "250px",
+                "add-button": !1
+              }, null, 8, ["modelValue"])
+            ])
+          ])
+        ])
+      ]),
+      V(z, {
+        visible: _.value,
+        "onUpdate:visible": s[2] || (s[2] = (n) => _.value = n),
+        selection: u.value,
+        "onUpdate:selection": s[3] || (s[3] = (n) => u.value = n),
+        fields: A.value,
+        title: "Імпорт колонок",
+        "id-prefix": "import-column",
+        onConfirm: a
+      }, null, 8, ["visible", "selection", "fields"])
+    ]));
+  }
+}), ye = { class: "vs-form" }, be = { class: "vs-form__body auto-rows-max container" }, xe = { class: "flex flex-wrap" }, ge = { class: "h-fit w-full flex flex-wrap" }, he = { class: "w-full" }, we = /* @__PURE__ */ B({
+  __name: "filter-tab",
+  props: /* @__PURE__ */ j({
+    fields: {}
+  }, {
+    data: { default: {} },
+    dataModifiers: {},
+    form: {},
+    formModifiers: {}
+  }),
+  emits: ["update:data", "update:form"],
+  setup(g) {
+    const t = S(g, "data"), p = S(g, "form"), w = g, A = h(() => Array.isArray(w.fields) ? w.fields : []), y = (o) => H(o || {}), m = $(!1), d = $([]), _ = () => {
+      const o = u.value.map((a) => y(a)).filter((a) => a.length > 0);
+      d.value = [...o], m.value = !0;
+    }, u = h({
+      get: () => (t.value || (t.value = {}), Array.isArray(t.value.filters) || (t.value.filters = []), t.value.filters),
+      set: (o) => {
+        t.value || (t.value = {}), t.value.filters = Array.isArray(o) ? o : [];
+      }
+    });
+    D(m, (o) => {
+      o || (d.value = []);
+    });
+    const b = () => {
+      const o = new Set(
+        d.value.map((r) => R(r)).filter((r) => r.length > 0)
+      ), a = Array.isArray(u.value) ? [...u.value] : [], f = A.value.filter((r) => o.has(y(r))).map((r) => ({
+        name: y(r),
+        label: r.title ?? r.label ?? y(r),
+        type: r.type || "text"
+      }));
+      u.value = E(a, f, {
+        selectedKeys: d.value,
+        resolveKey: y
+      }), m.value = !1, d.value = [];
+    }, x = [
+      { key: "id", label: "Name" },
+      { key: "label", label: "Назва" },
+      { key: "type", label: "Тип" }
+    ], c = {
+      name: {
+        type: "text",
+        label: "Назва колонки",
+        validators: ["required"],
+        disabled: !0
+      },
+      ua: {
+        type: "text",
+        label: "Назва",
+        validators: ["required"]
+      },
+      type: {
+        type: "radio",
+        label: "Тип",
+        validators: ["required"],
+        position: "horizontal",
+        options: [
+          { text: "Check", id: "Check" },
+          { text: "Range", id: "Range" },
+          { text: "Date", id: "Date" },
+          { text: "Text", id: "Text" },
+          { text: "Select", id: "Select" }
+        ]
+      },
+      hidden: {
+        label: "Приховати",
+        type: "Switcher"
+      },
+      data: {
+        type: "select",
+        label: "Класифікатор",
+        data: "admin.cls.name",
+        conditions: ["type", "in", ["select", "autocomplete", "check"]]
+      }
+    };
+    return K(() => {
+      p.value = null;
+    }), (o, a) => (k(), C("div", ye, [
+      l("div", be, [
+        l("div", xe, [
+          a[4] || (a[4] = l("div", { class: "h-fit w-full flex flex-wrap mb-6 px-2" }, [
+            l("p", { class: "text-sm text-gray-600" }, " Налаштуйте фільтри реєстру. Оберіть поля для імпорту або відредагуйте властивості вручну. ")
+          ], -1)),
+          l("div", ge, [
+            l("div", { class: "flex justify-end mb-3 gap-2 w-full" }, [
+              l("button", {
+                onClick: _,
+                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 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_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"
+              }, [...a[3] || (a[3] = [
+                l("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  class: "mr-1"
+                }, [
+                  l("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M12 4v16m8-8H4"
+                  })
+                ], -1),
+                q(" Імпорт ", -1)
+              ])])
+            ]),
+            l("div", he, [
+              V(N, {
+                modelValue: u.value,
+                "onUpdate:modelValue": a[0] || (a[0] = (f) => u.value = f),
+                "columns-scheme": x,
+                "form-scheme": c,
+                "main-col-width": "250px",
+                "add-button": !1
+              }, null, 8, ["modelValue"])
+            ])
+          ])
+        ])
+      ]),
+      V(z, {
+        visible: m.value,
+        "onUpdate:visible": a[1] || (a[1] = (f) => m.value = f),
+        selection: d.value,
+        "onUpdate:selection": a[2] || (a[2] = (f) => d.value = f),
+        fields: A.value,
+        title: "Імпорт фільтрів",
+        "id-prefix": "import-filter",
+        onConfirm: b
+      }, null, 8, ["visible", "selection", "fields"])
+    ]));
+  }
+}), _e = { class: "vs-form" }, ke = { class: "vs-form__body auto-rows-max container" }, Ae = { class: "flex flex-wrap" }, $e = { class: "h-fit w-full flex flex-wrap" }, Ce = { class: "w-full" }, Ve = /* @__PURE__ */ B({
+  __name: "card-tab",
+  props: /* @__PURE__ */ j({
+    fields: {}
+  }, {
+    data: { default: {} },
+    dataModifiers: {},
+    form: {},
+    formModifiers: {}
+  }),
+  emits: ["update:data", "update:form"],
+  setup(g) {
+    const t = S(g, "data"), p = S(g, "form"), w = g, A = h(() => Array.isArray(w.fields) ? w.fields : []), y = (o) => H(o || {}), m = $(!1), d = $([]), _ = () => {
+      const o = u.value.map((a) => y(a)).filter((a) => a.length > 0);
+      d.value = [...o], m.value = !0;
+    }, u = h({
+      get: () => t.value.card,
+      set: (o) => {
+        t.value || (t.value = {}), t.value.card = Array.isArray(o) ? o : [];
+      }
+    });
+    D(m, (o) => {
+      var a;
+      if (o) {
+        const f = ((a = u.value) == null ? void 0 : a.map((r) => r.name)) || [];
+        d.value = [...f];
+      }
+    });
+    const b = () => {
+      const o = new Set(
+        d.value.map((r) => R(r)).filter((r) => r.length > 0)
+      ), a = Array.isArray(u.value) ? [...u.value] : [], f = A.value.filter((r) => o.has(y(r))).map((r) => {
+        const i = y(r), e = r.title ?? r.label ?? i;
+        return {
+          ...r,
+          name: i,
+          label: e,
+          format: r.format || r.type || "text",
+          meta: r.meta || "title"
+        };
+      });
+      u.value = E(a, f, {
+        selectedKeys: d.value,
+        resolveKey: y
+      }), m.value = !1, d.value = [];
+    }, x = [
+      { key: "name", label: "Name", type: "text" },
+      { key: "label", label: "Назва", type: "text" },
+      { key: "format", label: "Формат", type: "text" }
+      // { key: "meta", label: "Мета", type: "text" },
+    ], c = {
+      name: {
+        type: "text",
+        label: "Назва колонки",
+        validators: ["required"],
+        disabled: !0
+      },
+      ua: {
+        type: "text",
+        label: "Назва",
+        validators: ["required"]
+      },
+      format: {
+        type: "radio",
+        label: "Формат",
+        position: "horizontal",
+        options: [
+          { text: "Text", id: "text" },
+          { text: "Number", id: "number" },
+          { text: "Date", id: "date" },
+          { text: "File", id: "file" },
+          { text: "Select", id: "select" },
+          { text: "Badge", id: "badge" },
+          { text: "Tags", id: "tags" }
+        ],
+        validators: ["required"]
+      },
+      data: {
+        type: "text",
+        label: "Класифікатор",
+        conditions: ["format", "in", ["select", "badge", "tags"]]
+      }
+      /* meta: {
+         type: "combobox",
+         label: "Мета",
+         mode: "combo",
+         required: true,
+         options: [
+           { text: "Title", id: "title" },
+           { text: "Features", id: "features" },
+           { text: "Status", id: "status" },
+           { text: "Tags", id: "tags" },
+           { text: "Category", id: "category" },
+           { text: "Image", id: "image" },
+         ],
+       }, */
+    };
+    return K(() => {
+      p.value = null;
+    }), (o, a) => (k(), C("div", _e, [
+      l("div", ke, [
+        l("div", Ae, [
+          a[4] || (a[4] = l("div", { class: "h-fit w-full flex flex-wrap mb-6 px-2" }, [
+            l("p", { class: "text-sm text-gray-600" }, " Налаштуйте відображення картки. Оберіть потрібні поля та відредагуйте їхні властивості. ")
+          ], -1)),
+          l("div", $e, [
+            l("div", { class: "flex justify-end mb-3 gap-2 w-full" }, [
+              l("button", {
+                onClick: _,
+                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 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_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"
+              }, [...a[3] || (a[3] = [
+                l("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  class: "mr-1"
+                }, [
+                  l("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M12 4v16m8-8H4"
+                  })
+                ], -1),
+                q(" Імпорт ", -1)
+              ])])
+            ]),
+            l("div", Ce, [
+              V(N, {
+                modelValue: u.value,
+                "onUpdate:modelValue": a[0] || (a[0] = (f) => u.value = f),
+                "columns-scheme": x,
+                "form-scheme": c,
+                "main-col-width": "250px",
+                "add-button": !1
+              }, null, 8, ["modelValue"])
+            ])
+          ])
+        ])
+      ]),
+      V(z, {
+        visible: m.value,
+        "onUpdate:visible": a[1] || (a[1] = (f) => m.value = f),
+        selection: d.value,
+        "onUpdate:selection": a[2] || (a[2] = (f) => d.value = f),
+        fields: A.value,
+        title: "Імпорт полів картки",
+        "id-prefix": "import-card",
+        onConfirm: b
+      }, null, 8, ["visible", "selection", "fields"])
+    ]));
+  }
+}), P = {
+  template1: ae,
+  template2: le,
+  template3: se,
+  template4: oe,
+  template5: ie
+}, De = { class: "space-y-4" }, Se = { class: "flex items-center gap-4 bg-white border border-gray-200 rounded-lg px-6 py-4" }, qe = { class: "text-lg font-semibold mb-4" }, Be = { class: "bg-white" }, Ie = {
+  key: 1,
+  class: "text-gray-400 text-center py-12"
+}, Te = {
+  key: 2,
+  class: "text-gray-400 text-center py-12"
+}, Ue = /* @__PURE__ */ B({
+  __name: "preview-tab",
+  props: /* @__PURE__ */ j({
+    hideDetailsButton: { type: Boolean, default: !1 }
+  }, {
+    data: { default: {} },
+    dataModifiers: {}
+  }),
+  emits: ["update:data"],
+  setup(g) {
+    const t = O(() => import("@opengis/form")), p = S(g, "data"), w = [
+      { text: "template1", id: "template1" },
+      { text: "template2", id: "template2" },
+      { text: "template3", id: "template3" },
+      { text: "template4", id: "template4" },
+      { text: "template5", id: "template5" }
+    ], A = {
+      view: {
+        type: "radio",
+        label: "Вигляд",
+        position: "horizontal",
+        required: !0,
+        options: w,
+        col: 12
+      }
+    }, y = h(
+      () => {
+        var b;
+        return Array.isArray((b = p.value) == null ? void 0 : b.columns) ? p.value.columns : [];
+      }
+    ), m = h(() => {
+      var b;
+      return ((b = p.value) == null ? void 0 : b.view) || "template1";
+    }), d = h(
+      () => P[m.value] || P.template1
+    ), _ = h(() => {
+      var c;
+      const b = (c = p.value) == null ? void 0 : c.view;
+      if (!b) return "template1";
+      const x = w.find((o) => o.id === b);
+      return (x == null ? void 0 : x.text) || b;
+    }), u = h(() => (Array.isArray(p.value.tableData) ? p.value.tableData : []).slice(0, 5).map((x) => {
+      var c, o;
+      return {
+        ...x,
+        service_id: (c = p.value) == null ? void 0 : c.service_id,
+        is_map: (o = p.value) == null ? void 0 : o.is_map
+      };
+    }));
+    return (b, x) => (k(), C("div", De, [
+      l("div", Se, [
+        (k(), T(U(t), {
+          key: p.value.id,
+          schema: A,
+          modelValue: p.value,
+          "onUpdate:modelValue": x[0] || (x[0] = (c) => p.value = c)
+        }, null, 8, ["modelValue"]))
+      ]),
+      l("h2", qe, " Превʼю таблиці (" + M(_.value) + ") ", 1),
+      l("div", Be, [
+        d.value && u.value.length && y.value.length ? (k(), T(J(d.value), {
+          items: u.value,
+          columns: y.value,
+          path: "#",
+          id_key: "id",
+          "hide-details-button": g.hideDetailsButton,
+          key: m.value
+        }, null, 8, ["items", "columns", "hide-details-button"])) : u.value.length ? (k(), C("div", Te, " Додайте колонки та виберіть вигляд для перегляду ")) : (k(), C("div", Ie, " Немає даних для превʼю "))
+      ])
+    ]));
+  }
+}), je = { class: "relative h-full flex flex-col flex-1 min-h-0 overflow-hidden mx-auto w-full" }, Fe = { class: "mx-1" }, Me = { class: "text-gray-900 font-semibold" }, Ke = {
+  key: 0,
+  class: "text-center py-12 mt-6 px-[24px]"
+}, Ne = {
+  key: 1,
+  class: "px-[24px] overflow-y-auto"
+}, ze = { class: "space-y-6" }, We = /* @__PURE__ */ B({
+  __name: "register",
+  props: {
+    hideDetailsButton: { type: Boolean, default: !1 }
+  },
+  setup(g) {
+    const t = Z(), p = ee(), w = h(() => t.path.replace(/\/[^/]+$/, "")), A = h(
+      () => {
+        var i;
+        return ((i = p.resolve(w.value).meta) == null ? void 0 : i.title) ?? "";
+      }
+    ), y = h(() => {
+      var i;
+      return ((i = c.value) == null ? void 0 : i.name) || "Налаштування реєстру";
+    }), m = $("list"), d = $(""), _ = $(!0), u = [
+      { name: "Список", id: "list" },
+      { name: "Фільтри", id: "filters" },
+      { name: "Картка", id: "card" },
+      { name: "Перегляд", id: "preview" }
+    ], b = {
+      list: fe,
+      filters: we,
+      card: Ve,
+      preview: Ue
+    }, x = u.map((i) => i.id), c = $({
+      columns: [],
+      filters: [],
+      card: [],
+      tableData: []
+    }), o = $([]), a = async () => {
+      var e;
+      if (!((e = c.value) == null ? void 0 : e.token)) {
+        F({
+          type: "error",
+          title: "Помилка",
+          message: "Відсутній токен для збереження"
+        });
+        return;
+      }
+      try {
+        const s = await fetch(`/api/gis-registry/${t.params.id}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify(c.value)
+        });
+        if (!s.ok)
+          throw new Error(`Failed to save content: ${s.status}`);
+        F({
+          type: "success",
+          title: "Успіх",
+          message: "Контент збережено"
+        });
+      } catch (s) {
+        F({
+          type: "error",
+          title: "Помилка",
+          message: "Не вдалося зберегти контент"
+        }), console.error(s);
+      }
+    }, f = async (i) => {
+      try {
+        const s = await (await fetch(`/api/gis-registry/${i}`)).json(), n = Array.isArray(s == null ? void 0 : s.rows) ? s.rows : [];
+        c.value.tableData = n.slice(0, 3);
+      } catch (e) {
+        console.error("Помилка завантаження превʼю:", e);
+      }
+    }, r = async () => {
+      var i, e;
+      try {
+        _.value = !0;
+        const n = await (await fetch(`/api/data/gis.registers.table/${t.params.id}`)).json(), v = ((i = n == null ? void 0 : n.rows) == null ? void 0 : i[0]) || {};
+        d.value = v.register_key || "", c.value = {
+          ...v,
+          columns: Array.isArray(v.columns) ? v.columns : [],
+          filters: Array.isArray(v.filters) ? v.filters : [],
+          card: Array.isArray(v.card) ? v.card : [],
+          tableData: Array.isArray(v.tableData) ? v.tableData : []
+        }, (e = n == null ? void 0 : n.tokens) != null && e.edit && (c.value.token = n.tokens.edit), o.value = Array.isArray(n == null ? void 0 : n.fields) ? n.fields : [];
+      } catch (s) {
+        console.error("Помилка завантаження даних:", s);
+      } finally {
+        _.value = !1;
+      }
+    };
+    return G(async () => {
+      const i = t.query.tab;
+      typeof i == "string" && x.includes(i) && (m.value = i), await r(), d.value && await f(d.value);
+    }), D(m, (i) => {
+      t.query.tab !== i && p.replace({
+        query: { ...t.query, tab: i }
+      });
+    }), D(
+      () => t.query.tab,
+      (i) => {
+        typeof i == "string" && x.includes(i) && m.value !== i && (m.value = i);
+      }
+    ), D(
+      () => t.params.id,
+      async (i, e) => {
+        !i || i === e || (await r(), d.value && await f(d.value));
+      }
+    ), (i, e) => {
+      const s = W("router-link");
+      return k(), C("div", je, [
+        V(te, {
+          variant: "form",
+          title: y.value
+        }, {
+          breadcrumbs: I(() => [
+            w.value ? (k(), C(X, { key: 0 }, [
+              V(s, {
+                to: w.value,
+                class: "text-gray-500 hover:text-gray-700"
+              }, {
+                default: I(() => [
+                  q(M(A.value), 1)
+                ]),
+                _: 1
+              }, 8, ["to"]),
+              l("span", Fe, [
+                V(U(re), {
+                  size: 16,
+                  class: "shrink-0"
+                })
+              ])
+            ], 64)) : Y("", !0),
+            l("span", Me, M(y.value), 1)
+          ]),
+          description: I(() => [...e[3] || (e[3] = [
+            q("Налаштування реєстру", -1)
+          ])]),
+          actions: I(() => [
+            l("button", {
+              onClick: e[0] || (e[0] = (n) => U(p).back()),
+              class: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium border h-10 px-4 py-2 border-gray-300 text-gray-700 hover:bg-gray-50"
+            }, " Повернутися "),
+            l("button", {
+              onClick: a,
+              class: "inline-flex items-center justify-center gap-2 whitespace-nowrap text-white rounded-md text-sm font-medium h-10 px-4 py-2 bg-blue-600 hover:bg-blue-700"
+            }, " Зберегти ")
+          ]),
+          _: 1
+        }, 8, ["title"]),
+        _.value ? (k(), C("div", Ke, [...e[4] || (e[4] = [
+          l("p", { class: "text-gray-500" }, "Завантаження...", -1)
+        ])])) : (k(), C("div", Ne, [
+          V(ne, {
+            tabs: u,
+            activeTab: m.value,
+            "onUpdate:activeTab": e[1] || (e[1] = (n) => m.value = n)
+          }, null, 8, ["activeTab"]),
+          l("div", ze, [
+            (k(), T(J(b[m.value]), {
+              data: c.value,
+              "onUpdate:data": e[2] || (e[2] = (n) => c.value = n),
+              fields: o.value,
+              "hide-details-button": g.hideDetailsButton,
+              key: m.value
+            }, null, 40, ["data", "fields", "hide-details-button"]))
+          ])
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  We as default
+};