@piveau/piveau-hub-ui-modules 3.18.0

package/dist/datasets/DatasetsFiltersTabs.vue.mjs

@@ -0,0 +1,118 @@
+import { defineComponent as o } from "vue";
+import { mapActions as r } from "vuex";
+import "./DatasetsFiltersTabs.vue2.mjs";
+import i from "../_virtual/_plugin-vue2_normalizer.mjs";
+const l = o({
+  name: "DatasetsFiltersTabs",
+  props: {
+    useSort: {
+      type: Boolean,
+      default: !0
+    },
+    useCatalogs: {
+      type: Boolean,
+      default: !0
+    },
+    locale: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      query: "",
+      autocompleteData: {
+        suggestions: {},
+        show: !0
+      },
+      sortSelected: "",
+      sortSelectedLabel: this.$t("message.sort.relevance")
+    };
+  },
+  watch: {
+    sortSelected: {
+      handler(e) {
+        this.$router.replace({ query: Object.assign({}, this.$route.query, { sort: e }) }).catch((t) => {
+          console.error(t);
+        }), this.setSort(e);
+      },
+      deep: !0
+    }
+  },
+  created() {
+    this.initQuery(), this.$nextTick(() => {
+      this.initSort();
+    });
+  },
+  methods: {
+    ...r("datasets", [
+      "setQuery",
+      "setSort"
+    ]),
+    /**
+     * @description Initialize the query String by checking the route parameters
+     */
+    initQuery() {
+      let e = this.$route.query.query;
+      e ? (this.query = e, this.setQuery(e)) : (e = "", this.setQuery(""));
+    },
+    initSort() {
+      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, s) {
+      return this.sortSelectedLabel = s, 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;
+    },
+    isSortSelectedLabelInDropdown() {
+      return this.sortSelectedLabel === this.$t("message.sort.nameAZ") || this.sortSelectedLabel === this.$t("message.sort.nameZA") || this.sortSelectedLabel === this.$t("message.sort.lastCreated");
+    }
+  }
+});
+var n = function() {
+  var t = this, s = t._self._c;
+  return t._self._setupProxy, s("ul", { staticClass: "mt-3 d-flex justify-content-between flex-wrap-reverse nav nav-tabs", attrs: { id: "datasets-filters-tab", role: "tablist" } }, [s("div", { staticClass: "datasets-filters-navigation d-flex cursor-pointer" }, [s("li", { staticClass: "nav-item mb-0", attrs: { role: "tab", title: t.$t("message.tooltip.datasets"), "data-toggle": "tooltip", "data-placement": "top" } }, [s("router-link", { staticClass: "nav-link router-link-active", attrs: { to: { name: "Datasets", query: { locale: t.$route.query.locale } }, role: "presentation" } }, [t._v(`
+              ` + t._s(t.$t("message.header.navigation.data.datasets")) + `
+        `)])], 1), t._v(" "), s("li", { staticClass: "nav-item mb-0", attrs: { role: "tab", title: t.$t("message.tooltip.catalogues"), "data-toggle": "tooltip", "data-placement": "top" } }, [t.useCatalogs ? s("router-link", { staticClass: "nav-link router-link-inactive", attrs: { to: { name: "Catalogues", query: { locale: t.$route.query.locale } }, role: "presentation" } }, [t._v(`
+        ` + t._s(t.$t("message.header.navigation.data.catalogs")) + `
+      `)]) : t._e()], 1), t._v(" "), s("li", { staticClass: "nav-item mb-0", attrs: { role: "tab" } }, [s("a", { staticClass: "nav-link router-link-inactive", attrs: { href: `/${this.$route.query.locale}/search?term=${t.query}&searchdomain=site`, role: "presentation", title: t.$t("message.tooltip.editorialContent"), "data-toggle": "tooltip", "data-placement": "top" } }, [t._v(`
+        ` + t._s(t.$t("message.searchTabs.editorialContent")) + `
+      `)])])]), t._v(" "), t.useSort ? s("div", { staticClass: "datasets-filters-filters btn-group border-1 mb-1 double-button", attrs: { role: "group", "aria-label": "Button group with nested dropdown" } }, [s("button", { staticClass: "custom-button pl-2 pr-2 border-radius-start d-flex align-items-center inactive-styles", class: { "active-styles": t.isSortSelectedLabelActive(t.$t("message.sort.lastUpdated")) }, attrs: { type: "button", title: t.$t("message.tooltip.lastModified"), "data-toggle": "tooltip", "data-placement": "top" }, on: { click: function(a) {
+    t.setSortMethod("modified", "desc", t.$t("message.sort.lastModified"));
+  } } }, [t._v(`
+      ` + t._s(t.$t("message.sort.lastUpdated")) + `
+    `)]), t._v(" "), s("button", { staticClass: "custom-middle-button pl-2 pr-2 d-flex align-items-center inactive-styles", class: { "active-styles": t.isSortSelectedLabelActive(t.$t("message.sort.relevance")) }, attrs: { type: "button", title: t.$t("message.tooltip.relevance"), "data-toggle": "tooltip", "data-placement": "top" }, on: { click: function(a) {
+    t.setSortMethod("relevance", "desc", t.$t("message.sort.relevance"));
+  } } }, [t._v(`
+      ` + t._s(t.$t("message.sort.relevance")) + `
+    `)]), t._v(" "), s("div", { staticClass: "btn-group", attrs: { role: "group" } }, [t.isSortSelectedLabelInDropdown() ? s("button", { staticClass: "active-styles d-flex align-items-center custom-dropdown-button border-radius-end", attrs: { id: "btnGroupDrop1", type: "button", "data-toggle": "dropdown", "aria-expanded": "false" } }, [s("div", { staticClass: "pl-2 h-100 d-flex align-items-center" }, [t._v(`
+          ` + t._s(t.sortSelectedLabel) + `
+        `)]), t._v(" "), s("i", { staticClass: "pr-2 material-icons small-icon dropdown-icon" }, [t._v("arrow_drop_down")])]) : s("button", { staticClass: "d-flex align-items-center custom-dropdown-button border-radius-end inactive-styles", attrs: { id: "btnGroupDrop1", type: "button", "data-toggle": "dropdown", "aria-expanded": "false" } }, [s("div", { staticClass: "pl-2" }, [t._v(`
+          ` + t._s(t.$t("message.catalogsAndDatasets.more")) + `
+        `)]), t._v(" "), s("i", { staticClass: "pr-2 material-icons small-icon dropdown-icon" }, [t._v("arrow_drop_down")])]), t._v(" "), s("ul", { staticClass: "dropdown-menu dropdown-menu-right", attrs: { "aria-labelledby": "btnGroupDrop1" } }, [s("button", { staticClass: "dropdown-item", on: { click: function(a) {
+    t.setSortMethod(`title.${t.$route.query.locale}`, "asc", t.$t("message.sort.nameAZ"));
+  } } }, [t._v(`
+        ` + t._s(t.$t("message.sort.nameAZ")))]), t._v(" "), s("button", { staticClass: "dropdown-item", on: { click: function(a) {
+    t.setSortMethod(`title.${t.$route.query.locale}`, "desc", t.$t("message.sort.nameZA"));
+  } } }, [t._v(`
+        ` + t._s(t.$t("message.sort.nameZA")))]), t._v(" "), s("button", { staticClass: "dropdown-item", on: { click: function(a) {
+    t.setSortMethod("issued", "desc", t.$t("message.sort.lastCreated"));
+  } } }, [t._v(`
+        ` + t._s(t.$t("message.sort.lastCreated")))])])])]) : t._e()]);
+}, c = [], d = /* @__PURE__ */ i(
+  l,
+  n,
+  c,
+  !1,
+  null,
+  "63bc9cfc",
+  null,
+  null
+);
+const $ = d.exports;
+export {
+  $ as default
+};
+//# sourceMappingURL=DatasetsFiltersTabs.vue.mjs.map

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

@@ -0,0 +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"],"mappings":"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"}

package/dist/datasets/DatasetsFiltersTabs.vue2.mjs

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=DatasetsFiltersTabs.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetsFiltersTabs.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,22 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<string[], {}, {
+    useFeed: boolean;
+    baseUrl: string;
+}, {
+    [x: string]: import('vuex').Computed;
+}, {
+    getFeedLink(format: any): string;
+    getFeedQuery(): {
+        q: string | (string | null)[];
+        facets: string;
+        page: number;
+        limit: any;
+        facetOperator: string | (string | null)[];
+        facetGroupOperator: string | (string | null)[];
+        dataServices: string | (string | null)[];
+        sort: any;
+    };
+    facetsNotEmpty(): boolean;
+}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
+export default _default;

package/dist/datasets/DatasetsTopControls.vue.mjs

@@ -0,0 +1,59 @@
+import s from "../widgets/AppLink.vue.mjs";
+import { mapGetters as r } from "vuex";
+import n from "../_virtual/_plugin-vue2_normalizer.mjs";
+const i = {
+  name: "DataSetsTopControls",
+  components: {
+    // SubNavigation,
+    AppLink: s
+  },
+  props: [
+    "facets",
+    "getPage",
+    "getLimit"
+  ],
+  data() {
+    return {
+      useFeed: this.$env.content.datasets.useFeed,
+      baseUrl: this.$env.api.baseUrl
+    };
+  },
+  computed: {
+    ...r("datasets", [
+      "getSort"
+    ])
+  },
+  methods: {
+    getFeedLink(e) {
+      return `${this.baseUrl}${this.$route.query.locale}/feeds/datasets.${e}`;
+    },
+    getFeedQuery() {
+      var a;
+      const e = {}, t = (a = this.$route) == null ? void 0 : a.query;
+      return t != null && t.query && (e.q = t.query), this.facetsNotEmpty() && JSON.stringify(this.facets) && (e.facets = JSON.stringify(this.facets)), this.getPage && (e.page = Math.max(this.getPage - 1, 0)), this.getLimit && (e.limit = this.getLimit), e.facetOperator = (t == null ? void 0 : t.facetOperator) || "AND", e.facetGroupOperator = (t == null ? void 0 : t.facetOperator) || "AND", e.dataServices = (t == null ? void 0 : t.dataServices) || "false", this.getSort && (e.sort = this.getSort), e;
+    },
+    facetsNotEmpty() {
+      return Object.values(this.facets).some((e) => e.length > 0);
+    }
+  }
+};
+var o = function() {
+  var t = this, a = t._self._c;
+  return a("sub-navigation", [a("div", { staticClass: "container-fluid justify-content-between" }, [a("div", { staticClass: "navbar-datasets-feed navbar-nav align-items-center justify-content-end" }, [a("div", { staticClass: "nav-item dropdown" }, [t.useFeed ? a("div", { staticClass: "nav-link dropdown-toggle cursor-pointer", attrs: { id: "dropdown-feeds", "data-toggle": "dropdown", "aria-haspopup": "true", "aria-expanded": "false" } }, [a("ins", [t._v(t._s(t.$t("message.datasets.datasetsFeed")))])]) : t._e(), t._v(" "), a("div", { staticClass: "dropdown-menu dropdown-menu-right", attrs: { "aria-labelledby": "dropdown-feeds" } }, [a("app-link", { staticClass: "dropdown-item text-decoration-none", attrs: { path: t.getFeedLink("rss"), query: t.getFeedQuery(), target: "_blank", "matomo-track-page-view": "" } }, [t._v(`
+            RSS Feed`)]), t._v(" "), a("app-link", { staticClass: "dropdown-item text-decoration-none", attrs: { path: t.getFeedLink("atom"), query: t.getFeedQuery(), target: "_blank", "matomo-track-page-view": "" } }, [t._v(`
+            ATOM Feed`)])], 1)])])])]);
+}, d = [], p = /* @__PURE__ */ n(
+  i,
+  o,
+  d,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const m = p.exports;
+export {
+  m as default
+};
+//# sourceMappingURL=DatasetsTopControls.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetsTopControls.vue.mjs","sources":["../../lib/datasets/DatasetsTopControls.vue"],"sourcesContent":["<template>\n  <sub-navigation>\n    <div class=\"container-fluid justify-content-between\">\n      <div class=\"navbar-datasets-feed navbar-nav align-items-center justify-content-end\">\n        <div class=\"nav-item dropdown\">\n          <div v-if=\"useFeed\" class=\"nav-link dropdown-toggle cursor-pointer\"\n               id=\"dropdown-feeds\" data-toggle=\"dropdown\"\n               aria-haspopup=\"true\" aria-expanded=\"false\">\n            <ins>{{ $t('message.datasets.datasetsFeed') }}</ins>\n          </div>\n          <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"dropdown-feeds\">\n            <app-link class=\"dropdown-item text-decoration-none\"\n                      :path=\"getFeedLink('rss')\"\n                      :query=\"getFeedQuery()\"\n                      target=\"_blank\"\n                      matomo-track-page-view>\n              RSS Feed</app-link>\n            <app-link class=\"dropdown-item text-decoration-none\"\n                      :path=\"getFeedLink('atom')\"\n                      :query=\"getFeedQuery()\"\n                      target=\"_blank\"\n                      matomo-track-page-view>\n              ATOM Feed</app-link>\n          </div>\n        </div>\n      </div>\n    </div>\n  </sub-navigation>\n</template>\n\n<script>\nimport AppLink from \"../widgets/AppLink.vue\";\n// import SubNavigation from \"../navigation/SubNavigation\";\nimport {mapGetters} from \"vuex\";\n\nexport default {\n  name: \"DataSetsTopControls\",\n  components: {\n    // SubNavigation,\n    AppLink\n  },\n  props: [\n    \"facets\",\n    \"getPage\",\n    \"getLimit\"\n  ],\n  data() {\n    return {\n      useFeed: this.$env.content.datasets.useFeed,\n      baseUrl: this.$env.api.baseUrl,\n    }\n  },\n  computed: {\n    ...mapGetters('datasets', [\n      'getSort'\n    ])\n  },\n  methods: {\n    getFeedLink(format) {\n      return `${this.baseUrl}${this.$route.query.locale}/feeds/datasets.${format}`;\n    },\n    getFeedQuery() {\n      const feedQuery = {};\n      const query = this.$route?.query\n      if (query?.query) feedQuery.q = query.query;\n      if (this.facetsNotEmpty() && JSON.stringify(this.facets)) feedQuery.facets = JSON.stringify(this.facets);\n      if (this.getPage) feedQuery.page = Math.max(this.getPage - 1, 0);\n      if (this.getLimit) feedQuery.limit = this.getLimit;\n      feedQuery.facetOperator = query?.facetOperator || 'AND';\n      feedQuery.facetGroupOperator = query?.facetOperator || 'AND';\n      feedQuery.dataServices = query?.dataServices || 'false';\n      if (this.getSort) feedQuery.sort = this.getSort;\n      return feedQuery;\n    },\n    facetsNotEmpty() {\n      return Object.values(this.facets).some(facet => facet.length > 0);\n    }\n  }\n}\n</script>\n\n"],"names":["_sfc_main","AppLink","mapGetters","format","feedQuery","query","_a","facet"],"mappings":";;;AAmCA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA;AAAA,IAEA,SAAAC;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AACA,WAAA;AAAA,MACA,SAAA,KAAA,KAAA,QAAA,SAAA;AAAA,MACA,SAAA,KAAA,KAAA,IAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,GAAAC,EAAA,YAAA;AAAA,MACA;AAAA,IACA,CAAA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,YAAAC,GAAA;AACA,aAAA,GAAA,KAAA,OAAA,GAAA,KAAA,OAAA,MAAA,MAAA,mBAAAA,CAAA;AAAA,IACA;AAAA,IACA,eAAA;;AACA,YAAAC,IAAA,CAAA,GACAC,KAAAC,IAAA,KAAA,WAAA,gBAAAA,EAAA;AACA,aAAAD,KAAA,QAAAA,EAAA,UAAAD,EAAA,IAAAC,EAAA,QACA,KAAA,eAAA,KAAA,KAAA,UAAA,KAAA,MAAA,MAAAD,EAAA,SAAA,KAAA,UAAA,KAAA,MAAA,IACA,KAAA,YAAAA,EAAA,OAAA,KAAA,IAAA,KAAA,UAAA,GAAA,CAAA,IACA,KAAA,aAAAA,EAAA,QAAA,KAAA,WACAA,EAAA,iBAAAC,KAAA,gBAAAA,EAAA,kBAAA,OACAD,EAAA,sBAAAC,KAAA,gBAAAA,EAAA,kBAAA,OACAD,EAAA,gBAAAC,KAAA,gBAAAA,EAAA,iBAAA,SACA,KAAA,YAAAD,EAAA,OAAA,KAAA,UACAA;AAAA,IACA;AAAA,IACA,iBAAA;AACA,aAAA,OAAA,OAAA,KAAA,MAAA,EAAA,KAAA,CAAAG,MAAAA,EAAA,SAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}

package/dist/datasets/datasetsFacets/DatasetsFacets.vue.mjs

@@ -0,0 +1,345 @@
+import { mapGetters as g, mapActions as u } from "vuex";
+import { isNil as l, isArray as n, isObject as h, isString as p, has as d, isNumber as f } from "lodash-es";
+import r from "vue";
+import m from "./DatasetsFacetsItem.vue.mjs";
+import { getTranslationFor as F, getFacetTranslation as S } from "../../utils/helpers.mjs";
+import C from "./DatasetsMapFacet.vue.mjs";
+import y from "../../facets/CatalogDetailsFacet.vue.mjs";
+import v from "./SettingsFacet.vue.mjs";
+import "./DatasetsFacets.vue2.mjs";
+import $ from "../../_virtual/_plugin-vue2_normalizer.mjs";
+const _ = {
+  name: "datasetsFacets",
+  dependencies: ["catalogService"],
+  components: {
+    SettingsFacet: v,
+    CatalogDetailsFacet: y,
+    DatasetsMapFacet: C,
+    DatasetsFacetsItem: m
+  },
+  props: {
+    dataScope: {
+      type: String,
+      default: null
+    },
+    availableFacets: {
+      type: Array,
+      default: null
+    },
+    /**
+    * @description Sets the catalog filter to a fixed catalog id. Disables the catalog facet and hides the facet in the selected facets overview.
+    * @dev Use this prop if you want to use this component in a catalog page context where the catalog is already known (e.g., provider's page).
+    */
+    fixedCatalogFilter: {
+      type: String,
+      default: ""
+    }
+  },
+  metaInfo() {
+    const e = this.getTranslationFor(this.catalog.title, this.$route.query.locale, this.catalogLanguageIds) || this.catalog.id, t = this.getTranslationFor(this.catalog.description, this.$route.query.locale, this.catalogLanguageIds) || this.catalog.id;
+    return {
+      title: this.currentSearchQuery ? `${this.currentSearchQuery}${this.showCatalogDetails ? ` - ${e}` : ""}` : `${this.showCatalogDetails ? e : this.$t("message.header.navigation.data.datasets")}`,
+      meta: [
+        { name: "description", vmid: "description", content: this.showCatalogDetails ? t : `${this.$t("message.datasets.meta.description")}` },
+        { name: "keywords", vmid: "keywords", content: this.showCatalogDetails ? `${this.$env.metadata.keywords} ${this.$t("message.datasets.meta.description")}` : `${this.$env.metadata.keywords} ${this.$t("message.datasets.meta.description")}` }
+      ]
+    };
+  },
+  data() {
+    return {
+      cutoff: this.$env.content.datasets.facets.cutoff,
+      showClearButton: this.$env.content.datasets.facets.showClearButton,
+      showFacetsTitle: this.$env.content.datasets.facets.showFacetsTitle,
+      defaultFacetOrder: this.$env.content.datasets.facets.defaultFacetOrder,
+      useScoringFacets: this.$env.content.datasets.facets.scoringFacets.useScoringFacets,
+      useDataScopeFacets: l(this.$route.params.ctlg_id),
+      showCatalogDetails: !1,
+      catalog: {},
+      MIN_FACET_LIMIT: this.$env.content.datasets.facets.MIN_FACET_LIMIT,
+      MAX_FACET_LIMIT: this.$env.content.datasets.facets.MAX_FACET_LIMIT,
+      FACET_OPERATORS: this.$env.content.datasets.facets.FACET_OPERATORS,
+      FACET_GROUP_OPERATORS: this.$env.content.datasets.facets.FACET_GROUP_OPERATORS,
+      dataServices: {
+        yes: r.i18n.t("message.metadata.yes"),
+        no: r.i18n.t("message.metadata.no"),
+        property: r.i18n.t("message.datasetFacets.facets.dataServices.dataServicesOnly"),
+        title: r.i18n.t("message.metadata.dataServices"),
+        toolTipTitle: r.i18n.t("message.helpIcon.dataServices")
+      },
+      erpd: {
+        yes: r.i18n.t("message.metadata.yes"),
+        no: r.i18n.t("message.metadata.no"),
+        property: r.i18n.t("message.datasetFacets.facets.erpdOnly"),
+        //changed key values
+        title: r.i18n.t("message.datasetFacets.facets.erpd")
+        // toolTipTitle: "TOOLTIP",//Vue.i18n.t('message.helpIcon.dataServices'),
+      }
+    };
+  },
+  computed: {
+    ...g("catalogDetails", [
+      "getCatalog"
+    ]),
+    ...g("datasets", [
+      "getAllAvailableFacets",
+      "getDatasetsCount",
+      "getFacets",
+      "getFacetOperator",
+      "getFacetGroupOperator",
+      "getDataServices",
+      "getLimit",
+      "getMinScoring",
+      "getPage",
+      "getDatasetGeoBounds",
+      "getScoringFacets"
+    ]),
+    resolvedAvailableFacets() {
+      return this.availableFacets || this.getAllAvailableFacets;
+    },
+    datasetBoundsWatcher() {
+      return this.getDatasetGeoBounds;
+    },
+    facetGroupOperatorWatcher() {
+      return this.getFacetGroupOperator;
+    },
+    // dataServicesWatcher() {
+    //   return this.getDataServices;
+    // },
+    // catalogWatcher() {
+    //   return this.getCatalog;
+    // },
+    // showCatalogDetailsWatcher() {
+    //   return !isNil(this.$route.params.ctlg_id);
+    // },
+    useCatalogFacets() {
+      return !this.showCatalogDetails;
+    },
+    currentSearchQuery() {
+      return this.$route.query.query;
+    },
+    showMoreFacetsShown() {
+      return this.$env.content.datasets.facets.cutoff > 0 && this.$env.content.datasets.facets.cutoff < this.getAllVisibleFacets.length;
+    },
+    getAllVisibleFacets() {
+      return this.resolvedAvailableFacets.filter((e) => e.items.length > 0);
+    },
+    getSortedFacets() {
+      const e = this.resolvedAvailableFacets, t = [], a = [];
+      let s = Object.keys(this.getFacets).filter((i) => this.getFacets[i].length > 0);
+      this.defaultFacetOrder.forEach((i) => {
+        e.forEach((c) => {
+          i === c.id && c.items.length > 0 && (s.includes(c.id) ? t.push(c) : a.push(c));
+        });
+      });
+      const o = t.concat(a);
+      return this.cutoff > 0 ? (this.cutoff < t.length && (this.cutoff = t.length), o.slice(0, this.cutoff)) : o;
+    },
+    // Returns the current catalog's available language ids
+    // example: ['en', 'de', 'sv']
+    catalogLanguageIds() {
+      const e = this.getCatalog && this.getCatalog.languages;
+      return n(e) ? e.map((t) => t && t.id).filter((t) => t) : [];
+    },
+    isErdp() {
+      if (this.$route.path === "/catalogues/erpd")
+        return "true";
+      {
+        const e = this.getFacets.superCatalog;
+        return e && e[0] === "erpd" ? "true" : "false";
+      }
+    }
+  },
+  methods: {
+    isObject: h,
+    isArray: n,
+    isString: p,
+    has: d,
+    isNil: l,
+    isNumber: f,
+    getTranslationFor: F,
+    getFacetTranslation: S,
+    ...u("catalogDetails", [
+      "loadCatalog",
+      "useCatalogService"
+    ]),
+    ...u("datasets", [
+      "addFacet",
+      "removeFacet",
+      "setFacetGroupOperator",
+      "setDataServices",
+      "setSuperCatalogue_DEPRECATED",
+      // !!!!! Project specific (Bayern). Should be removed as soon as possible !!!!
+      "setPage",
+      "setPageCount",
+      "setMinScoring"
+    ]),
+    toggleCutoff() {
+      this.cutoff = this.cutoff >= 0 ? -1 : this.$env.content.datasets.facets.cutoff;
+    },
+    facetTitle(e) {
+      return e === "scoring" ? r.i18n.t("message.header.navigation.data.metadataquality") : r.i18n.t(`message.datasetFacets.facets.${e.toLowerCase()}`);
+    },
+    tooltip(e) {
+      return e === "dataScope" ? r.i18n.t("message.helpIcon.dataScope") : r.i18n.t(`message.helpIcon.${e.toLowerCase()}`);
+    },
+    getFacetTranslationWrapper(e, t, a, s) {
+      return e === "scoring" ? this.$t(`message.datasetFacets.facets.scoring.${t}`) : this.getFacetTranslation(e, t, a, s);
+    },
+    sortByCount(e, t) {
+      return t === "scoring" || t === "dataScope" ? e : e.slice().sort((a, s) => s.count - a.count !== 0 ? s.count - a.count : a.name < s.name ? -1 : 1);
+    },
+    setRouteQuery(e, t) {
+      return t === "replace" ? this.$router.replace(
+        { query: Object.assign({}, this.$route.query, e) }
+      ).catch(
+        (a) => {
+          console.error(a);
+        }
+      ) : this.$router.push(
+        { query: Object.assign({}, this.$route.query, e) }
+      ).catch(
+        (a) => {
+          console.error(a);
+        }
+      );
+    },
+    facetIsSelected(e, t) {
+      const a = t.id;
+      if (e === "scoring") {
+        const o = parseInt(this.getMinScoring, 10), i = this.$route.query[e];
+        return !i || !o ? t.minScoring === 0 : i && o === t.minScoring;
+      }
+      if (!Object.prototype.hasOwnProperty.call(this.$route.query, e))
+        return !1;
+      if (e === "dataScope")
+        return this.$route.query.dataScope === a;
+      let s = this.$route.query[e];
+      return Array.isArray(s) || (s = [s]), e === "categories" && (a.toUpperCase(), s = s.map((o) => o.toUpperCase())), s.indexOf(a) > -1;
+    },
+    facetClicked(e, t) {
+      const a = t.id;
+      e === "dataScope" ? this.dataScopeFacetClicked(a) : (e === "scoring" && this.scoringFacetClicked(t), e === "country" && (a === "eu" ? this.$route.query.dataScope = "eu" : a === "io" ? this.$route.query.dataScope = "io" : this.$route.query.dataScope = "countryData"), this.toggleFacet(e, a));
+    },
+    toggleFacet(e, t) {
+      Object.prototype.hasOwnProperty.call(this.$route.query, [e]) || this.setRouteQuery({ [e]: [], page: 1 });
+      let a = this.$route.query[e].slice();
+      if (Array.isArray(a) || (a = [a]), e === "categories" && (t.toUpperCase(), a = a.map((s) => s.toUpperCase())), e === "scoring")
+        a = t === "badScoring" ? [] : [t];
+      else {
+        const s = a.indexOf(t);
+        s > -1 ? a.splice(s, 1) : a.push(t);
+      }
+      return this.setRouteQuery({ [e]: a, page: 1 });
+    },
+    clearFacets() {
+      Object.keys(this.$route.query).some((e) => e !== "locale" && e !== "page" && this.$route.query[e].length) && (this.setMinScoring(0), this.$router.push({ query: { locale: this.$i18n.locale, page: "1" } }).catch((e) => {
+        console.error(e);
+      })), sessionStorage.clear();
+    },
+    dataScopeFacetClicked(e) {
+      if (this.$route.query.dataScope === e)
+        this.setRouteQuery({ dataScope: [], country: [], page: 1 });
+      else {
+        const t = [];
+        t.push(e), this.setRouteQuery({ dataScope: e, country: t, page: 1 });
+      }
+    },
+    scoringFacetClicked(e) {
+      let t = e.minScoring;
+      t === this.getMinScoring && (t = 0), this.setMinScoring(t), this.resetPage(), window.scrollTo(0, 0);
+    },
+    toggleFacetGroupOperator() {
+      let e = this.getFacetGroupOperator;
+      e = e === this.FACET_GROUP_OPERATORS.and ? this.FACET_GROUP_OPERATORS.or : this.FACET_GROUP_OPERATORS.and, this.setFacetGroupOperator(e);
+    },
+    changeDataServices(e) {
+      this.setDataServices(e);
+      const t = Object.assign({}, this.$route.query, { dataServices: e, page: 1 });
+      e === "false" && delete t.dataServices, this.$router.replace({ query: t });
+    },
+    changeErpd(e) {
+      if (this.$route.path === "/catalogues/erpd") {
+        const t = Object.assign({}, this.$route.query, { page: 1 });
+        this.$router.replace({
+          path: "/datasets",
+          query: t
+        });
+      } else {
+        const t = e === "true" ? "erpd" : "false", a = Object.assign({}, this.$route.query, { superCatalog: t, page: 1 });
+        t === "false" && delete a.superCatalog, this.$router.replace({ query: a });
+      }
+    },
+    resetPage() {
+      this.setRouteQuery({ page: 1 }, "replace");
+    },
+    getFacetCount(e, t) {
+      return e.id === "scoring" ? "" : t.count;
+    },
+    initShowCatalogDetails() {
+      !l(this.$route.params.ctlg_id) === !0 ? (this.showCatalogDetails = !0, this.loadCatalog(this.$route.params.ctlg_id)) : this.showCatalogDetails = !1;
+    },
+    initMinScoring() {
+      let e = this.$route.query.scoring;
+      if (e = n(e) && e.length > 0 ? e[0] : n(e) && e.length === 0 ? "" : e, e) {
+        let t = this.$env.content.datasets.facets.scoringFacets.defaultScoringFacets;
+        Object.keys(t).forEach((a) => {
+          a === e && this.setMinScoring(t[a].minScoring);
+        });
+      } else
+        this.setMinScoring(0);
+    },
+    isMultiSelect(e) {
+      return e !== "scoring";
+    }
+  },
+  watch: {
+    facetGroupOperatorWatcher: {
+      handler(e) {
+        this.setRouteQuery({ facetGroupOperator: e }, "replace");
+      }
+    },
+    // getDataServices(dataServices) {
+    //   this.$router.replace(
+    //     { query: Object.assign({}, this.$route.query, { dataServices }) }
+    //   ).catch(
+    //     error => { console.error(error); }
+    //   );
+    // },
+    "$route.params.ctlg_id"(e) {
+      this.showCatalogDetails = e;
+    },
+    getDatasetGeoBounds(e) {
+      this.bounds = e;
+    },
+    getCatalog(e) {
+      this.catalog = e;
+    }
+  },
+  created() {
+    this.useCatalogService(this.catalogService), this.initShowCatalogDetails(), this.initMinScoring();
+    for (var e in sessionStorage)
+      sessionStorage.length > 0 && e == "Filter" && this.toggleCutoff();
+  }
+};
+var O = function() {
+  var t = this, a = t._self._c;
+  return a("div", { staticClass: "container dataset-facets" }, [a("div", { staticClass: "row mx-3 mr-md-0" }, [a("div", { staticClass: "col" }, [a("datasets-map-facet", { attrs: { showCatalogDetails: t.showCatalogDetails } }), t._v(" "), t.showCatalogDetails ? a("catalog-details-facet", { staticClass: "catalog-details", attrs: { catalog: t.catalog, catalogLanguageIds: t.catalogLanguageIds } }) : t._e(), t._v(" "), t.showFacetsTitle ? a("span", { staticClass: "row h5 font-weight-bold mt-4 mb-3" }, [t._v("Filter by")]) : t._e(), t._v(" "), a("settings-facet", { staticClass: "row facet-field mb-3" }), t._v(" "), t._l(t.getSortedFacets, function(s, o) {
+    return a("div", { key: `facet@${s.id}`, staticClass: "row facet-field mb-3", class: { "mt-3": o > 0 } }, [t._t("facet", function() {
+      return [s.id === "dataServices" ? a("radio-facet", { attrs: { title: t.dataServices.title, property: t.dataServices.property, toolTipTitle: t.dataServices.toolTipTitle, optionIds: ["true", "false"], optionLabels: [t.dataServices.yes, t.dataServices.no], initialOption: t.getDataServices, change: t.changeDataServices } }) : t._e(), t._v(" "), s.id === "superCatalog" ? a("radio-facet", { attrs: { title: t.erpd.title, property: t.erpd.property, toolTipTitle: t.erpd.toolTipTitle, optionIds: ["true", "false"], optionLabels: [t.erpd.yes, t.erpd.no], initialOption: t.isErdp, change: t.changeErpd } }) : t._e(), t._v(" "), s.id !== "superCatalog" && s.id !== "dataServices" ? a("select-facet", { staticClass: "col pr-0", attrs: { fieldId: s.id, header: t.facetTitle(s.id), items: t.sortByCount(s.items, s.id), toolTipTitle: t.tooltip(s.id), getFacetTranslationWrapper: t.getFacetTranslationWrapper, facetIsSelected: t.facetIsSelected, facetClicked: t.facetClicked, multiSelect: t.isMultiSelect(s.id) } }) : t._e()];
+    }, { field: s, index: o })], 2);
+  }), t._v(" "), a("div", [t.showMoreFacetsShown ? a("pv-show-more", { staticClass: "p-0 row facets-show-more", attrs: { label: t.cutoff >= 0 ? t.$t("message.datasetFacets.moreFilters") : t.$t("message.datasetFacets.lessFilters"), upArrow: t.cutoff === -1, action: t.toggleCutoff } }) : t._e()], 1), t._v(" "), t.showClearButton ? a("pv-button", { staticClass: "row mt-5 facets-clear", attrs: { label: "Clear filters", action: t.clearFacets } }) : t._e()], 2)])]);
+}, T = [], w = /* @__PURE__ */ $(
+  _,
+  O,
+  T,
+  !1,
+  null,
+  "bd882202",
+  null,
+  null
+);
+const L = w.exports;
+export {
+  L as default
+};
+//# sourceMappingURL=DatasetsFacets.vue.mjs.map