@opengis/gis 0.2.128 → 0.2.130

package/dist/cartocss-BsaIlSRb.js

@@ -1,894 +0,0 @@
-import { openBlock as b, createElementBlock as $, createElementVNode as a, defineComponent as F, computed as S, createTextVNode as ve, createVNode as V, mergeModels as Me, defineAsyncComponent as ee, useModel as je, ref as g, withCtx as R, toDisplayString as E, unref as J, watch as N, onUnmounted as Le, createCommentVNode as A, onBeforeUnmount as he, onMounted as qe, withDirectives as Ae, vModelText as Ne, createBlock as T, normalizeClass as fe, normalizeStyle as Ee, Fragment as me, renderList as Te, resolveDynamicComponent as Ue } from "vue";
-import { useRouter as Ie, useRoute as De } from "vue-router";
-import { notify as P } 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-UGx54M0Q.js";
-import { S as Ye, C as Je } from "./CardIcon-DgpYeKbG.js";
-import { _ as We, a as Xe, b as Ge, c as Ze } from "./HeaderActions.vue_vue_type_script_setup_true_lang-Cg2y4sIa.js";
-import { _ as xe } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-D3ZPeXMw.js";
-import { V as Ke } from "./vs-datatable-D6g7tjZo.js";
-import { _ as et } from "./ExtentOutlineLayer.vue_vue_type_script_setup_true_lang-DQnIBCpE.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(L, l) {
-  return b(), $("svg", ot, [...l[0] || (l[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" }, lt = { class: "flex justify-end mb-3 gap-2" }, rt = /* @__PURE__ */ F({
-  __name: "cartocss-css-tab",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue", "save"],
-  setup(L, { emit: l }) {
-    const u = L, z = l, _ = S({
-      get: () => u.modelValue,
-      set: (h) => z("update:modelValue", h)
-    });
-    return (h, i) => (b(), $("div", st, [
-      a("div", lt, [
-        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: i[0] || (i[0] = (d) => h.$emit("save"))
-        }, [...i[2] || (i[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)
-        ])])
-      ]),
-      V(xe, {
-        modelValue: _.value,
-        "onUpdate:modelValue": i[1] || (i[1] = (d) => _.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__ */ F({
-  __name: "cartocss-data-tab",
-  props: {
-    modelValue: { default: [] },
-    modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ Me(["save"], ["update:modelValue"]),
-  setup(L, { emit: l }) {
-    const u = [
-      { key: "table", label: "Таблиця", slot: "datasetCell" },
-      {
-        key: "active",
-        label: "Активний",
-        slot: "activeCell",
-        width: "140px"
-      },
-      {
-        key: "zoom",
-        label: "Min Зум",
-        slot: "zoomCell",
-        width: "140px"
-      }
-    ], z = ee(
-      () => import("@opengis/core").then((x) => x.VsModal)
-    ), _ = ee(() => import("@opengis/form")), h = je(L, "modelValue"), i = l, d = g(!1), s = g({
-      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 q() {
-      var f, w;
-      const x = (f = s.value.table) == null ? void 0 : f.trim(), v = (w = s.value.key) == null ? void 0 : w.trim();
-      if (!x || !v) {
-        P({
-          type: "warning",
-          title: "Перевірка",
-          message: "Вкажіть таблицю та підпис"
-        });
-        return;
-      }
-      h.value = [
-        ...Array.isArray(h.value) ? h.value : [],
-        { ...s.value, table: x, key: v }
-      ], d.value = !1;
-    }
-    function p(x, v) {
-      var w;
-      const f = ((w = v == null ? void 0 : v.target) == null ? void 0 : w.checked) ?? !1;
-      x.active = f, h.value = Array.isArray(h.value) ? [...h.value] : [];
-    }
-    return (x, v) => (b(), $("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: v[0] || (v[0] = (f) => i("save"))
-        }, " Зберегти ")
-      ]),
-      V(Ke, {
-        modelValue: h.value,
-        "onUpdate:modelValue": v[1] || (v[1] = (f) => h.value = f),
-        "columns-scheme": u,
-        "form-scheme": m,
-        "add-button": !1,
-        "main-col-width": "260px"
-      }, {
-        datasetCell: R(({ row: f }) => [
-          a("div", ct, [
-            a("div", dt, E(f.table), 1),
-            a("div", ft, E(f.key), 1)
-          ])
-        ]),
-        activeCell: R(({ 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: (w) => p(f, w)
-            }, null, 40, pt)
-          ])
-        ]),
-        zoomCell: R(({ row: f }) => [
-          a("div", yt, E(f.zoom), 1)
-        ]),
-        _: 1
-      }, 8, ["modelValue"]),
-      V(J(z), {
-        teleport: "#modal",
-        visible: d.value,
-        "onUpdate:visible": v[3] || (v[3] = (f) => d.value = f),
-        title: "Нова таблиця CartoCSS"
-      }, {
-        footer: R(() => [
-          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: q
-            }, " Додати ")
-          ])
-        ]),
-        default: R(() => [
-          V(J(_), {
-            values: s.value,
-            "onUpdate:values": v[2] || (v[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__ */ F({
-  __name: "cartocss-card-tab",
-  props: {
-    card: {},
-    table: {}
-  },
-  emits: ["save"],
-  setup(L, { emit: l }) {
-    const u = L, z = l, _ = g(u.table), h = g(u.card), i = ee(() => import("@opengis/form").then((s) => s.VsInputText));
-    function d() {
-      z("save", {
-        card_html: h.value,
-        card_table: _.value
-      });
-    }
-    return (s, m) => (b(), $("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, [
-        V(J(i), {
-          modelValue: _.value,
-          "onUpdate:modelValue": m[0] || (m[0] = (n) => _.value = n)
-        }, null, 8, ["modelValue"])
-      ]),
-      a("div", gt, [
-        V(xe, {
-          modelValue: h.value,
-          "onUpdate:modelValue": m[1] || (m[1] = (n) => h.value = n),
-          language: "html",
-          theme: "vs-light",
-          class: "h-full w-full rounded-md"
-        }, null, 8, ["modelValue"])
-      ])
-    ]));
-  }
-}), bt = /* @__PURE__ */ F({
-  __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(L) {
-    const l = L, u = ge(), {
-      activateTemporaryLayer: z,
-      deactivateTemporaryLayer: _,
-      setTemporaryLayerOpacity: h
-    } = Re(u.map), i = S(() => {
-      var k;
-      const n = `${(k = l == null ? void 0 : l.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 = l.active && !!i.value;
-      d && (!n || d !== l.layerId) && (_(d, s || void 0), d = "", s = ""), n && (z(
-        {
-          id: l.layerId,
-          title: l.title || l.layerId,
-          url: i.value,
-          opacity: l.opacity
-        },
-        {},
-        l.owner
-      ), d = l.layerId, s = l.owner || "");
-    }
-    return N(
-      () => [l.layerId, i.value, l.active, l.owner],
-      m,
-      { immediate: !0 }
-    ), N(
-      () => l.opacity,
-      (n) => {
-        !d || !l.active || h(d, n, s || void 0);
-      },
-      { immediate: !0 }
-    ), Le(() => {
-      d && (_(d, s || void 0), d = "", s = "");
-    }), (n, k) => A("", !0);
-  }
-}), _t = /* @__PURE__ */ F({
-  __name: "CartocssMapClickListener",
-  props: {
-    cartocssId: {},
-    infoEnabled: { type: [Boolean, null] }
-  },
-  setup(L) {
-    const l = L, u = S(() => l.cartocssId ?? null), z = S(() => !!l.infoEnabled), { map: _, ready: h } = ge(), i = (p) => {
-      !p || typeof window > "u" || window.dispatchEvent(
-        new CustomEvent(Be, { detail: p })
-      );
-    }, d = async (p) => {
-      const x = await fetch(`/api/map-format?${p.toString()}`);
-      if (!x.ok)
-        throw new Error(`API returned ${x.status}`);
-      return x.json();
-    };
-    let s = null, m = null;
-    const n = (p) => {
-      if (!p) return null;
-      if (typeof p == "string")
-        try {
-          return JSON.parse(p);
-        } catch {
-          return null;
-        }
-      return p;
-    }, k = async (p, x) => {
-      var w;
-      const v = u.value ? `external:${u.value},${String(p)}` : null, f = new URLSearchParams({
-        layer: u.value ?? "",
-        id: String(p)
-      });
-      try {
-        const C = await d(f), U = typeof C.html == "string" ? C.html : null, I = n(
-          ((w = C == null ? void 0 : C.data) == null ? void 0 : w.geom) ?? (C == null ? void 0 : C.geom) ?? null
-        );
-        (U || I) && i({
-          html: U,
-          geometry: I ?? x,
-          infoToken: v
-        });
-      } catch (C) {
-        console.warn("CartoCSS map-format (id) error", C);
-      }
-    }, q = async (p) => {
-      var w, C, U, I;
-      if (!u.value) return;
-      if (!z.value) {
-        P({
-          type: "error",
-          title: "CartoCSS",
-          message: "Картка не налаштована"
-        });
-        return;
-      }
-      const x = (w = p == null ? void 0 : p.lngLat) == null ? void 0 : w.lng, v = (C = p == null ? void 0 : p.lngLat) == null ? void 0 : C.lat;
-      if (typeof x != "number" || typeof v != "number") return;
-      const f = new URLSearchParams({
-        layer: u.value,
-        lat: v.toFixed(6),
-        lng: x.toFixed(6)
-      });
-      try {
-        const y = await d(f), D = n(
-          ((U = y == null ? void 0 : y.data) == null ? void 0 : U.geom) ?? (y == null ? void 0 : y.geom) ?? null
-        ), O = ((I = y == null ? void 0 : y.data) == null ? void 0 : I.id) ?? (y == null ? void 0 : y.id);
-        if (O != null) {
-          await k(O, D);
-          return;
-        }
-        Fe({ html: y == null ? void 0 : y.html }) && i({
-          html: y == null ? void 0 : y.html,
-          geometry: D,
-          infoToken: null
-        });
-      } catch (y) {
-        console.warn("CartoCSS map-format error", y);
-      }
-    };
-    return h().then(() => {
-      m = _.value, m && (m.on("click", q), s = () => m == null ? void 0 : m.off("click", q));
-    }), 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" }, Tt = ["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]" }, It = { 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__ */ F({
-  __name: "cartocss",
-  setup(L) {
-    const l = Ie(), u = De(), z = g(null), _ = [
-      { key: "css", label: "CSS", icon: Ye },
-      { key: "data", label: "Дані", icon: nt },
-      { key: "metadata", label: "Метадані", icon: Ze },
-      { key: "card", label: "Картка", icon: Je }
-    ], h = _.map((e) => e.key), i = g(
-      h.includes(u.query.tab) ? u.query.tab : "css"
-    ), d = g(!0), s = g(null), m = S(() => {
-      var e;
-      return (e = s.value) != null && e.source_path ? _.filter((o) => o.key === "card" || o.key === "metadata") : _;
-    }), n = S(
-      () => u.params.id || Kt
-    ), k = g({
-      id: n.value,
-      name: "",
-      description: ""
-    });
-    let q = null;
-    const p = g(!1);
-    function x(e) {
-      if (Array.isArray(e)) return x(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 v(e, o) {
-      return e.toFixed(o);
-    }
-    function f(e, o, t) {
-      const r = 0.5 * 10 ** -t;
-      return Math.abs(e - o) > r;
-    }
-    function w() {
-      var e;
-      return (e = z.value) == null ? void 0 : e.ctx;
-    }
-    function C() {
-      var B, ie, ce, de;
-      const e = (ie = (B = w()) == null ? void 0 : B.map) == null ? void 0 : ie.value;
-      if (!e) return;
-      const o = x(u.query.z), t = x(u.query.x), r = x(u.query.y);
-      if (o == null || t == null || r == null) return;
-      const c = (ce = e.getCenter) == null ? void 0 : ce.call(e), M = (de = e.getZoom) == null ? void 0 : de.call(e);
-      (!c || f(c.lng, t, Y) || f(c.lat, r, Y) || f(M ?? 0, o, ye)) && (p.value = !0, e.jumpTo({ center: [t, r], zoom: o }), p.value = !1);
-    }
-    function U() {
-      var c, M, j, B;
-      if (p.value) return;
-      const e = (M = (c = w()) == null ? void 0 : c.map) == null ? void 0 : M.value;
-      if (!e) return;
-      const o = (j = e.getCenter) == null ? void 0 : j.call(e), t = (B = e.getZoom) == null ? void 0 : B.call(e);
-      if (!o || t == null) return;
-      const r = {
-        ...u.query,
-        z: v(t, ye),
-        x: v(o.lng, Y),
-        y: v(o.lat, Y)
-      };
-      u.query.z === r.z && u.query.x === r.x && u.query.y === r.y || l.replace({ query: r });
-    }
-    function I(e) {
-      typeof document > "u" || (document.title = e ? `${e} — CartoCSS` : eo);
-    }
-    const y = g("");
-    g("");
-    const D = g([]), O = g(!1), te = g(!1), W = g(""), X = g(0), Q = g(!1), H = g(1), G = g(!0), be = S(() => `cartocss-layer-${n.value}`), _e = S(() => `${Math.round(H.value * 100)}%`), we = S(() => `cartocss-extent-${n.value}`), oe = S(() => {
-      var c;
-      const e = (c = W.value) == null ? void 0 : c.trim();
-      if (!e) return "";
-      const o = e.includes("?") ? "&" : "?", t = `${e}${o}nottl=1`, r = X.value;
-      return r ? `${e}${o}ts=${r}&nocache=1` : t;
-    });
-    S(() => {
-      const e = s.value;
-      return e ? e.cartocss_key || e.source_path || n.value || "" : n.value || "";
-    });
-    const ae = g(""), ne = g(""), se = S(() => {
-      var M;
-      const e = (M = s.value) == null ? void 0 : M.bounds;
-      if (!Array.isArray(e) || e.length < 4) return null;
-      const [o, t, r, c] = e;
-      return [o, t, r, c].some(
-        (j) => typeof j != "number" || Number.isNaN(j)
-      ) ? null : [(o + r) / 2, (t + c) / 2];
-    }), ke = S(() => {
-      var M;
-      const e = (M = s.value) == null ? void 0 : M.bounds;
-      if (!Array.isArray(e) || e.length < 4) return null;
-      const [o, t, r, c] = e;
-      return [o, t, r, c].some(
-        (j) => typeof j != "number" || Number.isNaN(j)
-      ) ? null : [o, t, r, c];
-    }), Z = S(() => {
-      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(", ") : "";
-    }), le = S(() => {
-      var o;
-      const e = (o = s.value) == null ? void 0 : o.group_id;
-      return e ? String(e).toUpperCase() : "";
-    });
-    N(
-      n,
-      (e) => {
-        e && K(e);
-      },
-      { immediate: !0 }
-    ), N(
-      () => {
-        var e;
-        return (e = k.value) == null ? void 0 : e.name;
-      },
-      (e) => I(e),
-      { immediate: !0 }
-    );
-    async function Ce() {
-      var r;
-      const e = w();
-      if (!(e != null && e.ready)) return;
-      await e.ready(), C();
-      const o = (r = e.map) == null ? void 0 : r.value;
-      if (!o) return;
-      const t = () => U();
-      o.on("moveend", t), o.on("zoomend", t), q = () => {
-        o.off("moveend", t), o.off("zoomend", t);
-      };
-    }
-    N(
-      () => [u.query.z, u.query.x, u.query.y],
-      () => {
-        C();
-      }
-    ), qe(() => {
-      Ce();
-    }), he(() => {
-      q == null || q(), q = null;
-    }), N(
-      () => u.query.tab,
-      (e) => {
-        e && m.value.some((o) => o.key === e) && i.value !== e && (i.value = e);
-      }
-    ), N(
-      m,
-      (e) => {
-        e.length && !e.some((o) => o.key === i.value) && (i.value = e[0].key);
-      },
-      { immediate: !0 }
-    ), N(i, (e) => {
-      u.query.tab !== e && m.value.some((o) => o.key === e) && l.replace({ query: { ...u.query, tab: e } });
-    }), N(
-      () => 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 re() {
-      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}`);
-          P({ type: "success", title: "Збережено", message: o }), await K(n.value, { bustCache: !0 });
-        } catch (t) {
-          console.error("Failed to save CartoCSS", t), P({ 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, r) => ({
-        table: (t == null ? void 0 : t.table) || (t == null ? void 0 : t.id) || `dataset_${r + 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) {
-      O.value = !0;
-      try {
-        const t = await fetch(`/api/gis-css/${e}`);
-        if (!t.ok) throw new Error(`Failed to load cartocss: ${t.status}`);
-        const r = await t.json(), c = (r == null ? void 0 : r.message) || r || {};
-        s.value = c, k.value = {
-          id: c.cartocss_key || e,
-          name: c.name || k.value.name,
-          description: c.description || k.value.description
-        }, y.value = typeof c.style == "string" ? c.style : "";
-        const M = $e(c.config ?? []);
-        D.value = Ve(M);
-        const j = typeof c.url == "string" ? c.url : "";
-        W.value = j, Q.value = !!(j && c.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 {
-        O.value = !1;
-      }
-    }
-    async function ue() {
-      await Se(
-        {
-          style: y.value || "",
-          config: D.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}`);
-      P({ type: "success", title: "Збережено", message: "Картка CartoCSS оновлена" });
-    }
-    return (e, o) => (b(), $("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(l).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, E(k.value.name || "CartoCSS"), 1)
-                ]),
-                a("div", jt, [
-                  a("div", Lt, [
-                    a("div", qt, [
-                      a("h1", At, E(k.value.name || "CartoCSS"), 1),
-                      le.value ? (b(), $("div", Nt, [
-                        a("span", Et, E(le.value), 1)
-                      ])) : A("", !0)
-                    ]),
-                    Z.value ? (b(), $("p", {
-                      key: 0,
-                      class: "text-xs text-gray-500 truncate",
-                      title: Z.value
-                    }, E(Z.value), 9, Tt)) : A("", !0)
-                  ])
-                ])
-              ]),
-              V(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: re
-              }, null, 8, ["entity-id", "entity-info", "form-endpoint", "save-endpoint"])
-            ])
-          ])
-        ]),
-        a("div", Ut, [
-          a("div", It, [
-            V(Pe, {
-              ref_key: "mapViewRef",
-              ref: z
-            }, {
-              default: R(() => {
-                var t, r;
-                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] = (c) => H.value = c),
-                          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, E(_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] = (c) => G.value = c.target.checked)
-                        }, null, 40, Pt),
-                        o[8] || (o[8] = a("span", null, "Межі css", -1))
-                      ])
-                    ])
-                  ]),
-                  a("div", Qt, [
-                    V(Qe)
-                  ]),
-                  a("div", Ht, [
-                    V(pe),
-                    se.value ? (b(), T(pe, {
-                      key: 0,
-                      targetCenter: se.value,
-                      targetLabel: "Центр даних",
-                      targetAriaLabel: "Перейти до центру даних"
-                    }, null, 8, ["targetCenter"])) : A("", !0)
-                  ]),
-                  oe.value ? (b(), T(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"])) : A("", !0),
-                  V(et, {
-                    extent: G.value ? ke.value : null,
-                    "layer-id": we.value
-                  }, null, 8, ["extent", "layer-id"]),
-                  V(_t, {
-                    "cartocss-id": n.value,
-                    bounds: ((t = s.value) == null ? void 0 : t.bounds) ?? null,
-                    active: Q.value,
-                    "info-enabled": (r = s.value) == null ? void 0 : r.info
-                  }, null, 8, ["cartocss-id", "bounds", "active", "info-enabled"]),
-                  V(He, { "map-id": n.value }, null, 8, ["map-id"])
-                ];
-              }),
-              _: 1
-            }, 512)
-          ])
-        ]),
-        s.value ? (b(), T(Xe, {
-          key: 0,
-          open: d.value,
-          onToggle: o[3] || (o[3] = (t) => d.value = !d.value)
-        }, null, 8, ["open"])) : A("", !0)
-      ]),
-      s.value ? (b(), $("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 ? (b(), $("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))` })
-            }, [
-              (b(!0), $(me, null, Te(m.value, (t) => (b(), $("button", {
-                key: t.key,
-                type: "button",
-                role: "tab",
-                "aria-selected": i.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",
-                  i.value === t.key ? "bg-white shadow-sm text-gray-700" : ""
-                ]),
-                onClick: (r) => i.value = t.key
-              }, [
-                (b(), T(Ue(t.icon), { class: "h-3.5 w-3.5 mb-0.5" })),
-                a("span", Xt, E(t.label), 1)
-              ], 10, Wt))), 128))
-            ], 4)
-          ])) : A("", !0),
-          a("div", Gt, [
-            O.value ? (b(), $("div", Zt, " Завантаження стилю… ")) : (b(), $(me, { key: 1 }, [
-              i.value === "css" ? (b(), T(rt, {
-                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"])) : i.value === "data" ? (b(), T(vt, {
-                key: 1,
-                modelValue: D.value,
-                "onUpdate:modelValue": o[5] || (o[5] = (t) => D.value = t),
-                class: "flex-1 min-h-0 flex flex-col",
-                onSave: ue
-              }, null, 8, ["modelValue"])) : i.value === "card" ? (b(), T(xt, {
-                key: 2,
-                card: ae.value,
-                table: ne.value,
-                class: "flex-1 min-h-0",
-                onSave: ze
-              }, null, 8, ["card", "table"])) : i.value === "metadata" ? (b(), T(Ge, {
-                key: 3,
-                data: s.value,
-                "entity-id": n.value,
-                "entity-type": "css",
-                onSaved: re
-              }, null, 8, ["data", "entity-id"])) : A("", !0)
-            ], 64))
-          ])
-        ])
-      ], 2)) : A("", !0)
-    ]));
-  }
-});
-export {
-  co as default
-};