@opengis/gis 0.2.178 → 0.2.179

package/dist/MapToolbarRight.vue_vue_type_script_setup_true_lang-k3Zo1Hqm.js

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