@webx-ui/module-blog 0.8.2 → 0.8.4

package/dist/{ArticlesPage-CI-Nwhpy.js → ArticlesPage-BnHi8gF0.js}

@@ -1,81 +1,91 @@
-import { defineComponent as me, useTemplateRef as ye, ref as J, computed as c, watch as ge, openBlock as o, createElementBlock as E, createVNode as s, unref as t, withCtx as i, createBlock as d, createTextVNode as v, toDisplayString as b, createCommentVNode as h, createElementVNode as f, Fragment as _e, renderList as xe, normalizeClass as ke } from "vue";
-import { useRoute as we, useRouter as qe } from "vue-router";
-import { useAdmin as ze, useTranslate as K, useErrorText as We, rowMenuWidth as $e, WxListScreen as Ce, WxRowMenu as Q, WxDate as X, WxAddressNote as Be, WxFilterChips as Te } from "@webx-ui/module-admin";
-import { useElementWidth as Se, createModal as Ae, WxTable as Ne, WxEntityCard as Ve, WxBadge as W, WxIcon as C, WxText as Y, WxTooltip as Re, WxFormItem as F, WxSelect as M, WxButton as Ee, toast as B, confirm as Fe } from "@webx-ui/core";
-import { c as Me, u as Pe, _ as Ue, a as De } from "./index-DqN5h0Ej.js";
-const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-articles__name-text" }, je = { class: "wx-articles__title" }, Ge = { class: "wx-articles__address" }, He = { class: "wx-articles__chips" }, Je = { class: "wx-articles__state" }, Z = 640, Ke = /* @__PURE__ */ me({
+import { defineComponent as _e, useTemplateRef as xe, ref as J, computed as o, watch as ke, openBlock as c, createElementBlock as K, createVNode as s, unref as a, withCtx as i, createBlock as d, createTextVNode as v, toDisplayString as b, createCommentVNode as f, createElementVNode as h, Fragment as we, renderList as qe, normalizeClass as We } from "vue";
+import { useRoute as ze, useRouter as $e } from "vue-router";
+import { useAdmin as Ce, useTranslate as Q, useErrorText as Te, rowMenuWidth as Be, WxListScreen as Se, WxRowMenu as X, WxDate as Y, WxAddressNote as Ae, WxPreviewThumb as Ne, WxFilterChips as Ve } from "@webx-ui/module-admin";
+import { useElementWidth as Re, createModal as Ee, WxTable as Fe, WxEntityCard as Me, WxBadge as z, WxIcon as T, WxText as Z, WxTooltip as Pe, WxFormItem as E, WxSelect as F, WxButton as Ue, toast as B, confirm as De } from "@webx-ui/core";
+import { c as Ie, u as Oe, _ as Le, a as je } from "./index-ChbP89HC.js";
+const Ge = ["src"], He = { class: "wx-articles__name" }, Je = { class: "wx-articles__name-text" }, Ke = { class: "wx-articles__title" }, Qe = { class: "wx-articles__address" }, Xe = { class: "wx-articles__chips" }, Ye = { class: "wx-articles__state" }, ee = 640, Ze = /* @__PURE__ */ _e({
   __name: "ArticlesPage",
   props: {
     base: { default: "/blog" }
   },
-  setup(ee) {
-    const le = ee, T = ze(), m = Me(T), r = we(), y = qe();
-    Pe();
-    const a = K("webx-blog"), P = K("webx-admin"), U = We(), D = ye("root"), I = Se(D), S = J(null), A = J(!0), ae = Ae(Ue), L = c(() => T.can("blog.articles.manage")), O = c(
-      () => T.state.manifest?.modules.find((e) => e.id === "articles")?.title ?? a("module.articles")
-    ), x = c({
+  setup(le) {
+    const te = le, S = Ce(), m = Ie(S), r = ze(), y = $e();
+    Oe();
+    const t = Q("webx-blog"), M = Q("webx-admin"), P = Te(), U = xe("root"), D = Re(U), $ = J(null), A = J(!0), ae = Ee(Le), I = o(() => S.can("blog.articles.manage")), O = o(
+      () => S.state.manifest?.modules.find((e) => e.id === "articles")?.title ?? t("module.articles")
+    ), x = o({
       get: () => typeof r.query.view == "string" ? r.query.view : "",
       set: (e) => {
         y.replace({
           query: { ...r.query, view: e === "" ? void 0 : String(e), page: void 0 }
         });
       }
-    }), p = c(() => x.value === "trashed"), u = c(() => ({
+    }), p = o(() => x.value === "trashed"), u = o(() => ({
       q: typeof r.query.q == "string" ? r.query.q : "",
       rubric: N(r.query.rubric),
       tag: N(r.query.tag),
       author: N(r.query.author),
       sort: typeof r.query.sort == "string" ? r.query.sort : null,
       page: Number(r.query.page ?? 1) || 1
-    }));
+    })), L = o(() => ($.value?.data ?? []).filter((e) => e.cover?.thumb)), ne = o(
+      () => L.value.map((e) => ({
+        src: e.cover.url ?? e.cover.thumb,
+        thumb: e.cover.thumb ?? void 0,
+        alt: e.title,
+        caption: e.title
+      }))
+    );
+    function ie(e) {
+      return L.value.indexOf(e);
+    }
     function N(e) {
       return typeof e == "string" && e !== "" && Number(e) || null;
     }
-    const te = c(() => [
-      { value: "", label: a("panel.view-all") },
-      { value: "published", label: a("panel.view-published") },
-      { value: "scheduled", label: a("panel.view-scheduled") },
-      { value: "draft", label: a("panel.view-draft") },
-      { value: "unpublished", label: a("panel.view-unpublished") },
-      { value: "trashed", label: a("panel.bin"), icon: "trash" }
-    ]), g = c(() => S.value?.filters ?? { rubrics: [], tags: [], authors: [] }), ne = c(() => I.value > 0 && I.value < Z), ie = c(() => ne.value ? [{ key: "card", label: "" }] : [
+    const se = o(() => [
+      { value: "", label: t("panel.view-all") },
+      { value: "published", label: t("panel.view-published") },
+      { value: "scheduled", label: t("panel.view-scheduled") },
+      { value: "draft", label: t("panel.view-draft") },
+      { value: "unpublished", label: t("panel.view-unpublished") },
+      { value: "trashed", label: t("panel.bin"), icon: "trash" }
+    ]), g = o(() => $.value?.filters ?? { rubrics: [], tags: [], authors: [] }), re = o(() => D.value > 0 && D.value < ee), ue = o(() => re.value ? [{ key: "card", label: "" }] : [
       { key: "cover", label: "", width: 68 },
       /* The one that takes what the others leave, and the only one without a number. */
-      { key: "title", label: a("panel.column-title"), minWidth: 220 },
-      { key: "rubrics", label: a("panel.column-rubrics"), width: 190, hideBelow: 1e3 },
-      { key: "author", label: a("panel.column-author"), width: 160, hideBelow: 1200 },
+      { key: "title", label: t("panel.column-title"), minWidth: 220 },
+      { key: "rubrics", label: t("panel.column-rubrics"), width: 190, hideBelow: 1e3 },
+      { key: "author", label: t("panel.column-author"), width: 160, hideBelow: 1200 },
       {
         key: "date",
-        label: p.value ? a("panel.column-deleted") : a("panel.column-date"),
+        label: p.value ? t("panel.column-deleted") : t("panel.column-date"),
         width: 120,
         hideBelow: 700,
         // "today at 16:22" is three words the table will break over two lines given half a
         // chance, and a date read down a column has to be one line to be read at all.
         cellClass: "wx-articles__when"
       },
-      { key: "status", label: a("panel.column-status"), width: 170 },
-      { key: "actions", label: "", width: $e, align: "right" }
-    ]), se = c(() => u.value.q !== "" ? a("panel.empty-search") : p.value ? a("panel.empty-bin") : a("panel.empty")), V = c(() => {
-      const e = [], n = g.value.rubrics.find((z) => z.id === u.value.rubric);
+      { key: "status", label: t("panel.column-status"), width: 170 },
+      { key: "actions", label: "", width: Be, align: "right" }
+    ]), oe = o(() => u.value.q !== "" ? t("panel.empty-search") : p.value ? t("panel.empty-bin") : t("panel.empty")), V = o(() => {
+      const e = [], n = g.value.rubrics.find((W) => W.id === u.value.rubric);
       n && e.push({
         key: "rubric",
-        label: `${a("panel.filter-rubric")}: ${n.title}`,
+        label: `${t("panel.filter-rubric")}: ${n.title}`,
         clear: () => _("rubric", void 0)
       });
-      const l = g.value.tags.find((z) => z.id === u.value.tag);
+      const l = g.value.tags.find((W) => W.id === u.value.tag);
       l && e.push({
         key: "tag",
-        label: `${a("panel.filter-tag")}: ${l.title}`,
+        label: `${t("panel.filter-tag")}: ${l.title}`,
         clear: () => _("tag", void 0)
       });
-      const q = g.value.authors.find((z) => z.id === u.value.author);
+      const q = g.value.authors.find((W) => W.id === u.value.author);
       return q && e.push({
         key: "author",
-        label: `${a("panel.filter-author")}: ${q.title}`,
+        label: `${t("panel.filter-author")}: ${q.title}`,
         clear: () => _("author", void 0)
       }), e;
     });
-    function re() {
+    function ce() {
       y.replace({
         query: {
           ...r.query,
@@ -89,7 +99,7 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
     async function k(e) {
       A.value = !0;
       try {
-        S.value = await m.articles({
+        $.value = await m.articles({
           q: e?.search ?? u.value.q,
           status: p.value ? "" : x.value,
           trashed: p.value,
@@ -101,12 +111,12 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
           per_page: e?.perPage
         });
       } catch (n) {
-        B.danger(U(n));
+        B.danger(P(n));
       } finally {
         A.value = !1;
       }
     }
-    function ue(e) {
+    function de(e) {
       const n = {
         ...r.query,
         q: e.search === "" ? void 0 : e.search,
@@ -124,118 +134,118 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
         }
       });
     }
-    ge(
+    ke(
       [x, () => u.value.rubric, () => u.value.tag, () => u.value.author],
       () => {
         k();
       }
     ), k();
     function R(e) {
-      const n = `${le.base}/articles/${e.id}`;
+      const n = `${te.base}/articles/${e.id}`;
       y.resolve(n).matched.length > 0 && y.push({ path: n, query: { ...r.query } });
     }
-    async function oe() {
+    async function pe() {
       const e = await ae({});
       e && (await k(), R(e));
     }
     function j(e) {
-      if (!L.value) return [];
+      if (!I.value) return [];
       if (p.value)
         return [
           {
             key: "restore",
             icon: "refresh",
-            label: a("panel.restore"),
+            label: t("panel.restore"),
             run: () => {
-              be(e);
+              me(e);
             }
           }
         ];
       const n = [
-        { key: "open", icon: "edit", label: a("panel.open"), run: () => R(e) }
+        { key: "open", icon: "edit", label: t("panel.open"), run: () => R(e) }
       ];
       return e.url && e.status !== "draft" && n.push({
         key: "site",
         icon: "external-link",
-        label: a("panel.open-on-site"),
+        label: t("panel.open-on-site"),
         href: e.url
       }), e.path !== null && n.push({
         key: "copy",
         icon: "copy",
-        label: a("panel.copy-address"),
+        label: t("panel.copy-address"),
         run: () => {
-          he(e);
+          ye(e);
         }
       }), n.push({
         key: "pin",
         icon: "star",
-        label: e.pinned ? a("panel.unpin") : a("panel.pin"),
+        label: e.pinned ? t("panel.unpin") : t("panel.pin"),
         run: () => {
-          pe(e, !e.pinned);
+          he(e, !e.pinned);
         }
       }), n.push(
         e.status === "published" || e.status === "modified" || e.status === "scheduled" ? {
           key: "unpublish",
           icon: "eye-off",
-          label: a("panel.unpublish"),
+          label: t("panel.unpublish"),
           run: () => {
-            de(e);
+            be(e);
           }
         } : {
           key: "publish",
           icon: "upload",
-          label: a("panel.publish"),
+          label: t("panel.publish"),
           run: () => {
-            ce(e);
+            ve(e);
           }
         }
       ), n.push({
         key: "delete",
         icon: "trash",
-        label: a("panel.delete"),
+        label: t("panel.delete"),
         danger: !0,
         run: () => {
-          ve(e);
+          fe(e);
         }
       }), n;
     }
-    async function ce(e) {
-      await w(() => m.publish(e.id), a("panel.published"));
+    async function ve(e) {
+      await w(() => m.publish(e.id), t("panel.published"));
     }
-    async function de(e) {
-      await w(() => m.unpublish(e.id), a("panel.unpublished-done"));
+    async function be(e) {
+      await w(() => m.unpublish(e.id), t("panel.unpublished-done"));
     }
-    async function pe(e, n) {
+    async function he(e, n) {
       await w(
         () => m.save(e.id, { values: { pinned: n }, revision: e.revision }),
-        a(n ? "panel.pinned-done" : "panel.unpinned")
+        t(n ? "panel.pinned-done" : "panel.unpinned")
       );
     }
-    async function ve(e) {
-      await Fe({
-        title: a("panel.delete-title", { title: e.title }),
-        message: a("panel.delete-text"),
-        confirmText: a("panel.delete"),
-        cancelText: a("panel.cancel"),
+    async function fe(e) {
+      await De({
+        title: t("panel.delete-title", { title: e.title }),
+        message: t("panel.delete-text"),
+        confirmText: t("panel.delete"),
+        cancelText: t("panel.cancel"),
         tone: "danger"
-      }) && await w(() => m.remove(e.id), a("panel.deleted"));
+      }) && await w(() => m.remove(e.id), t("panel.deleted"));
     }
-    async function be(e) {
-      await w(() => m.restore(e.id), a("panel.restored"));
+    async function me(e) {
+      await w(() => m.restore(e.id), t("panel.restored"));
     }
     async function w(e, n) {
       try {
         await e(), B.success(n);
       } catch (l) {
-        B.danger(U(l));
+        B.danger(P(l));
       } finally {
         await k();
       }
     }
-    async function he(e) {
+    async function ye(e) {
       if (e.url)
         try {
-          await navigator.clipboard.writeText(e.url), B.success(a("panel.address-copied"));
+          await navigator.clipboard.writeText(e.url), B.success(t("panel.address-copied"));
         } catch {
         }
     }
@@ -243,32 +253,32 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
       return e === "published" || e === "modified" ? "success" : e === "scheduled" ? "warning" : "default";
     }
     function H(e) {
-      return p.value ? "—" : e.path === null ? a("panel.no-address") : `/${e.path}`;
+      return p.value ? "—" : e.path === null ? t("panel.no-address") : `/${e.path}`;
     }
-    function $(e) {
+    function C(e) {
       return p.value ? e.deleted_at : e.published_at;
     }
-    const fe = c(
-      () => L.value ? [{ key: "new", label: a("panel.new"), icon: "plus", primary: !0, run: () => {
-        oe();
+    const ge = o(
+      () => I.value ? [{ key: "new", label: t("panel.new"), icon: "plus", primary: !0, run: () => {
+        pe();
       } }] : []
     );
-    return (e, n) => (o(), E("div", {
+    return (e, n) => (c(), K("div", {
       ref_key: "root",
-      ref: D,
+      ref: U,
       class: "wx-articles"
     }, [
-      s(t(Ce), {
+      s(a(Se), {
         view: x.value,
         "onUpdate:view": n[3] || (n[3] = (l) => x.value = l),
         title: O.value,
-        views: te.value,
-        actions: fe.value
+        views: se.value,
+        actions: ge.value
       }, {
         default: i(() => [
-          s(t(Ne), {
-            data: S.value,
-            columns: ie.value,
+          s(a(Fe), {
+            data: $.value,
+            columns: ue.value,
             "row-key": "id",
             searchable: "",
             clickable: !p.value,
@@ -276,24 +286,24 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
             flush: "",
             loading: A.value,
             layout: "fixed",
-            "cards-below": Z,
+            "cards-below": ee,
             "filters-count": V.value.length,
-            "filters-label": t(P)("filters.title"),
-            "search-placeholder": t(a)("panel.search"),
-            "empty-text": se.value,
+            "filters-label": a(M)("filters.title"),
+            "search-placeholder": a(t)("panel.search"),
+            "empty-text": oe.value,
             "aria-label": O.value,
             onRowClick: R,
-            onStateChange: ue
+            onStateChange: de
           }, {
             filters: i(() => [
-              s(t(F), {
-                label: t(a)("panel.filter-rubric")
+              s(a(E), {
+                label: a(t)("panel.filter-rubric")
               }, {
                 default: i(() => [
-                  s(t(M), {
+                  s(a(F), {
                     "model-value": u.value.rubric,
                     options: g.value.rubrics.map((l) => ({ value: l.id, label: l.title })),
-                    placeholder: t(a)("panel.any-rubric"),
+                    placeholder: a(t)("panel.any-rubric"),
                     clearable: "",
                     size: "sm",
                     "onUpdate:modelValue": n[0] || (n[0] = (l) => _("rubric", l))
@@ -301,14 +311,14 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
                 ]),
                 _: 1
               }, 8, ["label"]),
-              s(t(F), {
-                label: t(a)("panel.filter-tag")
+              s(a(E), {
+                label: a(t)("panel.filter-tag")
               }, {
                 default: i(() => [
-                  s(t(M), {
+                  s(a(F), {
                     "model-value": u.value.tag,
                     options: g.value.tags.map((l) => ({ value: l.id, label: l.title })),
-                    placeholder: t(a)("panel.any-tag"),
+                    placeholder: a(t)("panel.any-tag"),
                     clearable: "",
                     filterable: "",
                     size: "sm",
@@ -317,14 +327,14 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
                 ]),
                 _: 1
               }, 8, ["label"]),
-              s(t(F), {
-                label: t(a)("panel.filter-author")
+              s(a(E), {
+                label: a(t)("panel.filter-author")
               }, {
                 default: i(() => [
-                  s(t(M), {
+                  s(a(F), {
                     "model-value": u.value.author,
                     options: g.value.authors.map((l) => ({ value: l.id, label: l.title })),
-                    placeholder: t(a)("panel.any-author"),
+                    placeholder: a(t)("panel.any-author"),
                     clearable: "",
                     size: "sm",
                     "onUpdate:modelValue": n[2] || (n[2] = (l) => _("author", l))
@@ -332,35 +342,44 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
                 ]),
                 _: 1
               }, 8, ["label"]),
-              V.value.length > 0 ? (o(), d(t(Ee), {
+              V.value.length > 0 ? (c(), d(a(Ue), {
                 key: 0,
                 variant: "text",
                 size: "sm",
                 block: "",
-                onClick: re
+                onClick: ce
               }, {
                 icon: i(() => [
-                  s(t(C), { name: "close" })
+                  s(a(T), { name: "close" })
                 ]),
                 default: i(() => [
-                  v(" " + b(t(P)("filters.reset")), 1)
+                  v(" " + b(a(M)("filters.reset")), 1)
                 ]),
                 _: 1
-              })) : h("", !0)
+              })) : f("", !0)
             ]),
             applied: i(() => [
-              s(t(Te), { filters: V.value }, null, 8, ["filters"])
+              s(a(Ve), { filters: V.value }, null, 8, ["filters"])
             ]),
             "cell-cover": i(({ row: l }) => [
-              f("span", {
-                class: ke(["wx-articles__cover", { "is-empty": !l.cover }])
+              h("span", {
+                class: We(["wx-articles__cover", { "is-empty": !l.cover }])
               }, [
-                l.cover?.thumb ? (o(), E("img", {
+                l.cover?.thumb ? (c(), d(a(Ne), {
                   key: 0,
-                  src: l.cover.thumb,
-                  alt: "",
-                  loading: "lazy"
-                }, null, 8, Ie)) : (o(), d(t(C), {
+                  fill: "",
+                  items: ne.value,
+                  start: ie(l)
+                }, {
+                  default: i(() => [
+                    h("img", {
+                      src: l.cover.thumb,
+                      alt: "",
+                      loading: "lazy"
+                    }, null, 8, Ge)
+                  ]),
+                  _: 2
+                }, 1032, ["items", "start"])) : (c(), d(a(T), {
                   key: 1,
                   name: "image",
                   size: "sm"
@@ -368,25 +387,25 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
               ], 2)
             ]),
             "cell-title": i(({ row: l }) => [
-              f("div", Le, [
-                l.pinned ? (o(), d(t(Re), {
+              h("div", He, [
+                l.pinned ? (c(), d(a(Pe), {
                   key: 0,
-                  content: t(a)("panel.pinned")
+                  content: a(t)("panel.pinned")
                 }, {
                   default: i(() => [
-                    s(t(C), {
+                    s(a(T), {
                       class: "wx-articles__pin",
                       name: "star",
                       size: "sm"
                     })
                   ]),
                   _: 1
-                }, 8, ["content"])) : h("", !0),
-                f("div", Oe, [
-                  f("span", je, b(l.title), 1),
-                  f("span", Ge, [
+                }, 8, ["content"])) : f("", !0),
+                h("div", Je, [
+                  h("span", Ke, b(l.title), 1),
+                  h("span", Qe, [
                     v(b(H(l)) + " ", 1),
-                    p.value ? h("", !0) : (o(), d(t(Be), {
+                    p.value ? f("", !0) : (c(), d(a(Ae), {
                       key: 0,
                       locale: l.address_locale
                     }, null, 8, ["locale"]))
@@ -395,8 +414,8 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
               ])
             ]),
             "cell-rubrics": i(({ row: l }) => [
-              f("span", He, [
-                (o(!0), E(_e, null, xe(l.rubrics, (q) => (o(), d(t(W), {
+              h("span", Xe, [
+                (c(!0), K(we, null, qe(l.rubrics, (q) => (c(), d(a(z), {
                   key: q.id,
                   size: "sm",
                   round: ""
@@ -409,7 +428,7 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
               ])
             ]),
             "cell-author": i(({ row: l }) => [
-              s(t(Y), {
+              s(a(Z), {
                 size: "sm",
                 tone: "muted",
                 truncate: ""
@@ -421,11 +440,11 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
               }, 1024)
             ]),
             "cell-date": i(({ row: l }) => [
-              $(l) ? (o(), d(t(X), {
+              C(l) ? (c(), d(a(Y), {
                 key: 0,
-                value: $(l),
+                value: C(l),
                 compact: ""
-              }, null, 8, ["value"])) : (o(), d(t(Y), {
+              }, null, 8, ["value"])) : (c(), d(a(Z), {
                 key: 1,
                 size: "sm",
                 tone: "muted"
@@ -437,32 +456,32 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
               }))
             ]),
             "cell-status": i(({ row: l }) => [
-              f("span", Je, [
-                s(t(W), {
+              h("span", Ye, [
+                s(a(z), {
                   type: G(l.status),
                   dot: "",
                   size: "sm"
                 }, {
                   default: i(() => [
-                    v(b(t(a)(`panel.status-${l.status}`)), 1)
+                    v(b(a(t)(`panel.status-${l.status}`)), 1)
                   ]),
                   _: 2
                 }, 1032, ["type"]),
-                l.status === "modified" ? (o(), d(t(W), {
+                l.status === "modified" ? (c(), d(a(z), {
                   key: 0,
                   type: "primary",
                   size: "sm",
                   round: ""
                 }, {
                   default: i(() => [
-                    v(b(t(a)("panel.edits")), 1)
+                    v(b(a(t)("panel.edits")), 1)
                   ]),
                   _: 1
-                })) : h("", !0)
+                })) : f("", !0)
               ])
             ]),
             "cell-card": i(({ row: l }) => [
-              s(t(Ve), {
+              s(a(Me), {
                 class: "wx-articles__entity",
                 variant: "plain",
                 title: l.title,
@@ -472,16 +491,16 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
                 subtitle: H(l)
               }, {
                 title: i(() => [
-                  l.pinned ? (o(), d(t(C), {
+                  l.pinned ? (c(), d(a(T), {
                     key: 0,
                     class: "wx-articles__pin",
                     name: "star",
                     size: "sm"
-                  })) : h("", !0),
+                  })) : f("", !0),
                   v(" " + b(l.title), 1)
                 ]),
                 meta: i(() => [
-                  l.rubrics[0] ? (o(), d(t(W), {
+                  l.rubrics[0] ? (c(), d(a(z), {
                     key: 0,
                     size: "sm",
                     round: ""
@@ -490,33 +509,33 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
                       v(b(l.rubrics[0].title), 1)
                     ]),
                     _: 2
-                  }, 1024)) : h("", !0),
-                  s(t(W), {
+                  }, 1024)) : f("", !0),
+                  s(a(z), {
                     type: G(l.status),
                     dot: "",
                     size: "sm"
                   }, {
                     default: i(() => [
-                      v(b(t(a)(`panel.status-${l.status}`)), 1)
+                      v(b(a(t)(`panel.status-${l.status}`)), 1)
                     ]),
                     _: 2
                   }, 1032, ["type"]),
-                  $(l) ? (o(), d(t(X), {
+                  C(l) ? (c(), d(a(Y), {
                     key: 1,
-                    value: $(l)
-                  }, null, 8, ["value"])) : h("", !0)
+                    value: C(l)
+                  }, null, 8, ["value"])) : f("", !0)
                 ]),
                 _: 2
               }, 1032, ["title", "image", "subtitle"])
             ]),
             "card-actions": i(({ row: l }) => [
-              s(t(Q), {
+              s(a(X), {
                 actions: j(l),
                 label: l.title
               }, null, 8, ["actions", "label"])
             ]),
             "cell-actions": i(({ row: l }) => [
-              s(t(Q), {
+              s(a(X), {
                 actions: j(l),
                 label: l.title
               }, null, 8, ["actions", "label"])
@@ -528,8 +547,8 @@ const Ie = ["src"], Le = { class: "wx-articles__name" }, Oe = { class: "wx-artic
       }, 8, ["view", "title", "views", "actions"])
     ], 512));
   }
-}), ll = /* @__PURE__ */ De(Ke, [["__scopeId", "data-v-5dfe798a"]]);
+}), il = /* @__PURE__ */ je(Ze, [["__scopeId", "data-v-8bd25142"]]);
 export {
-  ll as default
+  il as default
 };
-//# sourceMappingURL=ArticlesPage-CI-Nwhpy.js.map
+//# sourceMappingURL=ArticlesPage-BnHi8gF0.js.map