@piveau/piveau-hub-ui-modules 3.18.0

package/dist/catalogues/cataloguesFacets/CataloguesFacets.vue.mjs

@@ -0,0 +1,237 @@
+import { mapGetters as c, mapActions as i } from "vuex";
+import { isArray as n, isEmpty as l, isBoolean as u, has as g, isNil as p } from "lodash-es";
+import h from "../../datasets/datasetsFacets/DatasetsFacetsItem.vue.mjs";
+import { getFacetTranslation as f, getCountryFlagImg as d, getTranslationFor as F } from "../../utils/helpers.mjs";
+import m from "../../datasets/datasetsFacets/SettingsFacet.vue.mjs";
+import C from "../../facets/CatalogDetailsFacet.vue.mjs";
+import r from "vue";
+import "./CataloguesFacets.vue2.mjs";
+import O from "../../_virtual/_plugin-vue2_normalizer.mjs";
+const y = {
+  name: "catalogueFacets",
+  components: {
+    SettingsFacet: m,
+    DatasetsFacetsItem: h,
+    CatalogDetailsFacet: C
+  },
+  dependencies: ["catalogService"],
+  data() {
+    return {
+      cutoff: this.$env.content.catalogs.facets.cutoff,
+      showClearButton: this.$env.content.catalogs.facets.showClearButton,
+      showFacetsTitle: this.$env.content.catalogs.facets.showFacetsTitle,
+      showCatalogDetails: !1,
+      superCatalog: {},
+      browser: {
+        /* eslint-disable-next-line */
+        isIE: (
+          /*@cc_on!@*/
+          !!document.documentMode
+        )
+      },
+      defaultFacetOrder: this.$env.content.catalogs.facets.defaultFacetOrder,
+      MIN_FACET_LIMIT: this.$env.content.catalogs.facets.MIN_FACET_LIMIT,
+      MAX_FACET_LIMIT: this.$env.content.catalogs.facets.MAX_FACET_LIMIT,
+      FACET_OPERATORS: this.$env.content.catalogs.facets.FACET_OPERATORS,
+      FACET_GROUP_OPERATORS: this.$env.content.catalogs.facets.FACET_GROUP_OPERATORS,
+      erpd: {
+        yes: r.i18n.t("message.metadata.yes"),
+        no: r.i18n.t("message.metadata.no"),
+        property: r.i18n.t("message.datasetFacets.facets.erpdOnly"),
+        title: r.i18n.t("message.datasetFacets.facets.erpd")
+        // toolTipTitle: "TOOLTIP",//Vue.i18n.t('message.helpIcon.dataServices'),
+      }
+    };
+  },
+  computed: {
+    ...c("catalogDetails", [
+      "getCatalog"
+    ]),
+    ...c("catalogs", [
+      "getAvailableFacets",
+      "getCatalogsCount",
+      "getFacetOperator",
+      "getFacetGroupOperator",
+      "getLimit",
+      "getPage",
+      "getFacets"
+    ]),
+    facetOperatorWatcher() {
+      return this.getFacetOperator;
+    },
+    facetGroupOperatorWatcher() {
+      return this.getFacetGroupOperator;
+    },
+    showMoreFacetsShown() {
+      return this.$env.content.catalogs.facets.cutoff > 0 && this.$env.content.catalogs.facets.cutoff < this.getAvailableFacets.length;
+    },
+    getSortedFacets() {
+      const e = this.getAvailableFacets, t = [];
+      return this.defaultFacetOrder.forEach((a) => {
+        e.forEach((s) => {
+          a === s.id && s.items.length > 0 && t.push(s);
+        });
+      }), t;
+    },
+    // 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) : [];
+    }
+  },
+  methods: {
+    isEmpty: l,
+    isBoolean: u,
+    has: g,
+    isNil: p,
+    getFacetTranslation: f,
+    getCountryFlagImg: d,
+    getTranslationFor: F,
+    ...i("catalogDetails", [
+      "loadCatalog",
+      "useCatalogService"
+    ]),
+    ...i("catalogs", [
+      "toggleFacet",
+      "addFacet",
+      "removeFacet",
+      "setFacetOperator",
+      "setFacetGroupOperator",
+      "setPage",
+      "setPageCount"
+    ]),
+    /**
+     * @description Sorts an array of facets by their count.
+     * @param {Array<Object>} facets - The facets to sort
+     * @param {Number} facet.count - The amount of catalogs having this facet assigned
+     * @param {String} facet.name - The name of this facet
+     * @returns {Array<Object>}
+     */
+    toggleCutoff() {
+      this.cutoff = this.cutoff >= 0 ? -1 : this.$env.content.datasets.facets.cutoff;
+    },
+    sortByCount(e, t) {
+      return t === "scoring" ? e : e.slice().sort((a, s) => s.count - a.count !== 0 ? s.count - a.count : a.name < s.name ? -1 : 1);
+    },
+    facetTitle(e) {
+      return e === "scoring" ? r.i18n.t("message.header.navigation.data.metadataquality") : e === "country" ? r.i18n.t("message.datasetFacets.facets.origin") : r.i18n.t(`message.datasetFacets.facets.${e.toLowerCase()}`);
+    },
+    /**
+     * @description Returns whether a facet is selected or not.
+     * @param field - The field of the facet to check.
+     * @param facet - The facet to check.
+     * @returns {boolean}
+     */
+    facetIsSelected(e, t) {
+      const a = t.id;
+      if (!Object.prototype.hasOwnProperty.call(this.$route.query, e))
+        return !1;
+      let s = this.$route.query[e];
+      return Array.isArray(s) || (s = [s]), s.indexOf(a) > -1;
+    },
+    /**
+     * @description Wrapping callback-function for a click on a facet.
+     * @param field - The field of the clicked facet
+     * @param facet - The clicked facet
+     */
+    facetClicked(e, t) {
+      const a = t.id;
+      this.toggleFacet(e, a);
+    },
+    clearFacets() {
+      Object.keys(this.$route.query).some((e) => e !== "locale" && e !== "page" && this.$route.query[e].length) && this.$router.push({ query: { locale: this.$i18n.locale, page: "1" } }).catch((e) => {
+        console.error(e);
+      });
+    },
+    /**
+     * @description Add/Remove a facet from the routers query parameters.
+     * @param field - The field of the facet
+     * @param facet - The given facet
+     */
+    toggleFacet(e, t) {
+      Object.prototype.hasOwnProperty.call(this.$route.query, [e]) || this.$router.push({ query: Object.assign({}, this.$route.query, { [e]: [] }) });
+      let a = this.$route.query[e].slice();
+      Array.isArray(a) || (a = [a]);
+      const s = a.indexOf(t);
+      s > -1 ? a.splice(s, 1) : a.push(t), this.$router.push({ query: Object.assign({}, this.$route.query, { [e]: a, page: 1 }) });
+    },
+    changeFacetOperator(e) {
+      this.setFacetOperator(e), this.setFacetGroupOperator(e);
+    },
+    isErpd() {
+      const e = this.$route.query.superCatalog;
+      return (e.constructor === Array ? e[0] : e) === "erpd" ? "true" : "false";
+    },
+    changeErpd(e) {
+      const t = "erpd", a = this.$route.query.superCatalog, s = a.constructor === Array ? a[0] : a;
+      (e === "false" && s === t || e === "true" && s !== t) && (s === t && delete this.$route.query.showsubcatalogs, this.toggleFacet("superCatalog", t));
+    },
+    /**
+     * @description Toggles the facetoperator between 'or'/'and'.
+     */
+    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);
+    },
+    resetPage() {
+      this.$router.replace({ query: Object.assign({}, this.$route.query, { page: 1 }) });
+    },
+    triggerResize() {
+      setTimeout(() => {
+        window.dispatchEvent(new Event("resize"));
+      }, 200);
+    },
+    getFacetCount(e, t) {
+      return e.id === "scoring" ? "" : t.count;
+    }
+  },
+  watch: {
+    facetOperatorWatcher: {
+      handler(e) {
+        this.$router.replace({ query: Object.assign({}, this.$route.query, { facetOperator: e }) });
+      }
+    },
+    facetGroupOperatorWatcher: {
+      handler(e) {
+        this.$router.replace({ query: Object.assign({}, this.$route.query, { facetGroupOperator: e }) });
+      }
+    },
+    getCatalog(e) {
+      this.superCatalog = e;
+    }
+  },
+  created() {
+    if (this.$route.query.showsubcatalogs) {
+      this.useCatalogService(this.catalogService);
+      const e = this.$route.query.superCatalog;
+      if (typeof e == "string") {
+        const t = e.substring(e.lastIndexOf("/") + 1);
+        this.loadCatalog(t).then(
+          (a) => {
+          }
+        );
+      }
+    }
+  }
+};
+var _ = function() {
+  var t = this, a = t._self._c;
+  return a("div", { staticClass: "container catalog-facets" }, [a("div", { staticClass: "row mx-3 mr-md-0" }, [a("div", { staticClass: "col" }, [a("catalog-details-facet", { staticClass: "catalog-details", attrs: { catalog: t.superCatalog, catalogLanguageIds: t.catalogLanguageIds } }), t._v(" "), t.showFacetsTitle ? a("span", { staticClass: "row h5 font-weight-bold mt-4 mb-3" }, [t._v("Filter by")]) : t._e(), t._v(" "), t.showCatalogDetails ? t._e() : a("settings-facet", { staticClass: "row facet-field mb-3" }), t._v(" "), t._l(t.getSortedFacets, function(s, o) {
+    return a("div", { key: `facet@${o}`, staticClass: "row facet-field mb-3", class: { "mt-3": o > 0 } }, [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.isErpd(), change: t.changeErpd } }) : t._e(), t._v(" "), s.id !== "superCatalog" ? a("select-facet", { staticClass: "col pr-0", attrs: { fieldId: s.id, header: t.facetTitle(s.id), items: t.sortByCount(s.items, s.id), getFacetTranslationWrapper: t.getFacetTranslation, facetIsSelected: t.facetIsSelected, facetClicked: t.facetClicked, multiSelect: s.id !== "scoring" } }) : t._e()], 1);
+  }), t._v(" "), 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(), t._v(" "), t.showClearButton ? a("pv-button", { staticClass: "row mt-5 facets-clear", attrs: { label: "Clear filters", action: t.clearFacets } }) : t._e()], 2)])]);
+}, v = [], $ = /* @__PURE__ */ O(
+  y,
+  _,
+  v,
+  !1,
+  null,
+  "e189c336",
+  null,
+  null
+);
+const P = $.exports;
+export {
+  P as default
+};
+//# sourceMappingURL=CataloguesFacets.vue.mjs.map

package/dist/catalogues/cataloguesFacets/CataloguesFacets.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CataloguesFacets.vue.mjs","sources":["../../../lib/catalogues/cataloguesFacets/CataloguesFacets.vue"],"sourcesContent":["<template>\n  <div class=\"container catalog-facets\">\n    <div class=\"row mx-3 mr-md-0\">\n      <div class=\"col\">\n        <catalog-details-facet class=\"catalog-details\" :catalog=\"superCatalog\"\n          :catalogLanguageIds=\"catalogLanguageIds\" />\n        <span v-if=\"showFacetsTitle\" class=\"row h5 font-weight-bold mt-4 mb-3\">Filter by</span>\n        <settings-facet v-if=\"!showCatalogDetails\" class=\"row facet-field mb-3\" />\n        <div class=\"row facet-field mb-3\" v-for=\"(field, index) in getSortedFacets\" :key=\"`facet@${index}`\"\n          :class=\"{ 'mt-3': (index > 0) }\">\n          <radio-facet v-if=\"field.id === 'superCatalog'\" :title=\"erpd.title\" :property=\"erpd.property\"\n            :toolTipTitle=\"erpd.toolTipTitle\" :optionIds=\"['true', 'false']\" :optionLabels=\"[erpd.yes, erpd.no]\"\n            :initialOption=\"isErpd()\" :change=\"changeErpd\" />\n          <select-facet v-if=\"field.id !== 'superCatalog'\" :fieldId=\"field.id\" :header=\"facetTitle(field.id)\"\n            :items=\"sortByCount(field.items, field.id)\" :getFacetTranslationWrapper=\"getFacetTranslation\"\n            :facetIsSelected=\"facetIsSelected\" :facetClicked=\"facetClicked\" :multiSelect=\"field.id !== 'scoring'\"\n            class=\"col pr-0\" />\n        </div>\n        <pv-show-more v-if=\"showMoreFacetsShown\"\n          :label=\"cutoff >= 0 ? $t('message.datasetFacets.moreFilters') : $t('message.datasetFacets.lessFilters')\"\n          :upArrow=\"cutoff === -1\" :action=\"toggleCutoff\" class=\"p-0 row facets-show-more\" />\n        <pv-button v-if=\"showClearButton\" label=\"Clear filters\" class=\"row mt-5 facets-clear\" :action=\"clearFacets\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex';\nimport {\n  isEmpty,\n  isBoolean,\n  has,\n  isNil,\n  isArray\n} from 'lodash';\nimport DatasetsFacetsItem from '../../datasets/datasetsFacets/DatasetsFacetsItem.vue';\nimport { getTranslationFor, getCountryFlagImg, getFacetTranslation } from '../../utils/helpers';\nimport SettingsFacet from \"../../datasets/datasetsFacets/SettingsFacet\";\nimport CatalogDetailsFacet from '../../facets/CatalogDetailsFacet.vue'\nimport Vue from \"vue\";\n\nexport default {\n  name: 'catalogueFacets',\n  components: {\n    SettingsFacet,\n    DatasetsFacetsItem,\n    CatalogDetailsFacet\n  },\n  dependencies: ['catalogService'],\n  data() {\n    return {\n      cutoff: this.$env.content.catalogs.facets.cutoff,\n      showClearButton: this.$env.content.catalogs.facets.showClearButton,\n      showFacetsTitle: this.$env.content.catalogs.facets.showFacetsTitle,\n      showCatalogDetails: false,\n      superCatalog: {},\n      browser: {\n        /* eslint-disable-next-line */\n        isIE: /*@cc_on!@*/false || !!document.documentMode,\n      },\n      defaultFacetOrder: this.$env.content.catalogs.facets.defaultFacetOrder,\n      MIN_FACET_LIMIT: this.$env.content.catalogs.facets.MIN_FACET_LIMIT,\n      MAX_FACET_LIMIT: this.$env.content.catalogs.facets.MAX_FACET_LIMIT,\n      FACET_OPERATORS: this.$env.content.catalogs.facets.FACET_OPERATORS,\n      FACET_GROUP_OPERATORS: this.$env.content.catalogs.facets.FACET_GROUP_OPERATORS,\n      erpd: {\n        yes: Vue.i18n.t('message.metadata.yes'),\n        no: Vue.i18n.t('message.metadata.no'),\n        property: Vue.i18n.t('message.datasetFacets.facets.erpdOnly'),\n        title: Vue.i18n.t('message.datasetFacets.facets.erpd'),\n        // toolTipTitle: \"TOOLTIP\",//Vue.i18n.t('message.helpIcon.dataServices'),\n      }\n    };\n  },\n  computed: {\n    ...mapGetters('catalogDetails', [\n      'getCatalog',\n    ]),\n    ...mapGetters('catalogs', [\n      'getAvailableFacets',\n      'getCatalogsCount',\n      'getFacetOperator',\n      'getFacetGroupOperator',\n      'getLimit',\n      'getPage',\n      'getFacets',\n    ]),\n    facetOperatorWatcher() {\n      return this.getFacetOperator;\n    },\n    facetGroupOperatorWatcher() {\n      return this.getFacetGroupOperator;\n    },\n    showMoreFacetsShown() {\n      return this.$env.content.catalogs.facets.cutoff > 0 && this.$env.content.catalogs.facets.cutoff < this.getAvailableFacets.length;\n    },\n    getSortedFacets() {\n      const availableFacets = this.getAvailableFacets;\n      const sortedFacets = [];\n\n      this.defaultFacetOrder.forEach((facet) => {\n        availableFacets.forEach((field) => {\n          if (facet === field.id && field.items.length > 0) sortedFacets.push(field);\n        });\n      });\n\n      return sortedFacets;\n    },\n    // Returns the current catalog's available language ids\n    // example: ['en', 'de', 'sv']\n    catalogLanguageIds() {\n      const languages = this.getCatalog && this.getCatalog.languages;\n      if (!isArray(languages)) return [];\n      return languages\n        .map(lang => lang && lang.id)\n        .filter(lang => lang);\n    }\n  },\n  methods: {\n    isEmpty,\n    isBoolean,\n    has,\n    isNil,\n    getFacetTranslation,\n    getCountryFlagImg,\n    getTranslationFor,\n    ...mapActions('catalogDetails', [\n      'loadCatalog',\n      'useCatalogService',\n    ]),\n    ...mapActions('catalogs', [\n      'toggleFacet',\n      'addFacet',\n      'removeFacet',\n      'setFacetOperator',\n      'setFacetGroupOperator',\n      'setPage',\n      'setPageCount',\n    ]),\n    /**\n     * @description Sorts an array of facets by their count.\n     * @param {Array<Object>} facets - The facets to sort\n     * @param {Number} facet.count - The amount of catalogs having this facet assigned\n     * @param {String} facet.name - The name of this facet\n     * @returns {Array<Object>}\n     */\n    toggleCutoff() {\n      this.cutoff = this.cutoff >= 0 ? -1 : this.$env.content.datasets.facets.cutoff;\n    },\n    sortByCount(facets, fieldId) {\n      if (fieldId === 'scoring') return facets;\n      return facets.slice().sort((a, b) => {\n        const n = b.count - a.count;\n        if (n !== 0) return b.count - a.count;\n        if (a.name < b.name) return -1;\n        return 1;\n      });\n    },\n    facetTitle(fieldId) {\n      // return fieldId === 'scoring' ?\n      //   Vue.i18n.t('message.header.navigation.data.metadataquality')\n      //   : Vue.i18n.t(`message.datasetFacets.facets.${fieldId.toLowerCase()}`);\n\n      if (fieldId === 'scoring') {\n        return Vue.i18n.t('message.header.navigation.data.metadataquality')\n      } else if (fieldId === 'country') {\n        return Vue.i18n.t(`message.datasetFacets.facets.origin`)\n      } else {\n        return Vue.i18n.t(`message.datasetFacets.facets.${fieldId.toLowerCase()}`)\n      }\n\n    },\n    /**\n     * @description Returns whether a facet is selected or not.\n     * @param field - The field of the facet to check.\n     * @param facet - The facet to check.\n     * @returns {boolean}\n     */\n    facetIsSelected(field, item) {\n      const facet = item.id;\n      if (!Object.prototype.hasOwnProperty.call(this.$route.query, field)) {\n        return false;\n      }\n      let qField = this.$route.query[field];\n      if (!Array.isArray(qField)) qField = [qField];\n      return qField.indexOf(facet) > -1;\n    },\n    /**\n     * @description Wrapping callback-function for a click on a facet.\n     * @param field - The field of the clicked facet\n     * @param facet - The clicked facet\n     */\n    facetClicked(field, item) {\n      const facet = item.id;\n      this.toggleFacet(field, facet);\n      // this.resetPage();\n    },\n    clearFacets() {\n      if (Object.keys(this.$route.query).some(key => (key !== 'locale' && key !== 'page') && this.$route.query[key].length)) {\n        this.$router.push({ query: { locale: this.$i18n.locale, page: \"1\" } })\n          .catch(error => { console.error(error); });\n      }\n    },\n    /**\n     * @description Add/Remove a facet from the routers query parameters.\n     * @param field - The field of the facet\n     * @param facet - The given facet\n     */\n    toggleFacet(field, facet) {\n      if (!Object.prototype.hasOwnProperty.call(this.$route.query, [field])) {\n        this.$router.push({ query: Object.assign({}, this.$route.query, { [field]: [] }) });\n      }\n      let facets = this.$route.query[field].slice();\n      if (!Array.isArray(facets)) facets = [facets];\n      const index = facets.indexOf(facet);\n      if (index > -1) {\n        facets.splice(index, 1);\n      } else {\n        facets.push(facet);\n      }\n      this.$router.push({ query: Object.assign({}, this.$route.query, { [field]: facets, page: 1 }) });\n    },\n    changeFacetOperator(op) {\n      this.setFacetOperator(op);\n      this.setFacetGroupOperator(op);\n    },\n    isErpd() {\n      const superCatalogs = this.$route.query['superCatalog'];\n      const superCatalog = superCatalogs.constructor === Array ? superCatalogs[0] : superCatalogs;\n      return superCatalog === 'erpd' ? 'true' : 'false';\n      // return superCatalog === 'http://data.europa.eu/88u/catalogue/erpd' ?  'true' : 'false';\n    },\n    changeErpd(erpd) {\n      //https://piveau-hub-search-piveau.apps.osc.fokus.fraunhofer.de/search?filter=catalogue&facets={%22superCatalog%22:[%22http://data.europa.eu/88u/catalogue/erpd%22]}\n      const erdpCatalog = 'erpd';\n      // const erdpCatalog = 'http://data.europa.eu/88u/catalogue/erpd';\n      const superCatalogs = this.$route.query['superCatalog'];\n      const superCatalog = superCatalogs.constructor === Array ? superCatalogs[0] : superCatalogs;\n      if ((erpd === 'false' && superCatalog === erdpCatalog) || (erpd === 'true' && superCatalog !== erdpCatalog)) {\n        if (superCatalog === erdpCatalog) {\n          delete this.$route.query.showsubcatalogs;\n        }\n        this.toggleFacet('superCatalog', erdpCatalog);\n      }\n    },\n    /**\n     * @description Toggles the facetoperator between 'or'/'and'.\n     */\n    toggleFacetGroupOperator() {\n      let op = this.getFacetGroupOperator;\n      op = op === this.FACET_GROUP_OPERATORS.and ? this.FACET_GROUP_OPERATORS.or : this.FACET_GROUP_OPERATORS.and;\n      this.setFacetGroupOperator(op);\n    },\n    resetPage() {\n      this.$router.replace({ query: Object.assign({}, this.$route.query, { page: 1 }) });\n    },\n    triggerResize() {\n      // Note: Trigger resize after 200ms when Modal element is visible to properly display the map component\n      setTimeout(() => {\n        window.dispatchEvent(new Event('resize'));\n      }, 200);\n    },\n    getFacetCount(field, facet) {\n      if (field.id === 'scoring') return '';\n      return facet.count;\n    }\n  },\n  watch: {\n    facetOperatorWatcher: {\n      handler(facetOperator) {\n        this.$router.replace({ query: Object.assign({}, this.$route.query, { facetOperator }) });\n      },\n    },\n    facetGroupOperatorWatcher: {\n      handler(facetGroupOperator) {\n        this.$router.replace({ query: Object.assign({}, this.$route.query, { facetGroupOperator }) });\n      },\n    },\n    getCatalog(catalog) {\n      this.superCatalog = catalog;\n    }\n  },\n  created() {\n    if (this.$route.query.showsubcatalogs) {\n      this.useCatalogService(this.catalogService);\n      const superCatalogUrl = this.$route.query.superCatalog;\n      if (typeof superCatalogUrl === 'string') {\n        const catalogId = superCatalogUrl.substring(superCatalogUrl.lastIndexOf('/') + 1);\n        this.loadCatalog(catalogId)\n          .then(result => {\n            // console.log(\"HELLLLO\", result)\n          }\n          )\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.facet:hover {\n  cursor: pointer;\n}\n\n.custom-control {\n  padding-left: 1.5rem;\n  margin-right: 1rem;\n}\n\n.custom-control-label {\n  &::before {\n    left: -1.5rem !important;\n  }\n\n  &::after {\n    left: -1.5rem !important;\n  }\n}\n\n.custom-control-input:checked~.custom-control-label::before {\n  border-color: var(--primary);\n  background-color: var(--primary);\n}\n\n.map {\n  z-index: 0;\n}\n\n.suggestion-input-group {\n  position: relative;\n}\n\n.suggestion-input {\n  position: absolute;\n  top: 0;\n}\n\n.suggestion-list-group {\n  position: relative;\n  width: 100%;\n}\n\n.suggestion-list {\n  width: 100%;\n  position: absolute;\n  top: 0;\n  z-index: 100;\n}\n\n.map-modal-button {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n}\n\n.reset-bounds-button {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n#modal-map-wrapper {\n  padding-right: 1.5rem !important;\n  padding-left: 1.5rem !important;\n}\n</style>\n"],"names":["_sfc_main","SettingsFacet","DatasetsFacetsItem","CatalogDetailsFacet","Vue","mapGetters","availableFacets","sortedFacets","facet","field","languages","isArray","lang","isEmpty","isBoolean","has","isNil","getFacetTranslation","getCountryFlagImg","getTranslationFor","mapActions","facets","fieldId","b","item","qField","key","error","index","op","superCatalogs","erpd","erdpCatalog","superCatalog","facetOperator","facetGroupOperator","catalog","superCatalogUrl","catalogId","result"],"mappings":"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"}

package/dist/catalogues/cataloguesFacets/CataloguesFacets.vue2.mjs

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

package/dist/catalogues/cataloguesFacets/CataloguesFacets.vue2.mjs.map

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

package/dist/citation/DatasetCitationModal.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<{
+    modalId: {
+        type: StringConstructor;
+        default: string;
+    };
+    citationStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    availableCitationStyles: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}, {}, {}, {
+    [x: string]: import('vuex').Computed;
+}, {}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<{
+    modalId: {
+        type: StringConstructor;
+        default: string;
+    };
+    citationStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    availableCitationStyles: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>>, {
+    modalId: string;
+    citationStyle: string;
+}>;
+export default _default;

package/dist/citation/DatasetCitationModal.vue.mjs

@@ -0,0 +1,54 @@
+import { mapGetters as i } from "vuex";
+import l from "../_virtual/_plugin-vue2_normalizer.mjs";
+const o = {
+  components: {
+    //  Lazy-load DatasetCitationTable
+    DatasetCitationTable: () => import(
+      /* webpackChunkName: "dataset-citation-table" */
+      "./DatasetCitationTable.vue.mjs"
+    )
+  },
+  props: {
+    modalId: {
+      type: String,
+      default: "citationModal"
+    },
+    citationStyle: {
+      type: String,
+      default: ""
+    },
+    availableCitationStyles: {
+      type: Object,
+      required: !0
+    }
+  },
+  computed: {
+    ...i("datasetDetails", [
+      "getLoading",
+      "getID"
+    ])
+  }
+};
+var s = function() {
+  var t = this, a = t._self._c;
+  return a("div", { staticClass: "modal fade", attrs: { id: "citationModal", tabindex: "-1", role: "dialog", "aria-labelledby": "deleteModalLabel", "aria-hidden": "true", "data-cy": "citation-modal" } }, [a("div", { staticClass: "modal-dialog modal-lg", attrs: { role: "document" } }, [a("div", { staticClass: "modal-content" }, [a("div", { staticClass: "modal-header" }, [a("h2", { staticClass: "modal-title", attrs: { id: "deleteModalLabel" } }, [t._v(`
+          ` + t._s(t.$t("message.cite.title")) + `
+        `)]), t._v(" "), t._m(0)]), t._v(" "), a("div", { staticClass: "modal-body" }, [t.citationStyle && !t.getLoading && t.getID ? a("dataset-citation-table", { attrs: { "modal-id": t.modalId, "citation-style": t.citationStyle, "available-citation-styles": t.availableCitationStyles } }) : t._e()], 1)])])]);
+}, d = [function() {
+  var e = this, t = e._self._c;
+  return t("button", { staticClass: "close", attrs: { type: "button", "data-dismiss": "modal", "aria-label": "Close", "data-cy": "citation-modal-close" } }, [t("span", { attrs: { "aria-hidden": "true" } }, [e._v("×")])]);
+}], n = /* @__PURE__ */ l(
+  o,
+  s,
+  d,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const m = n.exports;
+export {
+  m as default
+};
+//# sourceMappingURL=DatasetCitationModal.vue.mjs.map

package/dist/citation/DatasetCitationModal.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetCitationModal.vue.mjs","sources":["../../lib/citation/DatasetCitationModal.vue"],"sourcesContent":["<template>\n  <div class=\"modal fade\" id=\"citationModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"deleteModalLabel\"\n    aria-hidden=\"true\" data-cy=\"citation-modal\">\n    <div class=\"modal-dialog modal-lg\" role=\"document\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h2 class=\"modal-title\" id=\"deleteModalLabel\">\n            {{ $t('message.cite.title') }}\n          </h2>\n          <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" data-cy=\"citation-modal-close\">\n            <span aria-hidden=\"true\">&times;</span>\n          </button>\n        </div>\n        <div class=\"modal-body\">\n          <dataset-citation-table\n            v-if=\"citationStyle && !getLoading && getID\"\n            :modal-id=\"modalId\"\n            :citation-style=\"citationStyle\"\n            :available-citation-styles=\"availableCitationStyles\"\n          />\n        </div>\n        <!-- Export options -->\n        <!-- Currently unused but might be useful in the future -->\n        <!-- <div v-if=\"false\" class=\"modal-footer\">\n          <button v-for=\"({name, args, postprocess, extension, disabled}, format) in exportFormats\"\n            :key=\"`format@${format}`\" type=\"button\" class=\"btn btn-link\" :disabled=\"disabled || getLoading || !citation\"\n            @click=\"handleCitationExport({ args, postprocess, extension, filename: getID })\">\n            {{ name }}\n          </button>\n        </div> -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  components: {\n    //  Lazy-load DatasetCitationTable\n    DatasetCitationTable: () => import(/* webpackChunkName: \"dataset-citation-table\" */ \"./DatasetCitationTable.vue\"),\n  },\n  props: {\n    modalId: {\n      type: String,\n      default: 'citationModal',\n    },\n    citationStyle: {\n      type: String,\n      default: '',\n    },\n    availableCitationStyles: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getLoading',\n      'getID'\n    ]),\n  }\n}\n</script>\n"],"names":["_sfc_main","mapGetters"],"mappings":";;AAsCA,MAAAA,IAAA;AAAA,EACA,YAAA;AAAA;AAAA,IAEA,sBAAA,MAAA;AAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,yBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,GAAAC,EAAA,kBAAA;AAAA,MACA;AAAA,MACA;AAAA,IACA,CAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;"}

package/dist/citation/DatasetCitationTable.vue.d.ts

@@ -0,0 +1,69 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<{
+    modalId: {
+        type: StringConstructor;
+        required: true;
+    };
+    citationStyle: {
+        type: StringConstructor;
+        required: true;
+    };
+    availableCitationStyles: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}, {}, {
+    currentCitationId: null;
+    citation: null;
+}, {
+    /**
+     * Provide bibliography html based on current citation and citation style
+     */
+    bibliographyHtml(): any;
+    /**
+     * Provide bibliography text for clipboard content
+     */
+    bibliographyText(): any;
+    isReady(): false | null;
+}, {
+    /**
+     * Retrieves Citation Style Language (CSL) based on current dataset in store
+     * Side-effect: sets vm.citation to the resulting citation object
+     * @param vm Vue instance
+     */
+    retrieveCitation: (vm: any) => Promise<any>;
+    /**
+     * Handle export of the citation
+     *
+     * @param {Object} format - The export format object
+     * @param {String} format.args - The arguments to be passed into citation.format
+     * @param {String} format.postprocess - A function to be called on the result of citation.format
+     * @param {String} format.extension - The file extension
+     * @param {String} format.filename - The filename
+     */
+    /**
+     * Download the given content as a file
+     *
+     * @see https://stackoverflow.com/a/45831280
+     *
+     * @param {String} filename - The filename
+     * @param {String} content - The content to be downloaded
+     */
+    /**
+     * Copy the bibliography to the clipboard
+     */
+    handleCopyToClipboard(): Promise<void>;
+}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, "ready"[], string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<{
+    modalId: {
+        type: StringConstructor;
+        required: true;
+    };
+    citationStyle: {
+        type: StringConstructor;
+        required: true;
+    };
+    availableCitationStyles: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;