@opengis/gis 0.2.178 → 0.2.179

package/dist/{raster-CP0tUp3j.js → raster-NZ1TCJvt.js}

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