@tager/admin-blog 2.0.1 → 2.0.2

package/dist/index.mjs

@@ -2,13 +2,12 @@ import { i18n as Ue, request as R, useResource as te, createId as ee, notEmpty a
 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 va, createTabErrorFinder as ba, 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 je, ContentCopyIcon as ua, DeleteIcon as Ke, useDataTable as Ze, formatDateTime as ga, FormFooter as Je, ShortCodeConstructor as da, FormFieldSelect as Xe, FormFieldUrlAliasInput as _e, FormFieldCheckbox as xe, FormFieldRichTextInput as pa, FormFieldFileInput as ma, SeoFieldGroup as ea, formatDate as ca, createTabErrorFinder as ba, CountButton as va, NorthIcon as fa, SouthIcon as ya, TabList as ha } 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 { universalFieldUtils as De, DynamicField as Ca } from "@tager/admin-dynamic-field";
 import { compile as aa } from "path-to-regexp";
 import "i18next";
-const Sa = {
+const Fa = {
   yes: "Yes",
   no: "no",
   blog: "Blog",
@@ -99,7 +98,7 @@ const Sa = {
   sortTitleAsc: "Title - A-Z",
   sortTitleDesc: "Title - Z-A",
   sortStatus: "Status"
-}, Da = {
+}, Sa = {
   yes: "Да",
   no: "Нет",
   blog: "Блог",
@@ -191,61 +190,61 @@ const Sa = {
   sortTitleDesc: "Заголовку - Я-А",
   sortStatus: "Статусу"
 };
-function Pa() {
-  Ue.addTranslations("en", "blog", Sa), Ue.addTranslations("ru", "blog", Da);
+function Da() {
+  Ue.addTranslations("en", "blog", Fa), Ue.addTranslations("ru", "blog", Sa);
 }
 function ta(e) {
   return R.get({ path: "/admin/blog/posts", params: e });
 }
-function Ot() {
+function $t() {
   return R.get({ path: "/admin/blog/posts/count" });
 }
-function La(e) {
+function Pa(e) {
   return R.get({ path: `/admin/blog/posts/${e}` });
 }
-function Ta(e) {
+function La(e) {
   return R.post({ path: `/admin/blog/posts/${e}/clone` });
 }
-function Ia(e) {
+function Ta(e) {
   return R.post({ path: "/admin/blog/posts", body: e });
 }
-function Aa(e, a) {
+function Ia(e, a) {
   return R.put({ path: `/admin/blog/posts/${e}`, body: a });
 }
-function $a(e) {
+function Aa(e) {
   return R.delete({ path: `/admin/blog/posts/${e}` });
 }
 function oa(e) {
   return R.get({ path: "/admin/blog/categories", params: e });
 }
-function Oa(e) {
+function $a(e) {
   return R.get({ path: `/admin/blog/categories/${e}` });
 }
-function Ua(e) {
+function Oa(e) {
   return R.post({ path: "/admin/blog/categories", body: e });
 }
-function Ba(e, a) {
+function Ua(e, a) {
   return R.put({
     path: `/admin/blog/categories/${e}`,
     body: a
   });
 }
-function Ea(e) {
+function Ba(e) {
   return R.delete({
     path: `/admin/blog/categories/${e}`
   });
 }
-function ka(e, a) {
+function Ea(e, a) {
   return R.post({
     path: `/admin/blog/categories/move/${e}/${a}`
   });
 }
-function Ra() {
+function ka() {
   return R.get({
     path: "/admin/blog/module-info"
   });
 }
-function wa() {
+function Ra() {
   const [e, a] = te({
     fetchResource: () => ta({ pageNumber: 1, pageSize: 99999, sort: "status" }),
     initialValue: [],
@@ -255,12 +254,12 @@ function wa() {
     e();
   }), a;
 }
-function Ma({
+function wa({
   categoryId: e,
   isCreation: a
 }) {
   const [n, o] = te({
-    fetchResource: () => Oa(e.value),
+    fetchResource: () => $a(e.value),
     initialValue: null,
     resourceName: "Blog category"
   });
@@ -282,7 +281,7 @@ function Ie() {
 }
 function ce() {
   const [e, a] = te({
-    fetchResource: Ra,
+    fetchResource: ka,
     initialValue: null,
     resourceName: "Module configuration"
   });
@@ -310,11 +309,11 @@ function $e(e) {
     categoryId: e.categoryId
   });
 }
-function Ga(e) {
+function Ma(e) {
   return Array.from({ length: e }, (a, n) => n);
 }
 function ae(e, a) {
-  return Ga(a).map(() => "—").join(" ") + " " + e;
+  return Ma(a).map(() => "—").join(" ") + " " + e;
 }
 const la = (e) => [
   { label: e("blog:statusPublished"), value: "PUBLISHED" },
@@ -349,7 +348,7 @@ function he(e, a, n, o, t) {
   const d = a.find(
     (s) => s.value === e.language
   ), c = n.filter(
-    (s) => e.relatedPosts.some((v) => v.id === s.value)
+    (s) => e.relatedPosts.some((b) => b.id === s.value)
   ), C = t.find(({ value: s }) => s === e.status) ?? t[0];
   return {
     title: e.title,
@@ -371,12 +370,12 @@ function he(e, a, n, o, t) {
     relatedPosts: c,
     tags: e.tags.join(","),
     additionalFields: o.map((s) => {
-      const v = e.additionalFields.find(
-        ({ name: b }) => b === s.name
+      const b = e.additionalFields.find(
+        ({ name: v }) => v === s.name
       );
       return De.createFormField(
         s,
-        v == null ? void 0 : v.value
+        b == null ? void 0 : b.value
       );
     }),
     status: C,
@@ -413,19 +412,19 @@ function na(e) {
     publishAt: e.status.value === "DRAFT" && e.statusDateEnabled && e.statusDate ? e.statusDate : null
   };
 }
-function Na(e) {
+function Ga(e) {
   return {
     ...na(e),
     urlAlias: e.urlAlias
   };
 }
-function qa(e, a) {
+function Na(e, a) {
   return e.filter(({ language: n }) => a ? n === a : !0).map(({ id: n, name: o, depth: t }) => ({
     value: n,
     label: ae(o, t)
   }));
 }
-function Va(e, a, n) {
+function qa(e, a, n) {
   return e.filter(
     (o) => a ? o.categories.some(({ id: t }) => t === a.id) : !0
   ).map((o) => {
@@ -439,14 +438,14 @@ function Va(e, a, n) {
     return o;
   });
 }
-function Wa(e) {
+function Va(e) {
   return {
     PUBLISHED: e("blog:statusPublished"),
     DRAFT: e("blog:statusDraft"),
     ARCHIVED: e("blog:statusArchived")
   };
 }
-function Ha(e, a) {
+function Wa(e, a) {
   const n = e ? e.languages.length > 0 : !1;
   return [
     {
@@ -513,7 +512,7 @@ function Ha(e, a) {
     }
   ].filter(ke);
 }
-function za(e) {
+function Ha(e) {
   return [
     {
       value: "datetime_desc",
@@ -538,7 +537,7 @@ function za(e) {
   ];
 }
 const re = (e) => e.split("-").reverse().join(".");
-function Ya({
+function za({
   t: e,
   route: a,
   categoryList: n,
@@ -565,7 +564,7 @@ function Ya({
   });
   const s = r(
     () => o.value.map(({ id: l, name: m }) => ({ value: l, label: m }))
-  ), v = r(() => {
+  ), b = r(() => {
     const l = ie(
       a.query,
       "language"
@@ -574,9 +573,9 @@ function Ya({
     return s.value.filter(
       ({ value: m }) => l.some(($) => $ === m)
     );
-  }), b = E(v.value);
-  G(v, () => {
-    b.value = v.value;
+  }), v = E(b.value);
+  G(b, () => {
+    v.value = b.value;
   });
   const L = r(
     () => Be(
@@ -626,7 +625,7 @@ function Ya({
   const u = r(() => {
     const l = {
       category: C.value.map(({ value: m }) => m),
-      language: b.value.map(({ value: m }) => m),
+      language: v.value.map(({ value: m }) => m),
       status: D.value.map(({ value: m }) => m)
     };
     return F.value && (l[
@@ -640,7 +639,7 @@ function Ya({
   function V(l) {
     l.name === "category" && (C.value = C.value.filter(
       ({ value: m }) => m !== l.value
-    )), l.name === "language" && (b.value = b.value.filter(
+    )), l.name === "language" && (v.value = v.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 +653,7 @@ function Ya({
         name: "category",
         title: e("blog:category")
       })),
-      ...b.value.map(({ value: l, label: m }) => ({
+      ...v.value.map(({ value: l, label: m }) => ({
         value: l,
         label: m,
         name: "language",
@@ -668,8 +667,8 @@ function Ya({
         title: e("blog:status")
       }))
     ].filter(Fe)
-  ), W = r(() => b.value.length === 0 ? d.value : n.value.filter(
-    ({ language: m }) => b.value.some(({ value: $ }) => $ === m)
+  ), W = r(() => v.value.length === 0 ? d.value : n.value.filter(
+    ({ language: m }) => v.value.some(({ value: $ }) => $ === m)
   ).map(({ id: m, name: $, depth: q }) => ({
     value: String(m),
     label: ae($, q)
@@ -677,7 +676,7 @@ function Ya({
   return {
     categoryFilter: C,
     categoryOptionList: W,
-    languageFilter: b,
+    languageFilter: v,
     languageOptionList: s,
     fromDateFilter: F,
     toDateFilter: g,
@@ -687,12 +686,17 @@ function Ya({
     filterParams: u
   };
 }
+function Ya(e, a) {
+  return Object.fromEntries(
+    Object.entries(e).filter(([n]) => a.includes(n))
+  );
+}
 const Qa = pe({
   name: "PostList",
   components: {
-    DeleteIcon: je,
-    ContentCopyIcon: ga,
-    EditIcon: Ke,
+    DeleteIcon: Ke,
+    ContentCopyIcon: ua,
+    EditIcon: je,
     BaseButton: Qe,
     FormField: Te,
     FormFieldMultiSelect: Le,
@@ -706,11 +710,11 @@ const Qa = pe({
         var P;
         return ((P = d.value) == null ? void 0 : P.languages) ?? [];
       }
-    ), { data: s, loading: v } = Ie(), b = r(
+    ), { data: s, loading: b } = Ie(), v = r(
       () => o.value ? s.value.find(
         ({ id: P }) => String(P) === String(o.value)
       ) ?? null : null
-    ), L = r(() => b.value ? `${e("blog:postsByCategory")} "${b.value.name}"` : e("blog:posts")), F = r(
+    ), L = r(() => v.value ? `${e("blog:postsByCategory")} "${v.value.name}"` : e("blog:posts")), F = r(
       () => h.value.length > 1
     ), {
       categoryFilter: I,
@@ -723,23 +727,23 @@ const Qa = pe({
       tags: w,
       tagRemovalHandler: W,
       statusFilter: l
-    } = Ya({
+    } = za({
       t: e,
       route: a,
       categoryList: s,
       languageList: C,
       statusOptionList: t
-    }), m = za(e), {
+    }), m = Ha(e), {
       fetchEntityList: $,
       isLoading: q,
-      rowData: j,
+      rowData: K,
       errorMessage: X,
       searchQuery: U,
       handleChange: S,
       pageNumber: k,
       pageCount: _,
-      pageSize: K,
-      sort: be
+      pageSize: j,
+      sort: ve
     } = Ze({
       fetchEntityList: (P) => ta({
         query: P.searchQuery,
@@ -754,10 +758,10 @@ const Qa = pe({
       defaultSort: m[0].value
     });
     G(V, () => {
-      if (c.value || v.value)
+      if (c.value || b.value)
         return;
       const P = {
-        ...ua(a.query, ["query", "pageNumber", "sort"]),
+        ...Ya(a.query, ["query", "pageNumber", "sort"]),
         ...V.value
       };
       We(a.query, P) || (n.replace({ query: P }), $());
@@ -765,20 +769,20 @@ const Qa = pe({
     const fe = r(
       () => {
         var P;
-        return Va(
-          j.value,
-          b.value,
+        return qa(
+          K.value,
+          v.value,
           ((P = d.value) == null ? void 0 : P.languages) ?? []
         );
       }
     ), le = r(
-      () => v.value || q.value || c.value
+      () => b.value || q.value || c.value
     ), { isDeleting: ne, handleResourceDelete: se } = Re({
-      deleteResource: $a,
+      deleteResource: Aa,
       resourceName: "Post",
       onSuccess: $
     }), { isCloning: i, handleResourceClone: O } = sa({
-      cloneResource: Ta,
+      cloneResource: La,
       confirmMessage: e("blog:cloneConfirm"),
       successMessage: e("blog:cloneSuccess"),
       failureMessage: e("blog:cloneFailure"),
@@ -788,14 +792,14 @@ const Qa = pe({
       return ne(P) || i(P) || le.value;
     }
     const z = r(
-      () => Ha(d.value, e)
+      () => Wa(d.value, e)
     );
     return {
       t: e,
-      formatDateTime: da,
+      formatDateTime: ga,
       columnDefs: z,
       sortOptions: m,
-      sortValue: be,
+      sortValue: ve,
       rowData: fe,
       handleResourceDelete: se,
       isDeleting: ne,
@@ -808,7 +812,7 @@ const Qa = pe({
       handleChange: S,
       pageNumber: k,
       pageCount: _,
-      pageSize: K,
+      pageSize: j,
       // Advanced search
       categoryFilter: I,
       categoryOptionList: g,
@@ -821,20 +825,20 @@ const Qa = pe({
       statusOptionList: t,
       tags: w,
       tagRemovalHandler: W,
-      getStatuses: Wa,
+      getStatuses: Va,
       // Clone
       handleResourceClone: O,
       isBusy: H
     };
   }
-}), ve = (e, a) => {
+}), be = (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 };
+}, ja = { class: "filters" }, Ka = { 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"), v = y("EditIcon"), b = y("BaseButton"), L = y("ContentCopyIcon"), F = y("DeleteIcon"), I = y("DataTable"), g = y("Page");
+  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");
   return T(), M(g, {
     title: e.pageTitle,
     "header-buttons": [
@@ -867,7 +871,7 @@ function _a(e, a, n, o, t, d) {
             "onClick:tag": e.tagRemovalHandler
           }, {
             default: A(() => [
-              Y("div", Ka, [
+              Y("div", ja, [
                 p(c, {
                   "selected-options": e.categoryFilter,
                   "onUpdate:selectedOptions": a[0] || (a[0] = (f) => e.categoryFilter = f),
@@ -897,7 +901,7 @@ function _a(e, a, n, o, t, d) {
                   class: "filter"
                 }, null, 8, ["selected-options", "options", "label"])
               ]),
-              Y("div", ja, [
+              Y("div", Ka, [
                 p(C, {
                   value: e.fromDateFilter,
                   "onUpdate:value": a[3] || (a[3] = (f) => e.fromDateFilter = f),
@@ -933,18 +937,18 @@ function _a(e, a, n, o, t, d) {
           ])
         ]),
         "cell(actions)": A(({ row: f }) => [
-          p(b, {
+          p(v, {
             variant: "icon",
             title: e.$i18n.t("blog:edit"),
             disabled: e.isBusy(f.id),
             href: e.getBlogPostFormUrl({ postId: f.id })
           }, {
             default: A(() => [
-              p(v)
+              p(b)
             ]),
             _: 1
           }, 8, ["title", "disabled", "href"]),
-          p(b, {
+          p(v, {
             variant: "icon",
             title: e.$i18n.t("blog:clone"),
             disabled: e.isBusy(f.id),
@@ -955,7 +959,7 @@ function _a(e, a, n, o, t, d) {
             ]),
             _: 1
           }, 8, ["title", "disabled", "onClick"]),
-          p(b, {
+          p(v, {
             variant: "icon",
             title: e.$i18n.t("blog:remove"),
             disabled: e.isBusy(f.id),
@@ -973,36 +977,36 @@ function _a(e, a, n, o, t, d) {
     _: 1
   }, 8, ["title", "header-buttons"]);
 }
-const xa = /* @__PURE__ */ ve(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97da"]]), et = pe({
+const xa = /* @__PURE__ */ be(Qa, [["render", _a], ["__scopeId", "data-v-3b010d12"]]), et = pe({
   name: "BlogPostForm",
   components: {
     SeoFieldGroup: ea,
     FormFieldMultiSelect: Le,
-    FormFieldFileInput: ca,
-    FormFieldRichTextInput: ma,
+    FormFieldFileInput: ma,
+    FormFieldRichTextInput: pa,
     FormFieldCheckbox: xe,
     FormFieldUrlAliasInput: _e,
     FormField: Te,
     FormFieldSelect: Xe,
     Page: me,
-    DynamicField: Fa,
-    ShortCodeConstructor: pa,
+    DynamicField: Ca,
+    ShortCodeConstructor: da,
     FormFooter: Je
   },
   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: v } = ce(), b = 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: b } = ce(), v = r(
       () => {
         var i;
         return ((i = s.value) == null ? void 0 : i.languages) ?? [];
       }
     ), L = r(
-      () => b.value.map(({ id: i, name: O }) => ({
+      () => v.value.map(({ id: i, name: O }) => ({
         value: i,
         label: O
       }))
     ), F = r(() => L.value.length > 0), { data: I, loading: g } = Ie(), [f, { data: h, loading: D }] = te({
-      fetchResource: () => t.value ? La(t.value) : new Promise(() => null),
+      fetchResource: () => t.value ? Pa(t.value) : new Promise(() => null),
       initialValue: null,
       resourceName: "Post"
     });
@@ -1011,13 +1015,13 @@ const xa = /* @__PURE__ */ ve(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
     }), G(t, () => {
       d.value || f();
     });
-    const { data: u, loading: V } = wa(), w = r(
+    const { data: u, loading: V } = Ra(), w = r(
       () => u.value.filter((i) => {
         var O;
         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 ? va(new Date(i.datetime)) + " - " : "") + i.title
+        label: (i.status === "ARCHIVED" ? `${o("blog:statusArchived")} - ` : i.status === "DRAFT" ? `${o("blog:statusDraft")} - ` : i.datetime ? ca(new Date(i.datetime)) + " - " : "") + i.title
       }))
     ), W = E(!1), l = E(
       he(
@@ -1040,8 +1044,8 @@ const xa = /* @__PURE__ */ ve(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
     });
     function $(i) {
       W.value = !0;
-      const O = na(l.value), H = Na(l.value);
-      (d.value ? Ia(O) : Aa(t.value, H)).then(({ data: P }) => {
+      const O = na(l.value), H = Ga(l.value);
+      (d.value ? Ta(O) : Ia(t.value, H)).then(({ data: P }) => {
         var Z;
         m.value = {}, i.type === "create" && a.push(Ae({ postId: String(P.id) })), (i.type === "create_exit" || i.type === "save_exit") && Ge(a, Pe()), i.type === "create_create-another" && (l.value = he(
           null,
@@ -1067,7 +1071,7 @@ const xa = /* @__PURE__ */ ve(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
     const q = r(
       () => {
         var i;
-        return qa(
+        return Na(
           I.value,
           ((i = l.value.language) == null ? void 0 : i.value) ?? null
         );
@@ -1090,8 +1094,8 @@ const xa = /* @__PURE__ */ ve(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
       }
       l.value.categories = l.value.categories.filter(i);
     });
-    const j = r(
-      () => D.value || g.value || V.value || v.value
+    const K = r(
+      () => D.value || g.value || V.value || b.value
     );
     function X() {
       var i;
@@ -1149,14 +1153,14 @@ const xa = /* @__PURE__ */ ve(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
         } : null
       ].filter(Fe)
     );
-    function K({
+    function j({
       title: i,
       description: O,
       image: H
     }) {
       l.value.pageTitle = i, l.value.pageDescription = O, l.value.openGraphImage = H;
     }
-    function be(i) {
+    function ve(i) {
       d.value && c.value === !1 && (l.value.urlAlias = Me(i));
     }
     function fe() {
@@ -1194,7 +1198,7 @@ const xa = /* @__PURE__ */ ve(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
       categoryOptionList: q,
       values: l,
       errors: m,
-      isContentLoading: j,
+      isContentLoading: K,
       postListUrl: Pe(),
       submitForm: $,
       isLangSpecific: F,
@@ -1206,8 +1210,8 @@ const xa = /* @__PURE__ */ ve(Qa, [["render", _a], ["__scopeId", "data-v-7b6e97d
       tabList: S,
       selectedTabId: k,
       headerButtonList: _,
-      handleSeoFieldGroupChange: K,
-      handleTitleChange: be,
+      handleSeoFieldGroupChange: j,
+      handleTitleChange: ve,
       handleAliasChange: fe,
       urlAliasTemplate: le,
       handleCategoriesChange: ne,
@@ -1222,7 +1226,7 @@ const xa = /* @__PURE__ */ ve(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"), 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");
+  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");
   return T(), M(D, {
     "tab-id": e.selectedTabId,
     "onUpdate:tabId": a[16] || (a[16] = (u) => e.selectedTabId = u),
@@ -1283,7 +1287,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(v, {
+              p(b, {
                 checked: e.values.statusDateEnabled,
                 "onUpdate:checked": a[4] || (a[4] = (u) => e.values.statusDateEnabled = u),
                 name: "statusDateEnabled",
@@ -1322,7 +1326,7 @@ function nt(e, a, n, o, t, d) {
             type: "textarea",
             error: e.errors.excerpt
           }, null, 8, ["value", "label", "error"]),
-          p(b, {
+          p(v, {
             value: e.values.body,
             "onUpdate:value": a[8] || (a[8] = (u) => e.values.body = u),
             name: "body",
@@ -1419,7 +1423,7 @@ function nt(e, a, n, o, t, d) {
     _: 1
   }, 8, ["tab-id", "title", "is-content-loading", "header-buttons", "footer", "tabs"]);
 }
-const st = /* @__PURE__ */ ve(et, [["render", nt], ["__scopeId", "data-v-66887350"]]);
+const st = /* @__PURE__ */ be(et, [["render", nt], ["__scopeId", "data-v-66887350"]]);
 function rt(e, a) {
   return e.map((n) => {
     if (a.length > 0) {
@@ -1485,15 +1489,15 @@ function ut(e) {
 }
 function gt({ languageList: e, route: a, t: n }) {
   const o = r(
-    () => e.value.map(({ id: v, name: b }) => ({ value: v, label: b }))
+    () => e.value.map(({ id: b, name: v }) => ({ value: b, label: v }))
   ), t = r(() => {
-    const v = ie(
+    const b = ie(
       a.query,
       "language"
       /* LANGUAGE */
     );
     return o.value.filter(
-      ({ value: b }) => v.some((L) => L === b)
+      ({ value: v }) => b.some((L) => L === v)
     );
   }), d = E(t.value);
   G(t, () => {
@@ -1501,18 +1505,18 @@ function gt({ languageList: e, route: a, t: n }) {
   });
   const c = r(
     () => He({
-      language: d.value.map(({ value: v }) => v)
+      language: d.value.map(({ value: b }) => b)
     })
   );
-  function C(v) {
-    v.name === "language" && (d.value = d.value.filter(
-      ({ value: b }) => b !== v.value
+  function C(b) {
+    b.name === "language" && (d.value = d.value.filter(
+      ({ value: v }) => v !== b.value
     ));
   }
   const s = r(() => [
-    ...d.value.map(({ value: v, label: b }) => ({
-      value: v,
-      label: b,
+    ...d.value.map(({ value: b, label: v }) => ({
+      value: b,
+      label: v,
       name: "language",
       title: n("blog:language")
     }))
@@ -1528,12 +1532,12 @@ function gt({ languageList: e, route: a, t: n }) {
 const dt = pe({
   name: "BlogCategoryList",
   components: {
-    DeleteIcon: je,
-    SouthIcon: ha,
-    NorthIcon: ya,
-    EditIcon: Ke,
+    DeleteIcon: Ke,
+    SouthIcon: ya,
+    NorthIcon: fa,
+    EditIcon: je,
     BaseButton: Qe,
-    CountButton: fa,
+    CountButton: va,
     FormFieldMultiSelect: Le,
     AdvancedSearch: Ye,
     Page: me,
@@ -1549,8 +1553,8 @@ const dt = pe({
       languageFilter: c,
       languageOptionList: C,
       filterParams: s,
-      tags: v,
-      tagRemovalHandler: b
+      tags: b,
+      tagRemovalHandler: v
     } = gt({ languageList: d, route: a, t: e }), L = r(
       () => C.value.length > 1
     ), {
@@ -1584,12 +1588,12 @@ const dt = pe({
       We(a.query, U) || (n.replace({ query: U }), F());
     });
     const { isDeleting: W, handleResourceDelete: l } = Re({
-      deleteResource: Ea,
+      deleteResource: Ba,
       resourceName: "Post",
       onSuccess: F
     }), m = E(!1);
     function $(U, S) {
-      m.value = !0, ka(U, S).then((k) => {
+      m.value = !0, Ea(U, S).then((k) => {
         if (k.success)
           return F();
       }).catch(console.error).finally(() => {
@@ -1598,14 +1602,14 @@ const dt = pe({
     }
     const q = r(
       () => I.value || t.value
-    ), j = r(
+    ), K = r(
       () => rt(g.value, d.value)
     );
     return {
       columnDefs: r(
         () => it(o.value, e)
       ),
-      rowData: j,
+      rowData: K,
       isRowDataLoading: q,
       errorMessage: f,
       isLangSpecific: L,
@@ -1622,13 +1626,13 @@ const dt = pe({
       pageSize: w,
       languageFilter: c,
       languageOptionList: C,
-      tags: v,
-      tagRemovalHandler: b
+      tags: b,
+      tagRemovalHandler: v
     };
   }
 }), pt = { class: "filters" };
 function mt(e, a, n, o, t, d) {
-  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");
+  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");
   return T(), M(f, {
     title: e.$i18n.t("blog:blogCategories"),
     "header-buttons": [
@@ -1667,18 +1671,18 @@ function mt(e, a, n, o, t, d) {
           }, 8, ["href", "count"])
         ]),
         "cell(actions)": A(({ row: h, rowIndex: D }) => [
-          p(b, {
+          p(v, {
             variant: "icon",
             title: e.$i18n.t("blog:edit"),
             disabled: e.isDeleting(h.id),
             href: e.getBlogCategoryFormUrl({ categoryId: h.id })
           }, {
             default: A(() => [
-              p(v)
+              p(b)
             ]),
             _: 1
           }, 8, ["title", "disabled", "href"]),
-          p(b, {
+          p(v, {
             variant: "icon",
             title: e.$i18n.t("blog:moveUp"),
             disabled: D === 0 || e.isCategoryMoving,
@@ -1689,7 +1693,7 @@ function mt(e, a, n, o, t, d) {
             ]),
             _: 1
           }, 8, ["title", "disabled", "onClick"]),
-          p(b, {
+          p(v, {
             variant: "icon",
             title: e.$i18n.t("blog:moveDown"),
             disabled: D === e.rowData.length - 1 || e.isCategoryMoving,
@@ -1700,7 +1704,7 @@ function mt(e, a, n, o, t, d) {
             ]),
             _: 1
           }, 8, ["title", "disabled", "onClick"]),
-          p(b, {
+          p(v, {
             variant: "icon",
             title: e.$i18n.t("blog:remove"),
             disabled: e.isDeleting(h.id) || h.postsCount > 0,
@@ -1744,7 +1748,7 @@ function mt(e, a, n, o, t, d) {
     _: 1
   }, 8, ["title", "header-buttons"]);
 }
-const ct = /* @__PURE__ */ ve(dt, [["render", mt]]);
+const ct = /* @__PURE__ */ be(dt, [["render", mt]]);
 function Ce(e, a, n) {
   const o = a.find(
     ({ value: t }) => t === (e == null ? void 0 : e.language)
@@ -1775,7 +1779,7 @@ function Ce(e, a, n) {
     openGraphImage: null
   };
 }
-function vt(e) {
+function bt(e) {
   var a, n;
   return {
     language: ((a = e.language) == null ? void 0 : a.value) ?? null,
@@ -1788,7 +1792,7 @@ function vt(e) {
     openGraphImage: ((n = e.openGraphImage) == null ? void 0 : n.file.id) ?? null
   };
 }
-function bt(e, a, n) {
+function vt(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 }) => ({
@@ -1803,7 +1807,7 @@ const ft = pe({
     Page: me,
     SeoFieldGroup: ea,
     FormFieldCheckbox: xe,
-    TabList: Ca,
+    TabList: ha,
     FormFieldUrlAliasInput: _e,
     FormField: Te,
     FormFieldSelect: Xe,
@@ -1817,45 +1821,45 @@ const ft = pe({
         var S;
         return ((S = c.value) == null ? void 0 : S.languages) ?? [];
       }
-    ), v = r(
-      () => s.value.map(({ id: S, name: k }) => ({ value: S, label: k }))
     ), b = r(
-      () => v.value.length > 0
+      () => s.value.map(({ id: S, name: k }) => ({ value: S, label: k }))
+    ), v = r(
+      () => b.value.length > 0
     ), L = r(
       () => {
         var S, k;
         return ((k = (S = c.value) == null ? void 0 : S.fileScenarios) == null ? void 0 : k.openGraph) ?? null;
       }
-    ), { data: F, loading: I } = Ie(), { data: g, loading: f } = Ma({
+    ), { data: F, loading: I } = Ie(), { data: g, loading: f } = wa({
       categoryId: t,
       isCreation: d
     }), h = E(!1), D = E(
-      Ce(g.value, v.value, e)
+      Ce(g.value, b.value, e)
     ), u = E({});
-    G([g, v], () => {
+    G([g, b], () => {
       D.value = Ce(
         g.value,
-        v.value,
+        b.value,
         e
       );
     });
     function V(S) {
       h.value = !0;
-      const k = vt(D.value);
-      (d.value ? Ua(k) : Ba(t.value, k)).then(({ data: K }) => {
+      const k = bt(D.value);
+      (d.value ? Oa(k) : Ua(t.value, k)).then(({ data: j }) => {
         u.value = {}, S.type === "create" && a.push(
-          $e({ categoryId: String(K.id) })
+          $e({ categoryId: String(j.id) })
         ), (S.type === "create_exit" || S.type === "save_exit") && Ge(a, Ee()), S.type === "create_create-another" && (D.value = Ce(
           null,
-          v.value,
+          b.value,
           e
         )), o.show({
           variant: "success",
           title: e("blog:success"),
           body: d.value ? e("blog:blogCategoryWasSuccessfullyCreated") : e("blog:blogCategoryWasSuccessfullyUpdated")
         });
-      }).catch((K) => {
-        console.error(K), u.value = Ne(K), o.show({
+      }).catch((j) => {
+        console.error(j), u.value = Ne(j), o.show({
           variant: "danger",
           title: e("blog:error"),
           body: d.value ? e("blog:blogCategoryCreationWasFailed") : e("blog:blogCategoryUpdateWasFailed")
@@ -1867,7 +1871,7 @@ const ft = pe({
     const w = r(
       () => {
         var S;
-        return bt(
+        return vt(
           F.value,
           ((S = D.value.language) == null ? void 0 : S.value) ?? null,
           e
@@ -1883,25 +1887,25 @@ const ft = pe({
       title: S,
       description: k,
       keywords: _,
-      image: K
+      image: j
     }) {
-      D.value.pageTitle = S, D.value.pageDescription = k, D.value.pageKeywords = _, D.value.openGraphImage = K;
+      D.value.pageTitle = S, D.value.pageDescription = k, D.value.pageKeywords = _, D.value.openGraphImage = j;
     }
     const $ = r(() => [
       { id: "common", label: e("blog:tabs.common") },
       { id: "seo", label: e("blog:tabs.seo") }
-    ]), q = E($.value[0].id), j = E(!1), X = (S) => {
-      d.value && !j.value && (D.value.urlAlias = Me(S));
+    ]), q = E($.value[0].id), K = E(!1), X = (S) => {
+      d.value && !K.value && (D.value.urlAlias = Me(S));
     }, U = () => {
-      j.value = !0;
+      K.value = !0;
     };
     return {
       isCreation: d,
       isContentLoading: W,
       values: D,
       errors: u,
-      isLangSpecific: b,
-      languageOptionList: v,
+      isLangSpecific: v,
+      languageOptionList: b,
       pagePath: l,
       categoryListUrl: Ee(),
       submitForm: V,
@@ -1920,7 +1924,7 @@ const ft = pe({
   }
 });
 function yt(e, a, n, o, t, d) {
-  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");
+  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");
   return T(), M(I, {
     title: e.isCreation ? e.$i18n.t("blog:createBlogCategory") : e.$i18n.t("blog:updateBlogCategory"),
     "is-content-loading": e.isContentLoading
@@ -1969,7 +1973,7 @@ 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(v, {
+          p(b, {
             "tab-id": e.selectedTabId,
             "onUpdate:tabId": a[4] || (a[4] = (g) => e.selectedTabId = g),
             "tab-list": e.tabList
@@ -1984,7 +1988,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(b, {
+            p(v, {
               checked: e.values.isDefault,
               "onUpdate:checked": a[6] || (a[6] = (g) => e.values.isDefault = g),
               name: "isDefault",
@@ -2046,7 +2050,7 @@ function yt(e, a, n, o, t, d) {
     _: 1
   }, 8, ["title", "is-content-loading"]);
 }
-const ht = /* @__PURE__ */ ve(ft, [["render", yt]]), Ut = {
+const ht = /* @__PURE__ */ be(ft, [["render", yt]]), Ot = {
   path: N.POST_LIST,
   component: xa,
   name: "All posts",
@@ -2056,7 +2060,7 @@ const ht = /* @__PURE__ */ ve(ft, [["render", yt]]), Ut = {
       { url: N.POST_LIST, text: a("blog:allPosts") }
     ]
   }
-}, Bt = {
+}, Ut = {
   path: N.POST_FORM,
   component: st,
   name: "Post Form",
@@ -2067,7 +2071,7 @@ const ht = /* @__PURE__ */ ve(ft, [["render", yt]]), Ut = {
       { url: e.path, text: a("blog:postForm") }
     ]
   }
-}, Et = {
+}, Bt = {
   path: N.CATEGORY_LIST,
   component: ct,
   name: "All categories",
@@ -2077,7 +2081,7 @@ const ht = /* @__PURE__ */ ve(ft, [["render", yt]]), Ut = {
       { url: N.CATEGORY_LIST, text: a("blog:allCategories") }
     ]
   }
-}, kt = {
+}, Et = {
   path: N.CATEGORY_FORM,
   component: ht,
   name: "Category Form",
@@ -2089,28 +2093,28 @@ const ht = /* @__PURE__ */ ve(ft, [["render", yt]]), Ut = {
     ]
   }
 };
-Pa();
+Da();
 export {
-  kt as BLOG_CATEGORY_FORM_ROUTE,
-  Et as BLOG_CATEGORY_LIST_ROUTE,
-  Bt as BLOG_POST_FORM_ROUTE,
-  Ut as BLOG_POST_LIST_ROUTE,
-  Ta as clonePost,
-  Ia as createBlogPost,
-  Ua as createCategory,
-  $a as deleteBlogPost,
-  Ea as deleteCategory,
+  Et as BLOG_CATEGORY_FORM_ROUTE,
+  Bt as BLOG_CATEGORY_LIST_ROUTE,
+  Ut as BLOG_POST_FORM_ROUTE,
+  Ot as BLOG_POST_LIST_ROUTE,
+  La as clonePost,
+  Ta as createBlogPost,
+  Oa as createCategory,
+  Aa as deleteBlogPost,
+  Ba as deleteCategory,
   $e as getBlogCategoryFormUrl,
   Ee as getBlogCategoryListUrl,
-  Ot as getBlogPostCount,
+  $t as getBlogPostCount,
   Ae as getBlogPostFormUrl,
   Pe as getBlogPostListUrl,
   oa as getCategories,
-  Oa as getCategory,
-  Ra as getModuleConfig,
-  La as getPost,
+  $a as getCategory,
+  ka as getModuleConfig,
+  Pa as getPost,
   ta as getPosts,
-  ka as moveCategory,
-  Aa as updateBlogPost,
-  Ba as updateCategory
+  Ea as moveCategory,
+  Ia as updateBlogPost,
+  Ua as updateCategory
 };

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-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}
+.filters[data-v-3b010d12]{margin-bottom:1rem;width:100%;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.filters[data-v-3b010d12]:not(:first-child){margin-top:1rem}.status span[data-v-3b010d12]{display:block}.status span[data-v-3b010d12]:nth-child(2){display:block;margin-top:5px;font-size:.8rem}.status span:nth-child(2) i[data-v-3b010d12]{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}

package/dist/views/Categories/CategoryForm/CategoryForm.vue.d.ts

@@ -634,7 +634,7 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
         shouldDisplayImage: boolean;
         imageLabel: string;
         imageName: string;
-        imageScenario: string;
+        imageScenario: Nullable<string>;
         imageErrorMessage: string;
     }, {}, {
         FormFieldRecommendedLengthInput: import("vue").DefineComponent<{
@@ -841,7 +841,7 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
                 default: string;
             };
             scenario: {
-                type: import("vue").PropType<import("@tager/admin-services").Nullable<string>>;
+                type: import("vue").PropType<Nullable<string>>;
                 default: null;
             };
             containerClass: {
@@ -878,7 +878,7 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
                 default: string;
             };
             scenario: {
-                type: import("vue").PropType<import("@tager/admin-services").Nullable<string>>;
+                type: import("vue").PropType<Nullable<string>>;
                 default: null;
             };
             containerClass: {
@@ -920,7 +920,7 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
             error: string;
             description: string;
             containerClass: string;
-            scenario: import("@tager/admin-services").Nullable<string>;
+            scenario: Nullable<string>;
             urlUploadEnabled: boolean;
         }, {}, {
             FormFieldWrapper: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1099,13 +1099,13 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
                     };
                     id: string;
                 }[] | null | undefined;
-                scenario: import("@tager/admin-services").Nullable<string>;
+                scenario: Nullable<string>;
                 fileType: "" | "image" | "archive";
                 multiple: boolean;
                 withCaptions: boolean;
                 accept: string;
                 placeholderMessage: string;
-                maxFileCount: import("@tager/admin-services").Nullable<number>;
+                maxFileCount: Nullable<number>;
                 urlUploadEnabled: boolean;
             }, {}, {
                 BaseButton: import("vue").DefineComponent<{

package/dist/views/Posts/PostForm/PostForm.vue.d.ts

@@ -19324,7 +19324,7 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
         shouldDisplayImage: boolean;
         imageLabel: string;
         imageName: string;
-        imageScenario: string;
+        imageScenario: Nullable<string>;
         imageErrorMessage: string;
     }, {}, {
         FormFieldRecommendedLengthInput: import("vue").DefineComponent<{
@@ -19531,7 +19531,7 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
                 default: string;
             };
             scenario: {
-                type: import("vue").PropType<import("@tager/admin-services").Nullable<string>>;
+                type: import("vue").PropType<Nullable<string>>;
                 default: null;
             };
             containerClass: {
@@ -19568,7 +19568,7 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
                 default: string;
             };
             scenario: {
-                type: import("vue").PropType<import("@tager/admin-services").Nullable<string>>;
+                type: import("vue").PropType<Nullable<string>>;
                 default: null;
             };
             containerClass: {
@@ -19610,7 +19610,7 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
             error: string;
             description: string;
             containerClass: string;
-            scenario: import("@tager/admin-services").Nullable<string>;
+            scenario: Nullable<string>;
             urlUploadEnabled: boolean;
         }, {}, {
             FormFieldWrapper: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -19789,13 +19789,13 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
                     };
                     id: string;
                 }[] | null | undefined;
-                scenario: import("@tager/admin-services").Nullable<string>;
+                scenario: Nullable<string>;
                 fileType: "" | "image" | "archive";
                 multiple: boolean;
                 withCaptions: boolean;
                 accept: string;
                 placeholderMessage: string;
-                maxFileCount: import("@tager/admin-services").Nullable<number>;
+                maxFileCount: Nullable<number>;
                 urlUploadEnabled: boolean;
             }, {}, {
                 BaseButton: import("vue").DefineComponent<{
@@ -20041,9 +20041,7 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
                         autocomplete: string;
                     }> & Readonly<{
                         onChange?: ((...args: any[]) => any) | undefined;
-                        onInput?: ((
-                        /** @ts-ignore @type { | typeof __VLS_components.FormFieldFileInput} */
-                        ...args: any[]) => any) | undefined;
+                        onInput?: ((...args: any[]) => any) | undefined;
                         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
                     }>, {
                         type: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tager/admin-blog",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "license": "MIT",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",
@@ -28,8 +28,7 @@
     "filesize": "^9.0.11",
     "lodash.isequal": "^4.5.0",
     "lodash.kebabcase": "^4.1.1",
-    "lodash.pick": "^4.4.0",
-    "path-to-regexp": "^6.1.0"
+    "path-to-regexp": "^6.3.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.5",
@@ -39,7 +38,6 @@
     "@tager/admin-ui": "^2.0.8",
     "@types/filesize": "^5.0.0",
     "@types/lodash.isequal": "^4.5.6",
-    "@types/lodash.pick": "^4.4.7",
     "@types/node": "16.x",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/eslint-config-typescript": "^14.9.0",

package/src/views/Posts/PostList/PostList.vue

@@ -128,7 +128,6 @@
 <script lang="ts">
 import {computed, defineComponent, watch} from 'vue';
 import isEqual from 'lodash.isequal';
-import pick from 'lodash.pick';
 import {useRoute, useRouter} from 'vue-router';
 
 import {
@@ -176,6 +175,21 @@ import {
 } from './PostList.helpers';
 import {useAdvancedSearch} from './hooks';
 
+/**
+ * Выбрать заданные ключи из объекта.
+ *
+ * Заменяет lodash.pick: у него открытая уязвимость prototype pollution,
+ * и патча к ней нет — пакет не поддерживается.
+ */
+function pickKeys<T extends Record<string, unknown>, K extends keyof T>(
+  source: T,
+  keys: ReadonlyArray<K>
+): Partial<T> {
+  return Object.fromEntries(
+    Object.entries(source).filter(([key]) => keys.includes(key as K))
+  ) as Partial<T>;
+}
+
 export default defineComponent({
   name: 'PostList',
   components: {
@@ -291,7 +305,7 @@ export default defineComponent({
       }
 
       const newQuery = {
-        ...pick(route.query, ['query', 'pageNumber', 'sort']),
+        ...pickKeys(route.query, ['query', 'pageNumber', 'sort']),
         ...filterParams.value,
       };