@tager/admin-blog 1.0.4 → 2.0.0

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { useRoute as ge, useRouter as de } from "vue-router";
 import { onMounted as oe, watch as G, computed as r, ref as E, defineComponent as pe, resolveComponent as y, openBlock as T, createBlock as M, withCtx as A, createVNode as p, createElementVNode as Y, toDisplayString as x, createElementBlock as Q, createTextVNode as Se, createCommentVNode as B, withModifiers as Ve, Fragment as J, renderList as ra, createSlots as ia } from "vue";
 import We from "lodash.isequal";
 import ua from "lodash.pick";
-import { getFilterParamAsStringArray as ie, getFilterParamAsString as Be, getFilterParams as He, DataTable as ze, AdvancedSearch as Ye, FormFieldMultiSelect as Le, FormField as Te, BaseButton as Qe, EditIcon as Ke, ContentCopyIcon as ga, DeleteIcon as je, useDataTable as Ze, formatDateTime as da, FormFooter as Je, ShortCodeConstructor as pa, FormFieldSelect as Xe, FormFieldUrlAliasInput as _e, FormFieldCheckbox as xe, FormFieldRichTextInput as ma, FormFieldFileInput as ca, SeoFieldGroup as ea, formatDate as ba, createTabErrorFinder as va, CountButton as fa, NorthIcon as ya, SouthIcon as ha, TabList as Ca } from "@tager/admin-ui";
+import { getFilterParamAsStringArray as ie, getFilterParamAsString as Be, getFilterParams as He, DataTable as ze, AdvancedSearch as Ye, FormFieldMultiSelect as Le, FormField as Te, BaseButton as Qe, EditIcon as Ke, ContentCopyIcon as ga, DeleteIcon as je, useDataTable as Ze, formatDateTime as da, FormFooter as Je, ShortCodeConstructor as pa, FormFieldSelect as Xe, FormFieldUrlAliasInput as _e, FormFieldCheckbox as xe, FormFieldRichTextInput as ma, FormFieldFileInput as ca, SeoFieldGroup as ea, formatDate as va, createTabErrorFinder as ba, CountButton as fa, NorthIcon as ya, SouthIcon as ha, TabList as Ca } from "@tager/admin-ui";
 import { Page as me } from "@tager/admin-layout";
 import { universalFieldUtils as De, DynamicField as Fa } from "@tager/admin-dynamic-field";
 import { compile as aa } from "path-to-regexp";
@@ -349,7 +349,7 @@ function he(e, a, n, o, t) {
   const d = a.find(
     (s) => s.value === e.language
   ), c = n.filter(
-    (s) => e.relatedPosts.some((b) => b.id === s.value)
+    (s) => e.relatedPosts.some((v) => v.id === s.value)
   ), C = t.find(({ value: s }) => s === e.status) ?? t[0];
   return {
     title: e.title,
@@ -371,12 +371,12 @@ function he(e, a, n, o, t) {
     relatedPosts: c,
     tags: e.tags.join(","),
     additionalFields: o.map((s) => {
-      const b = e.additionalFields.find(
-        ({ name: v }) => v === s.name
+      const v = e.additionalFields.find(
+        ({ name: b }) => b === s.name
       );
       return De.createFormField(
         s,
-        b == null ? void 0 : b.value
+        v == null ? void 0 : v.value
       );
     }),
     status: C,
@@ -565,7 +565,7 @@ function Ya({
   });
   const s = r(
     () => o.value.map(({ id: l, name: m }) => ({ value: l, label: m }))
-  ), b = r(() => {
+  ), v = r(() => {
     const l = ie(
       a.query,
       "language"
@@ -574,9 +574,9 @@ function Ya({
     return s.value.filter(
       ({ value: m }) => l.some(($) => $ === m)
     );
-  }), v = E(b.value);
-  G(b, () => {
-    v.value = b.value;
+  }), b = E(v.value);
+  G(v, () => {
+    b.value = v.value;
   });
   const L = r(
     () => Be(
@@ -626,7 +626,7 @@ function Ya({
   const u = r(() => {
     const l = {
       category: C.value.map(({ value: m }) => m),
-      language: v.value.map(({ value: m }) => m),
+      language: b.value.map(({ value: m }) => m),
       status: D.value.map(({ value: m }) => m)
     };
     return F.value && (l[
@@ -640,7 +640,7 @@ function Ya({
   function V(l) {
     l.name === "category" && (C.value = C.value.filter(
       ({ value: m }) => m !== l.value
-    )), l.name === "language" && (v.value = v.value.filter(
+    )), l.name === "language" && (b.value = b.value.filter(
       ({ value: m }) => m !== l.value
     )), l.name === "from-date" && (F.value = "", g.value = ""), l.name === "status" && (D.value = D.value.filter(
       ({ value: m }) => m !== l.value
@@ -654,7 +654,7 @@ function Ya({
         name: "category",
         title: e("blog:category")
       })),
-      ...v.value.map(({ value: l, label: m }) => ({
+      ...b.value.map(({ value: l, label: m }) => ({
         value: l,
         label: m,
         name: "language",
@@ -668,8 +668,8 @@ function Ya({
         title: e("blog:status")
       }))
     ].filter(Fe)
-  ), W = r(() => v.value.length === 0 ? d.value : n.value.filter(
-    ({ language: m }) => v.value.some(({ value: $ }) => $ === m)
+  ), W = r(() => b.value.length === 0 ? d.value : n.value.filter(
+    ({ language: m }) => b.value.some(({ value: $ }) => $ === m)
   ).map(({ id: m, name: $, depth: q }) => ({
     value: String(m),
     label: ae($, q)
@@ -677,7 +677,7 @@ function Ya({
   return {
     categoryFilter: C,
     categoryOptionList: W,
-    languageFilter: v,
+    languageFilter: b,
     languageOptionList: s,
     fromDateFilter: F,
     toDateFilter: g,
@@ -706,11 +706,11 @@ const Qa = pe({
         var P;
         return ((P = d.value) == null ? void 0 : P.languages) ?? [];
       }
-    ), { data: s, loading: b } = Ie(), v = r(
+    ), { data: s, loading: v } = Ie(), b = r(
       () => o.value ? s.value.find(
         ({ id: P }) => String(P) === String(o.value)
       ) ?? null : null
-    ), L = r(() => v.value ? `${e("blog:postsByCategory")} "${v.value.name}"` : e("blog:posts")), F = r(
+    ), L = r(() => b.value ? `${e("blog:postsByCategory")} "${b.value.name}"` : e("blog:posts")), F = r(
       () => h.value.length > 1
     ), {
       categoryFilter: I,
@@ -739,7 +739,7 @@ const Qa = pe({
       pageNumber: k,
       pageCount: _,
       pageSize: K,
-      sort: ve
+      sort: be
     } = Ze({
       fetchEntityList: (P) => ta({
         query: P.searchQuery,
@@ -754,7 +754,7 @@ const Qa = pe({
       defaultSort: m[0].value
     });
     G(V, () => {
-      if (c.value || b.value)
+      if (c.value || v.value)
         return;
       const P = {
         ...ua(a.query, ["query", "pageNumber", "sort"]),
@@ -767,12 +767,12 @@ const Qa = pe({
         var P;
         return Va(
           j.value,
-          v.value,
+          b.value,
           ((P = d.value) == null ? void 0 : P.languages) ?? []
         );
       }
     ), le = r(
-      () => b.value || q.value || c.value
+      () => v.value || q.value || c.value
     ), { isDeleting: ne, handleResourceDelete: se } = Re({
       deleteResource: $a,
       resourceName: "Post",
@@ -795,7 +795,7 @@ const Qa = pe({
       formatDateTime: da,
       columnDefs: z,
       sortOptions: m,
-      sortValue: ve,
+      sortValue: be,
       rowData: fe,
       handleResourceDelete: se,
       isDeleting: ne,
@@ -827,14 +827,14 @@ const Qa = pe({
       isBusy: H
     };
   }
-}), be = (e, a) => {
+}), ve = (e, a) => {
   const n = e.__vccOpts || e;
   for (const [o, t] of a)
     n[o] = t;
   return n;
 }, Ka = { class: "filters" }, ja = { class: "filters" }, Za = { class: "status" }, Ja = { key: 0 }, Xa = { key: 1 };
 function _a(e, a, n, o, t, d) {
-  const c = y("FormFieldMultiSelect"), C = y("FormField"), s = y("AdvancedSearch"), b = y("EditIcon"), v = y("BaseButton"), L = y("ContentCopyIcon"), F = y("DeleteIcon"), I = y("DataTable"), g = y("Page");
+  const c = y("FormFieldMultiSelect"), C = y("FormField"), s = y("AdvancedSearch"), v = y("EditIcon"), b = y("BaseButton"), L = y("ContentCopyIcon"), F = y("DeleteIcon"), I = y("DataTable"), g = y("Page");
   return T(), M(g, {
     title: e.pageTitle,
     "header-buttons": [
@@ -870,7 +870,7 @@ function _a(e, a, n, o, t, d) {
               Y("div", Ka, [
                 p(c, {
                   "selected-options": e.categoryFilter,
-                  "onUpdate:selected-options": a[0] || (a[0] = (f) => e.categoryFilter = f),
+                  "onUpdate:selectedOptions": a[0] || (a[0] = (f) => e.categoryFilter = f),
                   options: e.categoryOptionList,
                   name: "categoryFilter",
                   searchable: !0,
@@ -880,7 +880,7 @@ function _a(e, a, n, o, t, d) {
                 e.isLangSpecific ? (T(), M(c, {
                   key: 0,
                   "selected-options": e.languageFilter,
-                  "onUpdate:selected-options": a[1] || (a[1] = (f) => e.languageFilter = f),
+                  "onUpdate:selectedOptions": a[1] || (a[1] = (f) => e.languageFilter = f),
                   options: e.languageOptionList,
                   name: "languageFilter",
                   searchable: !0,
@@ -889,7 +889,7 @@ function _a(e, a, n, o, t, d) {
                 }, null, 8, ["selected-options", "options", "label"])) : B("", !0),
                 p(c, {
                   "selected-options": e.statusFilter,
-                  "onUpdate:selected-options": a[2] || (a[2] = (f) => e.statusFilter = f),
+                  "onUpdate:selectedOptions": a[2] || (a[2] = (f) => e.statusFilter = f),
                   options: e.statusOptionList,
                   name: "statusFilter",
                   searchable: !0,
@@ -933,18 +933,18 @@ function _a(e, a, n, o, t, d) {
           ])
         ]),
         "cell(actions)": A(({ row: f }) => [
-          p(v, {
+          p(b, {
             variant: "icon",
             title: e.$i18n.t("blog:edit"),
             disabled: e.isBusy(f.id),
             href: e.getBlogPostFormUrl({ postId: f.id })
           }, {
             default: A(() => [
-              p(b)
+              p(v)
             ]),
-            _: 2
-          }, 1032, ["title", "disabled", "href"]),
-          p(v, {
+            _: 1
+          }, 8, ["title", "disabled", "href"]),
+          p(b, {
             variant: "icon",
             title: e.$i18n.t("blog:clone"),
             disabled: e.isBusy(f.id),
@@ -953,9 +953,9 @@ function _a(e, a, n, o, t, d) {
             default: A(() => [
               p(L)
             ]),
-            _: 2
-          }, 1032, ["title", "disabled", "onClick"]),
-          p(v, {
+            _: 1
+          }, 8, ["title", "disabled", "onClick"]),
+          p(b, {
             variant: "icon",
             title: e.$i18n.t("blog:remove"),
             disabled: e.isBusy(f.id),
@@ -964,8 +964,8 @@ function _a(e, a, n, o, t, d) {
             default: A(() => [
               p(F)
             ]),
-            _: 2
-          }, 1032, ["title", "disabled", "onClick"])
+            _: 1
+          }, 8, ["title", "disabled", "onClick"])
         ]),
         _: 1
       }, 8, ["column-defs", "row-data", "loading", "error-message", "search-query", "pagination", "sort", "onChange"])
@@ -973,7 +973,7 @@ function _a(e, a, n, o, t, d) {
     _: 1
   }, 8, ["title", "header-buttons"]);
 }
-const xa = /* @__PURE__ */ be(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97da"]]), et = pe({
+const xa = /* @__PURE__ */ ve(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97da"]]), et = pe({
   name: "BlogPostForm",
   components: {
     SeoFieldGroup: ea,
@@ -991,13 +991,13 @@ const xa = /* @__PURE__ */ be(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
   },
   setup() {
     var se;
-    const e = ge(), a = de(), n = we(), { t: o } = ue(), t = r(() => e.params.postId), d = r(() => t.value === "create"), c = E(!1), C = r(() => la(o)), { data: s, loading: b } = ce(), v = r(
+    const e = ge(), a = de(), n = we(), { t: o } = ue(), t = r(() => e.params.postId), d = r(() => t.value === "create"), c = E(!1), C = r(() => la(o)), { data: s, loading: v } = ce(), b = r(
       () => {
         var i;
         return ((i = s.value) == null ? void 0 : i.languages) ?? [];
       }
     ), L = r(
-      () => v.value.map(({ id: i, name: O }) => ({
+      () => b.value.map(({ id: i, name: O }) => ({
         value: i,
         label: O
       }))
@@ -1017,7 +1017,7 @@ const xa = /* @__PURE__ */ be(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
         return i.id !== ((O = h.value) == null ? void 0 : O.id);
       }).map((i) => ({
         value: i.id,
-        label: (i.status === "ARCHIVED" ? `${o("blog:statusArchived")} - ` : i.status === "DRAFT" ? `${o("blog:statusDraft")} - ` : i.datetime ? ba(new Date(i.datetime)) + " - " : "") + i.title
+        label: (i.status === "ARCHIVED" ? `${o("blog:statusArchived")} - ` : i.status === "DRAFT" ? `${o("blog:statusDraft")} - ` : i.datetime ? va(new Date(i.datetime)) + " - " : "") + i.title
       }))
     ), W = E(!1), l = E(
       he(
@@ -1091,7 +1091,7 @@ const xa = /* @__PURE__ */ be(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
       l.value.categories = l.value.categories.filter(i);
     });
     const j = r(
-      () => D.value || g.value || V.value || b.value
+      () => D.value || g.value || V.value || v.value
     );
     function X() {
       var i;
@@ -1101,7 +1101,7 @@ const xa = /* @__PURE__ */ be(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
       var O;
       return (process.env.VUE_APP_WEBSITE_URL || window.location.origin) + (((O = h.value) == null ? void 0 : O.urlTemplate) ?? "");
     }), S = r(() => {
-      const i = va(m.value);
+      const i = ba(m.value);
       return [
         {
           id: "common",
@@ -1156,7 +1156,7 @@ const xa = /* @__PURE__ */ be(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
     }) {
       l.value.pageTitle = i, l.value.pageDescription = O, l.value.openGraphImage = H;
     }
-    function ve(i) {
+    function be(i) {
       d.value && c.value === !1 && (l.value.urlAlias = Me(i));
     }
     function fe() {
@@ -1207,7 +1207,7 @@ const xa = /* @__PURE__ */ be(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
       selectedTabId: k,
       headerButtonList: _,
       handleSeoFieldGroupChange: K,
-      handleTitleChange: ve,
+      handleTitleChange: be,
       handleAliasChange: fe,
       urlAliasTemplate: le,
       handleCategoriesChange: ne,
@@ -1222,10 +1222,10 @@ const xa = /* @__PURE__ */ be(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
   class: "status-date"
 };
 function nt(e, a, n, o, t, d) {
-  const c = y("FormFieldSelect"), C = y("FormField"), s = y("FormFieldUrlAliasInput"), b = y("FormFieldCheckbox"), v = y("FormFieldRichTextInput"), L = y("ShortCodeConstructor"), F = y("FormFieldFileInput"), I = y("FormFieldMultiSelect"), g = y("DynamicField"), f = y("SeoFieldGroup"), h = y("FormFooter"), D = y("Page");
+  const c = y("FormFieldSelect"), C = y("FormField"), s = y("FormFieldUrlAliasInput"), v = y("FormFieldCheckbox"), b = y("FormFieldRichTextInput"), L = y("ShortCodeConstructor"), F = y("FormFieldFileInput"), I = y("FormFieldMultiSelect"), g = y("DynamicField"), f = y("SeoFieldGroup"), h = y("FormFooter"), D = y("Page");
   return T(), M(D, {
     "tab-id": e.selectedTabId,
-    "onUpdate:tab-id": a[16] || (a[16] = (u) => e.selectedTabId = u),
+    "onUpdate:tabId": a[16] || (a[16] = (u) => e.selectedTabId = u),
     title: e.isCreation ? e.$i18n.t("blog:createPost") : e.$i18n.t("blog:updatePost"),
     "is-content-loading": e.isContentLoading,
     "header-buttons": e.headerButtonList,
@@ -1283,7 +1283,7 @@ function nt(e, a, n, o, t, d) {
               }, null, 8, ["value", "error", "label", "no-options-message", "options"])
             ]),
             e.values.status.value === "PUBLISHED" || e.values.status.value === "DRAFT" ? (T(), Q("div", ot, [
-              p(b, {
+              p(v, {
                 checked: e.values.statusDateEnabled,
                 "onUpdate:checked": a[4] || (a[4] = (u) => e.values.statusDateEnabled = u),
                 name: "statusDateEnabled",
@@ -1322,7 +1322,7 @@ function nt(e, a, n, o, t, d) {
             type: "textarea",
             error: e.errors.excerpt
           }, null, 8, ["value", "label", "error"]),
-          p(v, {
+          p(b, {
             value: e.values.body,
             "onUpdate:value": a[8] || (a[8] = (u) => e.values.body = u),
             name: "body",
@@ -1370,7 +1370,7 @@ function nt(e, a, n, o, t, d) {
           }, null, 8, ["value", "label", "error"]),
           p(I, {
             "selected-options": e.values.categories,
-            "onUpdate:selected-options": a[13] || (a[13] = (u) => e.values.categories = u),
+            "onUpdate:selectedOptions": a[13] || (a[13] = (u) => e.values.categories = u),
             name: "categories",
             label: e.$i18n.t("blog:categories"),
             options: e.categoryOptionList,
@@ -1379,7 +1379,7 @@ function nt(e, a, n, o, t, d) {
           }, null, 8, ["selected-options", "label", "options", "error", "onChange"]),
           p(I, {
             "selected-options": e.values.relatedPosts,
-            "onUpdate:selected-options": a[14] || (a[14] = (u) => e.values.relatedPosts = u),
+            "onUpdate:selectedOptions": a[14] || (a[14] = (u) => e.values.relatedPosts = u),
             name: "relatedPosts",
             label: e.$i18n.t("blog:relatedPosts"),
             options: e.postOptionList,
@@ -1402,7 +1402,7 @@ function nt(e, a, n, o, t, d) {
           image: e.values.openGraphImage,
           "image-error-message": e.errors.openGraphImage,
           "image-label": e.$i18n.t("blog:openGraphImage"),
-          "image-scenario": e.moduleConfig ? e.moduleConfig.fileScenarios.openGraph : null,
+          "image-scenario": e.moduleConfig ? e.moduleConfig.fileScenarios.openGraph ?? void 0 : void 0,
           onChange: e.handleSeoFieldGroupChange
         }, null, 8, ["title", "title-error-message", "title-label", "description", "description-error-message", "description-label", "image", "image-error-message", "image-label", "image-scenario", "onChange"])) : B("", !0)
       ], 32)
@@ -1419,7 +1419,7 @@ function nt(e, a, n, o, t, d) {
     _: 1
   }, 8, ["tab-id", "title", "is-content-loading", "header-buttons", "footer", "tabs"]);
 }
-const st = /* @__PURE__ */ be(et, [["render", nt], ["__scopeId", "data-v-be9f92cf"]]);
+const st = /* @__PURE__ */ ve(et, [["render", nt], ["__scopeId", "data-v-66887350"]]);
 function rt(e, a) {
   return e.map((n) => {
     if (a.length > 0) {
@@ -1485,15 +1485,15 @@ function ut(e) {
 }
 function gt({ languageList: e, route: a, t: n }) {
   const o = r(
-    () => e.value.map(({ id: b, name: v }) => ({ value: b, label: v }))
+    () => e.value.map(({ id: v, name: b }) => ({ value: v, label: b }))
   ), t = r(() => {
-    const b = ie(
+    const v = ie(
       a.query,
       "language"
       /* LANGUAGE */
     );
     return o.value.filter(
-      ({ value: v }) => b.some((L) => L === v)
+      ({ value: b }) => v.some((L) => L === b)
     );
   }), d = E(t.value);
   G(t, () => {
@@ -1501,18 +1501,18 @@ function gt({ languageList: e, route: a, t: n }) {
   });
   const c = r(
     () => He({
-      language: d.value.map(({ value: b }) => b)
+      language: d.value.map(({ value: v }) => v)
     })
   );
-  function C(b) {
-    b.name === "language" && (d.value = d.value.filter(
-      ({ value: v }) => v !== b.value
+  function C(v) {
+    v.name === "language" && (d.value = d.value.filter(
+      ({ value: b }) => b !== v.value
     ));
   }
   const s = r(() => [
-    ...d.value.map(({ value: b, label: v }) => ({
-      value: b,
-      label: v,
+    ...d.value.map(({ value: v, label: b }) => ({
+      value: v,
+      label: b,
       name: "language",
       title: n("blog:language")
     }))
@@ -1549,8 +1549,8 @@ const dt = pe({
       languageFilter: c,
       languageOptionList: C,
       filterParams: s,
-      tags: b,
-      tagRemovalHandler: v
+      tags: v,
+      tagRemovalHandler: b
     } = gt({ languageList: d, route: a, t: e }), L = r(
       () => C.value.length > 1
     ), {
@@ -1622,13 +1622,13 @@ const dt = pe({
       pageSize: w,
       languageFilter: c,
       languageOptionList: C,
-      tags: b,
-      tagRemovalHandler: v
+      tags: v,
+      tagRemovalHandler: b
     };
   }
 }), pt = { class: "filters" };
 function mt(e, a, n, o, t, d) {
-  const c = y("FormFieldMultiSelect"), C = y("AdvancedSearch"), s = y("CountButton"), b = y("EditIcon"), v = y("BaseButton"), L = y("NorthIcon"), F = y("SouthIcon"), I = y("DeleteIcon"), g = y("DataTable"), f = y("Page");
+  const c = y("FormFieldMultiSelect"), C = y("AdvancedSearch"), s = y("CountButton"), v = y("EditIcon"), b = y("BaseButton"), L = y("NorthIcon"), F = y("SouthIcon"), I = y("DeleteIcon"), g = y("DataTable"), f = y("Page");
   return T(), M(f, {
     title: e.$i18n.t("blog:blogCategories"),
     "header-buttons": [
@@ -1663,22 +1663,22 @@ function mt(e, a, n, o, t, d) {
             default: A(() => [
               Se(x(e.$i18n.t("blog:posts")), 1)
             ]),
-            _: 2
-          }, 1032, ["href", "count"])
+            _: 1
+          }, 8, ["href", "count"])
         ]),
         "cell(actions)": A(({ row: h, rowIndex: D }) => [
-          p(v, {
+          p(b, {
             variant: "icon",
             title: e.$i18n.t("blog:edit"),
             disabled: e.isDeleting(h.id),
             href: e.getBlogCategoryFormUrl({ categoryId: h.id })
           }, {
             default: A(() => [
-              p(b)
+              p(v)
             ]),
-            _: 2
-          }, 1032, ["title", "disabled", "href"]),
-          p(v, {
+            _: 1
+          }, 8, ["title", "disabled", "href"]),
+          p(b, {
             variant: "icon",
             title: e.$i18n.t("blog:moveUp"),
             disabled: D === 0 || e.isCategoryMoving,
@@ -1687,9 +1687,9 @@ function mt(e, a, n, o, t, d) {
             default: A(() => [
               p(L)
             ]),
-            _: 2
-          }, 1032, ["title", "disabled", "onClick"]),
-          p(v, {
+            _: 1
+          }, 8, ["title", "disabled", "onClick"]),
+          p(b, {
             variant: "icon",
             title: e.$i18n.t("blog:moveDown"),
             disabled: D === e.rowData.length - 1 || e.isCategoryMoving,
@@ -1698,9 +1698,9 @@ function mt(e, a, n, o, t, d) {
             default: A(() => [
               p(F)
             ]),
-            _: 2
-          }, 1032, ["title", "disabled", "onClick"]),
-          p(v, {
+            _: 1
+          }, 8, ["title", "disabled", "onClick"]),
+          p(b, {
             variant: "icon",
             title: e.$i18n.t("blog:remove"),
             disabled: e.isDeleting(h.id) || h.postsCount > 0,
@@ -1709,8 +1709,8 @@ function mt(e, a, n, o, t, d) {
             default: A(() => [
               p(I)
             ]),
-            _: 2
-          }, 1032, ["title", "disabled", "onClick"])
+            _: 1
+          }, 8, ["title", "disabled", "onClick"])
         ]),
         _: 2
       }, [
@@ -1744,7 +1744,7 @@ function mt(e, a, n, o, t, d) {
     _: 1
   }, 8, ["title", "header-buttons"]);
 }
-const ct = /* @__PURE__ */ be(dt, [["render", mt]]);
+const ct = /* @__PURE__ */ ve(dt, [["render", mt]]);
 function Ce(e, a, n) {
   const o = a.find(
     ({ value: t }) => t === (e == null ? void 0 : e.language)
@@ -1775,7 +1775,7 @@ function Ce(e, a, n) {
     openGraphImage: null
   };
 }
-function bt(e) {
+function vt(e) {
   var a, n;
   return {
     language: ((a = e.language) == null ? void 0 : a.value) ?? null,
@@ -1788,7 +1788,7 @@ function bt(e) {
     openGraphImage: ((n = e.openGraphImage) == null ? void 0 : n.file.id) ?? null
   };
 }
-function vt(e, a, n) {
+function bt(e, a, n) {
   return [
     { value: null, label: n("blog:noParent") },
     ...e.filter(({ language: o }) => a ? o === a : !0).map(({ id: o, name: t, depth: d }) => ({
@@ -1817,10 +1817,10 @@ const ft = pe({
         var S;
         return ((S = c.value) == null ? void 0 : S.languages) ?? [];
       }
-    ), b = r(
-      () => s.value.map(({ id: S, name: k }) => ({ value: S, label: k }))
     ), v = r(
-      () => b.value.length > 0
+      () => s.value.map(({ id: S, name: k }) => ({ value: S, label: k }))
+    ), b = r(
+      () => v.value.length > 0
     ), L = r(
       () => {
         var S, k;
@@ -1830,24 +1830,24 @@ const ft = pe({
       categoryId: t,
       isCreation: d
     }), h = E(!1), D = E(
-      Ce(g.value, b.value, e)
+      Ce(g.value, v.value, e)
     ), u = E({});
-    G([g, b], () => {
+    G([g, v], () => {
       D.value = Ce(
         g.value,
-        b.value,
+        v.value,
         e
       );
     });
     function V(S) {
       h.value = !0;
-      const k = bt(D.value);
+      const k = vt(D.value);
       (d.value ? Ua(k) : Ba(t.value, k)).then(({ data: K }) => {
         u.value = {}, S.type === "create" && a.push(
           $e({ categoryId: String(K.id) })
         ), (S.type === "create_exit" || S.type === "save_exit") && Ge(a, Ee()), S.type === "create_create-another" && (D.value = Ce(
           null,
-          b.value,
+          v.value,
           e
         )), o.show({
           variant: "success",
@@ -1867,7 +1867,7 @@ const ft = pe({
     const w = r(
       () => {
         var S;
-        return vt(
+        return bt(
           F.value,
           ((S = D.value.language) == null ? void 0 : S.value) ?? null,
           e
@@ -1900,8 +1900,8 @@ const ft = pe({
       isContentLoading: W,
       values: D,
       errors: u,
-      isLangSpecific: v,
-      languageOptionList: b,
+      isLangSpecific: b,
+      languageOptionList: v,
       pagePath: l,
       categoryListUrl: Ee(),
       submitForm: V,
@@ -1920,7 +1920,7 @@ const ft = pe({
   }
 });
 function yt(e, a, n, o, t, d) {
-  const c = y("FormFieldSelect"), C = y("FormField"), s = y("FormFieldUrlAliasInput"), b = y("TabList"), v = y("FormFieldCheckbox"), L = y("SeoFieldGroup"), F = y("FormFooter"), I = y("Page");
+  const c = y("FormFieldSelect"), C = y("FormField"), s = y("FormFieldUrlAliasInput"), v = y("TabList"), b = y("FormFieldCheckbox"), L = y("SeoFieldGroup"), F = y("FormFooter"), I = y("Page");
   return T(), M(I, {
     title: e.isCreation ? e.$i18n.t("blog:createBlogCategory") : e.$i18n.t("blog:updateBlogCategory"),
     "is-content-loading": e.isContentLoading
@@ -1969,9 +1969,9 @@ function yt(e, a, n, o, t, d) {
             onChange: e.handleAliasChange
           }, null, 8, ["value", "label", "url-template", "error", "onChange"])
         ], 64)) : (T(), Q(J, { key: 1 }, [
-          p(b, {
+          p(v, {
             "tab-id": e.selectedTabId,
-            "onUpdate:tab-id": a[4] || (a[4] = (g) => e.selectedTabId = g),
+            "onUpdate:tabId": a[4] || (a[4] = (g) => e.selectedTabId = g),
             "tab-list": e.tabList
           }, null, 8, ["tab-id", "tab-list"]),
           e.selectedTabId === "common" ? (T(), Q(J, { key: 0 }, [
@@ -1984,7 +1984,7 @@ function yt(e, a, n, o, t, d) {
               options: e.languageOptionList,
               error: e.errors.language
             }, null, 8, ["value", "label", "options", "error"])) : B("", !0),
-            p(v, {
+            p(b, {
               checked: e.values.isDefault,
               "onUpdate:checked": a[6] || (a[6] = (g) => e.values.isDefault = g),
               name: "isDefault",
@@ -2019,15 +2019,15 @@ function yt(e, a, n, o, t, d) {
           ], 64)) : B("", !0),
           e.selectedTabId === "seo" ? (T(), M(L, {
             key: 1,
-            title: e.values.pageTitle,
+            title: e.values.pageTitle ?? "",
             "title-error-message": e.errors.pageTitle,
-            description: e.values.pageDescription,
+            description: e.values.pageDescription ?? "",
             "description-error-message": e.errors.pageDescription,
             "should-display-keywords": !1,
-            keywords: e.values.pageKeywords,
+            keywords: e.values.pageKeywords ?? "",
             "keywords-error-message": e.errors.pageKeywords,
             image: e.values.openGraphImage,
-            "image-scenario": e.imageScenario,
+            "image-scenario": e.imageScenario ?? void 0,
             "image-error-message": e.errors.openGraphImage,
             onChange: e.handleSeoFieldGroupChange
           }, null, 8, ["title", "title-error-message", "description", "description-error-message", "keywords", "keywords-error-message", "image", "image-scenario", "image-error-message", "onChange"])) : B("", !0)
@@ -2046,7 +2046,7 @@ function yt(e, a, n, o, t, d) {
     _: 1
   }, 8, ["title", "is-content-loading"]);
 }
-const ht = /* @__PURE__ */ be(ft, [["render", yt]]), Ut = {
+const ht = /* @__PURE__ */ ve(ft, [["render", yt]]), Ut = {
   path: N.POST_LIST,
   component: xa,
   name: "All posts",

package/dist/style.css

@@ -1 +1 @@
-.filters[data-v-7b6e97da]{margin-bottom:1rem;width:100%;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.filters[data-v-7b6e97da]:not(:first-child){margin-top:1rem}.status span[data-v-7b6e97da]{display:block}.status span[data-v-7b6e97da]:nth-child(2){display:block;margin-top:5px;font-size:.8rem}.status span:nth-child(2) i[data-v-7b6e97da]{display:block}.status[data-v-be9f92cf]{display:flex;align-items:flex-end}.status-value[data-v-be9f92cf]{flex-basis:50%}.status-checkbox[data-v-be9f92cf]{margin-left:20px;padding-bottom:8px}.status-date[data-v-be9f92cf]{margin-left:20px;flex:1 1 1px}
+.filters[data-v-7b6e97da]{margin-bottom:1rem;width:100%;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.filters[data-v-7b6e97da]:not(:first-child){margin-top:1rem}.status span[data-v-7b6e97da]{display:block}.status span[data-v-7b6e97da]:nth-child(2){display:block;margin-top:5px;font-size:.8rem}.status span:nth-child(2) i[data-v-7b6e97da]{display:block}.status[data-v-66887350]{display:flex;align-items:flex-end}.status-value[data-v-66887350]{flex-basis:50%}.status-checkbox[data-v-66887350]{margin-left:20px;padding-bottom:8px}.status-date[data-v-66887350]{margin-left:20px;flex:1 1 1px}