@opengis/gis 0.2.129 → 0.2.131

package/dist/raster-BDWEafwx.js

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