@opengis/gis 0.2.166 → 0.2.168

package/dist/cartocss-BoYdEjtS.js

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