@opengis/gis 0.2.145 → 0.2.147

package/dist/cartocss-mFm4xHBN.js

@@ -0,0 +1,1065 @@
+import { openBlock as _, createElementBlock as z, createElementVNode as o, defineComponent as Y, computed as L, createTextVNode as Ee, createVNode as E, mergeModels as Xe, defineAsyncComponent as ye, useModel as Ze, ref as x, withCtx as J, toDisplayString as T, unref as ve, watch as I, onUnmounted as Ke, createCommentVNode as q, onBeforeUnmount as je, onMounted as et, withDirectives as tt, vModelText as at, createBlock as R, normalizeClass as $e, normalizeStyle as ot, Fragment as Le, renderList as nt, resolveDynamicComponent as st } from "vue";
+import { useRouter as lt, useRoute as rt } from "vue-router";
+import { notify as P } from "@opengis/core";
+import { _ as ut, f as Ae, o as it, p as ct, q as dt, M as ft, i as mt, j as Ve, m as pt } from "./index-wy3j6by2.js";
+import { S as yt, C as vt } from "./CardIcon-Cde9Jky8.js";
+import { _ as ht, a as gt, b as bt, c as xt } from "./HeaderActions.vue_vue_type_script_setup_true_lang-CphgPZBk.js";
+import { _ as Ne } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-D3ZPeXMw.js";
+import { V as wt } from "./vs-datatable-CwRAYNZZ.js";
+import { _ as Me } from "./ExtentOutlineLayer.vue_vue_type_script_setup_true_lang-DLjREp_K.js";
+const _t = {}, kt = {
+  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 Ct(N, u) {
+  return _(), z("svg", kt, [...u[0] || (u[0] = [
+    o("path", { d: "M12 3v18" }, null, -1),
+    o("rect", {
+      width: "18",
+      height: "18",
+      x: "3",
+      y: "3",
+      rx: "2"
+    }, null, -1),
+    o("path", { d: "M3 9h18" }, null, -1),
+    o("path", { d: "M3 15h18" }, null, -1)
+  ])]);
+}
+const St = /* @__PURE__ */ ut(_t, [["render", Ct]]), $t = { class: "flex flex-col h-full" }, Lt = { class: "flex justify-end mb-3 gap-2" }, Vt = /* @__PURE__ */ Y({
+  __name: "cartocss-css-tab",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue", "save"],
+  setup(N, { emit: u }) {
+    const r = N, A = u, V = L({
+      get: () => r.modelValue,
+      set: (w) => A("update:modelValue", w)
+    });
+    return (w, k) => (_(), z("div", $t, [
+      o("div", Lt, [
+        o("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: k[0] || (k[0] = (f) => w.$emit("save"))
+        }, [...k[2] || (k[2] = [
+          o("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"
+          }, [
+            o("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" }),
+            o("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a 1 1 0 0 0-1 1v7" }),
+            o("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
+          ], -1),
+          Ee(" Зберегти ", -1)
+        ])])
+      ]),
+      E(Ne, {
+        modelValue: V.value,
+        "onUpdate:modelValue": k[1] || (k[1] = (f) => V.value = f),
+        language: "cartocss",
+        class: "flex-1 rounded-lg overflow-hidden"
+      }, null, 8, ["modelValue"])
+    ]));
+  }
+}), Mt = { class: "flex flex-col flex-1 min-h-0" }, zt = { class: "flex justify-between mb-3 gap-2" }, Et = { class: "text-left" }, jt = { class: "font-medium text-gray-900" }, At = { class: "text-xs text-gray-500" }, Nt = { class: "flex justify-center gap-2" }, Bt = ["checked", "onChange"], qt = { class: "text-sm font-medium text-gray-900" }, Tt = /* @__PURE__ */ Y({
+  __name: "cartocss-data-tab",
+  props: {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ Xe(["save"], ["update:modelValue"]),
+  setup(N, { emit: u }) {
+    const r = [
+      { key: "table", label: "Таблиця", slot: "datasetCell" },
+      {
+        key: "active",
+        label: "Активний",
+        slot: "activeCell",
+        width: "140px"
+      },
+      {
+        key: "zoom",
+        label: "Min Зум",
+        slot: "zoomCell",
+        width: "140px"
+      }
+    ], A = ye(
+      () => import("@opengis/core").then((y) => y.VsModal)
+    ), V = ye(() => import("@opengis/form")), w = Ze(N, "modelValue"), k = u, f = x(!1), v = x({
+      table: "",
+      query: "",
+      srid: "",
+      key: "",
+      columns: "",
+      gcol: "",
+      minzoom: "",
+      maxzoom: "",
+      proj4text: "",
+      active: !0
+    }), i = {
+      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 d() {
+      v.value = {
+        table: "",
+        query: "",
+        srid: "",
+        key: "",
+        columns: "",
+        gcol: "",
+        minzoom: "",
+        maxzoom: "",
+        proj4text: "",
+        active: !0
+      }, f.value = !0;
+    }
+    function c() {
+      f.value = !1;
+    }
+    function B() {
+      var m, C;
+      const y = (m = v.value.table) == null ? void 0 : m.trim(), p = (C = v.value.key) == null ? void 0 : C.trim();
+      if (!y || !p) {
+        P({
+          type: "warning",
+          title: "Перевірка",
+          message: "Вкажіть таблицю та підпис"
+        });
+        return;
+      }
+      w.value = [
+        ...Array.isArray(w.value) ? w.value : [],
+        { ...v.value, table: y, key: p }
+      ], f.value = !1;
+    }
+    function l(y, p) {
+      var C;
+      const m = ((C = p == null ? void 0 : p.target) == null ? void 0 : C.checked) ?? !1;
+      y.active = m, w.value = Array.isArray(w.value) ? [...w.value] : [];
+    }
+    return (y, p) => (_(), z("div", Mt, [
+      o("div", zt, [
+        o("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: d
+        }, " Додати таблицю "),
+        o("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: p[0] || (p[0] = (m) => k("save"))
+        }, " Зберегти ")
+      ]),
+      E(wt, {
+        modelValue: w.value,
+        "onUpdate:modelValue": p[1] || (p[1] = (m) => w.value = m),
+        "columns-scheme": r,
+        "form-scheme": i,
+        "add-button": !1,
+        "main-col-width": "260px"
+      }, {
+        datasetCell: J(({ row: m }) => [
+          o("div", Et, [
+            o("div", jt, T(m.table), 1),
+            o("div", At, T(m.key), 1)
+          ])
+        ]),
+        activeCell: J(({ row: m }) => [
+          o("label", Nt, [
+            o("input", {
+              type: "checkbox",
+              class: "h-4 w-4 text-sky-500 border-gray-300 rounded focus:ring-sky-300",
+              checked: m.active,
+              onChange: (C) => l(m, C)
+            }, null, 40, Bt)
+          ])
+        ]),
+        zoomCell: J(({ row: m }) => [
+          o("div", qt, T(m.zoom), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      E(ve(A), {
+        teleport: "#modal",
+        visible: f.value,
+        "onUpdate:visible": p[3] || (p[3] = (m) => f.value = m),
+        title: "Нова таблиця CartoCSS"
+      }, {
+        footer: J(() => [
+          o("div", { class: "flex justify-end gap-2 p-4 border-т" }, [
+            o("button", {
+              type: "button",
+              class: "px-4 py-2 rounded bg-gray-100 text-gray-700",
+              onClick: c
+            }, " Скасувати "),
+            o("button", {
+              type: "button",
+              class: "px-4 py-2 rounded bg-blue-600 text-white",
+              onClick: B
+            }, " Додати ")
+          ])
+        ]),
+        default: J(() => [
+          E(ve(V), {
+            values: v.value,
+            "onUpdate:values": p[2] || (p[2] = (m) => v.value = m),
+            schema: i
+          }, null, 8, ["values"])
+        ]),
+        _: 1
+      }, 8, ["visible"])
+    ]));
+  }
+}), Dt = { class: "flex flex-col flex-1 min-h-0 gap-4" }, Ut = { class: "h-[calc(100vh-230px)] rounded-md border border-gray-200 bg-white" }, It = /* @__PURE__ */ Y({
+  __name: "cartocss-card-tab",
+  props: {
+    card: {},
+    table: {}
+  },
+  emits: ["save"],
+  setup(N, { emit: u }) {
+    const r = N, A = u, V = x(r.table), w = x(r.card), k = ye(() => import("@opengis/form").then((v) => v.VsInputText));
+    function f() {
+      A("save", {
+        card_html: w.value,
+        card_table: V.value
+      });
+    }
+    return (v, i) => (_(), z("div", Dt, [
+      o("div", { class: "flex items-center justify-end gap-3" }, [
+        o("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: f
+        }, [...i[2] || (i[2] = [
+          o("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"
+          }, [
+            o("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" }),
+            o("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a 1 1 0 0 0-1 1v7" }),
+            o("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
+          ], -1),
+          Ee(" Зберегти картку ", -1)
+        ])])
+      ]),
+      o("div", null, [
+        E(ve(k), {
+          modelValue: V.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (d) => V.value = d)
+        }, null, 8, ["modelValue"])
+      ]),
+      o("div", Ut, [
+        E(Ne, {
+          modelValue: w.value,
+          "onUpdate:modelValue": i[1] || (i[1] = (d) => w.value = d),
+          language: "html",
+          theme: "vs-light",
+          class: "h-full w-full rounded-md"
+        }, null, 8, ["modelValue"])
+      ])
+    ]));
+  }
+}), Pt = /* @__PURE__ */ Y({
+  __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(N) {
+    const u = N, r = Ae(), {
+      activateTemporaryLayer: A,
+      deactivateTemporaryLayer: V,
+      setTemporaryLayerOpacity: w
+    } = it(r.map), k = L(() => {
+      var c;
+      const d = `${(c = u == null ? void 0 : u.tileUrl) == null ? void 0 : c.trim()}`;
+      return d ? typeof window > "u" || typeof location > "u" || /^https?:\/\//i.test(d) ? d : d.startsWith("//") ? `${window.location.protocol}${d}` : d.startsWith("/") ? `${location.origin}${d}` : `${location.origin}/${d}` : "";
+    });
+    let f = "", v = "";
+    function i() {
+      const d = u.active && !!k.value;
+      f && (!d || f !== u.layerId) && (V(f, v || void 0), f = "", v = ""), d && (A(
+        {
+          id: u.layerId,
+          title: u.title || u.layerId,
+          url: k.value,
+          opacity: u.opacity
+        },
+        {},
+        u.owner
+      ), f = u.layerId, v = u.owner || "");
+    }
+    return I(
+      () => [u.layerId, k.value, u.active, u.owner],
+      i,
+      { immediate: !0 }
+    ), I(
+      () => u.opacity,
+      (d) => {
+        !f || !u.active || w(f, d, v || void 0);
+      },
+      { immediate: !0 }
+    ), Ke(() => {
+      f && (V(f, v || void 0), f = "", v = "");
+    }), (d, c) => q("", !0);
+  }
+}), Ot = /* @__PURE__ */ Y({
+  __name: "CartocssMapClickListener",
+  props: {
+    cartocssId: {},
+    infoEnabled: { type: [Boolean, null] }
+  },
+  setup(N) {
+    const u = N, r = L(() => u.cartocssId ?? null), A = L(() => !!u.infoEnabled), { map: V, ready: w } = Ae(), k = (l) => {
+      !l || typeof window > "u" || window.dispatchEvent(
+        new CustomEvent(dt, { detail: l })
+      );
+    }, f = async (l) => {
+      const y = await fetch(`/api/map-format?${l.toString()}`);
+      if (!y.ok)
+        throw new Error(`API returned ${y.status}`);
+      return y.json();
+    };
+    let v = null, i = null;
+    const d = (l) => {
+      if (!l) return null;
+      if (typeof l == "string")
+        try {
+          return JSON.parse(l);
+        } catch {
+          return null;
+        }
+      return l;
+    }, c = async (l, y) => {
+      var C;
+      const p = r.value ? `external:${r.value},${String(l)}` : null, m = new URLSearchParams({
+        layer: r.value ?? "",
+        id: String(l)
+      });
+      try {
+        const $ = await f(m), D = typeof $.html == "string" ? $.html : null, j = d(
+          ((C = $ == null ? void 0 : $.data) == null ? void 0 : C.geom) ?? ($ == null ? void 0 : $.geom) ?? null
+        );
+        (D || j) && k({
+          html: D,
+          geometry: j ?? y,
+          infoToken: p
+        });
+      } catch ($) {
+        console.warn("CartoCSS map-format (id) error", $);
+      }
+    }, B = async (l) => {
+      var C, $, D, j;
+      if (!r.value) return;
+      if (!A.value) {
+        P({
+          type: "error",
+          title: "CartoCSS",
+          message: "Картка не налаштована"
+        });
+        return;
+      }
+      const y = (C = l == null ? void 0 : l.lngLat) == null ? void 0 : C.lng, p = ($ = l == null ? void 0 : l.lngLat) == null ? void 0 : $.lat;
+      if (typeof y != "number" || typeof p != "number") return;
+      const m = new URLSearchParams({
+        layer: r.value,
+        lat: p.toFixed(6),
+        lng: y.toFixed(6)
+      });
+      try {
+        const g = await f(m), Z = d(
+          ((D = g == null ? void 0 : g.data) == null ? void 0 : D.geom) ?? (g == null ? void 0 : g.geom) ?? null
+        ), G = ((j = g == null ? void 0 : g.data) == null ? void 0 : j.id) ?? (g == null ? void 0 : g.id);
+        if (G != null) {
+          await c(G, Z);
+          return;
+        }
+        ct({ html: g == null ? void 0 : g.html }) && k({
+          html: g == null ? void 0 : g.html,
+          geometry: Z,
+          infoToken: null
+        });
+      } catch (g) {
+        console.warn("CartoCSS map-format error", g);
+      }
+    };
+    return w().then(() => {
+      i = V.value, i && (i.on("click", B), v = () => i == null ? void 0 : i.off("click", B));
+    }), je(() => {
+      v == null || v(), v = null, i = null;
+    }), () => {
+    };
+  }
+}), Ft = { class: "flex h-full bg-gradient-to-br from-slate-50 to-white" }, Rt = { class: "flex-1 relative overflow-hidden" }, Qt = { class: "absolute top-0 left-0 w-full z-20" }, Ht = { class: "px-4 sm:px-6 py-4 border-b border-gray-200 bg-white shadow-sm" }, Jt = { class: "flex items-start justify-between gap-4" }, Yt = { class: "flex-1 min-w-0" }, Gt = { class: "flex items-center text-sm text-gray-500 mb-3" }, Wt = { class: "text-gray-900 font-medium truncate max-w-xs" }, Xt = { class: "flex items-center justify-between gap-4" }, Zt = { class: "flex-1 min-w-0" }, Kt = { class: "flex items-center gap-3 mb-1" }, ea = { class: "text-base font-semibold text-gray-900 truncate" }, ta = {
+  key: 0,
+  class: "px-2 py-0.5 bg-green-50 border border-green-200 rounded flex-shrink-0"
+}, aa = { class: "text-xs font-medium text-green-700" }, oa = ["title"], na = { 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]" }, sa = { class: "relative w-full h-full" }, la = { class: "absolute top-[5.5rem] left-4 z-30 flex flex-col items-start gap-2" }, ra = { class: "rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur" }, ua = { class: "flex items-center gap-2" }, ia = { class: "rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur" }, ca = { class: "inline-flex items-center gap-2 text-[11px] text-slate-600" }, da = ["checked"], fa = { class: "absolute top-4 left-4 z-20" }, ma = { class: "absolute top-[6.5rem] right-2 space-y-1 z-20" }, pa = {
+  key: 0,
+  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"
+}, ya = { class: "flex-1 flex flex-col h-full" }, va = {
+  key: 0,
+  class: "px-3 pt-3 pb-2 border-b border-gray-100"
+}, ha = ["aria-selected", "onClick"], ga = { class: "leading-none" }, ba = { class: "flex flex-col flex-1 overflow-y-hidden p-3" }, xa = {
+  key: 0,
+  class: "flex-1 flex items-center justify-center text-sm text-gray-500"
+}, wa = "cartocss-demo-001", _a = "OpenGIS", ze = 2, re = 5, ka = 5, Na = /* @__PURE__ */ Y({
+  __name: "cartocss",
+  setup(N) {
+    const u = lt(), r = rt(), A = x(null), V = L(() => {
+      var t;
+      const e = (t = r.matched[r.matched.length - 1]) == null ? void 0 : t.path;
+      return (typeof e == "string" && e ? e : r.path).replace(/\/:id\??$/, "") || "/";
+    }), w = L(() => {
+      var a;
+      const e = (a = r.meta) == null ? void 0 : a.title;
+      return typeof e == "string" && e.trim() ? e : "CartoCSS";
+    });
+    function k() {
+      u.push(V.value);
+    }
+    const f = [
+      { key: "css", label: "CSS", icon: yt },
+      { key: "data", label: "Дані", icon: St },
+      { key: "metadata", label: "Метадані", icon: xt },
+      { key: "card", label: "Картка", icon: vt }
+    ], v = f.map((e) => e.key), i = x(
+      v.includes(r.query.tab) ? r.query.tab : "css"
+    ), d = x(!0), c = x(null), B = L(
+      () => {
+        var e;
+        return (e = c.value) != null && e.source_path ? f.filter((a) => a.key === "card" || a.key === "metadata") : f;
+      }
+    ), l = L(
+      () => r.params.id || wa
+    ), y = x({
+      id: l.value,
+      name: "",
+      description: ""
+    });
+    let p = null;
+    const m = x(!1);
+    function C(e) {
+      if (Array.isArray(e)) return C(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 $(e, a) {
+      return e.toFixed(a);
+    }
+    function D(e, a, t) {
+      const n = 0.5 * 10 ** -t;
+      return Math.abs(e - a) > n;
+    }
+    function j() {
+      var e;
+      return (e = A.value) == null ? void 0 : e.ctx;
+    }
+    function g() {
+      var h, S, F, U;
+      const e = (S = (h = j()) == null ? void 0 : h.map) == null ? void 0 : S.value;
+      if (!e) return;
+      const a = C(r.query.z), t = C(r.query.x), n = C(r.query.y);
+      if (a == null || t == null || n == null) return;
+      const s = (F = e.getCenter) == null ? void 0 : F.call(e), b = (U = e.getZoom) == null ? void 0 : U.call(e);
+      (!s || D(s.lng, t, re) || D(s.lat, n, re) || D(b ?? 0, a, ze)) && (m.value = !0, e.jumpTo({ center: [t, n], zoom: a }), m.value = !1);
+    }
+    function Z() {
+      var s, b, M, h;
+      if (m.value) return;
+      const e = (b = (s = j()) == null ? void 0 : s.map) == null ? void 0 : b.value;
+      if (!e) return;
+      const a = (M = e.getCenter) == null ? void 0 : M.call(e), t = (h = e.getZoom) == null ? void 0 : h.call(e);
+      if (!a || t == null) return;
+      const n = {
+        ...r.query,
+        z: $(t, ze),
+        x: $(a.lng, re),
+        y: $(a.lat, re)
+      };
+      r.query.z === n.z && r.query.x === n.x && r.query.y === n.y || u.replace({ query: n });
+    }
+    function G(e) {
+      typeof document > "u" || (document.title = e ? `${e} — CartoCSS` : _a);
+    }
+    const K = x(""), ee = x([]), ue = x(!1), te = x(!1), ie = x(""), ce = x(0), ae = x(!1), oe = x(1), de = x(!0), O = x(!1), W = x(null), Be = L(() => `cartocss-layer-${l.value}`), qe = L(
+      () => `${Math.round(oe.value * 100)}%`
+    ), Te = L(
+      () => `cartocss-extent-${l.value}`
+    ), De = L(
+      () => `cartocss-extent-draft-${l.value}`
+    ), he = L(() => {
+      var s;
+      const e = (s = ie.value) == null ? void 0 : s.trim();
+      if (!e) return "";
+      const a = e.includes("?") ? "&" : "?", t = `${e}${a}nottl=1`, n = ce.value;
+      return n ? `${e}${a}ts=${n}&nocache=1` : t;
+    }), ge = x(""), be = x(""), xe = L(() => {
+      var b;
+      const e = (b = c.value) == null ? void 0 : b.bounds;
+      if (!Array.isArray(e) || e.length < 4) return null;
+      const [a, t, n, s] = e;
+      return [a, t, n, s].some(
+        (M) => typeof M != "number" || Number.isNaN(M)
+      ) ? null : [(a + n) / 2, (t + s) / 2];
+    }), Ue = L(() => {
+      var b;
+      const e = (b = c.value) == null ? void 0 : b.bounds;
+      if (!Array.isArray(e) || e.length < 4) return null;
+      const [a, t, n, s] = e;
+      return [a, t, n, s].some(
+        (M) => typeof M != "number" || Number.isNaN(M)
+      ) ? null : [a, t, n, s];
+    }), fe = L(() => {
+      const e = c.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(", ") : "";
+    }), we = L(() => {
+      var a;
+      const e = (a = c.value) == null ? void 0 : a.group_id;
+      return e ? String(e).toUpperCase() : "";
+    });
+    let Q = null, X = !1, H = null;
+    function ne(e) {
+      return Number(e.toFixed(ka));
+    }
+    function _e(e, a) {
+      const [t, n] = e, [s, b] = a;
+      return [
+        ne(Math.min(t, s)),
+        ne(Math.min(n, b)),
+        ne(Math.max(t, s)),
+        ne(Math.max(n, b))
+      ];
+    }
+    function Ie(e) {
+      const [a, t, n, s] = e;
+      return {
+        type: "Polygon",
+        coordinates: [
+          [
+            [a, t],
+            [n, t],
+            [n, s],
+            [a, s],
+            [a, t]
+          ]
+        ]
+      };
+    }
+    function me(e) {
+      var n, s, b;
+      const a = (s = (n = j()) == null ? void 0 : n.map) == null ? void 0 : s.value, t = (b = a == null ? void 0 : a.getCanvas) == null ? void 0 : b.call(a);
+      t != null && t.style && (t.style.cursor = e);
+    }
+    async function Pe(e, a) {
+      if (!(!l.value || !c.value)) {
+        te.value = !0;
+        try {
+          const t = Ie(e), n = await fetch(`/api/gis-css/${l.value}`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ geom: t })
+          });
+          if (!n.ok)
+            throw new Error(`Failed to save cartocss bounds: ${n.status}`);
+          P({
+            type: "success",
+            title: "Bounds збережено",
+            message: "Нові межі успішно збережено."
+          }), await se(l.value, { bustCache: !0 });
+        } catch (t) {
+          console.error("Failed to save CartoCSS bounds", t), c.value && (c.value = {
+            ...c.value,
+            bounds: a ? [...a] : null
+          }), P({
+            type: "error",
+            title: "Помилка",
+            message: "Не вдалося зберегти Bounds"
+          });
+        } finally {
+          te.value = !1;
+        }
+      }
+    }
+    function ke(e) {
+      var t, n, s;
+      const a = (n = (t = j()) == null ? void 0 : t.map) == null ? void 0 : n.value;
+      if ((s = a == null ? void 0 : a.dragPan) != null && s.enable && a.dragPan.enable(), (e == null ? void 0 : e.length) === 4 && c.value) {
+        const b = Array.isArray(c.value.bounds) ? [...c.value.bounds] : null;
+        c.value = {
+          ...c.value,
+          bounds: [...e]
+        }, Pe(e, b);
+      }
+      Q = null, X = !1, W.value = null, O.value = !1, me("");
+    }
+    function pe() {
+      ke(null);
+    }
+    function Oe() {
+      var b, M;
+      const e = (M = (b = j()) == null ? void 0 : b.map) == null ? void 0 : M.value;
+      if (!e) return;
+      const a = (h) => {
+        var F, U, le;
+        if (!O.value || ((F = h == null ? void 0 : h.originalEvent) == null ? void 0 : F.button) != null && h.originalEvent.button !== 0)
+          return;
+        const S = h == null ? void 0 : h.lngLat;
+        S && (Q = [S.lng, S.lat], X = !0, W.value = [S.lng, S.lat, S.lng, S.lat], (le = (U = e.dragPan) == null ? void 0 : U.disable) == null || le.call(U));
+      }, t = (h) => {
+        if (!O.value || !X || !Q)
+          return;
+        const S = h == null ? void 0 : h.lngLat;
+        S && (W.value = _e(Q, [
+          S.lng,
+          S.lat
+        ]));
+      }, n = (h) => {
+        if (!O.value || !X || !Q)
+          return;
+        const S = h == null ? void 0 : h.lngLat;
+        if (!S) {
+          pe();
+          return;
+        }
+        const F = _e(Q, [
+          S.lng,
+          S.lat
+        ]), [U, le, Ge, We] = F;
+        if (!(Math.abs(Ge - U) > 0 && Math.abs(We - le) > 0)) {
+          P({
+            type: "warning",
+            title: "Bounds не змінено",
+            message: "Потрібно протягнути прямокутник з ненульовою площею."
+          }), pe();
+          return;
+        }
+        ke(F);
+      }, s = (h) => {
+        O.value && h.key === "Escape" && (h.preventDefault(), pe());
+      };
+      e.on("mousedown", a), e.on("mousemove", t), e.on("mouseup", n), window.addEventListener("keydown", s), H = () => {
+        e.off("mousedown", a), e.off("mousemove", t), e.off("mouseup", n), window.removeEventListener("keydown", s);
+      };
+    }
+    async function Fe() {
+      var t;
+      const e = j();
+      !(e != null && e.ready) || (await e.ready(), !((t = e.map) == null ? void 0 : t.value)) || (H || Oe(), O.value = !0, X = !1, Q = null, W.value = null, me("crosshair"), P({
+        type: "info",
+        title: "Редагування Bounds",
+        message: "Протягніть прямокутник на карті, щоб задати нові межі."
+      }));
+    }
+    I(
+      l,
+      (e) => {
+        e && se(e);
+      },
+      { immediate: !0 }
+    ), I(
+      () => {
+        var e;
+        return (e = y.value) == null ? void 0 : e.name;
+      },
+      (e) => G(e),
+      { immediate: !0 }
+    );
+    async function Re() {
+      var n;
+      const e = j();
+      if (!(e != null && e.ready)) return;
+      await e.ready(), g();
+      const a = (n = e.map) == null ? void 0 : n.value;
+      if (!a) return;
+      const t = () => Z();
+      a.on("moveend", t), a.on("zoomend", t), p = () => {
+        a.off("moveend", t), a.off("zoomend", t);
+      };
+    }
+    I(
+      () => [r.query.z, r.query.x, r.query.y],
+      () => {
+        g();
+      }
+    ), et(() => {
+      Re();
+    }), je(() => {
+      p == null || p(), p = null, H == null || H(), H = null, me("");
+    }), I(
+      () => r.query.tab,
+      (e) => {
+        e && B.value.some((a) => a.key === e) && i.value !== e && (i.value = e);
+      }
+    ), I(
+      B,
+      (e) => {
+        e.length && !e.some((a) => a.key === i.value) && (i.value = e[0].key);
+      },
+      { immediate: !0 }
+    ), I(i, (e) => {
+      r.query.tab !== e && B.value.some((a) => a.key === e) && u.replace({ query: { ...r.query, tab: e } });
+    }), I(
+      () => c.value,
+      (e) => {
+        const a = e == null ? void 0 : e.card_html;
+        ge.value = a, be.value = e == null ? void 0 : e.card_table;
+      },
+      { immediate: !0 }
+    );
+    function Ce() {
+      l.value && se(l.value, { bustCache: !0 });
+    }
+    async function Qe(e, a) {
+      if (l.value) {
+        te.value = !0;
+        try {
+          const t = await fetch(`/api/gis-css/${l.value}`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(e)
+          });
+          if (!t.ok) throw new Error(`Failed to save cartocss: ${t.status}`);
+          P({ type: "success", title: "Збережено", message: a }), await se(l.value, { bustCache: !0 });
+        } catch (t) {
+          console.error("Failed to save CartoCSS", t), P({
+            type: "error",
+            title: "Помилка",
+            message: "Не вдалося зберегти CartoCSS"
+          });
+        } finally {
+          te.value = !1;
+        }
+      }
+    }
+    function He(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 Je(e) {
+      const a = Array.isArray(e) ? e : e == null ? void 0 : e.datasets;
+      return Array.isArray(a) ? a.map((t, n) => ({
+        table: (t == null ? void 0 : t.table) || (t == null ? void 0 : t.id) || `dataset_${n + 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 se(e, a) {
+      ue.value = !0;
+      try {
+        const t = await fetch(`/api/gis-css/${e}`);
+        if (!t.ok) throw new Error(`Failed to load cartocss: ${t.status}`);
+        const n = await t.json(), s = (n == null ? void 0 : n.message) || n || {};
+        c.value = s, y.value = {
+          id: s.cartocss_key || e,
+          name: s.name || y.value.name,
+          description: s.description || y.value.description
+        }, K.value = typeof s.style == "string" ? s.style : "";
+        const b = He(s.config ?? []);
+        ee.value = Je(b);
+        const M = typeof s.url == "string" ? s.url : "";
+        ie.value = M, ae.value = !!(M && s.enabled !== !1), ce.value = a != null && a.bustCache ? Date.now() : 0;
+      } catch (t) {
+        console.error("Failed to fetch CartoCSS", t), ae.value = !1, ie.value = "", ce.value = 0, c.value = null;
+      } finally {
+        ue.value = !1;
+      }
+    }
+    async function Se() {
+      await Qe(
+        {
+          style: K.value || "",
+          config: ee.value
+        },
+        "CartoCSS оновлено"
+      );
+    }
+    async function Ye(e) {
+      const a = await fetch(`/api/gis-css/${l.value}`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(e)
+      });
+      if (!a.ok) throw new Error(`Failed to save cartocss: ${a.status}`);
+      P({
+        type: "success",
+        title: "Збережено",
+        message: "Картка CartoCSS оновлена"
+      });
+    }
+    return (e, a) => (_(), z("div", Ft, [
+      o("div", Rt, [
+        o("div", Qt, [
+          o("div", Ht, [
+            o("div", Jt, [
+              o("div", Yt, [
+                o("div", Gt, [
+                  o("button", {
+                    type: "button",
+                    class: "hover:text-gray-700 cursor-pointer transition-colors",
+                    onClick: k
+                  }, T(w.value), 1),
+                  a[5] || (a[5] = o("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"
+                  }, [
+                    o("path", { d: "m9 18 6-6-6-6" })
+                  ], -1)),
+                  o("span", Wt, T(y.value.name || "CartoCSS"), 1)
+                ]),
+                o("div", Xt, [
+                  o("div", Zt, [
+                    o("div", Kt, [
+                      o("h1", ea, T(y.value.name || "CartoCSS"), 1),
+                      we.value ? (_(), z("div", ta, [
+                        o("span", aa, T(we.value), 1)
+                      ])) : q("", !0)
+                    ]),
+                    fe.value ? (_(), z("p", {
+                      key: 0,
+                      class: "text-xs text-gray-500 truncate",
+                      title: fe.value
+                    }, T(fe.value), 9, oa)) : q("", !0)
+                  ])
+                ])
+              ]),
+              E(ht, {
+                class: "flex-shrink-0",
+                "entity-id": l.value,
+                "entity-info": y.value,
+                "form-endpoint": (t) => `/api/form/gis.cartocss.table/${t}`,
+                "save-endpoint": (t) => `/api/gis-css/${t}`,
+                "entity-label": "CartoCSS",
+                "save-method": "post",
+                onSaved: Ce
+              }, null, 8, ["entity-id", "entity-info", "form-endpoint", "save-endpoint"])
+            ])
+          ])
+        ]),
+        o("div", na, [
+          o("div", sa, [
+            E(ft, {
+              ref_key: "mapViewRef",
+              ref: A
+            }, {
+              default: J(() => {
+                var t, n;
+                return [
+                  o("div", la, [
+                    o("div", ra, [
+                      o("div", ua, [
+                        a[6] || (a[6] = o("span", null, "Прозорість:", -1)),
+                        tt(o("input", {
+                          "onUpdate:modelValue": a[0] || (a[0] = (s) => oe.value = s),
+                          type: "range",
+                          min: "0",
+                          max: "1",
+                          step: "0.01",
+                          class: "h-1 w-28 cursor-pointer appearance-none rounded-full bg-slate-300 focus:outline-none",
+                          style: { "accent-color": "#3b82f6" }
+                        }, null, 512), [
+                          [
+                            at,
+                            oe.value,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        o("span", null, T(qe.value), 1)
+                      ])
+                    ]),
+                    o("div", ia, [
+                      o("label", ca, [
+                        o("input", {
+                          type: "checkbox",
+                          class: "h-3.5 w-3.5 rounded border-slate-300 text-blue-600 focus:ring-blue-200",
+                          checked: de.value,
+                          onChange: a[1] || (a[1] = (s) => de.value = s.target.checked)
+                        }, null, 40, da),
+                        a[7] || (a[7] = o("span", null, "Межі css", -1))
+                      ])
+                    ])
+                  ]),
+                  o("div", fa, [
+                    E(mt)
+                  ]),
+                  o("div", ma, [
+                    E(Ve),
+                    xe.value ? (_(), R(Ve, {
+                      key: 0,
+                      targetCenter: xe.value,
+                      targetLabel: "Центр даних",
+                      targetAriaLabel: "Перейти до центру даних"
+                    }, null, 8, ["targetCenter"])) : q("", !0)
+                  ]),
+                  O.value ? (_(), z("div", pa, " Потягніть на карті, щоб намалювати нові Bounds. Esc скасовує редагування. ")) : q("", !0),
+                  he.value ? (_(), R(Pt, {
+                    key: 1,
+                    "layer-id": Be.value,
+                    "tile-url": he.value,
+                    active: ae.value,
+                    opacity: oe.value,
+                    title: y.value.name,
+                    owner: l.value
+                  }, null, 8, ["layer-id", "tile-url", "active", "opacity", "title", "owner"])) : q("", !0),
+                  E(Me, {
+                    extent: de.value ? Ue.value : null,
+                    "layer-id": Te.value
+                  }, null, 8, ["extent", "layer-id"]),
+                  E(Me, {
+                    extent: W.value,
+                    "layer-id": De.value,
+                    "line-color": "#0ea5e9",
+                    "line-width": 3
+                  }, null, 8, ["extent", "layer-id"]),
+                  E(Ot, {
+                    "cartocss-id": l.value,
+                    bounds: ((t = c.value) == null ? void 0 : t.bounds) ?? null,
+                    active: ae.value && !O.value,
+                    "info-enabled": (n = c.value) == null ? void 0 : n.info
+                  }, null, 8, ["cartocss-id", "bounds", "active", "info-enabled"]),
+                  E(pt, { "map-id": l.value }, null, 8, ["map-id"])
+                ];
+              }),
+              _: 1
+            }, 512)
+          ])
+        ]),
+        c.value ? (_(), R(gt, {
+          key: 0,
+          open: d.value,
+          onToggle: a[2] || (a[2] = (t) => d.value = !d.value)
+        }, null, 8, ["open"])) : q("", !0)
+      ]),
+      c.value ? (_(), z("div", {
+        key: 0,
+        class: $e(["bg-white border-l border-gray-100 flex flex-col overflow-hidden shadow-lg flex-shrink-0 transition-[width] duration-100 ease-in-out", d.value ? "w-[650px]" : "w-0"])
+      }, [
+        o("div", ya, [
+          B.value.length > 1 ? (_(), z("div", va, [
+            o("div", {
+              class: "items-center justify-center text-muted-foreground grid w-full h-12 p-1 bg-gray-50 rounded-xl shadow-sm",
+              style: ot({
+                gridTemplateColumns: `repeat(${B.value.length}, minmax(0, 1fr))`
+              })
+            }, [
+              (_(!0), z(Le, null, nt(B.value, (t) => (_(), z("button", {
+                key: t.key,
+                type: "button",
+                role: "tab",
+                "aria-selected": i.value === t.key,
+                class: $e([
+                  "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",
+                  i.value === t.key ? "bg-white shadow-sm text-gray-700" : ""
+                ]),
+                onClick: (n) => i.value = t.key
+              }, [
+                (_(), R(st(t.icon), { class: "h-3.5 w-3.5 mb-0.5" })),
+                o("span", ga, T(t.label), 1)
+              ], 10, ha))), 128))
+            ], 4)
+          ])) : q("", !0),
+          o("div", ba, [
+            ue.value ? (_(), z("div", xa, " Завантаження стилю… ")) : (_(), z(Le, { key: 1 }, [
+              i.value === "css" ? (_(), R(Vt, {
+                key: 0,
+                modelValue: K.value,
+                "onUpdate:modelValue": a[3] || (a[3] = (t) => K.value = t),
+                class: "flex-1 min-h-0",
+                onSave: Se
+              }, null, 8, ["modelValue"])) : i.value === "data" ? (_(), R(Tt, {
+                key: 1,
+                modelValue: ee.value,
+                "onUpdate:modelValue": a[4] || (a[4] = (t) => ee.value = t),
+                class: "flex-1 min-h-0 flex flex-col",
+                onSave: Se
+              }, null, 8, ["modelValue"])) : i.value === "card" ? (_(), R(It, {
+                key: 2,
+                card: ge.value,
+                table: be.value,
+                class: "flex-1 min-h-0",
+                onSave: Ye
+              }, null, 8, ["card", "table"])) : i.value === "metadata" ? (_(), R(bt, {
+                key: 3,
+                data: c.value,
+                "entity-id": l.value,
+                "entity-type": "css",
+                onSaved: Ce,
+                onEditCssBounds: Fe
+              }, null, 8, ["data", "entity-id"])) : q("", !0)
+            ], 64))
+          ])
+        ])
+      ], 2)) : q("", !0)
+    ]));
+  }
+});
+export {
+  Na as default
+};