@piveau/piveau-hub-ui-modules 4.4.3 → 4.4.5

package/dist/datasets/DatasetsFilters.vue.mjs

@@ -1,10 +1,10 @@
 import { mapActions as p } from "vuex";
-import { getTranslationFor as h } from "../utils/helpers.mjs";
+import { getTranslationFor as m } from "../utils/helpers.mjs";
 import d from "./DatasetsFiltersTabs.vue.mjs";
-import { resolveComponent as m, openBlock as a, createElementBlock as u, renderSlot as n, createElementVNode as l, withDirectives as g, withKeys as y, vModelText as b, createTextVNode as i, Fragment as q, renderList as f, toDisplayString as S, createCommentVNode as v, createVNode as _, pushScopeId as D, popScopeId as F } from "vue";
+import { resolveComponent as h, openBlock as a, createElementBlock as u, renderSlot as n, createElementVNode as l, withDirectives as g, withKeys as y, vModelText as b, createTextVNode as i, Fragment as q, renderList as f, toDisplayString as v, createCommentVNode as S, createVNode as D } from "vue";
 import "./DatasetsFilters.vue2.mjs";
-import Q from "../_virtual/_plugin-vue_export-helper.mjs";
-const C = {
+import F from "../_virtual/_plugin-vue_export-helper.mjs";
+const Q = {
   name: "DatasetsFilters",
   components: {
     DatasetsFiltersTabs: d
@@ -26,100 +26,100 @@ const C = {
     this.query = this.$route.query.query || "";
   },
   methods: {
-    getTranslationFor: h,
+    getTranslationFor: m,
     ...p("datasets", [
       "setQuery",
       "autocompleteQuery",
       "setSort"
     ]),
-    changeQuery(e) {
+    changeQuery(s) {
       this.$router.replace(
-        { query: Object.assign({}, this.$route.query, { query: e }, { page: 1 }) }
+        { query: Object.assign({}, this.$route.query, { query: s }, { page: 1 }) }
       ).catch(
-        (s) => {
-          console.error(s);
+        (e) => {
+          console.error(e);
         }
-      ), this.setQuery(e);
+      ), this.setQuery(s);
     },
-    handleSuggestionSelection(e) {
+    handleSuggestionSelection(s) {
       this.$router.push(
-        { path: this.$route.path.slice(-1) === "/" ? `${this.$route.path}${e.idName}` : `${this.$route.path}/${e.idName}` }
+        { path: this.$route.path.slice(-1) === "/" ? `${this.$route.path}${s.idName}` : `${this.$route.path}/${s.idName}` }
       ).catch(
-        (s) => {
-          console.error(s);
+        (e) => {
+          console.error(e);
         }
       );
     },
-    setSearchQuery(e) {
-      this.query = e;
+    setSearchQuery(s) {
+      this.query = s;
     }
   }
-}, k = (e) => (D("data-v-0d6fd5e2"), e = e(), F(), e), w = { class: "filters-group ds" }, T = { class: "input-group" }, N = ["aria-label", "placeholder"], V = { class: "input-group-append ml-2" }, $ = /* @__PURE__ */ k(() => /* @__PURE__ */ l("i", { class: "material-icons align-bottom" }, "search", -1)), B = [
-  $
-], I = {
+}, C = { class: "filters-group ds" }, k = { class: "input-group" }, T = ["aria-label", "placeholder"], w = { class: "input-group-append ml-2" }, N = {
   key: 0,
   class: "suggestion-list-group"
-}, L = { class: "list-group suggestion-list" }, E = ["onClick"];
-function K(e, s, j, A, t, o) {
-  const c = m("DatasetsFiltersTabs");
-  return a(), u("div", w, [
-    n(e.$slots, "search-bar", {
+}, V = { class: "list-group suggestion-list" }, $ = ["onClick"];
+function B(s, e, L, _, t, o) {
+  const c = h("DatasetsFiltersTabs");
+  return a(), u("div", C, [
+    n(s.$slots, "search-bar", {
       query: t.query,
       bind: { value: t.query },
       on: { input: o.setSearchQuery },
       searchFn: o.changeQuery
     }, () => [
-      l("div", T, [
+      l("div", k, [
         g(l("input", {
           type: "text",
           class: "form-control rounded-lg ds-input",
-          "aria-label": e.$t("message.datasets.searchBar.placeholder"),
-          placeholder: e.$t("message.datasets.searchBar.placeholder"),
-          "onUpdate:modelValue": s[0] || (s[0] = (r) => t.query = r),
-          onKeyup: s[1] || (s[1] = y((r) => o.changeQuery(t.query), ["enter"])),
-          onClick: s[2] || (s[2] = (r) => t.autocompleteData.show = t.autocompleteData.suggestions.length > 0 && t.query.length > 0 ? !t.autocompleteData.show : !1)
-        }, null, 40, N), [
+          "aria-label": s.$t("message.datasets.searchBar.placeholder"),
+          placeholder: s.$t("message.datasets.searchBar.placeholder"),
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => t.query = r),
+          onKeyup: e[1] || (e[1] = y((r) => o.changeQuery(t.query), ["enter"])),
+          onClick: e[2] || (e[2] = (r) => t.autocompleteData.show = t.autocompleteData.suggestions.length > 0 && t.query.length > 0 ? !t.autocompleteData.show : !1)
+        }, null, 40, T), [
           [b, t.query]
         ]),
-        i(),
-        n(e.$slots, "update-filter", {
+        e[5] || (e[5] = i()),
+        n(s.$slots, "update-filter", {
           query: t.query,
           searchFn: o.changeQuery
         }, () => [
-          l("div", V, [
+          l("div", w, [
             l("button", {
               class: "btn btn-sm btn-primary d-flex align-items-center search-button ds-input",
               type: "button",
-              onClick: s[3] || (s[3] = (r) => o.changeQuery(t.query))
-            }, B)
+              onClick: e[3] || (e[3] = (r) => o.changeQuery(t.query))
+            }, e[4] || (e[4] = [
+              l("i", { class: "material-icons align-bottom" }, "search", -1)
+            ]))
           ])
         ], !0),
-        i(),
-        t.autocompleteData.show ? (a(), u("div", I, [
-          l("ul", L, [
+        e[6] || (e[6] = i()),
+        t.autocompleteData.show ? (a(), u("div", N, [
+          l("ul", V, [
             (a(!0), u(q, null, f(t.autocompleteData.suggestions, (r) => (a(), u("button", {
               class: "list-group-item list-group-item-action",
               key: r.id,
-              onClick: (M) => o.handleSuggestionSelection(r)
-            }, S(o.getTranslationFor(r.title, e.$route.query.locale, r.languages)), 9, E))), 128))
+              onClick: (E) => o.handleSuggestionSelection(r)
+            }, v(o.getTranslationFor(r.title, s.$route.query.locale, r.languages)), 9, $))), 128))
           ])
-        ])) : v("", !0)
+        ])) : S("", !0)
       ])
     ], !0),
-    i(),
-    n(e.$slots, "filters-tabs", {}, () => [
-      _(c, {
+    e[7] || (e[7] = i()),
+    n(s.$slots, "filters-tabs", {}, () => [
+      D(c, {
         "use-sort": t.useSort,
         "use-catalogs": t.useCatalogs,
         query: t.query,
         "sort-selected-label": t.sortSelectedLabel,
-        locale: e.$route.query.locale
+        locale: s.$route.query.locale
       }, null, 8, ["use-sort", "use-catalogs", "query", "sort-selected-label", "locale"])
     ], !0)
   ]);
 }
-const J = /* @__PURE__ */ Q(C, [["render", K], ["__scopeId", "data-v-0d6fd5e2"]]);
+const U = /* @__PURE__ */ F(Q, [["render", B], ["__scopeId", "data-v-0d6fd5e2"]]);
 export {
-  J as default
+  U as default
 };
 //# sourceMappingURL=DatasetsFilters.vue.mjs.map

package/dist/datasets/DatasetsFilters.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetsFilters.vue.mjs","sources":["../../lib/datasets/DatasetsFilters.vue"],"sourcesContent":["<template>\n  <div class=\"filters-group ds\">\n    <slot name=\"search-bar\" :query=\"query\" :bind=\"{ value: query}\" :on=\"{ input: setSearchQuery }\" :search-fn=\"changeQuery\">\n      <div class=\"input-group\">\n        <input type=\"text\" class=\"form-control rounded-lg ds-input\"\n              :aria-label=\"$t('message.datasets.searchBar.placeholder')\"\n              :placeholder=\"$t('message.datasets.searchBar.placeholder')\"\n              v-model=\"query\"\n              @keyup.enter=\"changeQuery(query)\"\n              @click=\"autocompleteData.show = autocompleteData.suggestions.length > 0 && query.length > 0 ? !autocompleteData.show : false\">\n        <slot name=\"update-filter\" :query=\"query\" :search-fn=\"changeQuery\">\n          <div class=\"input-group-append ml-2\">\n            <button class=\"btn btn-sm btn-primary d-flex align-items-center search-button ds-input\" type=\"button\" @click=\"changeQuery(query)\">\n              <i class=\"material-icons align-bottom\">search</i>\n            </button>\n          </div>\n        </slot>\n        <div class=\"suggestion-list-group\" v-if=\"autocompleteData.show\">\n          <ul class=\"list-group suggestion-list\">\n            <button class=\"list-group-item list-group-item-action\"\n                    v-for=\"suggestion in autocompleteData.suggestions\"\n                    :key=\"suggestion.id\"\n                    @click=\"handleSuggestionSelection(suggestion)\">\n              {{ getTranslationFor(suggestion.title, $route.query.locale, suggestion.languages) }}\n            </button>\n          </ul>\n        </div>\n      </div>\n    </slot>\n    <slot name=\"filters-tabs\">\n      <DatasetsFiltersTabs :use-sort=\"useSort\" :use-catalogs=\"useCatalogs\" :query=\"query\" :sort-selected-label=\"sortSelectedLabel\" :locale=\"$route.query.locale\" />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {mapActions} from \"vuex\";\nimport { getTranslationFor } from \"../utils/helpers\";\n\nimport DatasetsFiltersTabs from \"./DatasetsFiltersTabs\";\n\nexport default {\n  name: \"DatasetsFilters\",\n  components: {\n    DatasetsFiltersTabs,\n  },\n  data() {\n    return {\n      query: '',\n      autocompleteData: {\n        suggestions: {},\n        show: true,\n      },\n      useCatalogs: this.$env.content.datasets.useCatalogs,\n      useSort: this.$env.content.datasets.useSort,\n      sortSelected: '',\n      sortSelectedLabel: this.$t('message.sort.relevance')\n    }\n  },\n  created() {\n    this.query = this.$route.query.query || '';\n  },\n  methods: {\n    getTranslationFor,\n    ...mapActions('datasets', [\n      'setQuery',\n      'autocompleteQuery',\n      'setSort'\n    ]),\n    changeQuery(query) {\n      this.$router.replace(\n        { query: Object.assign({}, this.$route.query, { query }, { page: 1 }) }\n      ).catch(\n        error => { console.error(error); }\n      );\n      this.setQuery(query);\n    },\n    handleSuggestionSelection(suggestion) {\n      /* eslint-disable no-underscore-dangle */\n      this.$router.push(\n        { path: this.$route.path.slice(-1) === '/' ? `${this.$route.path}${suggestion.idName}` : `${this.$route.path}/${suggestion.idName}` }\n      ).catch(\n        error => { console.error(error); }\n      );\n    },\n    setSearchQuery(query) {\n      this.query = query;\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.suggestion-list-group {\n  position: relative;\n  width: 100%;\n}\n.suggestion-list {\n  width: 100%;\n  position: absolute;\n  top: 0;\n  z-index: 100;\n}\n\n.material-icons.small-icon {\n  font-size: 20px;\n}\n.search-button {\n  border-radius: 100% !important;\n\n  &:hover {\n    background-color: #196fd2;\n    border-color: #196fd2\n  }\n}\n\n</style>\n"],"names":["_sfc_main","DatasetsFiltersTabs","getTranslationFor","mapActions","query","error","suggestion","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_withScopeId","_createElementVNode","_hoisted_8","_hoisted_9","_openBlock","_createElementBlock","_renderSlot","_ctx","$data","$options","_cache","$event","_withKeys","_createTextVNode","_hoisted_6","_hoisted_7","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","_component_DatasetsFiltersTabs"],"mappings":"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"}
+{"version":3,"file":"DatasetsFilters.vue.mjs","sources":["../../lib/datasets/DatasetsFilters.vue"],"sourcesContent":["<template>\n  <div class=\"filters-group ds\">\n    <slot name=\"search-bar\" :query=\"query\" :bind=\"{ value: query}\" :on=\"{ input: setSearchQuery }\" :search-fn=\"changeQuery\">\n      <div class=\"input-group\">\n        <input type=\"text\" class=\"form-control rounded-lg ds-input\"\n              :aria-label=\"$t('message.datasets.searchBar.placeholder')\"\n              :placeholder=\"$t('message.datasets.searchBar.placeholder')\"\n              v-model=\"query\"\n              @keyup.enter=\"changeQuery(query)\"\n              @click=\"autocompleteData.show = autocompleteData.suggestions.length > 0 && query.length > 0 ? !autocompleteData.show : false\">\n        <slot name=\"update-filter\" :query=\"query\" :search-fn=\"changeQuery\">\n          <div class=\"input-group-append ml-2\">\n            <button class=\"btn btn-sm btn-primary d-flex align-items-center search-button ds-input\" type=\"button\" @click=\"changeQuery(query)\">\n              <i class=\"material-icons align-bottom\">search</i>\n            </button>\n          </div>\n        </slot>\n        <div class=\"suggestion-list-group\" v-if=\"autocompleteData.show\">\n          <ul class=\"list-group suggestion-list\">\n            <button class=\"list-group-item list-group-item-action\"\n                    v-for=\"suggestion in autocompleteData.suggestions\"\n                    :key=\"suggestion.id\"\n                    @click=\"handleSuggestionSelection(suggestion)\">\n              {{ getTranslationFor(suggestion.title, $route.query.locale, suggestion.languages) }}\n            </button>\n          </ul>\n        </div>\n      </div>\n    </slot>\n    <slot name=\"filters-tabs\">\n      <DatasetsFiltersTabs :use-sort=\"useSort\" :use-catalogs=\"useCatalogs\" :query=\"query\" :sort-selected-label=\"sortSelectedLabel\" :locale=\"$route.query.locale\" />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {mapActions} from \"vuex\";\nimport { getTranslationFor } from \"../utils/helpers\";\n\nimport DatasetsFiltersTabs from \"./DatasetsFiltersTabs\";\n\nexport default {\n  name: \"DatasetsFilters\",\n  components: {\n    DatasetsFiltersTabs,\n  },\n  data() {\n    return {\n      query: '',\n      autocompleteData: {\n        suggestions: {},\n        show: true,\n      },\n      useCatalogs: this.$env.content.datasets.useCatalogs,\n      useSort: this.$env.content.datasets.useSort,\n      sortSelected: '',\n      sortSelectedLabel: this.$t('message.sort.relevance')\n    }\n  },\n  created() {\n    this.query = this.$route.query.query || '';\n  },\n  methods: {\n    getTranslationFor,\n    ...mapActions('datasets', [\n      'setQuery',\n      'autocompleteQuery',\n      'setSort'\n    ]),\n    changeQuery(query) {\n      this.$router.replace(\n        { query: Object.assign({}, this.$route.query, { query }, { page: 1 }) }\n      ).catch(\n        error => { console.error(error); }\n      );\n      this.setQuery(query);\n    },\n    handleSuggestionSelection(suggestion) {\n      /* eslint-disable no-underscore-dangle */\n      this.$router.push(\n        { path: this.$route.path.slice(-1) === '/' ? `${this.$route.path}${suggestion.idName}` : `${this.$route.path}/${suggestion.idName}` }\n      ).catch(\n        error => { console.error(error); }\n      );\n    },\n    setSearchQuery(query) {\n      this.query = query;\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.suggestion-list-group {\n  position: relative;\n  width: 100%;\n}\n.suggestion-list {\n  width: 100%;\n  position: absolute;\n  top: 0;\n  z-index: 100;\n}\n\n.material-icons.small-icon {\n  font-size: 20px;\n}\n.search-button {\n  border-radius: 100% !important;\n\n  &:hover {\n    background-color: #196fd2;\n    border-color: #196fd2\n  }\n}\n\n</style>\n"],"names":["_sfc_main","DatasetsFiltersTabs","getTranslationFor","mapActions","query","error","suggestion","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_7","_openBlock","_createElementBlock","_renderSlot","_ctx","$data","$options","_createElementVNode","_cache","$event","_withKeys","_createTextVNode","_hoisted_5","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createVNode","_component_DatasetsFiltersTabs"],"mappings":"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"}

package/dist/datasets/DatasetsFiltersTabs.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     useSort: {
         type: BooleanConstructor;
         default: boolean;
@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, any, {
+}>, {}, {
     query: string;
     autocompleteData: {
         suggestions: {};
@@ -43,9 +43,9 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
+    locale: string;
     useSort: boolean;
     useCatalogs: boolean;
-    locale: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/datasets/DatasetsFiltersTabs.vue.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as h, resolveComponent as $, openBlock as r, createElementBlock as i, createElementVNode as s, createVNode as g, withCtx as c, createTextVNode as o, toDisplayString as a, createBlock as b, createCommentVNode as u, normalizeClass as m, pushScopeId as f, popScopeId as v } from "vue";
-import { mapActions as S } from "vuex";
+import { defineComponent as c, resolveComponent as $, openBlock as r, createElementBlock as i, createElementVNode as s, createVNode as g, withCtx as u, createTextVNode as o, toDisplayString as a, createBlock as b, createCommentVNode as m, normalizeClass as p } from "vue";
+import { mapActions as f } from "vuex";
 import "./DatasetsFiltersTabs.vue2.mjs";
-import y from "../_virtual/_plugin-vue_export-helper.mjs";
-const w = h({
+import h from "../_virtual/_plugin-vue_export-helper.mjs";
+const v = c({
   name: "DatasetsFiltersTabs",
   props: {
     useSort: {
@@ -45,7 +45,7 @@ const w = h({
     });
   },
   methods: {
-    ...S("datasets", [
+    ...f("datasets", [
       "setQuery",
       "setSort"
     ]),
@@ -60,8 +60,8 @@ const w = h({
       let e = this.$route.query.sort;
       e ? (e = e.split(",")[0].toLowerCase(), e.includes("title") ? e.includes("desc") ? (this.sortSelectedLabel = this.$t("message.sort.nameZA"), this.setSortMethod(`title.${this.$route.query.locale}`, "desc", this.$t("message.sort.nameZA"))) : (this.sortSelectedLabel = this.$t("message.sort.nameAZ"), this.setSortMethod(`title.${this.$route.query.locale}`, "asc", this.$t("message.sort.nameAZ"))) : (e === "relevance+desc" && (this.sortSelectedLabel = this.$t("message.sort.relevance"), this.setSortMethod("relevance", "desc", this.$t("message.sort.relevance"))), e === "modified+desc" && (this.sortSelectedLabel = this.$t("message.sort.lastUpdated"), this.setSortMethod("modified", "desc", this.$t("message.sort.lastUpdated"))), e === "issued+desc" && (this.sortSelectedLabel = this.$t("message.sort.lastCreated"), this.setSortMethod("issued", "desc", this.$t("message.sort.lastCreated"))))) : this.setSort(`relevance+desc, modified+desc, title.${this.$route.query.locale}+asc`);
     },
-    setSortMethod(e, t, d) {
-      return this.sortSelectedLabel = d, 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 === "issued" && (this.sortSelected = `${e}+${t}, relevance+desc, title.${this.$route.query.locale}+asc`), this.sortSelected;
+    setSortMethod(e, t, n) {
+      return this.sortSelectedLabel = n, 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 === "issued" && (this.sortSelected = `${e}+${t}, relevance+desc, title.${this.$route.query.locale}+asc`), this.sortSelected;
     },
     isSortSelectedLabelActive(e) {
       return e === this.sortSelectedLabel;
@@ -70,43 +70,43 @@ const w = h({
       return this.sortSelectedLabel === this.$t("message.sort.nameAZ") || this.sortSelectedLabel === this.$t("message.sort.nameZA") || this.sortSelectedLabel === this.$t("message.sort.lastCreated");
     }
   }
-}), p = (e) => (f("data-v-63bc9cfc"), e = e(), v(), e), q = {
+}), S = {
   class: "mt-3 d-flex justify-content-between flex-wrap-reverse nav nav-tabs",
   id: "datasets-filters-tab",
   role: "tablist"
-}, k = { class: "datasets-filters-navigation d-flex cursor-pointer" }, C = ["title"], L = ["title"], A = {
+}, y = { class: "datasets-filters-navigation d-flex cursor-pointer" }, w = ["title"], q = ["title"], k = {
   class: "nav-item mb-0",
   role: "tab"
-}, M = ["href", "title"], D = {
+}, C = ["href", "title"], L = {
   key: 0,
   class: "datasets-filters-filters btn-group border-1 mb-1 double-button",
   role: "group",
   "aria-label": "Button group with nested dropdown"
-}, Z = ["title"], _ = ["title"], B = {
+}, A = ["title"], M = ["title"], D = {
   class: "btn-group",
   role: "group"
-}, I = {
+}, Z = {
   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"
-}, Q = { class: "pl-2 h-100 d-flex align-items-center" }, T = /* @__PURE__ */ p(() => /* @__PURE__ */ s("i", { class: "pr-2 material-icons small-icon dropdown-icon" }, "arrow_drop_down", -1)), N = {
+}, B = { class: "pl-2 h-100 d-flex align-items-center" }, Q = {
   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"
-}, U = { class: "pl-2" }, V = /* @__PURE__ */ p(() => /* @__PURE__ */ s("i", { class: "pr-2 material-icons small-icon dropdown-icon" }, "arrow_drop_down", -1)), G = {
+}, T = { class: "pl-2" }, N = {
   class: "dropdown-menu dropdown-menu-right",
   "aria-labelledby": "btnGroupDrop1"
 };
-function j(e, t, d, E, F, z) {
-  const n = $("router-link");
-  return r(), i("ul", q, [
-    s("div", k, [
+function U(e, t, n, V, G, I) {
+  const d = $("router-link");
+  return r(), i("ul", S, [
+    s("div", y, [
       s("li", {
         class: "nav-item mb-0",
         role: "tab",
@@ -114,18 +114,18 @@ function j(e, t, d, E, F, z) {
         "data-toggle": "tooltip",
         "data-placement": "top"
       }, [
-        g(n, {
+        g(d, {
           to: { name: "Datasets", query: { locale: e.$route.query.locale } },
           class: "nav-link router-link-active",
           role: "presentation"
         }, {
-          default: c(() => [
+          default: u(() => [
             o(a(e.$t("message.header.navigation.data.datasets")), 1)
           ]),
           _: 1
         }, 8, ["to"])
-      ], 8, C),
-      o(),
+      ], 8, w),
+      t[5] || (t[5] = o()),
       s("li", {
         class: "nav-item mb-0",
         role: "tab",
@@ -133,20 +133,20 @@ function j(e, t, d, E, F, z) {
         "data-toggle": "tooltip",
         "data-placement": "top"
       }, [
-        e.useCatalogs ? (r(), b(n, {
+        e.useCatalogs ? (r(), b(d, {
           key: 0,
           to: { name: "Catalogues", query: { locale: e.$route.query.locale } },
           class: "nav-link router-link-inactive",
           role: "presentation"
         }, {
-          default: c(() => [
+          default: u(() => [
             o(a(e.$t("message.header.navigation.data.catalogs")), 1)
           ]),
           _: 1
-        }, 8, ["to"])) : u("", !0)
-      ], 8, L),
-      o(),
-      s("li", A, [
+        }, 8, ["to"])) : m("", !0)
+      ], 8, q),
+      t[6] || (t[6] = o()),
+      s("li", k, [
         s("a", {
           href: `/${this.$route.query.locale}/search?term=${e.query}&searchdomain=site`,
           class: "nav-link router-link-inactive",
@@ -154,62 +154,62 @@ function j(e, t, d, E, F, z) {
           title: e.$t("message.tooltip.editorialContent"),
           "data-toggle": "tooltip",
           "data-placement": "top"
-        }, a(e.$t("message.searchTabs.editorialContent")), 9, M)
+        }, a(e.$t("message.searchTabs.editorialContent")), 9, C)
       ])
     ]),
-    o(),
-    e.useSort ? (r(), i("div", D, [
+    t[16] || (t[16] = o()),
+    e.useSort ? (r(), i("div", L, [
       s("button", {
         type: "button",
-        class: m(["custom-button pl-2 pr-2 border-radius-start d-flex align-items-center inactive-styles", { "active-styles": e.isSortSelectedLabelActive(e.$t("message.sort.lastUpdated")) }]),
+        class: p(["custom-button pl-2 pr-2 border-radius-start d-flex align-items-center inactive-styles", { "active-styles": e.isSortSelectedLabelActive(e.$t("message.sort.lastUpdated")) }]),
         title: e.$t("message.tooltip.lastModified"),
         "data-toggle": "tooltip",
         "data-placement": "top",
         onClick: t[0] || (t[0] = (l) => e.setSortMethod("modified", "desc", e.$t("message.sort.lastModified")))
-      }, a(e.$t("message.sort.lastUpdated")), 11, Z),
-      o(),
+      }, a(e.$t("message.sort.lastUpdated")), 11, A),
+      t[14] || (t[14] = o()),
       s("button", {
         type: "button",
-        class: m(["custom-middle-button pl-2 pr-2 d-flex align-items-center inactive-styles", { "active-styles": e.isSortSelectedLabelActive(e.$t("message.sort.relevance")) }]),
+        class: p(["custom-middle-button pl-2 pr-2 d-flex align-items-center inactive-styles", { "active-styles": e.isSortSelectedLabelActive(e.$t("message.sort.relevance")) }]),
         title: e.$t("message.tooltip.relevance"),
         "data-toggle": "tooltip",
         "data-placement": "top",
         onClick: t[1] || (t[1] = (l) => e.setSortMethod("relevance", "desc", e.$t("message.sort.relevance")))
-      }, a(e.$t("message.sort.relevance")), 11, _),
-      o(),
-      s("div", B, [
-        e.isSortSelectedLabelInDropdown() ? (r(), i("button", I, [
-          s("div", Q, a(e.sortSelectedLabel), 1),
-          o(),
-          T
-        ])) : (r(), i("button", N, [
-          s("div", U, a(e.$t("message.catalogsAndDatasets.more")), 1),
-          o(),
-          V
+      }, a(e.$t("message.sort.relevance")), 11, M),
+      t[15] || (t[15] = o()),
+      s("div", D, [
+        e.isSortSelectedLabelInDropdown() ? (r(), i("button", Z, [
+          s("div", B, a(e.sortSelectedLabel), 1),
+          t[7] || (t[7] = o()),
+          t[8] || (t[8] = s("i", { class: "pr-2 material-icons small-icon dropdown-icon" }, "arrow_drop_down", -1))
+        ])) : (r(), i("button", Q, [
+          s("div", T, a(e.$t("message.catalogsAndDatasets.more")), 1),
+          t[9] || (t[9] = o()),
+          t[10] || (t[10] = s("i", { class: "pr-2 material-icons small-icon dropdown-icon" }, "arrow_drop_down", -1))
         ])),
-        o(),
-        s("ul", G, [
+        t[13] || (t[13] = o()),
+        s("ul", N, [
           s("button", {
             class: "dropdown-item",
             onClick: t[2] || (t[2] = (l) => e.setSortMethod(`title.${e.$route.query.locale}`, "asc", e.$t("message.sort.nameAZ")))
           }, a(e.$t("message.sort.nameAZ")), 1),
-          o(),
+          t[11] || (t[11] = o()),
           s("button", {
             class: "dropdown-item",
             onClick: t[3] || (t[3] = (l) => e.setSortMethod(`title.${e.$route.query.locale}`, "desc", e.$t("message.sort.nameZA")))
           }, a(e.$t("message.sort.nameZA")), 1),
-          o(),
+          t[12] || (t[12] = o()),
           s("button", {
             class: "dropdown-item",
             onClick: t[4] || (t[4] = (l) => e.setSortMethod("issued", "desc", e.$t("message.sort.lastCreated")))
           }, a(e.$t("message.sort.lastCreated")), 1)
         ])
       ])
-    ])) : u("", !0)
+    ])) : m("", !0)
   ]);
 }
-const P = /* @__PURE__ */ y(w, [["render", j], ["__scopeId", "data-v-63bc9cfc"]]);
+const O = /* @__PURE__ */ h(v, [["render", U], ["__scopeId", "data-v-63bc9cfc"]]);
 export {
-  P as default
+  O as default
 };
 //# sourceMappingURL=DatasetsFiltersTabs.vue.mjs.map

package/dist/datasets/DatasetsFiltersTabs.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetsFiltersTabs.vue.mjs","sources":["../../lib/datasets/DatasetsFiltersTabs.vue"],"sourcesContent":["<template>\n  <ul class=\"mt-3 d-flex justify-content-between flex-wrap-reverse nav nav-tabs\" id=\"datasets-filters-tab\" role=\"tablist\">\n    <div class=\"datasets-filters-navigation d-flex cursor-pointer\">\n      <li class=\"nav-item mb-0\" role=\"tab\"\n            :title=\"$t('message.tooltip.datasets')\"\n            data-toggle=\"tooltip\"\n            data-placement=\"top\">\n          <router-link\n            :to=\"{name: 'Datasets', query: { locale: $route.query.locale }}\"\n            class=\"nav-link router-link-active\"\n            role=\"presentation\">\n                {{ $t('message.header.navigation.data.datasets') }}\n          </router-link>\n\n      </li>\n      <li class=\"nav-item mb-0\" role=\"tab\"\n          :title=\"$t('message.tooltip.catalogues')\"\n          data-toggle=\"tooltip\"\n          data-placement=\"top\">\n        <router-link\n          :to=\"{name: 'Catalogues', query: { locale: $route.query.locale }}\"\n          v-if=\"useCatalogs\"\n          class=\"nav-link router-link-inactive\"\n          role=\"presentation\">\n          {{ $t('message.header.navigation.data.catalogs') }}\n        </router-link>\n      </li>\n      <li class=\"nav-item mb-0\" role=\"tab\">\n        <a\n          :href=\"`/${this.$route.query.locale}/search?term=${query}&searchdomain=site`\"\n          class=\"nav-link router-link-inactive\"\n          role=\"presentation\"\n          :title=\"$t('message.tooltip.editorialContent')\"\n          data-toggle=\"tooltip\"\n          data-placement=\"top\">\n          {{ $t('message.searchTabs.editorialContent') }}\n        </a>\n      </li>\n    </div>\n    <div v-if=\"useSort\" class=\"datasets-filters-filters btn-group border-1 mb-1 double-button\" role=\"group\" aria-label=\"Button group with nested dropdown\">\n      <button\n        type=\"button\"\n        class=\"custom-button pl-2 pr-2 border-radius-start d-flex align-items-center inactive-styles\"\n        :class=\"{'active-styles': isSortSelectedLabelActive($t('message.sort.lastUpdated'))}\"\n        :title=\"$t('message.tooltip.lastModified')\"\n        data-toggle=\"tooltip\"\n        data-placement=\"top\"\n        @click=\"setSortMethod('modified', 'desc', $t('message.sort.lastModified'))\"\n      >\n        {{ $t('message.sort.lastUpdated') }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"custom-middle-button pl-2 pr-2 d-flex align-items-center inactive-styles\"\n        :class=\"{'active-styles': isSortSelectedLabelActive($t('message.sort.relevance'))}\"\n        :title=\"$t('message.tooltip.relevance')\"\n        data-toggle=\"tooltip\"\n        data-placement=\"top\"\n        @click=\"setSortMethod('relevance', 'desc', $t('message.sort.relevance'))\"\n      >\n        {{ $t('message.sort.relevance') }}\n      </button>\n      <div class=\"btn-group\" role=\"group\">\n        <button v-if=\"isSortSelectedLabelInDropdown()\" class=\"active-styles d-flex align-items-center custom-dropdown-button border-radius-end\" id=\"btnGroupDrop1\" type=\"button\" data-toggle=\"dropdown\" aria-expanded=\"false\">\n          <div class=\"pl-2 h-100 d-flex align-items-center\">\n            {{ sortSelectedLabel }}\n          </div>\n          <i class=\"pr-2 material-icons small-icon dropdown-icon\">arrow_drop_down</i>\n        </button>\n        <button v-else class=\"d-flex align-items-center custom-dropdown-button border-radius-end inactive-styles\" id=\"btnGroupDrop1\" type=\"button\" data-toggle=\"dropdown\" aria-expanded=\"false\">\n          <div class=\"pl-2\">\n            {{ $t('message.catalogsAndDatasets.more') }}\n          </div>\n          <i class=\"pr-2 material-icons small-icon dropdown-icon\">arrow_drop_down</i>\n        </button>\n        <ul class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"btnGroupDrop1\">\n        <button class=\"dropdown-item\" @click=\"setSortMethod(`title.${$route.query.locale}`, 'asc', $t('message.sort.nameAZ'))\">\n          {{ $t('message.sort.nameAZ') }}</button>\n        <button class=\"dropdown-item\" @click=\"setSortMethod(`title.${$route.query.locale}`, 'desc', $t('message.sort.nameZA'))\">\n          {{ $t('message.sort.nameZA') }}</button>\n        <button class=\"dropdown-item\" @click=\"setSortMethod('issued', 'desc', $t('message.sort.lastCreated'))\">\n          {{ $t('message.sort.lastCreated') }}</button>\n        </ul>\n      </div>\n    </div>\n  </ul>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\nimport { mapActions } from 'vuex';\n\nexport default defineComponent({\n  name: 'DatasetsFiltersTabs',\n  props: {\n    useSort: {\n      type: Boolean,\n      default: true\n    },\n    useCatalogs: {\n      type: Boolean,\n      default: true\n    },\n    locale: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    return {\n      query: '',\n      autocompleteData: {\n        suggestions: {},\n        show: true,\n      },\n      sortSelected: '',\n      sortSelectedLabel: this.$t('message.sort.relevance'),\n    }\n  },\n  watch: {\n    sortSelected: {\n      handler(sort) {\n        this.$router.replace({ query: Object.assign({}, this.$route.query, { sort }) })\n          .catch(error => { console.error(error); });\n        this.setSort(sort);\n      },\n      deep: true,\n    }\n  },\n  created() {\n    this.initQuery();\n    this.$nextTick(() => {\n      this.initSort();\n    });\n  },\n  methods: {\n    ...mapActions('datasets', [\n      'setQuery',\n      'setSort'\n    ]),\n    /**\n     * @description Initialize the query String by checking the route parameters\n     */\n    initQuery() {\n      let query = this.$route.query.query;\n      if (!query) {\n        query = '';\n        this.setQuery('');\n      } else {\n        this.query = query;\n        this.setQuery(query);\n      }\n    },\n    initSort() {\n      let sort = this.$route.query.sort;\n      if (sort) {\n        sort = sort.split(',')[0].toLowerCase();\n        if (sort.includes('title')) {\n          if (sort.includes('desc')) {\n            this.sortSelectedLabel = this.$t('message.sort.nameZA');\n            this.setSortMethod(`title.${this.$route.query.locale}`, 'desc', this.$t('message.sort.nameZA'));\n          } else {\n            this.sortSelectedLabel = this.$t('message.sort.nameAZ');\n            this.setSortMethod(`title.${this.$route.query.locale}`, 'asc', this.$t('message.sort.nameAZ'));\n          }\n        } else {\n          if (sort === 'relevance+desc') {\n            this.sortSelectedLabel = this.$t('message.sort.relevance');\n            this.setSortMethod('relevance', 'desc', this.$t('message.sort.relevance'));\n          }\n          if (sort === 'modified+desc') {\n            this.sortSelectedLabel = this.$t('message.sort.lastUpdated');\n            this.setSortMethod('modified', 'desc', this.$t('message.sort.lastUpdated'));\n          }\n          if (sort === 'issued+desc') {\n            this.sortSelectedLabel = this.$t('message.sort.lastCreated');\n            this.setSortMethod('issued', 'desc', this.$t('message.sort.lastCreated'));\n          }\n        }\n      } else this.setSort(`relevance+desc, modified+desc, title.${this.$route.query.locale}+asc`);\n    },\n    setSortMethod(method, order, label) {\n      this.sortSelectedLabel = label;\n      if (method === 'relevance') this.sortSelected = `${method}+${order}, modified+desc, title.${this.$route.query.locale}+asc`;\n      if (method === 'modified') this.sortSelected = `${method}+${order}, relevance+desc, title.${this.$route.query.locale}+asc`;\n      if (method === `title.${this.$route.query.locale}`) this.sortSelected = `${method}+${order}, relevance+desc, modified+desc`;\n      if (method === 'issued') this.sortSelected = `${method}+${order}, relevance+desc, title.${this.$route.query.locale}+asc`;\n      return this.sortSelected;\n    },\n    isSortSelectedLabelActive(label) {\n      if (label === this.sortSelectedLabel) return true;\n      return false;\n    },\n    isSortSelectedLabelInDropdown() {\n      if (this.sortSelectedLabel === this.$t('message.sort.nameAZ')\n        || this.sortSelectedLabel === this.$t('message.sort.nameZA')\n        || this.sortSelectedLabel === this.$t('message.sort.lastCreated')) {\n        return true;\n      }\n      return false;\n    }\n  }\n});\n</script>\n\n<style scoped lang=\"scss\">\n.custom-button {\n  border: 1px solid black;\n  background-color: white;\n  outline: none;\n}\n.custom-middle-button {\n  border: 1px solid black;\n  border-left: none;\n  background-color: white;\n  outline: none;\n}\n\n.custom-dropdown-button {\n  border: 1px solid black;\n  padding: 0;\n  background-color: white;\n  outline: none;\n}\n\n.inactive-styles {\n  color: rgba(0, 0, 0, 0.7);\n\n  &:hover {\n    background-color: rgb(247, 247, 247);\n    color: black;\n  }\n  &:focus {\n    background-color: rgb(247, 247, 247);\n    color: black;\n  }\n}\n\n.active-styles {\n  background-color: rgba(0, 29, 133,0.1);\n  color: black;\n}\n\n.border-radius-start {\n  border-top-left-radius: 1.875rem;\n  border-bottom-left-radius: 1.875rem;\n}\n.border-radius-end {\n  border-top-right-radius: 1.875rem;\n  border-bottom-right-radius: 1.875rem;\n}\n\n.router-link-active {\n  color: #175baf !important;\n  border: none !important;\n  border-bottom: 2px solid #175baf !important;\n}\n.router-link-inactive {\n  color: rgba(0, 0, 0, 0.7);\n  border: none !important;\n  &:hover {\n    color: #175baf;\n  }\n}\n\n.dropdown-item {\n&:active {\n   background-color: var(--dropdown-item-active-bg);\n }\n}\n\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n</style>"],"names":["_sfc_main","defineComponent","sort","error","mapActions","query","method","order","label","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_8","_hoisted_9","_hoisted_12","_hoisted_13","_withScopeId","_createElementVNode","_hoisted_15","_hoisted_16","_openBlock","_createElementBlock","_hoisted_1","_ctx","_createVNode","_component_router_link","_withCtx","_createTextVNode","_toDisplayString","_createBlock","_createCommentVNode","_hoisted_5","_hoisted_7","_normalizeClass","_cache","$event","_hoisted_10","_hoisted_11","_hoisted_14","_hoisted_17"],"mappings":"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"}
+{"version":3,"file":"DatasetsFiltersTabs.vue.mjs","sources":["../../lib/datasets/DatasetsFiltersTabs.vue"],"sourcesContent":["<template>\n  <ul class=\"mt-3 d-flex justify-content-between flex-wrap-reverse nav nav-tabs\" id=\"datasets-filters-tab\" role=\"tablist\">\n    <div class=\"datasets-filters-navigation d-flex cursor-pointer\">\n      <li class=\"nav-item mb-0\" role=\"tab\"\n            :title=\"$t('message.tooltip.datasets')\"\n            data-toggle=\"tooltip\"\n            data-placement=\"top\">\n          <router-link\n            :to=\"{name: 'Datasets', query: { locale: $route.query.locale }}\"\n            class=\"nav-link router-link-active\"\n            role=\"presentation\">\n                {{ $t('message.header.navigation.data.datasets') }}\n          </router-link>\n\n      </li>\n      <li class=\"nav-item mb-0\" role=\"tab\"\n          :title=\"$t('message.tooltip.catalogues')\"\n          data-toggle=\"tooltip\"\n          data-placement=\"top\">\n        <router-link\n          :to=\"{name: 'Catalogues', query: { locale: $route.query.locale }}\"\n          v-if=\"useCatalogs\"\n          class=\"nav-link router-link-inactive\"\n          role=\"presentation\">\n          {{ $t('message.header.navigation.data.catalogs') }}\n        </router-link>\n      </li>\n      <li class=\"nav-item mb-0\" role=\"tab\">\n        <a\n          :href=\"`/${this.$route.query.locale}/search?term=${query}&searchdomain=site`\"\n          class=\"nav-link router-link-inactive\"\n          role=\"presentation\"\n          :title=\"$t('message.tooltip.editorialContent')\"\n          data-toggle=\"tooltip\"\n          data-placement=\"top\">\n          {{ $t('message.searchTabs.editorialContent') }}\n        </a>\n      </li>\n    </div>\n    <div v-if=\"useSort\" class=\"datasets-filters-filters btn-group border-1 mb-1 double-button\" role=\"group\" aria-label=\"Button group with nested dropdown\">\n      <button\n        type=\"button\"\n        class=\"custom-button pl-2 pr-2 border-radius-start d-flex align-items-center inactive-styles\"\n        :class=\"{'active-styles': isSortSelectedLabelActive($t('message.sort.lastUpdated'))}\"\n        :title=\"$t('message.tooltip.lastModified')\"\n        data-toggle=\"tooltip\"\n        data-placement=\"top\"\n        @click=\"setSortMethod('modified', 'desc', $t('message.sort.lastModified'))\"\n      >\n        {{ $t('message.sort.lastUpdated') }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"custom-middle-button pl-2 pr-2 d-flex align-items-center inactive-styles\"\n        :class=\"{'active-styles': isSortSelectedLabelActive($t('message.sort.relevance'))}\"\n        :title=\"$t('message.tooltip.relevance')\"\n        data-toggle=\"tooltip\"\n        data-placement=\"top\"\n        @click=\"setSortMethod('relevance', 'desc', $t('message.sort.relevance'))\"\n      >\n        {{ $t('message.sort.relevance') }}\n      </button>\n      <div class=\"btn-group\" role=\"group\">\n        <button v-if=\"isSortSelectedLabelInDropdown()\" class=\"active-styles d-flex align-items-center custom-dropdown-button border-radius-end\" id=\"btnGroupDrop1\" type=\"button\" data-toggle=\"dropdown\" aria-expanded=\"false\">\n          <div class=\"pl-2 h-100 d-flex align-items-center\">\n            {{ sortSelectedLabel }}\n          </div>\n          <i class=\"pr-2 material-icons small-icon dropdown-icon\">arrow_drop_down</i>\n        </button>\n        <button v-else class=\"d-flex align-items-center custom-dropdown-button border-radius-end inactive-styles\" id=\"btnGroupDrop1\" type=\"button\" data-toggle=\"dropdown\" aria-expanded=\"false\">\n          <div class=\"pl-2\">\n            {{ $t('message.catalogsAndDatasets.more') }}\n          </div>\n          <i class=\"pr-2 material-icons small-icon dropdown-icon\">arrow_drop_down</i>\n        </button>\n        <ul class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"btnGroupDrop1\">\n        <button class=\"dropdown-item\" @click=\"setSortMethod(`title.${$route.query.locale}`, 'asc', $t('message.sort.nameAZ'))\">\n          {{ $t('message.sort.nameAZ') }}</button>\n        <button class=\"dropdown-item\" @click=\"setSortMethod(`title.${$route.query.locale}`, 'desc', $t('message.sort.nameZA'))\">\n          {{ $t('message.sort.nameZA') }}</button>\n        <button class=\"dropdown-item\" @click=\"setSortMethod('issued', 'desc', $t('message.sort.lastCreated'))\">\n          {{ $t('message.sort.lastCreated') }}</button>\n        </ul>\n      </div>\n    </div>\n  </ul>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\nimport { mapActions } from 'vuex';\n\nexport default defineComponent({\n  name: 'DatasetsFiltersTabs',\n  props: {\n    useSort: {\n      type: Boolean,\n      default: true\n    },\n    useCatalogs: {\n      type: Boolean,\n      default: true\n    },\n    locale: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    return {\n      query: '',\n      autocompleteData: {\n        suggestions: {},\n        show: true,\n      },\n      sortSelected: '',\n      sortSelectedLabel: this.$t('message.sort.relevance'),\n    }\n  },\n  watch: {\n    sortSelected: {\n      handler(sort) {\n        this.$router.replace({ query: Object.assign({}, this.$route.query, { sort }) })\n          .catch(error => { console.error(error); });\n        this.setSort(sort);\n      },\n      deep: true,\n    }\n  },\n  created() {\n    this.initQuery();\n    this.$nextTick(() => {\n      this.initSort();\n    });\n  },\n  methods: {\n    ...mapActions('datasets', [\n      'setQuery',\n      'setSort'\n    ]),\n    /**\n     * @description Initialize the query String by checking the route parameters\n     */\n    initQuery() {\n      let query = this.$route.query.query;\n      if (!query) {\n        query = '';\n        this.setQuery('');\n      } else {\n        this.query = query;\n        this.setQuery(query);\n      }\n    },\n    initSort() {\n      let sort = this.$route.query.sort;\n      if (sort) {\n        sort = sort.split(',')[0].toLowerCase();\n        if (sort.includes('title')) {\n          if (sort.includes('desc')) {\n            this.sortSelectedLabel = this.$t('message.sort.nameZA');\n            this.setSortMethod(`title.${this.$route.query.locale}`, 'desc', this.$t('message.sort.nameZA'));\n          } else {\n            this.sortSelectedLabel = this.$t('message.sort.nameAZ');\n            this.setSortMethod(`title.${this.$route.query.locale}`, 'asc', this.$t('message.sort.nameAZ'));\n          }\n        } else {\n          if (sort === 'relevance+desc') {\n            this.sortSelectedLabel = this.$t('message.sort.relevance');\n            this.setSortMethod('relevance', 'desc', this.$t('message.sort.relevance'));\n          }\n          if (sort === 'modified+desc') {\n            this.sortSelectedLabel = this.$t('message.sort.lastUpdated');\n            this.setSortMethod('modified', 'desc', this.$t('message.sort.lastUpdated'));\n          }\n          if (sort === 'issued+desc') {\n            this.sortSelectedLabel = this.$t('message.sort.lastCreated');\n            this.setSortMethod('issued', 'desc', this.$t('message.sort.lastCreated'));\n          }\n        }\n      } else this.setSort(`relevance+desc, modified+desc, title.${this.$route.query.locale}+asc`);\n    },\n    setSortMethod(method, order, label) {\n      this.sortSelectedLabel = label;\n      if (method === 'relevance') this.sortSelected = `${method}+${order}, modified+desc, title.${this.$route.query.locale}+asc`;\n      if (method === 'modified') this.sortSelected = `${method}+${order}, relevance+desc, title.${this.$route.query.locale}+asc`;\n      if (method === `title.${this.$route.query.locale}`) this.sortSelected = `${method}+${order}, relevance+desc, modified+desc`;\n      if (method === 'issued') this.sortSelected = `${method}+${order}, relevance+desc, title.${this.$route.query.locale}+asc`;\n      return this.sortSelected;\n    },\n    isSortSelectedLabelActive(label) {\n      if (label === this.sortSelectedLabel) return true;\n      return false;\n    },\n    isSortSelectedLabelInDropdown() {\n      if (this.sortSelectedLabel === this.$t('message.sort.nameAZ')\n        || this.sortSelectedLabel === this.$t('message.sort.nameZA')\n        || this.sortSelectedLabel === this.$t('message.sort.lastCreated')) {\n        return true;\n      }\n      return false;\n    }\n  }\n});\n</script>\n\n<style scoped lang=\"scss\">\n.custom-button {\n  border: 1px solid black;\n  background-color: white;\n  outline: none;\n}\n.custom-middle-button {\n  border: 1px solid black;\n  border-left: none;\n  background-color: white;\n  outline: none;\n}\n\n.custom-dropdown-button {\n  border: 1px solid black;\n  padding: 0;\n  background-color: white;\n  outline: none;\n}\n\n.inactive-styles {\n  color: rgba(0, 0, 0, 0.7);\n\n  &:hover {\n    background-color: rgb(247, 247, 247);\n    color: black;\n  }\n  &:focus {\n    background-color: rgb(247, 247, 247);\n    color: black;\n  }\n}\n\n.active-styles {\n  background-color: rgba(0, 29, 133,0.1);\n  color: black;\n}\n\n.border-radius-start {\n  border-top-left-radius: 1.875rem;\n  border-bottom-left-radius: 1.875rem;\n}\n.border-radius-end {\n  border-top-right-radius: 1.875rem;\n  border-bottom-right-radius: 1.875rem;\n}\n\n.router-link-active {\n  color: #175baf !important;\n  border: none !important;\n  border-bottom: 2px solid #175baf !important;\n}\n.router-link-inactive {\n  color: rgba(0, 0, 0, 0.7);\n  border: none !important;\n  &:hover {\n    color: #175baf;\n  }\n}\n\n.dropdown-item {\n&:active {\n   background-color: var(--dropdown-item-active-bg);\n }\n}\n\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n</style>"],"names":["_sfc_main","defineComponent","sort","error","mapActions","query","method","order","label","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_8","_hoisted_9","_hoisted_12","_hoisted_14","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_ctx","_createVNode","_component_router_link","_withCtx","_createTextVNode","_toDisplayString","_cache","_createBlock","_createCommentVNode","_hoisted_5","_hoisted_7","_normalizeClass","$event","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_15"],"mappings":"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"}

package/dist/datasets/DatasetsTopControls.vue.d.ts

@@ -1,8 +1,8 @@
-declare const _default: import('vue').DefineComponent<Readonly<{
+declare const _default: import('vue').DefineComponent<{
     facets?: any;
     getPage?: any;
     getLimit?: any;
-}>, any, {
+}, {}, {
     useFeed: boolean;
     baseUrl: string;
 }, {
@@ -20,13 +20,11 @@ declare const _default: import('vue').DefineComponent<Readonly<{
         sort: any;
     };
     facetsNotEmpty(): boolean;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     facets?: any;
     getPage?: any;
     getLimit?: any;
-}>>>, {
-    readonly facets?: any;
-    readonly getPage?: any;
-    readonly getLimit?: any;
-}, {}>;
+}> & Readonly<{}>, {}, {}, {
+    AppLink: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;