@opengis/cms 0.0.57 → 0.0.59

package/dist/vs-form-reference-list-Dtv8fJJU.js

@@ -0,0 +1,1536 @@
+import { openBlock as r, createElementBlock as s, createStaticVNode as p, createElementVNode as d, toDisplayString as a, createCommentVNode as g, useModel as A, Fragment as I, renderList as R, unref as b, createBlock as k, resolveDynamicComponent as L, mergeModels as M, ref as m, computed as j, watch as E, createVNode as w, withCtx as C } from "vue";
+import { Edit as Y, Trash2 as U, GripVertical as D } from "lucide-vue-next";
+import { d as J } from "./vuedraggable-CoAPPFYd.js";
+import { VsDrawer as W, notify as Z } from "@opengis/core";
+import { _ as K } from "./vs-form-tiptap.vue_vue_type_script_setup_true_lang-DGgsqXwg.js";
+import { inputs as q, VForm as G } from "@opengis/form";
+import { useI18n as F } from "vue-i18n";
+const T = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACbCAIAAABJbgHoAAAGfklEQVR4Ae3d7W6baBSF0d7/7Q6IDxkzmrHEQU2DHZudWH1XflRHcXNqVnka4tL01+qNAIGwwK/wfusJEFjPyexyuUzTNAxD3/dd1/3z/1vXdX3fD8MwTdPlcoFNoFmBlzJblmWapr7vb10d/9j3/TRNy7I0a+3AmxV4MrPr9TqO43FXnz06juP1em1W3IE3KPBMZvM8b1eGn7V0/P6u6+Z5bpDbIbcp8OXMnv4k9jG8cRzbRHfUrQl8LbNhGD7W8sp7hmFoTdzxNijwhcxOb+zWp9IaPO1aO+RHMzvxWvHjZz9Xj62ddq0d70OZzfP8sY1z3+MVkdbOvKaO935m1+v1xdcVHwmy6zqv8jd15jV1sPczi14u7gt06djUmdfUwd7JbFmWfQnp2T0iTZ187RzsncymaUqntd8/TVM79I60HYE7mT14v+I+lVfmvu+P6W93UQ7eCLyxwMd7d48yu1wurzTz3Mce3Mu/LMs4jt3/b88t91EE0gK383Mcx/1XQEeZffMV4+34D64bb42lmewn8LpA13X7l/SOMgvd9nF8DAc3hXzzFezx8/QogWOB/VdAR5n9yGm9f3K/fZ32DX99dwznUQKPC3Rdt53AR5n9yGm9f3Lbs7wNjx+hn0ngHQS2E/gos596otuT+234qefj1yXwnMB2AsvsOUAfReC+wEOZuWi8D+lnEPhc4KHM3u0lkM8PxyME3lHgocze7QX9d4T0nAh8LvBQZu/219M/8tn1c0OPEDgS2P/V1NFLIO92s9U0TT/y5eKRpccI/Emg67r9/UxHma3r+s2fQPZ/AGyfcLfhlW8O+ScK7yOQEvjtm5Heyeybrxv3fwBsde2HZVnmeZ68EXhjgXme9/cNr+u976Hvn3XuIzcTeE7gzmezdV19k4LnZH0UgU3gfma+5c6GZSDwnMD9zNZ19Q3knsP1UQRuAg9llr503P8DOL8xBP4+gUczW9c1dFPIwb/j/Pu4HVGbAl/ILFGaxto87Vo76q9ldu7Vo2vF1s62Zo/3y5ndXhF58aYn/41gsydcmwf+TGbrur5y39Nv96G06e6omxJ4MrObkf/ivalzxcE+LfBSZtuverlcpmkahqHv++16suu6vu+HYZim6eCbnG5LDAT+VoFzMvtbdRwXgVMEZHYKoyUEjgRkdqTjMQKnCMjsFEZLCBwJyOxIx2METhGQ2SmMlhA4EpDZkY7HCJwiILNTGC0hcCTwX2a3/1/QjwQInCuwlSezc2FtI1ACMisLE4GQgMxCsNYSKAGZlYWJQEhAZiFYawmUgMzKwkQgJCCzEKy1BEpAZmVhIhASkFkI1loCJSCzsjARCAnILARrLYESkFlZmAiEBGQWgrWWQAnIrCxMBEICMgvBWkugBGRWFiYCIQGZhWCtJVACMisLE4GQgMxCsNYSKAGZlYWJQEhAZiFYawmUgMzKwkQgJCCzEKy1BEpAZmVhIhASkFkI1loCJSCzsjARCAnILARrLYESkFlZmAiEBGQWgrWWQAnIrCxMBEICMgvBWkugBGRWFiYCIQGZhWCtJVACMisLE4GQgMxCsNYSKAGZlYWJQEhAZiFYawmUgMzKwkQgJCCzEKy1BEpAZmVhIhASkFkI1loCJSCzsjARCAnILARrLYESkFlZmAiEBGQWgrWWQAnIrCxMBEICMgvBWkugBGRWFiYCIQGZhWCtJVACMisLE4GQgMxCsNYSKAGZlYWJQEhAZiFYawmUgMzKwkQgJCCzEKy1BEpAZmVhIhASkFkI1loCJSCzsjARCAnILARrLYESkFlZmAiEBGQWgrWWQAnIrCxMBEICMgvBWkugBGRWFiYCIQGZhWCtJVACMisLE4GQgMxCsNYSKAGZlYWJQEhAZiFYawmUgMzKwkQgJCCzEKy1BEpAZmVhIhASkFkI1loCJSCzsjARCAnILARrLYESkFlZmAiEBGQWgrWWQAnIrCxMBEICMgvBWkugBGRWFiYCIQGZhWCtJVACMisLE4GQgMxCsNYSKAGZlYWJQEhAZiFYawmUgMzKwkQgJCCzEKy1BEpAZmVhIhASkFkI1loCJSCzsjARCAnILARrLYESkFlZmAiEBGQWgrWWQAnIrCxMBEICMgvBWkugBGRWFiYCIQGZhWCtJVACMisLE4GQgMxCsNYSKAGZlYWJQEhAZiFYawmUgMzKwkQgJCCzEKy1BEpAZmVhIhAS2DL7F8r/OP7dtZNpAAAAAElFTkSuQmCC", N = {
+  faq: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Назва",
+        placeholder: "Назва"
+      },
+      show_dots: {
+        type: "switcher",
+        label: "Показувати точки"
+      },
+      show_index: {
+        type: "switcher",
+        conditions: ["show_dots", "==", "true"],
+        label: "Показувати нумерацію"
+      },
+      index_type: {
+        type: "combobox",
+        conditions: ["show_index", "==", "true"],
+        label: "Тип нумерації",
+        options: [
+          { id: "decimal", text: "Десятковий" },
+          { id: "upper-alpha", text: "Латинські великі букви" },
+          { id: "lower-alpha", text: "Латинські маленькі букви" },
+          { id: "upper-roman", text: "Римські великі цифри" },
+          { id: "lower-roman", text: "Римські маленькі цифри" },
+          { id: "upper-cyrillic", text: "Кириличні великі букви" },
+          { id: "lower-cyrillic", text: "Кириличні маленькі букви" }
+        ]
+      },
+      openfirst: {
+        type: "switcher",
+        label: "Відкрити перший елемент?"
+      },
+      collapse_mode: {
+        type: "switcher",
+        label: "Не згортати попередній елемент?"
+      },
+      data: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "title",
+            ua: "Назва",
+            type: "text",
+            required: !0,
+            validators: ["required"]
+          },
+          {
+            key: "is_section",
+            type: "Radio",
+            label: "Заповнити секціями",
+            options: [
+              { id: "yes", text: "Так" },
+              { id: "no", text: "Ні" }
+            ],
+            required: !0,
+            validators: ["required"]
+          },
+          {
+            key: "section",
+            type: "reference",
+            label: "Вкладений контент",
+            placeholder: "Ваш контент",
+            conditions: ["is_section", "==", "yes"],
+            required: !0,
+            validators: ["required"]
+          },
+          {
+            key: "body",
+            type: "tiptap-editor",
+            label: "Тіло вкладки",
+            placeholder: "Ваш контент",
+            conditions: ["is_section", "==", "no"],
+            required: !0,
+            validators: ["required"]
+          }
+        ]
+      }
+    }
+  },
+  banner: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Назва",
+        placeholder: "Назва"
+      },
+      image: {
+        type: "file",
+        label: "Зображення",
+        placeholder: "Зображення"
+      }
+    }
+  },
+  photoGrid: {
+    schema: {
+      columns: {
+        type: "number",
+        label: "Кількість колонок",
+        placeholder: "Кількість колонок",
+        default: 3
+      },
+      data: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "image",
+            ua: "Зображення",
+            type: "file"
+          },
+          {
+            key: "caption",
+            ua: "Заголовок",
+            type: "text"
+          }
+        ]
+      }
+    }
+  },
+  slider: {
+    schema: {
+      autoplay: {
+        type: "switcher",
+        label: "Автоматичне гортання?",
+        default: !0
+      },
+      autoplaySpeed: {
+        type: "number",
+        label: "Швидкість автоматичного гортання(мс)",
+        placeholder: "Швидкість автоматичного гортання(мс)",
+        default: 3e3
+      },
+      show_navigation: {
+        type: "switcher",
+        label: "Показувати кнопки навігації?"
+      },
+      data: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "title",
+            ua: "Назва",
+            type: "text"
+          },
+          {
+            key: "link",
+            ua: "Посилання",
+            type: "text"
+          },
+          {
+            key: "image",
+            ua: "Зображення",
+            type: "file"
+          },
+          {
+            key: "image_width",
+            ua: "Ширина зображення(px)",
+            type: "number",
+            placeholder: "Ширина зображення"
+          },
+          {
+            key: "image_height",
+            ua: "Висота зображення(px)",
+            type: "number",
+            placeholder: "Висота зображення"
+          },
+          {
+            ua: "Розтягувати по ширині",
+            key: "stretch",
+            type: "switcher"
+          },
+          {
+            key: "target_blank",
+            ua: "Відкривати в новій вкладці?",
+            type: "switcher"
+          }
+        ]
+      }
+    }
+  },
+  video: {
+    schema: {
+      file: {
+        type: "file",
+        max_size: 50,
+        description: "Максимальний розмір файлу 50MB",
+        label: "Завантажити відео",
+        placeholder: "Завантажити відео"
+      },
+      hidden_gif: {
+        type: "switcher",
+        label: "Сховати GIF"
+      },
+      preview: {
+        type: "file",
+        label: "Прев'ю  для відео"
+      },
+      link: {
+        type: "text",
+        label: "Посилання",
+        placeholder: "Посилання"
+      }
+    }
+  },
+  about: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Заголовок",
+        placeholder: "Заголовок"
+      },
+      text: {
+        type: "tiptap-editor",
+        label: "Текст",
+        placeholder: "Текст"
+      },
+      url: {
+        type: "file",
+        label: "Зображення / відео",
+        placeholder: "Посилання"
+      }
+    }
+  },
+  cards: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Заголовок",
+        placeholder: "Заголовок"
+      },
+      data: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "title",
+            ua: "Назва",
+            type: "text"
+          },
+          {
+            key: "img",
+            ua: "Зображення",
+            type: "file"
+          },
+          {
+            key: "link",
+            ua: "Посилання",
+            type: "text"
+          },
+          {
+            key: "description",
+            ua: "Опис",
+            type: "text"
+          }
+        ]
+      }
+    }
+  },
+  usefulLinks: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Заголовок",
+        placeholder: "Заголовок"
+      },
+      data: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "text",
+            ua: "Назва",
+            type: "text"
+          },
+          {
+            key: "url",
+            ua: "Посилання",
+            type: "text"
+          },
+          {
+            key: "target_blank",
+            ua: "Відкривати в новій вкладці?",
+            type: "switcher"
+          }
+        ]
+      }
+    }
+  },
+  team: {
+    schema: {
+      data: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "avatar",
+            ua: "Аватар",
+            type: "file"
+          },
+          {
+            key: "title",
+            ua: "Ім'я/ПІБ",
+            type: "text"
+          },
+          {
+            key: "description",
+            ua: "Опис",
+            type: "textarea",
+            optional: !0
+          },
+          {
+            key: "position",
+            ua: "Посада",
+            type: "text",
+            tooltip: !0
+          },
+          {
+            key: "email",
+            ua: "Email",
+            type: "text",
+            optional: !0
+          },
+          {
+            key: "tel",
+            ua: "Телефон",
+            type: "text",
+            optional: !0
+          },
+          {
+            key: "schedule",
+            ua: "Графік прийому",
+            type: "text",
+            optional: !0
+          },
+          {
+            key: "isinfo",
+            type: "switcher",
+            label: "Відображати кнопку 'Детальніше'"
+          },
+          {
+            key: "slug",
+            ua: "Slug",
+            type: "text",
+            label: "Унікальний ідентифікатор"
+          }
+        ]
+      }
+    }
+  },
+  body: {
+    schema: {
+      background_color: {
+        type: "switcher",
+        label: "Додати білий фон?"
+      },
+      content: {
+        type: "tiptap-editor",
+        label: "Текст",
+        placeholder: "Текст"
+      }
+    }
+  },
+  news: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Заголовок",
+        placeholder: "Заголовок"
+      },
+      buttonText: {
+        type: "text",
+        label: "Текст кнопки",
+        placeholder: "Текст кнопки"
+      },
+      buttonLink: {
+        type: "text",
+        label: "Посилання кнопки",
+        placeholder: "Посилання кнопки"
+      },
+      tag: {
+        type: "select",
+        label: "Тег",
+        placeholder: "Тег",
+        data: "tag_id"
+      },
+      news_list: {
+        type: "select",
+        label: "Список новин",
+        multiple: !0,
+        placeholder: "Список новин",
+        parent: "tag",
+        data: "news_tag_id"
+      }
+    }
+  },
+  form: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Заголовок",
+        placeholder: "Заголовок"
+      },
+      formUrl: {
+        type: "text",
+        label: "Посилання для відправки форми",
+        placeholder: "Посилання"
+      },
+      schema: {
+        label: "Схема форми",
+        type: "DataTable",
+        colModel: [
+          {
+            key: "name",
+            ua: "Name",
+            type: "text",
+            placeholder: "Name"
+          },
+          {
+            key: "label",
+            ua: "Title",
+            type: "text",
+            placeholder: "Title"
+          },
+          {
+            key: "type",
+            ua: "Type",
+            type: "combobox",
+            options: [
+              {
+                text: "Text",
+                id: "text"
+              },
+              {
+                text: "Textarea",
+                id: "textarea"
+              },
+              {
+                text: "switcher",
+                id: "switcher"
+              },
+              {
+                text: "Email",
+                id: "email"
+              },
+              {
+                text: "Mask",
+                id: "mask"
+              },
+              {
+                text: "Number",
+                id: "number"
+              },
+              {
+                text: "Date",
+                id: "date"
+              },
+              {
+                text: "Datetime",
+                id: "datetime"
+              }
+            ]
+          },
+          {
+            key: "mask",
+            ua: "Маска",
+            type: "text",
+            conditions: ["type", "==", "mask"],
+            placeholder: "Маска"
+          },
+          {
+            key: "placeholder",
+            ua: "Плейсхолдер",
+            type: "text",
+            placeholder: "Placeholder"
+          },
+          {
+            key: "required",
+            ua: "Required",
+            type: "switcher"
+          }
+        ]
+      }
+    }
+  },
+  tabs: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Заголовок",
+        placeholder: "Заголовок"
+      },
+      description: {
+        type: "textarea",
+        label: "Опис",
+        placeholder: "Опис"
+      },
+      history_mode: {
+        type: "switcher",
+        label: "Використовувати історію сторінки?"
+      },
+      data: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "slug",
+            type: "slug",
+            label: "Slug",
+            parent: "title",
+            placeholder: "Slug"
+          },
+          {
+            key: "title",
+            ua: "Назва",
+            type: "text",
+            required: !0,
+            validators: ["required"]
+          },
+          {
+            key: "is_section",
+            type: "Radio",
+            label: "Заповнити секціями",
+            options: [
+              { id: "yes", text: "Так" },
+              { id: "no", text: "Ні" }
+            ],
+            required: !0,
+            validators: ["required"]
+          },
+          {
+            key: "section",
+            type: "reference",
+            label: "Тіло вкладки",
+            placeholder: "Ваш контент",
+            conditions: ["is_section", "==", "yes"],
+            required: !0,
+            validators: ["required"]
+          },
+          {
+            key: "body",
+            type: "tiptap-editor",
+            label: "Тіло вкладки",
+            placeholder: "Ваш контент",
+            conditions: ["is_section", "==", "no"],
+            required: !0,
+            validators: ["required"]
+          }
+        ]
+      }
+    }
+  },
+  vertical_tabs: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Заголовок",
+        placeholder: "Заголовок"
+      },
+      history_mode: {
+        type: "switcher",
+        label: "Використовувати історію сторінки?"
+      },
+      data: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "slug",
+            type: "slug",
+            label: "Slug",
+            parent: "title",
+            placeholder: "Slug"
+          },
+          {
+            key: "title",
+            ua: "Назва",
+            type: "text",
+            required: !0,
+            validators: ["required"]
+          },
+          {
+            key: "is_section",
+            type: "Radio",
+            label: "Заповнити секціями",
+            options: [
+              { id: "yes", text: "Так" },
+              { id: "no", text: "Ні" },
+              { id: "slug", text: "Привязати сторінку" }
+            ],
+            required: !0,
+            validators: ["required"]
+          },
+          {
+            key: "slug",
+            type: "text",
+            label: "Slug",
+            placeholder: "Slug",
+            conditions: ["is_section", "==", "slug"]
+          },
+          {
+            key: "section",
+            type: "reference",
+            label: "Тіло вкладки",
+            placeholder: "Ваш контент",
+            conditions: ["is_section", "==", "yes"],
+            required: !0,
+            validators: ["required"]
+          },
+          {
+            key: "body",
+            type: "tiptap-editor",
+            label: "Тіло вкладки",
+            placeholder: "Ваш контент",
+            conditions: ["is_section", "==", "no"],
+            required: !0,
+            validators: ["required"]
+          }
+        ]
+      }
+    }
+  },
+  documents: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Заголовок",
+        placeholder: "Заголовок"
+      },
+      icon: {
+        type: "file",
+        label: "Завантажити іконку",
+        placeholder: "Завантажити іконку"
+      },
+      show_icon: {
+        type: "switcher",
+        label: "Показувати іконку?"
+      },
+      documents: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "title",
+            ua: "Назва",
+            type: "text"
+          },
+          {
+            key: "file",
+            info: "Прев'ю доступно тільки для документів у форматі pdf, html, txt. Інші формати одразу завантажуються.",
+            ua: "Файл",
+            type: "file"
+          }
+        ]
+      }
+    }
+  },
+  infoLine: {
+    schema: {
+      divider: {
+        type: "file",
+        label: "Завантажити розподілювач"
+      },
+      speed: {
+        type: "number",
+        label: "Швидкість автоматичного гортання(с)",
+        placeholder: "Швидкість автоматичного гортання(с)",
+        default: 20
+      },
+      data: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "title",
+            ua: "Текст",
+            type: "text"
+          }
+        ]
+      }
+    }
+  },
+  interested: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Заголовок",
+        placeholder: "Заголовок"
+      },
+      data: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "title",
+            ua: "Заголовок",
+            type: "text"
+          },
+          {
+            key: "link",
+            ua: "Посилання",
+            type: "text"
+          },
+          {
+            key: "target_blank",
+            ua: "Відкривати в новій вкладці?",
+            type: "switcher"
+          },
+          {
+            key: "color",
+            ua: "Колір фону",
+            type: "color"
+          }
+        ]
+      }
+    }
+  },
+  contact: {
+    schema: {
+      title: {
+        type: "text",
+        label: "Заголовок",
+        placeholder: "Заголовок"
+      },
+      data: {
+        type: "DataTable",
+        colModel: [
+          {
+            key: "type",
+            ua: "Тип",
+            type: "combobox",
+            options: [
+              { id: "email", text: "Email" },
+              { id: "tel", text: "Телефон" },
+              { id: "address", text: "Адреса" }
+            ]
+          },
+          {
+            key: "title",
+            ua: "Пошта",
+            type: "text",
+            conditions: ["type", "==", "email"]
+          },
+          {
+            key: "title",
+            ua: "Телефон",
+            type: "text",
+            conditions: ["type", "==", "tel"]
+          },
+          {
+            key: "title",
+            ua: "Адреса",
+            type: "text",
+            conditions: ["type", "==", "address"]
+          },
+          {
+            key: "description",
+            ua: "Опис",
+            type: "text"
+          }
+        ]
+      }
+    }
+  },
+  iframe: {
+    schema: {
+      link: {
+        type: "text",
+        label: "Посилання",
+        placeholder: "Посилання"
+      },
+      file: {
+        type: "file",
+        label: "Завантажити файл",
+        placeholder: "Завантажити файл"
+      },
+      height: {
+        type: "text",
+        label: "Висота iframe(px)",
+        placeholder: "Висота iframe(px)"
+      }
+    }
+  }
+}, _ = [
+  {
+    text: "reference.faq",
+    id: "faq"
+  },
+  {
+    text: "reference.banner",
+    id: "banner"
+  },
+  {
+    text: "reference.slider",
+    id: "slider"
+  },
+  {
+    text: "reference.photoGrid",
+    id: "photoGrid"
+  },
+  {
+    text: "reference.video",
+    id: "video"
+  },
+  {
+    text: "reference.about",
+    id: "about"
+  },
+  {
+    text: "reference.cards",
+    id: "cards"
+  },
+  {
+    text: "reference.usefulLinks",
+    id: "usefulLinks"
+  },
+  {
+    text: "reference.team",
+    id: "team"
+  },
+  {
+    text: "reference.body",
+    id: "body"
+  },
+  {
+    text: "reference.news",
+    id: "news"
+  },
+  {
+    text: "reference.form",
+    id: "form"
+  },
+  {
+    text: "reference.tabs",
+    id: "tabs"
+  },
+  {
+    text: "reference.vertical_tabs",
+    id: "vertical_tabs"
+  },
+  {
+    text: "reference.documents",
+    id: "documents"
+  },
+  {
+    text: "reference.infoLine",
+    id: "infoLine"
+  },
+  {
+    text: "reference.interested",
+    id: "interested"
+  },
+  {
+    text: "reference.contact",
+    id: "contact"
+  },
+  {
+    text: "reference.iframe",
+    id: "iframe"
+  }
+], O = { class: "h-full w-full flex flex-col" }, H = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, P = { class: "text-xs font-medium text-gray-600" }, X = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, V = {
+  __name: "cards-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", O, [
+      t[0] || (t[0] = p('<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", H, [
+        d("div", P, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", X, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, ee = { class: "h-full w-full flex flex-col" }, te = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, re = { class: "text-xs font-medium text-gray-600" }, de = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, le = {
+  __name: "faq-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", ee, [
+      t[0] || (t[0] = p('<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", te, [
+        d("div", re, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", de, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, se = { class: "h-full w-full flex flex-col" }, ie = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, ae = { class: "text-xs font-medium text-gray-600" }, oe = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, S = {
+  __name: "banner-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", se, [
+      t[0] || (t[0] = p('<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", ie, [
+        d("div", ae, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", oe, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, ne = { class: "h-full w-full flex flex-col" }, ce = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, ue = { class: "text-xs font-medium text-gray-600" }, ve = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, ge = {
+  __name: "form-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", ne, [
+      t[0] || (t[0] = p('<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", ce, [
+        d("div", ue, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", ve, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, ye = { class: "h-full w-full flex flex-col" }, be = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, he = { class: "text-xs font-medium text-gray-600" }, pe = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, B = {
+  __name: "news-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", ye, [
+      t[0] || (t[0] = p('<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", be, [
+        d("div", he, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", pe, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, xe = { class: "h-full w-full flex flex-col" }, fe = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, me = { class: "text-xs font-medium text-gray-600" }, we = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, ke = {
+  __name: "team-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", xe, [
+      t[0] || (t[0] = p('<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", fe, [
+        d("div", me, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", we, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, Ae = { class: "h-full w-full flex flex-col" }, Ce = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, _e = { class: "text-xs font-medium text-gray-600" }, $e = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, Q = {
+  __name: "usefulLinks-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", Ae, [
+      t[0] || (t[0] = p('<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", Ce, [
+        d("div", _e, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", $e, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, Me = { class: "h-full w-full flex flex-col" }, je = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Ee = { class: "text-xs font-medium text-gray-600" }, qe = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, Ve = {
+  __name: "video-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", Me, [
+      t[0] || (t[0] = p('<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", je, [
+        d("div", Ee, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", qe, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, 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" }, Qe = { class: "text-xs font-medium text-gray-600" }, ze = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, Ie = {
+  __name: "about-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", Se, [
+      t[0] || (t[0] = p('<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", Be, [
+        d("div", Qe, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", ze, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, Le = { class: "h-full w-full flex flex-col" }, We = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Ze = { class: "text-xs font-medium text-gray-600" }, Ge = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, Fe = {
+  __name: "slider-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", Le, [
+      t[0] || (t[0] = p('<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", We, [
+        d("div", Ze, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", Ge, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, Te = { class: "h-full flex flex-col" }, Ne = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Re = { class: "text-xs font-medium text-gray-600" }, Ye = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, Ue = {
+  __name: "infoLine-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", Te, [
+      t[0] || (t[0] = p('<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", Ne, [
+        d("div", Re, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", Ye, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, De = { class: "h-full flex flex-col" }, Je = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, Ke = { class: "text-xs font-medium text-gray-600" }, Oe = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, He = {
+  __name: "tabs-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", De, [
+      t[0] || (t[0] = p('<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", Je, [
+        d("div", Ke, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", Oe, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, Pe = { class: "h-full flex flex-col" }, Xe = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, et = { class: "text-xs font-medium text-gray-600" }, tt = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, z = {
+  __name: "documents-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", Pe, [
+      t[0] || (t[0] = p('<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", Xe, [
+        d("div", et, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", tt, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, rt = { class: "h-full flex flex-col" }, dt = { class: "flex justify-between items-center mt-2 pt-2 border-t border-gray-300" }, lt = { class: "text-xs font-medium text-gray-600" }, st = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, it = {
+  __name: "body-skeleton",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, t) => (r(), s("div", rt, [
+      t[0] || (t[0] = p('<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", dt, [
+        d("div", lt, a(i.$t(e.text)), 1),
+        e.count && e.count > 0 ? (r(), s("div", st, a(e.count), 1)) : g("", !0)
+      ])
+    ]));
+  }
+}, $ = {
+  faq: le,
+  banner: S,
+  slider: Fe,
+  video: Ve,
+  about: Ie,
+  cards: V,
+  usefulLinks: Q,
+  team: ke,
+  news: B,
+  form: ge,
+  tabs: He,
+  vertical_tabs: B,
+  documents: z,
+  infoLine: Ue,
+  body: it,
+  photoGrid: V,
+  interested: Q,
+  contact: z,
+  iframe: S
+}, at = { class: "grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 gap-4" }, ot = ["onClick"], nt = { 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" }, ct = ["src"], ut = {
+  __name: "vs-form-reference-choce",
+  props: {
+    modelValue: {
+      type: String,
+      required: !0
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const i = A(e, "modelValue");
+    return (t, v) => (r(), s("div", at, [
+      (r(!0), s(I, null, R(b(_), (l) => (r(), s("div", {
+        key: l.id,
+        onClick: (c) => i.value = l.id,
+        class: "relative"
+      }, [
+        d("div", nt, [
+          b($)[l.id] ? (r(), k(L(b($)[l.id]), {
+            key: 0,
+            text: l == null ? void 0 : l.text,
+            count: (l == null ? void 0 : l.data) || 0
+          }, null, 8, ["text", "count"])) : (r(), s("img", {
+            key: 1,
+            src: b(T),
+            alt: "Team collaboration",
+            class: "w-full h-full object-cover"
+          }, null, 8, ct))
+        ])
+      ], 8, ot))), 128))
+    ]));
+  }
+}, vt = { class: "flex gap-4" }, gt = { class: "text-sm text-gray-500 dark:text-gray-400 border flex items-center h-10 px-4 rounded-lg w-full" }, yt = { class: "flex items-center justify-between w-full p-4 border-t border-gray-200 dark:border-gray-700" }, bt = {
+  __name: "vs-form-reference-add",
+  props: /* @__PURE__ */ M({
+    title: {
+      type: String,
+      required: !0
+    }
+  }, {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t: i } = F();
+    q["vs-input-reference"] = At, q["vs-input-tiptap-editor"] = K;
+    const t = A(e, "modelValue"), v = m(!1), l = m({}), c = m(null), h = m({}), n = j(() => {
+      var u;
+      return ((u = N[c.value]) == null ? void 0 : u.schema) || null;
+    }), f = async () => {
+      if (await l.value.validate()) {
+        Z({
+          type: "warning",
+          title: i("cms.common.actions.warning"),
+          message: i("cms.builder.editFieldFailed")
+        });
+        return;
+      }
+      try {
+        Object.keys(h.value).length !== 0 && (t.value = [
+          ...t.value || [],
+          {
+            ...h.value,
+            id: Math.random().toString(36).substring(2, 15),
+            reference_type: c.value
+          }
+        ]), v.value = !1, c.value = null, h.value = {};
+      } catch (o) {
+        console.log(o);
+      }
+    };
+    return E(v, () => {
+      v.value || (c.value = null, h.value = {});
+    }), (u, o) => (r(), s("div", null, [
+      d("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: o[0] || (o[0] = (y) => v.value = !v.value)
+      }, a(u.$t("cms.builder.create")), 1),
+      w(b(W), {
+        visible: v.value,
+        "onUpdate:visible": o[6] || (o[6] = (y) => v.value = y),
+        position: "right",
+        closeClickBackdrop: !1,
+        onClose: o[7] || (o[7] = (y) => v.value = !1),
+        title: c.value ? u.$t("cms.builder." + c.value) : u.$t("cms.builder.selectType"),
+        size: "50vw"
+      }, {
+        footer: C(() => [
+          d("div", yt, [
+            d("button", {
+              onClick: o[5] || (o[5] = (y) => v.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"
+            }, a(u.$t("cms.builder.cancel")), 1),
+            d("button", {
+              onClick: f,
+              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"
+            }, a(u.$t("cms.builder.create")), 1)
+          ])
+        ]),
+        default: C(() => {
+          var y;
+          return [
+            c.value ? (r(), s(I, { key: 1 }, [
+              d("div", vt, [
+                d("div", gt, [
+                  d("span", null, a((y = b(_).find((x) => x.id === c.value)) == null ? void 0 : y.text), 1)
+                ]),
+                d("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: o[2] || (o[2] = (x) => c.value = null)
+                }, a(u.$t("cms.builder.changeType")), 1)
+              ]),
+              n.value ? (r(), k(b(G), {
+                key: c.value,
+                schema: n.value,
+                modelValue: h.value,
+                "onUpdate:modelValue": o[3] || (o[3] = (x) => h.value = x),
+                form: l.value,
+                "onUpdate:form": o[4] || (o[4] = (x) => l.value = x)
+              }, null, 8, ["schema", "modelValue", "form"])) : g("", !0)
+            ], 64)) : (r(), k(ut, {
+              key: 0,
+              modelValue: c.value,
+              "onUpdate:modelValue": o[1] || (o[1] = (x) => c.value = x),
+              options: b(_)
+            }, null, 8, ["modelValue", "options"]))
+          ];
+        }),
+        _: 1
+      }, 8, ["visible", "title"])
+    ]));
+  }
+}, ht = { class: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity flex space-x-1 z-10" }, pt = { class: "flex items-center justify-between w-full p-4 border-t border-gray-200 dark:border-gray-700" }, xt = {
+  __name: "vs-form-reference-controls",
+  props: /* @__PURE__ */ M({
+    title: {
+      type: String,
+      required: !0
+    }
+  }, {
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    },
+    modelModifiers: {},
+    parent: {
+      type: Array,
+      default: () => []
+    },
+    parentModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:parent"],
+  setup(e) {
+    const { t: i } = F(), t = A(e, "modelValue"), v = A(e, "parent"), l = m(!1), c = m({}), h = m({}), n = j(() => {
+      var u;
+      return ((u = N[t.value.reference_type]) == null ? void 0 : u.schema) || null;
+    });
+    E(l, (u) => {
+      u && (c.value = { ...t.value });
+    });
+    const f = async () => {
+      try {
+        if (await h.value.validate()) {
+          Z({
+            type: "warning",
+            title: i("cms.common.actions.warning"),
+            message: i("cms.builder.editFieldFailed")
+          });
+          return;
+        }
+        t.value = { ...c.value }, l.value = !1;
+      } catch (u) {
+        console.log(u);
+      }
+    };
+    return (u, o) => (r(), s("div", ht, [
+      d("button", {
+        onClick: o[0] || (o[0] = (y) => l.value = !l.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"
+      }, [
+        w(b(Y), { class: "h-4 w-4 text-gray-400" })
+      ]),
+      d("button", {
+        onClick: o[1] || (o[1] = (y) => v.value = v.value.filter((x) => x.id !== t.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"
+      }, [
+        w(b(U), { class: "h-4 w-4 text-red-500" })
+      ]),
+      w(b(W), {
+        visible: l.value,
+        "onUpdate:visible": o[5] || (o[5] = (y) => l.value = y),
+        onClose: o[6] || (o[6] = (y) => l.value = !1),
+        title: e.title,
+        width: "50vw"
+      }, {
+        footer: C(() => [
+          d("div", pt, [
+            d("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: o[4] || (o[4] = (y) => l.value = !1)
+            }, a(u.$t("cms.common.actions.cancel")), 1),
+            d("button", {
+              onClick: f,
+              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"
+            }, a(u.$t("cms.common.actions.save")), 1)
+          ])
+        ]),
+        default: C(() => [
+          n.value ? (r(), k(b(G), {
+            key: 0,
+            form: h.value,
+            "onUpdate:form": o[2] || (o[2] = (y) => h.value = y),
+            schema: n.value,
+            modelValue: c.value,
+            "onUpdate:modelValue": o[3] || (o[3] = (y) => c.value = y),
+            class: "-mr-[10px] ml-[10px] mt-[10px]"
+          }, null, 8, ["form", "schema", "modelValue"])) : g("", !0)
+        ]),
+        _: 1
+      }, 8, ["visible", "title"])
+    ]));
+  }
+}, ft = { class: "w-full" }, mt = {
+  key: 0,
+  class: "relative"
+}, wt = { 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" }, kt = ["src"], At = {
+  __name: "vs-form-reference-list",
+  props: /* @__PURE__ */ M({
+    reference_type: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    }
+  }, {
+    modelValue: {
+      default: () => []
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const i = (l) => {
+      var c;
+      return (c = _.find((h) => h.id === l)) == null ? void 0 : c.text;
+    }, t = A(e, "modelValue"), v = j({
+      get() {
+        const l = t.value;
+        return l == null ? [] : Array.isArray(l) ? l : [];
+      },
+      set(l) {
+        t.value = Array.isArray(l) ? l : [];
+      }
+    });
+    return E(t, (l) => {
+      l != null && !Array.isArray(l) && (t.value = []);
+    }, { immediate: !0 }), (l, c) => {
+      var h;
+      return r(), s("div", ft, [
+        ((h = v.value) == null ? void 0 : h.length) > 0 ? (r(), k(b(J), {
+          key: 0,
+          modelValue: v.value,
+          "onUpdate:modelValue": c[1] || (c[1] = (n) => v.value = n),
+          "item-key": "id",
+          handle: ".drag-handle",
+          class: "grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4"
+        }, {
+          item: C(({ element: n, index: f }) => [
+            n != null && n.reference_type ? (r(), s("div", mt, [
+              d("div", wt, [
+                (r(), s("div", {
+                  key: n.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"
+                }, [
+                  w(b(D), { class: "h-4 w-4 text-gray-400" })
+                ])),
+                w(xt, {
+                  title: l.$t("cms.builder." + (n == null ? void 0 : n.reference_type)),
+                  modelValue: v.value[f],
+                  "onUpdate:modelValue": (u) => v.value[f] = u,
+                  parent: v.value,
+                  "onUpdate:parent": c[0] || (c[0] = (u) => v.value = u)
+                }, null, 8, ["title", "modelValue", "onUpdate:modelValue", "parent"]),
+                b($)[n == null ? void 0 : n.reference_type] ? (r(), k(L(b($)[n == null ? void 0 : n.reference_type]), {
+                  key: 0,
+                  index: f,
+                  text: i(n == null ? void 0 : n.reference_type),
+                  count: Array.isArray(n == null ? void 0 : n.data) ? n.data.length : 0
+                }, null, 8, ["index", "text", "count"])) : (r(), s("img", {
+                  key: 1,
+                  src: b(T),
+                  alt: "Team collaboration",
+                  class: "w-full h-full object-cover"
+                }, null, 8, kt))
+              ])
+            ])) : g("", !0)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : g("", !0),
+        w(bt, {
+          class: "mt-4",
+          title: e.title,
+          modelValue: v.value,
+          "onUpdate:modelValue": c[2] || (c[2] = (n) => v.value = n)
+        }, null, 8, ["title", "modelValue"])
+      ]);
+    };
+  }
+};
+export {
+  At as default
+};