@opengis/gis 0.2.128 → 0.2.130

package/dist/raster-DFuH49fc.js

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