@opengis/cms 0.0.63 → 0.0.64

package/dist/{EditCollectionPage-BGZCMcQS.js → EditCollectionPage-CzFBw3wE.js}

@@ -6,7 +6,7 @@ import { _ as X } from "./CollectionsBreadcrumb.vue_vue_type_script_setup_true_l
 const Z = {
   monaco: k(() => import("./vs-builder-monaco-Cw-f19gc.js")),
   edit: k(() => import("./vs-builder-edit-D-q1o8tF.js")),
-  preview: k(() => import("./vs-builder-preview-l5KhqlrF.js"))
+  preview: k(() => import("./vs-builder-preview-BLfKnxhd.js"))
 }, ee = { class: "mx-auto max-w-[90%]" }, te = { class: "flex items-center justify-between mb-6" }, oe = { class: "mb-2 text-2xl font-semibold text-gray-900" }, ne = { class: "lowercase" }, se = { class: "text-gray-600" }, ie = { class: "flex items-center gap-2" }, ae = { class: "w-full" }, re = { 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" }, le = ["onClick"], ce = {
   key: 0,
   class: "mx-auto bg-white rounded-md py-4 px-2 bg-opacity-50"

package/dist/{contentForm-NmskI6Ye.js → contentForm-CELj2rGf.js}

@@ -48,7 +48,7 @@ const Xe = [
   __name: "contentForm",
   setup(ht) {
     const de = k(
-      () => import("./vs-form-reference-list-hZufPxfE.js")
+      () => import("./vs-form-reference-list-DukrxeuH.js")
     ), me = k(
       () => import("./vs-form-tiptap-DDFQjRjY.js")
     ), F = k(

package/dist/index.js

@@ -3,7 +3,7 @@ import { useRoute as $, routeLocationKey as K } from "vue-router";
 const O = "menu", B = (s, c, a) => {
   const o = s == null ? void 0 : s.trim(), l = a == null ? void 0 : a.trim();
   return o ? o === O ? c ? c === "create" ? { type: "createMenu", collection: o } : { type: "editMenu", collection: o, id: c } : { type: "menu", collection: o } : l === "edit" && c ? { type: "editCollection", collection: o, id: c } : c === "edit" ? { type: "editCollection", collection: o } : c ? c === "create" ? { type: "createArticle", collection: o } : { type: "editArticle", collection: o, id: c } : { type: "articles", collection: o } : { type: "collections" };
-}, R = u(() => import("./CollectionsPage-DHfPNql6.js")), L = u(() => import("./ArticlesPage-BjYzvTWM.js")), C = u(() => import("./contentForm-NmskI6Ye.js")), N = u(() => import("./EditCollectionPage-BGZCMcQS.js")), W = u(
+}, R = u(() => import("./CollectionsPage-DHfPNql6.js")), L = u(() => import("./ArticlesPage-BjYzvTWM.js")), C = u(() => import("./contentForm-CELj2rGf.js")), N = u(() => import("./EditCollectionPage-CzFBw3wE.js")), W = u(
   () => import("./MenuPage-3W6jZ15H.js")
 ), j = u(
   () => import("./MenuItemPage-B7Y9KFyb.js")

package/dist/{vs-builder-preview-l5KhqlrF.js → vs-builder-preview-BLfKnxhd.js}

@@ -1,7 +1,7 @@
 import { ref as c, useModel as n, computed as d, openBlock as u, createElementBlock as _, createBlock as v, unref as g, createCommentVNode as k } from "vue";
 import { _ as V, g as $ } from "./vs-form-custom-datatable-D880w8gx.js";
 import { inputs as e, VForm as h } from "@opengis/form";
-import x from "./vs-form-reference-list-hZufPxfE.js";
+import x from "./vs-form-reference-list-DukrxeuH.js";
 import { _ as B } from "./vs-form-tiptap.vue_vue_type_script_setup_true_lang-DGgsqXwg.js";
 import r from "./vs-form-media-select-NY27EaG1.js";
 import { _ as M } from "./vs-richtext-md.vue_vue_type_script_setup_true_lang-Ct8uTV-J.js";

package/dist/{vs-form-reference-list-hZufPxfE.js → vs-form-reference-list-DukrxeuH.js}

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as s, createStaticVNode as g, createElementVNode as d, toDisplayString as i, createCommentVNode as v, Fragment as $, renderList as _, normalizeClass as C, mergeModels as E, useModel as j, unref as x, createBlock as A, resolveDynamicComponent as G, getCurrentInstance as N, ref as w, computed as M, watch as B, createVNode as k, withCtx as q } from "vue";
+import { openBlock as d, createElementBlock as s, createStaticVNode as g, createElementVNode as r, toDisplayString as i, createCommentVNode as u, Fragment as w, renderList as _, normalizeClass as C, mergeModels as B, useModel as A, unref as b, createBlock as j, resolveDynamicComponent as Z, getCurrentInstance as G, ref as k, computed as M, watch as V, createVNode as $, withCtx as q } from "vue";
 import { Edit as J, Trash2 as K, GripVertical as O } from "lucide-vue-next";
 import { d as P } from "./vuedraggable-CoAPPFYd.js";
 import { VsDrawer as F, notify as T } from "@opengis/core";
@@ -781,7 +781,7 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
       }
     }
   }
-}, X = { class: "h-full w-full flex flex-col" }, ee = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, te = { class: "text-xs font-medium text-gray-600" }, de = {
+}, X = { class: "h-full w-full flex flex-col" }, ee = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, te = { class: "text-xs font-medium text-gray-600" }, re = {
   key: 0,
   class: "text-xs text-gray-500"
 }, Q = {
@@ -797,15 +797,15 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", X, [
+    return (l, t) => (d(), s("div", X, [
       t[0] || (t[0] = g('<div class="flex-1 grid grid-cols-3 gap-1.5"><div class="bg-gray-200 rounded p-1.5 flex flex-col"><div class="flex-1 bg-gray-300 rounded mb-1"></div><div class="h-1.5 bg-gray-400 rounded"></div></div><div class="bg-gray-200 rounded p-1.5 flex flex-col"><div class="flex-1 bg-gray-300 rounded mb-1"></div><div class="h-1.5 bg-gray-400 rounded"></div></div><div class="bg-gray-200 rounded p-1.5 flex flex-col"><div class="flex-1 bg-gray-300 rounded mb-1"></div><div class="h-1.5 bg-gray-400 rounded"></div></div><div class="bg-gray-200 rounded p-1.5 flex flex-col"><div class="flex-1 bg-gray-300 rounded mb-1"></div><div class="h-1.5 bg-gray-400 rounded"></div></div><div class="bg-gray-200 rounded p-1.5 flex flex-col"><div class="flex-1 bg-gray-300 rounded mb-1"></div><div class="h-1.5 bg-gray-400 rounded"></div></div><div class="bg-gray-200 rounded p-1.5 flex flex-col"><div class="flex-1 bg-gray-300 rounded mb-1"></div><div class="h-1.5 bg-gray-400 rounded"></div></div></div>', 1)),
-      d("div", ee, [
-        d("div", te, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", de, i(e.count), 1)) : v("", !0)
+      r("div", ee, [
+        r("div", te, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", re, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, re = { class: "h-full w-full flex flex-col" }, se = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, le = { class: "text-xs font-medium text-gray-600" }, ie = {
+}, de = { class: "h-full w-full flex flex-col" }, se = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, le = { class: "text-xs font-medium text-gray-600" }, ie = {
   key: 0,
   class: "text-xs text-gray-500"
 }, ae = {
@@ -821,11 +821,11 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", re, [
+    return (l, t) => (d(), s("div", de, [
       t[0] || (t[0] = g('<div class="h-3 bg-gray-500 rounded mb-2"></div><div class="space-y-1.5 flex-1"><div class="border border-gray-300 rounded p-1"><div class="flex items-center justify-between"><div class="h-1.5 bg-gray-300 rounded flex-1 mr-2"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-2.5 h-2.5 text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></div></div><div class="border border-gray-300 rounded p-1"><div class="flex items-center justify-between"><div class="h-1.5 bg-gray-300 rounded flex-1 mr-2"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-2.5 h-2.5 text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></div><div class="mt-1 pt-1 border-t border-gray-200"><div class="space-y-0.5"><div class="h-1 bg-gray-200 rounded"></div><div class="h-1 bg-gray-200 rounded w-5/6"></div><div class="h-1 bg-gray-200 rounded w-4/5"></div></div></div></div><div class="border border-gray-300 rounded p-1"><div class="flex items-center justify-between"><div class="h-1.5 bg-gray-300 rounded flex-1 mr-2"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-2.5 h-2.5 text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></div></div><div class="border border-gray-300 rounded p-1"><div class="flex items-center justify-between"><div class="h-1.5 bg-gray-300 rounded flex-1 mr-2"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-2.5 h-2.5 text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></div></div></div>', 2)),
-      d("div", se, [
-        d("div", le, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", ie, i(e.count), 1)) : v("", !0)
+      r("div", se, [
+        r("div", le, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", ie, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
@@ -845,18 +845,18 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", oe, [
+    return (l, t) => (d(), s("div", oe, [
       t[0] || (t[0] = g('<div class="flex-1 bg-gray-200 rounded relative"><div class="absolute inset-0 flex items-center justify-center"><div class="w-16 h-10 bg-gray-300 rounded"></div></div><div class="absolute bottom-2 left-2"><div class="h-3 bg-gray-400 rounded w-16"></div></div></div>', 1)),
-      d("div", ne, [
-        d("div", ce, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", ue, i(e.count), 1)) : v("", !0)
+      r("div", ne, [
+        r("div", ce, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", ue, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, ve = { class: "h-full w-full flex flex-col" }, ge = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, ye = { class: "text-xs font-medium text-gray-600" }, be = {
+}, ve = { class: "h-full w-full flex flex-col" }, ge = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, ye = { class: "text-xs font-medium text-gray-600" }, xe = {
   key: 0,
   class: "text-xs text-gray-500"
-}, xe = {
+}, be = {
   __name: "form-skeleton",
   props: {
     text: {
@@ -869,11 +869,11 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", ve, [
+    return (l, t) => (d(), s("div", ve, [
       t[0] || (t[0] = g('<div class="h-3 bg-gray-500 rounded mb-2"></div><div class="space-y-1.5 flex-1"><div><div class="h-1.5 bg-gray-300 rounded mb-1 w-1/4"></div><div class="h-5 bg-gray-200 rounded border border-gray-300"></div></div><div><div class="h-1.5 bg-gray-300 rounded mb-1 w-1/3"></div><div class="h-5 bg-gray-200 rounded border border-gray-300"></div></div><div><div class="h-1.5 bg-gray-300 rounded mb-1 w-1/4"></div><div class="h-5 bg-gray-200 rounded border border-gray-300"></div></div><div><div class="h-1.5 bg-gray-300 rounded mb-1 w-1/3"></div><div class="h-8 bg-gray-200 rounded border border-gray-300"></div></div></div><div class="h-6 bg-gray-600 rounded mt-2"></div>', 3)),
-      d("div", ge, [
-        d("div", ye, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", be, i(e.count), 1)) : v("", !0)
+      r("div", ge, [
+        r("div", ye, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", xe, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
@@ -893,11 +893,11 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", he, [
+    return (l, t) => (d(), s("div", he, [
       t[0] || (t[0] = g('<div class="h-4 bg-gray-400 rounded mb-2"></div><div class="flex gap-2 flex-1"><div class="flex-1 space-y-2"><div class="bg-gray-200 rounded p-1.5"><div class="h-8 bg-gray-300 rounded mb-1"></div><div class="h-1.5 bg-gray-400 rounded mb-1"></div><div class="h-1 bg-gray-300 rounded w-3/4"></div></div><div class="bg-gray-200 rounded p-1.5"><div class="h-8 bg-gray-300 rounded mb-1"></div><div class="h-1.5 bg-gray-400 rounded mb-1"></div><div class="h-1 bg-gray-300 rounded w-3/4"></div></div></div><div class="w-20 space-y-1"><div class="border-b border-gray-300 pb-1"><div class="h-1 bg-gray-300 rounded mb-1"></div><div class="h-1 bg-gray-300 rounded w-4/5"></div></div><div class="border-b border-gray-300 pb-1"><div class="h-1 bg-gray-300 rounded mb-1"></div><div class="h-1 bg-gray-300 rounded w-4/5"></div></div><div class="border-b border-gray-300 pb-1"><div class="h-1 bg-gray-300 rounded mb-1"></div><div class="h-1 bg-gray-300 rounded w-4/5"></div></div><div class="border-b border-gray-300 pb-1"><div class="h-1 bg-gray-300 rounded mb-1"></div><div class="h-1 bg-gray-300 rounded w-4/5"></div></div></div></div>', 2)),
-      d("div", fe, [
-        d("div", me, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", pe, i(e.count), 1)) : v("", !0)
+      r("div", fe, [
+        r("div", me, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", pe, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
@@ -917,18 +917,18 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", we, [
+    return (l, t) => (d(), s("div", we, [
       t[0] || (t[0] = g('<div class="space-y-2 flex-1"><div class="flex items-start gap-2"><div class="w-8 h-8 bg-gray-300 rounded flex-shrink-0"></div><div class="flex-1 min-w-0"><div class="h-2 bg-gray-400 rounded mb-1 w-2/3"></div><div class="h-1.5 bg-gray-300 rounded mb-1"></div><div class="flex gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-2.5 h-2.5 text-gray-400"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-2.5 h-2.5 text-gray-400"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-2.5 h-2.5 text-gray-400"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div></div></div><div class="flex items-start gap-2"><div class="w-8 h-8 bg-gray-300 rounded flex-shrink-0"></div><div class="flex-1 min-w-0"><div class="h-2 bg-gray-400 rounded mb-1 w-2/3"></div><div class="h-1.5 bg-gray-300 rounded mb-1"></div><div class="flex gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-2.5 h-2.5 text-gray-400"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-2.5 h-2.5 text-gray-400"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-2.5 h-2.5 text-gray-400"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div></div></div><div class="flex items-start gap-2"><div class="w-8 h-8 bg-gray-300 rounded flex-shrink-0"></div><div class="flex-1 min-w-0"><div class="h-2 bg-gray-400 rounded mb-1 w-2/3"></div><div class="h-1.5 bg-gray-300 rounded mb-1"></div><div class="flex gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-2.5 h-2.5 text-gray-400"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-2.5 h-2.5 text-gray-400"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-2.5 h-2.5 text-gray-400"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div></div></div><div class="flex items-start gap-2"><div class="w-8 h-8 bg-gray-300 rounded flex-shrink-0"></div><div class="flex-1 min-w-0"><div class="h-2 bg-gray-400 rounded mb-1 w-2/3"></div><div class="h-1.5 bg-gray-300 rounded mb-1"></div><div class="flex gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-2.5 h-2.5 text-gray-400"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-2.5 h-2.5 text-gray-400"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-2.5 h-2.5 text-gray-400"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div></div></div></div>', 1)),
-      d("div", ke, [
-        d("div", $e, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", _e, i(e.count), 1)) : v("", !0)
+      r("div", ke, [
+        r("div", $e, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", _e, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, Ae = { class: "h-full w-full flex flex-col" }, je = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, qe = { class: "text-xs font-medium text-gray-600" }, Me = {
+}, je = { class: "h-full w-full flex flex-col" }, Ae = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, qe = { class: "text-xs font-medium text-gray-600" }, Me = {
   key: 0,
   class: "text-xs text-gray-500"
-}, W = {
+}, N = {
   __name: "usefulLinks-skeleton",
   props: {
     text: {
@@ -941,15 +941,15 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", Ae, [
+    return (l, t) => (d(), s("div", je, [
       t[0] || (t[0] = g('<div class="h-4 bg-gray-400 rounded mb-3"></div><div class="grid grid-cols-2 gap-2 flex-1"><div class="space-y-2"><div class="flex items-center justify-between p-1.5 border border-gray-300 rounded"><div class="h-1.5 bg-gray-300 rounded flex-1 mr-2"></div><div class="w-2 h-2 bg-gray-400 rounded-full"></div></div><div class="flex items-center justify-between p-1.5 border border-gray-300 rounded"><div class="h-1.5 bg-gray-300 rounded flex-1 mr-2"></div><div class="w-2 h-2 bg-gray-400 rounded-full"></div></div><div class="flex items-center justify-between p-1.5 border border-gray-300 rounded"><div class="h-1.5 bg-gray-300 rounded flex-1 mr-2"></div><div class="w-2 h-2 bg-gray-400 rounded-full"></div></div></div><div class="space-y-2"><div class="flex items-center justify-between p-1.5 border border-gray-300 rounded"><div class="h-1.5 bg-gray-300 rounded flex-1 mr-2"></div><div class="w-2 h-2 bg-gray-400 rounded-full"></div></div><div class="flex items-center justify-between p-1.5 border border-gray-300 rounded"><div class="h-1.5 bg-gray-300 rounded flex-1 mr-2"></div><div class="w-2 h-2 bg-gray-400 rounded-full"></div></div><div class="flex items-center justify-between p-1.5 border border-gray-300 rounded"><div class="h-1.5 bg-gray-300 rounded flex-1 mr-2"></div><div class="w-2 h-2 bg-gray-400 rounded-full"></div></div></div></div>', 2)),
-      d("div", je, [
-        d("div", qe, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", Me, i(e.count), 1)) : v("", !0)
+      r("div", Ae, [
+        r("div", qe, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", Me, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, Se = { class: "h-full w-full flex flex-col" }, Ee = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Ve = { class: "text-xs font-medium text-gray-600" }, Be = {
+}, Se = { class: "h-full w-full flex flex-col" }, Be = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Ee = { class: "text-xs font-medium text-gray-600" }, Ve = {
   key: 0,
   class: "text-xs text-gray-500"
 }, Le = {
@@ -965,18 +965,18 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", Se, [
+    return (l, t) => (d(), s("div", Se, [
       t[0] || (t[0] = g('<div class="flex-1 bg-gray-200 rounded relative"><div class="absolute inset-0 flex items-center justify-center"><div class="w-10 h-10 bg-gray-400 rounded-full flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-5 h-5 text-white ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute bottom-1.5 left-1.5 right-1.5"><div class="h-2 bg-gray-400 rounded mb-1"></div><div class="h-2 bg-gray-400 rounded w-3/4"></div></div></div><div class="mt-2 flex items-center gap-2"><div class="w-5 h-5 bg-gray-300 rounded"></div><div class="h-2 bg-gray-300 rounded flex-1"></div></div>', 2)),
-      d("div", Ee, [
-        d("div", Ve, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", Be, i(e.count), 1)) : v("", !0)
+      r("div", Be, [
+        r("div", Ee, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", Ve, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, Qe = { class: "h-full w-full flex flex-col" }, ze = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Ie = { class: "text-xs font-medium text-gray-600" }, We = {
+}, Qe = { class: "h-full w-full flex flex-col" }, ze = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Ie = { class: "text-xs font-medium text-gray-600" }, Ne = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Ze = {
+}, We = {
   __name: "about-skeleton",
   props: {
     text: {
@@ -989,15 +989,15 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", Qe, [
+    return (l, t) => (d(), s("div", Qe, [
       t[0] || (t[0] = g('<div class="flex flex-1"><div class="flex-1 pr-2"><div class="h-4 bg-gray-400 rounded mb-2"></div><div class="space-y-1.5"><div class="h-2 bg-gray-300 rounded"></div><div class="h-2 bg-gray-300 rounded"></div><div class="h-2 bg-gray-300 rounded w-4/5"></div><div class="h-2 bg-gray-300 rounded"></div><div class="h-2 bg-gray-300 rounded w-3/4"></div><div class="h-2 bg-gray-300 rounded"></div></div></div><div class="w-16 h-20 bg-gray-200 rounded flex items-center justify-center"><div class="w-6 h-6 bg-gray-300 rounded-full"></div></div></div>', 1)),
-      d("div", ze, [
-        d("div", Ie, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", We, i(e.count), 1)) : v("", !0)
+      r("div", ze, [
+        r("div", Ie, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", Ne, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, Ge = { class: "h-full w-full flex flex-col" }, Ne = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Fe = { class: "text-xs font-medium text-gray-600" }, Te = {
+}, Ze = { class: "h-full w-full flex flex-col" }, Ge = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Fe = { class: "text-xs font-medium text-gray-600" }, Te = {
   key: 0,
   class: "text-xs text-gray-500"
 }, Re = {
@@ -1013,11 +1013,11 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", Ge, [
+    return (l, t) => (d(), s("div", Ze, [
       t[0] || (t[0] = g('<div class="flex-1 bg-gray-200 rounded mb-2 relative"><div class="absolute inset-0 flex items-center justify-center"><div class="w-12 h-8 bg-gray-300 rounded"></div></div><div class="absolute left-1 top-1/2 transform -translate-y-1/2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-4 h-4 text-gray-400"><path d="m15 18-6-6 6-6"></path></svg></div><div class="absolute right-1 top-1/2 transform -translate-y-1/2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-4 h-4 text-gray-400"><path d="m9 18 6-6-6-6"></path></svg></div></div><div class="h-3 bg-gray-300 rounded mb-2"></div><div class="h-6 w-20 bg-gray-400 rounded"></div><div class="flex justify-center gap-1 mt-2"><div class="w-1.5 h-1.5 bg-gray-300 rounded-full"></div><div class="w-1.5 h-1.5 bg-gray-300 rounded-full"></div><div class="w-1.5 h-1.5 bg-gray-300 rounded-full"></div><div class="w-1.5 h-1.5 bg-gray-300 rounded-full"></div><div class="w-1.5 h-1.5 bg-gray-300 rounded-full"></div></div>', 4)),
-      d("div", Ne, [
-        d("div", Fe, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", Te, i(e.count), 1)) : v("", !0)
+      r("div", Ge, [
+        r("div", Fe, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", Te, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
@@ -1037,11 +1037,11 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", Ye, [
+    return (l, t) => (d(), s("div", Ye, [
       t[0] || (t[0] = g('<div class="flex-1 bg-gray-200 rounded relative overflow-hidden"><div class="absolute inset-0 flex items-center"><div class="flex gap-8 whitespace-nowrap animate-pulse"><div class="h-3 bg-gray-400 rounded w-32"></div><div class="h-3 bg-gray-300 rounded w-24"></div><div class="h-3 bg-gray-400 rounded w-40"></div><div class="h-3 bg-gray-300 rounded w-28"></div><div class="h-3 bg-gray-400 rounded w-36"></div><div class="h-3 bg-gray-300 rounded w-20"></div></div></div><div class="absolute top-2 left-2 right-2 flex justify-between items-center"><div class="w-2 h-2 bg-gray-500 rounded-full"></div><div class="w-2 h-2 bg-gray-500 rounded-full"></div></div></div>', 1)),
-      d("div", Ue, [
-        d("div", De, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", Je, i(e.count), 1)) : v("", !0)
+      r("div", Ue, [
+        r("div", De, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", Je, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
@@ -1061,18 +1061,18 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", Oe, [
+    return (l, t) => (d(), s("div", Oe, [
       t[0] || (t[0] = g('<div class="h-2 bg-gray-300 rounded mb-2"></div><div class="flex gap-1 mb-3"><div class="h-4 w-16 bg-gray-400 rounded"></div><div class="h-4 w-16 bg-gray-200 rounded"></div></div><div class="space-y-2 flex-1"><div class="h-2 bg-gray-300 rounded w-5/6"></div><div class="h-2 bg-gray-300 rounded"></div><div class="space-y-1 mt-3"><div class="flex items-center gap-2"><div class="w-2 h-2 bg-gray-400 rounded-full"></div><div class="h-1.5 bg-gray-300 rounded w-20"></div></div><div class="flex items-center gap-2"><div class="w-2 h-2 bg-gray-400 rounded-full"></div><div class="h-1.5 bg-gray-300 rounded w-16"></div></div></div></div>', 3)),
-      d("div", Pe, [
-        d("div", He, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", Xe, i(e.count), 1)) : v("", !0)
+      r("div", Pe, [
+        r("div", He, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", Xe, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, tt = { class: "h-full flex flex-col" }, dt = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, rt = { class: "text-xs font-medium text-gray-600" }, st = {
+}, tt = { class: "h-full flex flex-col" }, rt = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, dt = { class: "text-xs font-medium text-gray-600" }, st = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Z = {
+}, W = {
   __name: "documents-skeleton",
   props: {
     text: {
@@ -1085,11 +1085,11 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", tt, [
+    return (l, t) => (d(), s("div", tt, [
       t[0] || (t[0] = g('<div class="h-4 bg-gray-400 rounded mb-2"></div><div class="space-y-1.5 flex-1"><div class="flex items-center justify-between p-1.5 border-b border-gray-200"><div class="flex items-center gap-2"><div class="w-3 h-3 bg-gray-400 rounded-full"></div><div class="h-2 bg-gray-300 rounded flex-1 w-28"></div></div><div class="flex gap-1.5"><div class="w-3 h-3 bg-gray-200 rounded"></div><div class="w-3 h-3 bg-gray-200 rounded"></div></div></div><div class="flex items-center justify-between p-1.5 border-b border-gray-200"><div class="flex items-center gap-2"><div class="w-3 h-3 bg-gray-400 rounded-full"></div><div class="h-2 bg-gray-300 rounded flex-1 w-28"></div></div><div class="flex gap-1.5"><div class="w-3 h-3 bg-gray-200 rounded"></div><div class="w-3 h-3 bg-gray-200 rounded"></div></div></div><div class="flex items-center justify-between p-1.5 border-b border-gray-200"><div class="flex items-center gap-2"><div class="w-3 h-3 bg-gray-400 rounded-full"></div><div class="h-2 bg-gray-300 rounded flex-1 w-28"></div></div><div class="flex gap-1.5"><div class="w-3 h-3 bg-gray-200 rounded"></div><div class="w-3 h-3 bg-gray-200 rounded"></div></div></div><div class="flex items-center justify-between p-1.5 border-b border-gray-200"><div class="flex items-center gap-2"><div class="w-3 h-3 bg-gray-400 rounded-full"></div><div class="h-2 bg-gray-300 rounded flex-1 w-28"></div></div><div class="flex gap-1.5"><div class="w-3 h-3 bg-gray-200 rounded"></div><div class="w-3 h-3 bg-gray-200 rounded"></div></div></div></div>', 2)),
-      d("div", dt, [
-        d("div", rt, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", st, i(e.count), 1)) : v("", !0)
+      r("div", rt, [
+        r("div", dt, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", st, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
@@ -1109,11 +1109,11 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", lt, [
+    return (l, t) => (d(), s("div", lt, [
       t[0] || (t[0] = g('<div class="grid grid-cols-3 gap-2 flex-1"><div class="flex flex-col"><div class="h-3 bg-gray-400 rounded mb-2"></div><div class="space-y-1.5"><div class="h-4 bg-gray-200 rounded border border-gray-300 p-1.5"><div class="h-1.5 bg-gray-300 rounded w-3/4"></div></div><div class="h-4 bg-gray-200 rounded border border-gray-300 p-1.5"><div class="h-1.5 bg-gray-300 rounded w-3/4"></div></div></div></div><div class="flex flex-col"><div class="h-3 bg-gray-400 rounded mb-2"></div><div class="space-y-1.5"><div class="h-4 bg-gray-200 rounded border border-gray-300 p-1.5"><div class="h-1.5 bg-gray-300 rounded w-3/4"></div></div><div class="h-4 bg-gray-200 rounded border border-gray-300 p-1.5"><div class="h-1.5 bg-gray-300 rounded w-3/4"></div></div></div></div><div class="flex flex-col"><div class="h-3 bg-gray-400 rounded mb-2"></div><div class="space-y-1.5"><div class="h-4 bg-gray-200 rounded border border-gray-300 p-1.5"><div class="h-1.5 bg-gray-300 rounded w-3/4"></div></div><div class="h-4 bg-gray-200 rounded border border-gray-300 p-1.5"><div class="h-1.5 bg-gray-300 rounded w-3/4"></div></div></div></div></div>', 1)),
-      d("div", it, [
-        d("div", at, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", ot, i(e.count), 1)) : v("", !0)
+      r("div", it, [
+        r("div", at, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", ot, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
@@ -1133,15 +1133,15 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", ct, [
+    return (l, t) => (d(), s("div", ct, [
       t[0] || (t[0] = g('<div class="flex-1 flex gap-2"><div class="flex-1 bg-gray-200 rounded mb-2 relative"><div class="absolute inset-0 flex items-center justify-center"><div class="w-12 h-8 bg-gray-300 rounded"></div></div></div><div class="bg-gray-200 rounded mb-2 relative w-[25px]"></div></div><div class="h-6 w-[40%] bg-gray-300 rounded"></div><div class="flex justify-start gap-1 mt-2"><div class="w-1.5 h-1.5 bg-gray-400 rounded-full"></div><div class="w-1.5 h-1.5 border border-gray-300 rounded-full"></div><div class="w-1.5 h-1.5 border border-gray-300 rounded-full"></div></div>', 3)),
-      d("div", ut, [
-        d("div", vt, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", gt, i(e.count), 1)) : v("", !0)
+      r("div", ut, [
+        r("div", vt, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", gt, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, bt = { class: "h-full w-full flex flex-col" }, xt = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, ht = { class: "text-xs font-medium text-gray-600" }, ft = {
+}, xt = { class: "h-full w-full flex flex-col" }, bt = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, ht = { class: "text-xs font-medium text-gray-600" }, ft = {
   key: 0,
   class: "text-xs text-gray-500"
 }, mt = {
@@ -1157,11 +1157,11 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", bt, [
+    return (l, t) => (d(), s("div", xt, [
       t[0] || (t[0] = g('<div class="flex-1 flex gap-2"><div class="flex-1 bg-gray-200 rounded mb-2 relative"><div class="absolute inset-0 flex items-center justify-center"><div class="w-10 h-10 bg-gray-400 rounded-full flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-5 h-5 text-white ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><div class="bg-gray-200 rounded mb-2 relative w-[25px]"></div></div><div class="flex justify-start gap-1 mt-2"><div class="w-1.5 h-1.5 bg-gray-400 rounded-full"></div><div class="w-1.5 h-1.5 border border-gray-300 rounded-full"></div><div class="w-1.5 h-1.5 border border-gray-300 rounded-full"></div></div>', 2)),
-      d("div", xt, [
-        d("div", ht, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", ft, i(e.count), 1)) : v("", !0)
+      r("div", bt, [
+        r("div", ht, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", ft, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
@@ -1181,15 +1181,15 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", pt, [
+    return (l, t) => (d(), s("div", pt, [
       t[0] || (t[0] = g('<div class="bg-gray-300 h-[60%] w-full p-4 flex flex-col gap-2"></div><div class="bg-white h-[60%] w-[calc(100%-30px)] left-4 mt-[-50px] relative p-4"><div class="space-y-1.5"><div class="h-2 bg-gray-300 rounded mb-3"></div><div class="h-1.5 bg-gray-300 rounded"></div><div class="h-1.5 bg-gray-300 rounded w-4/5"></div><div class="h-1.5 bg-gray-300 rounded"></div><div class="h-1.5 bg-gray-300 rounded w-3/4"></div><div class="h-1.5 bg-gray-300 rounded"></div></div></div>', 2)),
-      d("div", wt, [
-        d("div", kt, i(l.$t(`cms.builder.${e.text}`)), 1),
-        e.count && e.count > 0 ? (r(), s("div", $t, i(e.count), 1)) : v("", !0)
+      r("div", wt, [
+        r("div", kt, i(l.$t(`cms.builder.${e.text}`)), 1),
+        e.count && e.count > 0 ? (d(), s("div", $t, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, Ct = { class: "h-full w-[80%] mx-auto flex flex-col" }, At = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, jt = { class: "text-xs font-medium text-gray-600" }, qt = {
+}, Ct = { class: "h-full w-[80%] mx-auto flex flex-col" }, jt = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, At = { class: "text-xs font-medium text-gray-600" }, qt = {
   key: 0,
   class: "text-xs text-gray-500"
 }, Mt = {
@@ -1205,15 +1205,15 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", Ct, [
+    return (l, t) => (d(), s("div", Ct, [
       t[0] || (t[0] = g('<div class="flex-1 flex flex-col gap-2"><div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center"><div class="aspect-[2/1] bg-gray-300 rounded"></div><div class="flex flex-col gap-2"><div class="h-1.5 bg-gray-400 rounded w-1/3"></div><div class="space-y-1"><div class="h-1.5 bg-gray-200 rounded w-full"></div><div class="h-1.5 bg-gray-200 rounded w-5/6"></div><div class="h-1.5 bg-gray-200 rounded w-4/5"></div></div><div class="h-2 bg-gray-400 rounded w-1/5"></div></div></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6 items-center"><div class="flex flex-col gap-2"><div class="h-1.5 bg-gray-400 rounded w-1/3"></div><div class="space-y-1"><div class="h-1.5 bg-gray-200 rounded w-full"></div><div class="h-1.5 bg-gray-200 rounded w-5/6"></div><div class="h-1.5 bg-gray-200 rounded w-4/5"></div></div><div class="h-2 bg-gray-400 rounded w-1/5"></div></div><div class="aspect-[2/1] bg-gray-300 rounded order-1 md:order-2"></div></div></div>', 1)),
-      d("div", At, [
-        d("div", jt, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", qt, i(e.count), 1)) : v("", !0)
+      r("div", jt, [
+        r("div", At, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", qt, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, St = { class: "h-full w-full flex flex-col" }, Et = { class: "border border-gray-300 rounded overflow-hidden" }, Vt = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Bt = { class: "text-xs font-medium text-gray-600" }, Lt = {
+}, St = { class: "h-full w-full flex flex-col" }, Bt = { class: "border border-gray-300 rounded overflow-hidden" }, Et = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Vt = { class: "text-xs font-medium text-gray-600" }, Lt = {
   key: 0,
   class: "text-xs text-gray-500"
 }, Qt = 5, zt = {
@@ -1229,38 +1229,38 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", St, [
-      t[3] || (t[3] = d("div", { class: "mb-2" }, [
-        d("div", { class: "h-2 bg-gray-400 rounded w-40" })
+    return (l, t) => (d(), s("div", St, [
+      t[3] || (t[3] = r("div", { class: "mb-2" }, [
+        r("div", { class: "h-2 bg-gray-400 rounded w-40" })
       ], -1)),
-      d("div", Et, [
+      r("div", Bt, [
         t[2] || (t[2] = g('<div class="flex border-b border-gray-300 last:border-b-0"><div class="w-2/5 px-4 py-2 bg-gray-400 border-r border-gray-300"><div class="h-2.5 bg-gray-300 rounded w-full max-w-[12rem]"></div></div><div class="flex-1 px-4 py-2 bg-gray-400"><div class="h-2.5 bg-gray-300 rounded w-16"></div></div></div>', 1)),
-        (r(), s($, null, _(Qt, (o, n) => d("div", {
+        (d(), s(w, null, _(Qt, (o, n) => r("div", {
           key: n,
           class: "flex border-b border-gray-300 last:border-b-0"
         }, [
-          d("div", {
+          r("div", {
             class: C(["w-2/5 px-4 py-2 border-r border-gray-300", n % 2 === 0 ? "bg-gray-200" : "bg-gray-100"])
           }, [...t[0] || (t[0] = [
-            d("div", { class: "h-2.5 bg-gray-300 rounded w-full max-w-[12rem]" }, null, -1)
+            r("div", { class: "h-2.5 bg-gray-300 rounded w-full max-w-[12rem]" }, null, -1)
           ])], 2),
-          d("div", {
+          r("div", {
             class: C(["flex-1 px-4 py-2", n % 2 === 0 ? "bg-gray-200" : "bg-gray-100"])
           }, [...t[1] || (t[1] = [
-            d("div", { class: "h-2.5 bg-gray-300 rounded w-16" }, null, -1)
+            r("div", { class: "h-2.5 bg-gray-300 rounded w-16" }, null, -1)
           ])], 2)
         ])), 64))
       ]),
-      d("div", Vt, [
-        d("div", Bt, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", Lt, i(e.count), 1)) : v("", !0)
+      r("div", Et, [
+        r("div", Vt, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", Lt, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, It = { class: "h-full w-full flex flex-col min-h-0" }, Wt = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Zt = { class: "text-xs font-medium text-gray-600" }, Gt = {
+}, It = { class: "h-full w-full flex flex-col min-h-0" }, Nt = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Wt = { class: "text-xs font-medium text-gray-600" }, Zt = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Nt = {
+}, Gt = {
   __name: "file-download-skeleton",
   props: {
     text: {
@@ -1273,11 +1273,11 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", It, [
+    return (l, t) => (d(), s("div", It, [
       t[0] || (t[0] = g('<div class="w-full flex-1 max-w-[70%] mx-auto flex flex-row gap-3 items-center min-h-0 min-w-0"><div class="shrink-0 flex justify-center items-center"><div class="relative w-[90px] h-[100px] mr-[10px]"><div class="absolute w-[60px] h-[80px] bg-gray-300 rounded"></div><div class="absolute w-[60px] h-[80px] bg-gray-200 rounded border border-gray-300 top-[12px] left-[12px] rotate-[-5deg]"></div></div></div><div class="flex-1 flex flex-col gap-2 min-w-0 overflow-hidden"><div class="h-3.5 bg-gray-400 rounded w-full max-w-[180px]"></div><div class="space-y-1"><div class="h-1.5 bg-gray-300 rounded w-20"></div><div class="h-1.5 bg-gray-300 rounded w-16"></div></div><div class="h-4 bg-gray-300 rounded w-24"></div></div></div>', 1)),
-      d("div", Wt, [
-        d("div", Zt, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", Gt, i(e.count), 1)) : v("", !0)
+      r("div", Nt, [
+        r("div", Wt, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", Zt, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
@@ -1297,18 +1297,18 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", Ft, [
+    return (l, t) => (d(), s("div", Ft, [
       t[0] || (t[0] = g('<div class="mb-3"><div class="h-4 bg-gray-400 rounded w-3/4 max-w-md"></div></div><div class="space-y-1 mb-3"><div class="h-2 bg-gray-300 rounded w-full"></div><div class="flex gap-2 items-center"><div class="h-1.5 bg-gray-400 rounded w-24"></div><div class="h-1.5 bg-gray-300 rounded flex-1"></div></div></div><div class="space-y-2 pl-1 mb-3"><div class="flex items-center gap-3"><div class="w-1.5 h-1.5 bg-gray-400 rounded-full shrink-0"></div><div class="h-2 bg-gray-300 rounded w-3/4 max-w-sm"></div></div><div class="flex items-center gap-3"><div class="w-1.5 h-1.5 bg-gray-400 rounded-full shrink-0"></div><div class="h-2 bg-gray-300 rounded w-2/4 max-w-xs"></div></div><div class="flex items-center gap-3"><div class="w-1.5 h-1.5 bg-gray-400 rounded-full shrink-0"></div><div class="h-2 bg-gray-300 rounded w-1/4 max-w-md"></div></div><div class="flex items-center gap-3"><div class="w-1.5 h-1.5 bg-gray-400 rounded-full shrink-0"></div><div class="h-2 bg-gray-300 rounded w-3/4 max-w-sm"></div></div></div><div class="space-y-2 mb-2"><div class="h-1.5 bg-gray-300 rounded w-full"></div><div class="flex gap-2 items-center"><div class="h-1.5 bg-gray-400 rounded flex-1 max-w-[85%]"></div><div class="h-1.5 bg-gray-300 rounded w-1/4"></div></div><div class="h-1.5 bg-gray-300 rounded w-4/5"></div></div>', 4)),
-      d("div", Tt, [
-        d("div", Rt, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", Yt, i(e.count), 1)) : v("", !0)
+      r("div", Tt, [
+        r("div", Rt, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", Yt, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
 }, Dt = { class: "h-full flex flex-col" }, Jt = { class: "space-y-1.5 flex-1 flex gap-6" }, Kt = { class: "flex-1 space-y-1.5" }, Ot = { class: "flex-1 space-y-1.5" }, Pt = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Ht = { class: "text-xs font-medium text-gray-600" }, Xt = {
   key: 0,
   class: "text-xs text-gray-500"
-}, ed = {
+}, er = {
   __name: "column-list-skeleton",
   props: {
     text: {
@@ -1321,42 +1321,42 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", Dt, [
-      t[2] || (t[2] = d("div", { class: "h-4 bg-gray-400 rounded mb-3 w-40" }, null, -1)),
-      d("div", Jt, [
-        d("div", Kt, [
-          (r(), s($, null, _(5, (o) => d("div", {
+    return (l, t) => (d(), s("div", Dt, [
+      t[2] || (t[2] = r("div", { class: "h-4 bg-gray-400 rounded mb-3 w-40" }, null, -1)),
+      r("div", Jt, [
+        r("div", Kt, [
+          (d(), s(w, null, _(5, (o) => r("div", {
             key: "l-" + o,
             class: "flex items-center gap-2"
           }, [
-            t[0] || (t[0] = d("div", { class: "w-1.5 h-1.5 rounded-full bg-gray-400 shrink-0 mt-1.5" }, null, -1)),
-            d("div", {
+            t[0] || (t[0] = r("div", { class: "w-1.5 h-1.5 rounded-full bg-gray-400 shrink-0 mt-1.5" }, null, -1)),
+            r("div", {
               class: C(["h-3 bg-gray-300 rounded flex-1", o === 1 ? "max-w-full" : "w-28"])
             }, null, 2)
           ])), 64))
         ]),
-        d("div", Ot, [
-          (r(), s($, null, _(4, (o) => d("div", {
+        r("div", Ot, [
+          (d(), s(w, null, _(4, (o) => r("div", {
             key: "r-" + o,
             class: "flex items-center gap-2"
           }, [
-            t[1] || (t[1] = d("div", { class: "w-1.5 h-1.5 rounded-full bg-gray-400 shrink-0 mt-1.5" }, null, -1)),
-            d("div", {
+            t[1] || (t[1] = r("div", { class: "w-1.5 h-1.5 rounded-full bg-gray-400 shrink-0 mt-1.5" }, null, -1)),
+            r("div", {
               class: C(["h-3 bg-gray-300 rounded flex-1", o === 1 ? "max-w-full" : "w-28"])
             }, null, 2)
           ])), 64))
         ])
       ]),
-      d("div", Pt, [
-        d("div", Ht, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", Xt, i(e.count), 1)) : v("", !0)
+      r("div", Pt, [
+        r("div", Ht, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", Xt, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, td = { class: "h-full flex flex-col" }, dd = { class: "flex-1 flex flex-col rounded py-4 px-5 bg-gray-400 w-full max-w-[70%] mx-auto" }, rd = { class: "space-y-2 flex-1" }, sd = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-200" }, ld = { class: "text-xs font-medium text-gray-600" }, id = {
+}, tr = { class: "h-full flex flex-col" }, rr = { class: "flex-1 flex flex-col rounded py-4 px-5 bg-gray-400 w-full max-w-[70%] mx-auto" }, dr = { class: "space-y-2 flex-1" }, sr = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-200" }, lr = { class: "text-xs font-medium text-gray-600" }, ir = {
   key: 0,
   class: "text-xs text-gray-500"
-}, ad = {
+}, ar = {
   __name: "list-skeleton",
   props: {
     text: {
@@ -1369,15 +1369,15 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", td, [
-      d("div", dd, [
-        t[1] || (t[1] = d("div", { class: "h-4 bg-gray-300 rounded mb-2.5 w-40 shrink-0" }, null, -1)),
-        d("div", rd, [
-          (r(), s($, null, _(5, (o) => d("div", {
+    return (l, t) => (d(), s("div", tr, [
+      r("div", rr, [
+        t[1] || (t[1] = r("div", { class: "h-4 bg-gray-300 rounded mb-2.5 w-40 shrink-0" }, null, -1)),
+        r("div", dr, [
+          (d(), s(w, null, _(5, (o) => r("div", {
             key: o,
             class: "flex items-center gap-2"
           }, [
-            t[0] || (t[0] = d("svg", {
+            t[0] || (t[0] = r("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "20",
               height: "20",
@@ -1390,29 +1390,29 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
               class: "shrink-0 text-gray-200 w-3 h-3",
               "aria-hidden": "true"
             }, [
-              d("circle", {
+              r("circle", {
                 cx: "12",
                 cy: "12",
                 r: "10"
               }),
-              d("path", { d: "m9 12 2 2 4-4" })
+              r("path", { d: "m9 12 2 2 4-4" })
             ], -1)),
-            d("div", {
+            r("div", {
               class: C(["h-2.5 bg-gray-200 rounded flex-1", o === 1 ? "max-w-[12rem]" : o === 3 ? "w-28" : "w-20"])
             }, null, 2)
           ])), 64))
         ])
       ]),
-      d("div", sd, [
-        d("div", ld, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", id, i(e.count), 1)) : v("", !0)
+      r("div", sr, [
+        r("div", lr, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", ir, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
-}, od = { class: "h-full flex flex-col" }, nd = { class: "flex-1 flex flex-col rounded py-4 px-5 bg-gray-100 w-full max-w-[70%] mx-auto" }, cd = { class: "space-y-2 flex-1" }, ud = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-200" }, vd = { class: "text-xs font-medium text-gray-600" }, gd = {
+}, or = { class: "h-full flex flex-col" }, nr = { class: "flex-1 flex flex-col rounded py-4 px-5 bg-gray-100 w-full max-w-[70%] mx-auto" }, cr = { class: "space-y-2 flex-1" }, ur = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-200" }, vr = { class: "text-xs font-medium text-gray-600" }, gr = {
   key: 0,
   class: "text-xs text-gray-500"
-}, yd = {
+}, yr = {
   __name: "list-link-skeleton",
   props: {
     text: {
@@ -1425,24 +1425,125 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     }
   },
   setup(e) {
-    return (l, t) => (r(), s("div", od, [
-      d("div", nd, [
-        t[1] || (t[1] = d("div", { class: "h-4 bg-gray-300 rounded mb-2.5 w-40 shrink-0" }, null, -1)),
-        d("div", cd, [
-          (r(), s($, null, _(5, (o) => d("div", {
+    return (l, t) => (d(), s("div", or, [
+      r("div", nr, [
+        t[1] || (t[1] = r("div", { class: "h-4 bg-gray-300 rounded mb-2.5 w-40 shrink-0" }, null, -1)),
+        r("div", cr, [
+          (d(), s(w, null, _(5, (o) => r("div", {
+            key: o,
+            class: "flex items-center gap-2"
+          }, [
+            t[0] || (t[0] = r("div", { class: "w-1 h-1 bg-gray-400 rounded-full shrink-0" }, null, -1)),
+            r("div", {
+              class: C(["h-2.5 bg-gray-300 rounded flex-1", o === 1 ? "max-w-[12rem]" : o === 3 ? "w-28" : "w-20"])
+            }, null, 2)
+          ])), 64))
+        ])
+      ]),
+      r("div", ur, [
+        r("div", vr, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", gr, i(e.count), 1)) : u("", !0)
+      ])
+    ]));
+  }
+}, xr = { class: "h-full w-full flex flex-col" }, br = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, hr = { class: "text-xs font-medium text-gray-600" }, fr = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, mr = {
+  __name: "video-block-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (l, t) => (d(), s("div", xr, [
+      t[0] || (t[0] = g('<div class="flex-1 w-[70%] mx-auto bg-gray-200 rounded relative"><div class="absolute inset-0 flex items-center justify-center"><div class="w-10 h-10 bg-gray-400 rounded-full flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-5 h-5 text-white ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div>', 1)),
+      r("div", br, [
+        r("div", hr, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", fr, i(e.count), 1)) : u("", !0)
+      ])
+    ]));
+  }
+}, pr = { class: "h-full w-[70%] mx-auto flex flex-col" }, wr = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, kr = { class: "text-xs font-medium text-gray-600" }, $r = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, _r = {
+  __name: "accordion-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (l, t) => (d(), s("div", pr, [
+      t[0] || (t[0] = g('<div class="h-3 w-1/3 bg-gray-500 rounded mb-2"></div><div class="space-y-1.5 flex-1"><div class="border-y border-gray-300 py-2"><div class="flex items-center justify-between"><div class="h-1.5 bg-gray-300 rounded w-1/3 mr-2"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-2.5 h-2.5 text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></div></div><div class="border-y border-gray-300 p-2"><div class="flex items-center justify-between"><div class="h-1.5 bg-gray-300 rounded w-2/3 mr-2"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-2.5 h-2.5 text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></div><div class="mt-1 pt-2 border-t border-gray-200"><div class="flex flex-row gap-2"><div class="w-1/2 space-y-1"><div class="h-1 bg-gray-200 rounded"></div><div class="h-1 bg-gray-200 rounded w-5/6"></div><div class="h-1 bg-gray-200 rounded w-4/5"></div></div><div class="w-1/2 bg-gray-200 rounded"></div></div></div></div><div class="border-y border-gray-300 p-2"><div class="flex items-center justify-between"><div class="h-1.5 bg-gray-300 rounded w-1/3 mr-2"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-2.5 h-2.5 text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></div></div></div>', 2)),
+      r("div", wr, [
+        r("div", kr, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", $r, i(e.count), 1)) : u("", !0)
+      ])
+    ]));
+  }
+}, Cr = { class: "h-full flex flex-col" }, jr = { class: "flex-1 flex flex-col rounded py-4 px-5 w-full max-w-[70%] mx-auto" }, Ar = { class: "space-y-2 flex-1" }, qr = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-200" }, Mr = { class: "text-xs font-medium text-gray-600" }, Sr = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, Br = {
+  __name: "link-block-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (l, t) => (d(), s("div", Cr, [
+      r("div", jr, [
+        t[1] || (t[1] = r("div", { class: "h-4 bg-gray-400 rounded mb-2.5 w-40 shrink-0" }, null, -1)),
+        r("div", Ar, [
+          (d(), s(w, null, _(5, (o) => r("div", {
             key: o,
             class: "flex items-center gap-2"
           }, [
-            t[0] || (t[0] = d("div", { class: "w-1 h-1 bg-gray-400 rounded-full shrink-0" }, null, -1)),
-            d("div", {
+            t[0] || (t[0] = r("div", { class: "w-3 h-3 bg-gray-400 rounded-full p-0.5 flex items-center justify-center" }, [
+              r("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                class: "text-gray-100 w-1 h-1"
+              }, [
+                r("path", { d: "M18 8L22 12L18 16" }),
+                r("path", { d: "M2 12H22" })
+              ])
+            ], -1)),
+            r("div", {
               class: C(["h-2.5 bg-gray-300 rounded flex-1", o === 1 ? "max-w-[12rem]" : o === 3 ? "w-28" : "w-20"])
             }, null, 2)
           ])), 64))
         ])
       ]),
-      d("div", ud, [
-        d("div", vd, i(l.$t(e.text)), 1),
-        e.count && e.count > 0 ? (r(), s("div", gd, i(e.count), 1)) : v("", !0)
+      r("div", qr, [
+        r("div", Mr, i(l.$t(e.text)), 1),
+        e.count && e.count > 0 ? (d(), s("div", Sr, i(e.count), 1)) : u("", !0)
       ])
     ]));
   }
@@ -1451,34 +1552,37 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
   banner: z,
   slider: Re,
   video: Le,
-  about: Ze,
+  about: We,
   cards: Q,
-  usefulLinks: W,
+  usefulLinks: N,
   team: Ce,
   news: I,
-  form: xe,
+  form: be,
   tabs: et,
   vertical_tabs: I,
-  documents: Z,
+  documents: W,
   infoLine: Ke,
   body: nt,
   photoGrid: Q,
-  interested: W,
-  contact: Z,
+  interested: N,
+  contact: W,
   iframe: z,
   imageSlider: yt,
   videoSlider: mt,
   detailedBanner: _t,
   cardsReverse: Mt,
   table: zt,
-  fileDownload: Nt,
+  fileDownload: Gt,
   bodyContent: Ut,
-  columnList: ed,
-  list: ad,
-  linkList: yd
-}, bd = { class: "grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 gap-4" }, xd = ["onClick"], hd = { class: "wireframe-block h-[240px] !p-4 border-2 border-dashed bg-white relative overflow-hidden transition-all rounded-lg shadow-sm border-gray-300 hover:border-gray-400 cursor-pointer" }, fd = ["src"], md = {
+  columnList: er,
+  list: ar,
+  linkList: yr,
+  videoBlock: mr,
+  accordionBlock: _r,
+  linkBlock: Br
+}, Er = { class: "grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 gap-4" }, Vr = ["onClick"], Lr = { class: "wireframe-block h-[240px] !p-4 border-2 border-dashed bg-white relative overflow-hidden transition-all rounded-lg shadow-sm border-gray-300 hover:border-gray-400 cursor-pointer" }, Qr = ["src"], zr = {
   __name: "vs-form-reference-choce",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ B({
     options: {
       type: Array,
       required: !0
@@ -1492,29 +1596,29 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const l = j(e, "modelValue");
-    return (t, o) => (r(), s("div", bd, [
-      (r(!0), s($, null, _(e.options, (n) => (r(), s("div", {
+    const l = A(e, "modelValue");
+    return (t, o) => (d(), s("div", Er, [
+      (d(!0), s(w, null, _(e.options, (n) => (d(), s("div", {
         key: n.id,
         onClick: (y) => l.value = n.id,
         class: "relative"
       }, [
-        d("div", hd, [
-          x(S)[n.id] ? (r(), A(G(x(S)[n.id]), {
+        r("div", Lr, [
+          b(S)[n.id] ? (d(), j(Z(b(S)[n.id]), {
             key: 0,
             text: n == null ? void 0 : n.text,
             count: (n == null ? void 0 : n.data) || 0
-          }, null, 8, ["text", "count"])) : (r(), s("img", {
+          }, null, 8, ["text", "count"])) : (d(), s("img", {
             key: 1,
-            src: x(U),
+            src: b(U),
             alt: "Team collaboration",
             class: "w-full h-full object-cover"
-          }, null, 8, fd))
+          }, null, 8, Qr))
         ])
-      ], 8, xd))), 128))
+      ], 8, Vr))), 128))
     ]));
   }
-}, pd = [
+}, Ir = [
   {
     text: "reference.faq",
     id: "faq"
@@ -1591,9 +1695,9 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
     text: "reference.iframe",
     id: "iframe"
   }
-], wd = { class: "flex gap-4" }, kd = { class: "text-sm text-gray-500 dark:text-gray-400 border flex items-center h-10 px-4 rounded-lg w-full" }, $d = { class: "flex items-center justify-between w-full p-4 border-t border-gray-200 dark:border-gray-700" }, _d = {
+], Nr = { class: "flex gap-4" }, Wr = { class: "text-sm text-gray-500 dark:text-gray-400 border flex items-center h-10 px-4 rounded-lg w-full" }, Zr = { class: "flex items-center justify-between w-full p-4 border-t border-gray-200 dark:border-gray-700" }, Gr = {
   __name: "vs-form-reference-add",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ B({
     title: {
       type: String,
       required: !0
@@ -1607,12 +1711,12 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: l } = Y(), t = N().appContext.config.globalProperties.$settings.cms;
-    L["vs-input-reference"] = Vd, L["vs-input-tiptap-editor"] = H;
-    const o = j(e, "modelValue"), n = w(!1), y = w({}), a = w(null), b = w({}), m = M(() => {
-      var u, c;
-      return ((u = t.sections.find((f) => f.id === a.value)) == null ? void 0 : u.schema) || ((c = D[a.value]) == null ? void 0 : c.schema) || null;
-    }), V = async () => {
+    const { t: l } = Y(), t = G().appContext.config.globalProperties.$settings.cms;
+    L["vs-input-reference"] = Kr, L["vs-input-tiptap-editor"] = H;
+    const o = A(e, "modelValue"), n = k(!1), y = k({}), a = k(null), x = k({}), m = M(() => {
+      var v, c;
+      return ((v = t.sections.find((f) => f.id === a.value)) == null ? void 0 : v.schema) || ((c = D[a.value]) == null ? void 0 : c.schema) || null;
+    }), E = async () => {
       if (await y.value.validate()) {
         T({
           type: "warning",
@@ -1622,71 +1726,71 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
         return;
       }
       try {
-        Object.keys(b.value).length !== 0 && (o.value = [
+        Object.keys(x.value).length !== 0 && (o.value = [
           ...o.value || [],
           {
-            ...b.value,
+            ...x.value,
             id: Math.random().toString(36).substring(2, 15),
             reference_type: a.value
           }
-        ]), n.value = !1, a.value = null, b.value = {};
+        ]), n.value = !1, a.value = null, x.value = {};
       } catch (c) {
         console.log(c);
       }
     };
-    B(n, () => {
-      n.value || (a.value = null, b.value = {});
+    V(n, () => {
+      n.value || (a.value = null, x.value = {});
     });
-    const h = M(() => t.sectionsList || pd);
-    return (u, c) => (r(), s("div", null, [
-      d("button", {
+    const h = M(() => t.sectionsList || Ir);
+    return (v, c) => (d(), s("div", null, [
+      r("button", {
         type: "button",
         class: "inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-500",
         onClick: c[0] || (c[0] = (f) => n.value = !n.value)
-      }, i(u.$t("cms.builder.create")), 1),
-      k(x(F), {
+      }, i(v.$t("cms.builder.create")), 1),
+      $(b(F), {
         visible: n.value,
         "onUpdate:visible": c[6] || (c[6] = (f) => n.value = f),
         position: "right",
         closeClickBackdrop: !1,
         onClose: c[7] || (c[7] = (f) => n.value = !1),
-        title: a.value ? u.$t("cms.builder." + a.value) : u.$t("cms.builder.selectType"),
+        title: a.value ? v.$t("cms.builder." + a.value) : v.$t("cms.builder.selectType"),
         size: "50vw"
       }, {
         footer: q(() => [
-          d("div", $d, [
-            d("button", {
+          r("div", Zr, [
+            r("button", {
               onClick: c[5] || (c[5] = (f) => n.value = !1),
               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"
-            }, i(u.$t("cms.builder.cancel")), 1),
-            d("button", {
-              onClick: V,
+            }, i(v.$t("cms.builder.cancel")), 1),
+            r("button", {
+              onClick: E,
               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"
-            }, i(u.$t("cms.builder.create")), 1)
+            }, i(v.$t("cms.builder.create")), 1)
           ])
         ]),
         default: q(() => {
           var f;
           return [
-            a.value ? (r(), s($, { key: 1 }, [
-              d("div", wd, [
-                d("div", kd, [
-                  d("span", null, i((f = h.value.find((p) => p.id === a.value)) == null ? void 0 : f.text), 1)
+            a.value ? (d(), s(w, { key: 1 }, [
+              r("div", Nr, [
+                r("div", Wr, [
+                  r("span", null, i((f = h.value.find((p) => p.id === a.value)) == null ? void 0 : f.text), 1)
                 ]),
-                d("button", {
+                r("button", {
                   class: "py-2.5 px-3 mb-4 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",
                   onClick: c[2] || (c[2] = (p) => a.value = null)
-                }, i(u.$t("cms.builder.changeType")), 1)
+                }, i(v.$t("cms.builder.changeType")), 1)
               ]),
-              m.value ? (r(), A(x(R), {
+              m.value ? (d(), j(b(R), {
                 key: a.value,
                 schema: m.value,
-                modelValue: b.value,
-                "onUpdate:modelValue": c[3] || (c[3] = (p) => b.value = p),
+                modelValue: x.value,
+                "onUpdate:modelValue": c[3] || (c[3] = (p) => x.value = p),
                 form: y.value,
                 "onUpdate:form": c[4] || (c[4] = (p) => y.value = p)
-              }, null, 8, ["schema", "modelValue", "form"])) : v("", !0)
-            ], 64)) : (r(), A(md, {
+              }, null, 8, ["schema", "modelValue", "form"])) : u("", !0)
+            ], 64)) : (d(), j(zr, {
               key: 0,
               modelValue: a.value,
               "onUpdate:modelValue": c[1] || (c[1] = (p) => a.value = p),
@@ -1698,9 +1802,9 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
       }, 8, ["visible", "title"])
     ]));
   }
-}, Cd = { class: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity flex space-x-1 z-10" }, Ad = { class: "flex items-center justify-between w-full p-4 border-t border-gray-200 dark:border-gray-700" }, jd = {
+}, Fr = { class: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity flex space-x-1 z-10" }, Tr = { class: "flex items-center justify-between w-full p-4 border-t border-gray-200 dark:border-gray-700" }, Rr = {
   __name: "vs-form-reference-controls",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ B({
     title: {
       type: String,
       required: !0
@@ -1719,16 +1823,16 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
   }),
   emits: ["update:modelValue", "update:parent"],
   setup(e) {
-    const { t: l } = Y(), t = N().appContext.config.globalProperties.$settings.cms, o = j(e, "modelValue"), n = j(e, "parent"), y = w(!1), a = w({}), b = w({}), m = M(() => {
-      var h, u;
-      return ((h = t.sections.find((c) => c.id === o.value.reference_type)) == null ? void 0 : h.schema) || ((u = D[o.value.reference_type]) == null ? void 0 : u.schema) || null;
+    const { t: l } = Y(), t = G().appContext.config.globalProperties.$settings.cms, o = A(e, "modelValue"), n = A(e, "parent"), y = k(!1), a = k({}), x = k({}), m = M(() => {
+      var h, v;
+      return ((h = t.sections.find((c) => c.id === o.value.reference_type)) == null ? void 0 : h.schema) || ((v = D[o.value.reference_type]) == null ? void 0 : v.schema) || null;
     });
-    B(y, (h) => {
+    V(y, (h) => {
       h && (a.value = { ...o.value });
     });
-    const V = async () => {
+    const E = async () => {
       try {
-        if (await b.value.validate()) {
+        if (await x.value.validate()) {
           T({
             type: "warning",
             title: l("cms.common.actions.warning"),
@@ -1741,59 +1845,59 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
         console.log(h);
       }
     };
-    return (h, u) => (r(), s("div", Cd, [
-      d("button", {
-        onClick: u[0] || (u[0] = (c) => y.value = !y.value),
+    return (h, v) => (d(), s("div", Fr, [
+      r("button", {
+        onClick: v[0] || (v[0] = (c) => y.value = !y.value),
         class: "p-1.5 bg-white dark:bg-gray-800 rounded shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors border border-gray-200 dark:border-gray-700"
       }, [
-        k(x(J), { class: "h-4 w-4 text-gray-400" })
+        $(b(J), { class: "h-4 w-4 text-gray-400" })
       ]),
-      d("button", {
-        onClick: u[1] || (u[1] = (c) => n.value = n.value.filter((f) => f.id !== o.value.id)),
+      r("button", {
+        onClick: v[1] || (v[1] = (c) => n.value = n.value.filter((f) => f.id !== o.value.id)),
         class: "p-1.5 bg-white dark:bg-gray-800 rounded shadow-sm hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors border border-gray-200 dark:border-gray-700"
       }, [
-        k(x(K), { class: "h-4 w-4 text-red-500" })
+        $(b(K), { class: "h-4 w-4 text-red-500" })
       ]),
-      k(x(F), {
+      $(b(F), {
         visible: y.value,
-        "onUpdate:visible": u[5] || (u[5] = (c) => y.value = c),
-        onClose: u[6] || (u[6] = (c) => y.value = !1),
+        "onUpdate:visible": v[5] || (v[5] = (c) => y.value = c),
+        onClose: v[6] || (v[6] = (c) => y.value = !1),
         title: e.title,
         width: "50vw"
       }, {
         footer: q(() => [
-          d("div", Ad, [
-            d("button", {
+          r("div", Tr, [
+            r("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: u[4] || (u[4] = (c) => y.value = !1)
+              onClick: v[4] || (v[4] = (c) => y.value = !1)
             }, i(h.$t("cms.common.actions.cancel")), 1),
-            d("button", {
-              onClick: V,
+            r("button", {
+              onClick: E,
               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"
             }, i(h.$t("cms.common.actions.save")), 1)
           ])
         ]),
         default: q(() => [
-          m.value ? (r(), A(x(R), {
+          m.value ? (d(), j(b(R), {
             key: 0,
-            form: b.value,
-            "onUpdate:form": u[2] || (u[2] = (c) => b.value = c),
+            form: x.value,
+            "onUpdate:form": v[2] || (v[2] = (c) => x.value = c),
             schema: m.value,
             modelValue: a.value,
-            "onUpdate:modelValue": u[3] || (u[3] = (c) => a.value = c),
+            "onUpdate:modelValue": v[3] || (v[3] = (c) => a.value = c),
             class: "-mr-[10px] ml-[10px] mt-[10px]"
-          }, null, 8, ["form", "schema", "modelValue"])) : v("", !0)
+          }, null, 8, ["form", "schema", "modelValue"])) : u("", !0)
         ]),
         _: 1
       }, 8, ["visible", "title"])
     ]));
   }
-}, qd = { class: "w-full" }, Md = {
+}, Yr = { class: "w-full" }, Ur = {
   key: 0,
   class: "relative"
-}, Sd = { class: "group wireframe-block h-[280px] !p-4 border-2 border-dashed bg-white relative overflow-hidden transition-all rounded-lg shadow-sm border-gray-00 hover:border-gray-400 cursor-grab" }, Ed = ["src"], Vd = {
+}, Dr = { class: "group wireframe-block h-[280px] !p-4 border-2 border-dashed bg-white relative overflow-hidden transition-all rounded-lg shadow-sm border-gray-00 hover:border-gray-400 cursor-grab" }, Jr = ["src"], Kr = {
   __name: "vs-form-reference-list",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ B({
     reference_type: {
       type: String,
       required: !0
@@ -1810,7 +1914,7 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const l = j(e, "modelValue"), t = M({
+    const l = A(e, "modelValue"), t = M({
       get() {
         const o = l.value;
         return o == null ? [] : Array.isArray(o) ? o : [];
@@ -1819,12 +1923,12 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
         l.value = Array.isArray(o) ? o : [];
       }
     });
-    return B(l, (o) => {
+    return V(l, (o) => {
       o != null && !Array.isArray(o) && (l.value = []);
     }, { immediate: !0 }), (o, n) => {
       var y;
-      return r(), s("div", qd, [
-        ((y = t.value) == null ? void 0 : y.length) > 0 ? (r(), A(x(P), {
+      return d(), s("div", Yr, [
+        ((y = t.value) == null ? void 0 : y.length) > 0 ? (d(), j(b(P), {
           key: 0,
           modelValue: t.value,
           "onUpdate:modelValue": n[1] || (n[1] = (a) => t.value = a),
@@ -1832,39 +1936,39 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
           handle: ".drag-handle",
           class: "grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4"
         }, {
-          item: q(({ element: a, index: b }) => [
-            a != null && a.reference_type ? (r(), s("div", Md, [
-              d("div", Sd, [
-                (r(), s("div", {
+          item: q(({ element: a, index: x }) => [
+            a != null && a.reference_type ? (d(), s("div", Ur, [
+              r("div", Dr, [
+                (d(), s("div", {
                   key: a.id,
                   class: "absolute top-2 left-2 opacity-0 group-hover:opacity-100 border border-gray-200 dark:border-gray-700 transition-opacity cursor-move z-10 bg-white dark:bg-gray-800 rounded p-1 shadow-sm drag-handle"
                 }, [
-                  k(x(O), { class: "h-4 w-4 text-gray-400" })
+                  $(b(O), { class: "h-4 w-4 text-gray-400" })
                 ])),
-                k(jd, {
+                $(Rr, {
                   title: o.$t("cms.builder." + (a == null ? void 0 : a.reference_type)),
-                  modelValue: t.value[b],
-                  "onUpdate:modelValue": (m) => t.value[b] = m,
+                  modelValue: t.value[x],
+                  "onUpdate:modelValue": (m) => t.value[x] = m,
                   parent: t.value,
                   "onUpdate:parent": n[0] || (n[0] = (m) => t.value = m)
                 }, null, 8, ["title", "modelValue", "onUpdate:modelValue", "parent"]),
-                x(S)[a == null ? void 0 : a.reference_type] ? (r(), A(G(x(S)[a == null ? void 0 : a.reference_type]), {
+                b(S)[a == null ? void 0 : a.reference_type] ? (d(), j(Z(b(S)[a == null ? void 0 : a.reference_type]), {
                   key: 0,
-                  index: b,
+                  index: x,
                   text: a == null ? void 0 : a.reference_type,
                   count: Array.isArray(a == null ? void 0 : a.data) ? a.data.length : 0
-                }, null, 8, ["index", "text", "count"])) : (r(), s("img", {
+                }, null, 8, ["index", "text", "count"])) : (d(), s("img", {
                   key: 1,
-                  src: x(U),
+                  src: b(U),
                   alt: "Team collaboration",
                   class: "w-full h-full object-cover"
-                }, null, 8, Ed))
+                }, null, 8, Jr))
               ])
-            ])) : v("", !0)
+            ])) : u("", !0)
           ]),
           _: 1
-        }, 8, ["modelValue"])) : v("", !0),
-        k(_d, {
+        }, 8, ["modelValue"])) : u("", !0),
+        $(Gr, {
           class: "mt-4",
           title: e.title,
           modelValue: t.value,
@@ -1875,5 +1979,5 @@ const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAA
   }
 };
 export {
-  Vd as default
+  Kr as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengis/cms",
-  "version": "0.0.63",
+  "version": "0.0.64",
   "description": "cms",
   "type": "module",
   "author": "Softpro",