@opengis/gis 0.2.146 → 0.2.148

package/dist/{raster-BN1gB-NS.js → raster-j-ZXs4tZ.js}

@@ -1,10 +1,10 @@
 import { defineComponent as te, resolveDirective as We, openBlock as u, createElementBlock as m, createElementVNode as n, Fragment as W, renderList as X, toDisplayString as d, withDirectives as we, createTextVNode as Xe, normalizeClass as ae, ref as $, watch as S, computed as h, vModelText as Ke, onMounted as Ye, onBeforeUnmount as Ze, createCommentVNode as q, createVNode as B, withCtx as He, createBlock as F, resolveDynamicComponent as Je } from "vue";
 import { useRouter as et, useRoute as tt } from "vue-router";
 import { TooltipDirective as st, notify as M } from "@opengis/core";
-import { _ as nt, u as ot, f as lt, F as rt, M as it, i as at, j as be } from "./index-8aAArh78.js";
-import { _ as ut, a as ct, b as dt, c as ft } from "./HeaderActions.vue_vue_type_script_setup_true_lang-EZGjVDor.js";
-import { _ as he } from "./ExtentOutlineLayer.vue_vue_type_script_setup_true_lang-BJ-zsrml.js";
-const mt = { class: "flex-1 overflow-y-auto p-4 sm:p-6" }, pt = { class: "space-y-3" }, gt = { class: "bg-white p-3 rounded-xl border border-gray-200 shadow-sm" }, vt = { class: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2" }, yt = { class: "text-xs text-gray-500 mb-1" }, xt = {
+import { _ as nt, u as lt, f as rt, M as ot, i as it, j as be, F as at } from "./index-CtOBLkqk.js";
+import { _ as ut, a as ct, b as dt, c as ft } from "./HeaderActions.vue_vue_type_script_setup_true_lang-BmxOpklh.js";
+import { _ as he } from "./ExtentOutlineLayer.vue_vue_type_script_setup_true_lang-uGKlHK_4.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"
 }, bt = {
@@ -19,42 +19,42 @@ const mt = { class: "flex-1 overflow-y-auto p-4 sm:p-6" }, pt = { class: "space-
     details: {}
   },
   setup(_) {
-    return (v, y) => {
-      const r = We("tooltip");
+    return (y, v) => {
+      const o = We("tooltip");
       return u(), m("div", mt, [
         n("div", pt, [
           n("div", gt, [
-            y[0] || (y[0] = n("div", { class: "mb-4" }, [
+            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", vt, [
+            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", yt, d(f.label), 1),
+                n("p", vt, d(f.label), 1),
                 f.tooltip ? we((u(), m("p", xt, [
                   Xe(d(f.value), 1)
                 ])), [
-                  [r, f.tooltip]
+                  [o, f.tooltip]
                 ]) : (u(), m("p", bt, d(f.value), 1))
               ]))), 128))
             ])
           ]),
           n("div", ht, [
-            y[3] || (y[3] = n("div", { class: "mb-2" }, [
+            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", _t, [
               n("div", null, [
-                y[1] || (y[1] = n("p", { class: "text-xs text-gray-500 mb-2" }, "Система координат", -1)),
+                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)
                 ])
               ]),
               n("div", null, [
-                y[2] || (y[2] = n("p", { class: "text-xs text-gray-500 mb-2" }, "Межі покриття", -1)),
+                v[2] || (v[2] = n("p", { class: "text-xs text-gray-500 mb-2" }, "Межі покриття", -1)),
                 n("div", Ct, [
                   (u(!0), m(W, null, X(_.details.spatial.bounds, (f) => (u(), m("div", {
                     key: f.label,
@@ -87,18 +87,18 @@ const mt = { class: "flex-1 overflow-y-auto p-4 sm:p-6" }, pt = { class: "space-
     files: {}
   },
   setup(_) {
-    return (v, y) => (u(), m("div", zt, [
-      (u(!0), m(W, null, X(_.files, (r) => (u(), m("div", {
-        key: r.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", Bt, d(r.name), 1),
-          n("p", Pt, d(r.resolution) + " • " + d(r.size) + "MB", 1)
+          n("p", Bt, d(o.name), 1),
+          n("p", Pt, d(o.resolution) + " • " + d(o.size) + "MB", 1)
         ]),
         n("span", {
-          class: ae(["text-[11px] font-semibold px-2 py-0.5 rounded-full", r.statusClass])
-        }, d(r.status), 3)
+          class: ae(["text-[11px] font-semibold px-2 py-0.5 rounded-full", o.statusClass])
+        }, d(o.status), 3)
       ]))), 128))
     ]));
   }
@@ -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(_, v) {
-  return u(), m("svg", Ut, [...v[0] || (v[0] = [
+function Tt(_, y) {
+  return u(), m("svg", Ut, [...y[0] || (y[0] = [
     n("circle", {
       cx: "12",
       cy: "12",
@@ -140,23 +140,23 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
   },
   emits: ["toggle-extent"],
   setup(_) {
-    const v = _, y = v.layerId || "raster-preview-layer", r = `${y}-source`, f = v.extent && v.extent.length === 4 ? [...v.extent] : void 0, P = ot(y, {
-      sourceId: r,
+    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: v.tileUrl ? [v.tileUrl + "?nottl=1"] : [],
+        tiles: y.tileUrl ? [y.tileUrl + "?nottl=1"] : [],
         tileSize: 256,
         ...f ? { bounds: f } : {}
       },
       layer: {
-        id: `${y}-raster`,
+        id: `${v}-raster`,
         type: "raster",
         paint: { "raster-opacity": 1 }
       },
-      beforeId: v.beforeId ?? null
-    }), { fitBounds: V } = lt(), N = $(1);
+      beforeId: y.beforeId ?? null
+    }), { fitBounds: V } = rt(), N = $(1);
     S(
-      () => v.tileUrl,
+      () => y.tileUrl,
       (p) => {
         if (!p) {
           P.setVisible(!1);
@@ -174,7 +174,7 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
     );
     let x = null, c = !1;
     S(
-      () => v.extent,
+      () => y.extent,
       (p) => {
         if (!p || p.length !== 4) return;
         const b = p.join(",");
@@ -228,10 +228,10 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
       ])
     ]));
   }
-}), Xt = { class: "flex h-full bg-gradient-to-br from-slate-50 to-white" }, Kt = { class: "flex-1 relative overflow-hidden" }, Yt = { class: "absolute top-0 left-0 w-full z-20" }, Zt = { class: "px-4 sm:px-6 py-4 border-b border-gray-200 bg-white shadow-sm" }, Ht = { class: "flex items-start justify-between gap-4" }, Jt = { class: "flex-1 min-w-0" }, es = { class: "flex items-center text-sm text-gray-500 mb-3" }, ts = { class: "text-gray-900 font-medium truncate max-w-xs" }, ss = { class: "flex items-center justify-between gap-4" }, ns = { class: "flex-1 min-w-0" }, os = { class: "flex items-center gap-3 mb-1" }, ls = { class: "text-base font-semibold text-gray-900 truncate" }, rs = ["title"], is = { class: "flex items-center gap-4 min-w-0" }, as = { class: "flex-1 min-w-0" }, us = ["title"], cs = { class: "w-full h-full bg-gradient-to-br from-sky-50 via-white to-blue-50 flex items-center justify-center relative pt-[105px]" }, ds = { class: "relative w-full h-full" }, fs = { class: "absolute top-4 left-4 z-20" }, ms = {
+}), 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"
-}, ps = { class: "absolute top-[6.5rem] right-2 space-y-1 z-20" }, gs = { class: "flex-1 flex flex-col h-full" }, vs = { class: "px-3 pt-3 pb-2 border-b border-gray-100" }, ys = { class: "items-center justify-center text-muted-foreground grid w-full grid-cols-3 h-12 p-1 bg-gray-50 rounded-xl shadow-sm" }, xs = ["aria-selected", "onClick"], bs = { class: "leading-none" }, hs = { class: "flex flex-col flex-1 overflow-y-hidden p-3" }, _s = {
+}, 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"
 }, ws = {
@@ -240,26 +240,26 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
 }, $s = "OpenGIS", _e = 2, ee = 5, ks = 5, js = /* @__PURE__ */ te({
   __name: "raster",
   setup(_) {
-    const v = [
+    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" }
-    ], y = et(), r = tt(), f = $(null), P = h(() => {
+    ], v = et(), o = tt(), f = $(null), P = h(() => {
       var s;
-      const e = (s = r.matched[r.matched.length - 1]) == null ? void 0 : s.path;
-      return (typeof e == "string" && e ? e : r.path).replace(/\/:id\??$/, "") || "/";
+      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 = r.meta) == null ? void 0 : t.title;
+      const e = (t = o.meta) == null ? void 0 : t.title;
       return typeof e == "string" && e.trim() ? e : "Растри";
     });
     function N() {
-      y.push(P.value);
+      v.push(P.value);
     }
     const x = h(() => {
       var t;
-      const e = (t = r.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), A = $(!1), p = $(!1), b = $(null), I = $(!0), C = $(!1), O = $(null);
     let G = null, D = null;
@@ -274,9 +274,9 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
     function ne(e, t) {
       return e.toFixed(t);
     }
-    function oe(e, t, s) {
-      const o = 0.5 * 10 ** -s;
-      return Math.abs(e - t) > o;
+    function le(e, t, s) {
+      const l = 0.5 * 10 ** -s;
+      return Math.abs(e - t) > l;
     }
     function z() {
       var e;
@@ -286,25 +286,25 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
       var a, g, R, k;
       const e = (g = (a = z()) == null ? void 0 : a.map) == null ? void 0 : g.value;
       if (!e) return;
-      const t = K(r.query.z), s = K(r.query.x), o = K(r.query.y);
-      if (t == null || s == null || o == null) return;
-      const l = (R = e.getCenter) == null ? void 0 : R.call(e), i = (k = e.getZoom) == null ? void 0 : k.call(e);
-      (!l || oe(l.lng, s, ee) || oe(l.lat, o, ee) || oe(i ?? 0, t, _e)) && (se.value = !0, e.jumpTo({ center: [s, o], zoom: t }), se.value = !1);
+      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);
     }
     function $e() {
-      var l, i, w, a;
+      var r, i, w, a;
       if (se.value) return;
-      const e = (i = (l = z()) == null ? void 0 : l.map) == null ? void 0 : i.value;
+      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 = (a = e.getZoom) == null ? void 0 : a.call(e);
       if (!t || s == null) return;
-      const o = {
-        ...r.query,
+      const l = {
+        ...o.query,
         z: ne(s, _e),
         x: ne(t.lng, ee),
         y: ne(t.lat, ee)
       };
-      r.query.z === o.z && r.query.x === o.x && r.query.y === o.y || y.replace({ query: o });
+      o.query.z === l.z && o.query.x === l.x && o.query.y === l.y || v.replace({ query: l });
     }
     function ke() {
       var t;
@@ -316,41 +316,41 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
       return Number(e.toFixed(ks));
     }
     function ce(e, t) {
-      const [s, o] = e, [l, i] = t;
+      const [s, l] = e, [r, i] = t;
       return [
-        Y(Math.min(s, l)),
-        Y(Math.min(o, i)),
-        Y(Math.max(s, l)),
-        Y(Math.max(o, i))
+        Y(Math.min(s, r)),
+        Y(Math.min(l, i)),
+        Y(Math.max(s, r)),
+        Y(Math.max(l, i))
       ];
     }
     function Ce(e) {
-      const [t, s, o, l] = e;
+      const [t, s, l, r] = e;
       return {
         type: "Polygon",
         coordinates: [[
           [t, s],
-          [o, s],
-          [o, l],
-          [t, l],
+          [l, s],
+          [l, r],
+          [t, r],
           [t, s]
         ]]
       };
     }
-    function le(e) {
-      var o, l, i;
-      const t = (l = (o = z()) == null ? void 0 : o.map) == null ? void 0 : l.value, s = (i = t == null ? void 0 : t.getCanvas) == null ? void 0 : i.call(t);
+    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 Ee(e, t) {
       if (!(!x.value || !c.value))
         try {
-          const s = Ce(e), o = await fetch(`/api/gis-metadata/raster/${encodeURIComponent(x.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 (!o.ok) throw new Error(`Failed to save raster metadata geom: ${o.status}`);
+          if (!l.ok) throw new Error(`Failed to save raster metadata geom: ${l.status}`);
           M({
             type: "success",
             title: "Extent збережено",
@@ -368,18 +368,18 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
         }
     }
     function de(e) {
-      var s, o, l;
-      const t = (o = (s = z()) == null ? void 0 : s.map) == null ? void 0 : o.value;
-      if ((l = t == null ? void 0 : t.dragPan) != null && l.enable && t.dragPan.enable(), (e == null ? void 0 : e.length) === 4 && c.value) {
+      var s, l, r;
+      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 i = Array.isArray(c.value.extent) ? [...c.value.extent] : null;
         c.value = {
           ...c.value,
           extent: [...e]
         }, Ee(e, i);
       }
-      j = null, Q = !1, O.value = null, C.value = !1, le("");
+      j = null, Q = !1, O.value = null, C.value = !1, re("");
     }
-    function re() {
+    function oe() {
       de(null);
     }
     function Le() {
@@ -395,11 +395,11 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
         if (!C.value || !Q || !j) return;
         const g = a == null ? void 0 : a.lngLat;
         g && (O.value = ce(j, [g.lng, g.lat]));
-      }, o = (a) => {
+      }, l = (a) => {
         if (!C.value || !Q || !j) return;
         const g = a == null ? void 0 : a.lngLat;
         if (!g) {
-          re();
+          oe();
           return;
         }
         const R = ce(j, [g.lng, g.lat]), [k, J, Ge, Qe] = R;
@@ -408,22 +408,22 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
             type: "warning",
             title: "Bounds не змінено",
             message: "Потрібно протягнути прямокутник з ненульовою площею."
-          }), re();
+          }), oe();
           return;
         }
         de(R);
-      }, l = (a) => {
-        C.value && a.key === "Escape" && (a.preventDefault(), re());
+      }, r = (a) => {
+        C.value && a.key === "Escape" && (a.preventDefault(), oe());
       };
-      e.on("mousedown", t), e.on("mousemove", s), e.on("mouseup", o), window.addEventListener("keydown", l), D = () => {
-        e.off("mousedown", t), e.off("mousemove", s), e.off("mouseup", o), window.removeEventListener("keydown", l);
+      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() {
       var s;
       if (C.value) return;
       const e = z();
-      !(e != null && e.ready) || (await e.ready(), !((s = e.map) == null ? void 0 : s.value)) || (D || Le(), C.value = !0, Q = !1, j = null, O.value = null, le("crosshair"), M({
+      !(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: "Протягніть прямокутник на карті, щоб задати нові межі."
@@ -442,20 +442,20 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
     }), je = h(() => !!fe.value), pe = h(() => {
       const e = U.value;
       if (!e || e.length !== 4) return null;
-      const [t, s, o, l] = e;
-      return [t, s, o, l].some(
+      const [t, s, l, r] = e;
+      return [t, s, l, r].some(
         (i) => typeof i != "number" || Number.isNaN(i)
-      ) ? null : [(t + o) / 2, (s + l) / 2];
+      ) ? null : [(t + l) / 2, (s + r) / 2];
     }), T = h(() => {
       var i, w;
-      const e = c.value, t = e == null ? void 0 : e.extent, o = x.value ?? "—", l = [
+      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: o,
+        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) || l || "Попередній перегляд растрового шару.",
+        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])}` : "Покриття уточнюється",
         crs: e != null && e.srid ? `EPSG:${e.srid}` : "EPSG:4326",
         source: e != null && e.proj4 ? e.proj4 : "Джерело: Mapnik",
@@ -472,15 +472,15 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
       ].filter((t) => t).join(", ") : "";
     }), ge = [
       { key: "info", label: "Інформація", icon: qt },
-      { key: "files", label: "Файли", icon: rt },
-      { key: "metadata", label: "Метадані", icon: ut }
-    ], ve = ge.map((e) => e.key), E = $(ve.includes(r.query.tab) ? r.query.tab : "info"), Z = $(!0);
-    S(() => r.query.tab, (e) => {
-      e && ve.includes(e) && E.value !== e && (E.value = e);
+      { 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) => {
-      r.query.tab !== e && y.replace({ query: { ...r.query, tab: e } });
+      o.query.tab !== e && v.replace({ query: { ...o.query, tab: e } });
     });
-    const ze = h(() => Ne(c.value)), ye = h(() => Ue(c.value));
+    const ze = h(() => Ne(c.value)), ve = h(() => Ue(c.value));
     S(
       () => c.value,
       () => {
@@ -489,11 +489,11 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
       { immediate: !0 }
     );
     async function Be() {
-      var o;
+      var l;
       const e = z();
       if (!(e != null && e.ready)) return;
       await e.ready(), ue();
-      const t = (o = e.map) == null ? void 0 : o.value;
+      const t = (l = e.map) == null ? void 0 : l.value;
       if (!t) return;
       const s = () => $e();
       t.on("moveend", s), t.on("zoomend", s), G = () => {
@@ -501,14 +501,14 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
       };
     }
     S(
-      () => [r.query.z, r.query.x, r.query.y],
+      () => [o.query.z, o.query.x, o.query.y],
       () => {
         ue();
       }
     ), Ye(() => {
       Be();
     }), Ze(() => {
-      G == null || G(), G = null, D == null || D(), D = null, le("");
+      G == null || G(), G = null, D == null || D(), D = null, re("");
     }), S(x, () => {
       H();
     }, { immediate: !0 });
@@ -537,13 +537,13 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
     }
     function xe(e) {
       return new Promise((t, s) => {
-        const o = new EventSource(e), l = [];
-        o.onmessage = (i) => {
-          l.push(i.data), console.log("Received:", i.data);
-        }, o.addEventListener("end", () => {
-          o.close(), t(l);
-        }), o.onerror = (i) => {
-          o.close(), t(i);
+        const l = new EventSource(e), r = [];
+        l.onmessage = (i) => {
+          r.push(i.data), console.log("Received:", i.data);
+        }, l.addEventListener("end", () => {
+          l.close(), t(r);
+        }), l.onerror = (i) => {
+          l.close(), t(i);
         };
       });
     }
@@ -578,15 +578,15 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
     }
     function Te(e) {
       return e != null && e.length ? e.map((s) => {
-        var l;
+        var r;
         if (!s) return "";
-        const o = s.trim().split(/\s+/)[0];
-        return ((l = o == null ? void 0 : o[0]) == null ? void 0 : l.toUpperCase()) || "";
+        const l = s.trim().split(/\s+/)[0];
+        return ((r = l == null ? void 0 : l[0]) == null ? void 0 : r.toUpperCase()) || "";
       }).filter(Boolean).join("") : "";
     }
     function qe(e) {
       var i, w;
-      const t = e.bands_count ?? ((i = e.bands) == null ? void 0 : i.length) ?? "—", s = Te(e.bands), o = (e.bands ?? []).map((a) => a.trim()).filter((a) => a.length > 0), l = o.length ? o.join(", ") : void 0;
+      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",
@@ -597,7 +597,7 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
         {
           label: "Кількість каналів",
           value: typeof t == "number" ? `${t}${s ? ` (${s})` : ""}` : `${t}${s ? ` (${s})` : ""}`,
-          tooltip: l
+          tooltip: r
         },
         { label: "Глибина кольору", value: e.color_depth ? `${e.color_depth} біт/канал` : "—" },
         { label: "Стиснення", value: e.compression || "—" }
@@ -619,14 +619,14 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
     }
     function Ae(e) {
       var t;
-      return (t = e.bands) != null && t.length ? e.bands.map((s, o) => {
-        const l = v[o % v.length];
+      return (t = e.bands) != null && t.length ? e.bands.map((s, l) => {
+        const r = y[l % y.length];
         return {
-          label: `Канал ${o + 1}${s ? ` (${s})` : ""}`,
-          cardClass: l.cardClass,
-          titleClass: l.titleClass,
+          label: `Канал ${l + 1}${s ? ` (${s})` : ""}`,
+          cardClass: r.cardClass,
+          titleClass: r.titleClass,
           metrics: [
-            { label: "Назва", value: s || `Канал ${o + 1}` },
+            { label: "Назва", value: s || `Канал ${l + 1}` },
             { label: "Глибина", value: e.color_depth ? `${e.color_depth} біт` : "—" },
             { label: "Статус", value: e.cache ? "Кешовано" : "Готово" }
           ]
@@ -679,14 +679,14 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
                 ]),
                 n("div", ss, [
                   n("div", ns, [
-                    n("div", os, [
-                      n("h1", ls, d(T.value.name || "Растер"), 1)
+                    n("div", ls, [
+                      n("h1", rs, d(T.value.name || "Растер"), 1)
                     ]),
                     ie.value ? (u(), m("p", {
                       key: 0,
                       class: "text-xs text-gray-500 truncate",
                       title: ie.value
-                    }, d(ie.value), 9, rs)) : q("", !0)
+                    }, d(ie.value), 9, os)) : q("", !0)
                   ])
                 ])
               ]),
@@ -697,7 +697,7 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
                     title: T.value.description
                   }, d(T.value.description), 9, us)
                 ]),
-                B(ct, {
+                B(ut, {
                   "entity-id": x.value || "",
                   "entity-info": { name: T.value.name },
                   table: "gis.rasters.table",
@@ -712,7 +712,7 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
         ]),
         n("div", cs, [
           n("div", ds, [
-            B(it, {
+            B(ot, {
               ref_key: "mapViewRef",
               ref: f
             }, {
@@ -736,7 +736,7 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
                   "line-width": 3
                 }, null, 8, ["extent", "layer-id"]),
                 n("div", fs, [
-                  B(at)
+                  B(it)
                 ]),
                 C.value ? (u(), m("div", ms, " Потягніть на карті, щоб намалювати нові Bounds. Esc скасовує редагування. ")) : q("", !0),
                 n("div", ps, [
@@ -753,7 +753,7 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
             }, 512)
           ])
         ]),
-        B(dt, {
+        B(ct, {
           open: Z.value,
           onToggle: t[1] || (t[1] = (s) => Z.value = !Z.value)
         }, null, 8, ["open"])
@@ -762,15 +762,15 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
         class: ae(["bg-white border-l border-gray-100 flex flex-col overflow-hidden shadow-lg flex-shrink-0 transition-[width] duration-100 ease-in-out", Z.value ? "w-[650px]" : "w-0"])
       }, [
         n("div", gs, [
-          n("div", vs, [
-            n("div", ys, [
+          n("div", ys, [
+            n("div", vs, [
               (u(), m(W, null, X(ge, (s) => n("button", {
                 key: s.key,
                 type: "button",
                 role: "tab",
                 "aria-selected": E.value === s.key,
                 class: ae(["whitespace-nowrap flex flex-col items-center justify-center gap-0.5 py-1 px-1 text-[9px] font-medium transition-all duration-300 hover:bg-white/70 rounded-lg group", E.value === s.key ? "bg-white shadow-sm text-gray-700" : ""]),
-                onClick: (o) => E.value = s.key
+                onClick: (l) => E.value = s.key
               }, [
                 (u(), F(Je(s.icon), { class: "h-3.5 w-3.5 mb-0.5" })),
                 n("span", bs, d(s.label), 1)
@@ -782,16 +782,16 @@ const qt = /* @__PURE__ */ nt(Dt, [["render", Tt]]), Ft = { class: "absolute top
             E.value === "files" ? (u(), F(Nt, {
               key: 2,
               files: ze.value
-            }, null, 8, ["files"])) : E.value === "metadata" ? (u(), F(ft, {
+            }, null, 8, ["files"])) : E.value === "metadata" ? (u(), F(dt, {
               key: 3,
               data: c.value,
               "entity-id": x.value,
               "entity-type": "raster",
               onSaved: H,
               onEditCssBounds: Re
-            }, null, 8, ["data", "entity-id"])) : ye.value ? (u(), F(jt, {
+            }, null, 8, ["data", "entity-id"])) : ve.value ? (u(), F(jt, {
               key: 4,
-              details: ye.value
+              details: ve.value
             }, null, 8, ["details"])) : q("", !0)
           ])
         ])

package/dist/{register-DZ24Z6dC.js → register-CCSOTqns.js}

@@ -1,10 +1,10 @@
-import { defineComponent as B, useModel as S, computed as h, defineAsyncComponent as O, ref as $, watch as D, onBeforeUnmount as K, openBlock as k, createElementBlock as C, createElementVNode as l, createBlock as T, unref as U, createTextVNode as q, createVNode as V, mergeModels as j, toDisplayString as M, resolveDynamicComponent as J, onMounted as G, resolveComponent as W, withCtx as I, Fragment as X, createCommentVNode as Y } from "vue";
+import { defineComponent as B, mergeModels as j, useModel as S, computed as h, defineAsyncComponent as O, ref as $, watch as D, onBeforeUnmount as K, openBlock as k, createElementBlock as C, createElementVNode as l, createBlock as T, unref as U, createTextVNode as q, createVNode as V, toDisplayString as M, resolveDynamicComponent as J, onMounted as G, resolveComponent as W, withCtx as I, Fragment as X, createCommentVNode as Y } from "vue";
 import { useRoute as Z, useRouter as ee } from "vue-router";
 import { notify as F } from "@opengis/core";
 import { _ as te } from "./TableFormHeader.vue_vue_type_script_setup_true_lang-Mci_tseM.js";
-import { V as N } from "./vs-datatable-DVC6-2mA.js";
-import { _ as z, n as R, m as E, r as H } from "./import-utils-BwcMU3Gp.js";
-import { a as ae, b as le, c as se, d as oe, e as ie } from "./index-8aAArh78.js";
+import { V as N } from "./vs-datatable-B8qaPSDU.js";
+import { _ as z, n as R, m as E, r as H } from "./import-utils-vyDDgOA7.js";
+import { a as ae, b as le, c as se, d as oe, e as ie } from "./index-CtOBLkqk.js";
 import { LucideChevronRight as re } from "lucide-vue-next";
 import { _ as ne } from "./MapSettingsTabs.vue_vue_type_script_setup_true_lang-CKCK3NqY.js";
 const ue = { class: "vs-form" }, de = { class: "vs-form__body auto-rows-max container" }, ce = { class: "flex flex-wrap" }, me = { class: "h-fit w-full mb-6 bg-white border border-gray-200 rounded-lg p-6" }, ve = { class: "h-fit w-full flex flex-wrap" }, pe = { class: "w-full" }, fe = /* @__PURE__ */ B({
@@ -521,11 +521,11 @@ const ue = { class: "vs-form" }, de = { class: "vs-form__body auto-rows-max cont
     ]));
   }
 }), P = {
-  template1: ie,
-  template2: oe,
+  template1: ae,
+  template2: le,
   template3: se,
-  template4: le,
-  template5: ae
+  template4: oe,
+  template5: ie
 }, De = { class: "space-y-4" }, Se = { class: "flex items-center gap-4 bg-white border border-gray-200 rounded-lg px-6 py-4" }, qe = { class: "text-lg font-semibold mb-4" }, Be = { class: "bg-white" }, Ie = {
   key: 1,
   class: "text-gray-400 text-center py-12"