@piveau/piveau-hub-ui-modules 3.18.0

package/dist/datasets/Datasets.vue.mjs

@@ -0,0 +1,314 @@
+import { mapGetters as r, mapActions as g } from "vuex";
+import { debounce as d, isNil as n, isArray as l, has as u } from "lodash-es";
+import c from "jquery";
+import h from "../utils/fileTypes.mjs";
+import p from "./datasetsFacets/DatasetsFacets.vue.mjs";
+import m from "../widgets/Pagination.vue.mjs";
+import f from "../facets/SelectedFacetsOverview.vue.mjs";
+import v from "../widgets/AppLink.vue.mjs";
+import { truncate as F, getTranslationFor as $, getImg as C } from "../utils/helpers.mjs";
+import D from "./DatasetsTopControls.vue.mjs";
+import y from "./DatasetsFilters.vue.mjs";
+import S from "./DatasetList.vue.mjs";
+import "./Datasets.vue2.mjs";
+import _ from "../_virtual/_plugin-vue2_normalizer.mjs";
+const b = {
+  name: "Datasets",
+  dependencies: ["DatasetService"],
+  components: {
+    DatasetsFilters: y,
+    DatasetsTopControls: D,
+    appLink: v,
+    selectedFacetsOverview: f,
+    datasetsFacets: p,
+    pagination: m,
+    DatasetList: S
+  },
+  props: {
+    infiniteScrolling: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @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() {
+    return {
+      title: this.currentSearchQuery ? `${this.currentSearchQuery}` : `${this.$t("message.header.navigation.data.datasets")}`,
+      meta: [
+        { name: "description", vmid: "description", content: `${this.$t("message.datasets.meta.description")}` },
+        {
+          name: "keywords",
+          vmid: "keywords",
+          content: `${this.$env.metadata.keywords} ${this.$t("message.datasets.meta.description")}}`
+        },
+        { name: "robots", content: "noindex, follow" }
+      ]
+    };
+  },
+  data() {
+    return {
+      baseUrl: this.$env.api.baseUrl,
+      debouncedOnBottomScroll: d(this.onBottomScroll, 500),
+      facetFields: [],
+      lang: this.locale,
+      filterCollapsed: !0,
+      catalogAllowed: !1,
+      useDatasetFacets: this.$env.content.datasets.facets.useDatasetFacets
+    };
+  },
+  computed: {
+    ...r("catalogDetails", [
+      "getCatalog"
+    ]),
+    ...r("datasets", [
+      "getDatasets",
+      "getDatasetsCount",
+      "getLimit",
+      "getLoading",
+      "getOffset",
+      "getPage",
+      "getPageCount",
+      "getMinScoring"
+    ]),
+    ...r("datasets", {
+      // Rename getters to something different because we'll perform some modifications on them.
+      // These modifications involve removing catalog related information from facets for fixed catalog filter mode
+      getAllAvailableFacetsOriginal: "getAllAvailableFacets",
+      getFacetsOriginal: "getFacets"
+    }),
+    showCatalogDetails() {
+      return !n(this.$route.params.ctlg_id) || this.fixedCatalogFilter;
+    },
+    /**
+     * @description Returns the current page.
+     * @returns {Number}
+     *
+     * @deprecated use getPage from datasets store instead
+     */
+    page() {
+      return this.$route.query.page;
+    },
+    /**
+     * @description Returns the active facets according to the route parameters.
+     * @returns {Object}
+     */
+    facets() {
+      const e = this.$env.content.datasets.facets.defaultFacetOrder, t = this.showCatalogDetails, a = e.reduce((s, i) => (s[i] = t && i === "catalog" && !this.fixedCatalogFilter ? [this.$route.params.ctlg_id || void 0] : this.getUrlFacetsOrDefault(i), s), {});
+      return this.fixedCatalogFilter ? {
+        ...a,
+        superCatalog: [this.fixedCatalogFilter]
+      } : a;
+    },
+    getAllAvailableFacets() {
+      return this.showCatalogDetails ? this.getAllAvailableFacetsOriginal.filter((e) => e.id !== "catalog") : this.getAllAvailableFacetsOriginal;
+    },
+    getFacets() {
+      return this.showCatalogDetails ? {
+        ...this.getFacetsOriginal,
+        catalog: []
+      } : this.getFacetsOriginal;
+    },
+    currentSearchQuery() {
+      return this.$route.query.query;
+    },
+    showScoreDisclaimer() {
+      return this.getMinScoring > 0;
+    },
+    dataScope() {
+      return this.$route.query.dataScope ? l(this.$route.query.dataScope) && this.$route.query.dataScope.length > 0 ? this.$route.query.dataScope[0] : l(this.$route.query.dataScope) && this.$route.query.dataScope.length === 0 ? null : this.$route.query.dataScope : null;
+    }
+  },
+  methods: {
+    isNil: n,
+    ...g("datasets", [
+      "loadDatasets",
+      "loadAdditionalDatasets",
+      "setPage",
+      "useService",
+      "addFacet",
+      "removeFacet",
+      "setFacets",
+      "setFacetOperator",
+      "setFacetGroupOperator",
+      "setDataServices",
+      "setPageCount",
+      "setLimit",
+      "setLoading",
+      "setDataScope"
+    ]),
+    // The imported Lodash has function. Must be defined in Methods so we can use it in template
+    has: u,
+    isArray: l,
+    truncate: F,
+    getTranslationFor: $,
+    getImg: C,
+    /**
+     * @description Handler-function for the scroll event.
+     */
+    onScroll() {
+      const e = this.$el.querySelectorAll(".dataset"), t = e[e.length - 1];
+      t && t.getBoundingClientRect().bottom - window.innerHeight <= 0 && this.debouncedOnBottomScroll();
+    },
+    /**
+     * @description Handler-function when bottom of the page is reached.
+     */
+    onBottomScroll() {
+      this.$nextTick(() => {
+        this.$Progress.start(), this.loadAdditionalDatasets().then(() => {
+          this.$Progress.finish();
+        }).catch(() => {
+          this.$Progress.fail();
+        });
+      });
+    },
+    initLimit() {
+      const e = parseInt(this.$route.query.limit, 10);
+      e > 0 && this.setLimit(e);
+    },
+    setPageLimit(e) {
+      this.setLimit(e), this.initDatasets();
+    },
+    initDataScope() {
+      this.setDataScope(this.dataScope);
+    },
+    /**
+     * @description Determines the current page.
+     */
+    initPage() {
+      const e = parseInt(this.$route.query.page, 10);
+      e > 0 ? this.setPage(e) : this.setPage(1);
+    },
+    /**
+     * @descritption Initialize the active facets by checking the route parameters
+     */
+    initFacets() {
+      const e = this.$env.content.datasets.facets.defaultFacetOrder, t = this.facets;
+      this.facetFields.push(...e);
+      const o = e.filter((s) => !(t[s] && t[s].length > 0) && !this.$route.query[s]).reduce((s, i) => (s[i] = [], s), {});
+      Object.keys(o) > 0 && this.$router.push({ query: { ...this.$route.query, ...o } }), this.setFacets(t);
+    },
+    getUrlFacetsOrDefault(e) {
+      const t = this.$route.query[e];
+      return Array.isArray(t) ? t : t ? [t] : [];
+    },
+    initFacetOperator() {
+      if (this.showCatalogDetails)
+        this.setFacetOperator("AND");
+      else {
+        const e = this.$route.query.facetOperator;
+        (e === "AND" || e === "OR") && this.setFacetOperator(e);
+      }
+    },
+    initFacetGroupOperator() {
+      if (this.showCatalogDetails)
+        this.setFacetGroupOperator("AND");
+      else {
+        const e = this.$route.query.facetOperator;
+        (e === "AND" || e === "OR") && this.setFacetGroupOperator(e);
+      }
+    },
+    /**
+     * @descritption Initialize the active data services facet by checking the route parameters
+     */
+    initDataServices() {
+      const e = this.$route.query.dataServices;
+      e === "true" || e === "false" ? this.setDataServices(e) : this.setDataServices("false");
+    },
+    initDatasets() {
+      this.$nextTick(() => {
+        this.$nextTick(() => {
+          this.$Progress.start(), this.loadDatasets({ locale: this.$route.query.locale }).then(() => {
+            this.setPageCount(Math.ceil(this.getDatasetsCount / this.getLimit)), this.$Progress.finish(), c('[data-toggle="tooltip"]').tooltip({
+              container: "body"
+            });
+          }).catch(() => {
+            this.$Progress.fail();
+          }).finally(() => this.$root.$emit("contentLoaded"));
+        });
+      });
+    },
+    initInfiniteScrolling() {
+      this.infiniteScrolling && window.addEventListener("scroll", this.onScroll);
+    },
+    getFileTypeColor(e) {
+      return h.getFileTypeColor(e);
+    }
+  },
+  watch: {
+    // eslint-disable-next-line object-shorthand
+    page(e) {
+      const t = parseInt(e, 10);
+      t > 0 ? this.setPage(t) : this.setPage(1);
+    },
+    dataScope: {
+      handler() {
+        this.initDataScope();
+      },
+      deep: !0
+    }
+  },
+  created() {
+    this.useService(this.DatasetService), this.initDataScope(), this.initLimit(), this.initPage(), this.initFacetOperator(), this.initFacetGroupOperator(), this.initDataServices(), this.initFacets(), this.initDatasets(), this.initInfiniteScrolling();
+  },
+  mounted() {
+    this.$route.query.refresh === "true" && this.$nextTick(() => {
+      this.$nextTick(() => {
+        this.loadDatasets({ locale: this.$route.query.locale }).then(() => {
+          this.$router.push({ query: { locale: this.$route.query.locale } });
+        }).catch(() => {
+          this.$Progress.fail();
+        });
+      });
+    });
+  },
+  beforeDestroy() {
+    c(".tooltip").remove(), this.infiniteScrolling && window.removeEventListener("scroll", this.onScroll);
+  }
+};
+var w = function() {
+  var t = this, a = t._self._c;
+  return a("div", { staticClass: "datasets-container d-flex flex-column p-0 bg-transparent" }, [a("datasets-top-controls", { staticClass: "datasets-top-controls", attrs: { facets: t.facets, getPage: t.getPage, getLimit: t.getLimit } }), t._v(" "), a("div", { staticClass: "container-fluid datasets content" }, [t._t("title", function() {
+    return [t.showCatalogDetails ? a("h1", { staticClass: "row col-12 page-title catalog-title text-primary" }, [t._v(`
+        ` + t._s(t.getTranslationFor(t.getCatalog.title, t.$route.query.locale, t.getCatalog.languages)))]) : a("h1", { staticClass: "row col-12 page-title text-primary" }, [t._v(t._s(t.$t("message.header.navigation.data.datasets")))])];
+  }), t._v(" "), t._t("content", function() {
+    return [a("div", { staticClass: "row" }, [a("div", { staticClass: "col d-flex d-md-none justify-content-end flex-wrap" }, [a("button", { staticClass: "btn btn-primary mb-3 text-right text-white", attrs: { "data-toggle": "collapse", "data-target": "#datasetFacets", "data-cy": "btn-filter-toggle" }, on: { click: function(o) {
+      t.filterCollapsed = !t.filterCollapsed;
+    } } }, [t._v(`
+            ` + t._s(t.$t("message.datasetFacets.title")) + `
+            `), t.filterCollapsed ? a("i", { staticClass: "material-icons small-icon align-bottom" }, [t._v("arrow_drop_up")]) : a("i", { staticClass: "material-icons small-icon align-bottom" }, [t._v("arrow_drop_down")])])]), t._v(" "), t.useDatasetFacets ? a("datasets-facets", { staticClass: "col-md-3 col-12 mb-3 mb-md-0 px-0 collapse", attrs: { id: "datasetFacets", dataScope: t.dataScope, "available-facets": t.getAllAvailableFacets } }) : t._e(), t._v(" "), a("section", { staticClass: "col-md-9 col-12" }, [t._t("datasets-filters", function() {
+      return [a("datasets-filters")];
+    }), t._v(" "), t._t("datasets-found", function() {
+      return [a("div", { staticClass: "datasets-found alert alert-primary mt-3 d-flex flex-row", class: { "alert-danger": t.getDatasetsCount <= 0 && !t.getLoading }, attrs: { role: "status" } }, [a("div", [t._v(`
+                ` + t._s(t.getLoading ? t.$t("message.datasets.loadingMessage") : `${t.getDatasetsCount.toLocaleString("fi")}
+                ${t.$t("message.datasets.countMessage")}`) + `
+              `)]), t._v(" "), t.getLoading ? a("div", { staticClass: "loading-spinner ml-3" }) : t._e()])];
+    }, { data: {
+      loading: t.getLoading,
+      datasetsCount: t.getDatasetsCount,
+      datasetsCountFormatted: t.getDatasetsCount.toLocaleString("fi"),
+      loadingMessage: t.$t("message.datasets.loadingMessage"),
+      countMessage: t.$t("message.datasets.countMessage")
+    } }), t._v(" "), t.showScoreDisclaimer ? a("div", { staticClass: "alert alert-warning mt-3 d-flex flex-row" }, [a("i18n", { attrs: { path: "message.datasets.scoreDisclaimer", tag: "span" } }, [a("app-link", { attrs: { path: "/mqa", query: { locale: t.$route.query.locale }, target: "_blank" } }, [a("i18n", { attrs: { path: "message.metadata.methodologyPage" } })], 1)], 1)], 1) : t._e(), t._v(" "), t.getFacets ? a("selectedFacetsOverview", { attrs: { "selected-facets": t.getFacets, "available-facets": t.getAllAvailableFacets } }) : t._e(), t._v(" "), t.getLoading ? t._e() : [a("dataset-list", { attrs: { datasets: t.getDatasets, locale: t.$route.query.locale || "en" } })], t._v(" "), t.getLoading ? a("div", { staticClass: "loading-spinner mx-auto mt-3 mb-3" }) : t._e()], 2)], 1)];
+  }, { datasetsCount: t.getDatasetsCount, datasets: t.getDatasets, locale: t.$route.query.locale, loading: t.getLoading, useDatasetFacets: t.useDatasetFacets, facets: t.getFacets, availableFacets: t.getAllAvailableFacets }), t._v(" "), a("div", { staticClass: "row" }, [a("div", { staticClass: "column col-12 col-md-9 offset-md-3" }, [a("pagination", { staticClass: "mt-3", attrs: { "items-count": t.getDatasetsCount, "items-per-page": t.getLimit, "get-page": t.getPage, "get-page-count": t.getPageCount }, on: { setPageLimit: t.setPageLimit } })], 1)])], 2)], 1);
+}, O = [], P = /* @__PURE__ */ _(
+  b,
+  w,
+  O,
+  !1,
+  null,
+  "3088506b",
+  null,
+  null
+);
+const E = P.exports;
+export {
+  E as default
+};
+//# sourceMappingURL=Datasets.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Datasets.vue.mjs","sources":["../../lib/datasets/Datasets.vue"],"sourcesContent":["<template>\n  <div class=\"datasets-container d-flex flex-column p-0 bg-transparent\">\n    <datasets-top-controls\n        :facets=\"facets\"\n        :getPage=\"getPage\"\n        :getLimit=\"getLimit\"\n        class=\"datasets-top-controls\"\n    />\n    <div class=\"container-fluid datasets content\">\n      <slot name=\"title\">\n        <h1 class=\"row col-12 page-title catalog-title text-primary\" v-if=\"showCatalogDetails\">\n          {{ getTranslationFor(getCatalog.title, $route.query.locale, getCatalog.languages) }}</h1>\n        <h1 class=\"row col-12 page-title text-primary\" v-else>{{ $t('message.header.navigation.data.datasets') }}</h1>\n      </slot>\n      <slot\n          name=\"content\"\n          :datasets-count=\"getDatasetsCount\"\n          :datasets=\"getDatasets\"\n          :locale=\"$route.query.locale\"\n          :loading=\"getLoading\"\n          :use-dataset-facets=\"useDatasetFacets\"\n          :facets=\"getFacets\"\n          :available-facets=\"getAllAvailableFacets\"\n      >\n        <div class=\"row\">\n          <div class=\"col d-flex d-md-none justify-content-end flex-wrap\">\n            <button class=\"btn btn-primary mb-3 text-right text-white\" data-toggle=\"collapse\"\n                    data-target=\"#datasetFacets\" data-cy=\"btn-filter-toggle\"\n                    @click=\"filterCollapsed = !filterCollapsed\">\n              {{ $t('message.datasetFacets.title') }}\n              <i class=\"material-icons small-icon align-bottom\" v-if=\"filterCollapsed\">arrow_drop_up</i>\n              <i class=\"material-icons small-icon align-bottom\" v-else>arrow_drop_down</i>\n            </button>\n          </div>\n          <datasets-facets\n            v-if=\"useDatasetFacets\"\n            class=\"col-md-3 col-12 mb-3 mb-md-0 px-0 collapse\" id=\"datasetFacets\"\n            :dataScope=\"dataScope\"\n            :available-facets=\"getAllAvailableFacets\"\n          ></datasets-facets>\n          <section class=\"col-md-9 col-12\">\n            <slot name=\"datasets-filters\">\n              <datasets-filters/>\n            </slot>\n            <slot name=\"datasets-found\" :data=\"{\n              loading: getLoading,\n              datasetsCount: getDatasetsCount,\n              datasetsCountFormatted: getDatasetsCount.toLocaleString('fi'),\n              loadingMessage: $t('message.datasets.loadingMessage'),\n              countMessage: $t('message.datasets.countMessage'),\n            }\">\n              <div class=\"datasets-found alert alert-primary mt-3 d-flex flex-row\" role=\"status\"\n                   :class=\"{ 'alert-danger': getDatasetsCount <= 0 && !getLoading}\">\n                <div>\n                  {{\n                    getLoading ? $t('message.datasets.loadingMessage') : `${getDatasetsCount.toLocaleString('fi')}\n                  ${$t('message.datasets.countMessage')}`\n                  }}\n                </div>\n                <div class=\"loading-spinner ml-3\" v-if=\"getLoading\"></div>\n              </div>\n            </slot>\n            <div class=\"alert alert-warning mt-3 d-flex flex-row\" v-if=\"showScoreDisclaimer\">\n              <i18n path=\"message.datasets.scoreDisclaimer\" tag=\"span\">\n                <app-link path=\"/mqa\" :query=\"{ locale: $route.query.locale }\" target=\"_blank\">\n                  <i18n path=\"message.metadata.methodologyPage\"></i18n>\n                </app-link>\n              </i18n>\n            </div>\n            <!--\n            <div class=\"alert alert-info mt-3\" v-if=\"getGeoBoundsById('modal-map')\">\n              {{`${$t('message.datasets.geoBoundsMessagePre')}`}}<strong>{{getGeoBoundsById('modal-map')}}</strong>{{`. ${$t('message.datasets.geoBoundsMessageRemove')}`}}\n              <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\" @click=\"resetGeoBounds('modal-map'); loadDatasets({})\">\n                <span aria-hidden=\"true\">&times;</span>\n              </button>\n            </div>\n            -->\n            <selectedFacetsOverview\n              v-if=\"getFacets\"\n              :selected-facets=\"getFacets\"\n              :available-facets=\"getAllAvailableFacets\"\n            >\n            </selectedFacetsOverview>\n            <template v-if=\"!getLoading\">\n              <dataset-list :datasets=\"getDatasets\" :locale=\"$route.query.locale || 'en'\"></dataset-list>\n            </template>\n            <div class=\"loading-spinner mx-auto mt-3 mb-3\" v-if=\"getLoading\"></div>\n          </section>\n        </div>\n      </slot>\n      <div class=\"row\">\n        <div class=\"column col-12 col-md-9 offset-md-3\">\n          <pagination class=\"mt-3\"\n                      :items-count=\"getDatasetsCount\"\n                      :items-per-page=\"getLimit\"\n                      :get-page=\"getPage\"\n                      :get-page-count=\"getPageCount\"\n                      @setPageLimit=\"setPageLimit\"></pagination>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-undef */\n// Import vuex helpers\nimport {mapActions, mapGetters} from 'vuex';\nimport {\n  debounce,\n  has,\n  groupBy,\n  uniqBy,\n  toPairs,\n  isArray,\n  isNil,\n} from 'lodash-es';\nimport $ from 'jquery';\nimport fileTypes from '../utils/fileTypes';\nimport DatasetsFacets from './datasetsFacets/DatasetsFacets.vue';\nimport Pagination from '../widgets/Pagination.vue';\nimport SelectedFacetsOverview from '../facets/SelectedFacetsOverview';\nimport AppLink from '../widgets/AppLink.vue';\nimport {getTranslationFor, truncate, getImg} from '../utils/helpers';\nimport DatasetsTopControls from \"../datasets/DatasetsTopControls.vue\";\nimport DatasetsFilters from \"../datasets/DatasetsFilters.vue\";\nimport DatasetList from './DatasetList.vue'\n\nexport default {\n  name: 'Datasets',\n  dependencies: ['DatasetService'],\n  components: {\n    DatasetsFilters,\n    DatasetsTopControls,\n    appLink: AppLink,\n    selectedFacetsOverview: SelectedFacetsOverview,\n    datasetsFacets: DatasetsFacets,\n    pagination: Pagination,\n    DatasetList,\n  },\n  props: {\n    infiniteScrolling: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * @description Sets the catalog filter to a fixed catalog id. Disables the catalog facet and hides the facet in the selected facets overview.\n     * @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).\n     */\n    fixedCatalogFilter: {\n      type: String,\n      default: '',\n    }\n  },\n  metaInfo() {\n    return {\n      title: this.currentSearchQuery ? `${this.currentSearchQuery}` : `${this.$t('message.header.navigation.data.datasets')}`,\n      meta: [\n        {name: 'description', vmid: 'description', content: `${this.$t('message.datasets.meta.description')}`},\n        {\n          name: 'keywords',\n          vmid: 'keywords',\n          content: `${this.$env.metadata.keywords} ${this.$t('message.datasets.meta.description')}}`\n        },\n        {name: 'robots', content: 'noindex, follow'},\n      ],\n    };\n  },\n  data() {\n    return {\n      baseUrl: this.$env.api.baseUrl,\n      debouncedOnBottomScroll: debounce(this.onBottomScroll, 500),\n      facetFields: [],\n      lang: this.locale,\n      filterCollapsed: true,\n      catalogAllowed: false,\n      useDatasetFacets: this.$env.content.datasets.facets.useDatasetFacets\n    };\n  },\n  computed: {\n    ...mapGetters('catalogDetails', [\n      'getCatalog',\n    ]),\n    ...mapGetters('datasets', [\n      'getDatasets',\n      'getDatasetsCount',\n      'getLimit',\n      'getLoading',\n      'getOffset',\n      'getPage',\n      'getPageCount',\n      'getMinScoring',\n    ]),\n    ...mapGetters('datasets', {\n      // Rename getters to something different because we'll perform some modifications on them.\n      // These modifications involve removing catalog related information from facets for fixed catalog filter mode\n      getAllAvailableFacetsOriginal: 'getAllAvailableFacets',\n      getFacetsOriginal: 'getFacets',\n    }),\n    showCatalogDetails() {\n      return !isNil(this.$route.params.ctlg_id) || this.fixedCatalogFilter;\n    },\n    /**\n     * @description Returns the current page.\n     * @returns {Number}\n     *\n     * @deprecated use getPage from datasets store instead\n     */\n    page() {\n      return this.$route.query.page;\n    },\n    /**\n     * @description Returns the active facets according to the route parameters.\n     * @returns {Object}\n     */\n     facets() {\n      const facetFields = this.$env.content.datasets.facets.defaultFacetOrder;\n      const wantsToLoadCatalogByParamOrProp = this.showCatalogDetails;\n\n      const facetObj = facetFields.reduce((acc, field) => {\n        acc[field] = (wantsToLoadCatalogByParamOrProp && field === 'catalog' && !this.fixedCatalogFilter)\n          ? [this.$route.params.ctlg_id || undefined]\n          : this.getUrlFacetsOrDefault(field);\n\n        return acc;\n      }, {});\n\n      // if fixedCatalogFilter is set, then set it as superCatalog\n      // requirement by bayern\n      const facetObjWithMaybeDefaultSuperCatalog = this.fixedCatalogFilter\n        ? {\n          ...facetObj,\n          superCatalog: [this.fixedCatalogFilter],\n        }\n        : facetObj;\n\n        return facetObjWithMaybeDefaultSuperCatalog;\n    },\n\n\n    getAllAvailableFacets() {\n      return this.showCatalogDetails\n        ? this.getAllAvailableFacetsOriginal.filter(facet => facet.id !== 'catalog')\n        : this.getAllAvailableFacetsOriginal;\n    },\n\n    getFacets() {\n      // Returns a record of facets with the catalog facet removed if we're in fixed catalog filter mode\n      return this.showCatalogDetails\n        ? {\n          ...this.getFacetsOriginal,\n          catalog: []\n        }\n        : this.getFacetsOriginal;\n    },\n\n    currentSearchQuery() {\n      return this.$route.query.query;\n    },\n    showScoreDisclaimer() {\n      return this.getMinScoring > 0;\n    },\n    dataScope() {\n      if (!this.$route.query.dataScope) return null;\n      if (isArray(this.$route.query.dataScope) && this.$route.query.dataScope.length > 0) return this.$route.query.dataScope[0];\n      if (isArray(this.$route.query.dataScope) && this.$route.query.dataScope.length === 0) return null;\n      return this.$route.query.dataScope;\n    },\n  },\n  methods: {\n    isNil,\n    ...mapActions('datasets', [\n      'loadDatasets',\n      'loadAdditionalDatasets',\n      'setPage',\n      'useService',\n      'addFacet',\n      'removeFacet',\n      'setFacets',\n      'setFacetOperator',\n      'setFacetGroupOperator',\n      'setDataServices',\n      'setPageCount',\n      'setLimit',\n      'setLoading',\n      'setDataScope',\n    ]),\n    // The imported Lodash has function. Must be defined in Methods so we can use it in template\n    has,\n    isArray,\n    truncate,\n    getTranslationFor,\n    getImg,\n    /**\n     * @description Handler-function for the scroll event.\n     */\n    onScroll() {\n      const items = this.$el.querySelectorAll('.dataset');\n      const lastItem = items[items.length - 1];\n      if (lastItem) {\n        const lastItemPos = lastItem.getBoundingClientRect();\n        if (lastItemPos.bottom - window.innerHeight <= 0) {\n          this.debouncedOnBottomScroll();\n        }\n      }\n    },\n    /**\n     * @description Handler-function when bottom of the page is reached.\n     */\n    onBottomScroll() {\n      this.$nextTick(() => {\n        this.$Progress.start();\n        this.loadAdditionalDatasets()\n            .then(() => {\n              this.$Progress.finish();\n            })\n            .catch(() => {\n              this.$Progress.fail();\n            });\n        });\n      },\n      initLimit() {\n        const limit = parseInt(this.$route.query.limit, 10);\n        if (limit > 0) this.setLimit(limit);\n      },\n      setPageLimit(value) {\n        this.setLimit(value);\n        this.initDatasets();\n      },\n      initDataScope() {\n        this.setDataScope(this.dataScope);\n      },\n      /**\n       * @description Determines the current page.\n       */\n      initPage() {\n        const page = parseInt(this.$route.query.page, 10);\n        if (page > 0) this.setPage(page);\n        else this.setPage(1);\n      },\n    /**\n     * @descritption Initialize the active facets by checking the route parameters\n     */\n     initFacets() {\n      const fields = this.$env.content.datasets.facets.defaultFacetOrder;\n      const facetsFromRouteParams = this.facets;\n\n      this.facetFields.push(...fields);\n\n      // Get fields that don't exist in the router query\n      const fieldsNotInRouterQuery = fields.filter(field => {\n        const fieldExists = facetsFromRouteParams[field] && facetsFromRouteParams[field].length > 0;\n        return !fieldExists && !this.$route.query[field];\n      });\n\n      // Construct route query parameters to be added\n      const routeQueryParamsToBeAdded = fieldsNotInRouterQuery.reduce((acc, field) => {\n        acc[field] = [];\n        return acc;\n      }, {});\n      // Add the route query params that are missing\n      if (Object.keys(routeQueryParamsToBeAdded) > 0) {\n        this.$router.push({query: {...this.$route.query, ...routeQueryParamsToBeAdded}});\n      }\n\n      this.setFacets(facetsFromRouteParams);\n    },\n\n\n    getUrlFacetsOrDefault(field) {\n      const urlFacets = this.$route.query[field];\n      return Array.isArray(urlFacets) ? urlFacets : (urlFacets ? [urlFacets] : []);\n    },\n\n    initFacetOperator() {\n      // Always set facet operator to AND when in catalog details mode\n      if (this.showCatalogDetails) this.setFacetOperator('AND');\n      else {\n        const op = this.$route.query.facetOperator;\n        if (op === 'AND' || op === 'OR') this.setFacetOperator(op);\n      }\n    },\n    initFacetGroupOperator() {\n      // The facetGroupOperator should be the same as the facetOperator\n      // Always set facet operator to AND when\n      // in catalog details mode\n      if (this.showCatalogDetails) this.setFacetGroupOperator('AND');\n      else {\n        const op = this.$route.query.facetOperator;\n        if (op === 'AND' || op === 'OR') this.setFacetGroupOperator(op);\n      }\n    },\n    /**\n     * @descritption Initialize the active data services facet by checking the route parameters\n     */\n    initDataServices() {\n      const ds = this.$route.query.dataServices;\n      if (ds === 'true' || ds === 'false') this.setDataServices(ds);\n      else {\n        this.setDataServices('false');\n      }\n    },\n    initDatasets() {\n      this.$nextTick(() => {\n        this.$nextTick(() => {\n          this.$Progress.start();\n          this.loadDatasets({locale: this.$route.query.locale})\n              .then(() => {\n                this.setPageCount(Math.ceil(this.getDatasetsCount / this.getLimit));\n                this.$Progress.finish();\n                $('[data-toggle=\"tooltip\"]').tooltip({\n                  container: 'body',\n                });\n              })\n              .catch(() => {\n                this.$Progress.fail();\n              })\n              .finally(() => this.$root.$emit('contentLoaded'));\n        });\n      });\n    },\n    initInfiniteScrolling() {\n      if (this.infiniteScrolling) window.addEventListener('scroll', this.onScroll);\n    },\n    getFileTypeColor(format) {\n      return fileTypes.getFileTypeColor(format);\n    },\n  },\n  watch: {\n    // eslint-disable-next-line object-shorthand\n    page(pageStr) {\n      const page = parseInt(pageStr, 10);\n      if (page > 0) this.setPage(page);\n      else this.setPage(1);\n    },\n    dataScope: {\n      handler() {\n        this.initDataScope();\n      },\n      deep: true,\n    },\n  },\n  created() {\n    this.useService(this.DatasetService);\n    this.initDataScope();\n    this.initLimit();\n    this.initPage();\n    this.initFacetOperator();\n    this.initFacetGroupOperator();\n    this.initDataServices();\n    this.initFacets();\n    this.initDatasets();\n    this.initInfiniteScrolling();\n  },\n  mounted() {\n    // This is supposed to fix the browser issue (https://gitlab.fokus.fraunhofer.de/piveau/organisation/piveau-scrum-board/-/issues/2344)\n    if (this.$route.query.refresh === 'true') {\n      this.$nextTick(() => {\n        this.$nextTick(() => {\n          this.loadDatasets({locale: this.$route.query.locale})\n              .then(() => {\n                this.$router.push({query: {locale: this.$route.query.locale}});\n              })\n              .catch(() => {\n                this.$Progress.fail();\n              });\n        });\n      });\n    }\n  },\n  beforeDestroy() {\n    $('.tooltip').remove();\n    if (this.infiniteScrolling) window.removeEventListener('scroll', this.onScroll);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\n.alert-primary {\n  color: #042648;\n  background-color: #cddbe8;\n  border-color: #baccdf;\n}\n\n.page-title {\n  // maybe we can change custom theme h1 to 3rem\n  font-size: 3rem;\n  margin-bottom: 15px;\n}\n\n.content {\n  padding: 30px 30px 0 30px;\n  margin-top: 15px;\n  margin-bottom: 15px;\n  background-color: white;\n}\n\n.router-link-active {\n  color: #175baf !important;\n  border: none !important;\n  border-bottom: 2px solid #175baf !important;\n}\n\n.router-link-inactive {\n  color: rgba(0, 0, 0, 0.7);\n  border: none !important;\n\n  &:hover {\n    color: #175baf;\n  }\n}\n\n.material-icons.small-icon {\n  font-size: 20px;\n}\n\n@media screen and (min-width: 768px) {\n  #datasetFacets {\n    display: block\n  }\n}\n</style>\n"],"names":["_sfc_main","DatasetsFilters","DatasetsTopControls","AppLink","SelectedFacetsOverview","DatasetsFacets","Pagination","DatasetList","debounce","mapGetters","isNil","facetFields","wantsToLoadCatalogByParamOrProp","facetObj","acc","field","facet","isArray","mapActions","has","truncate","getTranslationFor","getImg","items","lastItem","limit","value","page","fields","facetsFromRouteParams","routeQueryParamsToBeAdded","urlFacets","op","ds","$","format","fileTypes","pageStr"],"mappings":"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"}

package/dist/datasets/Datasets.vue2.mjs

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

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

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

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

@@ -0,0 +1,12 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<{}, any, {
+    query: string;
+    autocompleteData: {
+        suggestions: {};
+        show: boolean;
+    };
+    useCatalogs: boolean;
+    useSort: boolean;
+    sortSelected: string;
+    sortSelectedLabel: any;
+}, {}, {}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/datasets/DatasetsFilters.vue.mjs

@@ -0,0 +1,94 @@
+import { mapActions as a } from "vuex";
+import { getTranslationFor as o } from "../utils/helpers.mjs";
+import n from "./DatasetsFiltersTabs.vue.mjs";
+import "./DatasetsFilters.vue2.mjs";
+import u from "../_virtual/_plugin-vue2_normalizer.mjs";
+const i = {
+  name: "DatasetsFilters",
+  components: {
+    DatasetsFiltersTabs: n
+  },
+  data() {
+    return {
+      query: "",
+      autocompleteData: {
+        suggestions: {},
+        show: !0
+      },
+      useCatalogs: this.$env.content.datasets.useCatalogs,
+      useSort: this.$env.content.datasets.useSort,
+      sortSelected: "",
+      sortSelectedLabel: this.$t("message.sort.relevance")
+    };
+  },
+  created() {
+    this.query = this.$route.query.query || "";
+  },
+  methods: {
+    getTranslationFor: o,
+    ...a("datasets", [
+      "setQuery",
+      "autocompleteQuery",
+      "setSort"
+    ]),
+    changeQuery(r) {
+      this.$router.replace(
+        { query: Object.assign({}, this.$route.query, { query: r }, { page: 1 }) }
+      ).catch(
+        (e) => {
+          console.error(e);
+        }
+      ), this.setQuery(r);
+    },
+    handleSuggestionSelection(r) {
+      this.$router.push(
+        { path: this.$route.path.slice(-1) === "/" ? `${this.$route.path}${r.idName}` : `${this.$route.path}/${r.idName}` }
+      ).catch(
+        (e) => {
+          console.error(e);
+        }
+      );
+    },
+    setSearchQuery(r) {
+      this.query = r;
+    }
+  }
+};
+var l = function() {
+  var e = this, s = e._self._c;
+  return s("div", { staticClass: "filters-group ds" }, [e._t("search-bar", function() {
+    return [s("div", { staticClass: "input-group" }, [s("input", { directives: [{ name: "model", rawName: "v-model", value: e.query, expression: "query" }], staticClass: "form-control rounded-lg ds-input", attrs: { type: "text", "aria-label": e.$t("message.datasets.searchBar.placeholder"), placeholder: e.$t("message.datasets.searchBar.placeholder") }, domProps: { value: e.query }, on: { keyup: function(t) {
+      return !t.type.indexOf("key") && e._k(t.keyCode, "enter", 13, t.key, "Enter") ? null : e.changeQuery(e.query);
+    }, click: function(t) {
+      e.autocompleteData.show = e.autocompleteData.suggestions.length > 0 && e.query.length > 0 ? !e.autocompleteData.show : !1;
+    }, input: function(t) {
+      t.target.composing || (e.query = t.target.value);
+    } } }), e._v(" "), e._t("update-filter", function() {
+      return [s("div", { staticClass: "input-group-append ml-2" }, [s("button", { staticClass: "btn btn-sm btn-primary d-flex align-items-center search-button ds-input", attrs: { type: "button" }, on: { click: function(t) {
+        return e.changeQuery(e.query);
+      } } }, [s("i", { staticClass: "material-icons align-bottom" }, [e._v("search")])])])];
+    }, { query: e.query, searchFn: e.changeQuery }), e._v(" "), e.autocompleteData.show ? s("div", { staticClass: "suggestion-list-group" }, [s("ul", { staticClass: "list-group suggestion-list" }, e._l(e.autocompleteData.suggestions, function(t) {
+      return s("button", { key: t.id, staticClass: "list-group-item list-group-item-action", on: { click: function(h) {
+        return e.handleSuggestionSelection(t);
+      } } }, [e._v(`
+            ` + e._s(e.getTranslationFor(t.title, e.$route.query.locale, t.languages)) + `
+          `)]);
+    }), 0)]) : e._e()], 2)];
+  }, { query: e.query, bind: { value: e.query }, on: { input: e.setSearchQuery }, searchFn: e.changeQuery }), e._v(" "), e._t("filters-tabs", function() {
+    return [s("DatasetsFiltersTabs", { attrs: { "use-sort": e.useSort, "use-catalogs": e.useCatalogs, query: e.query, "sort-selected-label": e.sortSelectedLabel, locale: e.$route.query.locale } })];
+  })], 2);
+}, c = [], p = /* @__PURE__ */ u(
+  i,
+  l,
+  c,
+  !1,
+  null,
+  "0d6fd5e2",
+  null,
+  null
+);
+const _ = p.exports;
+export {
+  _ as default
+};
+//# sourceMappingURL=DatasetsFilters.vue.mjs.map

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

@@ -0,0 +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"],"mappings":";;;;;AAyCA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,qBAAAC;AAAA,EACA;AAAA,EACA,OAAA;AACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA,kBAAA;AAAA,QACA,aAAA,CAAA;AAAA,QACA,MAAA;AAAA,MACA;AAAA,MACA,aAAA,KAAA,KAAA,QAAA,SAAA;AAAA,MACA,SAAA,KAAA,KAAA,QAAA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,mBAAA,KAAA,GAAA,wBAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AACA,SAAA,QAAA,KAAA,OAAA,MAAA,SAAA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,mBAAAC;AAAA,IACA,GAAAC,EAAA,YAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACA,CAAA;AAAA,IACA,YAAAC,GAAA;AACA,WAAA,QAAA;AAAA,QACA,EAAA,OAAA,OAAA,OAAA,CAAA,GAAA,KAAA,OAAA,OAAA,EAAA,OAAAA,EAAA,GAAA,EAAA,MAAA,EAAA,CAAA,EAAA;AAAA,MACA,EAAA;AAAA,QACA,CAAAC,MAAA;AAAA,kBAAA,MAAAA,CAAA;AAAA,QAAA;AAAA,MACA,GACA,KAAA,SAAAD,CAAA;AAAA,IACA;AAAA,IACA,0BAAAE,GAAA;AAEA,WAAA,QAAA;AAAA,QACA,EAAA,MAAA,KAAA,OAAA,KAAA,MAAA,EAAA,MAAA,MAAA,GAAA,KAAA,OAAA,IAAA,GAAAA,EAAA,MAAA,KAAA,GAAA,KAAA,OAAA,IAAA,IAAAA,EAAA,MAAA,GAAA;AAAA,MACA,EAAA;AAAA,QACA,CAAAD,MAAA;AAAA,kBAAA,MAAAA,CAAA;AAAA,QAAA;AAAA,MACA;AAAA,IACA;AAAA,IACA,eAAAD,GAAA;AACA,WAAA,QAAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/datasets/DatasetsFilters.vue2.mjs

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

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

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

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

@@ -0,0 +1,49 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<{
+    useSort: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useCatalogs: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, {
+    query: string;
+    autocompleteData: {
+        suggestions: {};
+        show: boolean;
+    };
+    sortSelected: string;
+    sortSelectedLabel: any;
+}, {}, {
+    /**
+     * @description Initialize the query String by checking the route parameters
+     */
+    initQuery(): void;
+    initSort(): void;
+    setSortMethod(method: any, order: any, label: any): string;
+    isSortSelectedLabelActive(label: any): boolean;
+    isSortSelectedLabelInDropdown(): boolean;
+}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<{
+    useSort: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useCatalogs: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    useSort: boolean;
+    useCatalogs: boolean;
+    locale: string;
+}>;
+export default _default;