@opengis/gis 0.2.151 → 0.2.154

package/dist/HeaderActions.vue_vue_type_script_setup_true_lang-ZusIbDWr.js

@@ -0,0 +1,1099 @@
+import { openBlock as c, createElementBlock as v, createElementVNode as l, defineComponent as Y, normalizeClass as le, createVNode as F, createBlock as ie, unref as R, ref as y, computed as g, watch as ue, withDirectives as ke, vModelText as Ce, createCommentVNode as H, Fragment as q, renderList as J, createStaticVNode as ze, toDisplayString as x, defineAsyncComponent as ae, createTextVNode as be, withCtx as re, nextTick as Ve, onMounted as Se, onUnmounted as $e, withModifiers as Ee, Teleport as Me, normalizeStyle as Le } from "vue";
+import { _ as Te } from "./index-BlZ7asai.js";
+import { Settings as Ie, BrushCleaning as fe, SquareCode as ye, Pencil as Be } from "lucide-vue-next";
+import { notify as X } from "@opengis/core";
+const Ue = {}, 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: "inline-block shrink-0"
+};
+function Ae(a, k) {
+  return c(), v("svg", je, [...k[0] || (k[0] = [
+    l("path", { d: "M8 3 4 7l4 4" }, null, -1),
+    l("path", { d: "M4 7h16" }, null, -1),
+    l("path", { d: "m16 21 4-4-4-4" }, null, -1),
+    l("path", { d: "M20 17H4" }, null, -1)
+  ])]);
+}
+const Ne = /* @__PURE__ */ Te(Ue, [["render", Ae]]), Re = ["aria-label"], Bt = /* @__PURE__ */ Y({
+  __name: "PanelToggleButton",
+  props: {
+    open: { type: Boolean },
+    topClass: { default: "top-5" }
+  },
+  emits: ["toggle"],
+  setup(a) {
+    return (k, m) => (c(), v("button", {
+      type: "button",
+      onClick: m[0] || (m[0] = (E) => k.$emit("toggle")),
+      class: le([
+        "absolute right-0 w-5 h-9 shrink-0 rounded-l-lg inline-flex items-center justify-center",
+        "text-gray-600 hover:bg-gray-100 hover:text-gray-800 transition border border-gray-100 shadow-md bg-white z-[21]",
+        a.topClass
+      ]),
+      "aria-label": a.open ? "Закрити панель" : "Відкрити панель"
+    }, [
+      F(Ne, { class: "h-3 w-3" })
+    ], 10, Re));
+  }
+}), Ut = /* @__PURE__ */ Y({
+  __name: "SettingsIcon",
+  setup(a) {
+    return (k, m) => (c(), ie(R(Ie), {
+      size: 16,
+      class: "lucide lucide-settings"
+    }));
+  }
+}), Fe = { class: "flex flex-col gap-2" }, De = { class: "relative flex items-center" }, Oe = {
+  key: 0,
+  class: "flex flex-col gap-1.5"
+}, Pe = {
+  key: 1,
+  class: "flex flex-col items-center gap-1.5 py-5 text-gray-400"
+}, He = { class: "text-xs" }, Ge = {
+  key: 2,
+  class: "flex flex-col gap-1 p-0"
+}, Qe = { class: "flex size-[30px] shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-blue-500 to-indigo-500 text-xs font-semibold text-white" }, qe = { class: "flex min-w-0 flex-1 flex-col gap-0.5" }, Xe = { class: "truncate text-xs font-medium text-gray-900" }, We = { class: "flex flex-wrap gap-1" }, Je = {
+  key: 3,
+  class: "flex items-center justify-end gap-1.5 pt-1"
+}, Ye = ["disabled"], Ze = { class: "min-w-[36px] text-center text-[11px] text-gray-500" }, Ke = ["disabled"], et = { class: "ml-1 text-[11px] text-gray-400" }, tt = /* @__PURE__ */ Y({
+  __name: "ServiceUsers",
+  props: {
+    serviceId: {},
+    limit: {}
+  },
+  setup(a) {
+    const k = a, m = k.limit ?? 10, E = y([]), d = y(0), U = y(!1), b = y(1), _ = y("");
+    let C = null;
+    const M = g(() => Math.max(1, Math.ceil(d.value / m))), I = g(() => {
+      const i = d.value % 100, n = d.value % 10;
+      return i >= 11 && i <= 19 ? "ів" : n === 1 ? "" : n >= 2 && n <= 4 ? "и" : "ів";
+    });
+    function e(i) {
+      return (i || "?").trim().charAt(0).toUpperCase();
+    }
+    function z(i) {
+      if (!i) return [];
+      if (Array.isArray(i)) return i;
+      if (typeof i == "string") {
+        try {
+          const n = JSON.parse(i);
+          if (Array.isArray(n)) return n;
+        } catch {
+        }
+        return i.replace(/[{}"]/g, "").split(",").filter(Boolean);
+      }
+      return [];
+    }
+    const L = {
+      view: "Перегляд",
+      edit: "Редагування",
+      del: "Видалення",
+      add: "Додавання"
+    };
+    function j(i) {
+      return L[i] ?? i;
+    }
+    const B = {
+      view: "bg-blue-50 text-blue-700 border-blue-200",
+      edit: "bg-green-50 text-green-700 border-green-200",
+      del: "bg-red-50 text-red-600 border-red-200",
+      add: "bg-emerald-50 text-emerald-700 border-emerald-200",
+      admin: "bg-purple-50 text-purple-700 border-purple-200",
+      export: "bg-amber-50 text-amber-700 border-amber-200",
+      import: "bg-teal-50 text-teal-700 border-teal-200"
+    };
+    function D(i) {
+      return B[i] ?? "bg-gray-50 text-gray-600 border-gray-200";
+    }
+    async function A() {
+      if (!k.serviceId) {
+        E.value = [], d.value = 0;
+        return;
+      }
+      U.value = !0;
+      try {
+        const i = (b.value - 1) * m, n = new URLSearchParams({
+          limit: String(m),
+          offset: String(i)
+        });
+        _.value.trim() && n.set("search", _.value.trim());
+        const h = await fetch(`/api/gis-service-users/${encodeURIComponent(String(k.serviceId))}?${n}`);
+        if (!h.ok) throw new Error(`HTTP ${h.status}`);
+        const $ = await h.json();
+        E.value = ($ == null ? void 0 : $.rows) ?? [], d.value = ($ == null ? void 0 : $.count) ?? 0;
+      } catch (i) {
+        console.error("[ServiceUsers] fetch error", i), E.value = [], d.value = 0;
+      } finally {
+        U.value = !1;
+      }
+    }
+    function S(i) {
+      b.value = i, A();
+    }
+    function T() {
+      C && clearTimeout(C), C = setTimeout(() => {
+        b.value = 1, A();
+      }, 350);
+    }
+    function w() {
+      _.value = "", b.value = 1, A();
+    }
+    return ue(
+      () => k.serviceId,
+      () => {
+        b.value = 1, _.value = "", A();
+      },
+      { immediate: !0 }
+    ), (i, n) => (c(), v("div", Fe, [
+      l("div", De, [
+        n[4] || (n[4] = l("div", { class: "pointer-events-none absolute left-2.5 flex text-gray-400" }, [
+          l("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            l("circle", {
+              cx: "11",
+              cy: "11",
+              r: "8"
+            }),
+            l("line", {
+              x1: "21",
+              y1: "21",
+              x2: "16.65",
+              y2: "16.65"
+            })
+          ])
+        ], -1)),
+        ke(l("input", {
+          "onUpdate:modelValue": n[0] || (n[0] = (h) => _.value = h),
+          type: "text",
+          class: "w-full rounded-md border border-gray-200 bg-gray-50 py-1.5 pl-8 pr-7 text-xs text-gray-900 outline-none transition focus:border-blue-400 focus:bg-white focus:ring-2 focus:ring-blue-400/20",
+          placeholder: "Пошук за іменем або логіном…",
+          onInput: T
+        }, null, 544), [
+          [Ce, _.value]
+        ]),
+        _.value ? (c(), v("button", {
+          key: 0,
+          class: "absolute right-2 flex items-center justify-center rounded p-0.5 text-gray-400 transition hover:text-gray-700",
+          onClick: w
+        }, [...n[3] || (n[3] = [
+          l("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "12",
+            height: "12",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            l("line", {
+              x1: "18",
+              y1: "6",
+              x2: "6",
+              y2: "18"
+            }),
+            l("line", {
+              x1: "6",
+              y1: "6",
+              x2: "18",
+              y2: "18"
+            })
+          ], -1)
+        ])])) : H("", !0)
+      ]),
+      U.value ? (c(), v("div", Oe, [
+        (c(), v(q, null, J(3, (h) => l("div", {
+          key: h,
+          class: "flex animate-pulse items-center gap-2 rounded-lg bg-gray-50 px-2 py-1.5"
+        }, [...n[5] || (n[5] = [
+          l("div", { class: "size-[30px] shrink-0 rounded-full bg-gray-200" }, null, -1),
+          l("div", { class: "flex flex-1 flex-col gap-1.5" }, [
+            l("div", { class: "h-2 w-2/3 rounded bg-gray-200" }),
+            l("div", { class: "h-2 w-1/3 rounded bg-gray-200" })
+          ], -1)
+        ])])), 64))
+      ])) : E.value.length ? (c(), v("ul", Ge, [
+        (c(!0), v(q, null, J(E.value, (h) => (c(), v("li", {
+          key: h.user_id,
+          class: "flex items-center gap-2 rounded-lg border border-gray-100 bg-gray-50 px-2 py-1.5 transition hover:border-sky-200 hover:bg-sky-50"
+        }, [
+          l("div", Qe, x(e(h.user_full_name)), 1),
+          l("div", qe, [
+            l("span", Xe, x(h.user_full_name), 1),
+            l("div", We, [
+              (c(!0), v(q, null, J(z(h.actions), ($) => (c(), v("span", {
+                key: $,
+                class: le(["rounded-full border px-1.5 py-px text-[10px] font-medium", D($)])
+              }, x(j($)), 3))), 128))
+            ])
+          ])
+        ]))), 128))
+      ])) : (c(), v("div", Pe, [
+        n[6] || (n[6] = ze('<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="opacity-50"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>', 1)),
+        l("span", He, x(_.value ? "Нічого не знайдено" : "Немає користувачів з доступом"), 1)
+      ])),
+      M.value > 1 ? (c(), v("div", Je, [
+        l("button", {
+          class: "flex size-[26px] items-center justify-center rounded-md border border-gray-200 bg-white text-gray-600 transition enabled:hover:border-blue-400 enabled:hover:bg-sky-50 enabled:hover:text-blue-600 disabled:cursor-not-allowed disabled:opacity-40",
+          disabled: b.value === 1,
+          onClick: n[1] || (n[1] = (h) => S(b.value - 1))
+        }, [...n[7] || (n[7] = [
+          l("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            l("polyline", { points: "15 18 9 12 15 6" })
+          ], -1)
+        ])], 8, Ye),
+        l("span", Ze, x(b.value) + " / " + x(M.value), 1),
+        l("button", {
+          class: "flex size-[26px] items-center justify-center rounded-md border border-gray-200 bg-white text-gray-600 transition enabled:hover:border-blue-400 enabled:hover:bg-sky-50 enabled:hover:text-blue-600 disabled:cursor-not-allowed disabled:opacity-40",
+          disabled: b.value === M.value,
+          onClick: n[2] || (n[2] = (h) => S(b.value + 1))
+        }, [...n[8] || (n[8] = [
+          l("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            l("polyline", { points: "9 18 15 12 9 6" })
+          ], -1)
+        ])], 8, Ke),
+        l("span", et, x(d.value) + " запис" + x(I.value), 1)
+      ])) : H("", !0)
+    ]));
+  }
+});
+function lt(a) {
+  const m = (e) => typeof e != "number" || Number.isNaN(e) ? "" : Number(e.toFixed(5)).toFixed(5), E = [
+    {
+      name: "description",
+      type: "textarea",
+      label: "Опис",
+      col: 12
+    },
+    {
+      name: "group_id",
+      type: "Autocomplete",
+      label: "Група",
+      data: "gis.group_list",
+      col: 6
+    },
+    {
+      name: "keywords",
+      type: "Tags",
+      label: "Ключові слова",
+      placeholder: "Введіть тег та натисніть Enter",
+      col: 12
+    },
+    {
+      name: "is_public",
+      type: "switcher",
+      label: "Публічність",
+      col: 6,
+      data: "yes_no"
+    },
+    {
+      name: "is_active",
+      type: "switcher",
+      label: "Активність",
+      col: 6,
+      data: "yes_no"
+    }
+  ], d = (e, z) => {
+    const L = Array.isArray(e == null ? void 0 : e.config) ? e.config[0] : null;
+    return a.normalizeValue(L == null ? void 0 : L[z]);
+  }, U = (e) => !Array.isArray(e == null ? void 0 : e.bounds) || e.bounds.length < 4 ? "" : e.bounds.map((z) => m(z)).filter(Boolean).join(", "), b = (e) => !Array.isArray(e == null ? void 0 : e.extent) || e.extent.length < 4 ? "" : e.extent.map((z) => m(z)).filter(Boolean).join(", "), _ = (e) => !Array.isArray(e == null ? void 0 : e.bands) || !e.bands.length ? "" : e.bands.join(", "), C = (e) => typeof e != "boolean" ? "" : e ? "Так" : "Ні", M = [
+    { label: "Група", value: (e) => a.normalizeValue((e == null ? void 0 : e.group_name) ?? a.resolvedGroupName ?? (e == null ? void 0 : e.group_id)) },
+    { label: "Статус", value: (e) => a.normalizeValue(a.statusLabel(e)) },
+    { label: "Видимість", value: (e) => a.normalizeValue(a.visibilityLabel(e)) },
+    { label: "Тип сервісу", value: (e) => a.normalizeValue(e == null ? void 0 : e.service_type) },
+    { label: "Тип джерела", value: (e) => a.normalizeValue(e == null ? void 0 : e.source_type) },
+    { label: "Шлях до джерела", value: (e) => a.normalizeValue(e == null ? void 0 : e.source_path) },
+    { label: "Тип геометрії", value: (e) => a.normalizeValue(e == null ? void 0 : e.geom_type) },
+    { label: "Геометрична колонка", value: (e) => a.normalizeValue(e == null ? void 0 : e.geometry_column) },
+    { label: "SRID", value: (e) => a.normalizeValue(e == null ? void 0 : e.srid) },
+    { label: "Кількість обʼєктів", value: (e) => a.normalizeValue(e == null ? void 0 : e.count) },
+    { label: "Створено", value: (e) => e != null && e.created_at ? a.formatDate(e.created_at) : "" },
+    { label: "Оновлено", value: (e) => e != null && e.updated_at ? a.formatDate(e.updated_at) : "" }
+  ], I = [
+    { label: "Ключ сервісу", value: (e) => a.normalizeValue(e == null ? void 0 : e.service_key) },
+    { label: "Виробник", value: (e) => a.normalizeValue((e == null ? void 0 : e.holder) ?? (e == null ? void 0 : e.producer)) },
+    { label: "Категорія", value: (e) => a.normalizeValue(e == null ? void 0 : e.category) },
+    { label: "Ліцензія", value: (e) => a.normalizeValue(e == null ? void 0 : e.license) },
+    { label: "Рік", value: (e) => a.normalizeValue(e == null ? void 0 : e.year) },
+    { label: "Ключові слова", value: (e) => a.normalizeValue(e == null ? void 0 : e.keywords) },
+    { label: "URL сервісу", value: (e) => a.normalizeValue(e == null ? void 0 : e.service_url) },
+    { label: "Metadata URL", value: (e) => a.normalizeValue(e == null ? void 0 : e.metadata_url) },
+    { label: "Thumbnail URL", value: (e) => a.normalizeValue(e == null ? void 0 : e.thumbnail_url) },
+    { label: "SQL / Query", value: (e) => a.normalizeValue(e == null ? void 0 : e.query) }
+  ];
+  return {
+    service: {
+      general: M,
+      meta: I,
+      edit: [
+        ...E,
+        { name: "service_key", type: "text", label: "Ключ сервісу", col: 6 },
+        { name: "producer", type: "text", label: "Виробник", col: 6 },
+        { name: "category", type: "text", label: "Категорія", col: 6 },
+        { name: "license", type: "text", label: "Ліцензія", col: 6 },
+        { name: "year", type: "number", label: "Рік", col: 6 },
+        { name: "service_url", type: "text", label: "URL сервісу", col: 12 },
+        { name: "metadata_url", type: "text", label: "Metadata URL", col: 12 },
+        { name: "thumbnail_url", type: "text", label: "Thumbnail URL", col: 12 },
+        { name: "query", type: "textarea", label: "SQL / Query", col: 12 }
+      ]
+    },
+    dataset: {
+      general: M,
+      meta: I,
+      edit: [
+        ...E,
+        { name: "service_key", type: "text", label: "Ключ сервісу", col: 6 },
+        { name: "producer", type: "text", label: "Виробник", col: 6 },
+        { name: "category", type: "text", label: "Категорія", col: 6 },
+        { name: "license", type: "text", label: "Ліцензія", col: 6 },
+        { name: "year", type: "number", label: "Рік", col: 6 },
+        { name: "service_url", type: "text", label: "URL сервісу", col: 12 },
+        { name: "metadata_url", type: "text", label: "Metadata URL", col: 12 },
+        { name: "thumbnail_url", type: "text", label: "Thumbnail URL", col: 12 },
+        { name: "query", type: "textarea", label: "SQL / Query", col: 12 }
+      ]
+    },
+    raster: {
+      general: [
+        { label: "Статус", value: (e) => a.normalizeValue(a.statusLabel(e)) },
+        { label: "Видимість", value: (e) => a.normalizeValue(a.visibilityLabel(e)) },
+        { label: "Формат", value: (e) => a.normalizeValue(e == null ? void 0 : e.extension) },
+        { label: "SRID", value: (e) => a.normalizeValue(e == null ? void 0 : e.srid) },
+        { label: "Файл джерела", value: (e) => a.normalizeValue(e == null ? void 0 : e.source_path) },
+        { label: "Кеш", value: (e) => C(e == null ? void 0 : e.cache) },
+        { label: "XML", value: (e) => C(e == null ? void 0 : e.xml) }
+      ],
+      meta: [
+        { label: "Bounds", value: (e) => b(e) },
+        { label: "Розмір", value: (e) => a.normalizeValue(e == null ? void 0 : e.total_size) },
+        { label: "Ширина", value: (e) => a.normalizeValue(e == null ? void 0 : e.width) },
+        { label: "Висота", value: (e) => a.normalizeValue(e == null ? void 0 : e.height) },
+        { label: "Кількість каналів", value: (e) => a.normalizeValue(e == null ? void 0 : e.bands_count) },
+        { label: "Канали", value: (e) => _(e) },
+        { label: "Роздільна здатність", value: (e) => a.normalizeValue(e == null ? void 0 : e.resolution) },
+        { label: "Глибина кольору", value: (e) => a.normalizeValue(e == null ? void 0 : e.color_depth) },
+        { label: "Стиснення", value: (e) => a.normalizeValue(e == null ? void 0 : e.compression) },
+        { label: "Proj4", value: (e) => a.normalizeValue(e == null ? void 0 : e.proj4) }
+      ],
+      edit: [
+        {
+          name: "description",
+          type: "textarea",
+          label: "Опис",
+          col: 12
+        },
+        {
+          name: "group_id",
+          type: "Autocomplete",
+          label: "Група",
+          data: "gis.group_list",
+          col: 6
+        },
+        {
+          name: "is_public",
+          type: "switcher",
+          label: "Публічність",
+          col: 6,
+          data: "yes_no"
+        },
+        {
+          name: "is_active",
+          type: "switcher",
+          label: "Активність",
+          col: 6,
+          data: "yes_no"
+        }
+      ]
+    },
+    css: {
+      general: [
+        { label: "Група", value: (e) => a.normalizeValue((e == null ? void 0 : e.group_name) ?? a.resolvedGroupName ?? (e == null ? void 0 : e.group_id)) },
+        { label: "Статус", value: (e) => a.normalizeValue(a.statusLabel(e)) },
+        { label: "Видимість", value: (e) => a.normalizeValue(a.visibilityLabel(e)) },
+        { label: "Ключ CartoCSS", value: (e) => a.normalizeValue(e == null ? void 0 : e.cartocss_key) },
+        { label: "Таблиця джерела", value: (e) => d(e, "table") || a.normalizeValue(e == null ? void 0 : e.source_path) },
+        { label: "Ключ набору", value: (e) => d(e, "key") },
+        { label: "Авто-картка", value: (e) => C(e == null ? void 0 : e.card_auto) },
+        { label: "Інфо по кліку", value: (e) => C(e == null ? void 0 : e.info) },
+        { label: "Статичний", value: (e) => C(e == null ? void 0 : e.is_static) }
+      ],
+      meta: [
+        { label: "Bounds", value: (e) => U(e) }
+      ],
+      edit: [
+        {
+          name: "description",
+          type: "textarea",
+          label: "Опис",
+          col: 12
+        },
+        {
+          name: "group_id",
+          type: "Autocomplete",
+          label: "Група",
+          data: "gis.group_list",
+          col: 6
+        },
+        {
+          name: "is_public",
+          type: "switcher",
+          label: "Публічність",
+          col: 6,
+          data: "yes_no"
+        },
+        {
+          name: "enabled",
+          type: "switcher",
+          label: "Активність",
+          col: 6,
+          data: "yes_no"
+        },
+        {
+          name: "is_static",
+          type: "switcher",
+          label: "Статичний",
+          col: 6,
+          data: "yes_no"
+        }
+      ]
+    }
+  };
+}
+const at = { class: "flex-1 overflow-y-auto p-4" }, rt = { class: "space-y-4" }, nt = { class: "border border-gray-200 rounded-lg p-4" }, ot = {
+  key: 0,
+  class: "grid grid-cols-2 gap-2"
+}, st = { class: "text-xs text-gray-500 mb-1" }, it = { class: "text-sm font-semibold text-gray-900" }, ut = {
+  key: 1,
+  class: "text-sm text-gray-700 leading-relaxed"
+}, ct = { class: "border border-gray-200 rounded-lg p-4" }, vt = { class: "text-sm text-gray-700 leading-relaxed" }, pt = { class: "border border-gray-200 rounded-lg p-4" }, dt = { class: "flex items-center justify-between mb-3" }, mt = { class: "text-xs text-gray-500 mb-1" }, bt = { class: "text-sm font-semibold text-gray-900" }, ft = {
+  key: 1,
+  class: "text-sm text-gray-700 leading-relaxed"
+}, yt = { class: "border border-gray-200 rounded-lg p-4" }, gt = { class: "flex justify-end gap-2 px-4 py-3 border-t border-gray-100 w-full" }, ht = ["disabled"], xt = ["disabled"], P = "-", jt = /* @__PURE__ */ Y({
+  __name: "MetaDataTab",
+  props: {
+    data: {},
+    entityId: {},
+    entityType: {}
+  },
+  emits: ["saved", "editCssBounds"],
+  setup(a, { emit: k }) {
+    const m = ae(() => import("@opengis/core").then((t) => t.VsModal)), E = ae(() => import("@opengis/form")), d = a, U = k, b = y(null);
+    async function _(t) {
+      var r;
+      try {
+        const o = await fetch("/api/suggest/gis.group_list");
+        if (!o.ok) return null;
+        const N = (r = (await o.json()).data) == null ? void 0 : r.find((Q) => String(Q.id) === String(t));
+        return (N == null ? void 0 : N.text) ?? null;
+      } catch {
+        return null;
+      }
+    }
+    ue(
+      () => d.data,
+      async (t) => {
+        if (b.value = null, (t == null ? void 0 : t.group_id) != null) {
+          const r = await _(String(t.group_id));
+          b.value = r;
+        }
+      },
+      { immediate: !0 }
+    );
+    function C(t) {
+      if (!t || typeof t != "string") return P;
+      try {
+        const r = new Date(t);
+        return Number.isNaN(r.getTime()) ? P : r.toLocaleDateString("uk-UA", {
+          day: "numeric",
+          month: "long",
+          year: "numeric"
+        });
+      } catch {
+        return P;
+      }
+    }
+    function M(t) {
+      return typeof (t == null ? void 0 : t.is_active) == "boolean" ? t.is_active ? "Активний" : "Неактивний" : typeof (t == null ? void 0 : t.enabled) == "boolean" ? t.enabled ? "Активний" : "Неактивний" : P;
+    }
+    function I(t) {
+      return typeof (t == null ? void 0 : t.is_public) != "boolean" ? P : t.is_public ? "Публічний" : "Приватний";
+    }
+    function e(t) {
+      if (t == null) return "";
+      if (Array.isArray(t)) return t.filter(Boolean).join(", ");
+      if (typeof t == "boolean") return t ? "Так" : "Ні";
+      if (typeof t == "object") return "";
+      const r = String(t).trim();
+      return r === "" ? "" : r;
+    }
+    function z(t, r) {
+      return r.map((o) => ({ label: o.label, value: o.value(t) })).filter((o) => o.value && o.value !== P);
+    }
+    const L = g(() => z(d.data, n().general)), j = g(() => {
+      var r;
+      const t = (r = d.data) == null ? void 0 : r.description;
+      return t != null && t !== "" ? t : P;
+    }), B = g(() => z(d.data, n().meta)), D = g(() => B.value.length === 1 ? "grid-cols-1" : "grid-cols-2"), A = g(() => d.entityType === "css" || d.entityType === "raster"), S = y(!1), T = y({}), w = y(null), i = y(!1);
+    function n() {
+      const t = lt({
+        resolvedGroupName: b.value,
+        normalizeValue: e,
+        statusLabel: M,
+        visibilityLabel: I,
+        formatDate: C
+      });
+      return t[d.entityType || "service"] || t.service;
+    }
+    const h = g(() => n().edit);
+    function $() {
+      const t = d.data, r = {};
+      n().edit.forEach((o) => {
+        switch (o.name) {
+          case "group_id":
+            r.group_id = (t == null ? void 0 : t.group_id) != null ? String(t.group_id) : "";
+            break;
+          case "producer":
+            r.producer = (t == null ? void 0 : t.holder) ?? (t == null ? void 0 : t.producer) ?? "";
+            break;
+          case "keywords":
+            r.keywords = Array.isArray(t == null ? void 0 : t.keywords) ? [...t.keywords] : [];
+            break;
+          case "is_public":
+            r.is_public = (t == null ? void 0 : t.is_public) ?? !1;
+            break;
+          case "is_active":
+            r.is_active = typeof (t == null ? void 0 : t.is_active) == "boolean" ? t.is_active : (t == null ? void 0 : t.enabled) ?? !1;
+            break;
+          case "enabled":
+            r.enabled = (t == null ? void 0 : t.enabled) ?? (t == null ? void 0 : t.is_active) ?? !1;
+            break;
+          case "info":
+            r.info = (t == null ? void 0 : t.info) ?? !1;
+            break;
+          case "is_static":
+            r.is_static = (t == null ? void 0 : t.is_static) ?? !1;
+            break;
+          case "card_auto":
+            r.card_auto = (t == null ? void 0 : t.card_auto) ?? !1;
+            break;
+          default:
+            r[o.name] = (t == null ? void 0 : t[o.name]) ?? "";
+            break;
+        }
+      }), T.value = r, w.value = null, S.value = !0;
+    }
+    function Z() {
+      U("editCssBounds");
+    }
+    function K(t) {
+      return d.entityType === "raster" && t === "Bounds";
+    }
+    async function ee() {
+      var t, r;
+      if (!(!d.entityId || !d.entityType)) {
+        if (w.value) {
+          const o = (r = (t = w.value).validate) == null ? void 0 : r.call(t);
+          if (o) {
+            X({
+              type: "warning",
+              title: "Валідація",
+              message: Object.entries(o).map(([G, N]) => `${G}: ${N}`).join(`
+`)
+            });
+            return;
+          }
+        }
+        i.value = !0;
+        try {
+          const o = new Set(h.value.map((O) => O.name)), G = Object.fromEntries(
+            Object.entries(T.value).filter(([O]) => o.has(O))
+          ), N = d.entityType === "css" ? {
+            url: `/api/gis-css/${encodeURIComponent(d.entityId)}`,
+            method: "POST"
+          } : {
+            url: `/api/gis-metadata/${encodeURIComponent(d.entityType)}/${encodeURIComponent(d.entityId)}`,
+            method: "POST"
+          }, Q = await fetch(N.url, {
+            method: N.method,
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(G)
+          });
+          if (!Q.ok) throw new Error(`Failed to save metadata: ${Q.status}`);
+          X({ type: "success", title: "Збережено", message: "Метадані оновлено" }), S.value = !1, U("saved");
+        } catch (o) {
+          console.error("Failed to save metadata", o), X({ type: "error", title: "Помилка", message: "Не вдалося зберегти метадані" });
+        } finally {
+          i.value = !1;
+        }
+      }
+    }
+    return (t, r) => (c(), v("div", at, [
+      l("div", rt, [
+        l("div", nt, [
+          l("div", { class: "flex items-center justify-between mb-3" }, [
+            r[5] || (r[5] = l("h2", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wider" }, " Загальна інформація ", -1)),
+            l("button", {
+              type: "button",
+              onClick: $,
+              class: "inline-flex items-center gap-1 px-2 py-1 rounded-md text-xs font-medium transition-colors bg-sky-50 text-sky-600 hover:bg-sky-100"
+            }, [...r[4] || (r[4] = [
+              l("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                class: "h-3.5 w-3.5",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                l("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  d: "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
+                })
+              ], -1),
+              be(" Редагувати ", -1)
+            ])])
+          ]),
+          L.value.length ? (c(), v("div", ot, [
+            (c(!0), v(q, null, J(L.value, (o) => (c(), v("div", {
+              key: o.label,
+              class: "bg-gray-50 rounded-md p-2 border border-gray-100"
+            }, [
+              l("p", st, x(o.label), 1),
+              l("p", it, x(o.value), 1)
+            ]))), 128))
+          ])) : (c(), v("p", ut, x(P)))
+        ]),
+        l("div", ct, [
+          r[6] || (r[6] = l("h2", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3" }, " Повний опис ", -1)),
+          l("p", vt, x(j.value), 1)
+        ]),
+        l("div", pt, [
+          l("div", dt, [
+            r[8] || (r[8] = l("h2", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wider" }, " Метадані ", -1)),
+            A.value ? (c(), v("button", {
+              key: 0,
+              type: "button",
+              class: "inline-flex items-center gap-1 px-2 py-1 rounded-md text-xs font-medium transition-colors bg-sky-50 text-sky-600 hover:bg-sky-100",
+              onClick: Z
+            }, [...r[7] || (r[7] = [
+              l("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                class: "h-3.5 w-3.5",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                l("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  d: "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
+                })
+              ], -1),
+              be(" Редагувати ", -1)
+            ])])) : H("", !0)
+          ]),
+          B.value.length ? (c(), v("div", {
+            key: 0,
+            class: le([D.value, "grid gap-2"])
+          }, [
+            (c(!0), v(q, null, J(B.value, (o) => (c(), v("div", {
+              key: o.label,
+              class: le(["bg-gray-50 rounded-md p-2 border border-gray-100", { "col-span-2": K(o.label) }])
+            }, [
+              l("p", mt, x(o.label), 1),
+              l("p", bt, x(o.value), 1)
+            ], 2))), 128))
+          ], 2)) : (c(), v("p", ft, x(P)))
+        ]),
+        l("div", yt, [
+          r[9] || (r[9] = l("div", { class: "flex items-center justify-between mb-3" }, [
+            l("h2", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wider" }, " Доступи ")
+          ], -1)),
+          F(tt, {
+            "service-id": a.entityId,
+            limit: 8
+          }, null, 8, ["service-id"])
+        ])
+      ]),
+      F(R(m), {
+        teleport: "#modal",
+        visible: S.value,
+        "onUpdate:visible": r[3] || (r[3] = (o) => S.value = o),
+        title: "Редагування метаданих",
+        size: "lg"
+      }, {
+        footer: re(() => [
+          l("div", gt, [
+            l("button", {
+              type: "button",
+              class: "px-4 py-2 rounded bg-gray-100 text-gray-700 text-sm",
+              disabled: i.value,
+              onClick: r[2] || (r[2] = (o) => S.value = !1)
+            }, " Скасувати ", 8, ht),
+            l("button", {
+              type: "button",
+              class: "px-4 py-2 rounded bg-blue-600 text-white text-sm",
+              disabled: i.value,
+              onClick: ee
+            }, x(i.value ? "Збереження…" : "Зберегти"), 9, xt)
+          ])
+        ]),
+        default: re(() => [
+          F(R(E), {
+            values: T.value,
+            "onUpdate:values": r[0] || (r[0] = (o) => T.value = o),
+            form: w.value,
+            "onUpdate:form": r[1] || (r[1] = (o) => w.value = o),
+            schema: h.value
+          }, null, 8, ["values", "form", "schema"])
+        ]),
+        _: 1
+      }, 8, ["visible"])
+    ]));
+  }
+}), wt = ["href"], _t = ["href"], kt = ["href"], Ct = {
+  key: 0,
+  class: "py-6 px-4 text-sm text-gray-500"
+}, zt = {
+  key: 1,
+  class: "py-6 px-4 text-sm text-red-600"
+}, Vt = { class: "flex justify-end gap-2 px-4 py-3 border-t border-gray-100 w-full" }, St = ["disabled"], $t = ["disabled"], Et = 192, ge = 8, W = 8, At = /* @__PURE__ */ Y({
+  __name: "HeaderActions",
+  props: {
+    entityId: {},
+    entityInfo: {},
+    table: {},
+    formEndpoint: {},
+    saveEndpoint: {},
+    entityLabel: {},
+    editButtonText: {},
+    saveMethod: {},
+    showXmlItem: { type: Boolean, default: !0 },
+    clearTilesHandler: {}
+  },
+  emits: ["saved"],
+  setup(a, { emit: k }) {
+    const m = a, E = k, d = ae(
+      () => import("@opengis/core").then((s) => s.VsModal)
+    ), U = ae(() => import("@opengis/form")), b = y(!1), _ = y(null), C = y(null), M = y(null), I = y(null), e = g(() => I.value ? {
+      position: "fixed",
+      top: `${I.value.top}px`,
+      left: `${I.value.left}px`
+    } : {});
+    ue(b, (s) => {
+      s && Ve(ne);
+    });
+    const z = y(!1), L = y(null), j = y({}), B = y(null), D = y(""), A = y(!1), S = y(!1), T = y(null), w = g(() => m.entityId || ""), i = (s, u) => s ? typeof s == "function" ? s(u) : typeof s != "string" ? "" : s.includes(":id") ? u ? s.replace(":id", encodeURIComponent(u)) : "" : s : "", n = g(() => {
+      var s;
+      return (s = m.table) == null ? void 0 : s.trim();
+    }), h = g(() => {
+      if (m.formEndpoint) return m.formEndpoint;
+      if (n.value)
+        return (s) => `/api/form/${n.value}/${s}`;
+    }), $ = g(() => {
+      if (m.saveEndpoint) return m.saveEndpoint;
+      if (n.value)
+        return (s) => `/api/table/${s}`;
+    }), Z = g(
+      () => i(h.value, w.value)
+    ), K = g(() => m.saveEndpoint ? i(m.saveEndpoint, w.value) : T.value ? `/api/table/${encodeURIComponent(T.value)}` : i($.value, w.value)), ee = g(
+      () => i("/api/gis-clear-rtile/:id", w.value)
+    ), t = g(
+      () => i("/api/gis-xml/:id", w.value)
+    ), r = g(
+      () => i("/api/gis-pretile/:id?zoom=10&max=12", w.value)
+    ), o = g(() => {
+      var f, V, p;
+      const s = (V = (f = m.entityInfo) == null ? void 0 : f.name) == null ? void 0 : V.trim();
+      if (s) return `Редагування ${s}`;
+      const u = (p = m.entityLabel) == null ? void 0 : p.trim();
+      return u ? `Редагування ${u}` : "Редагування";
+    }), G = g(() => m.editButtonText || "Редагувати"), N = g(() => (m.saveMethod || "POST").toUpperCase());
+    function Q() {
+      b.value || ne(), b.value = !b.value;
+    }
+    function O() {
+      b.value = !1;
+    }
+    async function he() {
+      const s = m.clearTilesHandler;
+      !s || !w.value || (O(), await s(w.value));
+    }
+    function ne() {
+      var me;
+      if (typeof window > "u" || !C.value) return;
+      const s = C.value.getBoundingClientRect(), u = window.innerWidth, f = window.innerHeight, V = s.left, p = Math.max(
+        u - Et - W,
+        W
+      ), oe = Math.min(Math.max(V, W), p), se = ((me = M.value) == null ? void 0 : me.offsetHeight) ?? 0, pe = s.bottom + ge;
+      let de = pe;
+      if (se && pe + se > f - W) {
+        const _e = s.top - ge - se;
+        de = Math.max(_e, W);
+      }
+      I.value = { top: de, left: oe };
+    }
+    function ce(s) {
+      var f, V;
+      if (!_.value && !M.value) return;
+      const u = s.target;
+      u && ((f = _.value) != null && f.contains(u) || (V = M.value) != null && V.contains(u)) || (b.value = !1);
+    }
+    function te() {
+      b.value && ne();
+    }
+    Se(() => {
+      window.addEventListener("click", ce), window.addEventListener("resize", te), window.addEventListener("scroll", te, !0);
+    }), $e(() => {
+      window.removeEventListener("click", ce), window.removeEventListener("resize", te), window.removeEventListener("scroll", te, !0);
+    });
+    async function xe() {
+      var s, u, f;
+      if (!(!w.value || !Z.value)) {
+        O(), z.value = !0, A.value = !0, D.value = "", L.value = null, j.value = {}, T.value = null;
+        try {
+          const V = await fetch(Z.value);
+          if (!V.ok)
+            throw new Error(`Failed to load form: ${V.status}`);
+          const p = await V.json();
+          j.value = (p == null ? void 0 : p.data) || {}, L.value = (p == null ? void 0 : p.schema) || null;
+          const oe = typeof (p == null ? void 0 : p.token) == "string" && p.token || typeof ((s = p == null ? void 0 : p.tokens) == null ? void 0 : s.edit) == "string" && p.tokens.edit || typeof ((u = p == null ? void 0 : p.tokens) == null ? void 0 : u.edit_token) == "string" && p.tokens.edit_token || typeof ((f = p == null ? void 0 : p.data) == null ? void 0 : f.token) == "string" && p.data.token || null;
+          T.value = oe, B.value = null;
+        } catch (V) {
+          console.error("Failed to load edit form", V), D.value = "Не вдалося завантажити форму редагування";
+        } finally {
+          A.value = !1;
+        }
+      }
+    }
+    function ve() {
+      z.value = !1, L.value = null, D.value = "", T.value = null;
+    }
+    async function we() {
+      var s, u;
+      if (!(!w.value || !K.value)) {
+        if (B.value) {
+          const f = (u = (s = B.value).validate) == null ? void 0 : u.call(s);
+          if (f) {
+            X({
+              type: "warning",
+              title: "Validation",
+              message: Object.entries(f).map(([V, p]) => `${V}: ${p}`).join(`
+`)
+            });
+            return;
+          }
+        }
+        S.value = !0;
+        try {
+          const f = await fetch(K.value, {
+            method: N.value,
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(j.value)
+          });
+          if (!f.ok) throw new Error(`Failed to save: ${f.status}`);
+          X({
+            type: "success",
+            title: "Збережено",
+            message: "Зміни збережено"
+          }), E("saved", j.value), ve();
+        } catch (f) {
+          console.error("Failed to save edit form", f), X({
+            type: "error",
+            title: "Помилка",
+            message: "Не вдалося зберегти зміни"
+          });
+        } finally {
+          S.value = !1;
+        }
+      }
+    }
+    return (s, u) => (c(), v("div", {
+      ref_key: "root",
+      ref: _,
+      class: "relative flex items-center"
+    }, [
+      l("button", {
+        ref_key: "triggerButton",
+        ref: C,
+        type: "button",
+        onClick: Ee(Q, ["stop"]),
+        class: "flex items-center justify-center w-9 h-9 hover:rounded-md hover:border hover:border-gray-200 bg-white text-gray-600 hover:bg-gray-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-500",
+        "aria-label": "Дії"
+      }, [...u[3] || (u[3] = [
+        l("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          class: "h-5 w-5",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor"
+        }, [
+          l("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M12 5.5v.01M12 12v.01M12 18.5v.01"
+          })
+        ], -1)
+      ])], 512),
+      (c(), ie(Me, { to: "body" }, [
+        b.value ? (c(), v("div", {
+          key: 0,
+          ref_key: "menuContainer",
+          ref: M,
+          style: Le(e.value),
+          class: "absolute top-0 left-0 mt-2 w-48 rounded-xl border border-gray-200 bg-white shadow-lg text-sm z-[1000]"
+        }, [
+          ee.value || a.clearTilesHandler ? (c(), v(q, { key: 0 }, [
+            a.clearTilesHandler ? (c(), v("button", {
+              key: 0,
+              type: "button",
+              class: "flex items-center gap-2 w-full px-4 py-2 text-left text-gray-700 hover:bg-slate-50 hover:rounded-t-xl",
+              onClick: he
+            }, [
+              F(R(fe), {
+                size: 16,
+                class: "lucide lucide-brush-cleaning text-gray-500"
+              }),
+              u[4] || (u[4] = l("span", null, "Очистити тайли", -1))
+            ])) : (c(), v("a", {
+              key: 1,
+              href: ee.value,
+              target: "_blank",
+              rel: "noreferrer",
+              class: "flex items-center gap-2 px-4 py-2 text-left text-gray-700 hover:bg-slate-50 hover:rounded-t-xl",
+              onClick: O
+            }, [
+              F(R(fe), {
+                size: 16,
+                class: "lucide lucide-brush-cleaning text-gray-500"
+              }),
+              u[5] || (u[5] = l("span", null, "Очистити тайли", -1))
+            ], 8, wt))
+          ], 64)) : H("", !0),
+          a.showXmlItem ? (c(), v("a", {
+            key: 1,
+            href: t.value,
+            target: "_blank",
+            rel: "noreferrer",
+            class: "flex items-center gap-2 px-4 py-2 text-left text-gray-700 hover:bg-slate-50 hover:rounded-t-xl",
+            onClick: O
+          }, [
+            F(R(ye), {
+              size: 16,
+              class: "lucide lucide-square-code text-gray-500"
+            }),
+            u[6] || (u[6] = l("span", null, "Створити XML", -1))
+          ], 8, _t)) : H("", !0),
+          a.showXmlItem ? (c(), v("a", {
+            key: 2,
+            href: r.value,
+            target: "_blank",
+            rel: "noreferrer",
+            class: "flex items-center gap-2 px-4 py-2 text-left text-gray-700 hover:bg-slate-50 hover:rounded-t-xl",
+            onClick: O
+          }, [
+            F(R(ye), {
+              size: 16,
+              class: "lucide lucide-square-code text-gray-500"
+            }),
+            u[7] || (u[7] = l("span", null, "Pretile", -1))
+          ], 8, kt)) : H("", !0),
+          l("button", {
+            type: "button",
+            class: "flex items-center gap-2 w-full px-4 py-2 text-left text-gray-700 hover:bg-slate-50 hover:rounded-b-xl",
+            onClick: xe
+          }, [
+            F(R(Be), {
+              size: 16,
+              class: "lucide lucide-pencil text-gray-500"
+            }),
+            l("span", null, x(G.value), 1)
+          ])
+        ], 4)) : H("", !0)
+      ])),
+      F(R(d), {
+        teleport: "#modal",
+        visible: z.value,
+        "onUpdate:visible": u[2] || (u[2] = (f) => z.value = f),
+        title: o.value,
+        size: "lg"
+      }, {
+        footer: re(() => [
+          l("div", Vt, [
+            l("button", {
+              type: "button",
+              class: "px-4 py-2 rounded bg-gray-100 text-gray-700",
+              onClick: ve,
+              disabled: S.value
+            }, " Скасувати ", 8, St),
+            l("button", {
+              type: "button",
+              class: "px-4 py-2 rounded bg-blue-600 text-white",
+              onClick: we,
+              disabled: S.value
+            }, x(S.value ? "Зберігається…" : "Зберегти"), 9, $t)
+          ])
+        ]),
+        default: re(() => [
+          A.value ? (c(), v("div", Ct, " Завантаження форми редагування… ")) : D.value ? (c(), v("div", zt, x(D.value), 1)) : (c(), ie(R(U), {
+            key: 2,
+            values: j.value,
+            "onUpdate:values": u[0] || (u[0] = (f) => j.value = f),
+            form: B.value,
+            "onUpdate:form": u[1] || (u[1] = (f) => B.value = f),
+            schema: L.value
+          }, null, 8, ["values", "form", "schema"]))
+        ]),
+        _: 1
+      }, 8, ["visible", "title"])
+    ], 512));
+  }
+});
+export {
+  At as _,
+  Bt as a,
+  jt as b,
+  Ut as c
+};