@opengis/gis 0.2.145 → 0.2.147

package/dist/{raster-CKQiGAgN.js → raster-BiqVALLd.js}

@@ -1,77 +1,77 @@
-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-DJKZSGVW.js";
-import { _ as it, a as at, b as ut, c as ct } from "./HeaderActions.vue_vue_type_script_setup_true_lang-9kitzmJK.js";
-import { _ as xe } from "./ExtentOutlineLayer.vue_vue_type_script_setup_true_lang-B7Nkfd7c.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 = {
+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 lt, f as rt, M as ot, i as it, j as be, F as at } from "./index-wy3j6by2.js";
+import { _ as ut, a as ct, b as dt, c as ft } from "./HeaderActions.vue_vue_type_script_setup_true_lang-CphgPZBk.js";
+import { _ as he } from "./ExtentOutlineLayer.vue_vue_type_script_setup_true_lang-DLjREp_K.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" }, yt = { class: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2" }, vt = { class: "text-xs text-gray-500 mb-1" }, xt = {
   key: 0,
   class: "text-base text-md font-semibold text-gray-900"
-}, xt = {
+}, bt = {
   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({
+}, 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: et
+    tooltip: st
   },
   __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, [
+    return (y, v) => {
+      const o = We("tooltip");
+      return u(), m("div", mt, [
+        n("div", pt, [
+          n("div", gt, [
             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", {
+            n("div", yt, [
+              (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", gt, p(f.label), 1),
-                f.tooltip ? be((u(), m("p", yt, [
-                  Ge(p(f.value), 1)
+                n("p", vt, d(f.label), 1),
+                f.tooltip ? we((u(), m("p", xt, [
+                  Xe(d(f.value), 1)
                 ])), [
-                  [a, f.tooltip]
-                ]) : (u(), m("p", xt, p(f.value), 1))
+                  [o, f.tooltip]
+                ]) : (u(), m("p", bt, d(f.value), 1))
               ]))), 128))
             ])
           ]),
-          n("div", vt, [
+          n("div", ht, [
             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", _t, [
               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", wt, [
+                  n("p", $t, d(_.details.spatial.crs.code), 1),
+                  n("p", kt, d(_.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", {
+                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", kt, p(f.label), 1),
-                    n("p", Ct, p(f.value), 1)
+                    n("p", Et, d(f.label), 1),
+                    n("p", Lt, d(f.value), 1)
                   ]))), 128))
                 ])
               ]),
-              n("div", Et, [
-                n("div", Lt, [
-                  (u(!0), m(O, null, G(_.details.spatial.resolution, (f) => (u(), m("div", {
+              n("div", Rt, [
+                n("div", Mt, [
+                  (u(!0), m(W, null, X(_.details.spatial.resolution, (f) => (u(), m("div", {
                     key: f.label
                   }, [
-                    n("p", Rt, p(f.label), 1),
-                    n("p", Mt, p(f.value), 1)
+                    n("p", St, d(f.label), 1),
+                    n("p", It, d(f.value), 1)
                   ]))), 128))
                 ])
               ])
@@ -81,28 +81,28 @@ const dt = { class: "flex-1 overflow-y-auto p-4 sm:p-6" }, ft = { class: "space-
       ]);
     };
   }
-}), 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({
+}), 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 (x, v) => (u(), m("div", It, [
-      (u(!0), m(O, null, G(_.files, (a) => (u(), m("div", {
-        key: a.name,
+    return (y, v) => (u(), m("div", zt, [
+      (u(!0), m(W, null, X(_.files, (o) => (u(), m("div", {
+        key: o.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("p", Bt, d(o.name), 1),
+          n("p", Pt, d(o.resolution) + " • " + d(o.size) + "MB", 1)
         ]),
         n("span", {
-          class: re(["text-[11px] font-semibold px-2 py-0.5 rounded-full", a.statusClass])
-        }, p(a.status), 3)
+          class: ae(["text-[11px] font-semibold px-2 py-0.5 rounded-full", o.statusClass])
+        }, d(o.status), 3)
       ]))), 128))
     ]));
   }
-}), Nt = {}, Pt = {
+}), Dt = {}, Ut = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -113,8 +113,8 @@ const dt = { class: "flex-1 overflow-y-auto p-4 sm:p-6" }, ft = { class: "space-
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Dt(_, x) {
-  return u(), m("svg", Pt, [...x[0] || (x[0] = [
+function Tt(_, y) {
+  return u(), m("svg", Ut, [...y[0] || (y[0] = [
     n("circle", {
       cx: "12",
       cy: "12",
@@ -129,7 +129,7 @@ function Dt(_, x) {
     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({
+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: {},
@@ -140,11 +140,11 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
   },
   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,
+    const y = _, v = y.layerId || "raster-preview-layer", o = `${v}-source`, f = y.extent && y.extent.length === 4 ? [...y.extent] : void 0, P = lt(v, {
+      sourceId: o,
       source: {
         type: "raster",
-        tiles: x.tileUrl ? [x.tileUrl + "?nottl=1"] : [],
+        tiles: y.tileUrl ? [y.tileUrl + "?nottl=1"] : [],
         tileSize: 256,
         ...f ? { bounds: f } : {}
       },
@@ -153,37 +153,37 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
         type: "raster",
         paint: { "raster-opacity": 1 }
       },
-      beforeId: x.beforeId ?? null
-    }), { fitBounds: c } = nt(), E = $(1);
-    j(
-      () => x.tileUrl,
-      (d) => {
-        if (!d) {
-          g.setVisible(!1);
+      beforeId: y.beforeId ?? null
+    }), { fitBounds: V } = rt(), N = $(1);
+    S(
+      () => y.tileUrl,
+      (p) => {
+        if (!p) {
+          P.setVisible(!1);
           return;
         }
-        g.setVisible(!0), g.setTiles([d]);
+        P.setVisible(!0), P.setTiles([p]);
       },
       { immediate: !0 }
-    ), j(
-      () => E.value,
-      (d) => {
-        g.setOpacity(d);
+    ), S(
+      () => N.value,
+      (p) => {
+        P.setOpacity(p);
       },
       { 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;
+    let x = null, c = !1;
+    S(
+      () => y.extent,
+      (p) => {
+        if (!p || p.length !== 4) return;
+        const b = p.join(",");
+        if (b !== x) {
+          if (x = b, !c) {
+            c = !0;
             return;
           }
-          c == null || c([[d[0], d[1]], [d[2], d[3]]], {
+          V == null || V([[p[0], p[1]], [p[2], p[3]]], {
             padding: 40,
             maxZoom: 17
           });
@@ -191,128 +191,140 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
       },
       { immediate: !0 }
     );
-    const V = h(() => `${Math.round(E.value * 100)}%`);
-    return (d, b) => (u(), m("div", Tt, [
-      n("div", qt, [
-        n("div", Ft, [
+    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)),
-          be(n("input", {
+          we(n("input", {
             type: "range",
             min: "0",
             max: "1",
             step: "0.01",
-            "onUpdate:modelValue": b[0] || (b[0] = (k) => E.value = k),
+            "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), [
             [
-              Qe,
-              E.value,
+              Ke,
+              N.value,
               void 0,
               { number: !0 }
             ]
           ]),
-          n("span", null, p(V.value), 1)
+          n("span", null, d(A.value), 1)
         ])
       ]),
-      n("div", Vt, [
-        n("label", At, [
+      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] = (k) => d.$emit("toggle-extent", k.target.checked))
-          }, null, 40, Ot),
+            onChange: b[1] || (b[1] = (I) => p.$emit("toggle-extent", I.target.checked))
+          }, null, 40, Qt),
           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 = {
+}), 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" }, ls = { class: "flex items-center gap-3 mb-1" }, rs = { class: "text-base font-semibold text-gray-900 truncate" }, os = ["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"
-}, 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 = {
+}, ps = { class: "absolute top-[6.5rem] right-2 space-y-1 z-20" }, gs = { class: "flex-1 flex flex-col h-full" }, ys = { class: "px-3 pt-3 pb-2 border-b border-gray-100" }, vs = { 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"
-}, hs = {
+}, ws = {
   key: 1,
   class: "mb-3 text-xs text-rose-600"
-}, _s = "OpenGIS", ve = 2, Z = 5, ws = 5, Ss = /* @__PURE__ */ H({
+}, $s = "OpenGIS", _e = 2, ee = 5, ks = 5, js = /* @__PURE__ */ te({
   __name: "raster",
   setup(_) {
-    const x = [
+    const y = [
       { 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(() => {
+    ], v = et(), o = tt(), f = $(null), P = h(() => {
+      var s;
+      const e = (s = o.matched[o.matched.length - 1]) == null ? void 0 : s.path;
+      return (typeof e == "string" && e ? e : o.path).replace(/\/:id\??$/, "") || "/";
+    }), V = h(() => {
+      var t;
+      const e = (t = o.meta) == null ? void 0 : t.title;
+      return typeof e == "string" && e.trim() ? e : "Растри";
+    });
+    function N() {
+      v.push(P.value);
+    }
+    const x = h(() => {
       var t;
-      const e = (t = a.params) == null ? void 0 : t.id;
+      const e = (t = o.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]);
+    }), 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 ee(e, t) {
+    function ne(e, t) {
       return e.toFixed(t);
     }
-    function te(e, t, s) {
+    function le(e, t, s) {
       const l = 0.5 * 10 ** -s;
       return Math.abs(e - t) > l;
     }
-    function B() {
+    function z() {
       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;
+    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 = Q(a.query.z), s = Q(a.query.x), l = Q(a.query.y);
+      const t = K(o.query.z), s = K(o.query.x), l = K(o.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);
+      const r = (R = e.getCenter) == null ? void 0 : R.call(e), i = (k = e.getZoom) == null ? void 0 : k.call(e);
+      (!r || le(r.lng, s, ee) || le(r.lat, l, ee) || le(i ?? 0, t, _e)) && (se.value = !0, e.jumpTo({ center: [s, l], zoom: t }), se.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;
+    function $e() {
+      var r, i, w, a;
+      if (se.value) return;
+      const e = (i = (r = z()) == null ? void 0 : r.map) == null ? void 0 : i.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);
+      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 l = {
-        ...a.query,
-        z: ee(s, ve),
-        x: ee(t.lng, Z),
-        y: ee(t.lat, Z)
+        ...o.query,
+        z: ne(s, _e),
+        x: ne(t.lng, ee),
+        y: ne(t.lat, ee)
       };
-      a.query.z === l.z && a.query.x === l.x && a.query.y === l.y || v.replace({ query: l });
+      o.query.z === l.z && o.query.x === l.x && o.query.y === l.y || v.replace({ query: l });
     }
-    function _e() {
+    function ke() {
       var t;
       if (typeof document > "u") return;
       const e = (t = T.value) == null ? void 0 : t.name;
-      document.title = e ? `${e} — Растер` : _s;
+      document.title = e ? `${e} — Растер` : $s;
     }
-    function W(e) {
-      return Number(e.toFixed(ws));
+    function Y(e) {
+      return Number(e.toFixed(ks));
     }
-    function ie(e, t) {
-      const [s, l] = e, [r, o] = t;
+    function ce(e, t) {
+      const [s, l] = e, [r, i] = t;
       return [
-        W(Math.min(s, r)),
-        W(Math.min(l, o)),
-        W(Math.max(s, r)),
-        W(Math.max(l, o))
+        Y(Math.min(s, r)),
+        Y(Math.min(l, i)),
+        Y(Math.max(s, r)),
+        Y(Math.max(l, i))
       ];
     }
-    function we(e) {
+    function Ce(e) {
       const [t, s, l, r] = e;
       return {
         type: "Polygon",
@@ -325,131 +337,131 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
         ]]
       };
     }
-    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);
+    function re(e) {
+      var l, r, i;
+      const t = (r = (l = z()) == null ? void 0 : l.map) == null ? void 0 : r.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 $e(e, t) {
-      if (!(!g.value || !c.value))
+    async function Ee(e, t) {
+      if (!(!x.value || !c.value))
         try {
-          const s = we(e), l = await fetch(`/api/gis-metadata/raster/${encodeURIComponent(g.value)}`, {
+          const s = Ce(e), l = await fetch(`/api/gis-metadata/raster/${encodeURIComponent(x.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({
+          M({
             type: "success",
             title: "Extent збережено",
             message: "Нові межі успішно збережено."
-          }), await K();
+          }), await H();
         } catch (s) {
           console.error("Failed to save raster extent", s), c.value && (c.value = {
             ...c.value,
             extent: t ? [...t] : void 0
-          }), I({
+          }), M({
             type: "error",
             title: "Помилка",
             message: "Не вдалося зберегти Extent"
           });
         }
     }
-    function ae(e) {
+    function de(e) {
       var s, l, r;
-      const t = (l = (s = B()) == null ? void 0 : s.map) == null ? void 0 : l.value;
+      const t = (l = (s = z()) == 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;
+        const i = Array.isArray(c.value.extent) ? [...c.value.extent] : null;
         c.value = {
           ...c.value,
           extent: [...e]
-        }, $e(e, o);
+        }, Ee(e, i);
       }
-      z = null, A = !1, b.value = null, d.value = !1, se("");
+      j = null, Q = !1, O.value = null, C.value = !1, re("");
     }
-    function ne() {
-      ae(null);
+    function oe() {
+      de(null);
     }
-    function ke() {
-      var o, w;
-      const e = (w = (o = B()) == null ? void 0 : o.map) == null ? void 0 : w.value;
+    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 = (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();
+      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]));
+      }, l = (a) => {
+        if (!C.value || !Q || !j) return;
+        const g = a == null ? void 0 : a.lngLat;
+        if (!g) {
+          oe();
           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({
+        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: "Потрібно протягнути прямокутник з ненульовою площею."
-          }), ne();
+          }), oe();
           return;
         }
-        ae(S);
-      }, r = (i) => {
-        d.value && i.key === "Escape" && (i.preventDefault(), ne());
+        de(R);
+      }, r = (a) => {
+        C.value && a.key === "Escape" && (a.preventDefault(), oe());
       };
       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() {
+    async function Re() {
       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({
+      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, re("crosshair"), M({
         type: "info",
         title: "Редагування Bounds",
         message: "Протягніть прямокутник на карті, щоб задати нові межі."
       }));
     }
-    const ue = h(() => {
+    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;
-    }), 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";
+    }), 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}`;
-    }), Me = h(() => !!ue.value), de = h(() => {
+    }), je = h(() => !!fe.value), pe = 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)
+        (i) => typeof i != "number" || Number.isNaN(i)
       ) ? 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 = [
+      var i, w;
+      const e = c.value, t = e == null ? void 0 : e.extent, l = x.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),
+        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) || r || "Попередній перегляд растрового шару.",
-        coverage: t && t.length === 4 ? `${M(t[0])}, ${M(t[1])} → ${M(t[2])}, ${M(t[3])}` : "Покриття уточнюється",
+        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 ? "Дані кешовано" : "Нові дані"
       };
-    }), le = h(() => {
+    }), ie = h(() => {
       const e = c.value;
       return e ? [
         e.source_path,
@@ -458,113 +470,113 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
         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 } });
+    }), ge = [
+      { key: "info", label: "Інформація", icon: qt },
+      { key: "files", label: "Файли", icon: at },
+      { key: "metadata", label: "Метадані", icon: ft }
+    ], ye = ge.map((e) => e.key), E = $(ye.includes(o.query.tab) ? o.query.tab : "info"), Z = $(!0);
+    S(() => o.query.tab, (e) => {
+      e && ye.includes(e) && E.value !== e && (E.value = e);
+    }), S(E, (e) => {
+      o.query.tab !== e && v.replace({ query: { ...o.query, tab: e } });
     });
-    const Se = h(() => ze(c.value)), pe = h(() => Ne(c.value));
-    j(
+    const ze = h(() => Ne(c.value)), ve = h(() => Ue(c.value));
+    S(
       () => c.value,
       () => {
-        _e();
+        ke();
       },
       { immediate: !0 }
     );
-    async function Ie() {
+    async function Be() {
       var l;
-      const e = B();
+      const e = z();
       if (!(e != null && e.ready)) return;
-      await e.ready(), oe();
+      await e.ready(), ue();
       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 = () => {
+      const s = () => $e();
+      t.on("moveend", s), t.on("zoomend", s), G = () => {
         t.off("moveend", s), t.off("zoomend", s);
       };
     }
-    j(
-      () => [a.query.z, a.query.x, a.query.y],
+    S(
+      () => [o.query.z, o.query.x, o.query.y],
       () => {
-        oe();
+        ue();
       }
-    ), We(() => {
-      Ie();
-    }), Xe(() => {
-      k == null || k(), k = null, D == null || D(), D = null, se("");
-    }), j(g, () => {
-      K();
+    ), Ye(() => {
+      Be();
+    }), Ze(() => {
+      G == null || G(), G = null, D == null || D(), D = null, re("");
+    }), S(x, () => {
+      H();
     }, { immediate: !0 });
-    async function je(e) {
+    async function Pe(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());
+      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 K() {
-      const e = g.value;
+    async function H() {
+      const e = x.value;
       if (!e) {
-        c.value = null, L.value = null;
+        c.value = null, b.value = null;
         return;
       }
-      E.value = !0, L.value = null;
+      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 || (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);
+        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, L.value = t instanceof Error ? t.message : String(t);
+        console.error("Failed to load raster info", t), c.value = null, b.value = t instanceof Error ? t.message : String(t);
       } finally {
-        E.value = !1;
+        A.value = !1;
       }
     }
-    function ge(e) {
+    function xe(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.onmessage = (i) => {
+          r.push(i.data), console.log("Received:", i.data);
         }, l.addEventListener("end", () => {
           l.close(), t(r);
-        }), l.onerror = (o) => {
-          l.close(), t(o);
+        }), l.onerror = (i) => {
+          l.close(), t(i);
         };
       });
     }
-    function ze(e) {
+    function Ne(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),
+        resolution: De(s.name, e),
         size: s.size || "—",
         status: "Готово",
         statusClass: "bg-emerald-50 text-emerald-600 border border-emerald-100"
       })) : [];
     }
-    function Be(e, t) {
+    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 Ne(e) {
+    function Ue(e) {
       return e ? {
-        baseParams: De(e),
+        baseParams: qe(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)
+          bounds: Fe(e.extent),
+          resolution: Ve(e)
         },
-        statistics: qe(e),
-        technical: Fe(e)
+        statistics: Ae(e),
+        technical: Oe(e)
       } : null;
     }
-    function Pe(e) {
+    function Te(e) {
       return e != null && e.length ? e.map((s) => {
         var r;
         if (!s) return "";
@@ -572,9 +584,9 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
         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;
+    function qe(e) {
+      var i, w;
+      const t = e.bands_count ?? ((i = e.bands) == null ? void 0 : i.length) ?? "—", s = Te(e.bands), l = (e.bands ?? []).map((a) => a.trim()).filter((a) => a.length > 0), r = l.length ? l.join(", ") : void 0;
       return [
         {
           label: "Розмір растру, px",
@@ -591,24 +603,24 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
         { label: "Стиснення", value: e.compression || "—" }
       ];
     }
-    function Ue(e) {
+    function Fe(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") }
+        { 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 Te(e) {
+    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 qe(e) {
+    function Ae(e) {
       var t;
       return (t = e.bands) != null && t.length ? e.bands.map((s, l) => {
-        const r = x[l % x.length];
+        const r = y[l % y.length];
         return {
           label: `Канал ${l + 1}${s ? ` (${s})` : ""}`,
           cardClass: r.cardClass,
@@ -621,7 +633,7 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
         };
       }) : [];
     }
-    function Fe(e) {
+    function Oe(e) {
       var t;
       return [
         { label: "Тип даних", value: e.color_depth ? `Unsigned Integer ${e.color_depth}-bit` : "—" },
@@ -632,24 +644,24 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
         { label: "URL тайла", value: e.url || "—" }
       ];
     }
-    function M(e, t) {
+    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", Qt, [
-      n("div", Wt, [
-        n("div", Xt, [
-          n("div", Kt, [
-            n("div", Yt, [
-              n("div", Zt, [
-                n("div", Ht, [
+    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: t[0] || (t[0] = (s) => Ke(v).push("/gis.rasters"))
-                  }, " Растри "),
-                  t[3] || (t[3] = n("svg", {
+                    onClick: N
+                  }, d(V.value), 1),
+                  t[2] || (t[2] = n("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "24",
                     height: "24",
@@ -663,75 +675,75 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
                   }, [
                     n("path", { d: "m9 18 6-6-6-6" })
                   ], -1)),
-                  n("span", Jt, p(T.value.name || "Растер"), 1)
+                  n("span", ts, d(T.value.name || "Растер"), 1)
                 ]),
-                n("div", es, [
-                  n("div", ts, [
-                    n("div", ss, [
-                      n("h1", ns, p(T.value.name || "Растер"), 1)
+                n("div", ss, [
+                  n("div", ns, [
+                    n("div", ls, [
+                      n("h1", rs, d(T.value.name || "Растер"), 1)
                     ]),
-                    le.value ? (u(), m("p", {
+                    ie.value ? (u(), m("p", {
                       key: 0,
                       class: "text-xs text-gray-500 truncate",
-                      title: le.value
-                    }, p(le.value), 9, ls)) : q("", !0)
+                      title: ie.value
+                    }, d(ie.value), 9, os)) : q("", !0)
                   ])
                 ])
               ]),
-              n("div", rs, [
-                n("div", os, [
+              n("div", is, [
+                n("div", as, [
                   n("div", {
                     class: "w-full text-xs text-gray-600 truncate",
                     title: T.value.description
-                  }, p(T.value.description), 9, is)
+                  }, d(T.value.description), 9, us)
                 ]),
-                N(it, {
-                  "entity-id": g.value || "",
+                B(ut, {
+                  "entity-id": x.value || "",
                   "entity-info": { name: T.value.name },
                   table: "gis.rasters.table",
                   "entity-label": "Растер",
                   "save-method": "put",
                   "edit-button-text": "Редагувати",
-                  onSaved: je
+                  onSaved: Pe
                 }, null, 8, ["entity-id", "entity-info"])
               ])
             ])
           ])
         ]),
-        n("div", as, [
-          n("div", us, [
-            N(lt, {
+        n("div", cs, [
+          n("div", ds, [
+            B(ot, {
               ref_key: "mapViewRef",
               ref: f
             }, {
-              default: Ye(() => [
-                Me.value && P.value ? (u(), F(Gt, {
-                  key: Re.value,
-                  "tile-url": ue.value,
+              default: He(() => [
+                je.value && p.value ? (u(), F(Wt, {
+                  key: Ie.value,
+                  "tile-url": fe.value,
                   extent: U.value,
-                  "layer-id": ce.value,
-                  "show-raster-extent": V.value,
-                  onToggleExtent: t[1] || (t[1] = (s) => V.value = s)
+                  "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),
-                N(xe, {
-                  extent: V.value ? U.value : null,
-                  "layer-id": Ee.value
+                B(he, {
+                  extent: I.value ? U.value : null,
+                  "layer-id": Me.value
                 }, null, 8, ["extent", "layer-id"]),
-                N(xe, {
-                  extent: b.value,
-                  "layer-id": Le.value,
+                B(he, {
+                  extent: O.value,
+                  "layer-id": Se.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, {
+                  B(it)
+                ]),
+                C.value ? (u(), m("div", ms, " Потягніть на карті, щоб намалювати нові Bounds. Esc скасовує редагування. ")) : q("", !0),
+                n("div", ps, [
+                  B(be),
+                  pe.value ? (u(), F(be, {
                     key: 0,
-                    targetCenter: de.value,
+                    targetCenter: pe.value,
                     targetLabel: "Центр даних",
                     targetAriaLabel: "Перейти до центру даних"
                   }, null, 8, ["targetCenter"])) : q("", !0)
@@ -741,45 +753,45 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
             }, 512)
           ])
         ]),
-        N(at, {
-          open: X.value,
-          onToggle: t[2] || (t[2] = (s) => X.value = !X.value)
+        B(ct, {
+          open: Z.value,
+          onToggle: t[1] || (t[1] = (s) => Z.value = !Z.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"])
+        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", ms, [
-          n("div", ps, [
-            n("div", gs, [
-              (u(), m(O, null, G(fe, (s) => n("button", {
+        n("div", gs, [
+          n("div", ys, [
+            n("div", vs, [
+              (u(), m(W, null, X(ge, (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
+                "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: (l) => E.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))
+                (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", 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, {
+          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: Se.value
-            }, null, 8, ["files"])) : R.value === "metadata" ? (u(), F(ut, {
+              files: ze.value
+            }, null, 8, ["files"])) : E.value === "metadata" ? (u(), F(dt, {
               key: 3,
               data: c.value,
-              "entity-id": g.value,
+              "entity-id": x.value,
               "entity-type": "raster",
-              onSaved: K,
-              onEditCssBounds: Ce
-            }, null, 8, ["data", "entity-id"])) : pe.value ? (u(), F(St, {
+              onSaved: H,
+              onEditCssBounds: Re
+            }, null, 8, ["data", "entity-id"])) : ve.value ? (u(), F(jt, {
               key: 4,
-              details: pe.value
+              details: ve.value
             }, null, 8, ["details"])) : q("", !0)
           ])
         ])
@@ -788,5 +800,5 @@ const Ut = /* @__PURE__ */ tt(Nt, [["render", Dt]]), Tt = { class: "absolute top
   }
 });
 export {
-  Ss as default
+  js as default
 };