@opengis/gis 0.2.178 → 0.2.180

package/dist/cartocss-COLdNfzh.js

@@ -0,0 +1,1460 @@
+import { openBlock as x, createElementBlock as P, createElementVNode as l, defineComponent as U, computed as B, createTextVNode as Le, createVNode as S, mergeModels as pt, defineAsyncComponent as Se, useModel as vt, ref as b, withCtx as j, toDisplayString as O, unref as I, watch as q, onUnmounted as yt, createCommentVNode as N, onBeforeUnmount as ae, onMounted as Ee, createBlock as A, Transition as gt, withModifiers as De, Fragment as me, renderList as Qe, normalizeStyle as $e, normalizeClass as pe, withDirectives as Ue, vModelText as ht, vModelCheckbox as bt, resolveDynamicComponent as xt } from "vue";
+import { useRouter as _t, useRoute as wt } from "vue-router";
+import { notify as D } from "@opengis/core";
+import { Minimize2 as kt, Maximize2 as Ct, Link2 as Mt, Ruler as St, Eye as $t, EyeOff as Lt } from "lucide-vue-next";
+import { _ as Ye, f as oe, o as Et, p as Vt, q as zt, M as Rt, i as Bt, j as qe, r as Pt, t as Tt, m as At } from "./index-Czv-aLH-.js";
+import { S as Ft, C as Nt } from "./CardIcon-g4POnzwa.js";
+import { h as ve, _ as jt, a as Ot, b as Dt, c as Ut, d as qt, e as Zt, f as It, g as Qt } from "./MapToolbarRight.vue_vue_type_script_setup_true_lang-Diu4LI2Z.js";
+import { _ as He } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-D3ZPeXMw.js";
+import { V as Yt } from "./vs-datatable-C4NSnPIQ.js";
+import { _ as Ze } from "./ExtentOutlineLayer.vue_vue_type_script_setup_true_lang-BcSv7m_s.js";
+const Ht = {}, Jt = {
+  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: "lucide lucide-table"
+};
+function Kt($, r) {
+  return x(), P("svg", Jt, [...r[0] || (r[0] = [
+    l("path", { d: "M12 3v18" }, null, -1),
+    l("rect", {
+      width: "18",
+      height: "18",
+      x: "3",
+      y: "3",
+      rx: "2"
+    }, null, -1),
+    l("path", { d: "M3 9h18" }, null, -1),
+    l("path", { d: "M3 15h18" }, null, -1)
+  ])]);
+}
+const Xt = /* @__PURE__ */ Ye(Ht, [["render", Kt]]), Gt = { class: "flex flex-col h-full" }, Wt = { class: "flex justify-end mb-3 gap-2" }, ea = /* @__PURE__ */ U({
+  __name: "cartocss-css-tab",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue", "save"],
+  setup($, { emit: r }) {
+    const n = $, k = r, _ = B({
+      get: () => n.modelValue,
+      set: (v) => k("update:modelValue", v)
+    });
+    return (v, g) => (x(), P("div", Gt, [
+      l("div", Wt, [
+        l("button", {
+          type: "button",
+          class: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium bg-gradient-to-r from-sky-400 to-blue-400 hover:from-sky-500 hover:to-blue-500 text-white shadow-sm px-4 py-2 h-9 text-xs transition-all duration-300",
+          onClick: g[0] || (g[0] = (y) => v.$emit("save"))
+        }, [...g[2] || (g[2] = [
+          l("svg", {
+            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: "h-3.5 w-3.5"
+          }, [
+            l("path", { d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a 2 2 0 0 1-2-2V5a 2 2 0 0 1 2-2z" }),
+            l("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a 1 1 0 0 0-1 1v7" }),
+            l("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
+          ], -1),
+          Le(" Зберегти ", -1)
+        ])])
+      ]),
+      S(He, {
+        modelValue: _.value,
+        "onUpdate:modelValue": g[1] || (g[1] = (y) => _.value = y),
+        language: "cartocss",
+        class: "flex-1 rounded-lg overflow-hidden"
+      }, null, 8, ["modelValue"])
+    ]));
+  }
+}), ta = { class: "flex flex-col flex-1 min-h-0" }, aa = { class: "flex justify-between mb-3 gap-2" }, oa = { class: "text-left" }, na = { class: "font-medium text-gray-900" }, la = { class: "text-xs text-gray-500" }, sa = { class: "flex justify-center gap-2" }, ra = ["checked", "onChange"], ua = { class: "text-sm font-medium text-gray-900" }, ia = /* @__PURE__ */ U({
+  __name: "cartocss-data-tab",
+  props: {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ pt(["save"], ["update:modelValue"]),
+  setup($, { emit: r }) {
+    const n = [
+      { key: "table", label: "Таблиця", slot: "datasetCell" },
+      {
+        key: "active",
+        label: "Активний",
+        slot: "activeCell",
+        width: "140px"
+      },
+      {
+        key: "zoom",
+        label: "Min Зум",
+        slot: "zoomCell",
+        width: "140px"
+      }
+    ], k = Se(
+      () => import("@opengis/core").then((w) => w.VsModal)
+    ), _ = Se(() => import("@opengis/form")), v = vt($, "modelValue"), g = r, y = b(!1), h = b({
+      table: "",
+      query: "",
+      srid: "",
+      key: "",
+      columns: "",
+      gcol: "",
+      minzoom: "",
+      maxzoom: "",
+      proj4text: "",
+      active: !0
+    }), u = {
+      table: { type: "text", label: "Таблиця", validators: ["required"] },
+      key: { type: "text", label: "Ключ", validators: ["required"] },
+      query: { type: "text", label: "Query" },
+      columns: { type: "text", label: "Колонки" },
+      gcol: { type: "text", label: "Колонка geometry" },
+      srid: { type: "number", label: "SRID" },
+      proj4text: { type: "text", label: "PROJ4" },
+      active: { type: "switcher", label: "Активна" },
+      minzoom: { type: "number", label: "Min Зум", col: 6 },
+      maxzoom: { type: "number", label: "Max Зум", col: 6 }
+    };
+    function s() {
+      h.value = {
+        table: "",
+        query: "",
+        srid: "",
+        key: "",
+        columns: "",
+        gcol: "",
+        minzoom: "",
+        maxzoom: "",
+        proj4text: "",
+        active: !0
+      }, y.value = !0;
+    }
+    function m() {
+      y.value = !1;
+    }
+    function z() {
+      var i, o;
+      const w = (i = h.value.table) == null ? void 0 : i.trim(), C = (o = h.value.key) == null ? void 0 : o.trim();
+      if (!w || !C) {
+        D({
+          type: "warning",
+          title: "Перевірка",
+          message: "Вкажіть таблицю та підпис"
+        });
+        return;
+      }
+      v.value = [
+        ...Array.isArray(v.value) ? v.value : [],
+        { ...h.value, table: w, key: C }
+      ], y.value = !1;
+    }
+    function p(w, C) {
+      var o;
+      const i = ((o = C == null ? void 0 : C.target) == null ? void 0 : o.checked) ?? !1;
+      w.active = i, v.value = Array.isArray(v.value) ? [...v.value] : [];
+    }
+    return (w, C) => (x(), P("div", ta, [
+      l("div", aa, [
+        l("button", {
+          type: "button",
+          class: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium bg-gradient-to-r from-gray-500 to-gray-400 text-white h-9 px-4 py-2 hover:from-gray-600 hover:to-gray-500",
+          onClick: s
+        }, " Додати таблицю "),
+        l("button", {
+          type: "button",
+          class: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium bg-gradient-to-r from-sky-400 to-blue-400 hover:from-sky-500 hover:to-blue-500 text-white shadow-sm px-4 py-2 h-9 text-xs transition-all duration-300",
+          onClick: C[0] || (C[0] = (i) => g("save"))
+        }, " Зберегти ")
+      ]),
+      S(Yt, {
+        modelValue: v.value,
+        "onUpdate:modelValue": C[1] || (C[1] = (i) => v.value = i),
+        "columns-scheme": n,
+        "form-scheme": u,
+        "add-button": !1,
+        "main-col-width": "260px"
+      }, {
+        datasetCell: j(({ row: i }) => [
+          l("div", oa, [
+            l("div", na, O(i.table), 1),
+            l("div", la, O(i.key), 1)
+          ])
+        ]),
+        activeCell: j(({ row: i }) => [
+          l("label", sa, [
+            l("input", {
+              type: "checkbox",
+              class: "h-4 w-4 text-sky-500 border-gray-300 rounded focus:ring-sky-300",
+              checked: i.active,
+              onChange: (o) => p(i, o)
+            }, null, 40, ra)
+          ])
+        ]),
+        zoomCell: j(({ row: i }) => [
+          l("div", ua, O(i.zoom), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      S(I(k), {
+        teleport: "#modal",
+        visible: y.value,
+        "onUpdate:visible": C[3] || (C[3] = (i) => y.value = i),
+        title: "Нова таблиця CartoCSS"
+      }, {
+        footer: j(() => [
+          l("div", { class: "flex justify-end gap-2 p-4 border-т" }, [
+            l("button", {
+              type: "button",
+              class: "px-4 py-2 rounded bg-gray-100 text-gray-700",
+              onClick: m
+            }, " Скасувати "),
+            l("button", {
+              type: "button",
+              class: "px-4 py-2 rounded bg-blue-600 text-white",
+              onClick: z
+            }, " Додати ")
+          ])
+        ]),
+        default: j(() => [
+          S(I(_), {
+            values: h.value,
+            "onUpdate:values": C[2] || (C[2] = (i) => h.value = i),
+            schema: u
+          }, null, 8, ["values"])
+        ]),
+        _: 1
+      }, 8, ["visible"])
+    ]));
+  }
+}), ca = { class: "flex flex-col flex-1 min-h-0 gap-4" }, da = { class: "h-[calc(100vh-230px)] rounded-md border border-gray-200 bg-white" }, fa = /* @__PURE__ */ U({
+  __name: "cartocss-card-tab",
+  props: {
+    card: {},
+    table: {}
+  },
+  emits: ["save"],
+  setup($, { emit: r }) {
+    const n = $, k = r, _ = b(n.table), v = b(n.card), g = Se(() => import("@opengis/form").then((h) => h.VsInputText));
+    function y() {
+      k("save", {
+        card_html: v.value,
+        card_table: _.value
+      });
+    }
+    return (h, u) => (x(), P("div", ca, [
+      l("div", { class: "flex items-center justify-end gap-3" }, [
+        l("button", {
+          type: "button",
+          class: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium bg-gradient-to-r from-sky-400 to-blue-400 hover:from-sky-500 hover:to-blue-500 text-white shadow-sm px-4 py-2 h-9 text-xs transition-all duration-300",
+          onClick: y
+        }, [...u[2] || (u[2] = [
+          l("svg", {
+            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: "h-3.5 w-3.5"
+          }, [
+            l("path", { d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a 2 2 0 0 1-2-2V5a 2 2 0 0 1 2-2z" }),
+            l("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a 1 1 0 0 0-1 1v7" }),
+            l("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
+          ], -1),
+          Le(" Зберегти картку ", -1)
+        ])])
+      ]),
+      l("div", null, [
+        S(I(g), {
+          modelValue: _.value,
+          "onUpdate:modelValue": u[0] || (u[0] = (s) => _.value = s)
+        }, null, 8, ["modelValue"])
+      ]),
+      l("div", da, [
+        S(He, {
+          modelValue: v.value,
+          "onUpdate:modelValue": u[1] || (u[1] = (s) => v.value = s),
+          language: "html",
+          theme: "vs-light",
+          class: "h-full w-full rounded-md"
+        }, null, 8, ["modelValue"])
+      ])
+    ]));
+  }
+}), ma = /* @__PURE__ */ U({
+  __name: "CartocssLayerLoader",
+  props: {
+    layerId: { type: String, required: !0 },
+    tileUrl: { type: String, default: "" },
+    title: { type: String, default: "" },
+    active: { type: Boolean, default: !1 },
+    owner: { type: String, default: "" },
+    opacity: { type: Number, default: 1 }
+  },
+  setup($) {
+    const r = $, n = oe(), {
+      activateTemporaryLayer: k,
+      deactivateTemporaryLayer: _,
+      setTemporaryLayerOpacity: v
+    } = Et(n.map), g = B(() => {
+      var m;
+      const s = `${(m = r == null ? void 0 : r.tileUrl) == null ? void 0 : m.trim()}`;
+      return s ? typeof window > "u" || typeof location > "u" || /^https?:\/\//i.test(s) ? s : s.startsWith("//") ? `${window.location.protocol}${s}` : s.startsWith("/") ? `${location.origin}${s}` : `${location.origin}/${s}` : "";
+    });
+    let y = "", h = "";
+    function u() {
+      const s = r.active && !!g.value;
+      y && (!s || y !== r.layerId) && (_(y, h || void 0), y = "", h = ""), s && (k(
+        {
+          id: r.layerId,
+          title: r.title || r.layerId,
+          url: g.value,
+          opacity: r.opacity
+        },
+        {},
+        r.owner
+      ), y = r.layerId, h = r.owner || "");
+    }
+    return q(
+      () => [r.layerId, g.value, r.active, r.owner],
+      u,
+      { immediate: !0 }
+    ), q(
+      () => r.opacity,
+      (s) => {
+        !y || !r.active || v(y, s, h || void 0);
+      },
+      { immediate: !0 }
+    ), yt(() => {
+      y && (_(y, h || void 0), y = "", h = "");
+    }), (s, m) => N("", !0);
+  }
+}), pa = /* @__PURE__ */ U({
+  __name: "CartocssMapClickListener",
+  props: {
+    cartocssId: {},
+    infoEnabled: { type: [Boolean, null] },
+    active: { type: [Boolean, null] }
+  },
+  setup($) {
+    const r = $, n = B(() => r.cartocssId ?? null), k = B(
+      () => !!r.infoEnabled && r.active !== !1
+    ), { map: _, ready: v } = oe(), g = (p) => {
+      !p || typeof window > "u" || window.dispatchEvent(
+        new CustomEvent(zt, { detail: p })
+      );
+    }, y = async (p) => {
+      const w = await fetch(`/api/map-format?${p.toString()}`);
+      if (!w.ok)
+        throw new Error(`API returned ${w.status}`);
+      return w.json();
+    };
+    let h = null, u = null;
+    const s = (p) => {
+      if (!p) return null;
+      if (typeof p == "string")
+        try {
+          return JSON.parse(p);
+        } catch {
+          return null;
+        }
+      return p;
+    }, m = async (p, w) => {
+      var o;
+      const C = n.value ? `external:${n.value},${String(p)}` : null, i = new URLSearchParams({
+        layer: n.value ?? "",
+        id: String(p)
+      });
+      try {
+        const c = await y(i), R = typeof c.html == "string" ? c.html : null, V = s(
+          ((o = c == null ? void 0 : c.data) == null ? void 0 : o.geom) ?? (c == null ? void 0 : c.geom) ?? null
+        );
+        (R || V) && g({
+          html: R,
+          geometry: V ?? w,
+          infoToken: C
+        });
+      } catch (c) {
+        console.warn("CartoCSS map-format (id) error", c);
+      }
+    }, z = async (p) => {
+      var o, c, R, V;
+      if (!n.value || r.active === !1) return;
+      if (!k.value) {
+        D({
+          type: "error",
+          title: "CartoCSS",
+          message: "Картка не налаштована"
+        });
+        return;
+      }
+      const w = (o = p == null ? void 0 : p.lngLat) == null ? void 0 : o.lng, C = (c = p == null ? void 0 : p.lngLat) == null ? void 0 : c.lat;
+      if (typeof w != "number" || typeof C != "number") return;
+      const i = new URLSearchParams({
+        layer: n.value,
+        lat: C.toFixed(6),
+        lng: w.toFixed(6)
+      });
+      try {
+        const M = await y(i), K = s(
+          ((R = M == null ? void 0 : M.data) == null ? void 0 : R.geom) ?? (M == null ? void 0 : M.geom) ?? null
+        ), Q = ((V = M == null ? void 0 : M.data) == null ? void 0 : V.id) ?? (M == null ? void 0 : M.id);
+        if (Q != null) {
+          await m(Q, K);
+          return;
+        }
+        Vt({ html: M == null ? void 0 : M.html }) && g({
+          html: M == null ? void 0 : M.html,
+          geometry: K,
+          infoToken: null
+        });
+      } catch (M) {
+        console.warn("CartoCSS map-format error", M);
+      }
+    };
+    return v().then(() => {
+      u = _.value, u && (u.on("click", z), h = () => u == null ? void 0 : u.off("click", z));
+    }), ae(() => {
+      h == null || h(), h = null, u = null;
+    }), () => {
+    };
+  }
+}), va = 100, ya = /* @__PURE__ */ U({
+  __name: "MapFullscreenButton",
+  props: {
+    target: {}
+  },
+  setup($) {
+    const r = $, { map: n, ready: k } = oe(), _ = b(!1), v = b(!1);
+    function g() {
+      var m, z;
+      if (r.target) return r.target;
+      const s = (z = (m = n.value) == null ? void 0 : m.getContainer) == null ? void 0 : z.call(m);
+      return s ? s.closest(".map-view-root") ?? s : null;
+    }
+    function y() {
+      const s = g();
+      v.value = !!(s && document.fullscreenElement === s);
+    }
+    function h() {
+      window.setTimeout(() => {
+        var s, m;
+        (m = (s = n.value) == null ? void 0 : s.resize) == null || m.call(s);
+      }, va);
+    }
+    async function u() {
+      const s = g();
+      if (s)
+        try {
+          document.fullscreenElement === s ? await document.exitFullscreen() : document.fullscreenElement ? (await document.exitFullscreen(), await s.requestFullscreen()) : await s.requestFullscreen();
+        } catch (m) {
+          console.error("Fullscreen error:", m);
+        } finally {
+          y(), h();
+        }
+    }
+    return Ee(async () => {
+      await (k == null ? void 0 : k()), _.value = !!n.value, y(), document.addEventListener("fullscreenchange", y), document.addEventListener("fullscreenchange", h);
+    }), ae(() => {
+      document.removeEventListener("fullscreenchange", y), document.removeEventListener("fullscreenchange", h);
+    }), (s, m) => (x(), A(ve, {
+      title: v.value ? "Вийти з повного екрана" : "Повний екран",
+      tooltip: v.value ? "Вийти з повного екрана" : "Повний екран",
+      active: v.value,
+      disabled: !_.value,
+      onClick: u
+    }, {
+      default: j(() => [
+        v.value ? (x(), A(I(kt), {
+          key: 0,
+          class: "w-4 h-4"
+        })) : (x(), A(I(Ct), {
+          key: 1,
+          class: "w-4 h-4"
+        }))
+      ]),
+      _: 1
+    }, 8, ["title", "tooltip", "active", "disabled"]));
+  }
+}), ga = /* @__PURE__ */ U({
+  __name: "MapCopyLinkButton",
+  props: {
+    url: { default: "" }
+  },
+  setup($) {
+    const r = $;
+    async function n() {
+      const k = r.url || (typeof window < "u" ? window.location.href : "");
+      if (!k) {
+        D({
+          type: "warning",
+          title: "Посилання",
+          message: "Немає URL для копіювання"
+        });
+        return;
+      }
+      try {
+        await navigator.clipboard.writeText(k), D({
+          type: "success",
+          title: "Посилання",
+          message: "Посилання скопійовано"
+        });
+      } catch (_) {
+        console.error("Copy link error:", _), D({
+          type: "error",
+          title: "Посилання",
+          message: "Не вдалося скопіювати посилання"
+        });
+      }
+    }
+    return (k, _) => (x(), A(ve, {
+      title: "Копіювати посилання",
+      tooltip: "Копіювати посилання",
+      onClick: n
+    }, {
+      default: j(() => [
+        S(I(Mt), { class: "w-4 h-4" })
+      ]),
+      _: 1
+    }));
+  }
+}), ha = {
+  key: 0,
+  class: "absolute right-full top-0 mr-2 z-[450] flex",
+  role: "group",
+  "aria-label": "Вибір рівня зуму"
+}, ba = { class: "flex flex-col items-center rounded-lg border border-gray-200 bg-white/95 py-2.5 pl-1 pr-2 shadow-lg backdrop-blur-sm" }, xa = ["title", "onClick"], _a = {
+  key: 0,
+  class: "absolute right-5 text-[9px] tabular-nums text-gray-400"
+}, wa = /* @__PURE__ */ U({
+  __name: "MapZoomSlider",
+  props: {
+    visible: { type: Boolean },
+    modelValue: {},
+    min: { default: 5 },
+    max: { default: 20 }
+  },
+  emits: ["update:modelValue"],
+  setup($, { emit: r }) {
+    const n = $, k = r, _ = b(), v = b(n.modelValue), g = b(!1);
+    q(
+      () => n.modelValue,
+      (i) => {
+        g.value || (v.value = i);
+      }
+    );
+    const y = B(() => {
+      const i = [];
+      for (let o = n.min; o <= n.max; o += 1) i.push(o);
+      return i;
+    }), h = B(() => {
+      const i = /* @__PURE__ */ new Set();
+      for (let o = n.min; o <= n.max; o += 5)
+        i.add(o);
+      return i.add(n.max), i;
+    }), u = (i) => h.value.has(i), s = (i) => {
+      const o = n.max - n.min;
+      return o <= 0 ? 0 : (n.max - i) / o * 100;
+    }, m = (i) => {
+      k("update:modelValue", i);
+    }, z = (i) => {
+      if (!_.value) return;
+      const o = _.value.getBoundingClientRect(), c = (i - o.top) / o.height;
+      v.value = Math.max(
+        n.min,
+        Math.min(n.max, Math.round(n.max - c * (n.max - n.min)))
+      );
+    }, p = (i) => {
+      z(i.clientY);
+    }, w = () => {
+      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", w), g.value = !1, v.value !== n.modelValue && k("update:modelValue", v.value);
+    }, C = (i) => {
+      g.value = !0, z(i.clientY), window.addEventListener("mousemove", p), window.addEventListener("mouseup", w);
+    };
+    return (i, o) => (x(), A(gt, { name: "zoom-panel" }, {
+      default: j(() => [
+        $.visible ? (x(), P("div", ha, [
+          l("div", ba, [
+            o[1] || (o[1] = l("span", { class: "mb-1 text-[9px] font-semibold uppercase tracking-wider text-gray-400" }, " Zoom ", -1)),
+            l("div", {
+              ref_key: "sliderRef",
+              ref: _,
+              class: "relative h-44 w-8 cursor-pointer select-none",
+              onMousedown: De(C, ["prevent"])
+            }, [
+              o[0] || (o[0] = l("div", { class: "absolute right-0 top-0 bottom-0 w-px bg-gray-200" }, null, -1)),
+              (x(!0), P(me, null, Qe(y.value, (c) => (x(), P("button", {
+                key: c,
+                type: "button",
+                class: "absolute right-0 -translate-y-1/2 flex items-center justify-end group",
+                style: $e({ top: `${s(c)}%` }),
+                title: `Zoom ${c}`,
+                onClick: De((R) => m(c), ["stop"])
+              }, [
+                l("span", {
+                  class: pe([
+                    "block rounded-full",
+                    u(c) ? "h-px w-2.5 bg-gray-300 group-hover:bg-gray-400" : "h-px w-1.5 bg-gray-200 group-hover:bg-gray-300"
+                  ])
+                }, null, 2),
+                u(c) ? (x(), P("span", _a, O(c), 1)) : N("", !0)
+              ], 12, xa))), 128)),
+              l("div", {
+                class: "absolute right-0 -translate-y-1/2 flex items-center",
+                style: $e({ top: `${s(v.value)}%` })
+              }, [
+                l("div", {
+                  class: pe(["h-[4px] w-4 rounded-full bg-blue-600/80 shadow-sm transition-all", g.value ? "bg-blue-300 transform duration-200" : ""])
+                }, null, 2)
+              ], 4)
+            ], 544)
+          ])
+        ])) : N("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), ka = /* @__PURE__ */ Ye(wa, [["__scopeId", "data-v-ca77aba8"]]), Ca = { class: "text-[0.7rem] font-bold tabular-nums leading-none text-gray-600" }, Ce = 5, Me = 20, Ma = 13, Sa = 0.01, $a = 200, La = /* @__PURE__ */ U({
+  __name: "MapZoomLevelButton",
+  setup($) {
+    const { map: r, ready: n } = oe(), k = b(!1), _ = b(!1), v = b(Ma), g = b(!1), y = b(Ce), h = b(Me), u = B(() => String(v.value));
+    function s(o) {
+      return Math.round(Math.min(h.value, Math.max(y.value, o)));
+    }
+    function m() {
+      var V, M;
+      const o = r.value;
+      if (!o) return;
+      const c = (V = o.getMinZoom) == null ? void 0 : V.call(o), R = (M = o.getMaxZoom) == null ? void 0 : M.call(o);
+      Number.isFinite(c) && (y.value = Math.max(Ce, Math.floor(Number(c)))), Number.isFinite(R) && (h.value = Math.min(Me, Math.ceil(Number(R)))), y.value > h.value && (y.value = Ce, h.value = Me);
+    }
+    function z() {
+      var V;
+      const o = r.value;
+      if (!o || g.value) return;
+      const c = (V = o.getZoom) == null ? void 0 : V.call(o);
+      if (c == null) return;
+      const R = s(c);
+      v.value !== R && (v.value = R);
+    }
+    function p(o) {
+      var K, Q;
+      const c = r.value;
+      if (!(c != null && c.easeTo)) return;
+      const R = (K = c.getCenter) == null ? void 0 : K.call(c);
+      if (!R) return;
+      const V = s(o), M = (Q = c.getZoom) == null ? void 0 : Q.call(c);
+      M != null && Math.abs(M - V) < Sa || (g.value = !0, c.easeTo({
+        center: [R.lng, R.lat],
+        zoom: V,
+        duration: $a,
+        essential: !0
+      }));
+    }
+    function w() {
+      g.value = !1, z();
+    }
+    function C() {
+      _.value = !_.value, _.value && (m(), z());
+    }
+    function i(o) {
+      v.value = o, p(o);
+    }
+    return Ee(async () => {
+      var c;
+      await (n == null ? void 0 : n());
+      const o = r.value;
+      k.value = !!o, m(), z(), (c = o == null ? void 0 : o.on) == null || c.call(o, "zoomend", w);
+    }), ae(() => {
+      var o, c;
+      (c = (o = r.value) == null ? void 0 : o.off) == null || c.call(o, "zoomend", w);
+    }), (o, c) => (x(), P(me, null, [
+      S(ve, {
+        title: _.value ? "Закрити вибір зуму" : "Вибрати рівень зуму",
+        tooltip: "Рівень зуму",
+        active: _.value,
+        disabled: !k.value,
+        "aria-label": "Рівень зуму",
+        onClick: C
+      }, {
+        default: j(() => [
+          l("div", Ca, O(u.value), 1)
+        ]),
+        _: 1
+      }, 8, ["title", "active", "disabled"]),
+      S(ka, {
+        visible: _.value,
+        "model-value": v.value,
+        min: y.value,
+        max: h.value,
+        "onUpdate:modelValue": i
+      }, null, 8, ["visible", "model-value", "min", "max"])
+    ], 64));
+  }
+}), Ea = /* @__PURE__ */ U({
+  __name: "MapRulerButton",
+  props: {
+    active: { type: Boolean }
+  },
+  emits: ["click"],
+  setup($) {
+    return (r, n) => (x(), A(ve, {
+      title: $.active ? "Вимкнути лінійку" : "Увімкнути лінійку",
+      tooltip: "Вимірювання",
+      active: $.active,
+      "aria-label": "Вимірювання",
+      onClick: n[0] || (n[0] = (k) => r.$emit("click", k))
+    }, {
+      default: j(() => [
+        S(I(St), { class: "w-4 h-4" })
+      ]),
+      _: 1
+    }, 8, ["title", "active"]));
+  }
+}), Va = /* @__PURE__ */ U({
+  __name: "RulerMapClickBridge",
+  props: {
+    active: { type: Boolean }
+  },
+  emits: ["map-click"],
+  setup($, { emit: r }) {
+    const n = $, k = r, { map: _, ready: v } = oe();
+    let g = null;
+    function y(u) {
+      if (!n.active) return;
+      const s = u == null ? void 0 : u.lngLat;
+      typeof (s == null ? void 0 : s.lat) != "number" || typeof (s == null ? void 0 : s.lng) != "number" || k("map-click", { lat: s.lat, lng: s.lng });
+    }
+    async function h() {
+      if (g == null || g(), g = null, !n.active) return;
+      await (v == null ? void 0 : v());
+      const u = _.value;
+      u != null && u.on && (u.on("click", y), g = () => {
+        var s;
+        return (s = u.off) == null ? void 0 : s.call(u, "click", y);
+      });
+    }
+    return q(
+      () => n.active,
+      () => {
+        h();
+      },
+      { immediate: !0 }
+    ), ae(() => {
+      g == null || g(), g = null;
+    }), (u, s) => null;
+  }
+}), za = { class: "flex h-full bg-gradient-to-br from-slate-50 to-white" }, Ra = { class: "flex-1 relative overflow-hidden" }, Ba = { class: "absolute top-0 left-0 w-full z-20" }, Pa = { class: "px-4 sm:px-6 py-4 border-b border-gray-200 bg-white shadow-sm" }, Ta = { class: "flex items-start justify-between gap-4" }, Aa = { class: "flex-1 min-w-0" }, Fa = { class: "flex items-center text-sm text-gray-500 mb-3" }, Na = { class: "text-gray-900 font-medium truncate max-w-xs" }, ja = { class: "flex items-center justify-between gap-4" }, Oa = { class: "flex-1 min-w-0" }, Da = { class: "flex items-center gap-3 mb-1" }, Ua = { class: "text-base font-semibold text-gray-900 truncate" }, qa = {
+  key: 0,
+  class: "px-2 py-0.5 bg-green-50 border border-green-200 rounded flex-shrink-0"
+}, Za = { class: "text-xs font-medium text-green-700" }, Ia = ["title"], Qa = { class: "w-full h-full bg-gradient-to-br from-sky-50 via-white to-blue-50 flex items-center justify-center relative pt-[115px]" }, Ya = { class: "relative w-full h-full" }, Ha = { class: "absolute top-3 left-3 z-20" }, Ja = { class: "px-3 py-2 flex items-center gap-2 border-b border-gray-100" }, Ka = { class: "text-xs text-gray-700 w-9 text-right" }, Xa = { class: "px-3 py-2 flex items-center gap-2" }, Ga = {
+  for: "show-layer",
+  class: "text-xs text-gray-700 flex items-center gap-1 cursor-pointer"
+}, Wa = {
+  key: 2,
+  class: "absolute bottom-4 left-1/2 z-30 -translate-x-1/2 rounded-2xl border border-sky-200 bg-white/95 px-4 py-2 text-xs font-medium text-slate-700 shadow-lg backdrop-blur"
+}, eo = { class: "flex-1 flex flex-col h-full" }, to = {
+  key: 0,
+  class: "px-3 pt-3 pb-2 border-b border-gray-100"
+}, ao = ["aria-selected", "onClick"], oo = { class: "leading-none" }, no = { class: "flex flex-col flex-1 overflow-y-hidden p-3" }, lo = {
+  key: 0,
+  class: "flex-1 flex items-center justify-center text-sm text-gray-500"
+}, so = "cartocss-demo-001", ro = "OpenGIS", Ie = 2, fe = 5, uo = 5, _o = /* @__PURE__ */ U({
+  __name: "cartocss",
+  setup($) {
+    const r = _t(), n = wt(), k = b(null), _ = B(() => {
+      var t;
+      const e = (t = n.matched[n.matched.length - 1]) == null ? void 0 : t.path;
+      return (typeof e == "string" && e ? e : n.path).replace(/\/:id\??$/, "") || "/";
+    }), v = B(() => {
+      var a;
+      const e = (a = n.meta) == null ? void 0 : a.title;
+      return typeof e == "string" && e.trim() ? e : "CartoCSS";
+    });
+    function g() {
+      r.push(_.value);
+    }
+    const y = [
+      { key: "css", label: "CSS", icon: Ft },
+      { key: "data", label: "Дані", icon: Xt },
+      { key: "metadata", label: "Метадані", icon: Qt },
+      { key: "card", label: "Картка", icon: Nt }
+    ], h = y.map((e) => e.key), u = b(
+      h.includes(n.query.tab) ? n.query.tab : "css"
+    ), s = b(!0), m = b(null), z = B(
+      () => {
+        var e;
+        return (e = m.value) != null && e.source_path ? y.filter((a) => a.key === "card" || a.key === "metadata") : y;
+      }
+    ), p = B(
+      () => n.params.id || so
+    ), w = b({
+      id: p.value,
+      name: "",
+      description: ""
+    });
+    let C = null;
+    const i = b(!1);
+    function o(e) {
+      if (Array.isArray(e)) return o(e[0]);
+      if (typeof e != "string" && typeof e != "number") return null;
+      const a = typeof e == "number" ? e : Number(e.trim());
+      return Number.isFinite(a) ? a : null;
+    }
+    function c(e, a) {
+      return e.toFixed(a);
+    }
+    function R(e, a, t) {
+      const d = 0.5 * 10 ** -t;
+      return Math.abs(e - a) > d;
+    }
+    function V() {
+      var e;
+      return (e = k.value) == null ? void 0 : e.ctx;
+    }
+    function M() {
+      var L, T, J, Z;
+      const e = (T = (L = V()) == null ? void 0 : L.map) == null ? void 0 : T.value;
+      if (!e) return;
+      const a = o(n.query.z), t = o(n.query.x), d = o(n.query.y);
+      if (a == null || t == null || d == null) return;
+      const f = (J = e.getCenter) == null ? void 0 : J.call(e), E = (Z = e.getZoom) == null ? void 0 : Z.call(e);
+      (!f || R(f.lng, t, fe) || R(f.lat, d, fe) || R(E ?? 0, a, Ie)) && (i.value = !0, e.jumpTo({ center: [t, d], zoom: a }), i.value = !1);
+    }
+    function K() {
+      var f, E, F, L;
+      if (i.value) return;
+      const e = (E = (f = V()) == null ? void 0 : f.map) == null ? void 0 : E.value;
+      if (!e) return;
+      const a = (F = e.getCenter) == null ? void 0 : F.call(e), t = (L = e.getZoom) == null ? void 0 : L.call(e);
+      if (!a || t == null) return;
+      const d = {
+        ...n.query,
+        z: c(t, Ie),
+        x: c(a.lng, fe),
+        y: c(a.lat, fe)
+      };
+      n.query.z === d.z && n.query.x === d.x && n.query.y === d.y || r.replace({ query: d });
+    }
+    function Q(e) {
+      typeof document > "u" || (document.title = e ? `${e} — CartoCSS` : ro);
+    }
+    const ne = b(""), le = b([]), ye = b(!1), se = b(!1), ge = b(""), he = b(0), X = b(!0), re = b(1), Y = b(!1), ee = b(null), H = b(!1), be = b(null), ue = b(
+      []
+    ), xe = b(!1), Ve = b("general");
+    function Je(e) {
+      ue.value = e;
+    }
+    function Ke(e) {
+      var a;
+      (a = be.value) == null || a.addPoint(e);
+    }
+    function ze() {
+      var e;
+      ue.value = [], xe.value = !1, (e = be.value) == null || e.clearPoints(), H.value = !1;
+    }
+    function Xe() {
+      if (H.value) {
+        ze();
+        return;
+      }
+      H.value = !0;
+    }
+    const Ge = B(() => `cartocss-layer-${p.value}`), We = B(
+      () => `${Math.round(re.value * 100)}%`
+    ), et = B(
+      () => `cartocss-extent-${p.value}`
+    ), tt = B(
+      () => `cartocss-extent-draft-${p.value}`
+    ), Re = B(() => {
+      var f;
+      const e = (f = ge.value) == null ? void 0 : f.trim();
+      if (!e) return "";
+      const a = e.includes("?") ? "&" : "?", t = `${e}${a}nottl=1`, d = he.value;
+      return d ? `${e}${a}ts=${d}&nocache=1` : t;
+    }), Be = b(""), Pe = b(""), Te = B(() => {
+      var E;
+      const e = (E = m.value) == null ? void 0 : E.bounds;
+      if (!Array.isArray(e) || e.length < 4) return null;
+      const [a, t, d, f] = e;
+      return [a, t, d, f].some(
+        (F) => typeof F != "number" || Number.isNaN(F)
+      ) ? null : [(a + d) / 2, (t + f) / 2];
+    }), at = B(() => {
+      var E;
+      const e = (E = m.value) == null ? void 0 : E.bounds;
+      if (!Array.isArray(e) || e.length < 4) return null;
+      const [a, t, d, f] = e;
+      return [a, t, d, f].some(
+        (F) => typeof F != "number" || Number.isNaN(F)
+      ) ? null : [a, t, d, f];
+    }), _e = B(() => {
+      const e = m.value;
+      return e ? [
+        e.description,
+        e.group_id ? `Група: ${e.group_id}` : null,
+        e.source_path ? `Шлях: ${e.source_path}` : null,
+        e.is_public === !0 ? "Публічний" : "Не публічний",
+        e.enabled === !0 ? "Активний" : "Неактивний"
+      ].filter(Boolean).join(", ") : "";
+    }), Ae = B(() => {
+      var a;
+      const e = (a = m.value) == null ? void 0 : a.group_id;
+      return e ? String(e).toUpperCase() : "";
+    });
+    let G = null, te = !1, W = null;
+    function ie(e) {
+      return Number(e.toFixed(uo));
+    }
+    function Fe(e, a) {
+      const [t, d] = e, [f, E] = a;
+      return [
+        ie(Math.min(t, f)),
+        ie(Math.min(d, E)),
+        ie(Math.max(t, f)),
+        ie(Math.max(d, E))
+      ];
+    }
+    function ot(e) {
+      const [a, t, d, f] = e;
+      return {
+        type: "Polygon",
+        coordinates: [
+          [
+            [a, t],
+            [d, t],
+            [d, f],
+            [a, f],
+            [a, t]
+          ]
+        ]
+      };
+    }
+    function we(e) {
+      var d, f, E;
+      const a = (f = (d = V()) == null ? void 0 : d.map) == null ? void 0 : f.value, t = (E = a == null ? void 0 : a.getCanvas) == null ? void 0 : E.call(a);
+      t != null && t.style && (t.style.cursor = e);
+    }
+    async function nt(e, a) {
+      if (!(!p.value || !m.value)) {
+        se.value = !0;
+        try {
+          const t = ot(e), d = await fetch(`/api/gis-css/${p.value}`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ geom: t })
+          });
+          if (!d.ok)
+            throw new Error(`Failed to save cartocss bounds: ${d.status}`);
+          D({
+            type: "success",
+            title: "Bounds збережено",
+            message: "Нові межі успішно збережено."
+          }), await ce(p.value, { bustCache: !0 });
+        } catch (t) {
+          console.error("Failed to save CartoCSS bounds", t), m.value && (m.value = {
+            ...m.value,
+            bounds: a ? [...a] : null
+          }), D({
+            type: "error",
+            title: "Помилка",
+            message: "Не вдалося зберегти Bounds"
+          });
+        } finally {
+          se.value = !1;
+        }
+      }
+    }
+    function Ne(e) {
+      var t, d, f;
+      const a = (d = (t = V()) == null ? void 0 : t.map) == null ? void 0 : d.value;
+      if ((f = a == null ? void 0 : a.dragPan) != null && f.enable && a.dragPan.enable(), (e == null ? void 0 : e.length) === 4 && m.value) {
+        const E = Array.isArray(m.value.bounds) ? [...m.value.bounds] : null;
+        m.value = {
+          ...m.value,
+          bounds: [...e]
+        }, nt(e, E);
+      }
+      G = null, te = !1, ee.value = null, Y.value = !1, we("");
+    }
+    function ke() {
+      Ne(null);
+    }
+    function lt() {
+      var E, F;
+      const e = (F = (E = V()) == null ? void 0 : E.map) == null ? void 0 : F.value;
+      if (!e) return;
+      const a = (L) => {
+        var J, Z, de;
+        if (!Y.value || ((J = L == null ? void 0 : L.originalEvent) == null ? void 0 : J.button) != null && L.originalEvent.button !== 0)
+          return;
+        const T = L == null ? void 0 : L.lngLat;
+        T && (G = [T.lng, T.lat], te = !0, ee.value = [T.lng, T.lat, T.lng, T.lat], (de = (Z = e.dragPan) == null ? void 0 : Z.disable) == null || de.call(Z));
+      }, t = (L) => {
+        if (!Y.value || !te || !G)
+          return;
+        const T = L == null ? void 0 : L.lngLat;
+        T && (ee.value = Fe(G, [
+          T.lng,
+          T.lat
+        ]));
+      }, d = (L) => {
+        if (!Y.value || !te || !G)
+          return;
+        const T = L == null ? void 0 : L.lngLat;
+        if (!T) {
+          ke();
+          return;
+        }
+        const J = Fe(G, [
+          T.lng,
+          T.lat
+        ]), [Z, de, ft, mt] = J;
+        if (!(Math.abs(ft - Z) > 0 && Math.abs(mt - de) > 0)) {
+          D({
+            type: "warning",
+            title: "Bounds не змінено",
+            message: "Потрібно протягнути прямокутник з ненульовою площею."
+          }), ke();
+          return;
+        }
+        Ne(J);
+      }, f = (L) => {
+        Y.value && L.key === "Escape" && (L.preventDefault(), ke());
+      };
+      e.on("mousedown", a), e.on("mousemove", t), e.on("mouseup", d), window.addEventListener("keydown", f), W = () => {
+        e.off("mousedown", a), e.off("mousemove", t), e.off("mouseup", d), window.removeEventListener("keydown", f);
+      };
+    }
+    async function st() {
+      var t;
+      const e = V();
+      !(e != null && e.ready) || (await e.ready(), !((t = e.map) == null ? void 0 : t.value)) || (W || lt(), Y.value = !0, te = !1, G = null, ee.value = null, we("crosshair"), D({
+        type: "info",
+        title: "Редагування Bounds",
+        message: "Протягніть прямокутник на карті, щоб задати нові межі."
+      }));
+    }
+    q(
+      p,
+      (e) => {
+        e && ce(e);
+      },
+      { immediate: !0 }
+    ), q(
+      () => {
+        var e;
+        return (e = w.value) == null ? void 0 : e.name;
+      },
+      (e) => Q(e),
+      { immediate: !0 }
+    );
+    async function rt() {
+      var d;
+      const e = V();
+      if (!(e != null && e.ready)) return;
+      await e.ready(), M();
+      const a = (d = e.map) == null ? void 0 : d.value;
+      if (!a) return;
+      const t = () => K();
+      a.on("moveend", t), a.on("zoomend", t), C = () => {
+        a.off("moveend", t), a.off("zoomend", t);
+      };
+    }
+    q(
+      () => [n.query.z, n.query.x, n.query.y],
+      () => {
+        M();
+      }
+    ), Ee(() => {
+      rt();
+    }), ae(() => {
+      C == null || C(), C = null, W == null || W(), W = null, we("");
+    }), q(
+      () => n.query.tab,
+      (e) => {
+        e && z.value.some((a) => a.key === e) && u.value !== e && (u.value = e);
+      }
+    ), q(
+      z,
+      (e) => {
+        e.length && !e.some((a) => a.key === u.value) && (u.value = e[0].key);
+      },
+      { immediate: !0 }
+    ), q(u, (e) => {
+      n.query.tab !== e && z.value.some((a) => a.key === e) && r.replace({ query: { ...n.query, tab: e } });
+    }), q(
+      () => m.value,
+      (e) => {
+        const a = e == null ? void 0 : e.card_html;
+        Be.value = a, Pe.value = e == null ? void 0 : e.card_table;
+      },
+      { immediate: !0 }
+    );
+    function je() {
+      p.value && ce(p.value, { bustCache: !0 });
+    }
+    async function ut(e, a) {
+      if (p.value) {
+        se.value = !0;
+        try {
+          const t = await fetch(`/api/gis-css/${p.value}`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(e)
+          });
+          if (!t.ok) throw new Error(`Failed to save cartocss: ${t.status}`);
+          D({ type: "success", title: "Збережено", message: a }), await ce(p.value, { bustCache: !0 });
+        } catch (t) {
+          console.error("Failed to save CartoCSS", t), D({
+            type: "error",
+            title: "Помилка",
+            message: "Не вдалося зберегти CartoCSS"
+          });
+        } finally {
+          se.value = !1;
+        }
+      }
+    }
+    function it(e) {
+      if (!e) return null;
+      if (typeof e == "string")
+        try {
+          return JSON.parse(e);
+        } catch (a) {
+          return console.warn("Failed to parse CartoCSS config", a), null;
+        }
+      return typeof e == "object" ? e : null;
+    }
+    function ct(e) {
+      const a = Array.isArray(e) ? e : e == null ? void 0 : e.datasets;
+      return Array.isArray(a) ? a.map((t, d) => ({
+        table: (t == null ? void 0 : t.table) || (t == null ? void 0 : t.id) || `dataset_${d + 1}`,
+        query: (t == null ? void 0 : t.query) || "",
+        srid: (t == null ? void 0 : t.srid) || "",
+        gcol: (t == null ? void 0 : t.gcol) || "",
+        key: (t == null ? void 0 : t.key) || (t == null ? void 0 : t.label) || "Без підпису",
+        active: typeof (t == null ? void 0 : t.active) == "boolean" ? t.active : !0,
+        minzoom: typeof (t == null ? void 0 : t.zoom) > "u" ? "" : String(t.zoom),
+        maxzoom: typeof (t == null ? void 0 : t.maxzoom) > "u" ? "" : String(t.maxzoom),
+        columns: (t == null ? void 0 : t.columns) || "",
+        proj4text: (t == null ? void 0 : t.proj4text) || ""
+      })) : [];
+    }
+    async function ce(e, a) {
+      ye.value = !0;
+      try {
+        const t = await fetch(`/api/gis-css/${e}`);
+        if (!t.ok) throw new Error(`Failed to load cartocss: ${t.status}`);
+        const d = await t.json(), f = (d == null ? void 0 : d.message) || d || {};
+        m.value = f, w.value = {
+          id: f.cartocss_key || e,
+          name: f.name || w.value.name,
+          description: f.description || w.value.description
+        }, ne.value = typeof f.style == "string" ? f.style : "";
+        const E = it(f.config ?? []);
+        le.value = ct(E);
+        const F = typeof f.url == "string" ? f.url : "";
+        ge.value = F, X.value = !!(F && f.enabled !== !1), he.value = a != null && a.bustCache ? Date.now() : 0;
+      } catch (t) {
+        console.error("Failed to fetch CartoCSS", t), X.value = !1, ge.value = "", he.value = 0, m.value = null;
+      } finally {
+        ye.value = !1;
+      }
+    }
+    async function Oe() {
+      await ut(
+        {
+          style: ne.value || "",
+          config: le.value
+        },
+        "CartoCSS оновлено"
+      );
+    }
+    async function dt(e) {
+      const a = await fetch(`/api/gis-css/${p.value}`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(e)
+      });
+      if (!a.ok) throw new Error(`Failed to save cartocss: ${a.status}`);
+      D({
+        type: "success",
+        title: "Збережено",
+        message: "Картка CartoCSS оновлена"
+      });
+    }
+    return (e, a) => (x(), P("div", za, [
+      l("div", Ra, [
+        l("div", Ba, [
+          l("div", Pa, [
+            l("div", Ta, [
+              l("div", Aa, [
+                l("div", Fa, [
+                  l("button", {
+                    type: "button",
+                    class: "hover:text-gray-700 cursor-pointer transition-colors",
+                    onClick: g
+                  }, O(v.value), 1),
+                  a[7] || (a[7] = l("svg", {
+                    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: "lucide lucide-chevron-right w-4 h-4 mx-1"
+                  }, [
+                    l("path", { d: "m9 18 6-6-6-6" })
+                  ], -1)),
+                  l("span", Na, O(w.value.name || "CartoCSS"), 1)
+                ]),
+                l("div", ja, [
+                  l("div", Oa, [
+                    l("div", Da, [
+                      l("h1", Ua, O(w.value.name || "CartoCSS"), 1),
+                      Ae.value ? (x(), P("div", qa, [
+                        l("span", Za, O(Ae.value), 1)
+                      ])) : N("", !0)
+                    ]),
+                    _e.value ? (x(), P("p", {
+                      key: 0,
+                      class: "text-xs text-gray-500 truncate",
+                      title: _e.value
+                    }, O(_e.value), 9, Ia)) : N("", !0)
+                  ])
+                ])
+              ]),
+              S(jt, {
+                class: "flex-shrink-0",
+                "entity-id": p.value,
+                "entity-info": w.value,
+                "form-endpoint": (t) => `/api/form/gis.cartocss.table/${t}`,
+                "save-endpoint": (t) => `/api/gis-css/${t}`,
+                "entity-label": "CartoCSS",
+                "save-method": "post",
+                onSaved: je
+              }, null, 8, ["entity-id", "entity-info", "form-endpoint", "save-endpoint"])
+            ])
+          ])
+        ]),
+        l("div", Qa, [
+          l("div", Ya, [
+            S(Rt, {
+              ref_key: "mapViewRef",
+              ref: k
+            }, {
+              default: j(() => {
+                var t, d;
+                return [
+                  l("div", Ha, [
+                    S(Bt, null, {
+                      default: j(() => [
+                        l("div", Ja, [
+                          a[8] || (a[8] = l("span", { class: "text-xs text-gray-600 whitespace-nowrap" }, "Прозорість:", -1)),
+                          Ue(l("input", {
+                            type: "range",
+                            min: "0",
+                            max: "1",
+                            step: "0.01",
+                            "onUpdate:modelValue": a[0] || (a[0] = (f) => re.value = f),
+                            class: "flex-1 h-1 accent-blue-600",
+                            style: { "accent-color": "rgb(30, 78, 216)" }
+                          }, null, 512), [
+                            [
+                              ht,
+                              re.value,
+                              void 0,
+                              { number: !0 }
+                            ]
+                          ]),
+                          l("span", Ka, O(We.value), 1)
+                        ]),
+                        l("div", Xa, [
+                          Ue(l("input", {
+                            id: "show-layer",
+                            type: "checkbox",
+                            class: "rounded",
+                            "onUpdate:modelValue": a[1] || (a[1] = (f) => X.value = f),
+                            style: { "accent-color": "rgb(30, 78, 216)" }
+                          }, null, 512), [
+                            [bt, X.value]
+                          ]),
+                          l("label", Ga, [
+                            X.value ? (x(), A(I($t), {
+                              key: 0,
+                              class: "w-3.5 h-3.5"
+                            })) : (x(), A(I(Lt), {
+                              key: 1,
+                              class: "w-3.5 h-3.5"
+                            })),
+                            a[9] || (a[9] = Le(" Показати шар ", -1))
+                          ])
+                        ])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  S(Ot, null, {
+                    default: j(() => [
+                      S(Dt),
+                      S(Ut),
+                      S(qt),
+                      S(qe),
+                      Te.value ? (x(), A(qe, {
+                        key: 0,
+                        targetCenter: Te.value,
+                        targetLabel: "Центр даних",
+                        targetAriaLabel: "Перейти до центру даних"
+                      }, null, 8, ["targetCenter"])) : N("", !0),
+                      S(ya),
+                      S(ga),
+                      S(Ea, {
+                        active: H.value,
+                        onClick: Xe
+                      }, null, 8, ["active"]),
+                      S(La)
+                    ]),
+                    _: 1
+                  }),
+                  H.value ? (x(), A(Pt, {
+                    key: 0,
+                    ref_key: "rulerPanelRef",
+                    ref: be,
+                    onClose: ze,
+                    onTabChange: a[2] || (a[2] = (f) => Ve.value = f),
+                    onPointsChange: Je,
+                    onShapeClosedChange: a[3] || (a[3] = (f) => xe.value = f)
+                  }, null, 512)) : N("", !0),
+                  H.value && ue.value.length > 0 ? (x(), A(Tt, {
+                    key: 1,
+                    points: ue.value,
+                    "is-shape-closed": xe.value,
+                    "label-mode": Ve.value
+                  }, null, 8, ["points", "is-shape-closed", "label-mode"])) : N("", !0),
+                  S(Va, {
+                    active: H.value,
+                    onMapClick: Ke
+                  }, null, 8, ["active"]),
+                  Y.value ? (x(), P("div", Wa, " Потягніть на карті, щоб намалювати нові Bounds. Esc скасовує редагування. ")) : N("", !0),
+                  Re.value ? (x(), A(ma, {
+                    key: 3,
+                    "layer-id": Ge.value,
+                    "tile-url": Re.value,
+                    active: X.value,
+                    opacity: re.value,
+                    title: w.value.name,
+                    owner: p.value
+                  }, null, 8, ["layer-id", "tile-url", "active", "opacity", "title", "owner"])) : N("", !0),
+                  S(Ze, {
+                    extent: at.value,
+                    "layer-id": et.value
+                  }, null, 8, ["extent", "layer-id"]),
+                  S(Ze, {
+                    extent: ee.value,
+                    "layer-id": tt.value,
+                    "line-color": "#0ea5e9",
+                    "line-width": 3
+                  }, null, 8, ["extent", "layer-id"]),
+                  S(pa, {
+                    "cartocss-id": p.value,
+                    bounds: ((t = m.value) == null ? void 0 : t.bounds) ?? null,
+                    active: X.value && !Y.value && !H.value,
+                    "info-enabled": (d = m.value) == null ? void 0 : d.info
+                  }, null, 8, ["cartocss-id", "bounds", "active", "info-enabled"]),
+                  S(At, { "map-id": p.value }, null, 8, ["map-id"])
+                ];
+              }),
+              _: 1
+            }, 512)
+          ])
+        ]),
+        m.value ? (x(), A(Zt, {
+          key: 0,
+          open: s.value,
+          onToggle: a[4] || (a[4] = (t) => s.value = !s.value)
+        }, null, 8, ["open"])) : N("", !0)
+      ]),
+      m.value ? (x(), P("div", {
+        key: 0,
+        class: pe(["bg-white border-l border-gray-100 flex flex-col overflow-hidden shadow-lg flex-shrink-0 transition-[width] duration-100 ease-in-out", s.value ? "w-[650px]" : "w-0"])
+      }, [
+        l("div", eo, [
+          z.value.length > 1 ? (x(), P("div", to, [
+            l("div", {
+              class: "items-center justify-center text-muted-foreground grid w-full h-12 p-1 bg-gray-50 rounded-xl shadow-sm",
+              style: $e({
+                gridTemplateColumns: `repeat(${z.value.length}, minmax(0, 1fr))`
+              })
+            }, [
+              (x(!0), P(me, null, Qe(z.value, (t) => (x(), P("button", {
+                key: t.key,
+                type: "button",
+                role: "tab",
+                "aria-selected": u.value === t.key,
+                class: pe([
+                  "whitespace-nowrap flex flex-col items-center justify-center gap-0.5 py-1 px-1 text-[9px] font-medium transition-all duration-300 hover:bg-white/70 rounded-lg group",
+                  u.value === t.key ? "bg-white shadow-sm text-gray-700" : ""
+                ]),
+                onClick: (d) => u.value = t.key
+              }, [
+                (x(), A(xt(t.icon), { class: "h-3.5 w-3.5 mb-0.5" })),
+                l("span", oo, O(t.label), 1)
+              ], 10, ao))), 128))
+            ], 4)
+          ])) : N("", !0),
+          l("div", no, [
+            ye.value ? (x(), P("div", lo, " Завантаження стилю… ")) : (x(), P(me, { key: 1 }, [
+              u.value === "css" ? (x(), A(ea, {
+                key: 0,
+                modelValue: ne.value,
+                "onUpdate:modelValue": a[5] || (a[5] = (t) => ne.value = t),
+                class: "flex-1 min-h-0",
+                onSave: Oe
+              }, null, 8, ["modelValue"])) : u.value === "data" ? (x(), A(ia, {
+                key: 1,
+                modelValue: le.value,
+                "onUpdate:modelValue": a[6] || (a[6] = (t) => le.value = t),
+                class: "flex-1 min-h-0 flex flex-col",
+                onSave: Oe
+              }, null, 8, ["modelValue"])) : u.value === "card" ? (x(), A(fa, {
+                key: 2,
+                card: Be.value,
+                table: Pe.value,
+                class: "flex-1 min-h-0",
+                onSave: dt
+              }, null, 8, ["card", "table"])) : u.value === "metadata" ? (x(), A(It, {
+                key: 3,
+                data: m.value,
+                "entity-id": p.value,
+                "entity-type": "css",
+                onSaved: je,
+                onEditCssBounds: st
+              }, null, 8, ["data", "entity-id"])) : N("", !0)
+            ], 64))
+          ])
+        ])
+      ], 2)) : N("", !0)
+    ]));
+  }
+});
+export {
+  _o as default
+};