@piveau/piveau-hub-ui-modules 4.4.28 → 4.5.0

package/dist/data-provider-interface/views/OverviewPage.vue.mjs

@@ -1,15 +1,15 @@
-import f from "axios";
-import { mapGetters as p, mapActions as w } from "vuex";
-import y from "../components/LanguageSelector.vue.mjs";
+import w from "axios";
+import { mapGetters as u, mapActions as y } from "vuex";
+import b from "../components/LanguageSelector.vue.mjs";
 import x from "./OverviewPage/DatasetOverview.vue.mjs";
 import C from "./OverviewPage/CatalogueOverview.vue.mjs";
-import { useIntersectionObserver as _ } from "../../external/@vueuse/core/index";
-import { useTemplateRef as k, ref as D, resolveComponent as s, openBlock as o, createElementBlock as n, Fragment as I, createElementVNode as r, createTextVNode as l, toDisplayString as L, createVNode as O, createBlock as u, createCommentVNode as v, createStaticVNode as V } from "vue";
+import { useIntersectionObserver as I } from "../../external/@vueuse/core/index";
+import { getCurrentInstance as _, useTemplateRef as k, ref as D, resolveComponent as l, openBlock as o, createElementBlock as r, Fragment as L, createElementVNode as s, createTextVNode as n, toDisplayString as O, createVNode as V, createBlock as v, createCommentVNode as c, createStaticVNode as A } from "vue";
 import "./OverviewPage.vue2.mjs";
-import A from "../../_virtual/_plugin-vue_export-helper.mjs";
-const E = {
+import E from "../../_virtual/_plugin-vue_export-helper.mjs";
+const P = {
   components: {
-    LanguageSelector: y,
+    LanguageSelector: b,
     DatasetOverview: x,
     CatalogueOverview: C
   },
@@ -22,16 +22,17 @@ const E = {
     }
   },
   data() {
-    var t;
+    var a;
     return {
-      dpiLocale: ((t = this.$route.query) == null ? void 0 : t.locale) || this.$i18n.locale || this.$i18n.fallbackLocale || "en"
+      instance: _().appContext.app.config.globalProperties.$env,
+      dpiLocale: ((a = this.$route.query) == null ? void 0 : a.locale) || this.$i18n.locale || this.$i18n.fallbackLocale || "en"
     };
   },
   computed: {
-    ...p("auth", [
+    ...u("auth", [
       "getIsEditMode"
     ]),
-    ...p("dpiStore", [
+    ...u("dpiStore", [
       "getData"
     ]),
     showDatasetsOverview() {
@@ -42,7 +43,7 @@ const E = {
     }
   },
   methods: {
-    ...w("dpiStore", [
+    ...y("dpiStore", [
       "clearAll",
       "saveLocalstorageValues"
     ]),
@@ -96,12 +97,12 @@ const E = {
     //     });
     //   }
     // },
-    checkID(t) {
-      this.getIsEditMode || this.checkUniqueID(t).then((e) => {
+    checkID(a) {
+      this.getIsEditMode || this.checkUniqueID(a).then((e) => {
         e || this.$router.push({
           name: "DataProviderInterface-Input",
           params: {
-            property: t,
+            property: a,
             page: "step1"
           },
           query: {
@@ -111,11 +112,11 @@ const E = {
         });
       });
     },
-    checkUniqueID(t) {
+    checkUniqueID(a) {
       return new Promise((e) => {
-        if (this.getData(t)["@id"] !== "") {
-          const i = `${this.$env.api.hubUrl}${t}/${this.getData(t)["@id"]}?useNormalizedId=true`;
-          f.head(i).then(() => {
+        if (this.getData(a)["@id"] !== "") {
+          const i = `${this.$env.api.hubUrl}${a}/${this.getData(a)["@id"]}?useNormalizedId=true`;
+          w.head(i).then(() => {
             e(!1);
           }).catch(() => {
             e(!0);
@@ -130,9 +131,9 @@ const E = {
     });
   },
   setup() {
-    const t = k("overview-page"), e = D(!1);
-    return _(
-      t,
+    const a = k("overview-page"), e = D(!1);
+    return I(
+      a,
       ([{ isIntersecting: i }]) => {
         e.value = i;
       },
@@ -141,70 +142,77 @@ const E = {
       }
     ), { overviewPageIsVisible: e };
   }
-}, P = {
+}, S = {
   ref: "overview-page",
   class: "col-12"
-}, S = { class: "mt-5 mb-0" }, M = { class: "row" }, N = { class: "col-10" }, T = {
+}, M = { class: "mt-5 mb-0" }, N = { class: "row" }, T = { class: "col-10" }, q = {
   key: 0,
   class: "mb-3"
-}, q = {
+}, B = {
   key: 1,
   class: "mb-3"
+}, U = {
+  key: 0,
+  class: "legalnotice py-5",
+  style: { width: "90%", margin: "0 auto" }
 };
-function B(t, e, i, c, a, d) {
-  const b = s("LanguageSelector"), m = s("DatasetOverview"), h = s("CatalogueOverview");
-  return o(), n(I, null, [
-    r("div", P, [
-      r("div", S, [
-        r("div", M, [
-          r("div", N, [
-            l(L(t.$t("message.dataupload.info.selectDisplayLanguage")) + `:
+function $(a, e, i, p, t, d) {
+  const m = l("LanguageSelector"), h = l("DatasetOverview"), g = l("CatalogueOverview");
+  return o(), r(L, null, [
+    s("div", S, [
+      s("div", M, [
+        s("div", N, [
+          s("div", T, [
+            n(O(a.$t("message.dataupload.info.selectDisplayLanguage")) + `:
           `, 1),
-            O(b, {
+            V(m, {
               class: "ml-1",
-              modelValue: a.dpiLocale,
-              "onUpdate:modelValue": e[0] || (e[0] = (g) => a.dpiLocale = g)
+              modelValue: t.dpiLocale,
+              "onUpdate:modelValue": e[0] || (e[0] = (f) => t.dpiLocale = f)
             }, null, 8, ["modelValue"])
           ])
         ])
       ]),
-      e[1] || (e[1] = l()),
-      d.showDatasetsOverview && c.overviewPageIsVisible ? (o(), n("div", T, [
-        (o(), u(m, {
-          dpiLocale: a.dpiLocale,
-          key: a.dpiLocale
+      e[1] || (e[1] = n()),
+      d.showDatasetsOverview && p.overviewPageIsVisible ? (o(), r("div", q, [
+        (o(), v(h, {
+          dpiLocale: t.dpiLocale,
+          key: t.dpiLocale
         }, null, 8, ["dpiLocale"]))
-      ])) : v("", !0),
-      e[2] || (e[2] = l()),
-      d.showCatalogsOverview && c.overviewPageIsVisible ? (o(), n("div", q, [
-        (o(), u(h, {
-          dpiLocale: a.dpiLocale,
-          key: a.dpiLocale
+      ])) : c("", !0),
+      e[2] || (e[2] = n()),
+      d.showCatalogsOverview && p.overviewPageIsVisible ? (o(), r("div", B, [
+        (o(), v(g, {
+          dpiLocale: t.dpiLocale,
+          key: t.dpiLocale
         }, null, 8, ["dpiLocale"]))
-      ])) : v("", !0)
+      ])) : c("", !0)
     ], 512),
-    e[3] || (e[3] = V(` <div class="legalnotice py-5" style="width:90%;margin:0 auto;" data-v-335b2b68><div class="d-flex align-items-start" data-v-335b2b68><svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" fill="currentColor" class="bi bi-info-circle mx-3 mb-3 mt-1 infoboxI" viewBox="0 0 16 16" data-v-335b2b68><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" data-v-335b2b68></path> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" data-v-335b2b68></path></svg> <div class="w-80" data-v-335b2b68><p data-v-335b2b68>For <strong data-v-335b2b68>European</strong> <strong data-v-335b2b68>Commission&#39;s datasets</strong>, bear in mind that <a class="external-link" href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833" target="_blank" rel="nofollow noopener" data-v-335b2b68><ins data-v-335b2b68>Decision 2011/833/EU</ins></a> allows for their commercial
+    e[4] || (e[4] = n()),
+    t.instance.content.dataProviderInterface.annifIntegration ? (o(), r("div", U, e[3] || (e[3] = [
+      A(`<div class="d-flex align-items-start" data-v-a416ae97><svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" fill="currentColor" class="bi bi-info-circle mx-3 mb-3 mt-1 infoboxI" viewBox="0 0 16 16" data-v-a416ae97><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" data-v-a416ae97></path> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" data-v-a416ae97></path></svg> <div class="w-80" data-v-a416ae97><p data-v-a416ae97>For <strong data-v-a416ae97>European</strong> <strong data-v-a416ae97>Commission&#39;s datasets</strong>, bear in mind that <a class="external-link" href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833" target="_blank" rel="nofollow noopener" data-v-a416ae97><ins data-v-a416ae97>Decision 2011/833/EU</ins></a> allows for their commercial
           reuse
           without prior authorisation, except for the material subject to the third party intellectual property rights.
           This
-          Decision has been implemented under the <a class="external-link" href="https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en" target="_blank" rel="nofollow noopener" data-v-335b2b68><ins data-v-335b2b68>Decision C(2019) 1655 final</ins></a> by which Creative Commons
+          Decision has been implemented under the <a class="external-link" href="https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en" target="_blank" rel="nofollow noopener" data-v-a416ae97><ins data-v-a416ae97>Decision C(2019) 1655 final</ins></a> by which Creative Commons
           Attribution 4.0
           International Public License (CC BY 4.0) is adopted as an open licence for the Commission&#39;s reuse policy.
           Additionally, raw data, metadata or other documents of comparable nature may alternatively be distributed
           under
-          the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).</p> <p data-v-335b2b68>The <strong data-v-335b2b68>Council</strong> and the <strong data-v-335b2b68>European Court of Auditors</strong> have
-          approved similar decisions on reuse. It is advisable that you check <strong data-v-335b2b68>the reuse policy of your
-            organisation</strong> before publishing or submitting your dataset.</p></div></div> <div class="d-flex align-items-start mt-4" data-v-335b2b68><svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" fill="currentColor" class="bi bi-info-circle mx-3 mb-3 mt-1 infoboxI" viewBox="0 0 16 16" data-v-335b2b68><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" data-v-335b2b68></path> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" data-v-335b2b68></path></svg> <div class="w-80" data-v-335b2b68><p data-v-335b2b68>As owner of your dataset, you guarantee that it does not violate the copyright, other intellectual property
+          the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).</p> <p data-v-a416ae97>The <strong data-v-a416ae97>Council</strong> and the <strong data-v-a416ae97>European Court of Auditors</strong> have
+          approved similar decisions on reuse. It is advisable that you check <strong data-v-a416ae97>the reuse policy of your
+            organisation</strong> before publishing or submitting your dataset.</p></div></div> <div class="d-flex align-items-start mt-4" data-v-a416ae97><svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" fill="currentColor" class="bi bi-info-circle mx-3 mb-3 mt-1 infoboxI" viewBox="0 0 16 16" data-v-a416ae97><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" data-v-a416ae97></path> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" data-v-a416ae97></path></svg> <div class="w-80" data-v-a416ae97><p data-v-a416ae97>As owner of your dataset, you guarantee that it does not violate the copyright, other intellectual property
           or
           privacy rights of any third party. In particular, if third party material is included in the dataset, you must
           ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if
           necessary.
-        </p> <p data-v-335b2b68>If you need further information regarding <strong data-v-335b2b68>licenses or copyright</strong> issues, please contact us
-          at <span class="nobr" data-v-335b2b68><a class="external-link" href="mailto:op-copyright@publications.europa.eu" target="_blank" rel="nofollow noopener" data-v-335b2b68>op-copyright@publications.europa.eu</a></span></p></div></div></div>`, 2))
+        </p> <p data-v-a416ae97>If you need further information regarding <strong data-v-a416ae97>licenses or copyright</strong> issues, please contact us
+          at <span class="nobr" data-v-a416ae97><a class="external-link" href="mailto:op-copyright@publications.europa.eu" target="_blank" rel="nofollow noopener" data-v-a416ae97>op-copyright@publications.europa.eu</a></span></p></div></div>`, 3)
+    ]))) : c("", !0)
   ], 64);
 }
-const H = /* @__PURE__ */ A(E, [["render", B], ["__scopeId", "data-v-335b2b68"]]);
+const K = /* @__PURE__ */ E(P, [["render", $], ["__scopeId", "data-v-a416ae97"]]);
 export {
-  H as default
+  K as default
 };
 //# sourceMappingURL=OverviewPage.vue.mjs.map

package/dist/data-provider-interface/views/OverviewPage.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OverviewPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/OverviewPage.vue"],"sourcesContent":["<template>\n  <div ref=\"overview-page\" class=\"col-12\">\n    <!-- LANGUAGE SELECTOR -->\n    <div class=\"mt-5 mb-0\">\n      <div class=\"row\">\n        <div class=\"col-10 \">\n          {{ $t('message.dataupload.info.selectDisplayLanguage') }}:\n          <LanguageSelector class=\"ml-1\" v-model=\"dpiLocale\"></LanguageSelector>\n        </div>\n      </div>\n    </div>\n    <div class=\"mb-3\" v-if=\"showDatasetsOverview && overviewPageIsVisible\">\n      <DatasetOverview :dpiLocale=\"dpiLocale\" :key=\"dpiLocale\" />\n    </div>\n    <div class=\"mb-3\" v-if=\"showCatalogsOverview && overviewPageIsVisible\">\n      <CatalogueOverview :dpiLocale=\"dpiLocale\" :key=\"dpiLocale\" />\n    </div>\n  </div>\n\n  <div class=\"legalnotice py-5\" style=\"width: 90%; margin: 0 auto;\">\n    <div class=\"d-flex align-items-start\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI\" viewBox=\"0 0 16 16\">\n        <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n        <path\n          d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      </svg>\n      <div class=\"w-80\">\n        <p>For <strong>European</strong>&nbsp;<strong>Commission's datasets</strong>, bear in mind that&nbsp;<a\n            class=\"external-link\" href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833\"\n            target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision 2011/833/EU</ins></a> allows for their commercial\n          reuse\n          without prior authorisation, except for the material subject to the third party intellectual property rights.\n          This\n          Decision has been implemented under the&nbsp;<a class=\"external-link\"\n            href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en\"\n            target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision C(2019) 1655 final</ins></a> by which Creative Commons\n          Attribution 4.0\n          International Public License (CC BY 4.0) is adopted as an open licence for the Commission's reuse policy.\n          Additionally, raw data, metadata or other documents of comparable nature may alternatively be distributed\n          under\n          the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).</p>\n        <p>The&nbsp;<strong>Council</strong>&nbsp;and the&nbsp;<strong>European Court of Auditors</strong>&nbsp;have\n          approved similar decisions on reuse. It is advisable that you check&nbsp;<strong>the reuse policy of your\n            organisation</strong>&nbsp;before publishing or submitting your dataset.</p>\n      </div>\n    </div>\n    <!-- <p>&nbsp;</p>\n     <hr />\n    <p>&nbsp;</p> -->\n\n    <div class=\"d-flex align-items-start mt-4\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI \" viewBox=\"0 0 16 16\">\n        <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n        <path\n          d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      </svg>\n      <div class=\"w-80\">\n        <p>As owner of your dataset, you guarantee that it does not violate the copyright, other intellectual property\n          or\n          privacy rights of any third party. In particular, if third party material is included in the dataset, you must\n          ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if\n          necessary.\n        </p>\n        <p>If you need further information regarding <strong>licenses or copyright</strong> issues, please contact us\n          at&nbsp;<span class=\"nobr\"><a class=\"external-link\" href=\"mailto:op-copyright@publications.europa.eu\"\n              target=\"_blank\" rel=\"nofollow noopener\">op-copyright@publications.europa.eu</a></span></p>\n      </div>\n    </div>\n  </div>\n\n</template>\n\n<script>\n/* eslint-disable no-restricted-syntax,guard-for-in */\nimport axios from 'axios';\nimport { mapActions, mapGetters } from 'vuex';\n\nimport LanguageSelector from '../components/LanguageSelector';\nimport DatasetOverview from './OverviewPage/DatasetOverview.vue';\nimport CatalogueOverview from './OverviewPage/CatalogueOverview.vue';\n\nimport { useIntersectionObserver } from '@vueuse/core'\nimport { ref, useTemplateRef } from 'vue'\n\nexport default {\n  components: {\n    LanguageSelector,\n    DatasetOverview,\n    CatalogueOverview,\n  },\n  props: {\n    property: {\n      type: String\n    },\n    context: {\n      type: Object,\n    },\n  },\n  data() {\n    return {\n      dpiLocale: this.$route.query?.locale || this.$i18n.locale || this.$i18n.fallbackLocale || 'en',\n    }\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getIsEditMode',\n    ]),\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n    showDatasetsOverview() {\n      return this.property === 'datasets';\n    },\n    showCatalogsOverview() {\n      return this.property === 'catalogues';\n    }\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'clearAll',\n      'saveLocalstorageValues',\n    ]),\n    clear() {\n      this.clearAll();\n    },\n    /*** Overview Page checker functionality ***/\n    // checkDatasetMandatory() {\n    //   if (!JSON.parse(localStorage.getItem('dpi_mandatory'))['datasets']) {\n    //     this.$router.push({ \n    //       name: 'DataProviderInterface-Input', \n    //       params: { \n    //         property: 'datasets', \n    //         page: 'step1' \n    //       }, \n    //       query: { \n    //         error: 'mandatoryDataset', \n    //         locale: this.$route.query.locale \n    //       } \n    //     });\n    //   }\n    // },\n    // checkDistributionMandatory() {\n    //   if (!JSON.parse(localStorage.getItem('dpi_mandatory'))['distributions'].length > 0 && !JSON.parse(localStorage.getItem('dpi_mandatory'))['distributions'].every(el => el === true)) {\n    //     this.$router.push({\n    //       name: 'DataProviderInterface-Input',\n    //       path: '/dpi/datasets/distoverview',\n    //       params: {\n    //         property: 'datasets',\n    //         page: 'distoverview',\n    //       },\n    //       query: {\n    //         error: 'mandatoryDistribution',\n    //         locale: this.$route.query.locale\n    //       },\n    //     });\n    //   }\n    // },\n    // checkCatalogueMandatory() {\n    //   if (!JSON.parse(localStorage.getItem('dpi_mandatory'))['catalogues']) {\n    //     this.$router.push({ \n    //       name: 'DataProviderInterface-Input', \n    //       params: { \n    //         property: 'catalogues', \n    //         page: 'step1' \n    //       }, \n    //       query: { \n    //         error: 'mandatoryCatalog', \n    //         locale: this.$route.query.locale\n    //       } \n    //     });\n    //   }\n    // },\n    checkID(property) {\n      // Check uniqueness of Dataset ID\n      if (!this.getIsEditMode) {\n        this.checkUniqueID(property)\n          .then((isUniqueID) => {\n            if (!isUniqueID) {\n              // Dataset ID not unique / taken in meantime --> Redirect to step1 where the user can choose a new ID\n              this.$router.push({\n                name: 'DataProviderInterface-Input',\n                params: {\n                  property: property,\n                  page: 'step1'\n                },\n                query: {\n                  error: 'id',\n                  locale: this.$route.query.locale\n                }\n              });\n            }\n          });\n      }\n    },\n    checkUniqueID(property) {\n      return new Promise((resolve) => {\n        if (this.getData(property)['@id'] !== '') {\n          const request = `${this.$env.api.hubUrl}${property}/${this.getData(property)['@id']}?useNormalizedId=true`;\n          axios.head(request)\n            .then(() => {\n              resolve(false);\n            })\n            .catch(() => {\n              resolve(true);\n            });\n        }\n      });\n    },\n  },\n  created() {\n    this.$nextTick(() => {\n      if (this.property === 'datasets') {\n        // this.checkID('datasets');\n        // this.checkDatasetMandatory();\n        // this.checkDistributionMandatory();\n      }\n\n      if (this.property === 'catalogues') {\n        // this.checkID('catalogues')\n        // this.checkCatalogueMandatory();\n      }\n    });\n  },\n  setup() {\n    const target = useTemplateRef('overview-page')\n    const overviewPageIsVisible = ref(false)\n\n    // Workaround.\n    // Ensure the individual overview pages are only mounted whenever this overview page is visible.\n    // For some reason, the form values are not reactive so on initial load, the distribution values are not displayed properly.\n    // This workaround delays the initial mount of the overview page until the overview page is visible.\n    // We use the IntersectionObserver to check if the overview page is visible, but we could also use more proper datamodels to determine this.\n    // todo: figure out why the form values are not reactive on initial load\n    useIntersectionObserver(\n      target,\n      ([{ isIntersecting }]) => {\n        overviewPageIsVisible.value = isIntersecting\n      },\n      {\n        rootMargin: '999999px 999999px 999999px 999999px'\n      }\n    )\n\n    return {overviewPageIsVisible}\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.heading,\n.description,\n.arrow {\n  cursor: pointer;\n}\n\n.options,\n.download {\n  .dropdown-menu {\n    min-width: 300px;\n\n    .dropdown-item {\n      &:hover {\n        color: initial;\n        background-color: initial;\n      }\n    }\n  }\n}\n\n.legalnotice {\n  a {\n    color: blue;\n  }\n\n  padding: 1rem;\n  background-color: rgb(171, 225, 165)\n}\n\n.infoboxI {\n  width: 5%;\n}\n\n.w-80 {\n  width: 80%;\n}\n\n</style>\n"],"names":["_sfc_main","LanguageSelector","DatasetOverview","CatalogueOverview","_a","mapGetters","mapActions","property","isUniqueID","resolve","request","axios","target","useTemplateRef","overviewPageIsVisible","ref","useIntersectionObserver","isIntersecting","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_hoisted_1","_createTextVNode","_toDisplayString","_ctx","_createVNode","_component_LanguageSelector","$data","_cache","$event","$options","$setup","_hoisted_5","_createBlock","_component_DatasetOverview","_createCommentVNode","_hoisted_6","_component_CatalogueOverview","_createStaticVNode"],"mappings":"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"}
+{"version":3,"file":"OverviewPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/OverviewPage.vue"],"sourcesContent":["<template>\n  <div ref=\"overview-page\" class=\"col-12\">\n    <!-- LANGUAGE SELECTOR -->\n    <div class=\"mt-5 mb-0\">\n      <div class=\"row\">\n        <div class=\"col-10 \">\n          {{ $t('message.dataupload.info.selectDisplayLanguage') }}:\n          <LanguageSelector class=\"ml-1\" v-model=\"dpiLocale\"></LanguageSelector>\n        </div>\n      </div>\n    </div>\n    <div class=\"mb-3\" v-if=\"showDatasetsOverview && overviewPageIsVisible\">\n      <DatasetOverview :dpiLocale=\"dpiLocale\" :key=\"dpiLocale\" />\n    </div>\n    <div class=\"mb-3\" v-if=\"showCatalogsOverview && overviewPageIsVisible\">\n      <CatalogueOverview :dpiLocale=\"dpiLocale\" :key=\"dpiLocale\" />\n    </div>\n  </div>\n<!-- Legal notice *** Checks for ANNIF to determine that this UI is DEU -->\n  <div v-if=\"instance.content.dataProviderInterface.annifIntegration\" class=\"legalnotice py-5\" style=\"width: 90%; margin: 0 auto;\">\n    <div class=\"d-flex align-items-start\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI\" viewBox=\"0 0 16 16\">\n        <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n        <path\n          d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      </svg>\n      <div class=\"w-80\">\n        <p>For <strong>European</strong>&nbsp;<strong>Commission's datasets</strong>, bear in mind that&nbsp;<a\n            class=\"external-link\" href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833\"\n            target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision 2011/833/EU</ins></a> allows for their commercial\n          reuse\n          without prior authorisation, except for the material subject to the third party intellectual property rights.\n          This\n          Decision has been implemented under the&nbsp;<a class=\"external-link\"\n            href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en\"\n            target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision C(2019) 1655 final</ins></a> by which Creative Commons\n          Attribution 4.0\n          International Public License (CC BY 4.0) is adopted as an open licence for the Commission's reuse policy.\n          Additionally, raw data, metadata or other documents of comparable nature may alternatively be distributed\n          under\n          the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).</p>\n        <p>The&nbsp;<strong>Council</strong>&nbsp;and the&nbsp;<strong>European Court of Auditors</strong>&nbsp;have\n          approved similar decisions on reuse. It is advisable that you check&nbsp;<strong>the reuse policy of your\n            organisation</strong>&nbsp;before publishing or submitting your dataset.</p>\n      </div>\n    </div>\n    <!-- <p>&nbsp;</p>\n     <hr />\n    <p>&nbsp;</p> -->\n\n    <div class=\"d-flex align-items-start mt-4\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI \" viewBox=\"0 0 16 16\">\n        <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n        <path\n          d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      </svg>\n      <div class=\"w-80\">\n        <p>As owner of your dataset, you guarantee that it does not violate the copyright, other intellectual property\n          or\n          privacy rights of any third party. In particular, if third party material is included in the dataset, you must\n          ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if\n          necessary.\n        </p>\n        <p>If you need further information regarding <strong>licenses or copyright</strong> issues, please contact us\n          at&nbsp;<span class=\"nobr\"><a class=\"external-link\" href=\"mailto:op-copyright@publications.europa.eu\"\n              target=\"_blank\" rel=\"nofollow noopener\">op-copyright@publications.europa.eu</a></span></p>\n      </div>\n    </div>\n  </div>\n\n</template>\n\n<script>\n/* eslint-disable no-restricted-syntax,guard-for-in */\nimport axios from 'axios';\nimport { mapActions, mapGetters } from 'vuex';\n\nimport LanguageSelector from '../components/LanguageSelector';\nimport DatasetOverview from './OverviewPage/DatasetOverview.vue';\nimport CatalogueOverview from './OverviewPage/CatalogueOverview.vue';\n\nimport { useIntersectionObserver } from '@vueuse/core'\nimport { ref, useTemplateRef } from 'vue'\nimport { getCurrentInstance } from \"vue\";\n\nexport default {\n  components: {\n    LanguageSelector,\n    DatasetOverview,\n    CatalogueOverview,\n  },\n  props: {\n    property: {\n      type: String\n    },\n    context: {\n      type: Object,\n    },\n  },\n  data() {\n    return {\n      instance : getCurrentInstance().appContext.app.config.globalProperties.$env,\n      dpiLocale: this.$route.query?.locale || this.$i18n.locale || this.$i18n.fallbackLocale || 'en',\n    }\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getIsEditMode',\n    ]),\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n    showDatasetsOverview() {\n      return this.property === 'datasets';\n    },\n    showCatalogsOverview() {\n      return this.property === 'catalogues';\n    }\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'clearAll',\n      'saveLocalstorageValues',\n    ]),\n    clear() {\n      this.clearAll();\n    },\n    /*** Overview Page checker functionality ***/\n    // checkDatasetMandatory() {\n    //   if (!JSON.parse(localStorage.getItem('dpi_mandatory'))['datasets']) {\n    //     this.$router.push({ \n    //       name: 'DataProviderInterface-Input', \n    //       params: { \n    //         property: 'datasets', \n    //         page: 'step1' \n    //       }, \n    //       query: { \n    //         error: 'mandatoryDataset', \n    //         locale: this.$route.query.locale \n    //       } \n    //     });\n    //   }\n    // },\n    // checkDistributionMandatory() {\n    //   if (!JSON.parse(localStorage.getItem('dpi_mandatory'))['distributions'].length > 0 && !JSON.parse(localStorage.getItem('dpi_mandatory'))['distributions'].every(el => el === true)) {\n    //     this.$router.push({\n    //       name: 'DataProviderInterface-Input',\n    //       path: '/dpi/datasets/distoverview',\n    //       params: {\n    //         property: 'datasets',\n    //         page: 'distoverview',\n    //       },\n    //       query: {\n    //         error: 'mandatoryDistribution',\n    //         locale: this.$route.query.locale\n    //       },\n    //     });\n    //   }\n    // },\n    // checkCatalogueMandatory() {\n    //   if (!JSON.parse(localStorage.getItem('dpi_mandatory'))['catalogues']) {\n    //     this.$router.push({ \n    //       name: 'DataProviderInterface-Input', \n    //       params: { \n    //         property: 'catalogues', \n    //         page: 'step1' \n    //       }, \n    //       query: { \n    //         error: 'mandatoryCatalog', \n    //         locale: this.$route.query.locale\n    //       } \n    //     });\n    //   }\n    // },\n    checkID(property) {\n      // Check uniqueness of Dataset ID\n      if (!this.getIsEditMode) {\n        this.checkUniqueID(property)\n          .then((isUniqueID) => {\n            if (!isUniqueID) {\n              // Dataset ID not unique / taken in meantime --> Redirect to step1 where the user can choose a new ID\n              this.$router.push({\n                name: 'DataProviderInterface-Input',\n                params: {\n                  property: property,\n                  page: 'step1'\n                },\n                query: {\n                  error: 'id',\n                  locale: this.$route.query.locale\n                }\n              });\n            }\n          });\n      }\n    },\n    checkUniqueID(property) {\n      return new Promise((resolve) => {\n        if (this.getData(property)['@id'] !== '') {\n          const request = `${this.$env.api.hubUrl}${property}/${this.getData(property)['@id']}?useNormalizedId=true`;\n          axios.head(request)\n            .then(() => {\n              resolve(false);\n            })\n            .catch(() => {\n              resolve(true);\n            });\n        }\n      });\n    },\n  },\n  created() {\n    this.$nextTick(() => {\n      if (this.property === 'datasets') {\n        // this.checkID('datasets');\n        // this.checkDatasetMandatory();\n        // this.checkDistributionMandatory();\n      }\n\n      if (this.property === 'catalogues') {\n        // this.checkID('catalogues')\n        // this.checkCatalogueMandatory();\n      }\n    });\n  },\n  setup() {\n    const target = useTemplateRef('overview-page')\n    const overviewPageIsVisible = ref(false)\n\n    // Workaround.\n    // Ensure the individual overview pages are only mounted whenever this overview page is visible.\n    // For some reason, the form values are not reactive so on initial load, the distribution values are not displayed properly.\n    // This workaround delays the initial mount of the overview page until the overview page is visible.\n    // We use the IntersectionObserver to check if the overview page is visible, but we could also use more proper datamodels to determine this.\n    // todo: figure out why the form values are not reactive on initial load\n    useIntersectionObserver(\n      target,\n      ([{ isIntersecting }]) => {\n        overviewPageIsVisible.value = isIntersecting\n      },\n      {\n        rootMargin: '999999px 999999px 999999px 999999px'\n      }\n    )\n\n    return {overviewPageIsVisible}\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.heading,\n.description,\n.arrow {\n  cursor: pointer;\n}\n\n.options,\n.download {\n  .dropdown-menu {\n    min-width: 300px;\n\n    .dropdown-item {\n      &:hover {\n        color: initial;\n        background-color: initial;\n      }\n    }\n  }\n}\n\n.legalnotice {\n  a {\n    color: blue;\n  }\n\n  padding: 1rem;\n  background-color: rgb(171, 225, 165)\n}\n\n.infoboxI {\n  width: 5%;\n}\n\n.w-80 {\n  width: 80%;\n}\n\n</style>\n"],"names":["_sfc_main","LanguageSelector","DatasetOverview","CatalogueOverview","getCurrentInstance","_a","mapGetters","mapActions","property","isUniqueID","resolve","request","axios","target","useTemplateRef","overviewPageIsVisible","ref","useIntersectionObserver","isIntersecting","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_hoisted_1","_createTextVNode","_toDisplayString","_ctx","_createVNode","_component_LanguageSelector","$data","_cache","$event","$options","$setup","_hoisted_5","_createBlock","_component_DatasetOverview","_createCommentVNode","_hoisted_6","_component_CatalogueOverview","_hoisted_7","_createStaticVNode"],"mappings":"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"}

package/dist/datasetDetails/DatasetDetailsDataset.vue.mjs

@@ -1,41 +1,41 @@
-import y from "./DatasetDetailsDataset.vue2.mjs";
-import { resolveComponent as n, openBlock as o, createElementBlock as u, createVNode as l, createTextVNode as s, createElementVNode as c, createCommentVNode as d, createBlock as b } from "vue";
+import I from "./DatasetDetailsDataset.vue2.mjs";
+import { resolveComponent as n, openBlock as a, createElementBlock as c, createVNode as l, createTextVNode as r, createElementVNode as D, createCommentVNode as d, createBlock as p, withCtx as u, renderSlot as b } from "vue";
 import "./DatasetDetailsDataset.vue3.mjs";
-import f from "../_virtual/_plugin-vue_export-helper.mjs";
-const I = ["content"], k = ["content"], A = { key: 0 }, O = {
+import k from "../_virtual/_plugin-vue_export-helper.mjs";
+const v = ["content"], A = ["content"], O = { key: 0 }, U = {
   key: 1,
   class: "dsd-dataset"
 };
-function U(a, t, r, _, i, e) {
-  const D = n("resource-access-popup"), w = n("dataset-details-skeleton"), p = n("dataset-details-description"), g = n("distributions"), m = n("dataset-details-features"), h = n("dataset-details-properties");
-  return o(), u("div", null, [
-    l(D, { ref: "externalResourceModal" }, null, 512),
-    t[3] || (t[3] = s()),
-    c("span", {
+function _(s, t, o, C, i, e) {
+  const w = n("resource-access-popup"), g = n("dataset-details-skeleton"), y = n("dataset-details-description"), m = n("distributions"), h = n("dataset-details-features"), f = n("dataset-details-properties");
+  return a(), c("div", null, [
+    l(w, { ref: "externalResourceModal" }, null, 512),
+    t[6] || (t[6] = r()),
+    D("span", {
       property: "dc:issued",
-      content: a.getReleaseDate
-    }, null, 8, I),
-    t[4] || (t[4] = s()),
-    c("span", {
+      content: s.getReleaseDate
+    }, null, 8, v),
+    t[7] || (t[7] = r()),
+    D("span", {
       property: "dc:modified",
-      content: a.getModificationDate
-    }, null, 8, k),
-    t[5] || (t[5] = s()),
-    i.loadingDatasetDetails ? (o(), u("div", A, [
-      l(w, { type: "DatasetDetails" })
+      content: s.getModificationDate
+    }, null, 8, A),
+    t[8] || (t[8] = r()),
+    i.loadingDatasetDetails ? (a(), c("div", O, [
+      l(g, { type: "DatasetDetails" })
     ])) : d("", !0),
-    t[6] || (t[6] = s()),
-    i.loadingDatasetDetails ? d("", !0) : (o(), u("div", O, [
-      r.showDatasetDescription ? (o(), b(p, {
+    t[9] || (t[9] = r()),
+    i.loadingDatasetDetails ? d("", !0) : (a(), c("div", U, [
+      o.showDatasetDescription ? (a(), p(y, {
         key: 0,
         dateIncorrect: e.dateIncorrect,
         machineTranslated: i.machineTranslated,
         translationNotAvailable: i.translationNotAvailable
       }, null, 8, ["dateIncorrect", "machineTranslated", "translationNotAvailable"])) : d("", !0),
-      t[0] || (t[0] = s()),
-      l(g, {
+      t[3] || (t[3] = r()),
+      l(m, {
         openModal: e.openModal,
-        getDistributions: a.getDistributions,
+        getDistributions: s.getDistributions,
         expandedDistributions: i.expandedDistributions,
         expandedDistributionDescriptions: i.expandedDistributionDescriptions,
         displayedDistributions: e.displayedDistributions,
@@ -48,8 +48,8 @@ function U(a, t, r, _, i, e) {
         getDistributionFormat: e.getDistributionFormat,
         distributionFormatTruncated: e.distributionFormatTruncated,
         getDistributionTitle: e.getDistributionTitle,
-        distributionVisibleContent: r.distributionVisibleContent,
-        distributionExpandedContent: r.distributionExpandedContent,
+        distributionVisibleContent: o.distributionVisibleContent,
+        distributionExpandedContent: o.distributionExpandedContent,
         distributionDescriptionIsExpanded: e.distributionDescriptionIsExpanded,
         distributionDescriptionIsExpandable: e.distributionDescriptionIsExpandable,
         distributionIsExpanded: e.distributionIsExpanded,
@@ -75,12 +75,12 @@ function U(a, t, r, _, i, e) {
         isUrlInvalid: e.isUrlInvalid,
         openIfValidUrl: e.openIfValidUrl,
         showTooltipVisualiseButton: e.showTooltipVisualiseButton,
-        showPublisher: r.showPublisher,
-        embed: r.embed
+        showPublisher: o.showPublisher,
+        embed: o.embed
       }, null, 8, ["openModal", "getDistributions", "expandedDistributions", "expandedDistributionDescriptions", "displayedDistributions", "isDistributionsAllDisplayed", "distributions", "setDistributionsDisplayCount", "pages", "showDownloadUrls", "isOnlyOneUrl", "getDistributionFormat", "distributionFormatTruncated", "getDistributionTitle", "distributionVisibleContent", "distributionExpandedContent", "distributionDescriptionIsExpanded", "distributionDescriptionIsExpandable", "distributionIsExpanded", "showNumber", "showObject", "showDownloadDropdown", "showLicence", "showLicensingAssistant", "filterDateFormatEU", "showArray", "showObjectArray", "getVisualisationLink", "getDownloadUrl", "trackGoto", "showAccessUrls", "replaceHttp", "previewLinkCallback", "toggleDistribution", "toggleDistributionDescription", "increaseNumDisplayedDistributions", "nonOverflowingIncrementsForDistributions", "appendCurrentLocaleToURL", "isUrlInvalid", "openIfValidUrl", "showTooltipVisualiseButton", "showPublisher", "embed"]),
-      t[1] || (t[1] = s()),
-      l(m, {
-        getKeywords: a.getKeywords,
+      t[4] || (t[4] = r()),
+      l(h, {
+        getKeywords: s.getKeywords,
         pages: i.pages,
         increaseNumDisplayedPages: e.increaseNumDisplayedPages,
         nonOverflowingIncrementsForPages: e.nonOverflowingIncrementsForPages,
@@ -90,13 +90,27 @@ function U(a, t, r, _, i, e) {
         showArray: e.showArray,
         showObject: e.showObject
       }, null, 8, ["getKeywords", "pages", "increaseNumDisplayedPages", "nonOverflowingIncrementsForPages", "showKeyword", "trackGoto", "showObjectArray", "showArray", "showObject"]),
-      t[2] || (t[2] = s()),
-      r.showDatasetProperties ? (o(), b(h, { key: 1 })) : d("", !0)
+      t[5] || (t[5] = r()),
+      o.showDatasetProperties ? (a(), p(f, { key: 1 }, {
+        "property-header": u(() => [
+          b(s.$slots, "property-header", {}, void 0, !0)
+        ]),
+        "property-table-before": u(() => [
+          b(s.$slots, "property-table-before", {}, void 0, !0)
+        ]),
+        "property-table": u(() => [
+          b(s.$slots, "property-table", {}, void 0, !0)
+        ]),
+        "property-table-after": u(() => [
+          b(s.$slots, "property-table-after", {}, void 0, !0)
+        ]),
+        _: 3
+      })) : d("", !0)
     ]))
   ]);
 }
-const E = /* @__PURE__ */ f(y, [["render", U], ["__scopeId", "data-v-fe80ed1c"]]);
+const T = /* @__PURE__ */ k(I, [["render", _], ["__scopeId", "data-v-9ed03189"]]);
 export {
-  E as default
+  T as default
 };
 //# sourceMappingURL=DatasetDetailsDataset.vue.mjs.map

package/dist/datasetDetails/DatasetDetailsDataset.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetDetailsDataset.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetailsDataset.vue"],"sourcesContent":["<template>\n  <div>\n    <resource-access-popup ref=\"externalResourceModal\" />\n    <span property=\"dc:issued\" :content=\"getReleaseDate\"></span>\n    <span property=\"dc:modified\" :content=\"getModificationDate\"></span>\n    <div v-if=\"loadingDatasetDetails\">\n      <dataset-details-skeleton type=\"DatasetDetails\"></dataset-details-skeleton>\n    </div>\n    <div v-if=\"!loadingDatasetDetails\" class=\"dsd-dataset\">\n      <dataset-details-description\n        v-if=\"showDatasetDescription\"\n        :dateIncorrect=\"dateIncorrect\"\n        :machineTranslated=\"machineTranslated\"\n        :translationNotAvailable=\"translationNotAvailable\"\n      />\n      <distributions\n        :openModal=\"openModal\"\n        :getDistributions=\"getDistributions\"\n        :expandedDistributions=\"expandedDistributions\"\n        :expandedDistributionDescriptions=\"expandedDistributionDescriptions\"\n        :displayedDistributions=\"displayedDistributions\"\n        :isDistributionsAllDisplayed=\"isDistributionsAllDisplayed\"\n        :distributions=\"distributions\"\n        :setDistributionsDisplayCount=\"setDistributionsDisplayCount\"\n        :pages=\"pages\"\n        :showDownloadUrls=\"showDownloadUrls\"\n        :isOnlyOneUrl=\"isOnlyOneUrl\"\n        :getDistributionFormat=\"getDistributionFormat\"\n        :distributionFormatTruncated=\"distributionFormatTruncated\"\n        :getDistributionTitle=\"getDistributionTitle\"\n        :distributionVisibleContent=\"distributionVisibleContent\"\n        :distributionExpandedContent=\"distributionExpandedContent\"\n        :distributionDescriptionIsExpanded=\"distributionDescriptionIsExpanded\"\n        :distributionDescriptionIsExpandable=\"distributionDescriptionIsExpandable\"\n        :distributionIsExpanded=\"distributionIsExpanded\"\n        :showNumber=\"showNumber\"\n        :showObject=\"showObject\"\n        :showDownloadDropdown=\"showDownloadDropdown\"\n        :showLicence=\"showLicence\"\n        :showLicensingAssistant=\"showLicensingAssistant\"\n        :filterDateFormatEU=\"filterDateFormatEU\"\n        :showArray=\"showArray\"\n        :showObjectArray=\"showObjectArray\"\n        :getVisualisationLink=\"getVisualisationLink\"\n        :getDownloadUrl=\"getDownloadUrl\"\n        :trackGoto=\"trackGoto\"\n        :showAccessUrls=\"showAccessUrls\"\n        :replaceHttp=\"replaceHttp\"\n        :previewLinkCallback=\"previewLinkCallback\"\n        :toggleDistribution=\"toggleDistribution\"\n        :toggleDistributionDescription=\"toggleDistributionDescription\"\n        :increaseNumDisplayedDistributions=\"increaseNumDisplayedDistributions\"\n        :nonOverflowingIncrementsForDistributions=\"nonOverflowingIncrementsForDistributions\"\n        :appendCurrentLocaleToURL=\"appendCurrentLocaleToURL\"\n        :isUrlInvalid=\"isUrlInvalid\"\n        :openIfValidUrl=\"openIfValidUrl\"\n        :showTooltipVisualiseButton=\"showTooltipVisualiseButton\"\n        :showPublisher=\"showPublisher\"\n        :embed=\"embed\"\n      />\n\n      <dataset-details-features\n        :getKeywords=\"getKeywords\"\n        :pages=\"pages\"\n        :increaseNumDisplayedPages=\"increaseNumDisplayedPages\"\n        :nonOverflowingIncrementsForPages=\"nonOverflowingIncrementsForPages\"\n        :showKeyword=\"showKeyword\"\n        :trackGoto=\"trackGoto\"\n        :showObjectArray=\"showObjectArray\"\n        :showArray=\"showArray\"\n        :showObject=\"showObject\"\n      />\n\n      <dataset-details-properties\n        v-if=\"showDatasetProperties\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  /* eslint-disable no-confusing-arrow, no-nested-ternary, no-return-assign, no-confusing-arrow */\n  import $ from 'jquery';\n  import { mapActions, mapGetters } from 'vuex';\n  import {\n    has,\n    isNil,\n    isArray,\n    isObject,\n    isString,\n    isNumber,\n    isEmpty,\n  } from 'lodash';\n  import AppLink from '../widgets/AppLink.vue';\n  import Tooltip from '../widgets/Tooltip.vue';\n  import Distributions from './distributions/Distributions.vue';\n  import dateFilters from '../filters/dateFilters';\n  import {\n    getTranslationFor, getCountryFlagImg, truncate, replaceHttp, appendCurrentLocaleToURL\n  } from '../utils/helpers';\n  import ResourceAccessPopup from '../widgets/ResourceAccessPopup.vue';\n  import DatasetDetailsExtendedMetaData\n    from \"../datasetDetails/features/DatasetDetailsIsUsedBy.vue\";\n  import DatasetDetailsSkeleton from \"../datasetDetails/DatasetDetailsSkeleton.vue\";\n  import * as metaInfo from '../composables/head';\n\n  export default {\n    name: 'datasetDetailsDataset',\n    components: {\n      DatasetDetailsSkeleton,\n      DatasetDetailsExtendedMetaData,\n      AppLink,\n      Tooltip,\n      Distributions,\n      ResourceAccessPopup\n    },\n    props: {\n      distributionVisibleContent: {\n        type: Array,\n        default: () => ['license', 'licenseAttributionByText', 'modificationDate'],\n      },\n      distributionExpandedContent: {\n        type: Array,\n        default: () => [\n            'releaseDate',\n            'language',\n            'availability',\n            'status',\n            'rights',\n            'mediaType',\n            'byteSize',\n            'checksum',\n            'pages',\n            'type',\n            'compressFormat',\n            'packageFormat',\n            'hasPolicy',\n            'conformsTo',\n            'spatialResolutionInMeters',\n            'temporalResolution',\n        ],\n      },\n      showDatasetDescription: {\n        type: Boolean,\n        default: () => true,\n      },\n      showDatasetProperties: {\n        type: Boolean,\n        default: () => true,\n      },\n      showPublisher: {\n        type: Boolean,\n        default: () => false,\n      },\n      embed: {\n        type: Boolean,\n        default: () => false,\n      },\n    },\n    data() {\n      return {\n        defaultLocale: this.$env.languages.locale,\n        // has to be INITIAL_DATASET_DESCRIPTION_LENGTH\n        isDatasetDescriptionExpanded: false,\n        loadingDatasetDetails: false,\n        machineTranslated: false,\n        translationNotAvailable: false,\n        expandedDistributions: [],\n        expandedDistributionDescriptions: [],\n        distributions: {\n          displayAll: this.$env.content.datasetDetails.distributions.displayAll,\n          displayCount: this.$env.content.datasetDetails.distributions.displayCount,\n          incrementSteps: this.$env.content.datasetDetails.distributions.incrementSteps,\n          descriptionMaxLines: this.$env.content.datasetDetails.distributions.descriptionMaxLines,\n          descriptionMaxChars: this.$env.content.datasetDetails.distributions.descriptionMaxChars,\n        },\n        pages: {\n          isVisible: this.$env.content.datasetDetails.pages.isVisible,\n          displayAll: this.$env.content.datasetDetails.pages.displayAll,\n          displayCount: this.$env.content.datasetDetails.pages.displayCount,\n          incrementSteps: this.$env.content.datasetDetails.pages.incrementSteps,\n          descriptionMaxLines: this.$env.content.datasetDetails.pages.descriptionMaxLines,\n          descriptionMaxChars: this.$env.content.datasetDetails.pages.descriptionMaxChars,\n        },\n        showDescription: true,\n      };\n    },\n    computed: {\n      // import store-getters\n      ...mapGetters('datasetDetails', [\n      'getKeywords',\n      'getAccessRights',\n      'getAccrualPeriodicity',\n      'getCatalog',\n      'getContactPoints',\n      'getDateIncorrect',\n      'getDescription',\n      'getDistributions',\n      'getID',\n      'getLanguages',\n      'getLicences',\n      'getModificationDate',\n      'getOtherIdentifiers',\n      'getPages',\n      'getPublisher',\n      'getReleaseDate',\n      'getSpatial',\n      'getTranslationMetaData',\n      'getTitle'\n      ]),\n      dateIncorrect() {\n        return this.getDateIncorrect;\n      },\n      displayedDistributions() {\n        const sorted = [...this.getDistributions].sort((a, b) => {\n          if (getTranslationFor(a.title, this.$route.query.locale, this.getLanguages) < getTranslationFor(b.title, this.$route.query.locale, this.getLanguages)) { return -1; }\n          if (getTranslationFor(a.title, this.$route.query.locale, this.getLanguages) > getTranslationFor(b.title, this.$route.query.locale, this.getLanguages)) { return 1; }\n          return 0;\n        });\n        return this.distributions.displayAll\n          ? Object.freeze(sorted)\n          : Object.freeze(sorted.slice(0, this.distributions.displayCount));\n      },\n      isDistributionsAllDisplayed() {\n        return this.distributions.displayCount === this.getDistributions.length;\n      },\n      remainingDistributions() {\n        return this.getDistributions.length - this.distributions.displayCount;\n      }\n    },\n    methods: {\n      ...mapActions('datasetDetails', [\n        'loadDatasetDetails',\n        'setLoading',\n      ]),\n      has,\n      isNil,\n      isArray,\n      isObject,\n      isString,\n      isNumber,\n      appendCurrentLocaleToURL,\n      getTranslationFor,\n      getCountryFlagImg,\n      truncate,\n      replaceHttp,\n      initDatasetDetails() {\n        this.piwikMetaPush();\n        setTimeout(() => {\n          if (typeof this.$piwik?.resume === \"function\") this.$piwik.resume();\n        }, 500);\n        this.$nextTick(() => {\n        // Display/hide translation banners\n          this.setTranslationBanners();\n          $('[data-toggle=\"tooltip\"]').tooltip({\n            container: 'body',\n          });\n        });\n      },\n      setDistributionsDisplayCount(count: number) {\n        this.distributions.displayCount = count;\n      },\n      openModal(callback, toggleDownloadPopup) {\n        this.$refs.externalResourceModal.openModal(callback, toggleDownloadPopup)\n      },\n      previewLinkCallback(distribution) {\n        return () => {\n          this.$emit('track-link', this.getVisualisationLink(distribution), 'link');\n          window.open(this.getVisualisationLink(distribution), '_blank');\n        };\n      },\n      filterDateFormatEU(date) {\n        return dateFilters.formatEU(date);\n      },\n      /* ABSTRACT SHOW FUNCTIONS */\n      showString(string) {\n        return !isNil(string) && isString(string);\n      },\n      showNumber(number) {\n        return !isNil(number) && isNumber(number);\n      },\n      showObject(object) {\n        return !isNil(object) && isObject(object) && !Object.values(object).reduce((keyUndefined, currentValue) => keyUndefined && currentValue === undefined, true);\n      },\n      showArray(array) {\n        return !isNil(array) && isArray(array) && array.length > 0;\n      },\n      showObjectArray(objectArray) {\n        return this.showArray(objectArray) && !objectArray.reduce((objectUndefined, currentObject) => objectUndefined && Object.values(currentObject).reduce((keyUndefined, currentValue) => keyUndefined && currentValue === undefined, true), true);\n      },\n      /* SPECIFIC SHOW FUNCTIONS */\n      /* for now show all licences */\n      showLicence(licence) {\n        // return (has(licence, 'id') && !isNil(licence.id))\n        //   || (has(licence, 'label') && !isNil(licence.label))\n        return true\n      },\n      showLicensingAssistant(distribution) {\n        return has(distribution, 'licence.la_url') && this.showString(distribution.licence.la_url);\n      },\n      showDownloadDropdown(distribution) {\n        return this.showAccessUrls(distribution) || this.showDownloadUrls(distribution);\n      },\n      isOnlyOneUrl(distribution) {\n        return (this.showAccessUrls(distribution) && !this.showDownloadUrls(distribution))\n      || (!this.showAccessUrls(distribution) && this.showDownloadUrls(distribution) && distribution.downloadUrls.length === 1);\n      },\n      getDownloadUrl(distribution) {\n        let url;\n        if (this.showAccessUrls(distribution) && !this.showDownloadUrls(distribution)) {\n          url = distribution.accessUrl[0];\n        }\n        if (!this.showAccessUrls(distribution) && this.showDownloadUrls(distribution) && distribution.downloadUrls.length === 1) {\n          url = distribution.downloadUrls[0];\n        }\n        return url;\n      },\n      showAccessUrls(distribution) {\n        return has(distribution, 'accessUrl') && this.showArray(distribution.accessUrl);\n      },\n      showDownloadUrls(distribution) {\n        return has(distribution, 'downloadUrls') && this.showArray(distribution.downloadUrls);\n      },\n      showKeyword(keyword) {\n        return has(keyword, 'id')\n          && has(keyword, 'title')\n          && !isNil(keyword.id)\n          && !isNil(keyword.title);\n      },\n\n      /* GETTER / SETTER FUNCTIONS */\n\n      setDatasetOriginalLanguage(originalLanguage) {\n        this.$i18n.locale = originalLanguage;\n      },\n      distributionIsExpanded(id) {\n        setTimeout(() => {\n          $('[data-toggle=\"tooltip\"]').tooltip({\n            container: 'body',\n          });\n        }, 500);\n        return this.expandedDistributions.includes(id);\n      },\n      distributionDescriptionIsExpanded(id) {\n        return this.expandedDistributionDescriptions.includes(id);\n      },\n      distributionDescriptionIsExpandable(description) {\n        return isNil(description) ? false : description.length > this.distributions.descriptionMaxChars;\n      },\n      getDistributionFormat(distribution) {\n        return has(distribution, 'format.label') && !isNil(distribution.format.label) ? distribution.format.label : '';\n      },\n      distributionFormatTruncated(distribution) {\n        return this.getDistributionFormat(distribution).length > 4;\n      },\n      getDistributionTitle(distribution) {\n        return distribution.title\n          ? getTranslationFor(distribution.title, this.$route.query.locale, this.getLanguages)\n          : this.getID || '-';\n      },\n      getVisualisationLink(distribution) {\n        // Return Visualisation Link\n        const accessUrl = distribution.downloadUrls && distribution.downloadUrls.length ? distribution.downloadUrls[0] : distribution.accessUrl[0];\n        return `/data/visualisation/?file=${encodeURIComponent(accessUrl)}`;\n      },\n      // getSubjectLink(subject) {\n      //   return { path: `/datasets?subject=${subject.id}`, query: Object.assign({}, { locale: this.$route.query.locale }) };\n      // },\n      toggleDistribution(id) {\n        const index = this.expandedDistributions.indexOf(id);\n        if (index > -1) this.expandedDistributions.splice(index, 1);\n        else this.expandedDistributions.push(id);\n      },\n      toggleDistributionDescription(id) {\n        const index = this.expandedDistributionDescriptions.indexOf(id);\n        if (index > -1) this.expandedDistributionDescriptions.splice(index, 1);\n        else this.expandedDistributionDescriptions.push(id);\n      },\n      setTranslationBanners() {\n        if (!this.$i18n) return;\n        const translationMetaData = this.getTranslationMetaData;\n        // Check if translation of dataset is available in selected language\n        if (!isNil(translationMetaData.details) && has(translationMetaData.details, this.$route.query.locale)) {\n          // Check if dataset if machine translated\n          this.machineTranslated = translationMetaData.details[this.$route.query.locale].machine_translated;\n        } else {\n          // No translation of this dataset available for the selected language\n          this.translationNotAvailable = true;\n        }\n      },\n      // Emit a Matomo event when user clicks on 'go to resource' element\n      trackGoto() {\n        const paq = window._paq || []; // eslint-disable-line\n        // paq.push(['trackEvent', 'GoToResource', 'Clicked']);\n        this.$piwik.trackGotoResource();\n      },\n      clamp(n, min, max) {\n        return Math.min(Math.max(n, min), max);\n      },\n      // Increases the current number of distributions displayed\n      // and clamps the result so that it never exceeds the number of all distributions.\n      increaseNumDisplayedDistributions(increment) {\n        const clampedSum = this.clamp(this.distributions.displayCount + increment, 0, this.getDistributions.length);\n        this.distributions.displayCount = clampedSum;\n      },\n      nonOverflowingIncrementsForDistributions(incrementStep) {\n        return this.distributions.displayCount + incrementStep <= this.getDistributions.length;\n      },\n      // Increases the current number of distributions displayed\n      // and clamps the result so that it never exceeds the number of all distributions.\n      increaseNumDisplayedPages(increment) {\n        const clampedSum = this.clamp(this.pages.displayCount + increment, 0, this.getPages.length);\n        this.pages.displayCount = clampedSum;\n      },\n      nonOverflowingIncrementsForPages(incrementStep) {\n        return this.pages.displayCount + incrementStep <= this.getPages.length;\n      },\n      piwikMetaPush() {\n        this.$piwik.trackDatasetDetailsPageView(null, null, {\n          dataset_AccessRights: this.getAccessRights,\n          dataset_AccrualPeriodicity: this.getAccrualPeriodicity,\n          dataset_Catalog: this.getCatalog,\n          // dataset_Categories: this.getCategories,\n          // dataset_ConformsTo: this.getConformsTo,\n          // dataset_ContactPoints: this.getContactPoints,\n          // dataset_Country: this.getCountry,\n          // dataset_Creator: this.getCreator,\n          // dataset_Description: this.getDescription,\n          // dataset_Distributions: this.getDistributions,\n          // dataset_DistributionFormats: this.getDistributionFormats,\n          // dataset_Documentations: this.getDocumentations,\n          // dataset_Frequency: this.getFrequency,\n          // dataset_HasVersion: this.getHasVersion,\n          dataset_ID: this.getID,\n          // dataset_Identifiers: this.getIdentifiers,\n          // dataset_IdName: this.getIdName,\n          // dataset_IsVersionOf: this.getIsVersionOf,\n          // datest_Keywords: this.getKeywords,\n          // dataset_LandingPages: this.getLandingPagesResource,\n          // dataset_Languages: this.getLanguages,\n          // dataset_Licences: this.getLicences,\n          // dataset_Loading: this.getLoading,\n          // dataset_ModificationDate: this.getModificationDate,\n          // dataset_OriginalLanguage: this.getOriginalLanguage,\n          // dataset_OtherIdentifiers: this.getOtherIdentifiers,\n          // dataset_Pages: this.getPages,\n          // dataset_Provenances: this.getProvenances,\n          dataset_Publisher: this.getPublisher,\n          // dataset_RelatedResources: this.getRelatedResources,\n          // dataset_ReleaseDate: this.getReleaseDate,\n          // dataset_Sources: this.getSources,\n          // dataset_Spatial: this.getSpatial,\n          // dataset_SpatialResource: this.getSpatialResource,\n          // dataset_Temporal: this.getTemporal,\n          dataset_Title: this.getTitle,\n          // dataset_TranslationMetaData: this.getTranslationMetaData,\n          // dataset_VersionInfo: this.getVersionInfo,\n          // dataset_VersionNotes: this.getVersionNotes,\n        });\n      },\n      isUrlInvalid(url) {\n        if (url) {\n          try {\n            /* eslint-disable no-useless-escape */\n            return !(new RegExp(\"^((https?:\\/\\/(www\\.)?)([-a-zA-Z0-9@:%._\\+~#=]{1,256})([-a-zA-Z0-9()@:%_\\+.~#?&//=]*))$\", \"i\")).test(decodeURIComponent(url.split(\"=\").pop()));\n            /* eslint-enable no-useless-escape */\n        } catch (e) {\n            console.error(e);\n          }\n        }\n      },\n      openIfValidUrl(isValid, previewLinkCallback, distribution, event) {\n        if (isValid) {\n          // for (let key in this.$children) {\n          //   if(this.$children[key].$refs[\"externalResourceModal\"]) {\n          //     this.$children[key].$refs[\"externalResourceModal\"].openModal(previewLinkCallback(distribution), false);\n          //   }\n          // }\n          this.openModal(previewLinkCallback(distribution), false);\n        } else {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      },\n      showTooltipVisualiseButton(invalidUrl) {\n        if (invalidUrl) {\n          return  this.$t('message.tooltip.invalidVisualise');\n        }\n        return ''\n      },\n    },\n    mounted() {\n      // Duplicated API call, execute only if data not already loaded\n      if (this.$route.params.ds_id !== this.getID) {\n        this.$Progress.start();\n        this.loadingDatasetDetails = true;\n        this.loadDatasetDetails(this.$route.params.ds_id)\n          .then(() => {\n            this.$Progress.finish();\n            this.loadingDatasetDetails = false;\n            this.initDatasetDetails();\n          })\n          .catch((err) => {\n            console.warn(err); // eslint-disable-line\n            this.$Progress.fail();\n            if (typeof this.$piwik?.resume === \"function\") this.$piwik.resume();\n            this.$router.replace({\n              name: 'NotFound',\n              query: { locale: this.$route.query.locale, dataset: this.$route.params.ds_id },\n            });\n          })\n          .finally(() => this.$root.$emit('contentLoaded'));\n      } else {\n        this.initDatasetDetails();\n        this.$root.$emit('contentLoaded')\n      }\n\n      const distributionsConf = this.$env.content.datasetDetails && this.$env.content.datasetDetails.distributions;\n      if (distributionsConf) {\n        this.distributions.displayAll = distributionsConf.displayAll || this.distributions.displayAll;\n        this.distributions.displayCount = parseInt(distributionsConf.displayCount, 10) || this.distributions.displayCount;\n\n        if (typeof distributionsConf.incrementSteps === 'string') {\n          // Need to parse as json array since env variables are string only\n          distributionsConf.incrementSteps = JSON.parse(distributionsConf.incrementSteps);\n        }\n        this.distributions.incrementSteps = distributionsConf.incrementSteps || this.distributions.incrementSteps;\n      }\n\n      if (this.distributions.displayAll) this.distributions.displayCount = this.getDistributions.length;\n\n      const pagesConf = this.$env.content.datasetDetails && this.$env.content.datasetDetails.pages;\n      if (pagesConf) {\n        this.pages.displayAll = pagesConf.displayAll || this.pages.displayAll;\n        this.pages.displayCount = parseInt(pagesConf.displayCount, 10) || this.pages.displayCount;\n\n        if (typeof pagesConf.incrementSteps === 'string') {\n          // Need to parse as json array since env variables are string only\n          pagesConf.incrementSteps = JSON.parse(pagesConf.incrementSteps);\n        }\n        this.pages.incrementSteps = pagesConf.incrementSteps || this.pages.incrementSteps;\n      }\n\n      if (this.pages.displayAll) this.pages.displayCount = this.getPages.length;\n    },\n    beforeUnmount() {\n      $('.tooltip').remove();\n    },\n    setup() {\n      metaInfo.useDatasetDetailsDatasetHead();\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n\n  .catalogue-label {\n    white-space: pre-line;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .tag-color {\n    background-color: var(--tag-color);\n  }\n\n  .btn-color {\n     &:hover {\n       background-color: #196fd2;\n       border-color: #196fd2;\n     }\n  }\n\n  .heading, .arrow, .copy-text {\n    cursor: pointer;\n  }\n\n  .details-link {\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  .text-break {\n    word-break: break-word;\n  }\n\n  td {\n    padding-left: 0 !important;\n    padding-top: 1% !important;\n    padding-bottom: 1% !important;\n  }\n\n  .download-all-btn {\n    min-width: 100px;\n    height: 31px;\n  }\n\n  .d-inline-table {\n    display: inline-table;\n  }\n\n  /*** BOOTSTRAP ***/\n  button:focus {\n    outline:0;\n  }\n  .options, .download {\n    .dropdown-menu {\n      .dropdown-item {\n        &:hover {\n          color: initial;\n          background-color: initial;\n        }\n      }\n    }\n  }\n.spinner-grow {\n  width: 20px;\n  height: 20px;\n}\n\n  /*** FONT AWESOME ICONS ***/\n  .fa-check-square {\n    color: #28a745;\n    width: 16px;\n    height: 16px;\n  }\n\n  /*** MATERIAL ICONS ***/\n  %modal-icon {\n    font-size: 18px;\n    cursor: default;\n  }\n\n  .help-icon {\n    @extend %modal-icon;\n  }\n\n  .check-icon {\n    @extend %modal-icon;\n    color: #28a745;\n  }\n\n  .material-icons.small-icon {\n    font-size: 20px;\n  }\n\n  .distributions {\n\n    &__item {\n      position: relative;\n\n      &--preview {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, white 55%);\n        z-index: 10;\n      }\n    }\n\n    &__actions {\n      display: flex;\n      justify-content: center;\n      align-items: flex-end;\n      height: 100%;\n      z-index: 11;\n    }\n  }\n  .mt-4 {\n    margin-top: 1.5rem !important;\n  }\n\n  .keywords {\n\n    &__item {\n      position: relative;\n    }\n\n    &__actions {\n      display: flex;\n      justify-content: center;\n      align-items: flex-end;\n      height: 100%;\n      z-index: 11;\n    }\n  }\n  .sectionList {\n    list-style-type: '→ ';\n    margin-left:6.5%;\n  }\n  @media only screen and (max-width: 991px) {\n  .sectionList {\n    margin-left: 0;\n  }\n}\n</style>\n"],"names":["_hoisted_1","_hoisted_3","_hoisted_4","_component_dataset_details_properties","_resolveComponent","_openBlock","_createElementBlock","_createVNode","_component_resource_access_popup","_cache","_createTextVNode","getReleaseDate","_ctx","getModificationDate","_hoisted_2","$data","_component_dataset_details_skeleton","_createCommentVNode","$props","_createBlock","_component_dataset_details_description","$options","_component_distributions","getDistributions","getKeywords","_component_dataset_details_features"],"mappings":"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"}
+{"version":3,"file":"DatasetDetailsDataset.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetailsDataset.vue"],"sourcesContent":["<template>\n  <div>\n    <resource-access-popup ref=\"externalResourceModal\" />\n    <span property=\"dc:issued\" :content=\"getReleaseDate\"></span>\n    <span property=\"dc:modified\" :content=\"getModificationDate\"></span>\n    <div v-if=\"loadingDatasetDetails\">\n      <dataset-details-skeleton type=\"DatasetDetails\"></dataset-details-skeleton>\n    </div>\n    <div v-if=\"!loadingDatasetDetails\" class=\"dsd-dataset\">\n      <dataset-details-description\n        v-if=\"showDatasetDescription\"\n        :dateIncorrect=\"dateIncorrect\"\n        :machineTranslated=\"machineTranslated\"\n        :translationNotAvailable=\"translationNotAvailable\"\n      />\n      <distributions\n        :openModal=\"openModal\"\n        :getDistributions=\"getDistributions\"\n        :expandedDistributions=\"expandedDistributions\"\n        :expandedDistributionDescriptions=\"expandedDistributionDescriptions\"\n        :displayedDistributions=\"displayedDistributions\"\n        :isDistributionsAllDisplayed=\"isDistributionsAllDisplayed\"\n        :distributions=\"distributions\"\n        :setDistributionsDisplayCount=\"setDistributionsDisplayCount\"\n        :pages=\"pages\"\n        :showDownloadUrls=\"showDownloadUrls\"\n        :isOnlyOneUrl=\"isOnlyOneUrl\"\n        :getDistributionFormat=\"getDistributionFormat\"\n        :distributionFormatTruncated=\"distributionFormatTruncated\"\n        :getDistributionTitle=\"getDistributionTitle\"\n        :distributionVisibleContent=\"distributionVisibleContent\"\n        :distributionExpandedContent=\"distributionExpandedContent\"\n        :distributionDescriptionIsExpanded=\"distributionDescriptionIsExpanded\"\n        :distributionDescriptionIsExpandable=\"distributionDescriptionIsExpandable\"\n        :distributionIsExpanded=\"distributionIsExpanded\"\n        :showNumber=\"showNumber\"\n        :showObject=\"showObject\"\n        :showDownloadDropdown=\"showDownloadDropdown\"\n        :showLicence=\"showLicence\"\n        :showLicensingAssistant=\"showLicensingAssistant\"\n        :filterDateFormatEU=\"filterDateFormatEU\"\n        :showArray=\"showArray\"\n        :showObjectArray=\"showObjectArray\"\n        :getVisualisationLink=\"getVisualisationLink\"\n        :getDownloadUrl=\"getDownloadUrl\"\n        :trackGoto=\"trackGoto\"\n        :showAccessUrls=\"showAccessUrls\"\n        :replaceHttp=\"replaceHttp\"\n        :previewLinkCallback=\"previewLinkCallback\"\n        :toggleDistribution=\"toggleDistribution\"\n        :toggleDistributionDescription=\"toggleDistributionDescription\"\n        :increaseNumDisplayedDistributions=\"increaseNumDisplayedDistributions\"\n        :nonOverflowingIncrementsForDistributions=\"nonOverflowingIncrementsForDistributions\"\n        :appendCurrentLocaleToURL=\"appendCurrentLocaleToURL\"\n        :isUrlInvalid=\"isUrlInvalid\"\n        :openIfValidUrl=\"openIfValidUrl\"\n        :showTooltipVisualiseButton=\"showTooltipVisualiseButton\"\n        :showPublisher=\"showPublisher\"\n        :embed=\"embed\"\n      />\n\n      <dataset-details-features\n        :getKeywords=\"getKeywords\"\n        :pages=\"pages\"\n        :increaseNumDisplayedPages=\"increaseNumDisplayedPages\"\n        :nonOverflowingIncrementsForPages=\"nonOverflowingIncrementsForPages\"\n        :showKeyword=\"showKeyword\"\n        :trackGoto=\"trackGoto\"\n        :showObjectArray=\"showObjectArray\"\n        :showArray=\"showArray\"\n        :showObject=\"showObject\"\n      />\n\n      <dataset-details-properties v-if=\"showDatasetProperties\">\n        <template #property-header><slot name=\"property-header\"></slot></template>\n        <template #property-table-before><slot name=\"property-table-before\"></slot></template>\n        <template #property-table><slot name=\"property-table\"></slot></template>\n        <template #property-table-after><slot name=\"property-table-after\"></slot></template>\n      </dataset-details-properties>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  /* eslint-disable no-confusing-arrow, no-nested-ternary, no-return-assign, no-confusing-arrow */\n  import $ from 'jquery';\n  import { mapActions, mapGetters } from 'vuex';\n  import {\n    has,\n    isNil,\n    isArray,\n    isObject,\n    isString,\n    isNumber,\n    isEmpty,\n  } from 'lodash';\n  import AppLink from '../widgets/AppLink.vue';\n  import Tooltip from '../widgets/Tooltip.vue';\n  import Distributions from './distributions/Distributions.vue';\n  import dateFilters from '../filters/dateFilters';\n  import {\n    getTranslationFor, getCountryFlagImg, truncate, replaceHttp, appendCurrentLocaleToURL\n  } from '../utils/helpers';\n  import ResourceAccessPopup from '../widgets/ResourceAccessPopup.vue';\n  import DatasetDetailsExtendedMetaData\n    from \"../datasetDetails/features/DatasetDetailsIsUsedBy.vue\";\n  import DatasetDetailsSkeleton from \"../datasetDetails/DatasetDetailsSkeleton.vue\";\n  import * as metaInfo from '../composables/head';\n\n  export default {\n    name: 'datasetDetailsDataset',\n    components: {\n      DatasetDetailsSkeleton,\n      DatasetDetailsExtendedMetaData,\n      AppLink,\n      Tooltip,\n      Distributions,\n      ResourceAccessPopup\n    },\n    props: {\n      distributionVisibleContent: {\n        type: Array,\n        default: () => ['license', 'licenseAttributionByText', 'modificationDate'],\n      },\n      distributionExpandedContent: {\n        type: Array,\n        default: () => [\n            'releaseDate',\n            'language',\n            'availability',\n            'status',\n            'rights',\n            'mediaType',\n            'byteSize',\n            'checksum',\n            'pages',\n            'type',\n            'compressFormat',\n            'packageFormat',\n            'hasPolicy',\n            'conformsTo',\n            'spatialResolutionInMeters',\n            'temporalResolution',\n        ],\n      },\n      showDatasetDescription: {\n        type: Boolean,\n        default: () => true,\n      },\n      showDatasetProperties: {\n        type: Boolean,\n        default: () => true,\n      },\n      showPublisher: {\n        type: Boolean,\n        default: () => false,\n      },\n      embed: {\n        type: Boolean,\n        default: () => false,\n      },\n    },\n    data() {\n      return {\n        defaultLocale: this.$env.languages.locale,\n        // has to be INITIAL_DATASET_DESCRIPTION_LENGTH\n        isDatasetDescriptionExpanded: false,\n        loadingDatasetDetails: false,\n        machineTranslated: false,\n        translationNotAvailable: false,\n        expandedDistributions: [],\n        expandedDistributionDescriptions: [],\n        distributions: {\n          displayAll: this.$env.content.datasetDetails.distributions.displayAll,\n          displayCount: this.$env.content.datasetDetails.distributions.displayCount,\n          incrementSteps: this.$env.content.datasetDetails.distributions.incrementSteps,\n          descriptionMaxLines: this.$env.content.datasetDetails.distributions.descriptionMaxLines,\n          descriptionMaxChars: this.$env.content.datasetDetails.distributions.descriptionMaxChars,\n        },\n        pages: {\n          isVisible: this.$env.content.datasetDetails.pages.isVisible,\n          displayAll: this.$env.content.datasetDetails.pages.displayAll,\n          displayCount: this.$env.content.datasetDetails.pages.displayCount,\n          incrementSteps: this.$env.content.datasetDetails.pages.incrementSteps,\n          descriptionMaxLines: this.$env.content.datasetDetails.pages.descriptionMaxLines,\n          descriptionMaxChars: this.$env.content.datasetDetails.pages.descriptionMaxChars,\n        },\n        showDescription: true,\n      };\n    },\n    computed: {\n      // import store-getters\n      ...mapGetters('datasetDetails', [\n      'getKeywords',\n      'getAccessRights',\n      'getAccrualPeriodicity',\n      'getCatalog',\n      'getContactPoints',\n      'getDateIncorrect',\n      'getDescription',\n      'getDistributions',\n      'getID',\n      'getLanguages',\n      'getLicences',\n      'getModificationDate',\n      'getOtherIdentifiers',\n      'getPages',\n      'getPublisher',\n      'getReleaseDate',\n      'getSpatial',\n      'getTranslationMetaData',\n      'getTitle'\n      ]),\n      dateIncorrect() {\n        return this.getDateIncorrect;\n      },\n      displayedDistributions() {\n        const sorted = [...this.getDistributions].sort((a, b) => {\n          if (getTranslationFor(a.title, this.$route.query.locale, this.getLanguages) < getTranslationFor(b.title, this.$route.query.locale, this.getLanguages)) { return -1; }\n          if (getTranslationFor(a.title, this.$route.query.locale, this.getLanguages) > getTranslationFor(b.title, this.$route.query.locale, this.getLanguages)) { return 1; }\n          return 0;\n        });\n        return this.distributions.displayAll\n          ? Object.freeze(sorted)\n          : Object.freeze(sorted.slice(0, this.distributions.displayCount));\n      },\n      isDistributionsAllDisplayed() {\n        return this.distributions.displayCount === this.getDistributions.length;\n      },\n      remainingDistributions() {\n        return this.getDistributions.length - this.distributions.displayCount;\n      }\n    },\n    methods: {\n      ...mapActions('datasetDetails', [\n        'loadDatasetDetails',\n        'setLoading',\n      ]),\n      has,\n      isNil,\n      isArray,\n      isObject,\n      isString,\n      isNumber,\n      appendCurrentLocaleToURL,\n      getTranslationFor,\n      getCountryFlagImg,\n      truncate,\n      replaceHttp,\n      initDatasetDetails() {\n        this.piwikMetaPush();\n        setTimeout(() => {\n          if (typeof this.$piwik?.resume === \"function\") this.$piwik.resume();\n        }, 500);\n        this.$nextTick(() => {\n        // Display/hide translation banners\n          this.setTranslationBanners();\n          $('[data-toggle=\"tooltip\"]').tooltip({\n            container: 'body',\n          });\n        });\n      },\n      setDistributionsDisplayCount(count: number) {\n        this.distributions.displayCount = count;\n      },\n      openModal(callback, toggleDownloadPopup) {\n        this.$refs.externalResourceModal.openModal(callback, toggleDownloadPopup)\n      },\n      previewLinkCallback(distribution) {\n        return () => {\n          this.$emit('track-link', this.getVisualisationLink(distribution), 'link');\n          window.open(this.getVisualisationLink(distribution), '_blank');\n        };\n      },\n      filterDateFormatEU(date) {\n        return dateFilters.formatEU(date);\n      },\n      /* ABSTRACT SHOW FUNCTIONS */\n      showString(string) {\n        return !isNil(string) && isString(string);\n      },\n      showNumber(number) {\n        return !isNil(number) && isNumber(number);\n      },\n      showObject(object) {\n        return !isNil(object) && isObject(object) && !Object.values(object).reduce((keyUndefined, currentValue) => keyUndefined && currentValue === undefined, true);\n      },\n      showArray(array) {\n        return !isNil(array) && isArray(array) && array.length > 0;\n      },\n      showObjectArray(objectArray) {\n        return this.showArray(objectArray) && !objectArray.reduce((objectUndefined, currentObject) => objectUndefined && Object.values(currentObject).reduce((keyUndefined, currentValue) => keyUndefined && currentValue === undefined, true), true);\n      },\n      /* SPECIFIC SHOW FUNCTIONS */\n      /* for now show all licences */\n      showLicence(licence) {\n        // return (has(licence, 'id') && !isNil(licence.id))\n        //   || (has(licence, 'label') && !isNil(licence.label))\n        return true\n      },\n      showLicensingAssistant(distribution) {\n        return has(distribution, 'licence.la_url') && this.showString(distribution.licence.la_url);\n      },\n      showDownloadDropdown(distribution) {\n        return this.showAccessUrls(distribution) || this.showDownloadUrls(distribution);\n      },\n      isOnlyOneUrl(distribution) {\n        return (this.showAccessUrls(distribution) && !this.showDownloadUrls(distribution))\n      || (!this.showAccessUrls(distribution) && this.showDownloadUrls(distribution) && distribution.downloadUrls.length === 1);\n      },\n      getDownloadUrl(distribution) {\n        let url;\n        if (this.showAccessUrls(distribution) && !this.showDownloadUrls(distribution)) {\n          url = distribution.accessUrl[0];\n        }\n        if (!this.showAccessUrls(distribution) && this.showDownloadUrls(distribution) && distribution.downloadUrls.length === 1) {\n          url = distribution.downloadUrls[0];\n        }\n        return url;\n      },\n      showAccessUrls(distribution) {\n        return has(distribution, 'accessUrl') && this.showArray(distribution.accessUrl);\n      },\n      showDownloadUrls(distribution) {\n        return has(distribution, 'downloadUrls') && this.showArray(distribution.downloadUrls);\n      },\n      showKeyword(keyword) {\n        return has(keyword, 'id')\n          && has(keyword, 'title')\n          && !isNil(keyword.id)\n          && !isNil(keyword.title);\n      },\n\n      /* GETTER / SETTER FUNCTIONS */\n\n      setDatasetOriginalLanguage(originalLanguage) {\n        this.$i18n.locale = originalLanguage;\n      },\n      distributionIsExpanded(id) {\n        setTimeout(() => {\n          $('[data-toggle=\"tooltip\"]').tooltip({\n            container: 'body',\n          });\n        }, 500);\n        return this.expandedDistributions.includes(id);\n      },\n      distributionDescriptionIsExpanded(id) {\n        return this.expandedDistributionDescriptions.includes(id);\n      },\n      distributionDescriptionIsExpandable(description) {\n        return isNil(description) ? false : description.length > this.distributions.descriptionMaxChars;\n      },\n      getDistributionFormat(distribution) {\n        return has(distribution, 'format.label') && !isNil(distribution.format.label) ? distribution.format.label : '';\n      },\n      distributionFormatTruncated(distribution) {\n        return this.getDistributionFormat(distribution).length > 4;\n      },\n      getDistributionTitle(distribution) {\n        return distribution.title\n          ? getTranslationFor(distribution.title, this.$route.query.locale, this.getLanguages)\n          : this.getID || '-';\n      },\n      getVisualisationLink(distribution) {\n        // Return Visualisation Link\n        const accessUrl = distribution.downloadUrls && distribution.downloadUrls.length ? distribution.downloadUrls[0] : distribution.accessUrl[0];\n        return `/data/visualisation/?file=${encodeURIComponent(accessUrl)}`;\n      },\n      // getSubjectLink(subject) {\n      //   return { path: `/datasets?subject=${subject.id}`, query: Object.assign({}, { locale: this.$route.query.locale }) };\n      // },\n      toggleDistribution(id) {\n        const index = this.expandedDistributions.indexOf(id);\n        if (index > -1) this.expandedDistributions.splice(index, 1);\n        else this.expandedDistributions.push(id);\n      },\n      toggleDistributionDescription(id) {\n        const index = this.expandedDistributionDescriptions.indexOf(id);\n        if (index > -1) this.expandedDistributionDescriptions.splice(index, 1);\n        else this.expandedDistributionDescriptions.push(id);\n      },\n      setTranslationBanners() {\n        if (!this.$i18n) return;\n        const translationMetaData = this.getTranslationMetaData;\n        // Check if translation of dataset is available in selected language\n        if (!isNil(translationMetaData.details) && has(translationMetaData.details, this.$route.query.locale)) {\n          // Check if dataset if machine translated\n          this.machineTranslated = translationMetaData.details[this.$route.query.locale].machine_translated;\n        } else {\n          // No translation of this dataset available for the selected language\n          this.translationNotAvailable = true;\n        }\n      },\n      // Emit a Matomo event when user clicks on 'go to resource' element\n      trackGoto() {\n        const paq = window._paq || []; // eslint-disable-line\n        // paq.push(['trackEvent', 'GoToResource', 'Clicked']);\n        this.$piwik.trackGotoResource();\n      },\n      clamp(n, min, max) {\n        return Math.min(Math.max(n, min), max);\n      },\n      // Increases the current number of distributions displayed\n      // and clamps the result so that it never exceeds the number of all distributions.\n      increaseNumDisplayedDistributions(increment) {\n        const clampedSum = this.clamp(this.distributions.displayCount + increment, 0, this.getDistributions.length);\n        this.distributions.displayCount = clampedSum;\n      },\n      nonOverflowingIncrementsForDistributions(incrementStep) {\n        return this.distributions.displayCount + incrementStep <= this.getDistributions.length;\n      },\n      // Increases the current number of distributions displayed\n      // and clamps the result so that it never exceeds the number of all distributions.\n      increaseNumDisplayedPages(increment) {\n        const clampedSum = this.clamp(this.pages.displayCount + increment, 0, this.getPages.length);\n        this.pages.displayCount = clampedSum;\n      },\n      nonOverflowingIncrementsForPages(incrementStep) {\n        return this.pages.displayCount + incrementStep <= this.getPages.length;\n      },\n      piwikMetaPush() {\n        this.$piwik.trackDatasetDetailsPageView(null, null, {\n          dataset_AccessRights: this.getAccessRights,\n          dataset_AccrualPeriodicity: this.getAccrualPeriodicity,\n          dataset_Catalog: this.getCatalog,\n          // dataset_Categories: this.getCategories,\n          // dataset_ConformsTo: this.getConformsTo,\n          // dataset_ContactPoints: this.getContactPoints,\n          // dataset_Country: this.getCountry,\n          // dataset_Creator: this.getCreator,\n          // dataset_Description: this.getDescription,\n          // dataset_Distributions: this.getDistributions,\n          // dataset_DistributionFormats: this.getDistributionFormats,\n          // dataset_Documentations: this.getDocumentations,\n          // dataset_Frequency: this.getFrequency,\n          // dataset_HasVersion: this.getHasVersion,\n          dataset_ID: this.getID,\n          // dataset_Identifiers: this.getIdentifiers,\n          // dataset_IdName: this.getIdName,\n          // dataset_IsVersionOf: this.getIsVersionOf,\n          // datest_Keywords: this.getKeywords,\n          // dataset_LandingPages: this.getLandingPagesResource,\n          // dataset_Languages: this.getLanguages,\n          // dataset_Licences: this.getLicences,\n          // dataset_Loading: this.getLoading,\n          // dataset_ModificationDate: this.getModificationDate,\n          // dataset_OriginalLanguage: this.getOriginalLanguage,\n          // dataset_OtherIdentifiers: this.getOtherIdentifiers,\n          // dataset_Pages: this.getPages,\n          // dataset_Provenances: this.getProvenances,\n          dataset_Publisher: this.getPublisher,\n          // dataset_RelatedResources: this.getRelatedResources,\n          // dataset_ReleaseDate: this.getReleaseDate,\n          // dataset_Sources: this.getSources,\n          // dataset_Spatial: this.getSpatial,\n          // dataset_SpatialResource: this.getSpatialResource,\n          // dataset_Temporal: this.getTemporal,\n          dataset_Title: this.getTitle,\n          // dataset_TranslationMetaData: this.getTranslationMetaData,\n          // dataset_VersionInfo: this.getVersionInfo,\n          // dataset_VersionNotes: this.getVersionNotes,\n        });\n      },\n      isUrlInvalid(url) {\n        if (url) {\n          try {\n            /* eslint-disable no-useless-escape */\n            return !(new RegExp(\"^((https?:\\/\\/(www\\.)?)([-a-zA-Z0-9@:%._\\+~#=]{1,256})([-a-zA-Z0-9()@:%_\\+.~#?&//=]*))$\", \"i\")).test(decodeURIComponent(url.split(\"=\").pop()));\n            /* eslint-enable no-useless-escape */\n        } catch (e) {\n            console.error(e);\n          }\n        }\n      },\n      openIfValidUrl(isValid, previewLinkCallback, distribution, event) {\n        if (isValid) {\n          // for (let key in this.$children) {\n          //   if(this.$children[key].$refs[\"externalResourceModal\"]) {\n          //     this.$children[key].$refs[\"externalResourceModal\"].openModal(previewLinkCallback(distribution), false);\n          //   }\n          // }\n          this.openModal(previewLinkCallback(distribution), false);\n        } else {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      },\n      showTooltipVisualiseButton(invalidUrl) {\n        if (invalidUrl) {\n          return  this.$t('message.tooltip.invalidVisualise');\n        }\n        return ''\n      },\n    },\n    mounted() {\n      // Duplicated API call, execute only if data not already loaded\n      if (this.$route.params.ds_id !== this.getID) {\n        this.$Progress.start();\n        this.loadingDatasetDetails = true;\n        this.loadDatasetDetails(this.$route.params.ds_id)\n          .then(() => {\n            this.$Progress.finish();\n            this.loadingDatasetDetails = false;\n            this.initDatasetDetails();\n          })\n          .catch((err) => {\n            console.warn(err); // eslint-disable-line\n            this.$Progress.fail();\n            if (typeof this.$piwik?.resume === \"function\") this.$piwik.resume();\n            this.$router.replace({\n              name: 'NotFound',\n              query: { locale: this.$route.query.locale, dataset: this.$route.params.ds_id },\n            });\n          })\n          .finally(() => this.$root.$emit('contentLoaded'));\n      } else {\n        this.initDatasetDetails();\n        this.$root.$emit('contentLoaded')\n      }\n\n      const distributionsConf = this.$env.content.datasetDetails && this.$env.content.datasetDetails.distributions;\n      if (distributionsConf) {\n        this.distributions.displayAll = distributionsConf.displayAll || this.distributions.displayAll;\n        this.distributions.displayCount = parseInt(distributionsConf.displayCount, 10) || this.distributions.displayCount;\n\n        if (typeof distributionsConf.incrementSteps === 'string') {\n          // Need to parse as json array since env variables are string only\n          distributionsConf.incrementSteps = JSON.parse(distributionsConf.incrementSteps);\n        }\n        this.distributions.incrementSteps = distributionsConf.incrementSteps || this.distributions.incrementSteps;\n      }\n\n      if (this.distributions.displayAll) this.distributions.displayCount = this.getDistributions.length;\n\n      const pagesConf = this.$env.content.datasetDetails && this.$env.content.datasetDetails.pages;\n      if (pagesConf) {\n        this.pages.displayAll = pagesConf.displayAll || this.pages.displayAll;\n        this.pages.displayCount = parseInt(pagesConf.displayCount, 10) || this.pages.displayCount;\n\n        if (typeof pagesConf.incrementSteps === 'string') {\n          // Need to parse as json array since env variables are string only\n          pagesConf.incrementSteps = JSON.parse(pagesConf.incrementSteps);\n        }\n        this.pages.incrementSteps = pagesConf.incrementSteps || this.pages.incrementSteps;\n      }\n\n      if (this.pages.displayAll) this.pages.displayCount = this.getPages.length;\n    },\n    beforeUnmount() {\n      $('.tooltip').remove();\n    },\n    setup() {\n      metaInfo.useDatasetDetailsDatasetHead();\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n\n  .catalogue-label {\n    white-space: pre-line;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .tag-color {\n    background-color: var(--tag-color);\n  }\n\n  .btn-color {\n     &:hover {\n       background-color: #196fd2;\n       border-color: #196fd2;\n     }\n  }\n\n  .heading, .arrow, .copy-text {\n    cursor: pointer;\n  }\n\n  .details-link {\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  .text-break {\n    word-break: break-word;\n  }\n\n  td {\n    padding-left: 0 !important;\n    padding-top: 1% !important;\n    padding-bottom: 1% !important;\n  }\n\n  .download-all-btn {\n    min-width: 100px;\n    height: 31px;\n  }\n\n  .d-inline-table {\n    display: inline-table;\n  }\n\n  /*** BOOTSTRAP ***/\n  button:focus {\n    outline:0;\n  }\n  .options, .download {\n    .dropdown-menu {\n      .dropdown-item {\n        &:hover {\n          color: initial;\n          background-color: initial;\n        }\n      }\n    }\n  }\n.spinner-grow {\n  width: 20px;\n  height: 20px;\n}\n\n  /*** FONT AWESOME ICONS ***/\n  .fa-check-square {\n    color: #28a745;\n    width: 16px;\n    height: 16px;\n  }\n\n  /*** MATERIAL ICONS ***/\n  %modal-icon {\n    font-size: 18px;\n    cursor: default;\n  }\n\n  .help-icon {\n    @extend %modal-icon;\n  }\n\n  .check-icon {\n    @extend %modal-icon;\n    color: #28a745;\n  }\n\n  .material-icons.small-icon {\n    font-size: 20px;\n  }\n\n  .distributions {\n\n    &__item {\n      position: relative;\n\n      &--preview {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, white 55%);\n        z-index: 10;\n      }\n    }\n\n    &__actions {\n      display: flex;\n      justify-content: center;\n      align-items: flex-end;\n      height: 100%;\n      z-index: 11;\n    }\n  }\n  .mt-4 {\n    margin-top: 1.5rem !important;\n  }\n\n  .keywords {\n\n    &__item {\n      position: relative;\n    }\n\n    &__actions {\n      display: flex;\n      justify-content: center;\n      align-items: flex-end;\n      height: 100%;\n      z-index: 11;\n    }\n  }\n  .sectionList {\n    list-style-type: '→ ';\n    margin-left:6.5%;\n  }\n  @media only screen and (max-width: 991px) {\n  .sectionList {\n    margin-left: 0;\n  }\n}\n</style>\n"],"names":["_hoisted_1","_hoisted_3","_hoisted_4","_component_dataset_details_properties","_resolveComponent","_openBlock","_createElementBlock","_createVNode","_component_resource_access_popup","_cache","_createTextVNode","getReleaseDate","_ctx","getModificationDate","_hoisted_2","$data","_component_dataset_details_skeleton","_createCommentVNode","$props","_createBlock","_component_dataset_details_description","$options","_component_distributions","getDistributions","getKeywords","_component_dataset_details_features","_withCtx","_renderSlot"],"mappings":"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"}

package/dist/datasetDetails/DatasetDetailsDataset.vue2.mjs

@@ -7,8 +7,8 @@ import f from "./distributions/Distributions.vue.mjs";
 import y from "../filters/dateFilters.mjs";
 import { getTranslationFor as o, appendCurrentLocaleToURL as b, getCountryFlagImg as w, truncate as $, replaceHttp as A } from "../utils/helpers.mjs";
 import C from "../widgets/ResourceAccessPopup.vue.mjs";
-import x from "./features/DatasetDetailsIsUsedBy.vue.mjs";
-import U from "./DatasetDetailsSkeleton.vue.mjs";
+import U from "./features/DatasetDetailsIsUsedBy.vue.mjs";
+import x from "./DatasetDetailsSkeleton.vue.mjs";
 import "@unhead/vue";
 import "merge-anything";
 import "../configurations/config-schema/apiSchema.mjs";
@@ -27,8 +27,8 @@ import { useDatasetDetailsDatasetHead as v } from "../composables/head/useDatase
 const Y = {
   name: "datasetDetailsDataset",
   components: {
-    DatasetDetailsSkeleton: U,
-    DatasetDetailsExtendedMetaData: x,
+    DatasetDetailsSkeleton: x,
+    DatasetDetailsExtendedMetaData: U,
     AppLink: D,
     Tooltip: m,
     Distributions: f,