@opengis/gis 0.2.144 → 0.2.146

package/dist/cartocss-B68llP5B.js

@@ -1,1053 +0,0 @@
-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-axggzg5T.js";
-import { S as ft, C as mt } from "./CardIcon-Dnk1_6Ub.js";
-import { _ as pt, a as yt, b as vt, c as gt } from "./HeaderActions.vue_vue_type_script_setup_true_lang-BcabKIhe.js";
-import { _ as Ee } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-D3ZPeXMw.js";
-import { V as ht } from "./vs-datatable-CwQOKMCU.js";
-import { _ as $e } from "./ExtentOutlineLayer.vue_vue_type_script_setup_true_lang-2H8_Dlmj.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: "",
-      gcol: "",
-      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: "Колонки" },
-      gcol: { type: "text", label: "Колонка geometry" },
-      srid: { type: "number", label: "SRID" },
-      proj4text: { type: "text", label: "PROJ4" },
-      active: { type: "switcher", label: "Активна" },
-      minzoom: { type: "number", label: "Min Зум", col: 6 },
-      maxzoom: { type: "number", label: "Max Зум", col: 6 }
-    };
-    function r() {
-      s.value = {
-        table: "",
-        query: "",
-        srid: "",
-        key: "",
-        columns: "",
-        gcol: "",
-        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(ht, {
-        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" }, ga = {
-  key: 0,
-  class: "flex-1 flex items-center justify-center text-sm text-gray-500"
-}, ha = "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: gt },
-      { 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 || ha
-    ), $ = 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 g, C, O, q;
-      const e = (C = (g = k()) == null ? void 0 : g.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), h = (q = e.getZoom) == null ? void 0 : q.call(e);
-      (!l || f(l.lng, t, se) || f(l.lat, n, se) || f(h ?? 0, a, Ve)) && (p.value = !0, e.jumpTo({ center: [t, n], zoom: a }), p.value = !1);
-    }
-    function F() {
-      var l, h, L, g;
-      if (p.value) return;
-      const e = (h = (l = k()) == null ? void 0 : l.map) == null ? void 0 : h.value;
-      if (!e) return;
-      const a = (L = e.getCenter) == null ? void 0 : L.call(e), t = (g = e.getZoom) == null ? void 0 : g.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(""), ge = M(() => {
-      var h;
-      const e = (h = s.value) == null ? void 0 : h.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 h;
-      const e = (h = s.value) == null ? void 0 : h.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(", ") : "";
-    }), he = 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, h] = a;
-      return [
-        ae(Math.min(t, l)),
-        ae(Math.min(n, h)),
-        ae(Math.max(t, l)),
-        ae(Math.max(n, h))
-      ];
-    }
-    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, h;
-      const a = (l = (n = k()) == null ? void 0 : n.map) == null ? void 0 : l.value, t = (h = a == null ? void 0 : a.getCanvas) == null ? void 0 : h.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 h = Array.isArray(s.value.bounds) ? [...s.value.bounds] : null;
-        s.value = {
-          ...s.value,
-          bounds: [...e]
-        }, De(e, h);
-      }
-      J = null, Z = !1, X.value = null, I.value = !1, de("");
-    }
-    function fe() {
-      xe(null);
-    }
-    function Ue() {
-      var h, L;
-      const e = (L = (h = k()) == null ? void 0 : h.map) == null ? void 0 : L.value;
-      if (!e) return;
-      const a = (g) => {
-        var O, q, ne;
-        if (!I.value || ((O = g == null ? void 0 : g.originalEvent) == null ? void 0 : O.button) != null && g.originalEvent.button !== 0)
-          return;
-        const C = g == null ? void 0 : g.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 = (g) => {
-        if (!I.value || !Z || !J)
-          return;
-        const C = g == null ? void 0 : g.lngLat;
-        C && (X.value = be(J, [
-          C.lng,
-          C.lat
-        ]));
-      }, n = (g) => {
-        if (!I.value || !Z || !J)
-          return;
-        const C = g == null ? void 0 : g.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 = (g) => {
-        I.value && g.key === "Escape" && (g.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) || "",
-        gcol: (t == null ? void 0 : t.gcol) || "",
-        key: (t == null ? void 0 : t.key) || (t == null ? void 0 : t.label) || "Без підпису",
-        active: typeof (t == null ? void 0 : t.active) == "boolean" ? t.active : !0,
-        minzoom: typeof (t == null ? void 0 : t.zoom) > "u" ? "" : String(t.zoom),
-        maxzoom: typeof (t == null ? void 0 : t.maxzoom) > "u" ? "" : String(t.maxzoom),
-        columns: (t == null ? void 0 : t.columns) || "",
-        proj4text: (t == null ? void 0 : t.proj4text) || ""
-      })) : [];
-    }
-    async function 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 h = Fe(l.config ?? []);
-        Q.value = Re(h);
-        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),
-                      he.value ? (w(), z("div", Zt, [
-                        o("span", Kt, U(he.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),
-                    ge.value ? (w(), P(Se, {
-                      key: 0,
-                      targetCenter: ge.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", ga, " Завантаження стилю… ")) : (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
-};