@piveau/piveau-hub-ui-modules 4.4.4 → 4.4.6

package/dist/catalogues/Catalogues.vue.mjs

@@ -1,14 +1,14 @@
-import S from "jquery";
+import b from "jquery";
 import { mapGetters as D, mapActions as P } from "vuex";
-import { debounce as O, has as u } from "lodash-es";
-import I from "../utils/fileTypes.mjs";
-import A from "./cataloguesFacets/CataloguesFacets.vue.mjs";
+import { debounce as O, has as g } from "lodash-es";
+import A from "../utils/fileTypes.mjs";
+import I from "./cataloguesFacets/CataloguesFacets.vue.mjs";
 import T from "../widgets/Pagination.vue.mjs";
 import B from "../facets/SelectedFacetsOverview.vue.mjs";
 import h from "../filters/dateFilters.mjs";
-import { resolveComponent as g, openBlock as c, createElementBlock as d, createElementVNode as s, toDisplayString as n, createTextVNode as a, createBlock as f, createCommentVNode as m, withDirectives as Q, withKeys as M, vModelText as N, Fragment as C, renderList as q, createVNode as y, withCtx as w, normalizeClass as $, pushScopeId as U, popScopeId as G } from "vue";
-import Z from "../_virtual/_plugin-vue_export-helper.mjs";
-import { getImg as E, getTranslationFor as j, getCountryFlagImg as V } from "../utils/helpers.mjs";
+import { resolveComponent as c, openBlock as d, createElementBlock as u, createElementVNode as s, toDisplayString as n, createTextVNode as a, createBlock as f, createCommentVNode as m, withDirectives as Q, withKeys as M, vModelText as N, Fragment as C, renderList as S, createVNode as y, withCtx as q, normalizeClass as $ } from "vue";
+import U from "../_virtual/_plugin-vue_export-helper.mjs";
+import { getImg as G, getTranslationFor as Z, getCountryFlagImg as E } from "../utils/helpers.mjs";
 import "@unhead/vue";
 import "merge-anything";
 import "../configurations/config-schema/apiSchema.mjs";
@@ -21,14 +21,14 @@ import "../configurations/config-schema/themesSchema.mjs";
 import "../configurations/config-schema/trackerSchema.mjs";
 import "../configurations/config-schema/configSchema.mjs";
 import "vue-router";
-import { useDatasetsHead as R } from "../composables/head/useDatasetsHead.mjs";
+import { useDatasetsHead as j } from "../composables/head/useDatasetsHead.mjs";
 import "vue-i18n";
 import "./Catalogues.vue2.mjs";
-const H = {
+const V = {
   name: "catalogs",
   components: {
     SelectedFacetsOverview: B,
-    CataloguesFacets: A,
+    CataloguesFacets: I,
     Pagination: T
   },
   props: {
@@ -72,12 +72,12 @@ const H = {
       return this.$route.query.page;
     },
     facets() {
-      const e = {};
-      for (const t of this.facetFields) {
-        let l = this.$route.query[t];
-        l ? Array.isArray(l) || (l = [l]) : l = [], e[t] = l;
+      const t = {};
+      for (const e of this.facetFields) {
+        let l = this.$route.query[e];
+        l ? Array.isArray(l) || (l = [l]) : l = [], t[e] = l;
       }
-      return e;
+      return t;
     }
   },
   methods: {
@@ -96,52 +96,52 @@ const H = {
       "setLimit",
       "setLoading"
     ]),
-    has: u,
-    getImg: E,
-    getTranslationFor: j,
-    getCountryFlagImg: V,
+    has: g,
+    getImg: G,
+    getTranslationFor: Z,
+    getCountryFlagImg: E,
     initLimit() {
-      const e = parseInt(this.$route.query.limit, 10);
-      e > 0 && this.setLimit(e);
+      const t = parseInt(this.$route.query.limit, 10);
+      t > 0 && this.setLimit(t);
     },
-    setPageLimit(e) {
-      this.setLimit(e), this.initCatalogues();
+    setPageLimit(t) {
+      this.setLimit(t), this.initCatalogues();
     },
     initPage() {
-      const e = parseInt(this.$route.query.page, 10);
-      e > 0 ? this.setPage(e) : this.setPage(1);
+      const t = parseInt(this.$route.query.page, 10);
+      t > 0 ? this.setPage(t) : this.setPage(1);
     },
     initQuery() {
-      let e = this.$route.query.query;
-      e ? (this.query = e, this.setQuery(e)) : (e = "", this.setQuery(""));
+      let t = this.$route.query.query;
+      t ? (this.query = t, this.setQuery(t)) : (t = "", this.setQuery(""));
     },
     initSort() {
-      let e = this.$route.query.sort;
-      e && (e = e.split(",")[0].toLowerCase(), e === "relevance+desc" && (this.sortSelectedLabel = this.$t("message.sort.relevance")), e.includes("title") && e.includes("asc") && (this.sortSelectedLabel = this.$t("message.sort.nameAZ")), e.includes("title") && e.includes("desc") && (this.sortSelectedLabel = this.$t("message.sort.nameZA")), e === "modified+desc" && (this.sortSelectedLabel = this.$t("message.sort.lastUpdated")), e === "issued+desc" && (this.sortSelectedLabel = this.$t("message.sort.lastCreated")), this.sortSelected = this.$route.query.sort);
+      let t = this.$route.query.sort;
+      t && (t = t.split(",")[0].toLowerCase(), t === "relevance+desc" && (this.sortSelectedLabel = this.$t("message.sort.relevance")), t.includes("title") && t.includes("asc") && (this.sortSelectedLabel = this.$t("message.sort.nameAZ")), t.includes("title") && t.includes("desc") && (this.sortSelectedLabel = this.$t("message.sort.nameZA")), t === "modified+desc" && (this.sortSelectedLabel = this.$t("message.sort.lastUpdated")), t === "issued+desc" && (this.sortSelectedLabel = this.$t("message.sort.lastCreated")), this.sortSelected = this.$route.query.sort);
     },
     initFacetOperator() {
-      const e = this.$route.query.facetOperator;
-      (e === "AND" || e === "OR") && this.setFacetOperator(e);
+      const t = this.$route.query.facetOperator;
+      (t === "AND" || t === "OR") && this.setFacetOperator(t);
     },
     initFacetGroupOperator() {
-      const e = this.$route.query.facetOperator;
-      (e === "AND" || e === "OR") && this.setFacetGroupOperator(e);
+      const t = this.$route.query.facetOperator;
+      (t === "AND" || t === "OR") && this.setFacetGroupOperator(t);
     },
     initFacets() {
-      const e = this.$env.content.catalogs.facets.defaultFacetOrder;
-      for (const t of e)
-        if (this.facetFields.push(t), !Object.prototype.hasOwnProperty.call(this.$route.query, [t]))
+      const t = this.$env.content.catalogs.facets.defaultFacetOrder;
+      for (const e of t)
+        if (this.facetFields.push(e), !Object.prototype.hasOwnProperty.call(this.$route.query, [e]))
           this.$router.replace({
-            query: Object.assign({}, this.$route.query, { [t]: [] })
+            query: Object.assign({}, this.$route.query, { [e]: [] })
           });
         else
-          for (const l of this.$route.query[t])
-            this.addFacet({ field: t, facet: l });
+          for (const l of this.$route.query[e])
+            this.addFacet({ field: e, facet: l });
     },
     initCatalogues() {
       this.$nextTick(() => {
         this.$Progress.start(), this.loadCatalogs({}).then(() => {
-          this.setPageCount(Math.ceil(this.getCatalogsCount / this.getLimit)), this.$Progress.finish(), S('[data-toggle="tooltip"]').tooltip({
+          this.setPageCount(Math.ceil(this.getCatalogsCount / this.getLimit)), this.$Progress.finish(), b('[data-toggle="tooltip"]').tooltip({
             container: "body"
           });
         }).catch(() => this.$Progress.fail());
@@ -150,29 +150,29 @@ const H = {
     initInfiniteScrolling() {
       this.infiniteScrolling && window.addEventListener("scroll", this.onScroll);
     },
-    setSortMethod(e, t, l) {
-      this.sortSelectedLabel = l, e === "relevance" && (this.sortSelected = `${e}+${t}, modified+desc, title.${this.$route.query.locale}+asc`), e === "modified" && (this.sortSelected = `${e}+${t}, relevance+desc, title.${this.$route.query.locale}+asc`), e === `title.${this.$route.query.locale}` && (this.sortSelected = `${e}+${t}, relevance+desc, modified+desc`), e === `title.${this.$route.query.locale}` && (this.sortSelected = `${e}+${t}, relevance+desc, modified+desc`), e === "issued" && (this.sortSelected = `${e}+${t}, relevance+desc, title.${this.$route.query.locale}+asc`);
+    setSortMethod(t, e, l) {
+      this.sortSelectedLabel = l, t === "relevance" && (this.sortSelected = `${t}+${e}, modified+desc, title.${this.$route.query.locale}+asc`), t === "modified" && (this.sortSelected = `${t}+${e}, relevance+desc, title.${this.$route.query.locale}+asc`), t === `title.${this.$route.query.locale}` && (this.sortSelected = `${t}+${e}, relevance+desc, modified+desc`), t === `title.${this.$route.query.locale}` && (this.sortSelected = `${t}+${e}, relevance+desc, modified+desc`), t === "issued" && (this.sortSelected = `${t}+${e}, relevance+desc, title.${this.$route.query.locale}+asc`);
     },
-    changeQuery(e) {
-      this.$router.replace({ query: Object.assign({}, this.$route.query, { query: e }) }), this.setQuery(e);
+    changeQuery(t) {
+      this.$router.replace({ query: Object.assign({}, this.$route.query, { query: t }) }), this.setQuery(t);
     },
-    autocomplete(e) {
-      this.autocompleteQuery(e).then((t) => {
+    autocomplete(t) {
+      this.autocompleteQuery(t).then((e) => {
         this.autocompleteData.suggestions = [];
-        const l = t.data.result, p = [];
+        const l = e.data.result, p = [];
         for (const r of l.results)
           p.push(r);
-        this.autocompleteData.suggestions = p, this.autocompleteData.show = e.length !== 0;
-      }).catch((t) => {
-        console.error(t);
+        this.autocompleteData.suggestions = p, this.autocompleteData.show = t.length !== 0;
+      }).catch((e) => {
+        console.error(e);
       });
     },
-    handleSuggestionSelection(e) {
-      this.$router.push({ path: this.$route.path.slice(-1) === "/" ? `${this.$route.path}${e.idName}` : `${this.$route.path}/${e.idName}` });
+    handleSuggestionSelection(t) {
+      this.$router.push({ path: this.$route.path.slice(-1) === "/" ? `${this.$route.path}${t.idName}` : `${this.$route.path}/${t.idName}` });
     },
     onScroll() {
-      const e = this.$el.querySelectorAll(".catalog"), t = e[e.length - 1];
-      t && t.getBoundingClientRect().bottom - window.innerHeight <= 0 && this.debouncedOnBottomScroll();
+      const t = this.$el.querySelectorAll(".catalog"), e = t[t.length - 1];
+      e && e.getBoundingClientRect().bottom - window.innerHeight <= 0 && this.debouncedOnBottomScroll();
     },
     onBottomScroll() {
       this.$nextTick(() => {
@@ -183,286 +183,286 @@ const H = {
         });
       });
     },
-    removeDuplicatesOf(e) {
-      return [...new Set(e)];
+    removeDuplicatesOf(t) {
+      return [...new Set(t)];
     },
-    getFileTypeColor(e) {
-      return I.getFileTypeColor(e);
+    getFileTypeColor(t) {
+      return A.getFileTypeColor(t);
     },
-    filterDateFormatUS(e) {
-      return h.formatUS(e);
+    filterDateFormatUS(t) {
+      return h.formatUS(t);
     },
-    filterDateFormatEU(e) {
-      return h.formatEU(e);
+    filterDateFormatEU(t) {
+      return h.formatEU(t);
     },
-    filterDateFromNow(e) {
-      return h.fromNow(e);
+    filterDateFromNow(t) {
+      return h.fromNow(t);
     },
-    getCatalogLink(e) {
-      return `/catalogues/${e.id}&locale=${this.$route.query.locale}`;
+    getCatalogLink(t) {
+      return `/catalogues/${t.id}&locale=${this.$route.query.locale}`;
     },
-    getCatalogImage(e) {
-      return this.$env.content.catalogs.useCatalogCountries ? `${this.$env.content.catalogs.defaultCatalogImagePath}/${u(e, "country.id") ? e.country.id : this.$env.content.catalogs.defaultCatalogCountryID}` : `${this.$env.content.catalogs.defaultCatalogImagePath}/${u(e, "id") ? e.id : this.$env.content.catalogs.defaultCatalogID}`;
+    getCatalogImage(t) {
+      return this.$env.content.catalogs.useCatalogCountries ? `${this.$env.content.catalogs.defaultCatalogImagePath}/${g(t, "country.id") ? t.country.id : this.$env.content.catalogs.defaultCatalogCountryID}` : `${this.$env.content.catalogs.defaultCatalogImagePath}/${g(t, "id") ? t.id : this.$env.content.catalogs.defaultCatalogID}`;
     },
-    getFooterTags(e) {
-      return [`${u(e, "count") ? e.count : 0}`];
+    getFooterTags(t) {
+      return [`${g(t, "count") ? t.count : 0}`];
     },
-    getCatalogLanguages(e) {
-      return u(e, "country.id") ? [e.country.id].concat(e.languages) : e.languages;
+    getCatalogLanguages(t) {
+      return g(t, "country.id") ? [t.country.id].concat(t.languages) : t.languages;
     },
     isSortSelectedLabelInDropdown() {
       return this.sortSelectedLabel === this.$t("message.sort.nameAZ") || this.sortSelectedLabel === this.$t("message.sort.nameZA") || this.sortSelectedLabel === this.$t("message.sort.lastCreated");
     },
-    isSortSelectedLabelActive(e) {
-      return e === this.sortSelectedLabel;
+    isSortSelectedLabelActive(t) {
+      return t === this.sortSelectedLabel;
     }
   },
   watch: {
     facets: {
-      handler(e) {
-        this.setFacets(e);
+      handler(t) {
+        this.setFacets(t);
       },
       deep: !0
     },
-    page(e) {
-      const t = parseInt(e, 10);
-      t > 0 ? this.setPage(t) : this.setPage(1);
+    page(t) {
+      const e = parseInt(t, 10);
+      e > 0 ? this.setPage(e) : this.setPage(1);
     },
     sortSelected: {
-      handler(e) {
-        this.$router.replace({ query: Object.assign({}, this.$route.query, { sort: e }) }), this.setSort(e);
+      handler(t) {
+        this.$router.replace({ query: Object.assign({}, this.$route.query, { sort: t }) }), this.setSort(t);
       },
       deep: !0
     },
-    $route(e) {
-      this.currentSearchQuery = e.query.query;
+    $route(t) {
+      this.currentSearchQuery = t.query.query;
     }
   },
   created() {
     this.initLimit(), this.initPage(), this.initQuery(), this.initSort(), this.initFacetOperator(), this.initFacetGroupOperator(), this.initFacets(), this.initCatalogues(), this.initInfiniteScrolling();
   },
   beforeUnmount() {
-    S(".tooltip").remove(), this.infiniteScrolling && window.removeEventListener("scroll", this.onScroll);
+    b(".tooltip").remove(), this.infiniteScrolling && window.removeEventListener("scroll", this.onScroll);
   },
   setup() {
-    R({ isCatalog: !0 });
+    j({ isCatalog: !0 });
   }
-}, v = (e) => (U("data-v-c693b7bd"), e = e(), G(), e), K = { class: "container-fluid catalogs content" }, z = { class: "row col-12 page-title text-primary" }, J = { class: "row" }, W = { class: "col-md col-12" }, X = { class: "filters-group" }, Y = { class: "input-group" }, x = ["aria-label", "placeholder"], ee = { class: "input-group-append ml-2" }, te = /* @__PURE__ */ v(() => /* @__PURE__ */ s("i", { class: "material-icons" }, "search", -1)), se = [
-  te
-], oe = {
+}, R = { class: "container-fluid catalogs content" }, H = { class: "row col-12 page-title text-primary" }, K = { class: "row" }, z = { class: "col-md col-12" }, J = { class: "filters-group" }, W = { class: "input-group" }, X = ["aria-label", "placeholder"], Y = { class: "input-group-append ml-2" }, x = {
   key: 0,
   class: "suggestion-list-group"
-}, ae = { class: "list-group suggestion-list" }, ie = ["onClick"], re = {
+}, _ = { class: "list-group suggestion-list" }, tt = ["onClick"], et = {
   class: "mt-3 d-flex justify-content-between flex-wrap-reverse nav nav-tabs",
   id: "datasets-filters-tab",
   role: "tablist"
-}, le = { class: "datasets-filters-navigation d-flex cursor-pointer" }, ne = ["title"], ce = ["title"], de = { class: "nav-item mb-0" }, ue = ["href", "title"], ge = {
+}, st = { class: "datasets-filters-navigation d-flex cursor-pointer" }, ot = ["title"], at = ["title"], it = { class: "nav-item mb-0" }, rt = ["href", "title"], lt = {
   class: "datasets-filters-filters btn-group mb-1 double-button",
   role: "group",
   "aria-label": "Button group with nested dropdown"
-}, me = ["title"], pe = ["title"], he = {
+}, nt = ["title"], dt = ["title"], ut = {
   class: "btn-group",
   role: "group"
-}, fe = {
+}, gt = {
   key: 0,
   class: "active-styles d-flex align-items-center custom-dropdown-button border-radius-end",
   id: "btnGroupDrop1",
   type: "button",
   "data-toggle": "dropdown",
   "aria-expanded": "false"
-}, ye = { class: "pl-2 h-100 d-flex align-items-center" }, $e = /* @__PURE__ */ v(() => /* @__PURE__ */ s("i", { class: "pr-2 material-icons small-icon dropdown-icon" }, "arrow_drop_down", -1)), ve = {
+}, ct = { class: "pl-2 h-100 d-flex align-items-center" }, mt = {
   key: 1,
   class: "d-flex align-items-center custom-dropdown-button border-radius-end inactive-styles",
   id: "btnGroupDrop1",
   type: "button",
   "data-toggle": "dropdown",
   "aria-expanded": "false"
-}, be = { class: "pl-2" }, Se = /* @__PURE__ */ v(() => /* @__PURE__ */ s("i", { class: "pr-2 material-icons small-icon dropdown-icon" }, "arrow_drop_down", -1)), Ce = {
+}, pt = { class: "pl-2" }, ht = {
   class: "dropdown-menu dropdown-menu-right",
   "aria-labelledby": "btnGroupDrop1"
-}, qe = {
+}, ft = {
   key: 0,
   class: "loading-spinner ml-3"
-}, we = {
+}, yt = {
   key: 1,
   class: "loading-spinner mx-auto mt-3 mb-3"
-}, Le = { class: "row" }, Fe = { class: "column col-12 col-md-9 offset-md-3" };
-function _e(e, t, l, p, r, i) {
-  const L = g("catalogues-facets"), b = g("router-link"), F = g("selectedFacetsOverview"), _ = g("pv-data-info-box"), k = g("pagination");
-  return c(), d("div", K, [
-    s("h1", z, n(e.$t("message.header.navigation.data.catalogs")), 1),
-    a(),
-    s("div", J, [
-      r.useCatalogFacets ? (c(), f(L, {
+}, $t = { class: "row" }, vt = { class: "column col-12 col-md-9 offset-md-3" };
+function bt(t, e, l, p, r, i) {
+  const w = c("catalogues-facets"), v = c("router-link"), L = c("selectedFacetsOverview"), F = c("pv-data-info-box"), k = c("pagination");
+  return d(), u("div", R, [
+    s("h1", H, n(t.$t("message.header.navigation.data.catalogs")), 1),
+    e[31] || (e[31] = a()),
+    s("div", K, [
+      r.useCatalogFacets ? (d(), f(w, {
         key: 0,
         class: "col-md-3 col-12 mb-3 mb-md-0 px-0"
       })) : m("", !0),
-      a(),
-      s("section", W, [
-        s("div", X, [
-          s("div", Y, [
+      e[30] || (e[30] = a()),
+      s("section", z, [
+        s("div", J, [
+          s("div", W, [
             Q(s("input", {
               type: "text",
               class: "form-control rounded-lg",
-              "aria-label": e.$t("message.catalogs.searchBar.placeholder"),
-              placeholder: e.$t("message.catalogs.searchBar.placeholder"),
-              "onUpdate:modelValue": t[0] || (t[0] = (o) => r.query = o),
-              onKeyup: t[1] || (t[1] = M((o) => i.changeQuery(r.query), ["enter"])),
-              onClick: t[2] || (t[2] = (o) => r.autocompleteData.show = r.autocompleteData.suggestions.length > 0 && r.query.length != 0 ? !r.autocompleteData.show : !1)
-            }, null, 40, x), [
+              "aria-label": t.$t("message.catalogs.searchBar.placeholder"),
+              placeholder: t.$t("message.catalogs.searchBar.placeholder"),
+              "onUpdate:modelValue": e[0] || (e[0] = (o) => r.query = o),
+              onKeyup: e[1] || (e[1] = M((o) => i.changeQuery(r.query), ["enter"])),
+              onClick: e[2] || (e[2] = (o) => r.autocompleteData.show = r.autocompleteData.suggestions.length > 0 && r.query.length != 0 ? !r.autocompleteData.show : !1)
+            }, null, 40, X), [
               [N, r.query]
             ]),
-            a(),
-            s("div", ee, [
+            e[10] || (e[10] = a()),
+            s("div", Y, [
               s("button", {
                 class: "btn btn-sm btn-primary d-flex align-items-center search-button",
                 type: "button",
-                onClick: t[3] || (t[3] = (o) => i.changeQuery(r.query))
-              }, se)
+                onClick: e[3] || (e[3] = (o) => i.changeQuery(r.query))
+              }, e[9] || (e[9] = [
+                s("i", { class: "material-icons" }, "search", -1)
+              ]))
             ]),
-            a(),
-            r.autocompleteData.show ? (c(), d("div", oe, [
-              s("ul", ae, [
-                (c(!0), d(C, null, q(r.autocompleteData.suggestions, (o) => (c(), d("button", {
+            e[11] || (e[11] = a()),
+            r.autocompleteData.show ? (d(), u("div", x, [
+              s("ul", _, [
+                (d(!0), u(C, null, S(r.autocompleteData.suggestions, (o) => (d(), u("button", {
                   class: "list-group-item list-group-item-action",
                   key: o.id,
-                  onClick: (ke) => i.handleSuggestionSelection(o)
-                }, n(i.getTranslationFor(o.title, e.$route.query.locale, [o.country.id].concat(o.languages))), 9, ie))), 128))
+                  onClick: (Ct) => i.handleSuggestionSelection(o)
+                }, n(i.getTranslationFor(o.title, t.$route.query.locale, [o.country.id].concat(o.languages))), 9, tt))), 128))
               ])
             ])) : m("", !0)
           ]),
-          a(),
-          s("ul", re, [
-            s("div", le, [
+          e[24] || (e[24] = a()),
+          s("ul", et, [
+            s("div", st, [
               s("li", {
                 class: "nav-item mb-0",
                 role: "tab",
-                title: e.$t("message.tooltip.datasets"),
+                title: t.$t("message.tooltip.datasets"),
                 "data-toggle": "tooltip",
                 "data-placement": "top"
               }, [
-                y(b, {
-                  to: { name: "Datasets", query: { locale: e.$route.query.locale } },
+                y(v, {
+                  to: { name: "Datasets", query: { locale: t.$route.query.locale } },
                   class: "nav-link router-link-inactive",
                   role: "presentation"
                 }, {
-                  default: w(() => [
-                    a(n(e.$t("message.header.navigation.data.datasets")), 1)
+                  default: q(() => [
+                    a(n(t.$t("message.header.navigation.data.datasets")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])
-              ], 8, ne),
-              a(),
+              ], 8, ot),
+              e[12] || (e[12] = a()),
               s("li", {
                 class: "nav-item mb-0",
-                title: e.$t("message.tooltip.catalogues"),
+                title: t.$t("message.tooltip.catalogues"),
                 "data-toggle": "tooltip",
                 "data-placement": "top"
               }, [
-                y(b, {
-                  to: { name: "Catalogues", query: { locale: e.$route.query.locale } },
+                y(v, {
+                  to: { name: "Catalogues", query: { locale: t.$route.query.locale } },
                   class: "nav-link router-link-active",
                   role: "presentation"
                 }, {
-                  default: w(() => [
-                    a(n(e.$t("message.header.navigation.data.catalogs")), 1)
+                  default: q(() => [
+                    a(n(t.$t("message.header.navigation.data.catalogs")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])
-              ], 8, ce),
-              a(),
-              s("li", de, [
+              ], 8, at),
+              e[13] || (e[13] = a()),
+              s("li", it, [
                 s("a", {
                   href: `/${this.$route.query.locale}/search?term=${r.query}&searchdomain=site`,
                   class: "nav-link router-link-inactive",
                   role: "presentation",
-                  title: e.$t("message.tooltip.editorialContent"),
+                  title: t.$t("message.tooltip.editorialContent"),
                   "data-toggle": "tooltip",
                   "data-placement": "top"
-                }, n(e.$t("message.searchTabs.editorialContent")), 9, ue)
+                }, n(t.$t("message.searchTabs.editorialContent")), 9, rt)
               ])
             ]),
-            a(),
-            s("div", ge, [
+            e[23] || (e[23] = a()),
+            s("div", lt, [
               s("button", {
                 type: "button",
-                class: $(["custom-button pl-2 pr-2 border-radius-start d-flex align-items-center inactive-styles", { "active-styles": i.isSortSelectedLabelActive(e.$t("message.sort.lastUpdated")) }]),
-                title: e.$t("message.tooltip.relevance"),
+                class: $(["custom-button pl-2 pr-2 border-radius-start d-flex align-items-center inactive-styles", { "active-styles": i.isSortSelectedLabelActive(t.$t("message.sort.lastUpdated")) }]),
+                title: t.$t("message.tooltip.relevance"),
                 "data-toggle": "tooltip",
                 "data-placement": "top",
-                onClick: t[4] || (t[4] = (o) => i.setSortMethod("modified", "desc", e.$t("message.sort.lastUpdated")))
-              }, n(e.$t("message.sort.lastUpdated")), 11, me),
-              a(),
+                onClick: e[4] || (e[4] = (o) => i.setSortMethod("modified", "desc", t.$t("message.sort.lastUpdated")))
+              }, n(t.$t("message.sort.lastUpdated")), 11, nt),
+              e[21] || (e[21] = a()),
               s("button", {
                 type: "button",
-                class: $(["custom-middle-button pl-2 pr-2 d-flex align-items-center inactive-styles", { "active-styles": i.isSortSelectedLabelActive(e.$t("message.sort.relevance")) }]),
-                title: e.$t("message.tooltip.relevance"),
+                class: $(["custom-middle-button pl-2 pr-2 d-flex align-items-center inactive-styles", { "active-styles": i.isSortSelectedLabelActive(t.$t("message.sort.relevance")) }]),
+                title: t.$t("message.tooltip.relevance"),
                 "data-toggle": "tooltip",
                 "data-placement": "top",
-                onClick: t[5] || (t[5] = (o) => i.setSortMethod("relevance", "desc", e.$t("message.sort.relevance")))
-              }, n(e.$t("message.sort.relevance")), 11, pe),
-              a(),
-              s("div", he, [
-                i.isSortSelectedLabelInDropdown() ? (c(), d("button", fe, [
-                  s("div", ye, n(r.sortSelectedLabel), 1),
-                  a(),
-                  $e
-                ])) : (c(), d("button", ve, [
-                  s("div", be, n(e.$t("message.catalogsAndDatasets.more")), 1),
-                  a(),
-                  Se
+                onClick: e[5] || (e[5] = (o) => i.setSortMethod("relevance", "desc", t.$t("message.sort.relevance")))
+              }, n(t.$t("message.sort.relevance")), 11, dt),
+              e[22] || (e[22] = a()),
+              s("div", ut, [
+                i.isSortSelectedLabelInDropdown() ? (d(), u("button", gt, [
+                  s("div", ct, n(r.sortSelectedLabel), 1),
+                  e[14] || (e[14] = a()),
+                  e[15] || (e[15] = s("i", { class: "pr-2 material-icons small-icon dropdown-icon" }, "arrow_drop_down", -1))
+                ])) : (d(), u("button", mt, [
+                  s("div", pt, n(t.$t("message.catalogsAndDatasets.more")), 1),
+                  e[16] || (e[16] = a()),
+                  e[17] || (e[17] = s("i", { class: "pr-2 material-icons small-icon dropdown-icon" }, "arrow_drop_down", -1))
                 ])),
-                a(),
-                s("ul", Ce, [
+                e[20] || (e[20] = a()),
+                s("ul", ht, [
                   s("button", {
                     class: "dropdown-item",
-                    onClick: t[6] || (t[6] = (o) => i.setSortMethod(`title.${e.$route.query.locale}`, "asc", e.$t("message.sort.nameAZ")))
-                  }, n(e.$t("message.sort.nameAZ")), 1),
-                  a(),
+                    onClick: e[6] || (e[6] = (o) => i.setSortMethod(`title.${t.$route.query.locale}`, "asc", t.$t("message.sort.nameAZ")))
+                  }, n(t.$t("message.sort.nameAZ")), 1),
+                  e[18] || (e[18] = a()),
                   s("button", {
                     class: "dropdown-item",
-                    onClick: t[7] || (t[7] = (o) => i.setSortMethod(`title.${e.$route.query.locale}`, "desc", e.$t("message.sort.nameZA")))
-                  }, n(e.$t("message.sort.nameZA")), 1),
-                  a(),
+                    onClick: e[7] || (e[7] = (o) => i.setSortMethod(`title.${t.$route.query.locale}`, "desc", t.$t("message.sort.nameZA")))
+                  }, n(t.$t("message.sort.nameZA")), 1),
+                  e[19] || (e[19] = a()),
                   s("button", {
                     class: "dropdown-item",
-                    onClick: t[8] || (t[8] = (o) => i.setSortMethod("issued", "desc", e.$t("message.sort.lastCreated")))
-                  }, n(e.$t("message.sort.lastCreated")), 1)
+                    onClick: e[8] || (e[8] = (o) => i.setSortMethod("issued", "desc", t.$t("message.sort.lastCreated")))
+                  }, n(t.$t("message.sort.lastCreated")), 1)
                 ])
               ])
             ])
           ])
         ]),
-        a(),
+        e[26] || (e[26] = a()),
         s("div", {
-          class: $(["alert alert-primary mt-3 d-flex flex-row", { "alert-danger": e.getCatalogsCount <= 0 && !e.getLoading }])
+          class: $(["alert alert-primary mt-3 d-flex flex-row", { "alert-danger": t.getCatalogsCount <= 0 && !t.getLoading }])
         }, [
-          s("div", null, n(e.getLoading ? e.$t("message.catalogs.loadingMessage") : `${e.getCatalogsCount.toLocaleString("fi")}
-            ${e.$t("message.catalogs.countMessage")}`), 1),
-          a(),
-          e.getLoading ? (c(), d("div", qe)) : m("", !0)
+          s("div", null, n(t.getLoading ? t.$t("message.catalogs.loadingMessage") : `${t.getCatalogsCount.toLocaleString("fi")}
+            ${t.$t("message.catalogs.countMessage")}`), 1),
+          e[25] || (e[25] = a()),
+          t.getLoading ? (d(), u("div", ft)) : m("", !0)
         ], 2),
-        a(),
-        e.getFacets ? (c(), f(F, {
+        e[27] || (e[27] = a()),
+        t.getFacets ? (d(), f(L, {
           key: 0,
-          "selected-facets": e.getFacets,
-          "available-facets": e.getAvailableFacets
+          "selected-facets": t.getFacets,
+          "available-facets": t.getAvailableFacets
         }, null, 8, ["selected-facets", "available-facets"])) : m("", !0),
-        a(),
-        (c(!0), d(C, null, q(e.getCatalogs, (o) => (c(), f(_, {
+        e[28] || (e[28] = a()),
+        (d(!0), u(C, null, S(t.getCatalogs, (o) => (d(), f(F, {
           key: `data-info-box@${o.id}`,
           "catalog-mode": "",
           to: {
             path: `/catalogues/${o.id}`,
             query: {
-              locale: e.$route.query.locale
+              locale: t.$route.query.locale
             }
           },
           src: i.getImg(i.getCatalogImage(o)),
           dataset: {
-            title: i.getTranslationFor(o.title, e.$route.query.locale, i.getCatalogLanguages(o)),
-            description: i.getTranslationFor(o.description, e.$route.query.locale, i.getCatalogLanguages(o)),
-            catalog: i.getTranslationFor(o.title, e.$route.query.locale, i.getCatalogLanguages(o)),
+            title: i.getTranslationFor(o.title, t.$route.query.locale, i.getCatalogLanguages(o)),
+            description: i.getTranslationFor(o.description, t.$route.query.locale, i.getCatalogLanguages(o)),
+            catalog: i.getTranslationFor(o.title, t.$route.query.locale, i.getCatalogLanguages(o)),
             createdDate: null,
             updatedDate: null,
             formats: []
@@ -471,27 +471,27 @@ function _e(e, t, l, p, r, i) {
           "data-cy": `catalog@${o.id}`,
           class: "mt-3"
         }, null, 8, ["to", "src", "dataset", "data-cy"]))), 128)),
-        a(),
-        e.getLoading ? (c(), d("div", we)) : m("", !0)
+        e[29] || (e[29] = a()),
+        t.getLoading ? (d(), u("div", yt)) : m("", !0)
       ])
     ]),
-    a(),
-    s("div", Le, [
-      s("div", Fe, [
+    e[32] || (e[32] = a()),
+    s("div", $t, [
+      s("div", vt, [
         y(k, {
           class: "mt-3",
-          "items-count": e.getCatalogsCount,
-          "items-per-page": e.getLimit,
-          "get-page": e.getPage,
-          "get-page-count": e.getPageCount,
+          "items-count": t.getCatalogsCount,
+          "items-per-page": t.getLimit,
+          "get-page": t.getPage,
+          "get-page-count": t.getPageCount,
           onSetPageLimit: i.setPageLimit
         }, null, 8, ["items-count", "items-per-page", "get-page", "get-page-count", "onSetPageLimit"])
       ])
     ])
   ]);
 }
-const tt = /* @__PURE__ */ Z(H, [["render", _e], ["__scopeId", "data-v-c693b7bd"]]);
+const Jt = /* @__PURE__ */ U(V, [["render", bt], ["__scopeId", "data-v-c693b7bd"]]);
 export {
-  tt as default
+  Jt as default
 };
 //# sourceMappingURL=Catalogues.vue.mjs.map