@opengis/gis 0.2.116 → 0.2.118

package/dist/cartocss-C_O8qG3h.js

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