@opengis/form 0.0.42 → 0.0.43

package/dist/components/form/vs-compact-form.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vs-compact-form.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/vs-compact-form.vue"],"names":[],"mappings":"AAwGA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAM3D,UAAU,SAAS;IACjB,MAAM,EAAE,WAAW,EAAE,GAAG,GAAG,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,WAAW,GAAG,SAAS,CAAC;AAkE7B,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;;;;;;;;;;;;;;;;;WA5EQ,MAAM;cAIH,OAAO;YAFT,MAAM;YAHP,WAAW,EAAE,GAAG,GAAG;YAIlB,MAAM;;AAsKjB,wBASG"}
+{"version":3,"file":"vs-compact-form.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/vs-compact-form.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAM3D,UAAU,SAAS;IACjB,MAAM,EAAE,WAAW,EAAE,GAAG,GAAG,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,WAAW,GAAG,SAAS,CAAC;AA8D7B,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;;;;;;;;;;;;;;;;;WAxEQ,MAAM;cAIH,OAAO;YAFT,MAAM;YAHP,WAAW,EAAE,GAAG,GAAG;YAIlB,MAAM;;AAkKjB,wBASG"}

package/dist/components/inputs/index.d.ts

@@ -272,7 +272,7 @@ declare const _default: {
         id: string;
         prefix: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    'vs-input-tag': import("vue").DefineComponent<import("../../types/form.js").TagInputProps & {
+    'vs-input-tags': import("vue").DefineComponent<import("../../types/form.js").TagInputProps & {
         modelValue?: string[];
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: string[]) => any;

package/dist/index.css

@@ -1 +1 @@
-@charset "UTF-8";.grid[data-v-91f3584a]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.item-file:hover>div[data-v-0ca886b3]{display:flex!important;background-color:#00000080}.widget-file .vs-button{background-color:#2563eb;color:#fff;font-size:.875rem;line-height:1.25rem;font-weight:600}.ui-dialog__modal div.flex.justify-between.items-center.py-3.px-4.border-b{border-bottom-width:0px;--tw-text-opacity: 1;color:#1f2937;font-weight:500;font-size:1.125rem;line-height:1.75rem;padding-bottom:0rem}.ui-dialog__modal .ui-dialog__content .p-4{padding-top:0rem}.slide-fade-enter-active[data-v-90320b87],.slide-fade-leave-active[data-v-90320b87]{transition:all .3s ease}.slide-fade-enter-from[data-v-90320b87],.slide-fade-leave-to[data-v-90320b87]{max-height:0;opacity:0;transform:translateY(-10px)}.slide-fade-enter-to[data-v-90320b87],.slide-fade-leave-from[data-v-90320b87]{max-height:1000px;opacity:1;transform:translateY(0)}.slide-fade-enter-active[data-v-590eff11],.slide-fade-leave-active[data-v-590eff11]{transition:all .3s ease}.slide-fade-enter-from[data-v-590eff11],.slide-fade-leave-to[data-v-590eff11]{max-height:0;opacity:0;transform:translateY(-10px)}.slide-fade-enter-to[data-v-590eff11],.slide-fade-leave-from[data-v-590eff11]{max-height:1000px;opacity:1;transform:translateY(0)}.vs-ctrl-group[data-v-44f47a6f]{display:inline-flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #0000000a;gap:2px}.vs-btn[data-v-44f47a6f]{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer;border-radius:.375rem;transition:background-color .15s ease,color .15s ease,opacity .15s}.vs-btn svg[data-v-44f47a6f]{width:16px;height:16px;stroke:currentColor;fill:none;color:#3c3c43;stroke-width:2}.vs-btn[data-v-44f47a6f]:hover,.vs-active[data-v-44f47a6f]{background:#2563eb;color:#fff}.vs-btn[data-v-44f47a6f]:disabled{opacity:.5;cursor:not-allowed}.vs-btn-danger[data-v-44f47a6f]:hover{background:#ef4444;color:#fff}.ring-2[data-v-44f47a6f]{box-shadow:0 0 0 2px #3b82f699}.leaflet-map-wrapper .leaflet-container[data-v-44f47a6f]{font:inherit}.vs-btn-row[data-v-44f47a6f]{@apply inline-flex items-center gap-2 text-sm font-medium border rounded-md px-3 py-2 bg-white text-blue-600 border-stone-200 hover:bg-blue-500 hover:text-white hover:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:ring-offset-1 transition;}.vs-btn-row[data-v-44f47a6f]:disabled{@apply opacity-50 cursor-not-allowed bg-gray-100 text-gray-400 border-gray-200 hover:bg-gray-100 hover:text-gray-400;}.fullscreen[data-v-44f47a6f]{position:fixed!important;inset:0;width:100vw!important;height:100vh!important;z-index:9999;background:#fff}.tool[data-v-44f47a6f]{line-height:1}.col-error .vs-form-text input[data-v-b0eba370]{border:1px solid red}.vs-form-text[data-v-b0eba370]{position:relative}.vs-form-text__input[data-v-b0eba370]::placeholder{opacity:.5}[draggable=true][data-v-a0f7fbfc]{-webkit-user-select:none;user-select:none}
+@charset "UTF-8";.grid[data-v-91f3584a]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.item-file:hover>div[data-v-0ca886b3]{display:flex!important;background-color:#00000080}.widget-file .vs-button{background-color:#2563eb;color:#fff;font-size:.875rem;line-height:1.25rem;font-weight:600}.ui-dialog__modal div.flex.justify-between.items-center.py-3.px-4.border-b{border-bottom-width:0px;--tw-text-opacity: 1;color:#1f2937;font-weight:500;font-size:1.125rem;line-height:1.75rem;padding-bottom:0rem}.ui-dialog__modal .ui-dialog__content .p-4{padding-top:0rem}.slide-fade-enter-active[data-v-90320b87],.slide-fade-leave-active[data-v-90320b87]{transition:all .3s ease}.slide-fade-enter-from[data-v-90320b87],.slide-fade-leave-to[data-v-90320b87]{max-height:0;opacity:0;transform:translateY(-10px)}.slide-fade-enter-to[data-v-90320b87],.slide-fade-leave-from[data-v-90320b87]{max-height:1000px;opacity:1;transform:translateY(0)}.slide-fade-enter-active[data-v-590eff11],.slide-fade-leave-active[data-v-590eff11]{transition:all .3s ease}.slide-fade-enter-from[data-v-590eff11],.slide-fade-leave-to[data-v-590eff11]{max-height:0;opacity:0;transform:translateY(-10px)}.slide-fade-enter-to[data-v-590eff11],.slide-fade-leave-from[data-v-590eff11]{max-height:1000px;opacity:1;transform:translateY(0)}.vs-ctrl-group[data-v-a10e125c]{display:inline-flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #0000000a;gap:2px}.vs-btn[data-v-a10e125c]{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer;border-radius:.375rem;transition:background-color .15s ease,color .15s ease,opacity .15s}.vs-btn svg[data-v-a10e125c]{width:16px;height:16px;stroke:currentColor;fill:none;color:#3c3c43;stroke-width:2}.vs-btn[data-v-a10e125c]:hover,.vs-active[data-v-a10e125c]{background:#2563eb;color:#fff}.vs-btn[data-v-a10e125c]:disabled{opacity:.5;cursor:not-allowed}.vs-btn-danger[data-v-a10e125c]:hover{background:#ef4444;color:#fff}.ring-2[data-v-a10e125c]{box-shadow:0 0 0 2px #3b82f699}.leaflet-map-wrapper .leaflet-container[data-v-a10e125c]{font:inherit}.vs-btn-row[data-v-a10e125c]{@apply inline-flex items-center gap-2 text-sm font-medium border rounded-md px-3 py-2 bg-white text-blue-600 border-stone-200 hover:bg-blue-500 hover:text-white hover:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:ring-offset-1 transition;}.vs-btn-row[data-v-a10e125c]:disabled{@apply opacity-50 cursor-not-allowed bg-gray-100 text-gray-400 border-gray-200 hover:bg-gray-100 hover:text-gray-400;}.fullscreen[data-v-a10e125c]{position:fixed!important;inset:0;width:100vw!important;height:100vh!important;z-index:9999;background:#fff}.tool[data-v-a10e125c]{line-height:1}.col-error .vs-form-text input[data-v-b0eba370]{border:1px solid red}.vs-form-text[data-v-b0eba370]{position:relative}.vs-form-text__input[data-v-b0eba370]::placeholder{opacity:.5}[draggable=true][data-v-a0f7fbfc]{-webkit-user-select:none;user-select:none}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, ref as w, onMounted as xe, onUnmounted as qe, createElementBlock as d, openBlock as i, createCommentVNode as A, renderSlot as Ve, createElementVNode as l, toDisplayString as P, mergeProps as Ie, createTextVNode as fe, normalizeProps as Ze, guardReactiveProps as Ye, computed as D, normalizeClass as C, mergeModels as Q, useModel as X, withDirectives as K, unref as J, vModelText as ie, vModelCheckbox as ht, createVNode as I, createBlock as re, resolveDynamicComponent as Ee, normalizeStyle as ke, withCtx as Be, withModifiers as ye, onBeforeUnmount as At, watch as le, createStaticVNode as ce, vModelRadio as gt, Fragment as ee, renderList as oe, reactive as Ft, vModelDynamic as Dt, vShow as Ge, inject as Se, resolveComponent as nt, Transition as bt, Teleport as yt, nextTick as De, getCurrentInstance as Ot, watchEffect as Ut, toRef as Tt, provide as rt } from "vue";
+import { defineComponent as F, ref as w, onMounted as xe, onUnmounted as qe, createElementBlock as d, openBlock as i, createCommentVNode as A, renderSlot as Ve, createElementVNode as l, toDisplayString as P, mergeProps as Ie, createTextVNode as fe, normalizeProps as Ze, guardReactiveProps as Ye, computed as D, normalizeClass as C, mergeModels as Q, useModel as X, withDirectives as K, unref as J, vModelText as ie, vModelCheckbox as ht, createVNode as I, createBlock as re, resolveDynamicComponent as Ee, normalizeStyle as ke, withCtx as Be, withModifiers as ye, onBeforeUnmount as At, watch as ae, createStaticVNode as ce, vModelRadio as gt, Fragment as ee, renderList as le, reactive as Ft, vModelDynamic as Dt, vShow as Ge, inject as Se, resolveComponent as nt, Transition as bt, Teleport as yt, nextTick as De, getCurrentInstance as Ot, watchEffect as Ut, toRef as Tt, provide as rt } from "vue";
 import { notify as ne, VsModal as xt, modal as Rt } from "@opengis/core";
 const Pt = { class: "w-full relative" }, Ht = {
   key: 0,
@@ -619,7 +619,7 @@ const Pl = /* @__PURE__ */ N(Ul, [["render", Rl]]), Hl = {
       }
     }), At(() => {
       n?.destroy();
-    }), le(() => e.mask, (s) => {
+    }), ae(() => e.mask, (s) => {
       n && n.updateOptions({
         mask: s,
         definitions: {
@@ -628,7 +628,7 @@ const Pl = /* @__PURE__ */ N(Ul, [["render", Rl]]), Hl = {
           "*": /[a-zA-Z0-9]/
         }
       });
-    }), le(r, (s) => {
+    }), ae(r, (s) => {
       n && n.unmaskedValue !== s && (n.value = s || "");
     }), (s, u) => (i(), d("input", {
       type: "text",
@@ -784,7 +784,7 @@ const Pl = /* @__PURE__ */ N(Ul, [["render", Rl]]), Hl = {
     return (a, n) => (i(), d("div", {
       class: C([a.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), d(ee, null, oe(a.options, (s) => (i(), re(Ee(r.value), Ie({
+      (i(!0), d(ee, null, le(a.options, (s) => (i(), re(Ee(r.value), Ie({
         key: s?.id,
         text: s.text,
         value: s.id.toString(),
@@ -821,7 +821,7 @@ const Pl = /* @__PURE__ */ N(Ul, [["render", Rl]]), Hl = {
         console.error(p);
       }
     };
-    return le(
+    return ae(
       () => t.modelValue,
       (p) => {
         if (typeof p == "boolean" && a.value.length === 1) {
@@ -838,7 +838,7 @@ const Pl = /* @__PURE__ */ N(Ul, [["render", Rl]]), Hl = {
         }
       },
       { immediate: !0 }
-    ), le(
+    ), ae(
       n,
       () => {
         if (!a.value.length) {
@@ -880,7 +880,7 @@ const Pl = /* @__PURE__ */ N(Ul, [["render", Rl]]), Hl = {
     }), (p, f) => (i(), d("div", {
       class: C(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), d(ee, null, oe(a.value, (y) => (i(), re(wt, {
+      (i(!0), d(ee, null, le(a.value, (y) => (i(), re(wt, {
         modelValue: n[s(y)],
         "onUpdate:modelValue": (_) => n[s(y)] = _,
         value: s(y),
@@ -1235,7 +1235,7 @@ const $t = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "h-[120px] w-[
         value: t.value,
         "onUpdate:value": u[1] || (u[1] = (c) => t.value = c)
       }, null, 8, ["item", "value"])) : s.multiple ? (i(), d("div", Jo, [
-        (i(!0), d(ee, null, oe(t.value, (c, v) => (i(), re(ct, {
+        (i(!0), d(ee, null, le(t.value, (c, v) => (i(), re(ct, {
           multiple: s.multiple,
           key: v,
           value: t.value,
@@ -1491,7 +1491,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
     }, S = (x) => {
       v.value = M(x), c.value = !0;
     };
-    return le(a, (x) => {
+    return ae(a, (x) => {
       x && E();
     }), xe(() => {
       a.value && E();
@@ -1557,7 +1557,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
           ])
         ])) : A("", !0),
         p.value?.length ? (i(), d("div", ka, [
-          (i(!0), d(ee, null, oe(_.value, (V, se) => (i(), re(da, {
+          (i(!0), d(ee, null, le(_.value, (V, se) => (i(), re(da, {
             key: se,
             prefix: x.prefix,
             item: V,
@@ -1603,7 +1603,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
   },
   setup(o) {
     const e = o, t = w(e.isOpen);
-    return le(
+    return ae(
       () => e.isOpen,
       (r) => {
         t.value = r;
@@ -1647,7 +1647,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
   },
   setup(o) {
     const e = o, t = w(e.isOpen);
-    return le(
+    return ae(
       () => e.isOpen,
       (r) => {
         t.value = r;
@@ -1775,7 +1775,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
       style: ke(o.style)
     }, {
       default: Be(() => [
-        (i(!0), d(ee, null, oe(a.value, (c) => (i(), re(Ct, Ie({
+        (i(!0), d(ee, null, le(a.value, (c) => (i(), re(Ct, Ie({
           key: c.name
         }, { ref_for: !0 }, c, {
           item: c,
@@ -1851,8 +1851,8 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
         return m;
       }
       try {
-        const m = t.host ?? "", $ = t.prefix ?? "api", H = t.api ?? `/${$}/suggest/${t.data}`, ae = `${m}${H}`, be = new URLSearchParams();
-        return be.set("json", "1"), g && be.set("key", g), _e.value !== void 0 && _e.value !== null && _e.value !== "" && be.set("parent", String(_e.value)), (await fetch(`${ae}?${be.toString()}`).then((je) => je.json()))?.data ?? [];
+        const m = t.host ?? "", $ = t.prefix ?? "api", H = t.api ?? `/${$}/suggest/${t.data}`, oe = `${m}${H}`, be = new URLSearchParams();
+        return be.set("json", "1"), g && be.set("key", g), _e.value !== void 0 && _e.value !== null && _e.value !== "" && be.set("parent", String(_e.value)), (await fetch(`${oe}?${be.toString()}`).then((je) => je.json()))?.data ?? [];
       } catch {
         return [];
       }
@@ -1864,9 +1864,9 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
       return m || ((await me(String(g)))?.[0] ?? null);
     }, j = async (g) => {
       const m = new Set(O.value.map((H) => H.id?.toString())), $ = g.filter((H) => !m.has(H?.toString()));
-      $.length && await $.reduce(async (H, ae) => {
+      $.length && await $.reduce(async (H, oe) => {
         await H;
-        const be = await B(ae);
+        const be = await B(oe);
         be && O.value.push(be);
       }, Promise.resolve());
     }, q = async () => {
@@ -1892,9 +1892,9 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
       de(g.id) || G(g);
     }, ge = (g, m) => {
       if (!g || !m) return;
-      const $ = g.offsetTop, H = $ + g.offsetHeight, ae = m.scrollTop, be = ae + m.clientHeight;
+      const $ = g.offsetTop, H = $ + g.offsetHeight, oe = m.scrollTop, be = oe + m.clientHeight;
       let Le = m.scrollTop;
-      $ < ae ? Le = $ - 80 : H > be && (Le = H - m.clientHeight + 4);
+      $ < oe ? Le = $ - 80 : H > be && (Le = H - m.clientHeight + 4);
       const je = m;
       je.scrollTop = Le;
     }, $e = (g) => {
@@ -1910,7 +1910,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
       return document.body;
     }, we = () => {
       if (!c.value) return;
-      const g = c.value.getBoundingClientRect(), m = window.innerHeight || document.documentElement.clientHeight, $ = window.innerWidth || document.documentElement.clientWidth, H = 8, ae = 8, be = t.maxHeight || 300, Le = m - g.bottom - ae - H, je = g.top - ae - H, Pe = Le >= je, Ke = Math.max($ - H * 2, 0);
+      const g = c.value.getBoundingClientRect(), m = window.innerHeight || document.documentElement.clientHeight, $ = window.innerWidth || document.documentElement.clientWidth, H = 8, oe = 8, be = t.maxHeight || 300, Le = m - g.bottom - oe - H, je = g.top - oe - H, Pe = Le >= je, Ke = Math.max($ - H * 2, 0);
       let { width: Ae } = g;
       Ke > 0 && Ae > Ke && (Ae = Ke);
       let { left: Fe } = g;
@@ -1926,7 +1926,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
         minWidth: "300px",
         maxHeight: `${zt}px`,
         transform: Pe ? "none" : "translateY(-100%)",
-        top: Pe ? `${g.bottom + ae}px` : `${g.top - ae}px`
+        top: Pe ? `${g.bottom + oe}px` : `${g.top - oe}px`
       };
     }, Ce = async (g) => {
       n.value || !f.value && (g.key === "ArrowDown" || g.key === "ArrowUp") && (g.preventDefault(), await q());
@@ -1958,7 +1958,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
     }, lt = () => {
       f.value && we();
     };
-    le(() => t.options, (g) => {
+    ae(() => t.options, (g) => {
       g?.length && (O.value = [...g]);
     }, { immediate: !0 });
     const ot = async () => {
@@ -1972,7 +1972,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
         _.value = await B(s.value);
       }
     };
-    le(s, () => {
+    ae(s, () => {
       ot();
     }), xe(async () => {
       addEventListener("keydown", Qe), addEventListener("scroll", et, !0), addEventListener("resize", tt), document.addEventListener("click", Xe, !0), c.value && $e(c.value).addEventListener("scroll", lt, !0), t.options?.length ? O.value = [...t.options] : t.data && (O.value = await me("")), await ot();
@@ -1989,7 +1989,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
         body: JSON.stringify(We.value)
       }).then((H) => H.json());
       if (!t.options?.length && t.data) {
-        const { data: H } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${$}`).then((ae) => ae.json());
+        const { data: H } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${$}`).then((oe) => oe.json());
         _.value = H[0], O.value.push(H[0]), s.value = $;
       }
       Re.value = !1, ne({ title: "Success!", message: "Object created." });
@@ -2008,13 +2008,13 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
     const Et = It(async (g) => {
       O.value = await me(g);
     }, 200);
-    return le(M, (g) => {
+    return ae(M, (g) => {
       t.data && Et(g.trim());
-    }), le(() => t.options, (g) => {
+    }), ae(() => t.options, (g) => {
       !t.data && g?.length && (O.value = [...g]);
-    }, { immediate: !0 }), le(() => t.parent ?? t.parentValue, () => {
+    }, { immediate: !0 }), ae(() => t.parent ?? t.parentValue, () => {
       t.data && T();
-    }), le(_e, async () => {
+    }), ae(_e, async () => {
       t.data && (a.value ? (z.value = [], s.value = [], r("change", [])) : (_.value = null, s.value = null, r("change", null)));
     }), (g, m) => (i(), d(ee, null, [
       I(J(xt), {
@@ -2075,7 +2075,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
               ref_key: "triggerRef",
               ref: c
             }, [
-              a.value && z.value.length ? (i(!0), d(ee, { key: 0 }, oe(W.value, ($) => (i(), d("div", {
+              a.value && z.value.length ? (i(!0), d(ee, { key: 0 }, le(W.value, ($) => (i(), d("div", {
                 class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
                 key: $.id
               }, [
@@ -2199,10 +2199,10 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
                 ref_key: "listRef",
                 ref: v
               }, [
-                te.value.length ? (i(!0), d(ee, { key: 0 }, oe(te.value, ($, H) => (i(), d("div", {
+                te.value.length ? (i(!0), d(ee, { key: 0 }, le(te.value, ($, H) => (i(), d("div", {
                   key: $.id,
                   ref_for: !0,
-                  ref: (ae) => U.value[H] = ae,
+                  ref: (oe) => U.value[H] = oe,
                   class: C([
                     "flex px-3 py-2 cursor-default select-none text-gray-900 ",
                     de($.id) ? "bg-blue-500 text-white" : "bg-white hover:bg-blue-100",
@@ -2211,7 +2211,7 @@ const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col
                   "aria-disabled": de($.id) ? "true" : "false",
                   role: "option",
                   tabindex: "-1",
-                  onClick: (ae) => Y($)
+                  onClick: (oe) => Y($)
                 }, [
                   $?.color ? (i(), d("span", {
                     key: 0,
@@ -2567,7 +2567,7 @@ const Os = /* @__PURE__ */ N(As, [["render", Ds]]), Us = { class: "vs-datatable
                     width: "14",
                     height: "14"
                   }),
-                  B[4] || (B[4] = fe(" Імпортувати ", -1))
+                  B[4] || (B[4] = fe(" Імпортувати "))
                 ]),
                 l("button", {
                   onClick: S,
@@ -2579,7 +2579,7 @@ const Os = /* @__PURE__ */ N(As, [["render", Ds]]), Us = { class: "vs-datatable
                       width: "14",
                       height: "14"
                     }),
-                    B[5] || (B[5] = fe(" Експортувати ", -1))
+                    B[5] || (B[5] = fe(" Експортувати "))
                   ])
                 ])
               ])
@@ -2591,7 +2591,7 @@ const Os = /* @__PURE__ */ N(As, [["render", Ds]]), Us = { class: "vs-datatable
           class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
         }, [
           I(Ue),
-          B[6] || (B[6] = fe(" Додати ", -1))
+          B[6] || (B[6] = fe(" Додати "))
         ])
       ]),
       l("div", Ks, [
@@ -2605,7 +2605,7 @@ const Os = /* @__PURE__ */ N(As, [["render", Ds]]), Us = { class: "vs-datatable
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), d(ee, null, oe(T.colModel, (j) => (i(), d("th", {
+              (i(!0), d(ee, null, le(T.colModel, (j) => (i(), d("th", {
                 key: j.key,
                 class: "h-10 px-2 text-left align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 min-w-[150px]"
               }, P(j.ua || j.label), 1))), 128)),
@@ -2626,7 +2626,7 @@ const Os = /* @__PURE__ */ N(As, [["render", Ds]]), Us = { class: "vs-datatable
                 ])
               ])
             ])) : A("", !0),
-            (i(!0), d(ee, null, oe(n.value, (j, q) => (i(), d("tr", {
+            (i(!0), d(ee, null, le(n.value, (j, q) => (i(), d("tr", {
               key: j.id,
               class: C(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
                 "opacity-50": s.value === q,
@@ -2646,7 +2646,7 @@ const Os = /* @__PURE__ */ N(As, [["render", Ds]]), Us = { class: "vs-datatable
                   })
                 ])
               ]),
-              (i(!0), d(ee, null, oe(T.colModel, (Z) => (i(), d("td", {
+              (i(!0), d(ee, null, le(T.colModel, (Z) => (i(), d("td", {
                 key: Z.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
@@ -3083,7 +3083,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
             r.value ? (i(), d("div", Jn, [
               l("div", Wn, [
                 l("div", Kn, [
-                  (i(), d(ee, null, oe(p, (b) => l("div", {
+                  (i(), d(ee, null, le(p, (b) => l("div", {
                     onClick: (z) => y(b),
                     key: b.value,
                     class: "form-autocomplete__item cursor-pointer hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800 cursor-default"
@@ -3160,7 +3160,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
               ]))) : A("", !0),
               u.value && a.value !== "coordinates" ? (i(), d("div", lr, [
                 s.value.length ? (i(), d("ul", or, [
-                  (i(!0), d(ee, null, oe(s.value, (b) => (i(), d("li", {
+                  (i(!0), d(ee, null, le(s.value, (b) => (i(), d("li", {
                     key: b.properties.place_id,
                     onClick: (z) => M(b),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
@@ -3186,7 +3186,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
     }
     return (s, u) => (i(), d("div", ir, [
       l("div", ur, [
-        (i(!0), d(ee, null, oe(s.basemaps, (c, v) => (i(), d("div", {
+        (i(!0), d(ee, null, le(s.basemaps, (c, v) => (i(), d("div", {
           key: v,
           class: C(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": r.value === v }]),
           onClick: (p) => n(v),
@@ -3397,10 +3397,9 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
       const k = L.latLng(h[0], h[1]);
       s.setView(k, 13);
     }
-    le(
+    ae(
       () => r.modelValue,
       (h) => {
-        console.log("update map");
         const k = S(h);
         if (h && k !== h) {
           a("update:modelValue", k);
@@ -3431,7 +3430,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
       };
     }
     const he = w(!1);
-    return le(he, () => {
+    return ae(he, () => {
       setTimeout(() => {
         s.invalidateSize();
       }, 50);
@@ -3530,19 +3529,19 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
       l("div", _r, [
         O.value ? (i(), d("div", $r, [
           l("div", Vr, [
-            k[7] || (k[7] = fe(" Тип: ", -1)),
+            k[7] || (k[7] = fe(" Тип: ")),
             l("span", Cr, P(O.value.type), 1)
           ]),
           l("div", Mr, [
             l("div", Lr, [
-              k[8] || (k[8] = fe(" Центр: ", -1)),
+              k[8] || (k[8] = fe(" Центр: ")),
               l("b", null, P(O.value.center.lat.toFixed(5)) + ", " + P(O.value.center.lng.toFixed(5)), 1)
             ]),
             O.value.areaKm2 !== null ? (i(), d("div", Sr, [
-              k[9] || (k[9] = fe(" Площа: ", -1)),
+              k[9] || (k[9] = fe(" Площа: ")),
               l("b", null, P(O.value.areaKm2.toFixed(1)) + "км²", 1)
             ])) : (i(), d("div", Br, k[10] || (k[10] = [
-              fe(" Площа: ", -1),
+              fe(" Площа: "),
               l("b", null, "—", -1)
             ]))),
             l("button", {
@@ -3550,7 +3549,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
               title: "Наблизити",
               onClick: k[5] || (k[5] = (R) => ze())
             }, k[11] || (k[11] = [
-              ce('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-44f47a6f><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-44f47a6f></path><path d="M7 10l6 0" data-v-44f47a6f></path><path d="M10 7l0 6" data-v-44f47a6f></path><path d="M21 21l-6 -6" data-v-44f47a6f></path></svg>', 1)
+              ce('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-a10e125c><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-a10e125c></path><path d="M7 10l6 0" data-v-a10e125c></path><path d="M10 7l0 6" data-v-a10e125c></path><path d="M21 21l-6 -6" data-v-a10e125c></path></svg>', 1)
             ])),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
@@ -3564,7 +3563,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
       ])
     ], 2));
   }
-}), Ir = /* @__PURE__ */ N(jr, [["__scopeId", "data-v-44f47a6f"]]), Er = ["data-focus"], zr = { class: "flex items-center" }, Ar = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Fr = ["onClick", "aria-label"], Dr = {
+}), Ir = /* @__PURE__ */ N(jr, [["__scopeId", "data-v-a10e125c"]]), Er = ["data-focus"], zr = { class: "flex items-center" }, Ar = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Fr = ["onClick", "aria-label"], Dr = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
 }, Or = { class: "flex-1 min-w-[2px]" }, Ur = ["placeholder"], Tr = { class: "flex items-center shrink-0" }, Rr = ["disabled"], Pr = /* @__PURE__ */ F({
@@ -3634,7 +3633,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
             ref_key: "chipsRef",
             ref: n
           }, [
-            (i(!0), d(ee, null, oe(v.value, (se, ue) => (i(), d("div", {
+            (i(!0), d(ee, null, le(v.value, (se, ue) => (i(), d("div", {
               key: ue,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
@@ -3821,7 +3820,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
     }, E = (U) => {
       c.value = c.value.filter((M) => M.id !== U);
     };
-    return le(
+    return ae(
       c,
       (U) => {
         const M = {};
@@ -3839,7 +3838,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
       { deep: !0 }
     ), (U, M) => (i(), d("div", Jr, [
       l("div", Wr, [
-        (i(!0), d(ee, null, oe(c.value, (S, x) => (i(), d("div", {
+        (i(!0), d(ee, null, le(c.value, (S, x) => (i(), d("div", {
           key: S.id,
           class: C(["flex items-center gap-2 w-full", { "opacity-50": v.value === x }]),
           draggable: "true",
@@ -4003,7 +4002,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
     return (n, s) => (i(), d("div", {
       class: C(["grid gap-2", `grid-cols-${n.limit}`])
     }, [
-      (i(!0), d(ee, null, oe(n.count, (u) => (i(), d("input", {
+      (i(!0), d(ee, null, le(n.count, (u) => (i(), d("input", {
         type: n.inputType,
         value: r.value?.[u - 1] ?? "",
         onInput: (c) => a(c, u - 1),
@@ -4037,7 +4036,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
   "vs-input-datatable": bn,
   "vs-input-map": Ir,
   "vs-input-file-list": $a,
-  "vs-input-tag": Pr,
+  "vs-input-tags": Pr,
   "vs-input-slug": Gr,
   "vs-input-key-value": oi,
   "vs-input-range": ui,
@@ -4119,7 +4118,7 @@ const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__se
               modelValue: t.value,
               "onUpdate:modelValue": c[0] || (c[0] = (v) => t.value = v)
             }), null, 16, ["modelValue"])),
-            u.item.description ? (i(), d("p", mi, P(u.item.description), 1)) : A("", !0)
+            u.item.description && e.layout !== "settings" ? (i(), d("p", mi, P(u.item.description), 1)) : A("", !0)
           ]),
           u.item.behavior?.api && u.item.behavior?.button ? (i(), re(fi, Ie({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : A("", !0)
         ], 2)
@@ -4266,13 +4265,11 @@ const $i = {
       const E = Object.keys(_), U = Object.keys(O);
       return E.length !== U.length ? !1 : E.every((M) => _[M] === O[M]);
     }
-    return rt("form", n), rt("values", s), le(n.value, (_) => {
-      console.log("form", _);
-    }), (_, O) => (i(), d("form", {
+    return rt("form", n), rt("values", s), (_, O) => (i(), d("form", {
       onSubmit: ye(f, ["prevent"]),
       class: C(["grid grid-cols-12", _.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), d(ee, null, oe(J(p), (E, U) => (i(), d("div", {
+      (i(!0), d(ee, null, le(J(p), (E, U) => (i(), d("div", {
         key: E.name,
         class: C(_.layout === "horizontal" ? "col-span-12" : `col-span-${E.col || 12}`)
       }, [