@piveau/piveau-hub-ui-modules 4.9.4 → 4.9.6

package/dist/datasetDetails/features/DatasetDetailsPages.vue.mjs

@@ -1,18 +1,18 @@
-import h from "jquery";
-import { truncate as y, getTranslationFor as C } from "../../utils/helpers.mjs";
-import { isNil as w, has as v } from "lodash-es";
-import B from "../../widgets/AppLink.vue.mjs";
-import { mapGetters as V } from "vuex";
-import x from "../../PvBadge/PvBadge.vue.mjs";
-import { resolveComponent as P, openBlock as l, createElementBlock as d, createVNode as b, createTextVNode as i, createElementVNode as s, normalizeClass as m, toDisplayString as a, Fragment as D, renderList as M, withKeys as A, withModifiers as L, createBlock as O, withCtx as T, createCommentVNode as g } from "vue";
+import w from "jquery";
+import { truncate as C, getTranslationFor as y } from "../../utils/helpers.mjs";
+import { isNil as h, has as b } from "lodash-es";
+import V from "../../widgets/AppLink.vue.mjs";
+import { mapGetters as T } from "vuex";
+import I from "../../PvBadge/PvBadge.vue.mjs";
+import { resolveComponent as p, openBlock as l, createElementBlock as a, createVNode as P, createTextVNode as o, createElementVNode as s, toDisplayString as d, normalizeClass as m, Fragment as M, renderList as F, withKeys as D, withModifiers as O, createBlock as x, withCtx as A, createCommentVNode as u } from "vue";
 import "./DatasetDetailsPages.vue2.mjs";
-import N from "../../_virtual/_plugin-vue_export-helper.mjs";
-const S = {
+import S from "../../_virtual/_plugin-vue_export-helper.mjs";
+const Z = {
   name: "DatasetDetailsPages",
   components: {
     // DatasetDetailsFeatureHeader,
-    AppLink: B,
-    PvBadge: x
+    AppLink: V,
+    PvBadge: I
   },
   props: {
     pages: Object,
@@ -28,20 +28,21 @@ const S = {
       visibleCount: 8,
       incrementSize: 10,
       initialVisibleCount: 8,
+      sortField: "title",
       sortOrder: "asc"
     };
   },
   computed: {
-    ...V("datasetDetails", [
+    ...T("datasetDetails", [
       "getPages"
     ]),
     sortedAndFilteredPages() {
       if (!this.getPages)
         return [];
       let e = [...this.getPages];
-      return this.sortOrder && e.sort((t, c) => {
-        const f = this.getPageTitle(t).toLowerCase(), u = this.getPageTitle(c).toLowerCase();
-        return this.sortOrder === "asc" ? f.localeCompare(u) : u.localeCompare(f);
+      return this.sortOrder && e.sort((t, v) => {
+        const f = this.getPageSortValue(t), n = this.getPageSortValue(v), r = typeof f == "number" ? f - n : f.localeCompare(n);
+        return this.sortOrder === "asc" ? r : -r;
       }), e;
     },
     visiblePages() {
@@ -74,9 +75,9 @@ const S = {
     }
   },
   methods: {
-    truncate: y,
-    toggleTitleSort() {
-      this.sortOrder === "asc" ? this.sortOrder = "desc" : this.sortOrder = "asc", this.expandedItems = [];
+    truncate: C,
+    toggleSort(e) {
+      this.sortOrder = this.sortField === e && this.sortOrder === "asc" ? "desc" : "asc", this.sortField = e, this.expandedItems = [];
     },
     togglePageDescription(e) {
       const t = this.expandedPageDescriptions.indexOf(e);
@@ -95,25 +96,28 @@ const S = {
       return this.expandedPageDescriptions.includes(e);
     },
     pageDescriptionIsExpandable(e) {
-      return w(e) ? !1 : e.length > this.pages.descriptionMaxChars;
+      return h(e) ? !1 : e.length > this.pages.descriptionMaxChars;
     },
     pageIsExpanded(e) {
       return this.expandedPages.includes(e);
     },
     getPageFormat(e) {
-      return v(e, "format.label") && !w(e.format.label) ? e.format.label : "UNKNOWN";
+      return b(e, "format.label") && !h(e.format.label) ? e.format.label : "UNKNOWN";
     },
     pageFormatTruncated(e) {
       return this.getPageFormat(e).length > 10;
     },
     getPageTitle(e) {
-      return e.title ? C(e.title, this.$route.query.locale, this.getLanguages) : y(e.resource, 50);
+      return e.title ? y(e.title, this.$route.query.locale, this.getLanguages) : C(e.resource, 50);
     },
     getPageDescription(e) {
-      return v(e, "description") && !w(e.description) ? C(e.description, this.$route.query.locale, this.getLanguages) : "";
+      return b(e, "description") && !h(e.description) ? y(e.description, this.$route.query.locale, this.getLanguages) : "";
     },
     getPageModified(e) {
-      return v(e, "modified") && !w(e.modified) ? e.modified : v(e, "issued") && !w(e.issued) ? e.issued : null;
+      return b(e, "modified") && !h(e.modified) ? e.modified : b(e, "issued") && !h(e.issued) ? e.issued : null;
+    },
+    getPageSortValue(e) {
+      return this.sortField === "format" ? String(this.getPageFormat(e) || "").toLowerCase() : this.sortField === "updated" ? new Date(this.getPageModified(e)).getTime() || 0 : String(this.getPageTitle(e) || "").toLowerCase();
     },
     formatDate(e) {
       if (!e)
@@ -146,8 +150,8 @@ const S = {
       });
     },
     initTooltips() {
-      typeof h < "u" && (h(".tooltip").remove(), h('[data-toggle="tooltip"]').tooltip("dispose"), this.$nextTick(() => {
-        h('[data-toggle="tooltip"]').tooltip({
+      typeof w < "u" && (w(".tooltip").remove(), w('[data-toggle="tooltip"]').tooltip("dispose"), this.$nextTick(() => {
+        w('[data-toggle="tooltip"]').tooltip({
           container: "body",
           html: !0
         });
@@ -161,149 +165,281 @@ const S = {
     this.initTooltips();
   },
   beforeUnmount() {
-    typeof h < "u" && (h(".tooltip").remove(), h('[data-toggle="tooltip"]').tooltip("dispose"));
+    typeof w < "u" && (w(".tooltip").remove(), w('[data-toggle="tooltip"]').tooltip("dispose"));
   }
-}, E = { class: "dsd-feature d-flex flex-column mt-3" }, G = { key: 0 }, z = { class: "mobile-sort-controls d-md-none mb-3" }, K = ["aria-label"], U = { class: "sort-arrows" }, Z = {
+}, N = { class: "dsd-feature d-flex flex-column mt-3" }, E = { key: 0 }, G = { class: "mobile-sort-controls d-md-none mb-3" }, z = ["aria-label"], K = { class: "sort-arrows" }, U = ["aria-label"], q = { class: "sort-arrows" }, H = ["aria-label"], j = { class: "sort-arrows" }, W = {
   class: "table-responsive-wrapper d-none d-md-block mt-3",
   "data-cy": "documentation"
-}, q = { class: "pages-wrapper" }, H = { class: "pages-grid" }, j = { class: "grid-header" }, W = { class: "grid-col title-col" }, X = ["aria-label"], J = { class: "sort-arrows" }, Q = { class: "grid-col format-col" }, R = { class: "grid-col date-col" }, Y = { class: "grid-col actions-col" }, _ = { class: "grid-row page-header" }, $ = { class: "grid-col title-col" }, tt = { class: "title-with-arrow" }, et = ["id", "aria-expanded", "aria-controls", "onClick", "onKeydown"], st = { class: "m-0 page-title" }, ot = { class: "grid-col format-col" }, it = ["data-toggle", "data-placement", "title"], rt = { class: "grid-col date-col" }, at = { class: "grid-col actions-col" }, lt = ["id", "aria-labelledby"], dt = { class: "expanded-details" }, nt = { class: "details-list" }, gt = { key: 0 }, ut = { key: 1 }, mt = { key: 2 }, ht = { key: 3 }, ct = ["href"], wt = {
+}, X = { class: "pages-wrapper" }, J = { class: "pages-grid" }, Q = { class: "grid-header" }, R = { class: "grid-col title-col" }, Y = ["aria-label"], $ = { class: "sort-arrows" }, _ = { class: "grid-col format-col" }, tt = ["aria-label"], et = { class: "sort-arrows" }, st = { class: "grid-col date-col" }, ot = ["aria-label"], rt = { class: "sort-arrows" }, it = { class: "grid-col actions-col" }, lt = { class: "grid-row page-header" }, at = { class: "grid-col title-col" }, dt = { class: "title-with-arrow" }, nt = ["id", "aria-expanded", "aria-controls", "onClick", "onKeydown"], gt = { class: "m-0 page-title" }, ut = { class: "grid-col format-col" }, mt = ["data-toggle", "data-placement", "title"], wt = { class: "grid-col date-col" }, vt = { class: "grid-col actions-col" }, ht = ["id", "aria-labelledby"], ft = { class: "expanded-details" }, bt = { class: "details-list" }, kt = { key: 0 }, pt = { key: 1 }, Pt = { key: 2 }, ct = { key: 3 }, Ct = ["href"], yt = {
   key: 0,
   class: "grid-row empty-state"
-}, vt = { class: "grid-col-full text-center text-muted" }, ft = {
+}, Mt = { class: "grid-col-full text-center text-muted" }, Ft = {
   key: 0,
   class: "fade-overlay"
-}, kt = { class: "pages-cards d-md-none" }, Pt = ["onClick"], bt = { class: "card-title-section" }, pt = { class: "page-title" }, yt = { class: "card-meta" }, Ct = { class: "badge badge-secondary" }, Dt = { class: "date" }, Mt = { class: "card-actions" }, At = {
+}, Dt = { class: "pages-cards d-md-none" }, At = ["onClick"], Lt = { class: "card-title-section" }, Bt = { class: "page-title" }, Vt = { class: "card-meta" }, Tt = { class: "badge badge-secondary" }, It = { class: "date" }, Ot = { class: "card-actions" }, xt = {
   key: 0,
   class: "card-expanded-content"
-}, Tt = { class: "expanded-details" }, Ft = { class: "details-list" }, It = { key: 0 }, Bt = { key: 1 }, Vt = { key: 2 }, xt = { key: 3 }, Lt = ["href"], Ot = {
+}, St = { class: "expanded-details" }, Zt = { class: "details-list" }, Nt = { key: 0 }, Et = { key: 1 }, Gt = { key: 2 }, zt = { key: 3 }, Kt = ["href"], Ut = {
   key: 0,
   class: "empty-state-card"
-}, Nt = { class: "text-center text-muted" }, St = {
+}, qt = { class: "text-center text-muted" }, Ht = {
   key: 0,
   class: "show-all-container"
 };
-function Et(e, t, c, f, u, o) {
-  const F = P("dataset-details-feature-header"), I = P("PvBadge"), p = P("app-link");
-  return l(), d("div", E, [
-    b(F, {
+function jt(e, t, v, f, n, r) {
+  const L = p("dataset-details-feature-header"), B = p("PvBadge"), c = p("app-link");
+  return l(), a("div", N, [
+    P(L, {
       title: `${e.$t("message.metadata.documentations")} (${e.getPages ? e.getPages.length.toLocaleString("fi") : 0})`,
-      arrowDown: !c.pages.isVisible,
+      arrowDown: !v.pages.isVisible,
       tag: "documentation-toggle",
-      onClick: o.togglePage
+      onClick: r.togglePage
     }, null, 8, ["title", "arrowDown", "onClick"]),
-    t[56] || (t[56] = i()),
-    c.pages.isVisible ? (l(), d("div", G, [
-      s("div", z, [
+    t[77] || (t[77] = o()),
+    v.pages.isVisible ? (l(), a("div", E, [
+      s("div", G, [
         s("button", {
           class: "sort-button",
-          onClick: t[0] || (t[0] = (...r) => o.toggleTitleSort && o.toggleTitleSort(...r)),
+          onClick: t[0] || (t[0] = (i) => r.toggleSort("title")),
           "aria-label": e.$t("message.metadata.title") + " sortieren"
         }, [
-          t[8] || (t[8] = i(`
-          Sort 
-          `, -1)),
-          s("div", U, [
-            (l(), d("svg", {
-              class: m(["sort-arrow sort-arrow-up", { active: u.sortOrder === "asc" }]),
+          o(d(e.$t("message.metadata.title")) + " ", 1),
+          s("div", K, [
+            (l(), a("svg", {
+              class: m(["sort-arrow sort-arrow-up", { active: n.sortField === "title" && n.sortOrder === "asc" }]),
               width: "10",
               height: "8",
               viewBox: "0 0 10 8"
-            }, [...t[5] || (t[5] = [
+            }, [...t[9] || (t[9] = [
               s("path", {
                 d: "M5 1 L9 6 L1 6 Z",
                 fill: "currentColor"
               }, null, -1)
             ])], 2)),
-            t[7] || (t[7] = i()),
-            (l(), d("svg", {
-              class: m(["sort-arrow sort-arrow-down", { active: u.sortOrder === "desc" }]),
+            t[11] || (t[11] = o()),
+            (l(), a("svg", {
+              class: m(["sort-arrow sort-arrow-down", { active: n.sortField === "title" && n.sortOrder === "desc" }]),
               width: "10",
               height: "8",
               viewBox: "0 0 10 8"
-            }, [...t[6] || (t[6] = [
+            }, [...t[10] || (t[10] = [
               s("path", {
                 d: "M5 7 L1 2 L9 2 Z",
                 fill: "currentColor"
               }, null, -1)
             ])], 2))
           ])
-        ], 8, K)
+        ], 8, z),
+        t[18] || (t[18] = o()),
+        s("button", {
+          class: "sort-button",
+          onClick: t[1] || (t[1] = (i) => r.toggleSort("format")),
+          "aria-label": e.$t("message.metadata.format") + " sortieren"
+        }, [
+          o(d(e.$t("message.metadata.format")) + " ", 1),
+          s("div", q, [
+            (l(), a("svg", {
+              class: m(["sort-arrow sort-arrow-up", { active: n.sortField === "format" && n.sortOrder === "asc" }]),
+              width: "10",
+              height: "8",
+              viewBox: "0 0 10 8"
+            }, [...t[12] || (t[12] = [
+              s("path", {
+                d: "M5 1 L9 6 L1 6 Z",
+                fill: "currentColor"
+              }, null, -1)
+            ])], 2)),
+            t[14] || (t[14] = o()),
+            (l(), a("svg", {
+              class: m(["sort-arrow sort-arrow-down", { active: n.sortField === "format" && n.sortOrder === "desc" }]),
+              width: "10",
+              height: "8",
+              viewBox: "0 0 10 8"
+            }, [...t[13] || (t[13] = [
+              s("path", {
+                d: "M5 7 L1 2 L9 2 Z",
+                fill: "currentColor"
+              }, null, -1)
+            ])], 2))
+          ])
+        ], 8, U),
+        t[19] || (t[19] = o()),
+        s("button", {
+          class: "sort-button",
+          onClick: t[2] || (t[2] = (i) => r.toggleSort("updated")),
+          "aria-label": e.$t("message.metadata.updated") + " sortieren"
+        }, [
+          o(d(e.$t("message.metadata.updated")) + " ", 1),
+          s("div", j, [
+            (l(), a("svg", {
+              class: m(["sort-arrow sort-arrow-up", { active: n.sortField === "updated" && n.sortOrder === "asc" }]),
+              width: "10",
+              height: "8",
+              viewBox: "0 0 10 8"
+            }, [...t[15] || (t[15] = [
+              s("path", {
+                d: "M5 1 L9 6 L1 6 Z",
+                fill: "currentColor"
+              }, null, -1)
+            ])], 2)),
+            t[17] || (t[17] = o()),
+            (l(), a("svg", {
+              class: m(["sort-arrow sort-arrow-down", { active: n.sortField === "updated" && n.sortOrder === "desc" }]),
+              width: "10",
+              height: "8",
+              viewBox: "0 0 10 8"
+            }, [...t[16] || (t[16] = [
+              s("path", {
+                d: "M5 7 L1 2 L9 2 Z",
+                fill: "currentColor"
+              }, null, -1)
+            ])], 2))
+          ])
+        ], 8, H)
       ]),
-      t[53] || (t[53] = i()),
-      s("div", Z, [
-        s("div", q, [
-          s("div", H, [
-            s("div", j, [
-              s("div", W, [
+      t[74] || (t[74] = o()),
+      s("div", W, [
+        s("div", X, [
+          s("div", J, [
+            s("div", Q, [
+              s("div", R, [
                 s("button", {
                   class: "sort-button",
-                  onClick: t[1] || (t[1] = (...r) => o.toggleTitleSort && o.toggleTitleSort(...r)),
+                  onClick: t[3] || (t[3] = (i) => r.toggleSort("title")),
                   "aria-label": e.$t("message.metadata.title") + " sortieren"
                 }, [
-                  i(a(e.$t("message.metadata.title")) + " ", 1),
-                  s("div", J, [
-                    (l(), d("svg", {
-                      class: m(["sort-arrow sort-arrow-up", { active: u.sortOrder === "asc" }]),
+                  o(d(e.$t("message.metadata.title")) + " ", 1),
+                  s("div", $, [
+                    (l(), a("svg", {
+                      class: m(["sort-arrow sort-arrow-up", { active: n.sortField === "title" && n.sortOrder === "asc" }]),
                       width: "10",
                       height: "8",
                       viewBox: "0 0 10 8"
-                    }, [...t[9] || (t[9] = [
+                    }, [...t[20] || (t[20] = [
                       s("path", {
                         d: "M5 1 L9 6 L1 6 Z",
                         fill: "currentColor"
                       }, null, -1)
                     ])], 2)),
-                    t[11] || (t[11] = i()),
-                    (l(), d("svg", {
-                      class: m(["sort-arrow sort-arrow-down", { active: u.sortOrder === "desc" }]),
+                    t[22] || (t[22] = o()),
+                    (l(), a("svg", {
+                      class: m(["sort-arrow sort-arrow-down", { active: n.sortField === "title" && n.sortOrder === "desc" }]),
                       width: "10",
                       height: "8",
                       viewBox: "0 0 10 8"
-                    }, [...t[10] || (t[10] = [
+                    }, [...t[21] || (t[21] = [
                       s("path", {
                         d: "M5 7 L1 2 L9 2 Z",
                         fill: "currentColor"
                       }, null, -1)
                     ])], 2))
                   ])
-                ], 8, X)
+                ], 8, Y)
               ]),
-              t[12] || (t[12] = i()),
-              s("div", Q, a(e.$t("message.metadata.format")), 1),
-              t[13] || (t[13] = i()),
-              s("div", R, a(e.$t("message.metadata.updated")), 1),
-              t[14] || (t[14] = i()),
-              s("div", Y, a(e.$t("message.dataupload.menu.actions")), 1)
+              t[29] || (t[29] = o()),
+              s("div", _, [
+                s("button", {
+                  class: "sort-button",
+                  onClick: t[4] || (t[4] = (i) => r.toggleSort("format")),
+                  "aria-label": e.$t("message.metadata.format") + " sortieren"
+                }, [
+                  o(d(e.$t("message.metadata.format")) + " ", 1),
+                  s("div", et, [
+                    (l(), a("svg", {
+                      class: m(["sort-arrow sort-arrow-up", { active: n.sortField === "format" && n.sortOrder === "asc" }]),
+                      width: "10",
+                      height: "8",
+                      viewBox: "0 0 10 8"
+                    }, [...t[23] || (t[23] = [
+                      s("path", {
+                        d: "M5 1 L9 6 L1 6 Z",
+                        fill: "currentColor"
+                      }, null, -1)
+                    ])], 2)),
+                    t[25] || (t[25] = o()),
+                    (l(), a("svg", {
+                      class: m(["sort-arrow sort-arrow-down", { active: n.sortField === "format" && n.sortOrder === "desc" }]),
+                      width: "10",
+                      height: "8",
+                      viewBox: "0 0 10 8"
+                    }, [...t[24] || (t[24] = [
+                      s("path", {
+                        d: "M5 7 L1 2 L9 2 Z",
+                        fill: "currentColor"
+                      }, null, -1)
+                    ])], 2))
+                  ])
+                ], 8, tt)
+              ]),
+              t[30] || (t[30] = o()),
+              s("div", st, [
+                s("button", {
+                  class: "sort-button",
+                  onClick: t[5] || (t[5] = (i) => r.toggleSort("updated")),
+                  "aria-label": e.$t("message.metadata.updated") + " sortieren"
+                }, [
+                  o(d(e.$t("message.metadata.updated")) + " ", 1),
+                  s("div", rt, [
+                    (l(), a("svg", {
+                      class: m(["sort-arrow sort-arrow-up", { active: n.sortField === "updated" && n.sortOrder === "asc" }]),
+                      width: "10",
+                      height: "8",
+                      viewBox: "0 0 10 8"
+                    }, [...t[26] || (t[26] = [
+                      s("path", {
+                        d: "M5 1 L9 6 L1 6 Z",
+                        fill: "currentColor"
+                      }, null, -1)
+                    ])], 2)),
+                    t[28] || (t[28] = o()),
+                    (l(), a("svg", {
+                      class: m(["sort-arrow sort-arrow-down", { active: n.sortField === "updated" && n.sortOrder === "desc" }]),
+                      width: "10",
+                      height: "8",
+                      viewBox: "0 0 10 8"
+                    }, [...t[27] || (t[27] = [
+                      s("path", {
+                        d: "M5 7 L1 2 L9 2 Z",
+                        fill: "currentColor"
+                      }, null, -1)
+                    ])], 2))
+                  ])
+                ], 8, ot)
+              ]),
+              t[31] || (t[31] = o()),
+              s("div", it, d(e.$t("message.dataupload.menu.actions")), 1),
+              t[32] || (t[32] = o()),
+              t[33] || (t[33] = s("div", { class: "grid-col likes-col" }, null, -1))
             ]),
-            t[29] || (t[29] = i()),
-            (l(!0), d(D, null, M(o.visiblePages, (r, n) => (l(), d("div", {
-              key: n,
-              class: m(["page-item", { "accordion-open": u.expandedItems[n] }])
+            t[50] || (t[50] = o()),
+            (l(!0), a(M, null, F(r.visiblePages, (i, g) => (l(), a("div", {
+              key: g,
+              class: m(["page-item", { "accordion-open": n.expandedItems[g] }])
             }, [
-              s("div", _, [
-                s("div", $, [
-                  s("div", tt, [
+              s("div", lt, [
+                s("div", at, [
+                  s("div", dt, [
                     s("button", {
-                      id: `accordion-button-${n}`,
+                      id: `accordion-button-${g}`,
                       class: "accordion-title",
-                      "aria-expanded": u.expandedItems[n] || !1,
-                      "aria-controls": `accordion-content-${n}`,
+                      "aria-expanded": n.expandedItems[g] || !1,
+                      "aria-controls": `accordion-content-${g}`,
                       type: "button",
-                      onClick: (k) => o.toggleAccordion(n),
+                      onClick: (k) => r.toggleAccordion(g),
                       onKeydown: [
-                        A((k) => o.toggleAccordion(n), ["enter"]),
-                        A(L((k) => o.toggleAccordion(n), ["prevent"]), ["space"])
+                        D((k) => r.toggleAccordion(g), ["enter"]),
+                        D(O((k) => r.toggleAccordion(g), ["prevent"]), ["space"])
                       ]
                     }, [
-                      s("h3", st, a(o.getPageTitle(r)), 1),
-                      t[16] || (t[16] = i()),
-                      (l(), d("svg", {
-                        class: m(`accordion-arrow ${u.expandedItems[n] ? "rotated" : ""}`),
+                      s("h3", gt, d(r.getPageTitle(i)), 1),
+                      t[35] || (t[35] = o()),
+                      (l(), a("svg", {
+                        class: m(`accordion-arrow ${n.expandedItems[g] ? "rotated" : ""}`),
                         width: "16",
                         height: "16",
                         viewBox: "0 0 16 16",
                         "aria-hidden": "true"
-                      }, [...t[15] || (t[15] = [
+                      }, [...t[34] || (t[34] = [
                         s("path", {
                           d: "M4 6l4 4 4-4",
                           stroke: "currentColor",
@@ -311,75 +447,79 @@ function Et(e, t, c, f, u, o) {
                           fill: "none"
                         }, null, -1)
                       ])], 2))
-                    ], 40, et)
+                    ], 40, nt)
                   ])
                 ]),
-                t[17] || (t[17] = i()),
-                s("div", ot, [
-                  r.format ? (l(), O(I, {
+                t[36] || (t[36] = o()),
+                s("div", ut, [
+                  i.format ? (l(), x(B, {
                     key: 0,
                     class: "format-badge",
-                    value: r.format,
-                    type: r.format.id
-                  }, null, 8, ["value", "type"])) : (l(), d("span", {
+                    value: i.format,
+                    type: i.format.id
+                  }, null, 8, ["value", "type"])) : (l(), a("span", {
                     key: 1,
                     class: "badge badge-secondary",
-                    "data-toggle": o.pageFormatTruncated(r) ? "tooltip" : !1,
-                    "data-placement": o.pageFormatTruncated(r) ? "top" : !1,
-                    title: o.pageFormatTruncated(r) ? o.getPageFormat(r) : !1
-                  }, a(o.truncate(o.getPageFormat(r), 10, !0)), 9, it))
+                    "data-toggle": r.pageFormatTruncated(i) ? "tooltip" : !1,
+                    "data-placement": r.pageFormatTruncated(i) ? "top" : !1,
+                    title: r.pageFormatTruncated(i) ? r.getPageFormat(i) : !1
+                  }, d(r.truncate(r.getPageFormat(i), 10, !0)), 9, mt))
                 ]),
-                t[18] || (t[18] = i()),
-                s("div", rt, a(o.formatDate(o.getPageModified(r))), 1),
-                t[19] || (t[19] = i()),
-                s("div", at, [
-                  b(p, {
+                t[37] || (t[37] = o()),
+                s("div", wt, d(r.formatDate(r.getPageModified(i))), 1),
+                t[38] || (t[38] = o()),
+                s("div", vt, [
+                  P(c, {
                     class: "action-btns",
-                    to: r.resource,
+                    to: i.resource,
                     target: "_blank",
                     rel: "dcat:distribution noopener",
                     "matomo-track-download": "",
-                    onAfterClick: c.trackGoto
+                    onAfterClick: v.trackGoto
                   }, {
-                    default: T(() => [
-                      i(a(e.$t("message.datasetDetails.access")), 1)
+                    default: A(() => [
+                      o(d(e.$t("message.datasetDetails.access")), 1)
                     ]),
                     _: 1
                   }, 8, ["to", "onAfterClick"])
-                ])
+                ]),
+                t[39] || (t[39] = o()),
+                t[40] || (t[40] = s("div", { class: "grid-col likes-col" }, [
+                  s("span", { class: "likes-dummy" })
+                ], -1))
               ]),
-              t[28] || (t[28] = i()),
-              u.expandedItems[n] ? (l(), d("div", {
+              t[49] || (t[49] = o()),
+              n.expandedItems[g] ? (l(), a("div", {
                 key: 0,
-                id: `accordion-content-${n}`,
-                "aria-labelledby": `accordion-button-${n}`,
+                id: `accordion-content-${g}`,
+                "aria-labelledby": `accordion-button-${g}`,
                 class: "accordion-content",
                 role: "region"
               }, [
-                s("div", dt, [
-                  s("dl", nt, [
-                    o.getPageDescription(r) ? (l(), d("dt", gt, a(e.$t("message.metadata.description")), 1)) : g("", !0),
-                    t[21] || (t[21] = i()),
-                    o.getPageDescription(r) ? (l(), d("dd", ut, a(o.getPageDescription(r)), 1)) : g("", !0),
-                    t[22] || (t[22] = i()),
-                    s("dt", null, a(e.$t("message.metadata.format")), 1),
-                    t[23] || (t[23] = i()),
-                    s("dd", null, a(o.getPageFormat(r)), 1),
-                    t[24] || (t[24] = i()),
-                    o.getPageModified(r) ? (l(), d("dt", mt, a(e.$t("message.metadata.updated")), 1)) : g("", !0),
-                    t[25] || (t[25] = i()),
-                    o.getPageModified(r) ? (l(), d("dd", ht, a(o.formatDate(o.getPageModified(r))), 1)) : g("", !0),
-                    t[26] || (t[26] = i()),
-                    s("dt", null, a(e.$t("message.metadata.accessUrl")), 1),
-                    t[27] || (t[27] = i()),
+                s("div", ft, [
+                  s("dl", bt, [
+                    r.getPageDescription(i) ? (l(), a("dt", kt, d(e.$t("message.metadata.description")), 1)) : u("", !0),
+                    t[42] || (t[42] = o()),
+                    r.getPageDescription(i) ? (l(), a("dd", pt, d(r.getPageDescription(i)), 1)) : u("", !0),
+                    t[43] || (t[43] = o()),
+                    s("dt", null, d(e.$t("message.metadata.format")), 1),
+                    t[44] || (t[44] = o()),
+                    s("dd", null, d(r.getPageFormat(i)), 1),
+                    t[45] || (t[45] = o()),
+                    r.getPageModified(i) ? (l(), a("dt", Pt, d(e.$t("message.metadata.updated")), 1)) : u("", !0),
+                    t[46] || (t[46] = o()),
+                    r.getPageModified(i) ? (l(), a("dd", ct, d(r.formatDate(r.getPageModified(i))), 1)) : u("", !0),
+                    t[47] || (t[47] = o()),
+                    s("dt", null, d(e.$t("message.metadata.accessUrl")), 1),
+                    t[48] || (t[48] = o()),
                     s("dd", null, [
                       s("a", {
-                        href: r.resource,
+                        href: i.resource,
                         target: "_blank",
                         rel: "noopener"
                       }, [
-                        i(a((r.resource || "").substring(0, 80) + "...") + " ", 1),
-                        t[20] || (t[20] = s("svg", {
+                        o(d((i.resource || "").substring(0, 80) + "...") + " ", 1),
+                        t[41] || (t[41] = s("svg", {
                           class: "outgoing-icon ml-1",
                           width: "12",
                           height: "12",
@@ -391,13 +531,13 @@ function Et(e, t, c, f, u, o) {
                             stroke: "currentColor",
                             "stroke-width": "2"
                           }),
-                          i(),
+                          o(),
                           s("polyline", {
                             points: "15,3 21,3 21,9",
                             stroke: "currentColor",
                             "stroke-width": "2"
                           }),
-                          i(),
+                          o(),
                           s("line", {
                             x1: "10",
                             y1: "14",
@@ -407,48 +547,48 @@ function Et(e, t, c, f, u, o) {
                             "stroke-width": "2"
                           })
                         ], -1))
-                      ], 8, ct)
+                      ], 8, Ct)
                     ])
                   ])
                 ])
-              ], 8, lt)) : g("", !0)
+              ], 8, ht)) : u("", !0)
             ], 2))), 128)),
-            t[30] || (t[30] = i()),
-            !e.getPages || e.getPages.length === 0 ? (l(), d("div", wt, [
-              s("div", vt, a(e.$t("message.metadata.noDocumentationsAvailable")), 1)
-            ])) : g("", !0)
+            t[51] || (t[51] = o()),
+            !e.getPages || e.getPages.length === 0 ? (l(), a("div", yt, [
+              s("div", Mt, d(e.$t("message.metadata.noDocumentationsAvailable")), 1)
+            ])) : u("", !0)
           ])
         ]),
-        t[31] || (t[31] = i()),
-        o.showingAll ? g("", !0) : (l(), d("div", ft))
+        t[52] || (t[52] = o()),
+        r.showingAll ? u("", !0) : (l(), a("div", Ft))
       ]),
-      t[54] || (t[54] = i()),
-      s("div", kt, [
-        (l(!0), d(D, null, M(o.visiblePages, (r, n) => (l(), d("div", {
-          key: n,
-          class: m(["page-card", { expanded: u.expandedItems[n] }])
+      t[75] || (t[75] = o()),
+      s("div", Dt, [
+        (l(!0), a(M, null, F(r.visiblePages, (i, g) => (l(), a("div", {
+          key: g,
+          class: m(["page-card", { expanded: n.expandedItems[g] }])
         }, [
           s("div", {
             class: "card-header",
-            onClick: (k) => o.toggleAccordion(n)
+            onClick: (k) => r.toggleAccordion(g)
           }, [
-            s("div", bt, [
-              s("h3", pt, a(o.getPageTitle(r)), 1),
-              t[33] || (t[33] = i()),
-              s("div", yt, [
-                s("span", Ct, a(o.truncate(o.getPageFormat(r), 10, !0)), 1),
-                t[32] || (t[32] = i()),
-                s("span", Dt, a(o.formatDate(o.getPageModified(r))), 1)
+            s("div", Lt, [
+              s("h3", Bt, d(r.getPageTitle(i)), 1),
+              t[54] || (t[54] = o()),
+              s("div", Vt, [
+                s("span", Tt, d(r.truncate(r.getPageFormat(i), 10, !0)), 1),
+                t[53] || (t[53] = o()),
+                s("span", It, d(r.formatDate(r.getPageModified(i))), 1)
               ])
             ]),
-            t[35] || (t[35] = i()),
-            (l(), d("svg", {
-              class: m(["accordion-arrow", { rotated: u.expandedItems[n] }]),
+            t[56] || (t[56] = o()),
+            (l(), a("svg", {
+              class: m(["accordion-arrow", { rotated: n.expandedItems[g] }]),
               width: "16",
               height: "16",
               viewBox: "0 0 16 16",
               "aria-hidden": "true"
-            }, [...t[34] || (t[34] = [
+            }, [...t[55] || (t[55] = [
               s("path", {
                 d: "M4 6l4 4 4-4",
                 stroke: "currentColor",
@@ -456,19 +596,19 @@ function Et(e, t, c, f, u, o) {
                 fill: "none"
               }, null, -1)
             ])], 2))
-          ], 8, Pt),
-          t[45] || (t[45] = i()),
-          s("div", Mt, [
-            b(p, {
+          ], 8, At),
+          t[66] || (t[66] = o()),
+          s("div", Ot, [
+            P(c, {
               class: "card-action-btn access-btn",
-              to: r.resource,
+              to: i.resource,
               target: "_blank",
               rel: "dcat:distribution noopener",
               "matomo-track-download": "",
-              onAfterClick: c.trackGoto
+              onAfterClick: v.trackGoto
             }, {
-              default: T(() => [
-                t[36] || (t[36] = s("svg", {
+              default: A(() => [
+                t[57] || (t[57] = s("svg", {
                   class: "btn-icon",
                   width: "12",
                   height: "12",
@@ -480,13 +620,13 @@ function Et(e, t, c, f, u, o) {
                     stroke: "currentColor",
                     "stroke-width": "2"
                   }),
-                  i(),
+                  o(),
                   s("polyline", {
                     points: "15,3 21,3 21,9",
                     stroke: "currentColor",
                     "stroke-width": "2"
                   }),
-                  i(),
+                  o(),
                   s("line", {
                     x1: "10",
                     y1: "14",
@@ -496,37 +636,37 @@ function Et(e, t, c, f, u, o) {
                     "stroke-width": "2"
                   })
                 ], -1)),
-                i(" " + a(e.$t("message.datasetDetails.access")), 1)
+                o(" " + d(e.$t("message.datasetDetails.access")), 1)
               ]),
               _: 1
             }, 8, ["to", "onAfterClick"])
           ]),
-          t[46] || (t[46] = i()),
-          u.expandedItems[n] ? (l(), d("div", At, [
-            s("div", Tt, [
-              s("dl", Ft, [
-                o.getPageDescription(r) ? (l(), d("dt", It, a(e.$t("message.metadata.description")), 1)) : g("", !0),
-                t[38] || (t[38] = i()),
-                o.getPageDescription(r) ? (l(), d("dd", Bt, a(o.getPageDescription(r)), 1)) : g("", !0),
-                t[39] || (t[39] = i()),
-                s("dt", null, a(e.$t("message.metadata.format")), 1),
-                t[40] || (t[40] = i()),
-                s("dd", null, a(o.getPageFormat(r)), 1),
-                t[41] || (t[41] = i()),
-                o.getPageModified(r) ? (l(), d("dt", Vt, a(e.$t("message.metadata.updated")), 1)) : g("", !0),
-                t[42] || (t[42] = i()),
-                o.getPageModified(r) ? (l(), d("dd", xt, a(o.formatDate(o.getPageModified(r))), 1)) : g("", !0),
-                t[43] || (t[43] = i()),
-                s("dt", null, a(e.$t("message.metadata.accessUrl")), 1),
-                t[44] || (t[44] = i()),
+          t[67] || (t[67] = o()),
+          n.expandedItems[g] ? (l(), a("div", xt, [
+            s("div", St, [
+              s("dl", Zt, [
+                r.getPageDescription(i) ? (l(), a("dt", Nt, d(e.$t("message.metadata.description")), 1)) : u("", !0),
+                t[59] || (t[59] = o()),
+                r.getPageDescription(i) ? (l(), a("dd", Et, d(r.getPageDescription(i)), 1)) : u("", !0),
+                t[60] || (t[60] = o()),
+                s("dt", null, d(e.$t("message.metadata.format")), 1),
+                t[61] || (t[61] = o()),
+                s("dd", null, d(r.getPageFormat(i)), 1),
+                t[62] || (t[62] = o()),
+                r.getPageModified(i) ? (l(), a("dt", Gt, d(e.$t("message.metadata.updated")), 1)) : u("", !0),
+                t[63] || (t[63] = o()),
+                r.getPageModified(i) ? (l(), a("dd", zt, d(r.formatDate(r.getPageModified(i))), 1)) : u("", !0),
+                t[64] || (t[64] = o()),
+                s("dt", null, d(e.$t("message.metadata.accessUrl")), 1),
+                t[65] || (t[65] = o()),
                 s("dd", null, [
                   s("a", {
-                    href: r.resource,
+                    href: i.resource,
                     target: "_blank",
                     rel: "noopener"
                   }, [
-                    i(a((r.resource || "").substring(0, 80) + "...") + " ", 1),
-                    t[37] || (t[37] = s("svg", {
+                    o(d((i.resource || "").substring(0, 80) + "...") + " ", 1),
+                    t[58] || (t[58] = s("svg", {
                       class: "outgoing-icon ml-1",
                       width: "12",
                       height: "12",
@@ -538,13 +678,13 @@ function Et(e, t, c, f, u, o) {
                         stroke: "currentColor",
                         "stroke-width": "2"
                       }),
-                      i(),
+                      o(),
                       s("polyline", {
                         points: "15,3 21,3 21,9",
                         stroke: "currentColor",
                         "stroke-width": "2"
                       }),
-                      i(),
+                      o(),
                       s("line", {
                         x1: "10",
                         y1: "14",
@@ -554,25 +694,25 @@ function Et(e, t, c, f, u, o) {
                         "stroke-width": "2"
                       })
                     ], -1))
-                  ], 8, Lt)
+                  ], 8, Kt)
                 ])
               ])
             ])
-          ])) : g("", !0)
+          ])) : u("", !0)
         ], 2))), 128)),
-        t[47] || (t[47] = i()),
-        !e.getPages || e.getPages.length === 0 ? (l(), d("div", Ot, [
-          s("div", Nt, a(e.$t("message.metadata.noDocumentationsAvailable")), 1)
-        ])) : g("", !0)
+        t[68] || (t[68] = o()),
+        !e.getPages || e.getPages.length === 0 ? (l(), a("div", Ut, [
+          s("div", qt, d(e.$t("message.metadata.noDocumentationsAvailable")), 1)
+        ])) : u("", !0)
       ]),
-      t[55] || (t[55] = i()),
-      o.hasMorePages || o.showingMoreThanInitial ? (l(), d("div", St, [
-        !o.showingAll && o.hasMorePages ? (l(), d("button", {
+      t[76] || (t[76] = o()),
+      r.hasMorePages || r.showingMoreThanInitial ? (l(), a("div", Ht, [
+        !r.showingAll && r.hasMorePages ? (l(), a("button", {
           key: 0,
           class: "show-more-btn",
-          onClick: t[2] || (t[2] = (...r) => o.showMorePages && o.showMorePages(...r))
+          onClick: t[6] || (t[6] = (...i) => r.showMorePages && r.showMorePages(...i))
         }, [
-          t[48] || (t[48] = s("svg", {
+          t[69] || (t[69] = s("svg", {
             class: "arrow-icon",
             width: "16",
             height: "16",
@@ -585,15 +725,15 @@ function Et(e, t, c, f, u, o) {
               fill: "none"
             })
           ], -1)),
-          i(" " + a(e.$t("message.metadata.showXMore", { increment: o.remainingCount })), 1)
-        ])) : g("", !0),
-        t[51] || (t[51] = i()),
-        o.showingAll || o.showingMoreThanInitial ? (l(), d("button", {
+          o(" " + d(e.$t("message.metadata.showXMore", { increment: r.remainingCount })), 1)
+        ])) : u("", !0),
+        t[72] || (t[72] = o()),
+        r.showingAll || r.showingMoreThanInitial ? (l(), a("button", {
           key: 1,
-          class: m(["show-more-btn", { "ml-2": !o.showingAll }]),
-          onClick: t[3] || (t[3] = (...r) => o.resetView && o.resetView(...r))
+          class: m(["show-more-btn", { "ml-2": !r.showingAll }]),
+          onClick: t[7] || (t[7] = (...i) => r.resetView && r.resetView(...i))
         }, [
-          t[49] || (t[49] = s("svg", {
+          t[70] || (t[70] = s("svg", {
             class: "arrow-icon rotated",
             width: "16",
             height: "16",
@@ -606,15 +746,15 @@ function Et(e, t, c, f, u, o) {
               fill: "none"
             })
           ], -1)),
-          i(" " + a(e.$t("message.metadata.showLess")), 1)
-        ], 2)) : g("", !0),
-        t[52] || (t[52] = i()),
-        !o.showingAll && o.hasMorePages ? (l(), d("button", {
+          o(" " + d(e.$t("message.metadata.showLess")), 1)
+        ], 2)) : u("", !0),
+        t[73] || (t[73] = o()),
+        !r.showingAll && r.hasMorePages ? (l(), a("button", {
           key: 2,
           class: "show-all-btn ml-2",
-          onClick: t[4] || (t[4] = (...r) => o.showAllPages && o.showAllPages(...r))
+          onClick: t[8] || (t[8] = (...i) => r.showAllPages && r.showAllPages(...i))
         }, [
-          t[50] || (t[50] = s("svg", {
+          t[71] || (t[71] = s("svg", {
             class: "arrow-icon",
             width: "16",
             height: "16",
@@ -627,14 +767,14 @@ function Et(e, t, c, f, u, o) {
               fill: "none"
             })
           ], -1)),
-          i(" " + a(e.$t("message.metadata.showAll")), 1)
-        ])) : g("", !0)
-      ])) : g("", !0)
-    ])) : g("", !0)
+          o(" " + d(e.$t("message.metadata.showAll")), 1)
+        ])) : u("", !0)
+      ])) : u("", !0)
+    ])) : u("", !0)
   ]);
 }
-const Xt = /* @__PURE__ */ N(S, [["render", Et], ["__scopeId", "data-v-6a59eb84"]]);
+const ee = /* @__PURE__ */ S(Z, [["render", jt], ["__scopeId", "data-v-ae508072"]]);
 export {
-  Xt as default
+  ee as default
 };
 //# sourceMappingURL=DatasetDetailsPages.vue.mjs.map