@tager/admin-blog 0.3.43 → 1.0.2

package/dist/index.mjs

@@ -0,0 +1,2355 @@
+import { i18n, request, useResource, createId, notEmpty, isNotNullish, useI18n, useResourceDelete, useResourceClone, useToast, navigateBack, convertRequestErrorToMap, urlTranslit, getWebsiteOrigin } from "@tager/admin-services";
+import { onMounted, watch, computed, ref, defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createCommentVNode, toDisplayString, createElementBlock, createTextVNode, withModifiers, Fragment, renderList, createSlots } from "vue";
+import isEqual from "lodash.isequal";
+import pick from "lodash.pick";
+import { useRoute, useRouter } from "vue-router";
+import { getFilterParamAsStringArray, getFilterParamAsString, getFilterParams, DeleteIcon, ContentCopyIcon, EditIcon, BaseButton, FormField, FormFieldMultiSelect, AdvancedSearch, DataTable, useDataTable, formatDateTime, SeoFieldGroup, FormFieldFileInput, FormFieldRichTextInput, FormFieldCheckbox, FormFieldUrlAliasInput, FormFieldSelect, TabList, ShortCodeConstructor, FormFooter, formatDate, createTabErrorFinder, SouthIcon, NorthIcon, CountButton } from "@tager/admin-ui";
+import { Page } from "@tager/admin-layout";
+import { universalFieldUtils, DynamicField } from "@tager/admin-dynamic-field";
+import { compile } from "path-to-regexp";
+import "i18next";
+const EN = {
+  yes: "Yes",
+  no: "no",
+  blog: "Blog",
+  posts: "Posts",
+  categories: "Categories",
+  createPost: "Create post",
+  createCategory: "Create category",
+  home: "Home",
+  allPosts: "All posts",
+  postForm: "Post Form",
+  allCategories: "All categories",
+  categoryForm: "Category Form",
+  success: "Success",
+  error: "Error",
+  newPost: "New Post",
+  edit: "Edit",
+  remove: "Remove",
+  postsByCategory: "Posts by category",
+  name: "Title",
+  image: "Image",
+  language: "Language",
+  languages: "Languages",
+  date: "Date",
+  dateOfPublication: "Date of publication",
+  dateOfPublicationFrom: "Date of publication - From",
+  dateOfPublicationTo: "Date of publication - To",
+  from: "from",
+  to: "to",
+  From: "From",
+  To: "To",
+  category: "Category",
+  actions: "Actions",
+  updatePost: "Update post",
+  title: "Title",
+  link: "Link",
+  excerpt: "Excerpt",
+  body: "Body",
+  defaultCategory: "Default Category",
+  coverImage: "Cover Image",
+  innerImage: "Post Image",
+  innerImageMobile: "Post Image (Mobile)",
+  tags: "Tags",
+  relatedPosts: "Related posts",
+  blogPostWasSuccessfullyCreated: "Blog post was successfully created",
+  blogPostWasSuccessfullyUpdated: "Blog post was successfully updated",
+  blogPostCreationWasFailed: "Blog post creation was failed",
+  blogPostUpdateWasFailed: "Blog post update was failed",
+  common: "Common",
+  images: "Images",
+  relations: "Relations",
+  additionalFields: "Additional Fields",
+  viewPost: "View Post",
+  blogCategories: "Blog Categories",
+  newCategory: "New Category",
+  moveUp: "Move up",
+  moveDown: "Move down",
+  createBlogCategory: "Create Blog category",
+  updateBlogCategory: "Update Blog category",
+  pageTitle: "Page title",
+  pageDescription: "Page description",
+  openGraphImage: "Open graph image",
+  blogCategoryWasSuccessfullyCreated: "Blog category was successfully created",
+  blogCategoryWasSuccessfullyUpdated: "Blog category was successfully updated",
+  blogCategoryCreationWasFailed: "Blog category creation was failed",
+  blogCategoryUpdateWasFailed: "Blog category update was failed",
+  clone: "Clone",
+  cloneConfirm: "Are you sure you want to clone the page?",
+  cloneSuccess: "Page have copied successfully",
+  cloneFailure: "Page copy failure",
+  tabs: {
+    common: "Common",
+    seo: "SEO"
+  },
+  parentCategory: "Parent category",
+  noParent: "No parent",
+  status: "Status",
+  statusPublished: "Published",
+  statusDraft: "Draft",
+  statusArchived: "Archived",
+  scheduleArchive: "Schedule archive",
+  schedulePublish: "Schedule publish",
+  archiveAt: "Archive at",
+  publishAt: "Publish at",
+  archiveAtLabel: "Archive at",
+  publishAtLabel: "Publish at",
+  sortDateTimeAsc: "Date - Newest to Oldest",
+  sortDateTimeDesc: "Date - Oldest to Newest",
+  sortTitleAsc: "Title - A-Z",
+  sortTitleDesc: "Title - Z-A",
+  sortStatus: "Status"
+};
+const RU = {
+  yes: "\u0414\u0430",
+  no: "\u041D\u0435\u0442",
+  blog: "\u0411\u043B\u043E\u0433",
+  posts: "\u041F\u043E\u0441\u0442\u044B",
+  categories: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438",
+  createPost: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u043F\u043E\u0441\u0442",
+  createCategory: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E",
+  home: "\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
+  allPosts: "\u0412\u0441\u0435 \u043F\u043E\u0441\u0442\u044B",
+  postForm: "\u0424\u043E\u0440\u043C\u0430 \u043F\u043E\u0441\u0442\u0430",
+  allCategories: "\u0412\u0441\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438",
+  categoryForm: "\u0424\u043E\u0440\u043C\u0430 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438",
+  success: "\u0423\u0441\u043F\u0435\u0445",
+  error: "\u041E\u0448\u0438\u0431\u043A\u0430",
+  newPost: "\u041D\u043E\u0432\u044B\u0439 \u043F\u043E\u0441\u0442",
+  edit: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
+  remove: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
+  postsByCategory: "\u041F\u043E\u0441\u0442\u044B \u043F\u043E \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F\u043C",
+  name: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A",
+  image: "\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435",
+  language: "\u042F\u0437\u044B\u043A",
+  languages: "\u042F\u0437\u044B\u043A\u0438",
+  date: "\u0414\u0430\u0442\u0430",
+  dateOfPublication: "\u0414\u0430\u0442\u0430 \u043F\u0443\u0431\u043B\u0438\u043A\u0430\u0446\u0438\u0438",
+  dateOfPublicationFrom: "\u0414\u0430\u0442\u0430 \u043F\u0443\u0431\u043B\u0438\u043A\u0430\u0446\u0438\u0438 - \u041E\u0442",
+  dateOfPublicationTo: "\u0414\u0430\u0442\u0430 \u043F\u0443\u0431\u043B\u0438\u043A\u0430\u0446\u0438\u0438 - \u0414\u043E",
+  from: "\u043E\u0442",
+  to: "\u0434\u043E",
+  From: "\u041E\u0442",
+  To: "\u0414\u043E",
+  category: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F",
+  actions: "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F",
+  updatePost: "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u043F\u043E\u0441\u0442",
+  title: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A",
+  link: "\u0421\u0441\u044B\u043B\u043A\u0430",
+  excerpt: "\u041A\u0440\u0430\u0442\u043A\u043E\u0435 \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435",
+  defaultCategory: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F \u043F\u043E-\u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E",
+  body: "\u0421\u043E\u0434\u0435\u0440\u0436\u0430\u043D\u0438\u0435",
+  coverImage: "\u041E\u0431\u043B\u043E\u0436\u043A\u0430",
+  innerImage: "\u041A\u0430\u0440\u0442\u0438\u043D\u043A\u0430 \u043F\u043E\u0441\u0442\u0430",
+  innerImageMobile: "\u041A\u0430\u0440\u0442\u0438\u043D\u043A\u0430 \u043F\u043E\u0441\u0442\u0430 (Mobile)",
+  tags: "\u0422\u0435\u0433\u0438",
+  relatedPosts: "\u041F\u043E\u0445\u043E\u0436\u0438\u0435 \u043F\u043E\u0441\u0442\u044B",
+  blogPostWasSuccessfullyCreated: "\u0417\u0430\u043F\u0438\u0441\u044C \u0432 \u0431\u043B\u043E\u0433\u0435 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0441\u043E\u0437\u0434\u0430\u043D\u0430",
+  blogPostWasSuccessfullyUpdated: "\u0417\u0430\u043F\u0438\u0441\u044C \u0432 \u0431\u043B\u043E\u0433\u0435 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u043E",
+  blogPostCreationWasFailed: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u0437\u0430\u043F\u0438\u0441\u044C \u0432 \u0431\u043B\u043E\u0433\u0435",
+  blogPostUpdateWasFailed: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0437\u0430\u043F\u0438\u0441\u044C \u0432 \u0431\u043B\u043E\u0433\u0435",
+  common: "\u041E\u0431\u0449\u0438\u0435",
+  images: "\u041A\u0430\u0440\u0442\u0438\u043D\u043A\u0438",
+  relations: "\u0421\u0432\u044F\u0437\u0438",
+  additionalFields: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u043F\u043E\u043B\u044F",
+  viewPost: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u043F\u043E\u0441\u0442",
+  blogCategories: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438",
+  newCategory: "\u041D\u043E\u0432\u0430\u044F \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F",
+  moveUp: "\u0414\u0432\u0438\u0433\u0430\u0442\u044C\u0441\u044F \u0432\u0432\u0435\u0440\u0445",
+  moveDown: "\u0414\u0432\u0438\u0433\u0430\u0442\u044C\u0441\u044F \u0432\u043D\u0438\u0437",
+  createBlogCategory: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E \u0431\u043B\u043E\u0433\u0430",
+  updateBlogCategory: "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E \u0431\u043B\u043E\u0433\u0430",
+  pageTitle: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B",
+  pageDescription: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B",
+  openGraphImage: "\u041A\u0430\u0440\u0442\u0438\u043D\u043A\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B",
+  blogCategoryWasSuccessfullyCreated: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F \u0431\u043B\u043E\u0433\u0430 \u0431\u044B\u043B\u0430 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0441\u043E\u0437\u0434\u0430\u043D\u0430",
+  blogCategoryWasSuccessfullyUpdated: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F \u0431\u043B\u043E\u0433\u0430 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0430",
+  blogCategoryCreationWasFailed: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E \u0431\u043B\u043E\u0433\u0430",
+  blogCategoryUpdateWasFailed: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E \u0431\u043B\u043E\u0433\u0430",
+  clone: "\u041A\u043B\u043E\u043D\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
+  cloneConfirm: "\u0412\u044B \u0443\u0432\u0435\u0440\u0435\u043D\u044B, \u0447\u0442\u043E \u0445\u043E\u0442\u0438\u0442\u0435 \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u043A\u043E\u043F\u0438\u044E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B?",
+  cloneSuccess: "\u041A\u043E\u043F\u0438\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0441\u043E\u0437\u0434\u0430\u043D\u0430",
+  cloneFailure: "\u041E\u0448\u0438\u0431\u043A\u0430 \u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B",
+  tabs: {
+    common: "\u041E\u0431\u0449\u0438\u0435",
+    seo: "SEO"
+  },
+  parentCategory: "\u0420\u043E\u0434\u0438\u0442\u0435\u043B\u044C\u0441\u043A\u0430\u044F \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F",
+  noParent: "\u041D\u0435\u0442 \u0440\u043E\u0434\u0438\u0442\u0435\u043B\u044C\u0441\u043A\u043E\u0439",
+  status: "\u0421\u0442\u0430\u0442\u0443\u0441",
+  statusPublished: "\u041E\u043F\u0443\u0431\u043B\u0438\u043A\u043E\u0432\u0430\u043D",
+  statusDraft: "\u0427\u0435\u0440\u043D\u043E\u0432\u0438\u043A",
+  statusArchived: "\u0412 \u0430\u0440\u0445\u0438\u0432\u0435",
+  scheduleArchive: "\u0417\u0430\u043F\u043B\u0430\u043D\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u0435\u0440\u0435\u043D\u043E\u0441 \u0432 \u0430\u0440\u0445\u0438\u0432",
+  schedulePublish: "\u0417\u0430\u043F\u043B\u0430\u043D\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u0443\u0431\u043B\u0438\u043A\u0430\u0446\u0438\u044E",
+  archiveAt: "\u041F\u0435\u0440\u0435\u043D\u0435\u0441\u0442\u0438 \u0432 \u0430\u0440\u0445\u0438\u0432 \u0432",
+  publishAt: "\u041E\u043F\u0443\u0431\u043B\u0438\u043A\u043E\u0432\u0430\u0442\u044C \u0432",
+  archiveAtLabel: "\u041F\u0435\u0440\u0435\u043D\u043E\u0441 \u0432 \u0430\u0440\u0445\u0438\u0432",
+  publishAtLabel: "\u041F\u0443\u0431\u043B\u0438\u043A\u0430\u0446\u0438\u044F",
+  sortDateTimeAsc: "\u0414\u0430\u0442\u0435 - \u041F\u043E \u0432\u043E\u0437\u0440\u0430\u0441\u0442\u0430\u043D\u0438\u044E",
+  sortDateTimeDesc: "\u0414\u0430\u0442\u0435 - \u041F\u043E \u0443\u0431\u044B\u0432\u0430\u043D\u0438\u044E",
+  sortTitleAsc: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0443 - \u0410-\u042F",
+  sortTitleDesc: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0443 - \u042F-\u0410",
+  sortStatus: "\u0421\u0442\u0430\u0442\u0443\u0441\u0443"
+};
+function applyTranslations() {
+  i18n.addTranslations("en", "blog", EN);
+  i18n.addTranslations("ru", "blog", RU);
+}
+function getPosts(params) {
+  return request.get({ path: "/admin/blog/posts", params });
+}
+function getBlogPostCount() {
+  return request.get({ path: "/admin/blog/posts/count" });
+}
+function getPost(postId) {
+  return request.get({ path: `/admin/blog/posts/${postId}` });
+}
+function clonePost(postId) {
+  return request.post({ path: `/admin/blog/posts/${postId}/clone` });
+}
+function createBlogPost(payload) {
+  return request.post({ path: "/admin/blog/posts", body: payload });
+}
+function updateBlogPost(postId, payload) {
+  return request.put({ path: `/admin/blog/posts/${postId}`, body: payload });
+}
+function deleteBlogPost(postId) {
+  return request.delete({ path: `/admin/blog/posts/${postId}` });
+}
+function getCategories(params) {
+  return request.get({ path: "/admin/blog/categories", params });
+}
+function getCategory(categoryId) {
+  return request.get({ path: `/admin/blog/categories/${categoryId}` });
+}
+function createCategory(payload) {
+  return request.post({ path: "/admin/blog/categories", body: payload });
+}
+function updateCategory(categoryId, payload) {
+  return request.put({
+    path: `/admin/blog/categories/${categoryId}`,
+    body: payload
+  });
+}
+function deleteCategory(categoryId) {
+  return request.delete({
+    path: `/admin/blog/categories/${categoryId}`
+  });
+}
+function moveCategory(categoryId, direction) {
+  return request.post({
+    path: `/admin/blog/categories/move/${categoryId}/${direction}`
+  });
+}
+function getModuleConfig() {
+  return request.get({
+    path: `/admin/blog/module-info`
+  });
+}
+function useFetchPosts() {
+  const [fetchPosts, resource] = useResource({
+    fetchResource: () => getPosts({ pageNumber: 1, pageSize: 99999, sort: "status" }),
+    initialValue: [],
+    resourceName: "Blog posts"
+  });
+  onMounted(() => {
+    fetchPosts();
+  });
+  return resource;
+}
+function useFetchCategory({
+  categoryId,
+  isCreation
+}) {
+  const [fetchCategory, resource] = useResource({
+    fetchResource: () => getCategory(categoryId.value),
+    initialValue: null,
+    resourceName: "Blog category"
+  });
+  onMounted(() => {
+    if (isCreation.value || !categoryId.value) {
+      return;
+    }
+    fetchCategory();
+  });
+  watch(categoryId, () => {
+    if (isCreation.value || !categoryId.value) {
+      return;
+    }
+    fetchCategory();
+  });
+  return resource;
+}
+function useFetchCategories() {
+  const [fetchCategories, resource] = useResource({
+    fetchResource: getCategories,
+    initialValue: [],
+    resourceName: "Blog categories"
+  });
+  onMounted(() => {
+    fetchCategories();
+  });
+  return resource;
+}
+function useFetchModuleConfig() {
+  const [fetchModuleConfig, resource] = useResource({
+    fetchResource: getModuleConfig,
+    initialValue: null,
+    resourceName: "Module configuration"
+  });
+  onMounted(() => {
+    fetchModuleConfig();
+  });
+  return resource;
+}
+const BLOG_ROUTE_PATHS = {
+  POST_LIST: "/blog/posts",
+  POST_FORM: "/blog/posts/:postId",
+  CATEGORY_LIST: "/blog/categories",
+  CATEGORY_FORM: "/blog/categories/:categoryId"
+};
+function getBlogPostListUrl() {
+  return BLOG_ROUTE_PATHS.POST_LIST;
+}
+function getBlogPostFormUrl(params) {
+  return compile(BLOG_ROUTE_PATHS.POST_FORM)({ postId: params.postId });
+}
+function getBlogCategoryListUrl() {
+  return BLOG_ROUTE_PATHS.CATEGORY_LIST;
+}
+function getBlogCategoryFormUrl(params) {
+  return compile(BLOG_ROUTE_PATHS.CATEGORY_FORM)({
+    categoryId: params.categoryId
+  });
+}
+function generateNumberArray(length) {
+  return Array.from({ length }, (_, index) => index);
+}
+function getNameWithDepth(name, depth) {
+  return generateNumberArray(depth).map(() => "\u2014").join(" ") + " " + name;
+}
+const getStatusOptions = (t) => [
+  { label: t("blog:statusPublished"), value: "PUBLISHED" },
+  { label: t("blog:statusDraft"), value: "DRAFT" },
+  { label: t("blog:statusArchived"), value: "ARCHIVED" }
+];
+function convertPostToFormValues(post, languageOptionList, postOptionList, additionalFieldList, statusOptions) {
+  var _a, _b, _c;
+  if (!post) {
+    return {
+      title: "",
+      excerpt: "",
+      body: "",
+      datetime: "",
+      coverImage: null,
+      image: null,
+      imageMobile: null,
+      pageTitle: "",
+      pageDescription: "",
+      openGraphImage: null,
+      urlAlias: "",
+      categories: [],
+      language: null,
+      relatedPosts: [],
+      tags: "",
+      additionalFields: additionalFieldList.map(
+        (fieldConfig) => universalFieldUtils.createFormField(fieldConfig, null)
+      ),
+      status: statusOptions[0],
+      statusDateEnabled: false,
+      statusDate: null
+    };
+  }
+  const currentLangOption = languageOptionList.find(
+    (option) => option.value === post.language
+  );
+  const selectedPostOptionList = postOptionList.filter(
+    (option) => post.relatedPosts.some((relatedPost) => relatedPost.id === option.value)
+  );
+  const foundStatus = (_a = statusOptions.find(({ value }) => value === post.status)) != null ? _a : statusOptions[0];
+  return {
+    title: post.title,
+    excerpt: post.excerpt,
+    body: post.body,
+    datetime: post.datetime ? post.datetime.substr(0, 10) : "",
+    coverImage: post.coverImage ? { id: createId(), file: post.coverImage } : null,
+    image: post.image ? { id: createId(), file: post.image } : null,
+    imageMobile: post.imageMobile ? { id: createId(), file: post.imageMobile } : null,
+    pageTitle: (_b = post.pageTitle) != null ? _b : "",
+    pageDescription: (_c = post.pageDescription) != null ? _c : "",
+    openGraphImage: post.openGraphImage ? { id: createId(), file: post.openGraphImage } : null,
+    urlAlias: post.urlAlias,
+    categories: post.categories.map((category) => ({
+      value: category.id,
+      label: category.name
+    })),
+    language: currentLangOption != null ? currentLangOption : null,
+    relatedPosts: selectedPostOptionList,
+    tags: post.tags.join(","),
+    additionalFields: additionalFieldList.map((fieldConfig) => {
+      const postAdditionalField = post.additionalFields.find(
+        ({ name }) => name === fieldConfig.name
+      );
+      return universalFieldUtils.createFormField(
+        fieldConfig,
+        postAdditionalField == null ? void 0 : postAdditionalField.value
+      );
+    }),
+    status: foundStatus,
+    statusDateEnabled: post.status === "PUBLISHED" ? !!post.archiveAt : post.status === "DRAFT" ? !!post.publishAt : false,
+    statusDate: post.status === "PUBLISHED" && post.archiveAt ? post.archiveAt.substr(0, 10) : post.status === "DRAFT" && post.publishAt ? post.publishAt.substr(0, 10) : null
+  };
+}
+function convertFormValuesToCreationPayload(values) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  return {
+    title: values.title,
+    excerpt: values.excerpt,
+    urlAlias: values.urlAlias,
+    body: values.body,
+    datetime: values.datetime,
+    coverImage: (_b = (_a = values.coverImage) == null ? void 0 : _a.file.id) != null ? _b : null,
+    image: (_d = (_c = values.image) == null ? void 0 : _c.file.id) != null ? _d : null,
+    imageMobile: (_f = (_e = values.imageMobile) == null ? void 0 : _e.file.id) != null ? _f : null,
+    pageTitle: values.pageTitle,
+    pageDescription: values.pageDescription,
+    openGraphImage: (_h = (_g = values.openGraphImage) == null ? void 0 : _g.file.id) != null ? _h : null,
+    categories: values.categories.map((option) => option.value),
+    language: (_j = (_i = values.language) == null ? void 0 : _i.value) != null ? _j : null,
+    relatedPosts: values.relatedPosts.map(
+      (relatedPostOption) => relatedPostOption.value
+    ),
+    tags: values.tags.split(",").filter((tag) => tag.trim().length > 0),
+    additionalFields: values.additionalFields.map((field) => ({
+      name: field.config.name,
+      value: universalFieldUtils.getOutgoingValue(field)
+    })),
+    status: values.status.value,
+    archiveAt: values.status.value === "PUBLISHED" && values.statusDateEnabled && values.statusDate ? values.statusDate : null,
+    publishAt: values.status.value === "DRAFT" && values.statusDateEnabled && values.statusDate ? values.statusDate : null
+  };
+}
+function convertFormValuesToUpdatePayload(values) {
+  return {
+    ...convertFormValuesToCreationPayload(values),
+    urlAlias: values.urlAlias
+  };
+}
+function convertCategoryListToOptions$1(categoryList, languageId) {
+  return categoryList.filter(({ language }) => languageId ? language === languageId : true).map(({ id, name, depth }) => ({
+    value: id,
+    label: getNameWithDepth(name, depth)
+  }));
+}
+function convertPostList(postList, selectedCategory, languages) {
+  return postList.filter(
+    (post) => selectedCategory ? post.categories.some(({ id }) => id === selectedCategory.id) : true
+  ).map((post) => {
+    if (languages.length > 0) {
+      const foundLanguage = languages.find(({ id }) => id === post.language);
+      return {
+        ...post,
+        language: foundLanguage ? foundLanguage.name : post.language
+      };
+    }
+    return post;
+  });
+}
+function getStatuses(t) {
+  return {
+    PUBLISHED: t("blog:statusPublished"),
+    DRAFT: t("blog:statusDraft"),
+    ARCHIVED: t("blog:statusArchived")
+  };
+}
+function getPostTableColumnDefs(moduleConfig, t) {
+  const isLangSpecific = moduleConfig ? moduleConfig.languages.length > 0 : false;
+  const COLUMN_DEFS = [
+    {
+      id: 1,
+      name: "ID",
+      field: "id",
+      style: { width: "50px", textAlign: "center" },
+      headStyle: { width: "50px", textAlign: "center" }
+    },
+    {
+      id: 2,
+      name: t("blog:status"),
+      field: "status",
+      style: { width: "140px" },
+      headStyle: { width: "140px" }
+    },
+    {
+      id: 3,
+      name: t("blog:name"),
+      field: "name",
+      type: "name",
+      format: ({ row }) => ({
+        adminLink: {
+          text: row.title,
+          url: getBlogPostFormUrl({ postId: row.id })
+        },
+        websiteLink: {
+          text: row.url,
+          url: [
+            {}.VUE_APP_WEBSITE_URL || window.location.origin,
+            row.url
+          ].join("")
+        }
+      })
+    },
+    {
+      id: 4,
+      name: t("blog:image"),
+      field: "image",
+      type: "image",
+      style: { width: "250px" },
+      headStyle: { width: "250px" }
+    },
+    isLangSpecific ? { id: 5, name: t("blog:language"), field: "language" } : null,
+    {
+      id: 6,
+      name: t("blog:date"),
+      field: "datetime",
+      type: "datetime",
+      options: { ignoreStartOfDayTime: true }
+    },
+    {
+      id: 7,
+      name: t("blog:categories"),
+      field: "categories",
+      format: ({ row }) => row.categories.map((category) => category.name).join(", ")
+    },
+    {
+      id: 8,
+      name: t("blog:actions"),
+      field: "actions",
+      style: { whiteSpace: "nowrap", width: "120px" },
+      headStyle: { whiteSpace: "nowrap", width: "120px" }
+    }
+  ];
+  return COLUMN_DEFS.filter(notEmpty);
+}
+function getPostTableSortOptions(t) {
+  return [
+    {
+      value: "datetime_desc",
+      label: t("blog:sortDateTimeDesc")
+    },
+    {
+      value: "datetime_asc",
+      label: t("blog:sortDateTimeAsc")
+    },
+    {
+      value: "title_asc",
+      label: t("blog:sortTitleAsc")
+    },
+    {
+      value: "title_desc",
+      label: t("blog:sortTitleDesc")
+    },
+    {
+      value: "status",
+      label: t("blog:sortStatus")
+    }
+  ];
+}
+const dateFormat = (date) => date.split("-").reverse().join(".");
+function useAdvancedSearch$1({
+  t,
+  route,
+  categoryList,
+  languageList,
+  statusOptionList
+}) {
+  const categoryOptionList = computed(
+    () => categoryList.value.map(({ id, name, depth }) => ({
+      value: String(id),
+      label: getNameWithDepth(name, depth)
+    }))
+  );
+  const initialCategoryFilter = computed(() => {
+    const queryValue = getFilterParamAsStringArray(
+      route.query,
+      "category"
+    );
+    return categoryOptionList.value.filter(
+      ({ value }) => queryValue.some((selected) => selected === value)
+    );
+  });
+  const categoryFilter = ref(initialCategoryFilter.value);
+  watch(initialCategoryFilter, () => {
+    categoryFilter.value = initialCategoryFilter.value;
+  });
+  const languageOptionList = computed(
+    () => languageList.value.map(({ id, name }) => ({ value: id, label: name }))
+  );
+  const initialLanguageFilter = computed(() => {
+    const queryValue = getFilterParamAsStringArray(
+      route.query,
+      "language"
+    );
+    return languageOptionList.value.filter(
+      ({ value }) => queryValue.some((selected) => selected === value)
+    );
+  });
+  const languageFilter = ref(initialLanguageFilter.value);
+  watch(initialLanguageFilter, () => {
+    languageFilter.value = initialLanguageFilter.value;
+  });
+  const initialFromDateFilter = computed(
+    () => {
+      var _a;
+      return (_a = getFilterParamAsString(route.query, "from-date")) != null ? _a : "";
+    }
+  );
+  const fromDateFilter = ref(initialFromDateFilter.value);
+  watch(initialFromDateFilter, () => {
+    fromDateFilter.value = initialFromDateFilter.value;
+  });
+  const initialToDateFilter = computed(
+    () => {
+      var _a;
+      return (_a = getFilterParamAsString(route.query, "to-date")) != null ? _a : "";
+    }
+  );
+  const toDateFilter = ref(initialToDateFilter.value);
+  watch(initialToDateFilter, () => {
+    toDateFilter.value = initialToDateFilter.value;
+  });
+  const date = computed(() => {
+    if (!fromDateFilter.value && !toDateFilter.value) {
+      return null;
+    }
+    let label = "";
+    if (fromDateFilter.value && toDateFilter.value) {
+      label = `${dateFormat(fromDateFilter.value)} - ${dateFormat(
+        toDateFilter.value
+      )}`;
+    }
+    if (fromDateFilter.value && !toDateFilter.value) {
+      label = `${t("blog:from")} ${dateFormat(fromDateFilter.value)}`;
+    }
+    if (!fromDateFilter.value && toDateFilter.value) {
+      label = `${t("blog:to")} ${dateFormat(toDateFilter.value)}`;
+    }
+    return {
+      value: "",
+      label,
+      name: "from-date",
+      title: t("blog:dateOfPublication")
+    };
+  });
+  const initialStatusFilter = computed(() => {
+    const queryValue = getFilterParamAsStringArray(
+      route.query,
+      "status"
+    );
+    return statusOptionList.value.filter(
+      ({ value }) => queryValue.some((selected) => selected === value)
+    );
+  });
+  const statusFilter = ref(initialStatusFilter.value);
+  watch(initialStatusFilter, () => {
+    statusFilter.value = initialStatusFilter.value;
+  });
+  const filterParams = computed(() => {
+    const filters = {
+      ["category"]: categoryFilter.value.map(({ value }) => value),
+      ["language"]: languageFilter.value.map(({ value }) => value),
+      ["status"]: statusFilter.value.map(({ value }) => value)
+    };
+    if (fromDateFilter.value) {
+      filters["from-date"] = fromDateFilter.value;
+    }
+    if (toDateFilter.value) {
+      filters["to-date"] = toDateFilter.value;
+    }
+    return getFilterParams(filters);
+  });
+  function tagRemovalHandler(event) {
+    if (event.name === "category") {
+      categoryFilter.value = categoryFilter.value.filter(
+        ({ value }) => value !== event.value
+      );
+    }
+    if (event.name === "language") {
+      languageFilter.value = languageFilter.value.filter(
+        ({ value }) => value !== event.value
+      );
+    }
+    if (event.name === "from-date") {
+      fromDateFilter.value = "";
+      toDateFilter.value = "";
+    }
+    if (event.name === "status") {
+      statusFilter.value = statusFilter.value.filter(
+        ({ value }) => value !== event.value
+      );
+    }
+  }
+  const tags = computed(
+    () => [
+      ...categoryFilter.value.map(({ value, label }) => ({
+        value,
+        label,
+        name: "category",
+        title: t("blog:category")
+      })),
+      ...languageFilter.value.map(({ value, label }) => ({
+        value,
+        label,
+        name: "language",
+        title: t("blog:language")
+      })),
+      date.value,
+      ...statusFilter.value.map(({ value, label }) => ({
+        value,
+        label,
+        name: "status",
+        title: t("blog:status")
+      }))
+    ].filter(isNotNullish)
+  );
+  const selectedCategoryOptionList = computed(() => {
+    if (languageFilter.value.length === 0) {
+      return categoryOptionList.value;
+    }
+    const selectedList = categoryList.value.filter(
+      ({ language }) => languageFilter.value.some(({ value }) => value === language)
+    );
+    return selectedList.map(({ id, name, depth }) => ({
+      value: String(id),
+      label: getNameWithDepth(name, depth)
+    }));
+  });
+  return {
+    categoryFilter,
+    categoryOptionList: selectedCategoryOptionList,
+    languageFilter,
+    languageOptionList,
+    fromDateFilter,
+    toDateFilter,
+    statusFilter,
+    tagRemovalHandler,
+    tags,
+    filterParams
+  };
+}
+var PostList_vue_vue_type_style_index_0_scoped_true_lang = "";
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main$3 = defineComponent({
+  name: "PostList",
+  components: {
+    DeleteIcon,
+    ContentCopyIcon,
+    EditIcon,
+    BaseButton,
+    FormField,
+    FormFieldMultiSelect,
+    AdvancedSearch,
+    Page,
+    DataTable
+  },
+  setup() {
+    const { t } = useI18n();
+    const route = useRoute();
+    const router = useRouter();
+    const categoryId = computed(() => {
+      var _a;
+      return Array.isArray(route.query.category) ? (_a = route.query.category[0]) != null ? _a : "" : route.query.category;
+    });
+    const statusOptionList = computed(() => getStatusOptions(t));
+    const { data: moduleConfig, loading: isModuleConfigLoading } = useFetchModuleConfig();
+    const languageList = computed(
+      () => {
+        var _a, _b;
+        return (_b = (_a = moduleConfig.value) == null ? void 0 : _a.languages) != null ? _b : [];
+      }
+    );
+    const { data: categoryList, loading: isCategoryListLoading } = useFetchCategories();
+    const selectedCategory = computed(
+      () => {
+        var _a;
+        return categoryId.value ? (_a = categoryList.value.find(
+          ({ id }) => String(id) === String(categoryId.value)
+        )) != null ? _a : null : null;
+      }
+    );
+    const pageTitle = computed(() => {
+      return selectedCategory.value ? `${t("blog:postsByCategory")} "${selectedCategory.value.name}"` : t("blog:posts");
+    });
+    const isLangSpecific = computed(
+      () => languageOptionList.value.length > 1
+    );
+    const {
+      categoryFilter,
+      categoryOptionList,
+      languageFilter,
+      languageOptionList,
+      fromDateFilter,
+      toDateFilter,
+      filterParams,
+      tags,
+      tagRemovalHandler,
+      statusFilter
+    } = useAdvancedSearch$1({
+      t,
+      route,
+      categoryList,
+      languageList,
+      statusOptionList
+    });
+    const sortOptions = getPostTableSortOptions(t);
+    const {
+      fetchEntityList: fetchPostList,
+      isLoading: isPostLoading,
+      rowData: postList,
+      errorMessage,
+      searchQuery,
+      handleChange,
+      pageNumber,
+      pageCount,
+      pageSize,
+      sort
+    } = useDataTable({
+      fetchEntityList: (params) => getPosts({
+        query: params.searchQuery,
+        pageNumber: params.pageNumber,
+        pageSize: params.pageSize,
+        sort: params.sort || void 0,
+        ...filterParams.value
+      }),
+      initialValue: [],
+      resourceName: "Blog post list",
+      pageSize: 100,
+      defaultSort: sortOptions[0].value
+    });
+    watch(filterParams, () => {
+      if (isModuleConfigLoading.value || isCategoryListLoading.value) {
+        return;
+      }
+      const newQuery = {
+        ...pick(route.query, ["query", "pageNumber", "sort"]),
+        ...filterParams.value
+      };
+      if (!isEqual(route.query, newQuery)) {
+        router.replace({ query: newQuery });
+        fetchPostList();
+      }
+    });
+    const displayedPostList = computed(
+      () => {
+        var _a, _b;
+        return convertPostList(
+          postList.value,
+          selectedCategory.value,
+          (_b = (_a = moduleConfig.value) == null ? void 0 : _a.languages) != null ? _b : []
+        );
+      }
+    );
+    const isRowDataLoading = computed(
+      () => isCategoryListLoading.value || isPostLoading.value || isModuleConfigLoading.value
+    );
+    const { isDeleting, handleResourceDelete } = useResourceDelete({
+      deleteResource: deleteBlogPost,
+      resourceName: "Post",
+      onSuccess: fetchPostList
+    });
+    const { isCloning, handleResourceClone } = useResourceClone({
+      cloneResource: clonePost,
+      confirmMessage: t("blog:cloneConfirm"),
+      successMessage: t("blog:cloneSuccess"),
+      failureMessage: t("blog:cloneFailure"),
+      onSuccessRedirectTo: (data) => `/blog/posts/${data.id}`
+    });
+    function isBusy(postId) {
+      return isDeleting(postId) || isCloning(postId) || isRowDataLoading.value;
+    }
+    const columnDefs = computed(
+      () => getPostTableColumnDefs(moduleConfig.value, t)
+    );
+    return {
+      t,
+      formatDateTime,
+      columnDefs,
+      sortOptions,
+      sortValue: sort,
+      rowData: displayedPostList,
+      handleResourceDelete,
+      isDeleting,
+      categoryList,
+      isRowDataLoading,
+      errorMessage,
+      getBlogPostFormUrl,
+      pageTitle,
+      searchQuery,
+      handleChange,
+      pageNumber,
+      pageCount,
+      pageSize,
+      categoryFilter,
+      categoryOptionList,
+      isLangSpecific,
+      languageFilter,
+      languageOptionList,
+      fromDateFilter,
+      toDateFilter,
+      statusFilter,
+      statusOptionList,
+      tags,
+      tagRemovalHandler,
+      getStatuses,
+      handleResourceClone,
+      isBusy
+    };
+  }
+});
+const _hoisted_1$2 = { class: "filters" };
+const _hoisted_2$1 = { class: "filters" };
+const _hoisted_3$1 = { class: "status" };
+const _hoisted_4$1 = { key: 0 };
+const _hoisted_5 = { key: 1 };
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_FormFieldMultiSelect = resolveComponent("FormFieldMultiSelect");
+  const _component_FormField = resolveComponent("FormField");
+  const _component_AdvancedSearch = resolveComponent("AdvancedSearch");
+  const _component_EditIcon = resolveComponent("EditIcon");
+  const _component_BaseButton = resolveComponent("BaseButton");
+  const _component_ContentCopyIcon = resolveComponent("ContentCopyIcon");
+  const _component_DeleteIcon = resolveComponent("DeleteIcon");
+  const _component_DataTable = resolveComponent("DataTable");
+  const _component_Page = resolveComponent("Page");
+  return openBlock(), createBlock(_component_Page, {
+    title: _ctx.pageTitle,
+    "header-buttons": [
+      {
+        text: _ctx.$i18n.t("blog:newPost"),
+        href: _ctx.getBlogPostFormUrl({ postId: "create" })
+      }
+    ]
+  }, {
+    content: withCtx(() => [
+      createVNode(_component_DataTable, {
+        "column-defs": _ctx.columnDefs,
+        "row-data": _ctx.rowData,
+        loading: _ctx.isRowDataLoading,
+        "error-message": _ctx.errorMessage,
+        "search-query": _ctx.searchQuery,
+        pagination: {
+          pageNumber: _ctx.pageNumber,
+          pageCount: _ctx.pageCount,
+          pageSize: _ctx.pageSize,
+          disabled: _ctx.isRowDataLoading
+        },
+        sort: { options: _ctx.sortOptions, value: _ctx.sortValue },
+        "data-table": "blog-post",
+        onChange: _ctx.handleChange
+      }, {
+        filters: withCtx(() => [
+          createVNode(_component_AdvancedSearch, {
+            tags: _ctx.tags,
+            "onClick:tag": _ctx.tagRemovalHandler
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1$2, [
+                createVNode(_component_FormFieldMultiSelect, {
+                  "selected-options": _ctx.categoryFilter,
+                  "onUpdate:selected-options": _cache[0] || (_cache[0] = ($event) => _ctx.categoryFilter = $event),
+                  options: _ctx.categoryOptionList,
+                  name: "categoryFilter",
+                  searchable: true,
+                  label: _ctx.$i18n.t("blog:category"),
+                  class: "filter"
+                }, null, 8, ["selected-options", "options", "label"]),
+                _ctx.isLangSpecific ? (openBlock(), createBlock(_component_FormFieldMultiSelect, {
+                  key: 0,
+                  "selected-options": _ctx.languageFilter,
+                  "onUpdate:selected-options": _cache[1] || (_cache[1] = ($event) => _ctx.languageFilter = $event),
+                  options: _ctx.languageOptionList,
+                  name: "languageFilter",
+                  searchable: true,
+                  label: _ctx.$i18n.t("blog:language"),
+                  class: "filter"
+                }, null, 8, ["selected-options", "options", "label"])) : createCommentVNode("", true),
+                createVNode(_component_FormFieldMultiSelect, {
+                  "selected-options": _ctx.statusFilter,
+                  "onUpdate:selected-options": _cache[2] || (_cache[2] = ($event) => _ctx.statusFilter = $event),
+                  options: _ctx.statusOptionList,
+                  name: "statusFilter",
+                  searchable: true,
+                  label: _ctx.$i18n.t("blog:status"),
+                  class: "filter"
+                }, null, 8, ["selected-options", "options", "label"])
+              ]),
+              createElementVNode("div", _hoisted_2$1, [
+                createVNode(_component_FormField, {
+                  value: _ctx.fromDateFilter,
+                  "onUpdate:value": _cache[3] || (_cache[3] = ($event) => _ctx.fromDateFilter = $event),
+                  label: _ctx.$i18n.t("blog:dateOfPublicationFrom"),
+                  name: "fromDateFilter",
+                  type: "date",
+                  max: _ctx.toDateFilter
+                }, null, 8, ["value", "label", "max"]),
+                createVNode(_component_FormField, {
+                  value: _ctx.toDateFilter,
+                  "onUpdate:value": _cache[4] || (_cache[4] = ($event) => _ctx.toDateFilter = $event),
+                  label: _ctx.$i18n.t("blog:dateOfPublicationTo"),
+                  name: "toDateFilter",
+                  type: "date",
+                  min: _ctx.fromDateFilter
+                }, null, 8, ["value", "label", "min"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["tags", "onClick:tag"])
+        ]),
+        "cell(status)": withCtx(({ row }) => [
+          createElementVNode("div", _hoisted_3$1, [
+            createElementVNode("span", null, toDisplayString(_ctx.getStatuses(_ctx.$i18n.t)[row.status]), 1),
+            row.status === "PUBLISHED" && row.archiveAt ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
+              createTextVNode(toDisplayString(_ctx.$i18n.t("blog:archiveAtLabel")) + ": ", 1),
+              createElementVNode("i", null, toDisplayString(_ctx.formatDateTime(new Date(row.archiveAt), true)), 1)
+            ])) : createCommentVNode("", true),
+            row.status === "DRAFT" && row.publishAt ? (openBlock(), createElementBlock("span", _hoisted_5, [
+              createTextVNode(toDisplayString(_ctx.$i18n.t("blog:publishAtLabel")) + ": ", 1),
+              createElementVNode("i", null, toDisplayString(_ctx.formatDateTime(new Date(row.publishAt), true)), 1)
+            ])) : createCommentVNode("", true)
+          ])
+        ]),
+        "cell(actions)": withCtx(({ row }) => [
+          createVNode(_component_BaseButton, {
+            variant: "icon",
+            title: _ctx.$i18n.t("blog:edit"),
+            disabled: _ctx.isBusy(row.id),
+            href: _ctx.getBlogPostFormUrl({ postId: row.id })
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_EditIcon)
+            ]),
+            _: 2
+          }, 1032, ["title", "disabled", "href"]),
+          createVNode(_component_BaseButton, {
+            variant: "icon",
+            title: _ctx.$i18n.t("blog:clone"),
+            disabled: _ctx.isBusy(row.id),
+            onClick: ($event) => _ctx.handleResourceClone(row.id)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_ContentCopyIcon)
+            ]),
+            _: 2
+          }, 1032, ["title", "disabled", "onClick"]),
+          createVNode(_component_BaseButton, {
+            variant: "icon",
+            title: _ctx.$i18n.t("blog:remove"),
+            disabled: _ctx.isBusy(row.id),
+            onClick: ($event) => _ctx.handleResourceDelete(row.id)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_DeleteIcon)
+            ]),
+            _: 2
+          }, 1032, ["title", "disabled", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["column-defs", "row-data", "loading", "error-message", "search-query", "pagination", "sort", "onChange"])
+    ]),
+    _: 1
+  }, 8, ["title", "header-buttons"]);
+}
+var BlogPostList = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-02162423"]]);
+var PostForm_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$2 = defineComponent({
+  name: "BlogPostForm",
+  components: {
+    SeoFieldGroup,
+    FormFieldMultiSelect,
+    FormFieldFileInput,
+    FormFieldRichTextInput,
+    FormFieldCheckbox,
+    FormFieldUrlAliasInput,
+    FormField,
+    FormFieldSelect,
+    TabList,
+    Page,
+    DynamicField,
+    ShortCodeConstructor,
+    FormFooter
+  },
+  setup() {
+    var _a, _b;
+    const route = useRoute();
+    const router = useRouter();
+    const toast = useToast();
+    const { t } = useI18n();
+    const postId = computed(() => route.params.postId);
+    const isCreation = computed(() => postId.value === "create");
+    const urlAliasChanged = ref(false);
+    const statusOptions = computed(() => getStatusOptions(t));
+    const { data: moduleConfig, loading: isModuleConfigLoading } = useFetchModuleConfig();
+    const languageList = computed(
+      () => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = moduleConfig.value) == null ? void 0 : _a2.languages) != null ? _b2 : [];
+      }
+    );
+    const languageOptionList = computed(
+      () => languageList.value.map(({ id, name }) => ({
+        value: id,
+        label: name
+      }))
+    );
+    const isLangSpecific = computed(() => languageOptionList.value.length > 0);
+    const { data: categoryList, loading: isCategoryListLoading } = useFetchCategories();
+    const [fetchPost, { data: post, loading: isPostLoading }] = useResource({
+      fetchResource: () => postId.value ? getPost(postId.value) : new Promise(() => null),
+      initialValue: null,
+      resourceName: "Post"
+    });
+    onMounted(() => {
+      if (isCreation.value)
+        return;
+      fetchPost();
+    });
+    watch(postId, () => {
+      if (isCreation.value)
+        return;
+      fetchPost();
+    });
+    const { data: postList, loading: isPostListLoading } = useFetchPosts();
+    const postOptionList = computed(
+      () => postList.value.filter((relatedPost) => {
+        var _a2;
+        return relatedPost.id !== ((_a2 = post.value) == null ? void 0 : _a2.id);
+      }).map((post2) => ({
+        value: post2.id,
+        label: (post2.status === "ARCHIVED" ? `${t("blog:statusArchived")} - ` : post2.status === "DRAFT" ? `${t("blog:statusDraft")} - ` : post2.datetime ? formatDate(new Date(post2.datetime)) + " - " : "") + post2.title
+      }))
+    );
+    const isSubmitting = ref(false);
+    const values = ref(
+      convertPostToFormValues(
+        post.value,
+        languageOptionList.value,
+        postOptionList.value,
+        (_b = (_a = moduleConfig.value) == null ? void 0 : _a.fields) != null ? _b : [],
+        statusOptions.value
+      )
+    );
+    const errors = ref({});
+    watch([post, languageOptionList, postOptionList, moduleConfig], () => {
+      var _a2, _b2;
+      values.value = convertPostToFormValues(
+        post.value,
+        languageOptionList.value,
+        postOptionList.value,
+        (_b2 = (_a2 = moduleConfig.value) == null ? void 0 : _a2.fields) != null ? _b2 : [],
+        statusOptions.value
+      );
+    });
+    function submitForm(event) {
+      isSubmitting.value = true;
+      const creationBody = convertFormValuesToCreationPayload(values.value);
+      const updateBody = convertFormValuesToUpdatePayload(values.value);
+      const requestPromise = isCreation.value ? createBlogPost(creationBody) : updateBlogPost(postId.value, updateBody);
+      requestPromise.then(({ data }) => {
+        var _a2, _b2;
+        errors.value = {};
+        if (event.type === "create") {
+          router.push(getBlogPostFormUrl({ postId: String(data.id) }));
+        }
+        if (event.type === "create_exit" || event.type === "save_exit") {
+          navigateBack(router, getBlogPostListUrl());
+        }
+        if (event.type === "create_create-another") {
+          values.value = convertPostToFormValues(
+            null,
+            languageOptionList.value,
+            postOptionList.value,
+            (_b2 = (_a2 = moduleConfig.value) == null ? void 0 : _a2.fields) != null ? _b2 : [],
+            statusOptions.value
+          );
+        }
+        toast.show({
+          variant: "success",
+          title: t("blog:success"),
+          body: isCreation.value ? t("blog:blogPostWasSuccessfullyCreated") : t("blog:blogPostWasSuccessfullyUpdated")
+        });
+      }).catch((error) => {
+        console.error(error);
+        errors.value = convertRequestErrorToMap(error);
+        toast.show({
+          variant: "danger",
+          title: t("blog:error"),
+          body: isCreation.value ? t("blog:blogPostCreationWasFailed") : t("blog:blogPostUpdateWasFailed")
+        });
+      }).finally(() => {
+        isSubmitting.value = false;
+      });
+    }
+    const categoryOptionList = computed(
+      () => {
+        var _a2, _b2;
+        return convertCategoryListToOptions$1(
+          categoryList.value,
+          (_b2 = (_a2 = values.value.language) == null ? void 0 : _a2.value) != null ? _b2 : null
+        );
+      }
+    );
+    watch([categoryOptionList, moduleConfig], () => {
+      var _a2;
+      function isOptionExist(selectedCategoryOption) {
+        return categoryOptionList.value.some(
+          (option) => option.value === selectedCategoryOption.value
+        );
+      }
+      if (isCreation.value) {
+        if ((_a2 = moduleConfig == null ? void 0 : moduleConfig.value) == null ? void 0 : _a2.defaultCategories) {
+          const defaultIds = moduleConfig.value.defaultCategories.map(
+            (item) => item.id
+          );
+          values.value.categories = categoryOptionList.value.filter(
+            (item) => {
+              return defaultIds.indexOf(item.value) !== -1;
+            }
+          );
+        }
+      }
+      values.value.categories = values.value.categories.filter(isOptionExist);
+    });
+    const isContentLoading = computed(
+      () => isPostLoading.value || isCategoryListLoading.value || isPostListLoading.value || isModuleConfigLoading.value
+    );
+    function getUploadAdapterOptions() {
+      var _a2;
+      return { uploadScenario: (_a2 = moduleConfig.value) == null ? void 0 : _a2.fileScenarios.content };
+    }
+    const blogPagePath = computed(() => {
+      var _a2, _b2;
+      const origin = {}.VUE_APP_WEBSITE_URL || window.location.origin;
+      return origin + ((_b2 = (_a2 = post.value) == null ? void 0 : _a2.urlTemplate) != null ? _b2 : "");
+    });
+    const tabList = computed(() => {
+      const hasErrors = createTabErrorFinder(errors.value);
+      return [
+        {
+          id: "common",
+          label: t("blog:common"),
+          hasErrors: hasErrors([
+            "title",
+            "language",
+            "urlAlias",
+            "excerpt",
+            "body",
+            "date"
+          ])
+        },
+        {
+          id: "images",
+          label: t("blog:images"),
+          hasErrors: hasErrors(["coverImage", "image"])
+        },
+        {
+          id: "relations",
+          label: t("blog:relations"),
+          hasErrors: hasErrors(["categories", "relatedPosts", "tags"])
+        },
+        values.value.additionalFields.length > 0 ? {
+          id: "additional",
+          label: t("blog:additionalFields"),
+          hasErrors: hasErrors([])
+        } : null,
+        {
+          id: "seo",
+          label: "SEO",
+          hasErrors: hasErrors([
+            "pageTitle",
+            "pageDescription",
+            "openGraphImage"
+          ])
+        }
+      ].filter(isNotNullish);
+    });
+    const selectedTabId = ref(tabList.value[0].id);
+    const headerButtonList = computed(
+      () => [
+        post.value ? {
+          text: t("blog:viewPost"),
+          href: {}.VUE_APP_WEBSITE_URL + post.value.url,
+          target: "_blank"
+        } : null
+      ].filter(isNotNullish)
+    );
+    function handleSeoFieldGroupChange({
+      title,
+      description,
+      image
+    }) {
+      values.value.pageTitle = title;
+      values.value.pageDescription = description;
+      values.value.openGraphImage = image;
+    }
+    function handleTitleChange(value) {
+      if (isCreation.value && urlAliasChanged.value === false) {
+        values.value.urlAlias = urlTranslit(value);
+      }
+    }
+    function handleAliasChange() {
+      urlAliasChanged.value = true;
+    }
+    const urlAliasTemplate = computed(() => {
+      if (!moduleConfig.value || !moduleConfig.value.urlPostTemplate) {
+        return "";
+      }
+      let result = moduleConfig.value.urlPostTemplate;
+      if (values.value.language) {
+        result = result.replace("{language}", values.value.language.value);
+      }
+      if (postId.value !== "create") {
+        result = result.replace("{id}", postId.value);
+      }
+      return result;
+    });
+    const handleCategoriesChange = (selectedOptions) => {
+      const newSelectedOptions = [];
+      selectedOptions.forEach((selectedOption) => {
+        const findTreeSelectedCategory = (categoryId) => {
+          const foundSelectedCategory = categoryList.value.find(
+            ({ id }) => id === categoryId
+          );
+          if (!foundSelectedCategory) {
+            return;
+          }
+          const newSelectedOption = {
+            value: foundSelectedCategory.id,
+            label: foundSelectedCategory.name
+          };
+          if (!newSelectedOptions.some(
+            ({ value }) => value === newSelectedOption.value
+          )) {
+            newSelectedOptions.push(newSelectedOption);
+          }
+          if (foundSelectedCategory.parent) {
+            findTreeSelectedCategory(foundSelectedCategory.parent.id);
+          }
+        };
+        findTreeSelectedCategory(selectedOption.value);
+      });
+      values.value.categories = newSelectedOptions;
+    };
+    return {
+      isCreation,
+      postId,
+      pagePath: blogPagePath,
+      categoryOptionList,
+      values,
+      errors,
+      isContentLoading,
+      postListUrl: getBlogPostListUrl(),
+      submitForm,
+      isLangSpecific,
+      languageOptionList,
+      isSubmitting,
+      moduleConfig,
+      postOptionList,
+      getUploadAdapterOptions,
+      tabList,
+      selectedTabId,
+      headerButtonList,
+      handleSeoFieldGroupChange,
+      handleTitleChange,
+      handleAliasChange,
+      urlAliasTemplate,
+      handleCategoriesChange,
+      statusOptions
+    };
+  }
+});
+const _hoisted_1$1 = { class: "status" };
+const _hoisted_2 = { class: "status-value" };
+const _hoisted_3 = {
+  key: 0,
+  class: "status-checkbox"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "status-date"
+};
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_TabList = resolveComponent("TabList");
+  const _component_FormFieldSelect = resolveComponent("FormFieldSelect");
+  const _component_FormField = resolveComponent("FormField");
+  const _component_FormFieldUrlAliasInput = resolveComponent("FormFieldUrlAliasInput");
+  const _component_FormFieldCheckbox = resolveComponent("FormFieldCheckbox");
+  const _component_FormFieldRichTextInput = resolveComponent("FormFieldRichTextInput");
+  const _component_ShortCodeConstructor = resolveComponent("ShortCodeConstructor");
+  const _component_FormFieldFileInput = resolveComponent("FormFieldFileInput");
+  const _component_FormFieldMultiSelect = resolveComponent("FormFieldMultiSelect");
+  const _component_DynamicField = resolveComponent("DynamicField");
+  const _component_SeoFieldGroup = resolveComponent("SeoFieldGroup");
+  const _component_FormFooter = resolveComponent("FormFooter");
+  const _component_Page = resolveComponent("Page");
+  return openBlock(), createBlock(_component_Page, {
+    title: _ctx.isCreation ? _ctx.$i18n.t("blog:createPost") : _ctx.$i18n.t("blog:updatePost"),
+    "is-content-loading": _ctx.isContentLoading,
+    "header-buttons": _ctx.headerButtonList,
+    footer: {
+      backHref: _ctx.postListUrl,
+      onSubmit: _ctx.submitForm,
+      isSubmitting: _ctx.isSubmitting
+    }
+  }, {
+    content: withCtx(() => [
+      createElementVNode("form", {
+        novalidate: "",
+        onSubmit: _cache[16] || (_cache[16] = withModifiers((...args) => _ctx.submitForm && _ctx.submitForm(...args), ["prevent"]))
+      }, [
+        createVNode(_component_TabList, {
+          "tab-id": _ctx.selectedTabId,
+          "onUpdate:tab-id": _cache[0] || (_cache[0] = ($event) => _ctx.selectedTabId = $event),
+          "tab-list": _ctx.tabList
+        }, null, 8, ["tab-id", "tab-list"]),
+        _ctx.selectedTabId === "common" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _ctx.isCreation && _ctx.isLangSpecific ? (openBlock(), createBlock(_component_FormFieldSelect, {
+            key: 0,
+            value: _ctx.values.language,
+            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.values.language = $event),
+            name: "language",
+            label: _ctx.$i18n.t("blog:language"),
+            options: _ctx.languageOptionList,
+            error: _ctx.errors.language
+          }, null, 8, ["value", "label", "options", "error"])) : createCommentVNode("", true),
+          createVNode(_component_FormField, {
+            value: _ctx.values.title,
+            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.values.title = $event),
+            name: "title",
+            label: _ctx.$i18n.t("blog:title"),
+            error: _ctx.errors.title,
+            onInput: _ctx.handleTitleChange
+          }, null, 8, ["value", "label", "error", "onInput"]),
+          createVNode(_component_FormFieldUrlAliasInput, {
+            id: "urlAlias",
+            value: _ctx.values.urlAlias,
+            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => _ctx.values.urlAlias = $event),
+            name: "urlAlias",
+            label: _ctx.$i18n.t("blog:link"),
+            "url-template": _ctx.urlAliasTemplate,
+            error: _ctx.errors.urlAlias,
+            onChange: _ctx.handleAliasChange
+          }, null, 8, ["value", "label", "url-template", "error", "onChange"]),
+          createElementVNode("div", _hoisted_1$1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_component_FormFieldSelect, {
+                value: _ctx.values.status,
+                "onUpdate:value": _cache[4] || (_cache[4] = ($event) => _ctx.values.status = $event),
+                name: "status",
+                error: _ctx.errors.status,
+                label: _ctx.$i18n.t("blog:status"),
+                "no-options-message": _ctx.$i18n.t("blog:noTemplates"),
+                options: _ctx.statusOptions
+              }, null, 8, ["value", "error", "label", "no-options-message", "options"])
+            ]),
+            _ctx.values.status.value === "PUBLISHED" || _ctx.values.status.value === "DRAFT" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createVNode(_component_FormFieldCheckbox, {
+                checked: _ctx.values.statusDateEnabled,
+                "onUpdate:checked": _cache[5] || (_cache[5] = ($event) => _ctx.values.statusDateEnabled = $event),
+                name: "statusDateEnabled",
+                label: _ctx.$i18n.t(
+                  _ctx.values.status.value === "PUBLISHED" ? "blog:scheduleArchive" : "blog:schedulePublish"
+                ),
+                error: _ctx.errors.status
+              }, null, 8, ["checked", "label", "error"])
+            ])) : createCommentVNode("", true),
+            _ctx.values.statusDateEnabled && (_ctx.values.status.value === "PUBLISHED" || _ctx.values.status.value === "DRAFT") ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createVNode(_component_FormField, {
+                value: _ctx.values.statusDate,
+                "onUpdate:value": _cache[6] || (_cache[6] = ($event) => _ctx.values.statusDate = $event),
+                name: "statusDate",
+                type: "date",
+                label: _ctx.$i18n.t(
+                  _ctx.values.status.value === "PUBLISHED" ? "blog:archiveAt" : "blog:publishAt"
+                ),
+                error: _ctx.errors.statusDate
+              }, null, 8, ["value", "label", "error"])
+            ])) : createCommentVNode("", true)
+          ]),
+          createVNode(_component_FormField, {
+            value: _ctx.values.datetime,
+            "onUpdate:value": _cache[7] || (_cache[7] = ($event) => _ctx.values.datetime = $event),
+            name: "datetime",
+            label: _ctx.$i18n.t("blog:date"),
+            type: "date",
+            error: _ctx.errors.datetime
+          }, null, 8, ["value", "label", "error"]),
+          createVNode(_component_FormField, {
+            value: _ctx.values.excerpt,
+            "onUpdate:value": _cache[8] || (_cache[8] = ($event) => _ctx.values.excerpt = $event),
+            name: "excerpt",
+            label: _ctx.$i18n.t("blog:excerpt"),
+            type: "textarea",
+            error: _ctx.errors.excerpt
+          }, null, 8, ["value", "label", "error"]),
+          createVNode(_component_FormFieldRichTextInput, {
+            value: _ctx.values.body,
+            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => _ctx.values.body = $event),
+            name: "body",
+            label: _ctx.$i18n.t("blog:body"),
+            error: _ctx.errors.body,
+            "get-upload-adapter-options": _ctx.getUploadAdapterOptions
+          }, null, 8, ["value", "label", "error", "get-upload-adapter-options"]),
+          createVNode(_component_ShortCodeConstructor, {
+            "short-code-config-list": _ctx.moduleConfig ? _ctx.moduleConfig.shortcodes : []
+          }, null, 8, ["short-code-config-list"])
+        ], 64)) : createCommentVNode("", true),
+        _ctx.selectedTabId === "images" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createVNode(_component_FormFieldFileInput, {
+            value: _ctx.values.coverImage,
+            "onUpdate:value": _cache[10] || (_cache[10] = ($event) => _ctx.values.coverImage = $event),
+            label: _ctx.$i18n.t("blog:coverImage"),
+            name: "coverImage",
+            "file-type": "image",
+            scenario: _ctx.moduleConfig ? _ctx.moduleConfig.fileScenarios.cover : null
+          }, null, 8, ["value", "label", "scenario"]),
+          createVNode(_component_FormFieldFileInput, {
+            value: _ctx.values.image,
+            "onUpdate:value": _cache[11] || (_cache[11] = ($event) => _ctx.values.image = $event),
+            name: "image",
+            label: _ctx.$i18n.t("blog:innerImage"),
+            "file-type": "image",
+            scenario: _ctx.moduleConfig ? _ctx.moduleConfig.fileScenarios.image : null
+          }, null, 8, ["value", "label", "scenario"]),
+          createVNode(_component_FormFieldFileInput, {
+            value: _ctx.values.imageMobile,
+            "onUpdate:value": _cache[12] || (_cache[12] = ($event) => _ctx.values.imageMobile = $event),
+            name: "imageMobile",
+            label: _ctx.$i18n.t("blog:innerImageMobile"),
+            "file-type": "image",
+            scenario: _ctx.moduleConfig ? _ctx.moduleConfig.fileScenarios.imageMobile : null
+          }, null, 8, ["value", "label", "scenario"])
+        ], 64)) : createCommentVNode("", true),
+        _ctx.selectedTabId === "relations" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createVNode(_component_FormField, {
+            value: _ctx.values.tags,
+            "onUpdate:value": _cache[13] || (_cache[13] = ($event) => _ctx.values.tags = $event),
+            name: "tags",
+            label: _ctx.$i18n.t("blog:tags"),
+            error: _ctx.errors.tags
+          }, null, 8, ["value", "label", "error"]),
+          createVNode(_component_FormFieldMultiSelect, {
+            "selected-options": _ctx.values.categories,
+            "onUpdate:selected-options": _cache[14] || (_cache[14] = ($event) => _ctx.values.categories = $event),
+            name: "categories",
+            label: _ctx.$i18n.t("blog:categories"),
+            options: _ctx.categoryOptionList,
+            error: _ctx.errors.categories,
+            onChange: _ctx.handleCategoriesChange
+          }, null, 8, ["selected-options", "label", "options", "error", "onChange"]),
+          createVNode(_component_FormFieldMultiSelect, {
+            "selected-options": _ctx.values.relatedPosts,
+            "onUpdate:selected-options": _cache[15] || (_cache[15] = ($event) => _ctx.values.relatedPosts = $event),
+            name: "relatedPosts",
+            label: _ctx.$i18n.t("blog:relatedPosts"),
+            options: _ctx.postOptionList,
+            error: _ctx.errors.relatedPosts,
+            searchable: true
+          }, null, 8, ["selected-options", "label", "options", "error"])
+        ], 64)) : createCommentVNode("", true),
+        _ctx.selectedTabId === "additional" ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(_ctx.values.additionalFields, (field) => {
+          return openBlock(), createBlock(_component_DynamicField, {
+            key: field.name,
+            field
+          }, null, 8, ["field"]);
+        }), 128)) : createCommentVNode("", true),
+        _ctx.selectedTabId === "seo" ? (openBlock(), createBlock(_component_SeoFieldGroup, {
+          key: 4,
+          title: _ctx.values.pageTitle,
+          "title-error-message": _ctx.errors.pageTitle,
+          "title-label": _ctx.$i18n.t("blog:pageTitle"),
+          description: _ctx.values.pageDescription,
+          "description-error-message": _ctx.errors.pageDescription,
+          "description-label": _ctx.$i18n.t("blog:pageDescription"),
+          image: _ctx.values.openGraphImage,
+          "image-error-message": _ctx.errors.openGraphImage,
+          "image-label": _ctx.$i18n.t("blog:openGraphImage"),
+          "image-scenario": _ctx.moduleConfig ? _ctx.moduleConfig.fileScenarios.openGraph : null,
+          onChange: _ctx.handleSeoFieldGroupChange
+        }, null, 8, ["title", "title-error-message", "title-label", "description", "description-error-message", "description-label", "image", "image-error-message", "image-label", "image-scenario", "onChange"])) : createCommentVNode("", true)
+      ], 32)
+    ]),
+    footer: withCtx(() => [
+      createVNode(_component_FormFooter, {
+        "back-href": _ctx.postListUrl,
+        "is-submitting": _ctx.isSubmitting,
+        "is-creation": _ctx.isCreation,
+        "can-create-another": _ctx.isCreation,
+        onSubmit: _ctx.submitForm
+      }, null, 8, ["back-href", "is-submitting", "is-creation", "can-create-another", "onSubmit"])
+    ]),
+    _: 1
+  }, 8, ["title", "is-content-loading", "header-buttons", "footer"]);
+}
+var BlogPostForm = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-22282a12"]]);
+function convertCategoryList(categoryList, languages) {
+  return categoryList.map((category) => {
+    if (languages.length > 0) {
+      const foundLanguage = languages.find(
+        ({ id }) => category.language === id
+      );
+      return {
+        ...category,
+        language: foundLanguage ? foundLanguage.name : category.language
+      };
+    }
+    return category;
+  });
+}
+function getCategoryTableColumnDefs(moduleConfig, t) {
+  const isLangSpecific = moduleConfig ? moduleConfig.languages.length > 0 : false;
+  const COLUMN_DEFS = [
+    {
+      id: 1,
+      name: t("blog:name"),
+      field: "name",
+      type: "name",
+      format: ({ row }) => ({
+        adminLink: {
+          url: getBlogCategoryFormUrl({ categoryId: row.id }),
+          text: getNameWithDepth(row.name, row.depth)
+        },
+        paramList: row.isDefault ? [{ name: t("blog:defaultCategory"), value: t("blog:yes") }] : []
+      })
+    },
+    {
+      id: 2,
+      name: t("blog:link"),
+      field: "path",
+      type: "link",
+      format: ({ row }) => ({
+        url: `${getWebsiteOrigin()}${row.url}`,
+        text: row.url
+      }),
+      options: {
+        shouldOpenNewTab: true
+      }
+    },
+    isLangSpecific ? { id: 3, name: t("blog:language"), field: "language" } : null,
+    {
+      id: 4,
+      name: t("blog:posts"),
+      field: "linkToPosts",
+      style: { whiteSpace: "nowrap", width: "130px" }
+    },
+    {
+      id: 5,
+      name: t("blog:actions"),
+      field: "actions",
+      style: { whiteSpace: "nowrap", width: "170px" },
+      headStyle: { whiteSpace: "nowrap", width: "170px" },
+      class: "actions-cell"
+    }
+  ];
+  return COLUMN_DEFS.filter(notEmpty);
+}
+function getLinkToPostsByCategory(categoryId) {
+  return `${getBlogPostListUrl()}?filter[category]=${categoryId}`;
+}
+function useAdvancedSearch({ languageList, route, t }) {
+  const languageOptionList = computed(
+    () => languageList.value.map(({ id, name }) => ({ value: id, label: name }))
+  );
+  const initialLanguageFilter = computed(() => {
+    const queryValue = getFilterParamAsStringArray(
+      route.query,
+      "language"
+    );
+    return languageOptionList.value.filter(
+      ({ value }) => queryValue.some((selected) => selected === value)
+    );
+  });
+  const languageFilter = ref(initialLanguageFilter.value);
+  watch(initialLanguageFilter, () => {
+    languageFilter.value = initialLanguageFilter.value;
+  });
+  const filterParams = computed(
+    () => getFilterParams({
+      ["language"]: languageFilter.value.map(({ value }) => value)
+    })
+  );
+  function tagRemovalHandler(event) {
+    if (event.name === "language") {
+      languageFilter.value = languageFilter.value.filter(
+        ({ value }) => value !== event.value
+      );
+    }
+  }
+  const tags = computed(() => [
+    ...languageFilter.value.map(({ value, label }) => ({
+      value,
+      label,
+      name: "language",
+      title: t("blog:language")
+    }))
+  ]);
+  return {
+    languageFilter,
+    languageOptionList,
+    tagRemovalHandler,
+    tags,
+    filterParams
+  };
+}
+const _sfc_main$1 = defineComponent({
+  name: "BlogCategoryList",
+  components: {
+    DeleteIcon,
+    SouthIcon,
+    NorthIcon,
+    EditIcon,
+    BaseButton,
+    CountButton,
+    FormFieldMultiSelect,
+    AdvancedSearch,
+    Page,
+    DataTable
+  },
+  setup() {
+    const { t } = useI18n();
+    const route = useRoute();
+    const router = useRouter();
+    const { data: moduleConfig, loading: isModuleConfigLoading } = useFetchModuleConfig();
+    const languageList = computed(
+      () => {
+        var _a, _b;
+        return (_b = (_a = moduleConfig.value) == null ? void 0 : _a.languages) != null ? _b : [];
+      }
+    );
+    const {
+      languageFilter,
+      languageOptionList,
+      filterParams,
+      tags,
+      tagRemovalHandler
+    } = useAdvancedSearch({ languageList, route, t });
+    const isLangSpecific = computed(
+      () => languageOptionList.value.length > 1
+    );
+    const {
+      fetchEntityList: fetchCategoryList,
+      isLoading: isCategoryListLoading,
+      rowData: categoryList,
+      errorMessage,
+      searchQuery,
+      handleChange,
+      pageNumber,
+      pageCount,
+      pageSize
+    } = useDataTable({
+      fetchEntityList: (params) => getCategories({
+        query: params.searchQuery,
+        pageNumber: params.pageNumber,
+        pageSize: params.pageSize,
+        ...filterParams.value
+      }),
+      initialValue: [],
+      resourceName: "Blog categories",
+      pageSize: 100
+    });
+    watch(filterParams, () => {
+      var _a;
+      if (isModuleConfigLoading.value || isCategoryListLoading.value) {
+        return;
+      }
+      if (route.path !== BLOG_ROUTE_PATHS.CATEGORY_LIST) {
+        return;
+      }
+      const newQuery = {
+        ...filterParams.value,
+        query: (_a = route.query.query) != null ? _a : ""
+      };
+      if (!isEqual(route.query, newQuery)) {
+        router.replace({ query: newQuery });
+        fetchCategoryList();
+      }
+    });
+    const { isDeleting, handleResourceDelete: handleCategoryDelete } = useResourceDelete({
+      deleteResource: deleteCategory,
+      resourceName: "Post",
+      onSuccess: fetchCategoryList
+    });
+    const isCategoryMoving = ref(false);
+    function startMoveCategory(categoryId, direction) {
+      isCategoryMoving.value = true;
+      moveCategory(categoryId, direction).then((response) => {
+        if (response.success) {
+          return fetchCategoryList();
+        }
+      }).catch(console.error).finally(() => {
+        isCategoryMoving.value = false;
+      });
+    }
+    const isRowDataLoading = computed(
+      () => isCategoryListLoading.value || isModuleConfigLoading.value
+    );
+    const displayedCategoryList = computed(
+      () => convertCategoryList(categoryList.value, languageList.value)
+    );
+    const columnDefs = computed(
+      () => getCategoryTableColumnDefs(moduleConfig.value, t)
+    );
+    return {
+      columnDefs,
+      rowData: displayedCategoryList,
+      isRowDataLoading,
+      errorMessage,
+      isLangSpecific,
+      handleCategoryDelete,
+      isDeleting,
+      getBlogCategoryFormUrl,
+      getLinkToPostsByCategory,
+      startMoveCategory,
+      isCategoryMoving,
+      searchQuery,
+      handleChange,
+      pageNumber,
+      pageCount,
+      pageSize,
+      languageFilter,
+      languageOptionList,
+      tags,
+      tagRemovalHandler
+    };
+  }
+});
+const _hoisted_1 = { class: "filters" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_FormFieldMultiSelect = resolveComponent("FormFieldMultiSelect");
+  const _component_AdvancedSearch = resolveComponent("AdvancedSearch");
+  const _component_CountButton = resolveComponent("CountButton");
+  const _component_EditIcon = resolveComponent("EditIcon");
+  const _component_BaseButton = resolveComponent("BaseButton");
+  const _component_NorthIcon = resolveComponent("NorthIcon");
+  const _component_SouthIcon = resolveComponent("SouthIcon");
+  const _component_DeleteIcon = resolveComponent("DeleteIcon");
+  const _component_DataTable = resolveComponent("DataTable");
+  const _component_Page = resolveComponent("Page");
+  return openBlock(), createBlock(_component_Page, {
+    title: _ctx.$i18n.t("blog:blogCategories"),
+    "header-buttons": [
+      {
+        text: _ctx.$i18n.t("blog:newCategory"),
+        href: _ctx.getBlogCategoryFormUrl({ categoryId: "create" })
+      }
+    ]
+  }, {
+    content: withCtx(() => [
+      createVNode(_component_DataTable, {
+        "column-defs": _ctx.columnDefs,
+        "row-data": _ctx.rowData,
+        loading: _ctx.isRowDataLoading,
+        "error-message": _ctx.errorMessage,
+        "search-query": _ctx.searchQuery,
+        pagination: {
+          pageNumber: _ctx.pageNumber,
+          pageCount: _ctx.pageCount,
+          pageSize: _ctx.pageSize,
+          disabled: _ctx.isRowDataLoading
+        },
+        "data-table": "blog-category",
+        onChange: _ctx.handleChange
+      }, createSlots({
+        "cell(link-to-posts)": withCtx(({ row }) => [
+          createVNode(_component_CountButton, {
+            href: _ctx.getLinkToPostsByCategory(row.id),
+            variant: "outline-secondary",
+            count: row.postsCount
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$i18n.t("blog:posts")), 1)
+            ]),
+            _: 2
+          }, 1032, ["href", "count"])
+        ]),
+        "cell(actions)": withCtx(({ row, rowIndex }) => [
+          createVNode(_component_BaseButton, {
+            variant: "icon",
+            title: _ctx.$i18n.t("blog:edit"),
+            disabled: _ctx.isDeleting(row.id),
+            href: _ctx.getBlogCategoryFormUrl({ categoryId: row.id })
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_EditIcon)
+            ]),
+            _: 2
+          }, 1032, ["title", "disabled", "href"]),
+          createVNode(_component_BaseButton, {
+            variant: "icon",
+            title: _ctx.$i18n.t("blog:moveUp"),
+            disabled: rowIndex === 0 || _ctx.isCategoryMoving,
+            onClick: ($event) => _ctx.startMoveCategory(row.id, "up")
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_NorthIcon)
+            ]),
+            _: 2
+          }, 1032, ["title", "disabled", "onClick"]),
+          createVNode(_component_BaseButton, {
+            variant: "icon",
+            title: _ctx.$i18n.t("blog:moveDown"),
+            disabled: rowIndex === _ctx.rowData.length - 1 || _ctx.isCategoryMoving,
+            onClick: ($event) => _ctx.startMoveCategory(row.id, "down")
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_SouthIcon)
+            ]),
+            _: 2
+          }, 1032, ["title", "disabled", "onClick"]),
+          createVNode(_component_BaseButton, {
+            variant: "icon",
+            title: _ctx.$i18n.t("blog:remove"),
+            disabled: _ctx.isDeleting(row.id) || row.postsCount > 0,
+            onClick: ($event) => _ctx.handleCategoryDelete(row.id)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_DeleteIcon)
+            ]),
+            _: 2
+          }, 1032, ["title", "disabled", "onClick"])
+        ]),
+        _: 2
+      }, [
+        _ctx.isLangSpecific ? {
+          name: "filters",
+          fn: withCtx(() => [
+            createVNode(_component_AdvancedSearch, {
+              tags: _ctx.tags,
+              "onClick:tag": _ctx.tagRemovalHandler
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_1, [
+                  createVNode(_component_FormFieldMultiSelect, {
+                    values: _ctx.languageFilter,
+                    "onUpdate:values": _cache[0] || (_cache[0] = ($event) => _ctx.languageFilter = $event),
+                    options: _ctx.languageOptionList,
+                    name: "languageFilter",
+                    searchable: true,
+                    label: _ctx.$i18n.t("blog:language"),
+                    class: "filter"
+                  }, null, 8, ["values", "options", "label"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["tags", "onClick:tag"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["column-defs", "row-data", "loading", "error-message", "search-query", "pagination", "onChange"])
+    ]),
+    _: 1
+  }, 8, ["title", "header-buttons"]);
+}
+var BlogCategoryList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+function convertCategoryToFormValues(category, languageOptionList, t) {
+  var _a, _b, _c, _d, _e;
+  const currentLangOption = languageOptionList.find(
+    ({ value }) => value === (category == null ? void 0 : category.language)
+  );
+  if (!category) {
+    return {
+      language: currentLangOption != null ? currentLangOption : null,
+      name: "",
+      parent: { value: null, label: t("blog:noParent") },
+      urlAlias: "",
+      isDefault: false,
+      pageTitle: "",
+      pageDescription: "",
+      pageKeywords: "",
+      openGraphTitle: "",
+      openGraphDescription: "",
+      openGraphImage: null
+    };
+  }
+  return {
+    language: currentLangOption != null ? currentLangOption : null,
+    isDefault: category.isDefault,
+    name: category.name,
+    parent: category.parent ? { value: category.parent.id, label: category.parent.name } : { value: null, label: t("blog:noParent") },
+    urlAlias: category.urlAlias,
+    pageTitle: (_a = category.pageTitle) != null ? _a : "",
+    pageDescription: (_b = category.pageDescription) != null ? _b : "",
+    pageKeywords: (_c = category.pageKeywords) != null ? _c : "",
+    openGraphTitle: (_d = category.openGraphTitle) != null ? _d : "",
+    openGraphDescription: (_e = category.openGraphDescription) != null ? _e : "",
+    openGraphImage: category.openGraphImage ? { id: createId(), file: category.openGraphImage } : null
+  };
+}
+function convertCategoryFormValuesToPayload(values) {
+  var _a, _b, _c, _d;
+  return {
+    language: (_b = (_a = values.language) == null ? void 0 : _a.value) != null ? _b : null,
+    name: values.name,
+    parent: values.parent.value,
+    urlAlias: values.urlAlias,
+    isDefault: values.isDefault,
+    pageTitle: values.pageTitle,
+    pageDescription: values.pageDescription,
+    openGraphImage: (_d = (_c = values.openGraphImage) == null ? void 0 : _c.file.id) != null ? _d : null
+  };
+}
+function convertCategoryListToOptions(categoryList, languageId, t) {
+  return [
+    { value: null, label: t("blog:noParent") },
+    ...categoryList.filter(({ language }) => languageId ? language === languageId : true).map(({ id, name, depth }) => ({
+      value: id,
+      label: getNameWithDepth(name, depth)
+    }))
+  ];
+}
+const _sfc_main = defineComponent({
+  name: "CategoryForm",
+  components: {
+    Page,
+    SeoFieldGroup,
+    FormFieldCheckbox,
+    TabList,
+    FormFieldUrlAliasInput,
+    FormField,
+    FormFieldSelect,
+    FormFooter
+  },
+  setup() {
+    const { t } = useI18n();
+    const router = useRouter();
+    const route = useRoute();
+    const toast = useToast();
+    const categoryId = computed(
+      () => route.params.categoryId
+    );
+    const isCreation = computed(() => categoryId.value === "create");
+    const { data: moduleConfig, loading: isModuleConfigLoading } = useFetchModuleConfig();
+    const languageList = computed(
+      () => {
+        var _a, _b;
+        return (_b = (_a = moduleConfig.value) == null ? void 0 : _a.languages) != null ? _b : [];
+      }
+    );
+    const languageOptionList = computed(
+      () => languageList.value.map(({ id, name }) => ({ value: id, label: name }))
+    );
+    const isLangSpecific = computed(
+      () => languageOptionList.value.length > 0
+    );
+    const imageScenario = computed(
+      () => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = moduleConfig.value) == null ? void 0 : _a.fileScenarios) == null ? void 0 : _b.openGraph) != null ? _c : null;
+      }
+    );
+    const { data: categories, loading: isCategoriesLoading } = useFetchCategories();
+    const { data: category, loading: isCategoryLoading } = useFetchCategory({
+      categoryId,
+      isCreation
+    });
+    const isSubmitting = ref(false);
+    const values = ref(
+      convertCategoryToFormValues(category.value, languageOptionList.value, t)
+    );
+    const errors = ref({});
+    watch([category, languageOptionList], () => {
+      values.value = convertCategoryToFormValues(
+        category.value,
+        languageOptionList.value,
+        t
+      );
+    });
+    function submitForm(event) {
+      isSubmitting.value = true;
+      const body = convertCategoryFormValuesToPayload(values.value);
+      const requestPromise = isCreation.value ? createCategory(body) : updateCategory(categoryId.value, body);
+      requestPromise.then(({ data }) => {
+        errors.value = {};
+        if (event.type === "create") {
+          router.push(
+            getBlogCategoryFormUrl({ categoryId: String(data.id) })
+          );
+        }
+        if (event.type === "create_exit" || event.type === "save_exit") {
+          navigateBack(router, getBlogCategoryListUrl());
+        }
+        if (event.type === "create_create-another") {
+          values.value = convertCategoryToFormValues(
+            null,
+            languageOptionList.value,
+            t
+          );
+        }
+        toast.show({
+          variant: "success",
+          title: t("blog:success"),
+          body: isCreation.value ? t("blog:blogCategoryWasSuccessfullyCreated") : t("blog:blogCategoryWasSuccessfullyUpdated")
+        });
+      }).catch((error) => {
+        console.error(error);
+        errors.value = convertRequestErrorToMap(error);
+        toast.show({
+          variant: "danger",
+          title: t("blog:error"),
+          body: isCreation.value ? t("blog:blogCategoryCreationWasFailed") : t("blog:blogCategoryUpdateWasFailed")
+        });
+      }).finally(() => {
+        isSubmitting.value = false;
+      });
+    }
+    const parentCategoryOptionList = computed(
+      () => {
+        var _a, _b;
+        return convertCategoryListToOptions(
+          categories.value,
+          (_b = (_a = values.value.language) == null ? void 0 : _a.value) != null ? _b : null,
+          t
+        );
+      }
+    );
+    const isContentLoading = computed(
+      () => isCategoryLoading.value || isModuleConfigLoading.value || isCategoriesLoading.value
+    );
+    const categoryPagePath = computed(() => {
+      var _a, _b;
+      return `${getWebsiteOrigin()}${(_b = (_a = category.value) == null ? void 0 : _a.urlTemplate) != null ? _b : ""}`;
+    });
+    function handleSeoFieldGroupChange({
+      title,
+      description,
+      keywords,
+      image
+    }) {
+      values.value.pageTitle = title;
+      values.value.pageDescription = description;
+      values.value.pageKeywords = keywords;
+      values.value.openGraphImage = image;
+    }
+    const tabList = computed(() => [
+      { id: "common", label: t("blog:tabs.common") },
+      { id: "seo", label: t("blog:tabs.seo") }
+    ]);
+    const selectedTabId = ref(tabList.value[0].id);
+    const urlAliasChanged = ref(false);
+    const handleNameChange = (value) => {
+      if (isCreation.value && !urlAliasChanged.value) {
+        values.value.urlAlias = urlTranslit(value);
+      }
+    };
+    const handleAliasChange = () => {
+      urlAliasChanged.value = true;
+    };
+    return {
+      isCreation,
+      isContentLoading,
+      values,
+      errors,
+      isLangSpecific,
+      languageOptionList,
+      pagePath: categoryPagePath,
+      categoryListUrl: getBlogCategoryListUrl(),
+      submitForm,
+      isSubmitting,
+      moduleConfig,
+      parentCategoryOptionList,
+      handleNameChange,
+      handleAliasChange,
+      imageScenario,
+      handleSeoFieldGroupChange,
+      tabList,
+      selectedTabId
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_FormFieldSelect = resolveComponent("FormFieldSelect");
+  const _component_FormField = resolveComponent("FormField");
+  const _component_FormFieldUrlAliasInput = resolveComponent("FormFieldUrlAliasInput");
+  const _component_TabList = resolveComponent("TabList");
+  const _component_FormFieldCheckbox = resolveComponent("FormFieldCheckbox");
+  const _component_SeoFieldGroup = resolveComponent("SeoFieldGroup");
+  const _component_FormFooter = resolveComponent("FormFooter");
+  const _component_Page = resolveComponent("Page");
+  return openBlock(), createBlock(_component_Page, {
+    title: _ctx.isCreation ? _ctx.$i18n.t("blog:createBlogCategory") : _ctx.$i18n.t("blog:updateBlogCategory"),
+    "is-content-loading": _ctx.isContentLoading
+  }, {
+    content: withCtx(() => [
+      createElementVNode("form", {
+        novalidate: "",
+        onSubmit: _cache[10] || (_cache[10] = withModifiers((...args) => _ctx.submitForm && _ctx.submitForm(...args), ["prevent"]))
+      }, [
+        _ctx.isCreation ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _ctx.isLangSpecific ? (openBlock(), createBlock(_component_FormFieldSelect, {
+            key: 0,
+            value: _ctx.values.language,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.values.language = $event),
+            name: "language",
+            label: _ctx.$i18n.t("blog:language"),
+            options: _ctx.languageOptionList,
+            error: _ctx.errors.language
+          }, null, 8, ["value", "label", "options", "error"])) : createCommentVNode("", true),
+          createVNode(_component_FormField, {
+            value: _ctx.values.name,
+            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.values.name = $event),
+            name: "name",
+            label: _ctx.$i18n.t("blog:name"),
+            error: _ctx.errors.name,
+            onInput: _ctx.handleNameChange
+          }, null, 8, ["value", "label", "error", "onInput"]),
+          !_ctx.isLangSpecific || _ctx.values.language ? (openBlock(), createBlock(_component_FormFieldSelect, {
+            key: 1,
+            value: _ctx.values.parent,
+            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.values.parent = $event),
+            name: "parentCategory",
+            label: _ctx.$i18n.t("blog:parentCategory"),
+            options: _ctx.parentCategoryOptionList,
+            error: _ctx.errors.parent
+          }, null, 8, ["value", "label", "options", "error"])) : createCommentVNode("", true),
+          createVNode(_component_FormFieldUrlAliasInput, {
+            id: "urlAlias",
+            value: _ctx.values.urlAlias,
+            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => _ctx.values.urlAlias = $event),
+            name: "urlAlias",
+            label: _ctx.$i18n.t("blog:link"),
+            "url-template": _ctx.pagePath,
+            error: _ctx.errors.urlAlias,
+            onChange: _ctx.handleAliasChange
+          }, null, 8, ["value", "label", "url-template", "error", "onChange"])
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createVNode(_component_TabList, {
+            "tab-id": _ctx.selectedTabId,
+            "onUpdate:tab-id": _cache[4] || (_cache[4] = ($event) => _ctx.selectedTabId = $event),
+            "tab-list": _ctx.tabList
+          }, null, 8, ["tab-id", "tab-list"]),
+          _ctx.selectedTabId === "common" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            _ctx.isLangSpecific ? (openBlock(), createBlock(_component_FormFieldSelect, {
+              key: 0,
+              value: _ctx.values.language,
+              "onUpdate:value": _cache[5] || (_cache[5] = ($event) => _ctx.values.language = $event),
+              name: "language",
+              label: _ctx.$i18n.t("blog:language"),
+              options: _ctx.languageOptionList,
+              error: _ctx.errors.language
+            }, null, 8, ["value", "label", "options", "error"])) : createCommentVNode("", true),
+            createVNode(_component_FormFieldCheckbox, {
+              checked: _ctx.values.isDefault,
+              "onUpdate:checked": _cache[6] || (_cache[6] = ($event) => _ctx.values.isDefault = $event),
+              name: "isDefault",
+              label: _ctx.$i18n.t("blog:defaultCategory"),
+              error: _ctx.errors.isDefault
+            }, null, 8, ["checked", "label", "error"]),
+            createVNode(_component_FormField, {
+              value: _ctx.values.name,
+              "onUpdate:value": _cache[7] || (_cache[7] = ($event) => _ctx.values.name = $event),
+              name: "name",
+              label: _ctx.$i18n.t("blog:name"),
+              error: _ctx.errors.name
+            }, null, 8, ["value", "label", "error"]),
+            !_ctx.isLangSpecific || _ctx.values.language ? (openBlock(), createBlock(_component_FormFieldSelect, {
+              key: 1,
+              value: _ctx.values.parent,
+              "onUpdate:value": _cache[8] || (_cache[8] = ($event) => _ctx.values.parent = $event),
+              name: "parentCategory",
+              label: _ctx.$i18n.t("blog:parentCategory"),
+              options: _ctx.parentCategoryOptionList,
+              error: _ctx.errors.parent
+            }, null, 8, ["value", "label", "options", "error"])) : createCommentVNode("", true),
+            createVNode(_component_FormFieldUrlAliasInput, {
+              id: "urlAlias",
+              value: _ctx.values.urlAlias,
+              "onUpdate:value": _cache[9] || (_cache[9] = ($event) => _ctx.values.urlAlias = $event),
+              name: "urlAlias",
+              label: _ctx.$i18n.t("blog:link"),
+              "url-template": _ctx.pagePath,
+              error: _ctx.errors.urlAlias
+            }, null, 8, ["value", "label", "url-template", "error"])
+          ], 64)) : createCommentVNode("", true),
+          _ctx.selectedTabId === "seo" ? (openBlock(), createBlock(_component_SeoFieldGroup, {
+            key: 1,
+            title: _ctx.values.pageTitle,
+            "title-error-message": _ctx.errors.pageTitle,
+            description: _ctx.values.pageDescription,
+            "description-error-message": _ctx.errors.pageDescription,
+            "should-display-keywords": false,
+            keywords: _ctx.values.pageKeywords,
+            "keywords-error-message": _ctx.errors.pageKeywords,
+            image: _ctx.values.openGraphImage,
+            "image-scenario": _ctx.imageScenario,
+            "image-error-message": _ctx.errors.openGraphImage,
+            onChange: _ctx.handleSeoFieldGroupChange
+          }, null, 8, ["title", "title-error-message", "description", "description-error-message", "keywords", "keywords-error-message", "image", "image-scenario", "image-error-message", "onChange"])) : createCommentVNode("", true)
+        ], 64))
+      ], 32)
+    ]),
+    footer: withCtx(() => [
+      createVNode(_component_FormFooter, {
+        "back-href": _ctx.categoryListUrl,
+        "is-submitting": _ctx.isSubmitting,
+        "is-creation": _ctx.isCreation,
+        "can-create-another": _ctx.isCreation,
+        onSubmit: _ctx.submitForm
+      }, null, 8, ["back-href", "is-submitting", "is-creation", "can-create-another", "onSubmit"])
+    ]),
+    _: 1
+  }, 8, ["title", "is-content-loading"]);
+}
+var BlogCategoryForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const BLOG_POST_LIST_ROUTE = {
+  path: BLOG_ROUTE_PATHS.POST_LIST,
+  component: BlogPostList,
+  name: "All posts",
+  meta: {
+    getBreadcrumbs: (route, { t }) => [
+      { url: "/", text: t("blog:home") },
+      { url: BLOG_ROUTE_PATHS.POST_LIST, text: t("blog:allPosts") }
+    ]
+  }
+};
+const BLOG_POST_FORM_ROUTE = {
+  path: BLOG_ROUTE_PATHS.POST_FORM,
+  component: BlogPostForm,
+  name: "Post Form",
+  meta: {
+    getBreadcrumbs: (route, { t }) => [
+      { url: "/", text: t("blog:home") },
+      { url: BLOG_ROUTE_PATHS.POST_LIST, text: t("blog:allPosts") },
+      { url: route.path, text: t("blog:postForm") }
+    ]
+  }
+};
+const BLOG_CATEGORY_LIST_ROUTE = {
+  path: BLOG_ROUTE_PATHS.CATEGORY_LIST,
+  component: BlogCategoryList,
+  name: "All categories",
+  meta: {
+    getBreadcrumbs: (route, { t }) => [
+      { url: "/", text: t("blog:home") },
+      { url: BLOG_ROUTE_PATHS.CATEGORY_LIST, text: t("blog:allCategories") }
+    ]
+  }
+};
+const BLOG_CATEGORY_FORM_ROUTE = {
+  path: BLOG_ROUTE_PATHS.CATEGORY_FORM,
+  component: BlogCategoryForm,
+  name: "Category Form",
+  meta: {
+    getBreadcrumbs: (route, { t }) => [
+      { url: "/", text: t("blog:home") },
+      { url: BLOG_ROUTE_PATHS.CATEGORY_LIST, text: t("blog:allCategories") },
+      { url: route.path, text: t("blog:categoryForm") }
+    ]
+  }
+};
+applyTranslations();
+export { BLOG_CATEGORY_FORM_ROUTE, BLOG_CATEGORY_LIST_ROUTE, BLOG_POST_FORM_ROUTE, BLOG_POST_LIST_ROUTE, clonePost, createBlogPost, createCategory, deleteBlogPost, deleteCategory, getBlogCategoryFormUrl, getBlogCategoryListUrl, getBlogPostCount, getBlogPostFormUrl, getBlogPostListUrl, getCategories, getCategory, getModuleConfig, getPost, getPosts, moveCategory, updateBlogPost, updateCategory };