@opengis/gis 0.2.145 → 0.2.146

package/dist/raster-BN1gB-NS.js

@@ -0,0 +1,804 @@
+import { defineComponent as te, resolveDirective as We, openBlock as u, createElementBlock as m, createElementVNode as n, Fragment as W, renderList as X, toDisplayString as d, withDirectives as we, createTextVNode as Xe, normalizeClass as ae, ref as $, watch as S, computed as h, vModelText as Ke, onMounted as Ye, onBeforeUnmount as Ze, createCommentVNode as q, createVNode as B, withCtx as He, createBlock as F, resolveDynamicComponent as Je } from "vue";
+import { useRouter as et, useRoute as tt } from "vue-router";
+import { TooltipDirective as st, notify as M } from "@opengis/core";
+import { _ as nt, u as ot, f as lt, F as rt, M as it, i as at, j as be } from "./index-8aAArh78.js";
+import { _ as ut, a as ct, b as dt, c as ft } from "./HeaderActions.vue_vue_type_script_setup_true_lang-EZGjVDor.js";
+import { _ as he } from "./ExtentOutlineLayer.vue_vue_type_script_setup_true_lang-BJ-zsrml.js";
+const mt = { class: "flex-1 overflow-y-auto p-4 sm:p-6" }, pt = { class: "space-y-3" }, gt = { class: "bg-white p-3 rounded-xl border border-gray-200 shadow-sm" }, vt = { class: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2" }, yt = { class: "text-xs text-gray-500 mb-1" }, xt = {
+  key: 0,
+  class: "text-base text-md font-semibold text-gray-900"
+}, bt = {
+  key: 1,
+  class: "text-base text-md font-semibold text-gray-900"
+}, ht = { class: "bg-white p-3 rounded-xl border border-gray-200 shadow-sm" }, _t = { class: "space-y-2" }, wt = { class: "bg-gradient-to-br from-blue-50 to-blue-100/30 p-4 rounded-lg border border-blue-200" }, $t = { class: "text-sm font-semibold text-gray-900" }, kt = { class: "text-xs text-gray-600 mt-1" }, Ct = { class: "grid grid-cols-2 gap-3" }, Et = { class: "text-xs text-gray-500 mb-1" }, Lt = { class: "text-sm font-semibold text-gray-900" }, Rt = { class: "bg-gray-50 p-4 rounded-lg" }, Mt = { class: "grid grid-cols-2 gap-4" }, St = { class: "text-xs text-gray-500 mb-1" }, It = { class: "text-sm font-semibold text-gray-900" }, jt = /* @__PURE__ */ te({
+  directives: {
+    tooltip: st
+  },
+  __name: "raster-info-tab",
+  props: {
+    details: {}
+  },
+  setup(_) {
+    return (v, y) => {
+      const r = We("tooltip");
+      return u(), m("div", mt, [
+        n("div", pt, [
+          n("div", gt, [
+            y[0] || (y[0] = n("div", { class: "mb-4" }, [
+              n("h4", { class: "text-sm font-semibold text-gray-900 uppercase tracking-wide" }, "Основні параметри")
+            ], -1)),
+            n("div", vt, [
+              (u(!0), m(W, null, X(_.details.baseParams, (f) => (u(), m("div", {
+                key: f.label,
+                class: "bg-gray-50 p-2 rounded-lg"
+              }, [
+                n("p", yt, d(f.label), 1),
+                f.tooltip ? we((u(), m("p", xt, [
+                  Xe(d(f.value), 1)
+                ])), [
+                  [r, f.tooltip]
+                ]) : (u(), m("p", bt, d(f.value), 1))
+              ]))), 128))
+            ])
+          ]),
+          n("div", ht, [
+            y[3] || (y[3] = n("div", { class: "mb-2" }, [
+              n("h4", { class: "text-sm font-semibold text-gray-900 uppercase tracking-wide" }, "Просторова інформація")
+            ], -1)),
+            n("div", _t, [
+              n("div", null, [
+                y[1] || (y[1] = n("p", { class: "text-xs text-gray-500 mb-2" }, "Система координат", -1)),
+                n("div", wt, [
+                  n("p", $t, d(_.details.spatial.crs.code), 1),
+                  n("p", kt, d(_.details.spatial.crs.description), 1)
+                ])
+              ]),
+              n("div", null, [
+                y[2] || (y[2] = n("p", { class: "text-xs text-gray-500 mb-2" }, "Межі покриття", -1)),
+                n("div", Ct, [
+                  (u(!0), m(W, null, X(_.details.spatial.bounds, (f) => (u(), m("div", {
+                    key: f.label,
+                    class: "bg-gray-50 p-2 rounded-lg border border-gray-200"
+                  }, [
+                    n("p", Et, d(f.label), 1),
+                    n("p", Lt, d(f.value), 1)
+                  ]))), 128))
+                ])
+              ]),
+              n("div", Rt, [
+                n("div", Mt, [
+                  (u(!0), m(W, null, X(_.details.spatial.resolution, (f) => (u(), m("div", {
+                    key: f.label
+                  }, [
+                    n("p", St, d(f.label), 1),
+                    n("p", It, d(f.value), 1)
+                  ]))), 128))
+                ])
+              ])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), zt = { class: "flex-1 overflow-y-auto space-y-3 pr-1" }, Bt = { class: "font-medium text-sm text-gray-800" }, Pt = { class: "text-xs text-gray-500" }, Nt = /* @__PURE__ */ te({
+  __name: "raster-files-tab",
+  props: {
+    files: {}
+  },
+  setup(_) {
+    return (v, y) => (u(), m("div", zt, [
+      (u(!0), m(W, null, X(_.files, (r) => (u(), m("div", {
+        key: r.name,
+        class: "border border-gray-100 rounded-xl p-4 shadow-sm bg-white flex items-start justify-between"
+      }, [
+        n("div", null, [
+          n("p", Bt, d(r.name), 1),
+          n("p", Pt, d(r.resolution) + " • " + d(r.size) + "MB", 1)
+        ]),
+        n("span", {
+          class: ae(["text-[11px] font-semibold px-2 py-0.5 rounded-full", r.statusClass])
+        }, d(r.status), 3)
+      ]))), 128))
+    ]));
+  }
+}), Dt = {}, Ut = {
+  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"
+};
+function Tt(_, v) {
+  return u(), m("svg", Ut, [...v[0] || (v[0] = [
+    n("circle", {
+      cx: "12",
+      cy: "12",
+      r: "9"
+    }, null, -1),
+    n("line", {
+      x1: "12",
+      y1: "8",
+      x2: "12",
+      y2: "8"
+    }, null, -1),
+    n("path", { d: "M11 12h1v4h1" }, null, -1)
+  ])]);
+}
+const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top-[5.5rem] left-4 z-30 flex flex-col items-start gap-2" }, Vt = { class: "rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur" }, At = { class: "flex items-center gap-2" }, Ot = { class: "rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur" }, Gt = { class: "inline-flex items-center gap-2 text-[11px] text-slate-600" }, Qt = ["checked"], Wt = /* @__PURE__ */ te({
+  __name: "RasterLayer",
+  props: {
+    tileUrl: {},
+    extent: {},
+    layerId: {},
+    beforeId: {},
+    showRasterExtent: { type: Boolean }
+  },
+  emits: ["toggle-extent"],
+  setup(_) {
+    const v = _, y = v.layerId || "raster-preview-layer", r = `${y}-source`, f = v.extent && v.extent.length === 4 ? [...v.extent] : void 0, P = ot(y, {
+      sourceId: r,
+      source: {
+        type: "raster",
+        tiles: v.tileUrl ? [v.tileUrl + "?nottl=1"] : [],
+        tileSize: 256,
+        ...f ? { bounds: f } : {}
+      },
+      layer: {
+        id: `${y}-raster`,
+        type: "raster",
+        paint: { "raster-opacity": 1 }
+      },
+      beforeId: v.beforeId ?? null
+    }), { fitBounds: V } = lt(), N = $(1);
+    S(
+      () => v.tileUrl,
+      (p) => {
+        if (!p) {
+          P.setVisible(!1);
+          return;
+        }
+        P.setVisible(!0), P.setTiles([p]);
+      },
+      { immediate: !0 }
+    ), S(
+      () => N.value,
+      (p) => {
+        P.setOpacity(p);
+      },
+      { immediate: !0 }
+    );
+    let x = null, c = !1;
+    S(
+      () => v.extent,
+      (p) => {
+        if (!p || p.length !== 4) return;
+        const b = p.join(",");
+        if (b !== x) {
+          if (x = b, !c) {
+            c = !0;
+            return;
+          }
+          V == null || V([[p[0], p[1]], [p[2], p[3]]], {
+            padding: 40,
+            maxZoom: 17
+          });
+        }
+      },
+      { immediate: !0 }
+    );
+    const A = h(() => `${Math.round(N.value * 100)}%`);
+    return (p, b) => (u(), m("div", Ft, [
+      n("div", Vt, [
+        n("div", At, [
+          b[2] || (b[2] = n("span", null, "Прозорість:", -1)),
+          we(n("input", {
+            type: "range",
+            min: "0",
+            max: "1",
+            step: "0.01",
+            "onUpdate:modelValue": b[0] || (b[0] = (I) => N.value = I),
+            class: "h-1 w-28 cursor-pointer appearance-none rounded-full bg-slate-300 focus:outline-none",
+            style: { "accent-color": "#3b82f6" }
+          }, null, 512), [
+            [
+              Ke,
+              N.value,
+              void 0,
+              { number: !0 }
+            ]
+          ]),
+          n("span", null, d(A.value), 1)
+        ])
+      ]),
+      n("div", Ot, [
+        n("label", Gt, [
+          n("input", {
+            type: "checkbox",
+            class: "h-3.5 w-3.5 rounded border-slate-300 text-blue-600 focus:ring-blue-200",
+            checked: _.showRasterExtent,
+            onChange: b[1] || (b[1] = (I) => p.$emit("toggle-extent", I.target.checked))
+          }, null, 40, Qt),
+          b[3] || (b[3] = n("span", null, "Межі растру", -1))
+        ])
+      ])
+    ]));
+  }
+}), Xt = { class: "flex h-full bg-gradient-to-br from-slate-50 to-white" }, Kt = { class: "flex-1 relative overflow-hidden" }, Yt = { class: "absolute top-0 left-0 w-full z-20" }, Zt = { class: "px-4 sm:px-6 py-4 border-b border-gray-200 bg-white shadow-sm" }, Ht = { class: "flex items-start justify-between gap-4" }, Jt = { class: "flex-1 min-w-0" }, es = { class: "flex items-center text-sm text-gray-500 mb-3" }, ts = { class: "text-gray-900 font-medium truncate max-w-xs" }, ss = { class: "flex items-center justify-between gap-4" }, ns = { class: "flex-1 min-w-0" }, os = { class: "flex items-center gap-3 mb-1" }, ls = { class: "text-base font-semibold text-gray-900 truncate" }, rs = ["title"], is = { class: "flex items-center gap-4 min-w-0" }, as = { class: "flex-1 min-w-0" }, us = ["title"], cs = { class: "w-full h-full bg-gradient-to-br from-sky-50 via-white to-blue-50 flex items-center justify-center relative pt-[105px]" }, ds = { class: "relative w-full h-full" }, fs = { class: "absolute top-4 left-4 z-20" }, ms = {
+  key: 1,
+  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"
+}, ps = { class: "absolute top-[6.5rem] right-2 space-y-1 z-20" }, gs = { class: "flex-1 flex flex-col h-full" }, vs = { class: "px-3 pt-3 pb-2 border-b border-gray-100" }, ys = { class: "items-center justify-center text-muted-foreground grid w-full grid-cols-3 h-12 p-1 bg-gray-50 rounded-xl shadow-sm" }, xs = ["aria-selected", "onClick"], bs = { class: "leading-none" }, hs = { class: "flex flex-col flex-1 overflow-y-hidden p-3" }, _s = {
+  key: 0,
+  class: "mb-3 text-xs text-slate-500"
+}, ws = {
+  key: 1,
+  class: "mb-3 text-xs text-rose-600"
+}, $s = "OpenGIS", _e = 2, ee = 5, ks = 5, js = /* @__PURE__ */ te({
+  __name: "raster",
+  setup(_) {
+    const v = [
+      { cardClass: "bg-gradient-to-br from-green-50 to-green-100/30 border-green-200", titleClass: "text-green-900" },
+      { cardClass: "bg-gradient-to-br from-blue-50 to-blue-100/30 border-blue-200", titleClass: "text-blue-900" },
+      { cardClass: "bg-gradient-to-br from-purple-50 to-purple-100/30 border-purple-200", titleClass: "text-purple-900" },
+      { cardClass: "bg-gradient-to-br from-gray-50 to-gray-100/30 border-gray-200", titleClass: "text-gray-900" }
+    ], y = et(), r = tt(), f = $(null), P = h(() => {
+      var s;
+      const e = (s = r.matched[r.matched.length - 1]) == null ? void 0 : s.path;
+      return (typeof e == "string" && e ? e : r.path).replace(/\/:id\??$/, "") || "/";
+    }), V = h(() => {
+      var t;
+      const e = (t = r.meta) == null ? void 0 : t.title;
+      return typeof e == "string" && e.trim() ? e : "Растри";
+    });
+    function N() {
+      y.push(P.value);
+    }
+    const x = h(() => {
+      var t;
+      const e = (t = r.params) == null ? void 0 : t.id;
+      return typeof e == "string" ? e : void 0;
+    }), c = $(null), A = $(!1), p = $(!1), b = $(null), I = $(!0), C = $(!1), O = $(null);
+    let G = null, D = null;
+    const se = $(!1);
+    let j = null, Q = !1;
+    function K(e) {
+      if (Array.isArray(e)) return K(e[0]);
+      if (typeof e != "string" && typeof e != "number") return null;
+      const t = typeof e == "number" ? e : Number(e.trim());
+      return Number.isFinite(t) ? t : null;
+    }
+    function ne(e, t) {
+      return e.toFixed(t);
+    }
+    function oe(e, t, s) {
+      const o = 0.5 * 10 ** -s;
+      return Math.abs(e - t) > o;
+    }
+    function z() {
+      var e;
+      return (e = f.value) == null ? void 0 : e.ctx;
+    }
+    function ue() {
+      var a, g, R, k;
+      const e = (g = (a = z()) == null ? void 0 : a.map) == null ? void 0 : g.value;
+      if (!e) return;
+      const t = K(r.query.z), s = K(r.query.x), o = K(r.query.y);
+      if (t == null || s == null || o == null) return;
+      const l = (R = e.getCenter) == null ? void 0 : R.call(e), i = (k = e.getZoom) == null ? void 0 : k.call(e);
+      (!l || oe(l.lng, s, ee) || oe(l.lat, o, ee) || oe(i ?? 0, t, _e)) && (se.value = !0, e.jumpTo({ center: [s, o], zoom: t }), se.value = !1);
+    }
+    function $e() {
+      var l, i, w, a;
+      if (se.value) return;
+      const e = (i = (l = z()) == null ? void 0 : l.map) == null ? void 0 : i.value;
+      if (!e) return;
+      const t = (w = e.getCenter) == null ? void 0 : w.call(e), s = (a = e.getZoom) == null ? void 0 : a.call(e);
+      if (!t || s == null) return;
+      const o = {
+        ...r.query,
+        z: ne(s, _e),
+        x: ne(t.lng, ee),
+        y: ne(t.lat, ee)
+      };
+      r.query.z === o.z && r.query.x === o.x && r.query.y === o.y || y.replace({ query: o });
+    }
+    function ke() {
+      var t;
+      if (typeof document > "u") return;
+      const e = (t = T.value) == null ? void 0 : t.name;
+      document.title = e ? `${e} — Растер` : $s;
+    }
+    function Y(e) {
+      return Number(e.toFixed(ks));
+    }
+    function ce(e, t) {
+      const [s, o] = e, [l, i] = t;
+      return [
+        Y(Math.min(s, l)),
+        Y(Math.min(o, i)),
+        Y(Math.max(s, l)),
+        Y(Math.max(o, i))
+      ];
+    }
+    function Ce(e) {
+      const [t, s, o, l] = e;
+      return {
+        type: "Polygon",
+        coordinates: [[
+          [t, s],
+          [o, s],
+          [o, l],
+          [t, l],
+          [t, s]
+        ]]
+      };
+    }
+    function le(e) {
+      var o, l, i;
+      const t = (l = (o = z()) == null ? void 0 : o.map) == null ? void 0 : l.value, s = (i = t == null ? void 0 : t.getCanvas) == null ? void 0 : i.call(t);
+      s != null && s.style && (s.style.cursor = e);
+    }
+    async function Ee(e, t) {
+      if (!(!x.value || !c.value))
+        try {
+          const s = Ce(e), o = await fetch(`/api/gis-metadata/raster/${encodeURIComponent(x.value)}`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ geom: s })
+          });
+          if (!o.ok) throw new Error(`Failed to save raster metadata geom: ${o.status}`);
+          M({
+            type: "success",
+            title: "Extent збережено",
+            message: "Нові межі успішно збережено."
+          }), await H();
+        } catch (s) {
+          console.error("Failed to save raster extent", s), c.value && (c.value = {
+            ...c.value,
+            extent: t ? [...t] : void 0
+          }), M({
+            type: "error",
+            title: "Помилка",
+            message: "Не вдалося зберегти Extent"
+          });
+        }
+    }
+    function de(e) {
+      var s, o, l;
+      const t = (o = (s = z()) == null ? void 0 : s.map) == null ? void 0 : o.value;
+      if ((l = t == null ? void 0 : t.dragPan) != null && l.enable && t.dragPan.enable(), (e == null ? void 0 : e.length) === 4 && c.value) {
+        const i = Array.isArray(c.value.extent) ? [...c.value.extent] : null;
+        c.value = {
+          ...c.value,
+          extent: [...e]
+        }, Ee(e, i);
+      }
+      j = null, Q = !1, O.value = null, C.value = !1, le("");
+    }
+    function re() {
+      de(null);
+    }
+    function Le() {
+      var i, w;
+      const e = (w = (i = z()) == null ? void 0 : i.map) == null ? void 0 : w.value;
+      if (!e) return;
+      const t = (a) => {
+        var R, k, J;
+        if (!C.value || ((R = a == null ? void 0 : a.originalEvent) == null ? void 0 : R.button) != null && a.originalEvent.button !== 0) return;
+        const g = a == null ? void 0 : a.lngLat;
+        g && (j = [g.lng, g.lat], Q = !0, O.value = [g.lng, g.lat, g.lng, g.lat], (J = (k = e.dragPan) == null ? void 0 : k.disable) == null || J.call(k));
+      }, s = (a) => {
+        if (!C.value || !Q || !j) return;
+        const g = a == null ? void 0 : a.lngLat;
+        g && (O.value = ce(j, [g.lng, g.lat]));
+      }, o = (a) => {
+        if (!C.value || !Q || !j) return;
+        const g = a == null ? void 0 : a.lngLat;
+        if (!g) {
+          re();
+          return;
+        }
+        const R = ce(j, [g.lng, g.lat]), [k, J, Ge, Qe] = R;
+        if (!(Math.abs(Ge - k) > 0 && Math.abs(Qe - J) > 0)) {
+          M({
+            type: "warning",
+            title: "Bounds не змінено",
+            message: "Потрібно протягнути прямокутник з ненульовою площею."
+          }), re();
+          return;
+        }
+        de(R);
+      }, l = (a) => {
+        C.value && a.key === "Escape" && (a.preventDefault(), re());
+      };
+      e.on("mousedown", t), e.on("mousemove", s), e.on("mouseup", o), window.addEventListener("keydown", l), D = () => {
+        e.off("mousedown", t), e.off("mousemove", s), e.off("mouseup", o), window.removeEventListener("keydown", l);
+      };
+    }
+    async function Re() {
+      var s;
+      if (C.value) return;
+      const e = z();
+      !(e != null && e.ready) || (await e.ready(), !((s = e.map) == null ? void 0 : s.value)) || (D || Le(), C.value = !0, Q = !1, j = null, O.value = null, le("crosshair"), M({
+        type: "info",
+        title: "Редагування Bounds",
+        message: "Протягніть прямокутник на карті, щоб задати нові межі."
+      }));
+    }
+    const fe = h(() => {
+      var t;
+      const e = (t = c.value) == null ? void 0 : t.url;
+      return e ? /^https?:\/\//i.test(e) || typeof window > "u" || typeof location > "u" ? e : `${location.origin}${e}` : "";
+    }), U = h(() => {
+      var e;
+      return ((e = c.value) == null ? void 0 : e.extent) ?? null;
+    }), me = h(() => x.value ? `raster-${x.value}` : void 0), Me = h(() => x.value ? `raster-extent-${x.value}` : "raster-extent"), Se = h(() => x.value ? `raster-extent-draft-${x.value}` : "raster-extent-draft"), Ie = h(() => {
+      const e = me.value ?? "raster", t = U.value && U.value.length === 4 ? U.value.join(",") : "no-extent";
+      return `${e}-${t}`;
+    }), je = h(() => !!fe.value), pe = h(() => {
+      const e = U.value;
+      if (!e || e.length !== 4) return null;
+      const [t, s, o, l] = e;
+      return [t, s, o, l].some(
+        (i) => typeof i != "number" || Number.isNaN(i)
+      ) ? null : [(t + o) / 2, (s + l) / 2];
+    }), T = h(() => {
+      var i, w;
+      const e = c.value, t = e == null ? void 0 : e.extent, o = x.value ?? "—", l = [
+        e != null && e.extension ? `Формат ${String(e.extension).toUpperCase()}` : null,
+        (e == null ? void 0 : e.resolution) || null
+      ].filter(Boolean).join(", ");
+      return {
+        id: o,
+        name: (e == null ? void 0 : e.name) || ((w = (i = e == null ? void 0 : e.files) == null ? void 0 : i[0]) == null ? void 0 : w.name),
+        description: (e == null ? void 0 : e.description) || l || "Попередній перегляд растрового шару.",
+        coverage: t && t.length === 4 ? `${L(t[0])}, ${L(t[1])} → ${L(t[2])}, ${L(t[3])}` : "Покриття уточнюється",
+        crs: e != null && e.srid ? `EPSG:${e.srid}` : "EPSG:4326",
+        source: e != null && e.proj4 ? e.proj4 : "Джерело: Mapnik",
+        updatedAt: e != null && e.cache ? "Дані кешовано" : "Нові дані"
+      };
+    }), ie = h(() => {
+      const e = c.value;
+      return e ? [
+        e.source_path,
+        e.srid ? `SRID: ${e.srid}` : null,
+        e.is_public ? "Публічна" : "Не публічна",
+        e.is_active ? "Активна" : "Неактивна",
+        e.cache ? "Кешовано" : null
+      ].filter((t) => t).join(", ") : "";
+    }), ge = [
+      { key: "info", label: "Інформація", icon: qt },
+      { key: "files", label: "Файли", icon: rt },
+      { key: "metadata", label: "Метадані", icon: ut }
+    ], ve = ge.map((e) => e.key), E = $(ve.includes(r.query.tab) ? r.query.tab : "info"), Z = $(!0);
+    S(() => r.query.tab, (e) => {
+      e && ve.includes(e) && E.value !== e && (E.value = e);
+    }), S(E, (e) => {
+      r.query.tab !== e && y.replace({ query: { ...r.query, tab: e } });
+    });
+    const ze = h(() => Ne(c.value)), ye = h(() => Ue(c.value));
+    S(
+      () => c.value,
+      () => {
+        ke();
+      },
+      { immediate: !0 }
+    );
+    async function Be() {
+      var o;
+      const e = z();
+      if (!(e != null && e.ready)) return;
+      await e.ready(), ue();
+      const t = (o = e.map) == null ? void 0 : o.value;
+      if (!t) return;
+      const s = () => $e();
+      t.on("moveend", s), t.on("zoomend", s), G = () => {
+        t.off("moveend", s), t.off("zoomend", s);
+      };
+    }
+    S(
+      () => [r.query.z, r.query.x, r.query.y],
+      () => {
+        ue();
+      }
+    ), Ye(() => {
+      Be();
+    }), Ze(() => {
+      G == null || G(), G = null, D == null || D(), D = null, le("");
+    }), S(x, () => {
+      H();
+    }, { immediate: !0 });
+    async function Pe(e) {
+      var t;
+      H(), ((t = c.value) == null ? void 0 : t.srid) !== e.srid && (M({ title: "XML start", type: "info", message: "зміна системи координат, оновлюємо карту ..." }), await xe(`/api/gis-xml/${encodeURIComponent(x.value)}`), M({ title: "XML created", type: "info", message: "карта створена" }), location.reload());
+    }
+    async function H() {
+      const e = x.value;
+      if (!e) {
+        c.value = null, b.value = null;
+        return;
+      }
+      A.value = !0, b.value = null;
+      try {
+        const t = await fetch(`/api/gis-raster/${encodeURIComponent(e)}`);
+        if (!t.ok)
+          throw new Error(`HTTP ${t.status}`);
+        const s = await t.json();
+        s.xml && (p.value = !0), c.value = s, s.xml || (M({ title: "XML not found", type: "info", message: "йде створення xml ... зачекайте" }), await xe(`/api/gis-xml/${encodeURIComponent(e)}`), M({ title: "XML created", type: "info", message: "карта створена" }), fetch(`/api/gis-raster/${encodeURIComponent(e)}?nocache=1`), p.value = !0);
+      } catch (t) {
+        console.error("Failed to load raster info", t), c.value = null, b.value = t instanceof Error ? t.message : String(t);
+      } finally {
+        A.value = !1;
+      }
+    }
+    function xe(e) {
+      return new Promise((t, s) => {
+        const o = new EventSource(e), l = [];
+        o.onmessage = (i) => {
+          l.push(i.data), console.log("Received:", i.data);
+        }, o.addEventListener("end", () => {
+          o.close(), t(l);
+        }), o.onerror = (i) => {
+          o.close(), t(i);
+        };
+      });
+    }
+    function Ne(e) {
+      var t;
+      return (t = e == null ? void 0 : e.files) != null && t.length ? e.files.map((s) => ({
+        name: s.name,
+        resolution: De(s.name, e),
+        size: s.size || "—",
+        status: "Готово",
+        statusClass: "bg-emerald-50 text-emerald-600 border border-emerald-100"
+      })) : [];
+    }
+    function De(e, t) {
+      const s = e.toLowerCase();
+      return s.endsWith(".tfw") ? "Georeference" : s.endsWith(".xml") ? "Опис" : s.endsWith(".tif") || s.endsWith(".tiff") ? t != null && t.resolution ? t.resolution : "Растер" : (t == null ? void 0 : t.resolution) ?? "Файл";
+    }
+    function Ue(e) {
+      return e ? {
+        baseParams: qe(e),
+        spatial: {
+          crs: {
+            code: e.srid ? `EPSG:${e.srid}` : "EPSG:4326",
+            description: e.proj4 || "WGS 84 — World Geodetic System 1984"
+          },
+          bounds: Fe(e.extent),
+          resolution: Ve(e)
+        },
+        statistics: Ae(e),
+        technical: Oe(e)
+      } : null;
+    }
+    function Te(e) {
+      return e != null && e.length ? e.map((s) => {
+        var l;
+        if (!s) return "";
+        const o = s.trim().split(/\s+/)[0];
+        return ((l = o == null ? void 0 : o[0]) == null ? void 0 : l.toUpperCase()) || "";
+      }).filter(Boolean).join("") : "";
+    }
+    function qe(e) {
+      var i, w;
+      const t = e.bands_count ?? ((i = e.bands) == null ? void 0 : i.length) ?? "—", s = Te(e.bands), o = (e.bands ?? []).map((a) => a.trim()).filter((a) => a.length > 0), l = o.length ? o.join(", ") : void 0;
+      return [
+        {
+          label: "Розмір растру, px",
+          value: e.width && e.height ? `${e.width}×${e.height}` : "—"
+        },
+        { label: "Формат файлу", value: ((w = e.extension) == null ? void 0 : w.toUpperCase()) ?? "—" },
+        { label: "Розмір файлу, mb", value: e.total_size ? `${e.total_size}` : "—" },
+        {
+          label: "Кількість каналів",
+          value: typeof t == "number" ? `${t}${s ? ` (${s})` : ""}` : `${t}${s ? ` (${s})` : ""}`,
+          tooltip: l
+        },
+        { label: "Глибина кольору", value: e.color_depth ? `${e.color_depth} біт/канал` : "—" },
+        { label: "Стиснення", value: e.compression || "—" }
+      ];
+    }
+    function Fe(e) {
+      return !e || e.length !== 4 ? [] : [
+        { label: "Північ", value: L(e[3], "N") },
+        { label: "Схід", value: L(e[2], "E") },
+        { label: "Південь", value: L(e[1], "S") },
+        { label: "Захід", value: L(e[0], "W") }
+      ];
+    }
+    function Ve(e) {
+      const t = [
+        { label: "Роздільна здатність", value: e.resolution || "—" }
+      ];
+      return e.width && e.height && t.push({ label: "Розмір пікселя", value: `${e.width} × ${e.height} px` }), t;
+    }
+    function Ae(e) {
+      var t;
+      return (t = e.bands) != null && t.length ? e.bands.map((s, o) => {
+        const l = v[o % v.length];
+        return {
+          label: `Канал ${o + 1}${s ? ` (${s})` : ""}`,
+          cardClass: l.cardClass,
+          titleClass: l.titleClass,
+          metrics: [
+            { label: "Назва", value: s || `Канал ${o + 1}` },
+            { label: "Глибина", value: e.color_depth ? `${e.color_depth} біт` : "—" },
+            { label: "Статус", value: e.cache ? "Кешовано" : "Готово" }
+          ]
+        };
+      }) : [];
+    }
+    function Oe(e) {
+      var t;
+      return [
+        { label: "Тип даних", value: e.color_depth ? `Unsigned Integer ${e.color_depth}-bit` : "—" },
+        { label: "Компресія", value: e.compression || "—" },
+        { label: "Кольорова інтерпретація", value: ((t = e.bands) == null ? void 0 : t.join(", ")) || "—" },
+        { label: "SRID", value: e.srid ? `EPSG:${e.srid}` : "—" },
+        { label: "Проекція (proj4)", value: e.proj4 || "—" },
+        { label: "URL тайла", value: e.url || "—" }
+      ];
+    }
+    function L(e, t) {
+      if (e == null || Number.isNaN(e)) return "—";
+      const s = `${e.toFixed(5)}°`;
+      return t ? `${s} ${t}` : s;
+    }
+    return (e, t) => (u(), m("div", Xt, [
+      n("div", Kt, [
+        n("div", Yt, [
+          n("div", Zt, [
+            n("div", Ht, [
+              n("div", Jt, [
+                n("div", es, [
+                  n("button", {
+                    type: "button",
+                    class: "hover:text-gray-700 cursor-pointer transition-colors",
+                    onClick: N
+                  }, d(V.value), 1),
+                  t[2] || (t[2] = n("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"
+                  }, [
+                    n("path", { d: "m9 18 6-6-6-6" })
+                  ], -1)),
+                  n("span", ts, d(T.value.name || "Растер"), 1)
+                ]),
+                n("div", ss, [
+                  n("div", ns, [
+                    n("div", os, [
+                      n("h1", ls, d(T.value.name || "Растер"), 1)
+                    ]),
+                    ie.value ? (u(), m("p", {
+                      key: 0,
+                      class: "text-xs text-gray-500 truncate",
+                      title: ie.value
+                    }, d(ie.value), 9, rs)) : q("", !0)
+                  ])
+                ])
+              ]),
+              n("div", is, [
+                n("div", as, [
+                  n("div", {
+                    class: "w-full text-xs text-gray-600 truncate",
+                    title: T.value.description
+                  }, d(T.value.description), 9, us)
+                ]),
+                B(ct, {
+                  "entity-id": x.value || "",
+                  "entity-info": { name: T.value.name },
+                  table: "gis.rasters.table",
+                  "entity-label": "Растер",
+                  "save-method": "put",
+                  "edit-button-text": "Редагувати",
+                  onSaved: Pe
+                }, null, 8, ["entity-id", "entity-info"])
+              ])
+            ])
+          ])
+        ]),
+        n("div", cs, [
+          n("div", ds, [
+            B(it, {
+              ref_key: "mapViewRef",
+              ref: f
+            }, {
+              default: He(() => [
+                je.value && p.value ? (u(), F(Wt, {
+                  key: Ie.value,
+                  "tile-url": fe.value,
+                  extent: U.value,
+                  "layer-id": me.value,
+                  "show-raster-extent": I.value,
+                  onToggleExtent: t[0] || (t[0] = (s) => I.value = s)
+                }, null, 8, ["tile-url", "extent", "layer-id", "show-raster-extent"])) : q("", !0),
+                B(he, {
+                  extent: I.value ? U.value : null,
+                  "layer-id": Me.value
+                }, null, 8, ["extent", "layer-id"]),
+                B(he, {
+                  extent: O.value,
+                  "layer-id": Se.value,
+                  "line-color": "#0ea5e9",
+                  "line-width": 3
+                }, null, 8, ["extent", "layer-id"]),
+                n("div", fs, [
+                  B(at)
+                ]),
+                C.value ? (u(), m("div", ms, " Потягніть на карті, щоб намалювати нові Bounds. Esc скасовує редагування. ")) : q("", !0),
+                n("div", ps, [
+                  B(be),
+                  pe.value ? (u(), F(be, {
+                    key: 0,
+                    targetCenter: pe.value,
+                    targetLabel: "Центр даних",
+                    targetAriaLabel: "Перейти до центру даних"
+                  }, null, 8, ["targetCenter"])) : q("", !0)
+                ])
+              ]),
+              _: 1
+            }, 512)
+          ])
+        ]),
+        B(dt, {
+          open: Z.value,
+          onToggle: t[1] || (t[1] = (s) => Z.value = !Z.value)
+        }, null, 8, ["open"])
+      ]),
+      n("div", {
+        class: ae(["bg-white border-l border-gray-100 flex flex-col overflow-hidden shadow-lg flex-shrink-0 transition-[width] duration-100 ease-in-out", Z.value ? "w-[650px]" : "w-0"])
+      }, [
+        n("div", gs, [
+          n("div", vs, [
+            n("div", ys, [
+              (u(), m(W, null, X(ge, (s) => n("button", {
+                key: s.key,
+                type: "button",
+                role: "tab",
+                "aria-selected": E.value === s.key,
+                class: ae(["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", E.value === s.key ? "bg-white shadow-sm text-gray-700" : ""]),
+                onClick: (o) => E.value = s.key
+              }, [
+                (u(), F(Je(s.icon), { class: "h-3.5 w-3.5 mb-0.5" })),
+                n("span", bs, d(s.label), 1)
+              ], 10, xs)), 64))
+            ])
+          ]),
+          n("div", hs, [
+            A.value ? (u(), m("div", _s, " Завантаження метаданих растру… ")) : b.value ? (u(), m("div", ws, " Не вдалося отримати дані: " + d(b.value), 1)) : q("", !0),
+            E.value === "files" ? (u(), F(Nt, {
+              key: 2,
+              files: ze.value
+            }, null, 8, ["files"])) : E.value === "metadata" ? (u(), F(ft, {
+              key: 3,
+              data: c.value,
+              "entity-id": x.value,
+              "entity-type": "raster",
+              onSaved: H,
+              onEditCssBounds: Re
+            }, null, 8, ["data", "entity-id"])) : ye.value ? (u(), F(jt, {
+              key: 4,
+              details: ye.value
+            }, null, 8, ["details"])) : q("", !0)
+          ])
+        ])
+      ], 2)
+    ]));
+  }
+});
+export {
+  js as default
+};