@opengis/cms 0.0.51 → 0.0.53

package/dist/{EditCollectionPage-DtgvKGm-.js → EditCollectionPage-H1J9pZNo.js}

@@ -1,12 +1,12 @@
-import { ref as v, useModel as V, onMounted as P, openBlock as m, createElementBlock as g, createVNode as x, createCommentVNode as O, computed as F, createElementVNode as l, unref as w, createTextVNode as H, toDisplayString as a, withCtx as j, mergeModels as ee, defineAsyncComponent as G, Fragment as J, createBlock as U, normalizeClass as Y, resolveDynamicComponent as K, onBeforeUnmount as te, defineComponent as le, inject as se, renderList as ie } from "vue";
+import { ref as v, useModel as V, onMounted as P, openBlock as m, createElementBlock as g, createVNode as x, createCommentVNode as O, computed as F, createElementVNode as l, unref as w, createTextVNode as H, toDisplayString as a, withCtx as j, defineAsyncComponent as G, mergeModels as ee, Fragment as J, createBlock as U, normalizeClass as Y, resolveDynamicComponent as K, onBeforeUnmount as te, defineComponent as le, inject as ie, renderList as se } from "vue";
 import { useRoute as oe, useRouter as re } from "vue-router";
-import { _ as ae } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-B1DrxmQX.js";
+import { _ as ae } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-DQjDxfF8.js";
 import { Plus as ne, Edit as de, Trash as ce, Type as M, File as S, Link as B, LayoutTemplate as ue, Image as A, ListTree as D, CheckSquare as E, List as me, Clock as pe, Calendar as be, Hash as R } from "lucide-vue-next";
 import { VForm as Q, inputs as $ } from "@opengis/form";
 import { VsModal as W, notify as T, confirm as fe } from "@opengis/core";
 import { useI18n as I } from "vue-i18n";
-import { d as ve } from "./vuedraggable-CoAPPFYd.js";
-import { _ as ge, a as ye, V as he, b as z, c as xe, d as we, e as _e, g as ke } from "./getField-C7EZs-YQ.js";
+import { d as ve } from "./vuedraggable-DTHNuRWs.js";
+import { _ as ge, a as ye, V as he, b as z, c as xe, d as we, e as _e, g as ke } from "./getField-DoisYj34.js";
 import { _ as $e } from "./CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-CnOe9ORD.js";
 const Ce = {
   __name: "vs-builder-monaco",
@@ -21,10 +21,10 @@ const Ce = {
     const d = v(null);
     return P(() => {
       d.value = Math.random().toString(36).substring(2, 15);
-    }), (s, t) => d.value ? (m(), g("div", { key: d.value }, [
+    }), (i, t) => d.value ? (m(), g("div", { key: d.value }, [
       x(ae, {
         modelValue: e.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
+        "onUpdate:modelValue": t[0] || (t[0] = (s) => e.value = s),
         language: "yaml",
         theme: "vs-light",
         height: "calc(100vh - 200px)",
@@ -135,6 +135,12 @@ const Ce = {
         type: "text",
         validators: ["required"],
         col: 6
+      },
+      {
+        key: "icon",
+        ua: "Icon",
+        type: "text",
+        col: 6
       }
     ]
   },
@@ -142,10 +148,10 @@ const Ce = {
     type: "datatable",
     label: e("cms.builder.fieldLabels.colModel"),
     conditions: ["type", "==", "datalist"],
-    colModel: Object.entries(q(n + 1, e)).map(([d, s]) => ({
+    colModel: Object.entries(q(n + 1, e)).map(([d, i]) => ({
       key: d,
-      ...s,
-      ua: (s == null ? void 0 : s.label) || (s == null ? void 0 : s.ua)
+      ...i,
+      ua: (i == null ? void 0 : i.label) || (i == null ? void 0 : i.ua)
     }))
   } : {
     type: "switcher",
@@ -186,7 +192,7 @@ const Ce = {
   },
   emits: ["update:modelValue"],
   setup(n) {
-    const { t: e } = I(), d = V(n, "modelValue"), s = v(!1), t = v({}), i = v({}), p = F(() => (i.value, q(0, e))), c = async () => {
+    const { t: e } = I(), d = V(n, "modelValue"), i = v(!1), t = v({}), s = v({}), p = F(() => (s.value, q(0, e))), c = async () => {
       if (await t.value.validate()) {
         T({
           type: "warning",
@@ -196,14 +202,14 @@ const Ce = {
         return;
       }
       try {
-        d.value = [...d.value, i.value], i.value = {}, s.value = !1;
+        d.value = [...d.value, s.value], s.value = {}, i.value = !1;
       } catch (r) {
         console.log(r);
       }
     };
     return (o, r) => (m(), g("div", null, [
       l("button", {
-        onClick: r[0] || (r[0] = (y) => s.value = !0),
+        onClick: r[0] || (r[0] = (y) => i.value = !0),
         class: "inline-flex items-center justify-center h-10 gap-2 px-4 py-2 text-sm font-medium transition-colors border rounded-md hover hover:bg-gray-200 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring 0"
       }, [
         x(w(ne), { class: "w-4 h-4 mr-2" }),
@@ -213,15 +219,15 @@ const Ce = {
         teleport: "#modal",
         title: o.$t("cms.builder.createField"),
         size: "small",
-        visible: s.value,
-        "onUpdate:visible": r[4] || (r[4] = (y) => s.value = y),
-        onClose: r[5] || (r[5] = (y) => s.value = !1)
+        visible: i.value,
+        "onUpdate:visible": r[4] || (r[4] = (y) => i.value = y),
+        onClose: r[5] || (r[5] = (y) => i.value = !1)
       }, {
         footer: j(() => [
           l("div", Ve, [
             l("button", {
               class: "inline-flex items-center px-3 py-2 text-sm text-black duration-300 border border-gray-200 rounded-lg gap-x-2 whitespace-nowrap hover:bg-gray-100",
-              onClick: r[3] || (r[3] = (y) => s.value = !1)
+              onClick: r[3] || (r[3] = (y) => i.value = !1)
             }, a(o.$t("cms.common.actions.cancel")), 1),
             l("button", {
               onClick: c,
@@ -231,8 +237,8 @@ const Ce = {
         ]),
         default: j(() => [
           x(w(Q), {
-            modelValue: i.value,
-            "onUpdate:modelValue": r[1] || (r[1] = (y) => i.value = y),
+            modelValue: s.value,
+            "onUpdate:modelValue": r[1] || (r[1] = (y) => s.value = y),
             schema: p.value,
             form: t.value,
             "onUpdate:form": r[2] || (r[2] = (y) => t.value = y)
@@ -265,9 +271,9 @@ const Ce = {
   }),
   emits: ["update:columns"],
   setup(n) {
-    const { t: e } = I(), d = G(() => import("@opengis/form")), s = n, t = V(n, "columns"), i = v(!1), p = v({}), c = v({ ...s.data || {} }), o = v({});
+    const { t: e } = I(), d = G(() => import("@opengis/form")), i = n, t = V(n, "columns"), s = v(!1), p = v({}), c = v({ ...i.data || {} }), o = v({});
     P(() => {
-      s.data.required ? o.value = {
+      i.data.required ? o.value = {
         ...q(0, e),
         name: {
           ...q(0, e).name,
@@ -293,7 +299,7 @@ const Ce = {
         }
       });
     }, y = () => {
-      t.value = t.value.filter((k, b) => b !== s.index);
+      t.value = t.value.filter((k, b) => b !== i.index);
     }, _ = async () => {
       if (await p.value.validate()) {
         T({
@@ -304,7 +310,7 @@ const Ce = {
         return;
       }
       try {
-        t.value[s.index] = c.value, i.value = !1;
+        t.value[i.index] = c.value, s.value = !1;
       } catch (b) {
         console.log(b);
       }
@@ -312,7 +318,7 @@ const Ce = {
     return (k, b) => (m(), g("div", qe, [
       ["status"].includes(n.data.name) ? O("", !0) : (m(), g("button", {
         key: 0,
-        onClick: b[0] || (b[0] = (C) => i.value = !0),
+        onClick: b[0] || (b[0] = (C) => s.value = !0),
         class: "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground h-8 w-8 rounded-full hover:bg-gray-100"
       }, [
         x(w(de), { class: "w-4 h-4" })
@@ -326,15 +332,15 @@ const Ce = {
       ])),
       x(w(W), {
         teleport: "#modal",
-        visible: i.value,
+        visible: s.value,
         title: k.$t("cms.builder.editField"),
-        onClose: b[4] || (b[4] = (C) => i.value = !1)
+        onClose: b[4] || (b[4] = (C) => s.value = !1)
       }, {
         footer: j(() => [
           l("div", Oe, [
             l("button", {
               class: "inline-flex items-center px-3 py-2 text-sm text-black duration-300 border border-gray-200 rounded-lg gap-x-2 whitespace-nowrap hover:bg-gray-100",
-              onClick: b[3] || (b[3] = (C) => i.value = !1)
+              onClick: b[3] || (b[3] = (C) => s.value = !1)
             }, a(k.$t("cms.common.actions.cancel")), 1),
             l("button", {
               class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300",
@@ -381,7 +387,7 @@ const Ce = {
   },
   emits: ["update:modelValue"],
   setup(n) {
-    const e = V(n, "modelValue"), d = (t) => t === "array" ? "purple" : t === "boolean" || t === "date" ? "red" : t === "datetime" ? "purple" : t === "number" ? "green" : t === "text" ? "blue" : t === "file" || t === "select" ? "yellow" : t === "slug" ? "green" : t === "image" ? "blue" : "gray", s = (t) => {
+    const e = V(n, "modelValue"), d = (t) => t === "array" ? "purple" : t === "boolean" || t === "date" ? "red" : t === "datetime" ? "purple" : t === "number" ? "green" : t === "text" ? "blue" : t === "file" || t === "select" ? "yellow" : t === "slug" ? "green" : t === "image" ? "blue" : "gray", i = (t) => {
       switch (t) {
         case "text":
           return M;
@@ -425,7 +431,7 @@ const Ce = {
           return M;
       }
     };
-    return (t, i) => {
+    return (t, s) => {
       var p, c;
       return m(), g(J, null, [
         l("div", je, [
@@ -436,7 +442,7 @@ const Ce = {
           l("div", Ie, [
             x(Le, {
               modelValue: e.value.columns,
-              "onUpdate:modelValue": i[0] || (i[0] = (o) => e.value.columns = o)
+              "onUpdate:modelValue": s[0] || (s[0] = (o) => e.value.columns = o)
             }, null, 8, ["modelValue"])
           ])
         ]),
@@ -451,7 +457,7 @@ const Ce = {
             (c = (p = e.value) == null ? void 0 : p.columns) != null && c.length ? (m(), U(w(ve), {
               key: 0,
               modelValue: e.value.columns,
-              "onUpdate:modelValue": i[2] || (i[2] = (o) => e.value.columns = o),
+              "onUpdate:modelValue": s[2] || (s[2] = (o) => e.value.columns = o),
               "item-key": "name",
               handle: ".drag-handle",
               animation: 200
@@ -461,11 +467,11 @@ const Ce = {
                 return [
                   l("div", Ee, [
                     l("div", Re, [
-                      i[3] || (i[3] = l("span", { class: "drag-handle cursor-move mr-2 text-gray-400" }, "☰", -1)),
+                      s[3] || (s[3] = l("span", { class: "drag-handle cursor-move mr-2 text-gray-400" }, "☰", -1)),
                       l("div", {
                         class: Y(["flex items-center justify-center p-1 rounded", `bg-${d((y = o.type) == null ? void 0 : y.toLowerCase())}-100`])
                       }, [
-                        (m(), U(K(s((_ = o.type) == null ? void 0 : _.toLowerCase())), { class: "w-4 h-4" }))
+                        (m(), U(K(i((_ = o.type) == null ? void 0 : _.toLowerCase())), { class: "w-4 h-4" }))
                       ], 2),
                       l("div", null, [
                         l("p", He, a(o.label), 1),
@@ -477,7 +483,7 @@ const Ce = {
                       l("span", Ke, a(o.type), 1)
                     ]),
                     l("div", Qe, [
-                      o.localization ? (m(), g("svg", We, [...i[4] || (i[4] = [
+                      o.localization ? (m(), g("svg", We, [...s[4] || (s[4] = [
                         l("circle", {
                           cx: "12",
                           cy: "12",
@@ -488,7 +494,7 @@ const Ce = {
                     ]),
                     x(Te, {
                       columns: e.value.columns,
-                      "onUpdate:columns": i[1] || (i[1] = (k) => e.value.columns = k),
+                      "onUpdate:columns": s[1] || (s[1] = (k) => e.value.columns = k),
                       data: e.value.columns[r],
                       index: r
                     }, null, 8, ["columns", "data", "index"])
@@ -516,9 +522,9 @@ const Ce = {
   },
   emits: ["update:data", "update:form"],
   setup(n) {
-    const { t: e } = I(), d = G(() => import("@opengis/form")), s = V(n, "data"), t = V(n, "form");
+    const { t: e } = I(), d = G(() => import("@opengis/form")), i = V(n, "data"), t = V(n, "form");
     v({});
-    const i = F(() => ({
+    const s = F(() => ({
       name: {
         type: "text",
         disabled: !0,
@@ -611,19 +617,19 @@ const Ce = {
       t.value = null;
     }), (p, c) => (m(), g("div", null, [
       x(w(d), {
-        modelValue: s.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (o) => s.value = o),
-        schema: i.value,
+        modelValue: i.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (o) => i.value = o),
+        schema: s.value,
         form: t.value,
         "onUpdate:form": c[1] || (c[1] = (o) => t.value = o)
       }, null, 8, ["modelValue", "schema", "form"]),
       x(tt, {
-        modelValue: s.value,
-        "onUpdate:modelValue": c[2] || (c[2] = (o) => s.value = o)
+        modelValue: i.value,
+        "onUpdate:modelValue": c[2] || (c[2] = (o) => i.value = o)
       }, null, 8, ["modelValue"])
     ]));
   }
-}, st = {
+}, it = {
   __name: "vs-builder-preview",
   props: {
     data: {},
@@ -634,15 +640,15 @@ const Ce = {
   emits: ["update:data", "update:form"],
   setup(n) {
     $["vs-input-custom-datatable"] = ge, $["vs-input-reference"] = ye, $["vs-input-texteditor"] = he, $["vs-input-mediaselect"] = z, $["vs-input-file"] = z, $["vs-input-image"] = z, $["vs-input-richtext-md"] = xe, $["vs-input-integer"] = we, $["vs-input-relation-link"] = _e;
-    const e = v({}), d = V(n, "data"), s = V(n, "form"), t = F(() => {
-      var i, p;
-      return ((p = (i = d.value) == null ? void 0 : i.columns) == null ? void 0 : p.map(ke)) || [];
+    const e = v({}), d = V(n, "data"), i = V(n, "form"), t = F(() => {
+      var s, p;
+      return ((p = (s = d.value) == null ? void 0 : s.columns) == null ? void 0 : p.map(ke)) || [];
     });
-    return (i, p) => {
+    return (s, p) => {
       var c;
       return m(), g("div", {
         ref_key: "form",
-        ref: s
+        ref: i
       }, [
         ((c = t.value) == null ? void 0 : c.length) > 0 ? (m(), U(w(Q), {
           key: 0,
@@ -653,17 +659,17 @@ const Ce = {
       ], 512);
     };
   }
-}, it = {
+}, st = {
   monaco: Ce,
   edit: lt,
-  preview: st
+  preview: it
 }, ot = { class: "mx-auto max-w-[90%]" }, rt = { class: "flex items-center justify-between mb-6" }, at = { class: "mb-2 text-2xl font-semibold text-gray-900" }, nt = { class: "lowercase" }, dt = { class: "text-gray-600" }, ct = { class: "flex items-center gap-2" }, ut = { class: "w-full" }, mt = { class: "flex items-center w-full h-10 max-w-md grid-cols-3 p-1 mb-6 bg-white border border-gray-200 rounded-md text-muted-foreground" }, pt = ["onClick"], bt = {
   key: 0,
   class: "mx-auto bg-white rounded-md py-4 px-2 bg-opacity-50"
 }, Ct = /* @__PURE__ */ le({
   __name: "EditCollectionPage",
   setup(n) {
-    const { t: e } = I(), d = se("cms.fetchContentTypes"), s = v("edit"), t = v({ yaml: "", data: { columns: [], type: "collection" } }), i = v({}), p = v(""), c = oe(), o = re(), r = v(!1), y = F(() => [
+    const { t: e } = I(), d = ie("cms.fetchContentTypes"), i = v("edit"), t = v({ yaml: "", data: { columns: [], type: "collection" } }), s = v({}), p = v(""), c = oe(), o = re(), r = v(!1), y = F(() => [
       // {
       //   name: "YAML",
       //   id: "monaco",
@@ -713,7 +719,7 @@ const Ce = {
     }, X = async () => {
       var f, h;
       try {
-        if (await i.value.validate()) {
+        if (await s.value.validate()) {
           T({
             type: "warning",
             title: e("cms.common.actions.warning"),
@@ -731,7 +737,7 @@ const Ce = {
             headers: {
               "Content-Type": "application/json"
             },
-            body: JSON.stringify(s.value === "monaco" ? (f = t.value) == null ? void 0 : f.yaml : (h = t.value) == null ? void 0 : h.data)
+            body: JSON.stringify(i.value === "monaco" ? (f = t.value) == null ? void 0 : f.yaml : (h = t.value) == null ? void 0 : h.data)
           }
         );
         o.back(), d && d(), T({
@@ -775,24 +781,24 @@ const Ce = {
       ]),
       l("div", ut, [
         l("div", mt, [
-          (m(!0), g(J, null, ie(y.value, (u) => (m(), g("button", {
+          (m(!0), g(J, null, se(y.value, (u) => (m(), g("button", {
             key: u.id,
-            onClick: (L) => s.value = u.id,
+            onClick: (L) => i.value = u.id,
             class: Y([
               "inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm data-[state=active]:bg-blue-50 data-[state=active]:text-blue-700 data-[state=active]:border-blue-200",
-              u.id === s.value ? "bg-blue-50 text-blue-700 border-blue-200" : ""
+              u.id === i.value ? "bg-blue-50 text-blue-700 border-blue-200" : ""
             ])
           }, a(u.name), 11, pt))), 128))
         ])
       ]),
       r.value ? (m(), g("div", bt, [
-        (m(), U(K(w(it)[s.value]), {
+        (m(), U(K(w(st)[i.value]), {
           yaml: t.value.yaml,
           "onUpdate:yaml": h[1] || (h[1] = (u) => t.value.yaml = u),
           data: t.value.data,
           "onUpdate:data": h[2] || (h[2] = (u) => t.value.data = u),
-          form: i.value,
-          "onUpdate:form": h[3] || (h[3] = (u) => i.value = u)
+          form: s.value,
+          "onUpdate:form": h[3] || (h[3] = (u) => s.value = u)
         }, null, 40, ["yaml", "data", "form"]))
       ])) : O("", !0)
     ]));

package/dist/{MenuAddPage-Bf48Z-ah.js → MenuAddPage-B6Qs6qV8.js}

@@ -1,6 +1,6 @@
 import { defineComponent as g, ref as m, openBlock as h, createElementBlock as v, createElementVNode as t, unref as a, createVNode as l, toDisplayString as d, createTextVNode as y } from "vue";
 import { useRouter as x, useRoute as b } from "vue-router";
-import { _ as w } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-B1DrxmQX.js";
+import { _ as w } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-DQjDxfF8.js";
 import { ArrowLeft as k, Save as _ } from "lucide-vue-next";
 import { useI18n as V } from "vue-i18n";
 import { notify as c } from "@opengis/core";

package/dist/{MenuItemPage-BSwUW8tv.js → MenuItemPage-XN9lx5Vv.js}

@@ -1,11 +1,11 @@
-import { openBlock as w, createElementBlock as F, createStaticVNode as Re, defineComponent as D, ref as k, normalizeClass as B, createTextVNode as Z, toDisplayString as _, createCommentVNode as $, createBlock as O, unref as y, withModifiers as Y, createVNode as A, createElementVNode as v, withDirectives as Le, withKeys as re, vModelText as Me, watch as Ue, resolveComponent as De, withCtx as j, nextTick as te, mergeModels as Ye, useModel as de, onBeforeMount as Be, Fragment as $e, computed as Pe, onMounted as Ve } from "vue";
-import { d as He } from "./vuedraggable-CoAPPFYd.js";
+import { openBlock as w, createElementBlock as F, createStaticVNode as Re, defineComponent as D, ref as k, normalizeClass as B, createTextVNode as Z, toDisplayString as _, createCommentVNode as $, createBlock as O, unref as y, withModifiers as Y, createVNode as A, createElementVNode as v, withDirectives as Le, withKeys as re, vModelText as Me, watch as Ue, resolveComponent as De, withCtx as j, nextTick as te, useModel as de, mergeModels as Ye, onBeforeMount as Be, Fragment as $e, computed as Pe, onMounted as Ve } from "vue";
+import { d as He } from "./vuedraggable-DTHNuRWs.js";
 import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { Pencil as je, Trash2 as Ke, Check as Ge, X as Qe, Plus as We, ArrowLeft as ze, HelpCircle as Ze, Save as Xe } from "lucide-vue-next";
 import { confirm as Je, VsModal as er, notify as I } from "@opengis/core";
 import { useI18n as H } from "vue-i18n";
 import rr, { inputs as pe, VForm as ve } from "@opengis/form";
-import { _ as he } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-B1DrxmQX.js";
+import { _ as he } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-DQjDxfF8.js";
 import { useRouter as tr, useRoute as nr } from "vue-router";
 const ir = {}, lr = {
   xmlns: "http://www.w3.org/2000/svg",

package/dist/{MonacoEditor.vue_vue_type_script_setup_true_lang-B1DrxmQX.js → MonacoEditor.vue_vue_type_script_setup_true_lang-DQjDxfF8.js}

@@ -1,4 +1,4 @@
-import { defineComponent as s, mergeModels as c, useModel as m, ref as f, onMounted as h, watch as d, onBeforeUnmount as g, openBlock as p, createElementBlock as v, normalizeStyle as w } from "vue";
+import { defineComponent as s, useModel as c, ref as m, onMounted as f, watch as d, onBeforeUnmount as h, openBlock as g, createElementBlock as p, normalizeStyle as v, mergeModels as w } from "vue";
 async function M() {
   if (window.monaco)
     return window.monaco;
@@ -12,7 +12,7 @@ async function M() {
 }
 const C = /* @__PURE__ */ s({
   __name: "MonacoEditor",
-  props: /* @__PURE__ */ c({
+  props: /* @__PURE__ */ w({
     language: { default: "javascript" },
     theme: { default: "vs-dark" },
     width: { default: "100%" },
@@ -28,9 +28,9 @@ const C = /* @__PURE__ */ s({
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const o = a, l = m(a, "modelValue"), n = f(null);
+    const o = a, l = c(a, "modelValue"), n = m(null);
     let e = null, i = null;
-    return h(async () => {
+    return f(async () => {
       var t;
       if (n.value)
         try {
@@ -70,12 +70,12 @@ const C = /* @__PURE__ */ s({
       (t) => {
         e && t && i && i.editor.setTheme(t);
       }
-    ), g(() => {
+    ), h(() => {
       e && (e.dispose(), e = null);
-    }), (t, r) => (p(), v("div", {
+    }), (t, r) => (g(), p("div", {
       ref_key: "editorContainer",
       ref: n,
-      style: w({ width: a.width, height: a.height })
+      style: v({ width: a.width, height: a.height })
     }, null, 4));
   }
 });

package/dist/{UniversalTablePagination.vue_vue_type_script_setup_true_lang-GYZd_gkA.js → UniversalTablePagination.vue_vue_type_script_setup_true_lang-Cp1WWIf0.js}

@@ -1,4 +1,4 @@
-import { defineComponent as f, mergeModels as p, useModel as w, computed as h, openBlock as d, createElementBlock as c, createElementVNode as e, toDisplayString as n, createTextVNode as u, createVNode as b, unref as g, Fragment as v, renderList as k, normalizeClass as y } from "vue";
+import { defineComponent as f, useModel as p, computed as h, openBlock as d, createElementBlock as c, createElementVNode as e, toDisplayString as n, createTextVNode as u, createVNode as b, unref as g, Fragment as v, renderList as w, normalizeClass as k, mergeModels as y } from "vue";
 import { ChevronLeft as $, ChevronRight as M } from "lucide-vue-next";
 const C = { class: "flex items-center justify-between px-6 py-4 border-t border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800" }, _ = { class: "flex justify-between flex-1 sm:hidden" }, j = { class: "relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50" }, P = { class: "relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50" }, N = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, T = { class: "text-sm text-slate-600 dark:text-slate-400" }, V = { class: "font-medium text-slate-800 dark:text-slate-100" }, z = { class: "font-medium text-slate-800 dark:text-slate-100" }, B = {
   class: "relative z-0 inline-flex space-x-2 rounded-md shadow-sm",
@@ -8,7 +8,7 @@ const C = { class: "flex items-center justify-between px-6 py-4 border-t border-
   class: "px-2 py-2 text-gray-400"
 }, F = ["onClick"], R = ["disabled"], U = { class: "sr-only" }, G = /* @__PURE__ */ f({
   __name: "UniversalTablePagination",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ y({
     total: {},
     count: {},
     limit: {}
@@ -18,7 +18,7 @@ const C = { class: "flex items-center justify-between px-6 py-4 border-t border-
   }),
   emits: ["update:page"],
   setup(a) {
-    const t = w(a, "page"), r = h(() => Math.ceil(a.total / a.limit)), x = h(() => {
+    const t = p(a, "page"), r = h(() => Math.ceil(a.total / a.limit)), x = h(() => {
       const s = [];
       if (r.value <= 4) {
         for (let i = 1; i <= r.value; i++)
@@ -57,13 +57,13 @@ const C = { class: "flex items-center justify-between px-6 py-4 border-t border-
               b(g($), { class: "w-5 h-5" })
             ], 8, E),
             e("div", S, [
-              (d(!0), c(v, null, k(x.value, (o, m) => (d(), c(v, {
+              (d(!0), c(v, null, w(x.value, (o, m) => (d(), c(v, {
                 key: o + "-" + m
               }, [
                 o === "ellipsis" ? (d(), c("span", D, "...")) : (d(), c("button", {
                   key: 1,
                   onClick: (i) => t.value = o,
-                  class: y(["inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors h-8 w-8 p-0 text-sm rounded-md", {
+                  class: k(["inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors h-8 w-8 p-0 text-sm rounded-md", {
                     "border shadow-sm hover:text-accent-foreground bg-white dark:bg-slate-700 border-slate-300 dark:border-slate-600 text-slate-600 dark:text-slate-300 hover:border-blue-600 hover:bg-slate-50 dark:hover:bg-slate-600": o !== t.value,
                     "shadow bg-blue-600 hover:bg-blue-700 text-white border-blue-600": o === t.value
                   }])