@opengis/gis 0.2.119 → 0.2.121

package/dist/{cartocss-306ZE1Ha.js → cartocss-DcepkzNt.js}

@@ -1,12 +1,12 @@
-import { openBlock as _, createElementBlock as S, createElementVNode as a, defineComponent as R, computed as C, createTextVNode as ve, createVNode as $, mergeModels as Me, defineAsyncComponent as ee, useModel as je, ref as x, withCtx as O, toDisplayString as N, unref as J, watch as A, onUnmounted as Le, createCommentVNode as q, onBeforeUnmount as he, onMounted as qe, withDirectives as Ae, vModelText as Ne, createBlock as I, normalizeClass as fe, normalizeStyle as Ee, Fragment as me, renderList as Ie, resolveDynamicComponent as Ue } from "vue";
-import { useRouter as Te, useRoute as De } from "vue-router";
-import { notify as B } from "@opengis/core";
-import { _ as Oe, f as ge, n as Re, o as Fe, p as Be, M as Pe, i as Qe, j as pe, m as He } from "./index-CbdZv1jy.js";
-import { S as Ye, C as Je } from "./CardIcon-ODZgA2Pb.js";
-import { _ as We, a as Xe, b as Ge, c as Ze } from "./HeaderActions.vue_vue_type_script_setup_true_lang-CTKkmXWD.js";
+import { openBlock as b, createElementBlock as $, createElementVNode as a, defineComponent as F, computed as S, createTextVNode as ve, createVNode as V, mergeModels as Me, defineAsyncComponent as ee, useModel as je, ref as g, withCtx as R, toDisplayString as E, unref as J, watch as N, onUnmounted as Le, createCommentVNode as A, onBeforeUnmount as he, onMounted as qe, withDirectives as Ae, vModelText as Ne, createBlock as T, normalizeClass as fe, normalizeStyle as Ee, Fragment as me, renderList as Te, resolveDynamicComponent as Ue } from "vue";
+import { useRouter as Ie, useRoute as De } from "vue-router";
+import { notify as P } from "@opengis/core";
+import { _ as Oe, f as ge, n as Re, o as Fe, p as Be, M as Pe, i as Qe, j as pe, m as He } from "./index-CActL7Mw.js";
+import { S as Ye, C as Je } from "./CardIcon-Bu_mm6QX.js";
+import { _ as We, a as Xe, b as Ge, c as Ze } from "./HeaderActions.vue_vue_type_script_setup_true_lang-B2ErIdAR.js";
 import { _ as xe } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-D3ZPeXMw.js";
-import { V as Ke } from "./vs-datatable-D_Xzh4qf.js";
-import { _ as et } from "./ExtentOutlineLayer.vue_vue_type_script_setup_true_lang-DLAIOHJh.js";
+import { V as Ke } from "./vs-datatable-RkRQEa10.js";
+import { _ as et } from "./ExtentOutlineLayer.vue_vue_type_script_setup_true_lang-CF1EEob3.js";
 const tt = {}, ot = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -19,8 +19,8 @@ const tt = {}, ot = {
   "stroke-linejoin": "round",
   class: "lucide lucide-table"
 };
-function at(j, r) {
-  return _(), S("svg", ot, [...r[0] || (r[0] = [
+function at(L, l) {
+  return b(), $("svg", ot, [...l[0] || (l[0] = [
     a("path", { d: "M12 3v18" }, null, -1),
     a("rect", {
       width: "18",
@@ -33,24 +33,24 @@ function at(j, r) {
     a("path", { d: "M3 15h18" }, null, -1)
   ])]);
 }
-const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-col h-full" }, rt = { class: "flex justify-end mb-3 gap-2" }, lt = /* @__PURE__ */ R({
+const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-col h-full" }, lt = { class: "flex justify-end mb-3 gap-2" }, rt = /* @__PURE__ */ F({
   __name: "cartocss-css-tab",
   props: {
     modelValue: {}
   },
   emits: ["update:modelValue", "save"],
-  setup(j, { emit: r }) {
-    const c = j, V = r, w = C({
-      get: () => c.modelValue,
-      set: (g) => V("update:modelValue", g)
+  setup(L, { emit: l }) {
+    const u = L, z = l, _ = S({
+      get: () => u.modelValue,
+      set: (h) => z("update:modelValue", h)
     });
-    return (g, u) => (_(), S("div", st, [
-      a("div", rt, [
+    return (h, i) => (b(), $("div", st, [
+      a("div", lt, [
         a("button", {
           type: "button",
           class: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium bg-gradient-to-r from-sky-400 to-blue-400 hover:from-sky-500 hover:to-blue-500 text-white shadow-sm px-4 py-2 h-9 text-xs transition-all duration-300",
-          onClick: u[0] || (u[0] = (d) => g.$emit("save"))
-        }, [...u[2] || (u[2] = [
+          onClick: i[0] || (i[0] = (d) => h.$emit("save"))
+        }, [...i[2] || (i[2] = [
           a("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             width: "24",
@@ -70,23 +70,23 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
           ve(" Зберегти ", -1)
         ])])
       ]),
-      $(xe, {
-        modelValue: w.value,
-        "onUpdate:modelValue": u[1] || (u[1] = (d) => w.value = d),
+      V(xe, {
+        modelValue: _.value,
+        "onUpdate:modelValue": i[1] || (i[1] = (d) => _.value = d),
         language: "cartocss",
         class: "flex-1 rounded-lg overflow-hidden"
       }, null, 8, ["modelValue"])
     ]));
   }
-}), ut = { class: "flex flex-col flex-1 min-h-0" }, it = { class: "flex justify-between mb-3 gap-2" }, ct = { class: "text-left" }, dt = { class: "font-medium text-gray-900" }, ft = { class: "text-xs text-gray-500" }, mt = { class: "flex justify-center gap-2" }, pt = ["checked", "onChange"], yt = { class: "text-sm font-medium text-gray-900" }, vt = /* @__PURE__ */ R({
+}), ut = { class: "flex flex-col flex-1 min-h-0" }, it = { class: "flex justify-between mb-3 gap-2" }, ct = { class: "text-left" }, dt = { class: "font-medium text-gray-900" }, ft = { class: "text-xs text-gray-500" }, mt = { class: "flex justify-center gap-2" }, pt = ["checked", "onChange"], yt = { class: "text-sm font-medium text-gray-900" }, vt = /* @__PURE__ */ F({
   __name: "cartocss-data-tab",
   props: {
     modelValue: { default: [] },
     modelModifiers: {}
   },
   emits: /* @__PURE__ */ Me(["save"], ["update:modelValue"]),
-  setup(j, { emit: r }) {
-    const c = [
+  setup(L, { emit: l }) {
+    const u = [
       { key: "table", label: "Таблиця", slot: "datasetCell" },
       {
         key: "active",
@@ -100,9 +100,9 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
         slot: "zoomCell",
         width: "140px"
       }
-    ], V = ee(
-      () => import("@opengis/core").then((b) => b.VsModal)
-    ), w = ee(() => import("@opengis/form")), g = je(j, "modelValue"), u = r, d = x(!1), s = x({
+    ], z = ee(
+      () => import("@opengis/core").then((x) => x.VsModal)
+    ), _ = ee(() => import("@opengis/form")), h = je(L, "modelValue"), i = l, d = g(!1), s = g({
       table: "",
       query: "",
       srid: "",
@@ -139,28 +139,28 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
     function k() {
       d.value = !1;
     }
-    function L() {
-      var f, p;
-      const b = (f = s.value.table) == null ? void 0 : f.trim(), h = (p = s.value.key) == null ? void 0 : p.trim();
-      if (!b || !h) {
-        B({
+    function q() {
+      var f, w;
+      const x = (f = s.value.table) == null ? void 0 : f.trim(), v = (w = s.value.key) == null ? void 0 : w.trim();
+      if (!x || !v) {
+        P({
           type: "warning",
           title: "Перевірка",
           message: "Вкажіть таблицю та підпис"
         });
         return;
       }
-      g.value = [
-        ...Array.isArray(g.value) ? g.value : [],
-        { ...s.value, table: b, key: h }
+      h.value = [
+        ...Array.isArray(h.value) ? h.value : [],
+        { ...s.value, table: x, key: v }
       ], d.value = !1;
     }
-    function v(b, h) {
-      var p;
-      const f = ((p = h == null ? void 0 : h.target) == null ? void 0 : p.checked) ?? !1;
-      b.active = f, g.value = Array.isArray(g.value) ? [...g.value] : [];
+    function p(x, v) {
+      var w;
+      const f = ((w = v == null ? void 0 : v.target) == null ? void 0 : w.checked) ?? !1;
+      x.active = f, h.value = Array.isArray(h.value) ? [...h.value] : [];
     }
-    return (b, h) => (_(), S("div", ut, [
+    return (x, v) => (b(), $("div", ut, [
       a("div", it, [
         a("button", {
           type: "button",
@@ -170,45 +170,45 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
         a("button", {
           type: "button",
           class: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium bg-gradient-to-r from-sky-400 to-blue-400 hover:from-sky-500 hover:to-blue-500 text-white shadow-sm px-4 py-2 h-9 text-xs transition-all duration-300",
-          onClick: h[0] || (h[0] = (f) => u("save"))
+          onClick: v[0] || (v[0] = (f) => i("save"))
         }, " Зберегти ")
       ]),
-      $(Ke, {
-        modelValue: g.value,
-        "onUpdate:modelValue": h[1] || (h[1] = (f) => g.value = f),
-        "columns-scheme": c,
+      V(Ke, {
+        modelValue: h.value,
+        "onUpdate:modelValue": v[1] || (v[1] = (f) => h.value = f),
+        "columns-scheme": u,
         "form-scheme": m,
         "add-button": !1,
         "main-col-width": "260px"
       }, {
-        datasetCell: O(({ row: f }) => [
+        datasetCell: R(({ row: f }) => [
           a("div", ct, [
-            a("div", dt, N(f.table), 1),
-            a("div", ft, N(f.key), 1)
+            a("div", dt, E(f.table), 1),
+            a("div", ft, E(f.key), 1)
           ])
         ]),
-        activeCell: O(({ row: f }) => [
+        activeCell: R(({ row: f }) => [
           a("label", mt, [
             a("input", {
               type: "checkbox",
               class: "h-4 w-4 text-sky-500 border-gray-300 rounded focus:ring-sky-300",
               checked: f.active,
-              onChange: (p) => v(f, p)
+              onChange: (w) => p(f, w)
             }, null, 40, pt)
           ])
         ]),
-        zoomCell: O(({ row: f }) => [
-          a("div", yt, N(f.zoom), 1)
+        zoomCell: R(({ row: f }) => [
+          a("div", yt, E(f.zoom), 1)
         ]),
         _: 1
       }, 8, ["modelValue"]),
-      $(J(V), {
+      V(J(z), {
         teleport: "#modal",
         visible: d.value,
-        "onUpdate:visible": h[3] || (h[3] = (f) => d.value = f),
+        "onUpdate:visible": v[3] || (v[3] = (f) => d.value = f),
         title: "Нова таблиця CartoCSS"
       }, {
-        footer: O(() => [
+        footer: R(() => [
           a("div", { class: "flex justify-end gap-2 p-4 border-т" }, [
             a("button", {
               type: "button",
@@ -218,14 +218,14 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
             a("button", {
               type: "button",
               class: "px-4 py-2 rounded bg-blue-600 text-white",
-              onClick: L
+              onClick: q
             }, " Додати ")
           ])
         ]),
-        default: O(() => [
-          $(J(w), {
+        default: R(() => [
+          V(J(_), {
             values: s.value,
-            "onUpdate:values": h[2] || (h[2] = (f) => s.value = f),
+            "onUpdate:values": v[2] || (v[2] = (f) => s.value = f),
             schema: m
           }, null, 8, ["values"])
         ]),
@@ -233,22 +233,22 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
       }, 8, ["visible"])
     ]));
   }
-}), ht = { class: "flex flex-col flex-1 min-h-0 gap-4" }, gt = { class: "h-[calc(100vh-230px)] rounded-md border border-gray-200 bg-white" }, xt = /* @__PURE__ */ R({
+}), ht = { class: "flex flex-col flex-1 min-h-0 gap-4" }, gt = { class: "h-[calc(100vh-230px)] rounded-md border border-gray-200 bg-white" }, xt = /* @__PURE__ */ F({
   __name: "cartocss-card-tab",
   props: {
     card: {},
     table: {}
   },
   emits: ["save"],
-  setup(j, { emit: r }) {
-    const c = j, V = r, w = x(c.table), g = x(c.card), u = ee(() => import("@opengis/form").then((s) => s.VsInputText));
+  setup(L, { emit: l }) {
+    const u = L, z = l, _ = g(u.table), h = g(u.card), i = ee(() => import("@opengis/form").then((s) => s.VsInputText));
     function d() {
-      V("save", {
-        card_html: g.value,
-        card_table: w.value
+      z("save", {
+        card_html: h.value,
+        card_table: _.value
       });
     }
-    return (s, m) => (_(), S("div", ht, [
+    return (s, m) => (b(), $("div", ht, [
       a("div", { class: "flex items-center justify-end gap-3" }, [
         a("button", {
           type: "button",
@@ -275,15 +275,15 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
         ])])
       ]),
       a("div", null, [
-        $(J(u), {
-          modelValue: w.value,
-          "onUpdate:modelValue": m[0] || (m[0] = (n) => w.value = n)
+        V(J(i), {
+          modelValue: _.value,
+          "onUpdate:modelValue": m[0] || (m[0] = (n) => _.value = n)
         }, null, 8, ["modelValue"])
       ]),
       a("div", gt, [
-        $(xe, {
-          modelValue: g.value,
-          "onUpdate:modelValue": m[1] || (m[1] = (n) => g.value = n),
+        V(xe, {
+          modelValue: h.value,
+          "onUpdate:modelValue": m[1] || (m[1] = (n) => h.value = n),
           language: "html",
           theme: "vs-light",
           class: "h-full w-full rounded-md"
@@ -291,7 +291,7 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
       ])
     ]));
   }
-}), bt = /* @__PURE__ */ R({
+}), bt = /* @__PURE__ */ F({
   __name: "CartocssLayerLoader",
   props: {
     layerId: { type: String, required: !0 },
@@ -301,124 +301,126 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
     owner: { type: String, default: "" },
     opacity: { type: Number, default: 1 }
   },
-  setup(j) {
-    const r = j, c = ge(), {
-      activateTemporaryLayer: V,
-      deactivateTemporaryLayer: w,
-      setTemporaryLayerOpacity: g
-    } = Re(c.map), u = C(() => {
+  setup(L) {
+    const l = L, u = ge(), {
+      activateTemporaryLayer: z,
+      deactivateTemporaryLayer: _,
+      setTemporaryLayerOpacity: h
+    } = Re(u.map), i = S(() => {
       var k;
-      const n = `${(k = r == null ? void 0 : r.tileUrl) == null ? void 0 : k.trim()}`;
+      const n = `${(k = l == null ? void 0 : l.tileUrl) == null ? void 0 : k.trim()}`;
       return n ? typeof window > "u" || typeof location > "u" || /^https?:\/\//i.test(n) ? n : n.startsWith("//") ? `${window.location.protocol}${n}` : n.startsWith("/") ? `${location.origin}${n}` : `${location.origin}/${n}` : "";
     });
     let d = "", s = "";
     function m() {
-      const n = r.active && !!u.value;
-      d && (!n || d !== r.layerId) && (w(d, s || void 0), d = "", s = ""), n && (V(
+      const n = l.active && !!i.value;
+      d && (!n || d !== l.layerId) && (_(d, s || void 0), d = "", s = ""), n && (z(
         {
-          id: r.layerId,
-          title: r.title || r.layerId,
-          url: u.value,
-          opacity: r.opacity
+          id: l.layerId,
+          title: l.title || l.layerId,
+          url: i.value,
+          opacity: l.opacity
         },
         {},
-        r.owner
-      ), d = r.layerId, s = r.owner || "");
+        l.owner
+      ), d = l.layerId, s = l.owner || "");
     }
-    return A(
-      () => [r.layerId, u.value, r.active, r.owner],
+    return N(
+      () => [l.layerId, i.value, l.active, l.owner],
       m,
       { immediate: !0 }
-    ), A(
-      () => r.opacity,
+    ), N(
+      () => l.opacity,
       (n) => {
-        !d || !r.active || g(d, n, s || void 0);
+        !d || !l.active || h(d, n, s || void 0);
       },
       { immediate: !0 }
     ), Le(() => {
-      d && (w(d, s || void 0), d = "", s = "");
-    }), (n, k) => q("", !0);
+      d && (_(d, s || void 0), d = "", s = "");
+    }), (n, k) => A("", !0);
   }
-}), _t = /* @__PURE__ */ R({
+}), _t = /* @__PURE__ */ F({
   __name: "CartocssMapClickListener",
   props: {
     cartocssId: {},
     infoEnabled: { type: [Boolean, null] }
   },
-  setup(j) {
-    const r = j, c = C(() => r.cartocssId ?? null), V = C(() => !!r.infoEnabled), { map: w, ready: g } = ge(), u = (v) => {
-      !v || typeof window > "u" || window.dispatchEvent(
-        new CustomEvent(Be, { detail: v })
+  setup(L) {
+    const l = L, u = S(() => l.cartocssId ?? null), z = S(() => !!l.infoEnabled), { map: _, ready: h } = ge(), i = (p) => {
+      !p || typeof window > "u" || window.dispatchEvent(
+        new CustomEvent(Be, { detail: p })
       );
-    }, d = async (v) => {
-      const b = await fetch(`/api/map-format?${v.toString()}`);
-      if (!b.ok)
-        throw new Error(`API returned ${b.status}`);
-      return b.json();
+    }, d = async (p) => {
+      const x = await fetch(`/api/map-format?${p.toString()}`);
+      if (!x.ok)
+        throw new Error(`API returned ${x.status}`);
+      return x.json();
     };
     let s = null, m = null;
-    const n = (v) => {
-      if (!v) return null;
-      if (typeof v == "string")
+    const n = (p) => {
+      if (!p) return null;
+      if (typeof p == "string")
         try {
-          return JSON.parse(v);
+          return JSON.parse(p);
         } catch {
           return null;
         }
-      return v;
-    }, k = async (v, b) => {
-      var f;
-      const h = new URLSearchParams({
-        layer: c.value ?? "",
-        id: String(v)
+      return p;
+    }, k = async (p, x) => {
+      var w;
+      const v = u.value ? `external:${u.value},${String(p)}` : null, f = new URLSearchParams({
+        layer: u.value ?? "",
+        id: String(p)
       });
       try {
-        const p = await d(h), E = typeof p.html == "string" ? p.html : null, U = n(
-          ((f = p == null ? void 0 : p.data) == null ? void 0 : f.geom) ?? (p == null ? void 0 : p.geom) ?? null
+        const C = await d(f), U = typeof C.html == "string" ? C.html : null, I = n(
+          ((w = C == null ? void 0 : C.data) == null ? void 0 : w.geom) ?? (C == null ? void 0 : C.geom) ?? null
         );
-        (E || U) && u({
-          html: E,
-          geometry: U ?? b
+        (U || I) && i({
+          html: U,
+          geometry: I ?? x,
+          infoToken: v
         });
-      } catch (p) {
-        console.warn("CartoCSS map-format (id) error", p);
+      } catch (C) {
+        console.warn("CartoCSS map-format (id) error", C);
       }
-    }, L = async (v) => {
-      var p, E, U, P;
-      if (!c.value) return;
-      if (!V.value) {
-        B({
+    }, q = async (p) => {
+      var w, C, U, I;
+      if (!u.value) return;
+      if (!z.value) {
+        P({
           type: "error",
           title: "CartoCSS",
           message: "Картка не налаштована"
         });
         return;
       }
-      const b = (p = v == null ? void 0 : v.lngLat) == null ? void 0 : p.lng, h = (E = v == null ? void 0 : v.lngLat) == null ? void 0 : E.lat;
-      if (typeof b != "number" || typeof h != "number") return;
+      const x = (w = p == null ? void 0 : p.lngLat) == null ? void 0 : w.lng, v = (C = p == null ? void 0 : p.lngLat) == null ? void 0 : C.lat;
+      if (typeof x != "number" || typeof v != "number") return;
       const f = new URLSearchParams({
-        layer: c.value,
-        lat: h.toFixed(6),
-        lng: b.toFixed(6)
+        layer: u.value,
+        lat: v.toFixed(6),
+        lng: x.toFixed(6)
       });
       try {
-        const y = await d(f), T = n(
+        const y = await d(f), D = n(
           ((U = y == null ? void 0 : y.data) == null ? void 0 : U.geom) ?? (y == null ? void 0 : y.geom) ?? null
-        ), D = ((P = y == null ? void 0 : y.data) == null ? void 0 : P.id) ?? (y == null ? void 0 : y.id);
-        if (D != null) {
-          await k(D, T);
+        ), O = ((I = y == null ? void 0 : y.data) == null ? void 0 : I.id) ?? (y == null ? void 0 : y.id);
+        if (O != null) {
+          await k(O, D);
           return;
         }
-        Fe({ html: y == null ? void 0 : y.html }) && u({
+        Fe({ html: y == null ? void 0 : y.html }) && i({
           html: y == null ? void 0 : y.html,
-          geometry: T
+          geometry: D,
+          infoToken: null
         });
       } catch (y) {
         console.warn("CartoCSS map-format error", y);
       }
     };
-    return g().then(() => {
-      m = w.value, m && (m.on("click", L), s = () => m == null ? void 0 : m.off("click", L));
+    return h().then(() => {
+      m = _.value, m && (m.on("click", q), s = () => m == null ? void 0 : m.off("click", q));
     }), he(() => {
       s == null || s(), s = null, m = null;
     }), () => {
@@ -427,108 +429,108 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
 }), wt = { class: "flex h-full bg-gradient-to-br from-slate-50 to-white" }, kt = { class: "flex-1 relative overflow-hidden" }, Ct = { class: "absolute top-0 left-0 w-full z-20" }, St = { class: "px-4 sm:px-6 py-4 border-b border-gray-200 bg-white shadow-sm" }, $t = { class: "flex items-start justify-between gap-4" }, Vt = { class: "flex-1 min-w-0" }, zt = { class: "flex items-center text-sm text-gray-500 mb-3" }, Mt = { class: "text-gray-900 font-medium truncate max-w-xs" }, jt = { class: "flex items-center justify-between gap-4" }, Lt = { class: "flex-1 min-w-0" }, qt = { class: "flex items-center gap-3 mb-1" }, At = { class: "text-base font-semibold text-gray-900 truncate" }, Nt = {
   key: 0,
   class: "px-2 py-0.5 bg-green-50 border border-green-200 rounded flex-shrink-0"
-}, Et = { class: "text-xs font-medium text-green-700" }, It = ["title"], Ut = { class: "w-full h-full bg-gradient-to-br from-sky-50 via-white to-blue-50 flex items-center justify-center relative pt-[115px]" }, Tt = { class: "relative w-full h-full" }, Dt = { class: "absolute top-[5.5rem] left-4 z-30 flex flex-col items-start gap-2" }, Ot = { class: "rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur" }, Rt = { class: "flex items-center gap-2" }, Ft = { class: "rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur" }, Bt = { class: "inline-flex items-center gap-2 text-[11px] text-slate-600" }, Pt = ["checked"], Qt = { class: "absolute top-4 left-4 z-20" }, Ht = { class: "absolute top-[6.5rem] right-2 space-y-1 z-20" }, Yt = { class: "flex-1 flex flex-col h-full" }, Jt = {
+}, Et = { class: "text-xs font-medium text-green-700" }, Tt = ["title"], Ut = { class: "w-full h-full bg-gradient-to-br from-sky-50 via-white to-blue-50 flex items-center justify-center relative pt-[115px]" }, It = { class: "relative w-full h-full" }, Dt = { class: "absolute top-[5.5rem] left-4 z-30 flex flex-col items-start gap-2" }, Ot = { class: "rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur" }, Rt = { class: "flex items-center gap-2" }, Ft = { class: "rounded-2xl bg-white/90 px-3 py-2 text-xs font-medium text-slate-600 shadow-sm backdrop-blur" }, Bt = { class: "inline-flex items-center gap-2 text-[11px] text-slate-600" }, Pt = ["checked"], Qt = { class: "absolute top-4 left-4 z-20" }, Ht = { class: "absolute top-[6.5rem] right-2 space-y-1 z-20" }, Yt = { class: "flex-1 flex flex-col h-full" }, Jt = {
   key: 0,
   class: "px-3 pt-3 pb-2 border-b border-gray-100"
 }, Wt = ["aria-selected", "onClick"], Xt = { class: "leading-none" }, Gt = { class: "flex flex-col flex-1 overflow-y-hidden p-3" }, Zt = {
   key: 0,
   class: "flex-1 flex items-center justify-center text-sm text-gray-500"
-}, Kt = "cartocss-demo-001", eo = "OpenGIS", ye = 2, Y = 5, co = /* @__PURE__ */ R({
+}, Kt = "cartocss-demo-001", eo = "OpenGIS", ye = 2, Y = 5, co = /* @__PURE__ */ F({
   __name: "cartocss",
-  setup(j) {
-    const r = Te(), c = De(), V = x(null), w = [
+  setup(L) {
+    const l = Ie(), u = De(), z = g(null), _ = [
       { key: "css", label: "CSS", icon: Ye },
       { key: "data", label: "Дані", icon: nt },
       { key: "metadata", label: "Метадані", icon: Ze },
       { key: "card", label: "Картка", icon: Je }
-    ], g = w.map((e) => e.key), u = x(
-      g.includes(c.query.tab) ? c.query.tab : "css"
-    ), d = x(!0), s = x(null), m = C(() => {
+    ], h = _.map((e) => e.key), i = g(
+      h.includes(u.query.tab) ? u.query.tab : "css"
+    ), d = g(!0), s = g(null), m = S(() => {
       var e;
-      return (e = s.value) != null && e.source_path ? w.filter((o) => o.key === "card" || o.key === "metadata") : w;
-    }), n = C(
-      () => c.params.id || Kt
-    ), k = x({
+      return (e = s.value) != null && e.source_path ? _.filter((o) => o.key === "card" || o.key === "metadata") : _;
+    }), n = S(
+      () => u.params.id || Kt
+    ), k = g({
       id: n.value,
       name: "",
       description: ""
     });
-    let L = null;
-    const v = x(!1);
-    function b(e) {
-      if (Array.isArray(e)) return b(e[0]);
+    let q = null;
+    const p = g(!1);
+    function x(e) {
+      if (Array.isArray(e)) return x(e[0]);
       if (typeof e != "string" && typeof e != "number") return null;
       const o = typeof e == "number" ? e : Number(e.trim());
       return Number.isFinite(o) ? o : null;
     }
-    function h(e, o) {
+    function v(e, o) {
       return e.toFixed(o);
     }
     function f(e, o, t) {
-      const l = 0.5 * 10 ** -t;
-      return Math.abs(e - o) > l;
+      const r = 0.5 * 10 ** -t;
+      return Math.abs(e - o) > r;
     }
-    function p() {
+    function w() {
       var e;
-      return (e = V.value) == null ? void 0 : e.ctx;
+      return (e = z.value) == null ? void 0 : e.ctx;
     }
-    function E() {
-      var F, ie, ce, de;
-      const e = (ie = (F = p()) == null ? void 0 : F.map) == null ? void 0 : ie.value;
+    function C() {
+      var B, ie, ce, de;
+      const e = (ie = (B = w()) == null ? void 0 : B.map) == null ? void 0 : ie.value;
       if (!e) return;
-      const o = b(c.query.z), t = b(c.query.x), l = b(c.query.y);
-      if (o == null || t == null || l == null) return;
-      const i = (ce = e.getCenter) == null ? void 0 : ce.call(e), z = (de = e.getZoom) == null ? void 0 : de.call(e);
-      (!i || f(i.lng, t, Y) || f(i.lat, l, Y) || f(z ?? 0, o, ye)) && (v.value = !0, e.jumpTo({ center: [t, l], zoom: o }), v.value = !1);
+      const o = x(u.query.z), t = x(u.query.x), r = x(u.query.y);
+      if (o == null || t == null || r == null) return;
+      const c = (ce = e.getCenter) == null ? void 0 : ce.call(e), M = (de = e.getZoom) == null ? void 0 : de.call(e);
+      (!c || f(c.lng, t, Y) || f(c.lat, r, Y) || f(M ?? 0, o, ye)) && (p.value = !0, e.jumpTo({ center: [t, r], zoom: o }), p.value = !1);
     }
     function U() {
-      var i, z, M, F;
-      if (v.value) return;
-      const e = (z = (i = p()) == null ? void 0 : i.map) == null ? void 0 : z.value;
+      var c, M, j, B;
+      if (p.value) return;
+      const e = (M = (c = w()) == null ? void 0 : c.map) == null ? void 0 : M.value;
       if (!e) return;
-      const o = (M = e.getCenter) == null ? void 0 : M.call(e), t = (F = e.getZoom) == null ? void 0 : F.call(e);
+      const o = (j = e.getCenter) == null ? void 0 : j.call(e), t = (B = e.getZoom) == null ? void 0 : B.call(e);
       if (!o || t == null) return;
-      const l = {
-        ...c.query,
-        z: h(t, ye),
-        x: h(o.lng, Y),
-        y: h(o.lat, Y)
+      const r = {
+        ...u.query,
+        z: v(t, ye),
+        x: v(o.lng, Y),
+        y: v(o.lat, Y)
       };
-      c.query.z === l.z && c.query.x === l.x && c.query.y === l.y || r.replace({ query: l });
+      u.query.z === r.z && u.query.x === r.x && u.query.y === r.y || l.replace({ query: r });
     }
-    function P(e) {
+    function I(e) {
       typeof document > "u" || (document.title = e ? `${e} — CartoCSS` : eo);
     }
-    const y = x("");
-    x("");
-    const T = x([]), D = x(!1), te = x(!1), W = x(""), X = x(0), Q = x(!1), H = x(1), G = x(!0), be = C(() => `cartocss-layer-${n.value}`), _e = C(() => `${Math.round(H.value * 100)}%`), we = C(() => `cartocss-extent-${n.value}`), oe = C(() => {
-      var i;
-      const e = (i = W.value) == null ? void 0 : i.trim();
+    const y = g("");
+    g("");
+    const D = g([]), O = g(!1), te = g(!1), W = g(""), X = g(0), Q = g(!1), H = g(1), G = g(!0), be = S(() => `cartocss-layer-${n.value}`), _e = S(() => `${Math.round(H.value * 100)}%`), we = S(() => `cartocss-extent-${n.value}`), oe = S(() => {
+      var c;
+      const e = (c = W.value) == null ? void 0 : c.trim();
       if (!e) return "";
-      const o = e.includes("?") ? "&" : "?", t = `${e}${o}nottl=1`, l = X.value;
-      return l ? `${e}${o}ts=${l}&nocache=1` : t;
+      const o = e.includes("?") ? "&" : "?", t = `${e}${o}nottl=1`, r = X.value;
+      return r ? `${e}${o}ts=${r}&nocache=1` : t;
     });
-    C(() => {
+    S(() => {
       const e = s.value;
       return e ? e.cartocss_key || e.source_path || n.value || "" : n.value || "";
     });
-    const ae = x(""), ne = x(""), se = C(() => {
-      var z;
-      const e = (z = s.value) == null ? void 0 : z.bounds;
+    const ae = g(""), ne = g(""), se = S(() => {
+      var M;
+      const e = (M = s.value) == null ? void 0 : M.bounds;
       if (!Array.isArray(e) || e.length < 4) return null;
-      const [o, t, l, i] = e;
-      return [o, t, l, i].some(
-        (M) => typeof M != "number" || Number.isNaN(M)
-      ) ? null : [(o + l) / 2, (t + i) / 2];
-    }), ke = C(() => {
-      var z;
-      const e = (z = s.value) == null ? void 0 : z.bounds;
+      const [o, t, r, c] = e;
+      return [o, t, r, c].some(
+        (j) => typeof j != "number" || Number.isNaN(j)
+      ) ? null : [(o + r) / 2, (t + c) / 2];
+    }), ke = S(() => {
+      var M;
+      const e = (M = s.value) == null ? void 0 : M.bounds;
       if (!Array.isArray(e) || e.length < 4) return null;
-      const [o, t, l, i] = e;
-      return [o, t, l, i].some(
-        (M) => typeof M != "number" || Number.isNaN(M)
-      ) ? null : [o, t, l, i];
-    }), Z = C(() => {
+      const [o, t, r, c] = e;
+      return [o, t, r, c].some(
+        (j) => typeof j != "number" || Number.isNaN(j)
+      ) ? null : [o, t, r, c];
+    }), Z = S(() => {
       const e = s.value;
       return e ? [
         e.description,
@@ -537,60 +539,60 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
         e.is_public === !0 ? "Публічний" : "Не публічний",
         e.enabled === !0 ? "Активний" : "Неактивний"
       ].filter(Boolean).join(", ") : "";
-    }), re = C(() => {
+    }), le = S(() => {
       var o;
       const e = (o = s.value) == null ? void 0 : o.group_id;
       return e ? String(e).toUpperCase() : "";
     });
-    A(
+    N(
       n,
       (e) => {
         e && K(e);
       },
       { immediate: !0 }
-    ), A(
+    ), N(
       () => {
         var e;
         return (e = k.value) == null ? void 0 : e.name;
       },
-      (e) => P(e),
+      (e) => I(e),
       { immediate: !0 }
     );
     async function Ce() {
-      var l;
-      const e = p();
+      var r;
+      const e = w();
       if (!(e != null && e.ready)) return;
-      await e.ready(), E();
-      const o = (l = e.map) == null ? void 0 : l.value;
+      await e.ready(), C();
+      const o = (r = e.map) == null ? void 0 : r.value;
       if (!o) return;
       const t = () => U();
-      o.on("moveend", t), o.on("zoomend", t), L = () => {
+      o.on("moveend", t), o.on("zoomend", t), q = () => {
         o.off("moveend", t), o.off("zoomend", t);
       };
     }
-    A(
-      () => [c.query.z, c.query.x, c.query.y],
+    N(
+      () => [u.query.z, u.query.x, u.query.y],
       () => {
-        E();
+        C();
       }
     ), qe(() => {
       Ce();
     }), he(() => {
-      L == null || L(), L = null;
-    }), A(
-      () => c.query.tab,
+      q == null || q(), q = null;
+    }), N(
+      () => u.query.tab,
       (e) => {
-        e && m.value.some((o) => o.key === e) && u.value !== e && (u.value = e);
+        e && m.value.some((o) => o.key === e) && i.value !== e && (i.value = e);
       }
-    ), A(
+    ), N(
       m,
       (e) => {
-        e.length && !e.some((o) => o.key === u.value) && (u.value = e[0].key);
+        e.length && !e.some((o) => o.key === i.value) && (i.value = e[0].key);
       },
       { immediate: !0 }
-    ), A(u, (e) => {
-      c.query.tab !== e && m.value.some((o) => o.key === e) && r.replace({ query: { ...c.query, tab: e } });
-    }), A(
+    ), N(i, (e) => {
+      u.query.tab !== e && m.value.some((o) => o.key === e) && l.replace({ query: { ...u.query, tab: e } });
+    }), N(
       () => s.value,
       (e) => {
         const o = e == null ? void 0 : e.card_html;
@@ -598,7 +600,7 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
       },
       { immediate: !0 }
     );
-    function le() {
+    function re() {
       n.value && K(n.value, { bustCache: !0 });
     }
     async function Se(e, o) {
@@ -611,9 +613,9 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
             body: JSON.stringify(e)
           });
           if (!t.ok) throw new Error(`Failed to save cartocss: ${t.status}`);
-          B({ type: "success", title: "Збережено", message: o }), await K(n.value, { bustCache: !0 });
+          P({ type: "success", title: "Збережено", message: o }), await K(n.value, { bustCache: !0 });
         } catch (t) {
-          console.error("Failed to save CartoCSS", t), B({ type: "error", title: "Помилка", message: "Не вдалося зберегти CartoCSS" });
+          console.error("Failed to save CartoCSS", t), P({ type: "error", title: "Помилка", message: "Не вдалося зберегти CartoCSS" });
         } finally {
           te.value = !1;
         }
@@ -631,8 +633,8 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
     }
     function Ve(e) {
       const o = Array.isArray(e) ? e : e == null ? void 0 : e.datasets;
-      return Array.isArray(o) ? o.map((t, l) => ({
-        table: (t == null ? void 0 : t.table) || (t == null ? void 0 : t.id) || `dataset_${l + 1}`,
+      return Array.isArray(o) ? o.map((t, r) => ({
+        table: (t == null ? void 0 : t.table) || (t == null ? void 0 : t.id) || `dataset_${r + 1}`,
         query: (t == null ? void 0 : t.query) || "",
         srid: (t == null ? void 0 : t.srid) || "",
         key: (t == null ? void 0 : t.key) || (t == null ? void 0 : t.label) || "Без підпису",
@@ -644,31 +646,31 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
       })) : [];
     }
     async function K(e, o) {
-      D.value = !0;
+      O.value = !0;
       try {
         const t = await fetch(`/api/gis-css/${e}`);
         if (!t.ok) throw new Error(`Failed to load cartocss: ${t.status}`);
-        const l = await t.json(), i = (l == null ? void 0 : l.message) || l || {};
-        s.value = i, k.value = {
-          id: i.cartocss_key || e,
-          name: i.name || k.value.name,
-          description: i.description || k.value.description
-        }, y.value = typeof i.style == "string" ? i.style : "";
-        const z = $e(i.config ?? []);
-        T.value = Ve(z);
-        const M = typeof i.url == "string" ? i.url : "";
-        W.value = M, Q.value = !!(M && i.enabled !== !1), X.value = o != null && o.bustCache ? Date.now() : 0;
+        const r = await t.json(), c = (r == null ? void 0 : r.message) || r || {};
+        s.value = c, k.value = {
+          id: c.cartocss_key || e,
+          name: c.name || k.value.name,
+          description: c.description || k.value.description
+        }, y.value = typeof c.style == "string" ? c.style : "";
+        const M = $e(c.config ?? []);
+        D.value = Ve(M);
+        const j = typeof c.url == "string" ? c.url : "";
+        W.value = j, Q.value = !!(j && c.enabled !== !1), X.value = o != null && o.bustCache ? Date.now() : 0;
       } catch (t) {
         console.error("Failed to fetch CartoCSS", t), Q.value = !1, W.value = "", X.value = 0, s.value = null;
       } finally {
-        D.value = !1;
+        O.value = !1;
       }
     }
     async function ue() {
       await Se(
         {
           style: y.value || "",
-          config: T.value
+          config: D.value
         },
         "CartoCSS оновлено"
       );
@@ -680,9 +682,9 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
         body: JSON.stringify(e)
       });
       if (!o.ok) throw new Error(`Failed to save cartocss: ${o.status}`);
-      B({ type: "success", title: "Збережено", message: "Картка CartoCSS оновлена" });
+      P({ type: "success", title: "Збережено", message: "Картка CartoCSS оновлена" });
     }
-    return (e, o) => (_(), S("div", wt, [
+    return (e, o) => (b(), $("div", wt, [
       a("div", kt, [
         a("div", Ct, [
           a("div", St, [
@@ -692,7 +694,7 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
                   a("button", {
                     type: "button",
                     class: "hover:text-gray-700 cursor-pointer transition-colors",
-                    onClick: o[0] || (o[0] = (t) => J(r).push("/gis.cartocss"))
+                    onClick: o[0] || (o[0] = (t) => J(l).push("/gis.cartocss"))
                   }, " CartoCSS "),
                   o[6] || (o[6] = a("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
@@ -708,25 +710,25 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
                   }, [
                     a("path", { d: "m9 18 6-6-6-6" })
                   ], -1)),
-                  a("span", Mt, N(k.value.name || "CartoCSS"), 1)
+                  a("span", Mt, E(k.value.name || "CartoCSS"), 1)
                 ]),
                 a("div", jt, [
                   a("div", Lt, [
                     a("div", qt, [
-                      a("h1", At, N(k.value.name || "CartoCSS"), 1),
-                      re.value ? (_(), S("div", Nt, [
-                        a("span", Et, N(re.value), 1)
-                      ])) : q("", !0)
+                      a("h1", At, E(k.value.name || "CartoCSS"), 1),
+                      le.value ? (b(), $("div", Nt, [
+                        a("span", Et, E(le.value), 1)
+                      ])) : A("", !0)
                     ]),
-                    Z.value ? (_(), S("p", {
+                    Z.value ? (b(), $("p", {
                       key: 0,
                       class: "text-xs text-gray-500 truncate",
                       title: Z.value
-                    }, N(Z.value), 9, It)) : q("", !0)
+                    }, E(Z.value), 9, Tt)) : A("", !0)
                   ])
                 ])
               ]),
-              $(We, {
+              V(We, {
                 class: "flex-shrink-0",
                 "entity-id": n.value,
                 "entity-info": k.value,
@@ -734,26 +736,26 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
                 "save-endpoint": (t) => `/api/gis-css/${t}`,
                 "entity-label": "CartoCSS",
                 "save-method": "post",
-                onSaved: le
+                onSaved: re
               }, null, 8, ["entity-id", "entity-info", "form-endpoint", "save-endpoint"])
             ])
           ])
         ]),
         a("div", Ut, [
-          a("div", Tt, [
-            $(Pe, {
+          a("div", It, [
+            V(Pe, {
               ref_key: "mapViewRef",
-              ref: V
+              ref: z
             }, {
-              default: O(() => {
-                var t, l;
+              default: R(() => {
+                var t, r;
                 return [
                   a("div", Dt, [
                     a("div", Ot, [
                       a("div", Rt, [
                         o[7] || (o[7] = a("span", null, "Прозорість:", -1)),
                         Ae(a("input", {
-                          "onUpdate:modelValue": o[1] || (o[1] = (i) => H.value = i),
+                          "onUpdate:modelValue": o[1] || (o[1] = (c) => H.value = c),
                           type: "range",
                           min: "0",
                           max: "1",
@@ -768,7 +770,7 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
                             { number: !0 }
                           ]
                         ]),
-                        a("span", null, N(_e.value), 1)
+                        a("span", null, E(_e.value), 1)
                       ])
                     ]),
                     a("div", Ft, [
@@ -777,25 +779,25 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
                           type: "checkbox",
                           class: "h-3.5 w-3.5 rounded border-slate-300 text-blue-600 focus:ring-blue-200",
                           checked: G.value,
-                          onChange: o[2] || (o[2] = (i) => G.value = i.target.checked)
+                          onChange: o[2] || (o[2] = (c) => G.value = c.target.checked)
                         }, null, 40, Pt),
                         o[8] || (o[8] = a("span", null, "Межі css", -1))
                       ])
                     ])
                   ]),
                   a("div", Qt, [
-                    $(Qe)
+                    V(Qe)
                   ]),
                   a("div", Ht, [
-                    $(pe),
-                    se.value ? (_(), I(pe, {
+                    V(pe),
+                    se.value ? (b(), T(pe, {
                       key: 0,
                       targetCenter: se.value,
                       targetLabel: "Центр даних",
                       targetAriaLabel: "Перейти до центру даних"
-                    }, null, 8, ["targetCenter"])) : q("", !0)
+                    }, null, 8, ["targetCenter"])) : A("", !0)
                   ]),
-                  oe.value ? (_(), I(bt, {
+                  oe.value ? (b(), T(bt, {
                     key: 0,
                     "layer-id": be.value,
                     "tile-url": oe.value,
@@ -803,87 +805,87 @@ const nt = /* @__PURE__ */ Oe(tt, [["render", at]]), st = { class: "flex flex-co
                     opacity: H.value,
                     title: k.value.name,
                     owner: n.value
-                  }, null, 8, ["layer-id", "tile-url", "active", "opacity", "title", "owner"])) : q("", !0),
-                  $(et, {
+                  }, null, 8, ["layer-id", "tile-url", "active", "opacity", "title", "owner"])) : A("", !0),
+                  V(et, {
                     extent: G.value ? ke.value : null,
                     "layer-id": we.value
                   }, null, 8, ["extent", "layer-id"]),
-                  $(_t, {
+                  V(_t, {
                     "cartocss-id": n.value,
                     bounds: ((t = s.value) == null ? void 0 : t.bounds) ?? null,
                     active: Q.value,
-                    "info-enabled": (l = s.value) == null ? void 0 : l.info
+                    "info-enabled": (r = s.value) == null ? void 0 : r.info
                   }, null, 8, ["cartocss-id", "bounds", "active", "info-enabled"]),
-                  $(He, { "map-id": n.value }, null, 8, ["map-id"])
+                  V(He, { "map-id": n.value }, null, 8, ["map-id"])
                 ];
               }),
               _: 1
             }, 512)
           ])
         ]),
-        s.value ? (_(), I(Xe, {
+        s.value ? (b(), T(Xe, {
           key: 0,
           open: d.value,
           onToggle: o[3] || (o[3] = (t) => d.value = !d.value)
-        }, null, 8, ["open"])) : q("", !0)
+        }, null, 8, ["open"])) : A("", !0)
       ]),
-      s.value ? (_(), S("div", {
+      s.value ? (b(), $("div", {
         key: 0,
         class: fe(["bg-white border-l border-gray-100 flex flex-col overflow-hidden shadow-lg flex-shrink-0 transition-[width] duration-100 ease-in-out", d.value ? "w-[650px]" : "w-0"])
       }, [
         a("div", Yt, [
-          m.value.length > 1 ? (_(), S("div", Jt, [
+          m.value.length > 1 ? (b(), $("div", Jt, [
             a("div", {
               class: "items-center justify-center text-muted-foreground grid w-full h-12 p-1 bg-gray-50 rounded-xl shadow-sm",
               style: Ee({ gridTemplateColumns: `repeat(${m.value.length}, minmax(0, 1fr))` })
             }, [
-              (_(!0), S(me, null, Ie(m.value, (t) => (_(), S("button", {
+              (b(!0), $(me, null, Te(m.value, (t) => (b(), $("button", {
                 key: t.key,
                 type: "button",
                 role: "tab",
-                "aria-selected": u.value === t.key,
+                "aria-selected": i.value === t.key,
                 class: fe([
                   "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",
-                  u.value === t.key ? "bg-white shadow-sm text-gray-700" : ""
+                  i.value === t.key ? "bg-white shadow-sm text-gray-700" : ""
                 ]),
-                onClick: (l) => u.value = t.key
+                onClick: (r) => i.value = t.key
               }, [
-                (_(), I(Ue(t.icon), { class: "h-3.5 w-3.5 mb-0.5" })),
-                a("span", Xt, N(t.label), 1)
+                (b(), T(Ue(t.icon), { class: "h-3.5 w-3.5 mb-0.5" })),
+                a("span", Xt, E(t.label), 1)
               ], 10, Wt))), 128))
             ], 4)
-          ])) : q("", !0),
+          ])) : A("", !0),
           a("div", Gt, [
-            D.value ? (_(), S("div", Zt, " Завантаження стилю… ")) : (_(), S(me, { key: 1 }, [
-              u.value === "css" ? (_(), I(lt, {
+            O.value ? (b(), $("div", Zt, " Завантаження стилю… ")) : (b(), $(me, { key: 1 }, [
+              i.value === "css" ? (b(), T(rt, {
                 key: 0,
                 modelValue: y.value,
                 "onUpdate:modelValue": o[4] || (o[4] = (t) => y.value = t),
                 class: "flex-1 min-h-0",
                 onSave: ue
-              }, null, 8, ["modelValue"])) : u.value === "data" ? (_(), I(vt, {
+              }, null, 8, ["modelValue"])) : i.value === "data" ? (b(), T(vt, {
                 key: 1,
-                modelValue: T.value,
-                "onUpdate:modelValue": o[5] || (o[5] = (t) => T.value = t),
+                modelValue: D.value,
+                "onUpdate:modelValue": o[5] || (o[5] = (t) => D.value = t),
                 class: "flex-1 min-h-0 flex flex-col",
                 onSave: ue
-              }, null, 8, ["modelValue"])) : u.value === "card" ? (_(), I(xt, {
+              }, null, 8, ["modelValue"])) : i.value === "card" ? (b(), T(xt, {
                 key: 2,
                 card: ae.value,
                 table: ne.value,
                 class: "flex-1 min-h-0",
                 onSave: ze
-              }, null, 8, ["card", "table"])) : u.value === "metadata" ? (_(), I(Ge, {
+              }, null, 8, ["card", "table"])) : i.value === "metadata" ? (b(), T(Ge, {
                 key: 3,
                 data: s.value,
                 "entity-id": n.value,
                 "entity-type": "css",
-                onSaved: le
-              }, null, 8, ["data", "entity-id"])) : q("", !0)
+                onSaved: re
+              }, null, 8, ["data", "entity-id"])) : A("", !0)
             ], 64))
           ])
         ])
-      ], 2)) : q("", !0)
+      ], 2)) : A("", !0)
     ]));
   }
 });