@opengis/gis 0.2.129 → 0.2.130

package/dist/cartocss-C29B9mz3.js

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