@piveau/piveau-hub-ui-modules 4.6.10 → 4.6.11

package/dist/data-provider-interface/components/SimpleSelect.vue.mjs

@@ -1,34 +1,34 @@
-import { computed as u, ref as i, watch as N, onMounted as J, nextTick as O, openBlock as a, createElementBlock as d, createElementVNode as h, toDisplayString as V, createTextVNode as k, withDirectives as $, createVNode as z, unref as M, vShow as U, Fragment as j, renderList as A, createCommentVNode as D } from "vue";
-import { useStore as X } from "vuex";
-import { getNode as Y } from "@formkit/core";
-import { onClickOutside as Z, useAsyncState as g } from "../../external/@vueuse/core/index";
-import ee from "axios";
-import { useRuntimeEnv as te } from "../../composables/useRuntimeEnv.mjs";
-import { useI18n as se } from "vue-i18n";
-import { FormKit as T } from "@formkit/vue";
+import { computed as u, ref as i, watch as N, onMounted as X, nextTick as O, openBlock as a, createElementBlock as d, createElementVNode as h, toDisplayString as V, createTextVNode as k, withDirectives as $, createVNode as z, unref as M, vShow as T, Fragment as U, renderList as j, createCommentVNode as A } from "vue";
+import { useStore as Y } from "vuex";
+import { getNode as Z } from "@formkit/core";
+import { onClickOutside as g, useAsyncState as ee } from "../../external/@vueuse/core/index";
+import te from "axios";
+import { useRuntimeEnv as se } from "../../composables/useRuntimeEnv.mjs";
+import { useI18n as le } from "vue-i18n";
+import { FormKit as D } from "@formkit/vue";
 import "./SimpleSelect.vue2.mjs";
-const le = { class: "formkitProperty" }, re = { class: "position-relative formkitCmpWrap" }, oe = { key: 0 }, ne = ["onClick"], ue = ["onClick"], Ce = {
+const re = { class: "formkitProperty" }, oe = { class: "position-relative formkitCmpWrap" }, ne = { key: 0 }, ue = ["onClick"], ie = ["onClick"], be = {
   __name: "SimpleSelect",
   props: {
     context: Object
   },
   setup(q) {
-    const m = q, { locale: B, fallbackLocale: K } = se({ useScope: "global" });
+    const m = q, { locale: B, fallbackLocale: K } = le({ useScope: "global" });
     u(() => localStorage.getItem("dpi_duplicate"));
-    const w = u(() => I.getters["auth/getUserCatalogIds"]), v = i(!1), I = X(), L = i(null), Q = i();
-    i(!0), Q.value = u(() => I.getters["auth/getIsEditMode"]);
-    const P = te(), f = i(""), c = i(""), S = i(!1);
-    Z(L, (l) => v.value = !1);
+    const w = u(() => I.getters["auth/getUserCatalogIds"]), v = i(!1), I = Y(), L = i(null), Q = i(), P = i(!0);
+    Q.value = u(() => I.getters["auth/getIsEditMode"]);
+    const W = se(), f = i(""), c = i(""), S = i(!1);
+    g(L, (l) => v.value = !1);
     const y = async (l) => {
-      l.id ? (c.value = l.id, f.value = l.name) : (c.value = l, f.value = l), v.value = !1;
-    }, { execute: W, state: o, isReady: R, error: E } = g(async () => await ee.get(P.api.baseUrl + "search?filter=catalogue&limit=1000"), { data: { result: { results: [] } } }, { immediate: !1 }), G = u(() => S.value && !!o.value && R.value);
+      P.value = !1, l.id ? (c.value = l.id, f.value = l.name) : (c.value = l, f.value = l), v.value = !1;
+    }, { execute: G, state: o, isReady: R, error: E } = ee(async () => await te.get(W.api.baseUrl + "search?filter=catalogue&limit=1000"), { data: { result: { results: [] } } }, { immediate: !1 }), H = u(() => S.value && !!o.value && R.value);
     N(E, () => {
       console.error(E.value);
     });
     const F = u(() => {
       var l, e, s, r;
       return ((r = (s = (e = (l = o == null ? void 0 : o.value) == null ? void 0 : l.data) == null ? void 0 : e.result) == null ? void 0 : s.results) == null ? void 0 : r.length) > 0;
-    }), H = u(() => {
+    }), J = u(() => {
       var l, e, s, r;
       return F && ((r = (s = (e = (l = o == null ? void 0 : o.value) == null ? void 0 : l.data) == null ? void 0 : e.result) == null ? void 0 : s.results) == null ? void 0 : r.length) === 1;
     }), x = u(() => {
@@ -43,31 +43,31 @@ const le = { class: "formkitProperty" }, re = { class: "position-relative formki
         return t != null && t.title ? typeof (t == null ? void 0 : t.title) == "string" ? b = t == null ? void 0 : t.title : typeof (t == null ? void 0 : t.title) == "object" && (b = (t == null ? void 0 : t.title[B.value]) || (t == null ? void 0 : t.title[K.value]) || ((_ = Object.values(t == null ? void 0 : t.title)) == null ? void 0 : _[0]) || n) : b = n, { id: n, name: b || n };
       });
     });
-    return N(H, (l) => {
+    return N(J, (l) => {
       if (l) {
         const e = o.value.data.result.results[0];
         y({ id: e.id, name: e.name });
       }
-    }, { immediate: !0 }), J(async () => {
+    }, { immediate: !0 }), X(async () => {
       var s, r, p;
-      await W(), await O();
-      const l = ((r = (s = Y) == null ? void 0 : s("dcat:catalog")) == null ? void 0 : r.value) || void 0, e = (p = x.value) == null ? void 0 : p.find((C) => C.id === l);
+      await G(), await O();
+      const l = ((r = (s = Z) == null ? void 0 : s("dcat:catalog")) == null ? void 0 : r.value) || void 0, e = (p = x.value) == null ? void 0 : p.find((C) => C.id === l);
       e && y({ id: e.id, name: e.name }), await O(), S.value = !0;
-    }), (l, e) => (a(), d("div", le, [
+    }), (l, e) => (a(), d("div", re, [
       h("h4", null, V(m.context.label), 1),
       e[6] || (e[6] = k()),
-      h("div", re, [
-        G.value ? (a(), d("div", oe, [
-          $(z(M(T), {
+      h("div", oe, [
+        H.value ? (a(), d("div", ne, [
+          $(z(M(D), {
             modelValue: c.value,
             "onUpdate:modelValue": e[0] || (e[0] = (s) => c.value = s),
             name: `${m.context.node.name}`,
             type: "text"
           }, null, 8, ["modelValue", "name"]), [
-            [U, !1]
+            [T, !1]
           ]),
           e[4] || (e[4] = k()),
-          z(M(T), {
+          z(M(D), {
             class: "autocompleteInputfield",
             modelValue: f.value,
             "onUpdate:modelValue": e[1] || (e[1] = (s) => f.value = s),
@@ -87,26 +87,26 @@ const le = { class: "formkitProperty" }, re = { class: "position-relative formki
             ref: L,
             class: "autocompleteResultList selectListFK catSelectList"
           }, [
-            (a(!0), d(j, null, A(x.value, (s) => (a(), d("li", {
+            (a(!0), d(U, null, j(x.value, (s) => (a(), d("li", {
               key: s,
               onClick: (r) => y(s),
               class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-            }, V(s.name), 9, ne))), 128)),
+            }, V(s.name), 9, ue))), 128)),
             e[3] || (e[3] = k()),
-            x.value.length === 0 ? (a(!0), d(j, { key: 0 }, A(w.value, (s) => (a(), d("li", {
+            x.value.length === 0 ? (a(!0), d(U, { key: 0 }, j(w.value, (s) => (a(), d("li", {
               key: s,
               onClick: (r) => y(s),
               class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-            }, V(s), 9, ue))), 128)) : D("", !0)
+            }, V(s), 9, ie))), 128)) : A("", !0)
           ], 512), [
-            [U, v.value]
+            [T, v.value]
           ])
-        ])) : D("", !0)
+        ])) : A("", !0)
       ])
     ]));
   }
 };
 export {
-  Ce as default
+  be as default
 };
 //# sourceMappingURL=SimpleSelect.vue.mjs.map

package/dist/data-provider-interface/components/SimpleSelect.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleSelect.vue.mjs","sources":["../../../lib/data-provider-interface/components/SimpleSelect.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n    <h4>{{ props.context.label }}</h4>\n    <div class=\"position-relative formkitCmpWrap\">\n\n      <div v-if=\"isReady\">\n        <FormKit v-show=\"false\" v-model=\"catId\" :name=\"`${props.context.node.name}`\" type=\"text\" />\n        <FormKit class=\"autocompleteInputfield\" v-model=\"catVal\" :placeholder=\"props.context.attrs.placeholder\"\n          type=\"text\" @click=\"showList = !showList\" validation=\"required\" mandatory=\"true\" :validation-messages=\"{\n            required: props.context.attrs.placeholder,\n          }\" :name=\"`${props.context.node.name}__displayedValue`\" />\n        <ul ref=\"dropdownList\" v-show=\"showList\" class=\"autocompleteResultList selectListFK catSelectList\">\n          <li v-for=\"match in filteredCatalogs\" :key=\"match\" @click=\"setvalue(match)\"\n            class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n              match.name }}\n          </li>\n          <li v-if=\"filteredCatalogs.length === 0\" v-for=\"idMatch in userCats\" :key=\"idMatch\" @click=\"setvalue(idMatch)\"\n            class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n              idMatch }}\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref, computed, onMounted, watch, nextTick } from 'vue';\nimport { useStore } from 'vuex';\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport axios from 'axios'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { useI18n } from 'vue-i18n';\nimport { useAsyncState } from '@vueuse/core';\nimport { FormKit } from '@formkit/vue';\n\nconst props = defineProps({\n  context: Object\n})\n\nconst { locale, fallbackLocale } = useI18n({ useScope: 'global' })\n\nconst isDuplicate = computed(() => localStorage.getItem('dpi_duplicate'))\nconst userCats = computed(() => store.getters['auth/getUserCatalogIds']);\nconst showList = ref(false)\nconst store = useStore()\nconst dropdownList = ref(null)\nconst isEditMode = ref()\nconst validationTrigger = ref(true)\nisEditMode.value = computed(() => store.getters['auth/getIsEditMode']);\nconst env = useRuntimeEnv()\nconst catVal = ref('')\nconst catId = ref('')\nconst hasMounted = ref(false)\n\nonClickOutside(dropdownList, event => showList.value = false)\n\nconst setvalue = async (e) => {\n  validationTrigger = false\n  if (e.id) {\n    catId.value = e.id\n    catVal.value = e.name\n  } else {\n    catId.value = e\n    catVal.value = e\n  }\n\n  showList.value = false\n}\n\nconst { execute: filterCatList, state: catalogListData, isReady: isQueryReady, error } = useAsyncState(async () => {\n  const catalogListData = await axios.get(env.api.baseUrl + 'search?filter=catalogue&limit=1000')\n  return catalogListData\n}, { data: { result: { results: [] } } }, { immediate: false })\n\nconst isReady = computed(() => hasMounted.value && !!catalogListData.value && isQueryReady.value)\n\nwatch(error, () => {\n  console.error(error.value)\n})\n\nconst hasResults = computed(() => {\n  return catalogListData?.value?.data?.result?.results?.length > 0\n})\n\nconst hasOneResultOnly = computed(() => {\n  return hasResults && catalogListData?.value?.data?.result?.results?.length === 1\n})\n\n/**\n * Computes list of users' authorized catalogs in { id: string; name: string } format\n */\nconst filteredCatalogs = computed(() => {\n  if (!hasResults.value || !isQueryReady.value) return []\n\n  const allCatalogs = catalogListData.value?.data?.result?.results || []\n  const authorizedCatalogs = allCatalogs.filter(catalog => userCats.value?.includes(catalog.id))\n\n  // map to { id: string; name: string } pairs\n  const authorizedCatalogsDataModel = authorizedCatalogs.map((catalog) => {\n    const id = catalog?.id || ''\n    let title = ''\n\n    if (!catalog?.title) title = id\n    else if (typeof catalog?.title === 'string') title = catalog?.title\n    else if (typeof catalog?.title === 'object') title = \n      catalog?.title[locale.value]\n      || catalog?.title[fallbackLocale.value]\n      || Object.values(catalog?.title)?.[0]\n      || id\n\n    return { id, name: title || id }\n  });\n  return authorizedCatalogsDataModel\n})\n\nwatch(hasOneResultOnly, (yes) => {\n  if (yes) {\n    const result = catalogListData.value.data.result.results[0]\n    setvalue({ id: result.id, name: result.name })\n  }\n}, { immediate: true })\n\nonMounted(async () => {\n  await filterCatList()\n  await nextTick()\n  const catalogIdToLoadForEdit = getNode?.('dcat:catalog')?.value || undefined\n  const maybeFoundCatalogFromQuery = filteredCatalogs.value?.find(item => item.id === catalogIdToLoadForEdit)\n  if (maybeFoundCatalogFromQuery) {\n    setvalue({ id: maybeFoundCatalogFromQuery.id, name: maybeFoundCatalogFromQuery.name })\n  }\n  await nextTick()\n  hasMounted.value = true\n});\n\n</script>\n<style>\n.catSelectList {\n  width: 97.3% !important;\n  margin: 0 1rem;\n}\n\n.selectListFK {\n\n  max-height: 20rem;\n  overflow: overlay;\n  overflow-x: hidden;\n}\n</style>"],"names":["props","__props","locale","fallbackLocale","useI18n","computed","userCats","store","showList","ref","useStore","dropdownList","isEditMode","env","useRuntimeEnv","catVal","catId","hasMounted","onClickOutside","event","setvalue","e","filterCatList","catalogListData","isQueryReady","error","useAsyncState","axios","isReady","watch","hasResults","_d","_c","_b","_a","hasOneResultOnly","filteredCatalogs","catalog","id","title","yes","result","onMounted","nextTick","catalogIdToLoadForEdit","getNode","maybeFoundCatalogFromQuery","item"],"mappings":"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"}
+{"version":3,"file":"SimpleSelect.vue.mjs","sources":["../../../lib/data-provider-interface/components/SimpleSelect.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n    <h4>{{ props.context.label }}</h4>\n    <div class=\"position-relative formkitCmpWrap\">\n\n      <div v-if=\"isReady\">\n        <FormKit v-show=\"false\" v-model=\"catId\" :name=\"`${props.context.node.name}`\" type=\"text\" />\n        <FormKit class=\"autocompleteInputfield\" v-model=\"catVal\" :placeholder=\"props.context.attrs.placeholder\"\n          type=\"text\" @click=\"showList = !showList\" validation=\"required\" mandatory=\"true\" :validation-messages=\"{\n            required: props.context.attrs.placeholder,\n          }\" :name=\"`${props.context.node.name}__displayedValue`\" />\n        <ul ref=\"dropdownList\" v-show=\"showList\" class=\"autocompleteResultList selectListFK catSelectList\">\n          <li v-for=\"match in filteredCatalogs\" :key=\"match\" @click=\"setvalue(match)\"\n            class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n              match.name }}\n          </li>\n          <li v-if=\"filteredCatalogs.length === 0\" v-for=\"idMatch in userCats\" :key=\"idMatch\" @click=\"setvalue(idMatch)\"\n            class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n              idMatch }}\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref, computed, onMounted, watch, nextTick } from 'vue';\nimport { useStore } from 'vuex';\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport axios from 'axios'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { useI18n } from 'vue-i18n';\nimport { useAsyncState } from '@vueuse/core';\nimport { FormKit } from '@formkit/vue';\n\nconst props = defineProps({\n  context: Object\n})\n\nconst { locale, fallbackLocale } = useI18n({ useScope: 'global' })\n\nconst isDuplicate = computed(() => localStorage.getItem('dpi_duplicate'))\nconst userCats = computed(() => store.getters['auth/getUserCatalogIds']);\nconst showList = ref(false)\nconst store = useStore()\nconst dropdownList = ref(null)\nconst isEditMode = ref()\nconst validationTrigger = ref(true)\nisEditMode.value = computed(() => store.getters['auth/getIsEditMode']);\nconst env = useRuntimeEnv()\nconst catVal = ref('')\nconst catId = ref('')\nconst hasMounted = ref(false)\n\nonClickOutside(dropdownList, event => showList.value = false)\n\nconst setvalue = async (e) => {\n  validationTrigger.value = false\n  if (e.id) {\n    catId.value = e.id\n    catVal.value = e.name\n  } else {\n    catId.value = e\n    catVal.value = e\n  }\n\n  showList.value = false\n}\n\nconst { execute: filterCatList, state: catalogListData, isReady: isQueryReady, error } = useAsyncState(async () => {\n  const catalogListData = await axios.get(env.api.baseUrl + 'search?filter=catalogue&limit=1000')\n  return catalogListData\n}, { data: { result: { results: [] } } }, { immediate: false })\n\nconst isReady = computed(() => hasMounted.value && !!catalogListData.value && isQueryReady.value)\n\nwatch(error, () => {\n  console.error(error.value)\n})\n\nconst hasResults = computed(() => {\n  return catalogListData?.value?.data?.result?.results?.length > 0\n})\n\nconst hasOneResultOnly = computed(() => {\n  return hasResults && catalogListData?.value?.data?.result?.results?.length === 1\n})\n\n/**\n * Computes list of users' authorized catalogs in { id: string; name: string } format\n */\nconst filteredCatalogs = computed(() => {\n  if (!hasResults.value || !isQueryReady.value) return []\n\n  const allCatalogs = catalogListData.value?.data?.result?.results || []\n  const authorizedCatalogs = allCatalogs.filter(catalog => userCats.value?.includes(catalog.id))\n\n  // map to { id: string; name: string } pairs\n  const authorizedCatalogsDataModel = authorizedCatalogs.map((catalog) => {\n    const id = catalog?.id || ''\n    let title = ''\n\n    if (!catalog?.title) title = id\n    else if (typeof catalog?.title === 'string') title = catalog?.title\n    else if (typeof catalog?.title === 'object') title =\n      catalog?.title[locale.value]\n      || catalog?.title[fallbackLocale.value]\n      || Object.values(catalog?.title)?.[0]\n      || id\n\n    return { id, name: title || id }\n  });\n  return authorizedCatalogsDataModel\n})\n\nwatch(hasOneResultOnly, (yes) => {\n  if (yes) {\n    const result = catalogListData.value.data.result.results[0]\n    setvalue({ id: result.id, name: result.name })\n  }\n}, { immediate: true })\n\nonMounted(async () => {\n  await filterCatList()\n  await nextTick()\n  const catalogIdToLoadForEdit = getNode?.('dcat:catalog')?.value || undefined\n  const maybeFoundCatalogFromQuery = filteredCatalogs.value?.find(item => item.id === catalogIdToLoadForEdit)\n  if (maybeFoundCatalogFromQuery) {\n    setvalue({ id: maybeFoundCatalogFromQuery.id, name: maybeFoundCatalogFromQuery.name })\n  }\n  await nextTick()\n  hasMounted.value = true\n});\n\n</script>\n<style>\n.catSelectList {\n  width: 97.3% !important;\n  margin: 0 1rem;\n}\n\n.selectListFK {\n\n  max-height: 20rem;\n  overflow: overlay;\n  overflow-x: hidden;\n}\n</style>\n"],"names":["props","__props","locale","fallbackLocale","useI18n","computed","userCats","store","showList","ref","useStore","dropdownList","isEditMode","validationTrigger","env","useRuntimeEnv","catVal","catId","hasMounted","onClickOutside","event","setvalue","e","filterCatList","catalogListData","isQueryReady","error","useAsyncState","axios","isReady","watch","hasResults","_d","_c","_b","_a","hasOneResultOnly","filteredCatalogs","catalog","id","title","yes","result","onMounted","nextTick","catalogIdToLoadForEdit","getNode","maybeFoundCatalogFromQuery","item"],"mappings":"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"}

package/dist/datasetDetails/distributions/DownloadAllDistributions.vue.d.ts

@@ -38,6 +38,8 @@ declare const _default: import('vue').DefineComponent<{
     trackAndDownloadAllDistributions(): Promise<void>;
     downloadAllDistributions(): Promise<void>;
     beforeWindowUnload(e: any): void;
+    openRessourceAccessPopup(): void;
+    onClose(e: any): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     small?: any;
     primary?: any;

package/dist/datasetDetails/distributions/DownloadAllDistributions.vue.mjs

@@ -1,11 +1,11 @@
-import { mapGetters as E } from "vuex";
-import { onUnmounted as C, resolveComponent as _, openBlock as w, createElementBlock as h, createBlock as y, withCtx as F, createElementVNode as i, createTextVNode as m, toDisplayString as u, normalizeStyle as I, createCommentVNode as f } from "vue";
-import { useRouter as S } from "vue-router";
-import { has as T, isNil as U } from "lodash-es";
-import M from "axios";
-import { saveAs as O } from "file-saver";
-import Z from "jquery";
-import { getTranslationFor as R } from "../../utils/helpers.mjs";
+import { mapGetters as C } from "vuex";
+import { onUnmounted as _, resolveComponent as I, openBlock as m, createElementBlock as h, createBlock as y, withCtx as F, createElementVNode as l, createTextVNode as w, toDisplayString as u, normalizeStyle as S, createCommentVNode as f } from "vue";
+import { useRouter as U } from "vue-router";
+import { has as T, isNil as M } from "lodash-es";
+import O from "axios";
+import { saveAs as R } from "file-saver";
+import k from "jquery";
+import { getTranslationFor as Z } from "../../utils/helpers.mjs";
 import x from "../../_virtual/_plugin-vue_export-helper.mjs";
 const $ = {
   name: "DownloadAllDistributions",
@@ -19,25 +19,25 @@ const $ = {
     "small"
   ],
   computed: {
-    ...E("datasetDetails", [
+    ...C("datasetDetails", [
       "getDistributions",
       "getTitle",
       "getCatalog",
       "getLanguages"
     ]),
     files() {
-      const s = (e) => e.lastIndexOf(".") !== -1 ? e.substring(0, e.lastIndexOf(".")) : e, t = (e) => {
-        if (T(e, "format.id") && !U(e.format.id)) {
-          const n = e.format.id;
-          return n.lastIndexOf(".") === -1 ? n.toLowerCase() : n.substring(n.lastIndexOf(".") + 1, n.length).toLowerCase();
+      const s = (t) => t.lastIndexOf(".") !== -1 ? t.substring(0, t.lastIndexOf(".")) : t, e = (t) => {
+        if (T(t, "format.id") && !M(t.format.id)) {
+          const a = t.format.id;
+          return a.lastIndexOf(".") === -1 ? a.toLowerCase() : a.substring(a.lastIndexOf(".") + 1, a.length).toLowerCase();
         }
         return "";
-      }, l = (e, n) => `${s(this.getDistributionTitle(e)).substring(0, this.bulkDownload.MAX_FILE_TITLE_LENGTH).replace(/\//g, " ").trim()}-${n}` || `${s(this.getDistributionDescription(e)).substring(0, this.bulkDownload.MAX_FILE_TITLE_LENGTH).replace(/\//g, " ").trim()}-${n}`, a = (e) => this.showDownloadUrls(e) ? { accessUrl: `${e.accessUrl[0]}`, downloadUrl: `${e.downloadUrls[0]}` } : { accessUrl: `${e.accessUrl[0]}` }, o = (e) => this.getDistributionTitle(e).replace(/,/g, "") || this.getDistributionDescription(e).replace(/,/g, "");
-      return this.getDistributions.map((e, n) => ({
-        title: l(e, n + 1),
-        ...a(e),
-        format: t(e),
-        csvReportTitle: o(e)
+      }, r = (t, a) => `${s(this.getDistributionTitle(t)).substring(0, this.bulkDownload.MAX_FILE_TITLE_LENGTH).replace(/\//g, " ").trim()}-${a}` || `${s(this.getDistributionDescription(t)).substring(0, this.bulkDownload.MAX_FILE_TITLE_LENGTH).replace(/\//g, " ").trim()}-${a}`, i = (t) => this.showDownloadUrls(t) ? { accessUrl: `${t.accessUrl[0]}`, downloadUrl: `${t.downloadUrls[0]}` } : { accessUrl: `${t.accessUrl[0]}` }, o = (t) => this.getDistributionTitle(t).replace(/,/g, "") || this.getDistributionDescription(t).replace(/,/g, "");
+      return this.getDistributions.map((t, a) => ({
+        title: r(t, a + 1),
+        ...i(t),
+        format: e(t),
+        csvReportTitle: o(t)
       }));
     }
   },
@@ -61,48 +61,48 @@ const $ = {
     };
   },
   methods: {
-    getTranslationFor: R,
-    async fetchDistributionFiles(s, t, l, a) {
+    getTranslationFor: Z,
+    async fetchDistributionFiles(s, e, r, i) {
       const o = [];
       let d = `filename,status, issue_cause downloadURL, issue_cause accessURL
-`, e;
-      const n = ["wms", "wfs"], k = M.CancelToken;
-      this.cancelDownloadAllAxiosRequestSource = k.source();
-      const b = this.$bulkDownloadAxiosInstance, A = { responseType: "blob", cancelToken: this.cancelDownloadAllAxiosRequestSource.token, timeout: this.bulkDownload.TIMEOUT_MS }, L = t.map(async (r) => {
-        const v = n.find((g) => g === r.format);
+`, t;
+      const a = ["wms", "wfs"], L = O.CancelToken;
+      this.cancelDownloadAllAxiosRequestSource = L.source();
+      const b = this.$bulkDownloadAxiosInstance, A = { responseType: "blob", cancelToken: this.cancelDownloadAllAxiosRequestSource.token, timeout: this.bulkDownload.TIMEOUT_MS }, E = e.map(async (n) => {
+        const v = a.find((g) => g === n.format);
         if (v)
-          o.push([r.csvReportTitle, "issue", `We can't download ${v} files using the download all button. Please try to download this file using the download button next to the file name.`]);
+          o.push([n.csvReportTitle, "issue", `We can't download ${v} files using the download all button. Please try to download this file using the download button next to the file name.`]);
         else {
-          let g = !0, D, p = r.format;
-          T(r, "downloadUrl") ? D = await b.get(r.downloadUrl, A).then((c) => c.status === 200 ? (g = !1, !r.format.length > 0 && (p = a(c.headers["content-type"])), o.push([r.csvReportTitle, "delivered"]), c.data) : Promise.reject(new Error(c.statusText))).catch((c) => {
-            g = !0, e = c;
-          }) : e = "no download url available", this.isUrlInvalid(r.downloadUrl) && o.push([r.csvReportTitle, "issue", "url is invalid"]), g && (D = await b.get(r.accessUrl, A).then((c) => c.status === 200 ? (g = !1, r.format.length > 0 && (p = a(c.headers["content-type"])), o.push([r.csvReportTitle, "delivered", e]), c.data) : Promise.reject(new Error(c.statusText))).catch((c) => {
-            g = !0, o.push([r.csvReportTitle, "issue", e, c]);
-          })), g || l.file(`${r.title}.${p}`, D, { binary: !0 }), this.isDownloadAllDistributionsCanceled ? (this.downloadedFilesCounter = 0, this.downloadProgress = 0, this.failedDownloads = 0) : (this.downloadedFilesCounter += 1, this.downloadProgress = Math.floor(100 * this.downloadedFilesCounter / this.getDistributions.length), g && (this.failedDownloads += 1));
+          let g = !0, p, D = n.format;
+          T(n, "downloadUrl") ? p = await b.get(n.downloadUrl, A).then((c) => c.status === 200 ? (g = !1, !n.format.length > 0 && (D = i(c.headers["content-type"])), o.push([n.csvReportTitle, "delivered"]), c.data) : Promise.reject(new Error(c.statusText))).catch((c) => {
+            g = !0, t = c;
+          }) : t = "no download url available", this.isUrlInvalid(n.downloadUrl) && o.push([n.csvReportTitle, "issue", "url is invalid"]), g && (p = await b.get(n.accessUrl, A).then((c) => c.status === 200 ? (g = !1, n.format.length > 0 && (D = i(c.headers["content-type"])), o.push([n.csvReportTitle, "delivered", t]), c.data) : Promise.reject(new Error(c.statusText))).catch((c) => {
+            g = !0, o.push([n.csvReportTitle, "issue", t, c]);
+          })), g || r.file(`${n.title}.${D}`, p, { binary: !0 }), this.isDownloadAllDistributionsCanceled ? (this.downloadedFilesCounter = 0, this.downloadProgress = 0, this.failedDownloads = 0) : (this.downloadedFilesCounter += 1, this.downloadProgress = Math.floor(100 * this.downloadedFilesCounter / this.getDistributions.length), g && (this.failedDownloads += 1));
         }
       });
-      await Promise.all(L), o.forEach((r) => {
-        d += r.join(","), d += `
+      await Promise.all(E), o.forEach((n) => {
+        d += n.join(","), d += `
 `;
       }), s.file("file_report.csv", d, { binary: !0 });
     },
     hideDownloadAllModal() {
-      Z("#downloadAllModal").modal("hide");
+      k("#downloadAllModal").modal("hide");
     },
-    generateAndSaveZip(s, t) {
+    generateAndSaveZip(s, e) {
       this.isDownloadAllDistributionsCanceled || (this.numberOfFilesToZip = Object.keys(s.files).length, this.isGeneratingZip = !0);
-      class l {
+      class r {
         constructor(o) {
           this.message = o, this.name = "UserInterruptException";
         }
       }
       s.generateAsync({ type: "blob", compression: "DEFLATE" }, () => {
         if (this.isDownloadAllDistributionsCanceled)
-          throw new l("user canceled generate zip operation");
-      }).then((a) => {
-        this.isGeneratingZip = !1, this.isGeneratingZipDone = !0, this.isLoadingAllDistributionFiles = !1, this.downloadAllSuccess = !0, O(a, t);
-      }).catch((a) => {
-        this.isGeneratingZip = !1, this.isDownloadAllDistributionsCanceled = !1, this.isLoadingAllDistributionFiles = !1, this.downloadAllError = !0, this.downloadedFilesCounter = 0, this.downloadProgress = 0, this.numberOfFilesToZip = 0, console.warn(a);
+          throw new r("user canceled generate zip operation");
+      }).then((i) => {
+        this.isGeneratingZip = !1, this.isGeneratingZipDone = !0, this.isLoadingAllDistributionFiles = !1, this.downloadAllSuccess = !0, R(i, e);
+      }).catch((i) => {
+        this.isGeneratingZip = !1, this.isDownloadAllDistributionsCanceled = !1, this.isLoadingAllDistributionFiles = !1, this.downloadAllError = !0, this.downloadedFilesCounter = 0, this.downloadProgress = 0, this.numberOfFilesToZip = 0, console.warn(i);
       });
     },
     cancelDownloadAll(s) {
@@ -119,170 +119,173 @@ const $ = {
       ), await this.downloadAllDistributions();
     },
     async downloadAllDistributions() {
-      this.downloadedFilesCounter = 0, this.downloadProgress = 0, this.failedDownloads = 0, this.numberOfFilesToZip = 0, this.isGeneratingZip = !1, this.isGeneratingZipDone = !1, this.isLoadingAllDistributionFiles = !0, this.isDownloadAllDistributionsCanceled = !1, this.downloadAllSuccess = !1, this.downloadAllError = !1;
+      k("#downloadAllModal").modal("show"), this.downloadedFilesCounter = 0, this.downloadProgress = 0, this.failedDownloads = 0, this.numberOfFilesToZip = 0, this.isGeneratingZip = !1, this.isGeneratingZipDone = !1, this.isLoadingAllDistributionFiles = !0, this.isDownloadAllDistributionsCanceled = !1, this.downloadAllSuccess = !1, this.downloadAllError = !1;
       const s = (d) => {
-        const e = d.lastIndexOf("/") + 1, n = d.indexOf(";") !== -1 ? d.indexOf(";") : d.length;
-        return d.substring(e, n);
-      }, { default: t } = await import("jszip"), l = new t(), a = `${this.getTranslationFor(this.getTitle, this.$route.query.locale, this.getLanguages)}.zip`, o = l.folder(this.getTranslationFor(this.getCatalog.title, this.$route.query.locale, this.getLanguages));
-      await this.fetchDistributionFiles(l, this.files, o, s), await this.generateAndSaveZip(l, a);
+        const t = d.lastIndexOf("/") + 1, a = d.indexOf(";") !== -1 ? d.indexOf(";") : d.length;
+        return d.substring(t, a);
+      }, { default: e } = await import("jszip"), r = new e(), i = `${this.getTranslationFor(this.getTitle, this.$route.query.locale, this.getLanguages)}.zip`, o = r.folder(this.getTranslationFor(this.getCatalog.title, this.$route.query.locale, this.getLanguages));
+      await this.fetchDistributionFiles(r, this.files, o, s), await this.generateAndSaveZip(r, i);
     },
     // handle navigation to extern website (cancel bulk download and hide modal)
     beforeWindowUnload(s) {
       this.isLoadingAllDistributionFiles && !this.isDownloadAllDistributionsCanceled && (s.preventDefault(), s.returnValue = "");
+    },
+    openRessourceAccessPopup() {
+      this.openModal(this.trackAndDownloadAllDistributions, !0);
+    },
+    onClose(s) {
+      console.log("CLOSING");
     }
   },
   created() {
     window.addEventListener("beforeunload", this.beforeWindowUnload);
   },
+  // mounted() {
+  //   setTimeout(() => {
+  //     const modal = document.getElementById('externalAccess');
+  //     modal.addEventListener('click', function() {
+  //       console.log("CLOSING");
+  //     });
+  //   })
+  // },
   beforeUnmount() {
     window.removeEventListener("beforeunload", this.beforeWindowUnload);
   },
   setup() {
-    const s = S();
-    C(() => {
-      s.beforeEach((t, l, a) => {
-        this.isLoadingAllDistributionFiles && !this.isDownloadAllDistributionsCanceled ? window.confirm(this.$t("message.datasetDetails.datasets.leavePageWindow.text")) ? (this.hideDownloadAllModal(), this.cancelDownloadAll(this.cancelDownloadAllAxiosRequestSource), a()) : a(!1) : (this.hideDownloadAllModal(), a());
+    const s = U();
+    _(() => {
+      s.beforeEach((e, r, i) => {
+        this.isLoadingAllDistributionFiles && !this.isDownloadAllDistributionsCanceled ? window.confirm(this.$t("message.datasetDetails.datasets.leavePageWindow.text")) ? (this.hideDownloadAllModal(), this.cancelDownloadAll(this.cancelDownloadAllAxiosRequestSource), i()) : i(!1) : (this.hideDownloadAllModal(), i());
       })();
     });
   }
 }, G = {
   key: 0,
   class: "dsd-download-all-distributions-button"
-}, N = {
+}, P = {
   class: "modal fade",
+  "data-backdrop": "static",
+  "data-keyboard": "false",
   id: "downloadAllModal",
+  ref: "downloadAllModal",
   tabindex: "-1",
   role: "dialog",
   "aria-labelledby": "download progress",
   "aria-hidden": "true"
-}, P = {
+}, N = {
   class: "modal-dialog",
   role: "document"
 }, q = { class: "modal-content" }, j = { class: "modal-header" }, z = { class: "modal-title" }, V = { class: "modal-body" }, W = { class: "progress" }, H = ["aria-valuenow"], X = { class: "d-flex justify-content-between align-items-center" }, B = ["title"], J = { class: "d-flex justify-content-between align-items-center" }, K = { key: 0 }, Q = { key: 1 }, Y = {
   key: 0,
   class: "spinner-grow text-primary",
   role: "status"
-}, tt = {
+}, ee = {
   key: 1,
   class: "material-icons check-icon"
-}, et = { class: "modal-footer" }, st = {
-  type: "button",
-  class: "btn btn-secondary",
-  "data-dismiss": "modal"
-}, ot = {
+}, te = { class: "modal-footer" }, se = {
   key: 2,
   type: "button",
   class: "btn btn-success",
   "data-dismiss": "modal"
 };
-function it(s, t, l, a, o, d) {
-  const e = _("pv-button");
-  return s.getDistributions.length > 1 && s.getCatalog.is_part_of !== "erpd" ? (w(), h("div", G, [
-    o.isLoadingAllDistributionFiles ? (w(), y(e, {
+function oe(s, e, r, i, o, d) {
+  const t = I("pv-button");
+  return s.getDistributions.length > 1 && s.getCatalog.is_part_of !== "erpd" ? (m(), h("div", G, [
+    o.isLoadingAllDistributionFiles ? (m(), y(t, {
       key: 0,
-      small: l.small,
+      small: r.small,
       rounded: !0,
-      primary: l.primary,
+      primary: r.primary,
       download: !0,
-      class: "download-all-btn",
-      "data-toggle": "modal",
-      "data-target": "#downloadAllModal"
+      class: "download-all-btn"
     }, {
-      default: F(() => t[2] || (t[2] = [
-        i("div", { class: "loading-spinner" }, null, -1)
-      ])),
+      default: F(() => [
+        e[2] || (e[2] = l("div", { class: "loading-spinner" }, null, -1)),
+        w(" " + u(s.$t("message.datasetDetails.datasets.downloadAll")), 1)
+      ]),
       _: 1
-    }, 8, ["small", "primary"])) : (w(), y(e, {
+    }, 8, ["small", "primary"])) : (m(), y(t, {
       key: 1,
       class: "download-all-btn",
-      small: l.small,
+      small: r.small,
       rounded: !0,
-      primary: l.primary,
+      primary: r.primary,
       download: !0,
-      action: () => l.openModal(d.trackAndDownloadAllDistributions, !0)
+      action: d.openRessourceAccessPopup
     }, {
       default: F(() => [
-        m(u(s.$t("message.datasetDetails.datasets.downloadAll")), 1)
+        w(u(s.$t("message.datasetDetails.datasets.downloadAll")), 1)
       ]),
       _: 1
     }, 8, ["small", "primary", "action"])),
-    t[14] || (t[14] = m()),
-    i("div", N, [
-      i("div", P, [
-        i("div", q, [
-          i("div", j, [
-            i("h3", z, u(s.$t("message.datasetDetails.datasets.modal.downloadProgress")), 1),
-            t[3] || (t[3] = m()),
-            t[4] || (t[4] = i("button", {
-              type: "button",
-              class: "close",
-              "data-dismiss": "modal",
-              "aria-label": "Close"
-            }, [
-              i("span", { "aria-hidden": "true" }, "×")
-            ], -1))
+    e[12] || (e[12] = w()),
+    l("div", P, [
+      l("div", N, [
+        l("div", q, [
+          l("div", j, [
+            l("h3", z, u(s.$t("message.datasetDetails.datasets.modal.downloadProgress")), 1)
           ]),
-          t[12] || (t[12] = m()),
-          i("div", V, [
-            i("div", W, [
-              i("div", {
+          e[10] || (e[10] = w()),
+          l("div", V, [
+            l("div", W, [
+              l("div", {
                 class: "progress-bar",
                 role: "progressbar",
-                style: I({ width: `${o.downloadProgress}%` }),
+                style: S({ width: `${o.downloadProgress}%` }),
                 "aria-valuenow": o.downloadProgress,
                 "aria-valuemin": "0",
                 "aria-valuemax": "100"
               }, null, 12, H)
             ]),
-            t[8] || (t[8] = m()),
-            i("div", null, u(s.$t("message.datasetDetails.datasets.modal.downloadingFiles")) + " " + u(o.downloadedFilesCounter.toLocaleString("fi")) + "/" + u(s.getDistributions.length.toLocaleString("fi")), 1),
-            t[9] || (t[9] = m()),
-            i("div", X, [
-              i("div", null, u(s.$t("message.datasetDetails.datasets.modal.notDownloaded")) + " " + u(o.failedDownloads.toLocaleString("fi")), 1),
-              t[5] || (t[5] = m()),
-              i("i", {
+            e[6] || (e[6] = w()),
+            l("div", null, u(s.$t("message.datasetDetails.datasets.modal.downloadingFiles")) + " " + u(o.downloadedFilesCounter.toLocaleString("fi")) + "/" + u(s.getDistributions.length.toLocaleString("fi")), 1),
+            e[7] || (e[7] = w()),
+            l("div", X, [
+              l("div", null, u(s.$t("message.datasetDetails.datasets.modal.notDownloaded")) + " " + u(o.failedDownloads.toLocaleString("fi")), 1),
+              e[3] || (e[3] = w()),
+              l("i", {
                 class: "material-icons help-icon",
                 "data-toggle": "tooltip",
                 "data-placement": "bottom",
                 title: s.$t("message.datasetDetails.datasets.modal.notDownloadedTooltip")
               }, "help", 8, B)
             ]),
-            t[10] || (t[10] = m()),
-            i("div", J, [
-              i("div", null, [
-                m(u(s.$t("message.datasetDetails.datasets.modal.zipNumberOfFiles", { number: o.numberOfFilesToZip.toLocaleString("fi") })) + " ", 1),
-                o.isLoadingAllDistributionFiles && o.numberOfFilesToZip > 0 ? (w(), h("span", K, u(s.$t("message.datasetDetails.datasets.modal.coupleOfMinutes")), 1)) : o.isLoadingAllDistributionFiles ? (w(), h("span", Q, u(s.$t("message.datasetDetails.datasets.modal.waitingForDownload")), 1)) : f("", !0)
+            e[8] || (e[8] = w()),
+            l("div", J, [
+              l("div", null, [
+                w(u(s.$t("message.datasetDetails.datasets.modal.zipNumberOfFiles", { number: o.numberOfFilesToZip.toLocaleString("fi") })) + " ", 1),
+                o.isLoadingAllDistributionFiles && o.numberOfFilesToZip > 0 ? (m(), h("span", K, u(s.$t("message.datasetDetails.datasets.modal.coupleOfMinutes")), 1)) : o.isLoadingAllDistributionFiles ? (m(), h("span", Q, u(s.$t("message.datasetDetails.datasets.modal.waitingForDownload")), 1)) : f("", !0)
               ]),
-              t[7] || (t[7] = m()),
-              o.isGeneratingZip ? (w(), h("div", Y, t[6] || (t[6] = [
-                i("span", { class: "sr-only" }, "Loading...", -1)
-              ]))) : o.isGeneratingZipDone ? (w(), h("i", tt, "check_circle")) : f("", !0)
+              e[5] || (e[5] = w()),
+              o.isGeneratingZip ? (m(), h("div", Y, e[4] || (e[4] = [
+                l("span", { class: "sr-only" }, "Loading...", -1)
+              ]))) : o.isGeneratingZipDone ? (m(), h("i", ee, "check_circle")) : f("", !0)
             ])
           ]),
-          t[13] || (t[13] = m()),
-          i("div", et, [
-            i("button", st, u(s.$t("message.datasetDetails.datasets.modal.close")), 1),
-            t[11] || (t[11] = m()),
-            !o.downloadAllSuccess && !o.downloadAllError ? (w(), h("button", {
+          e[11] || (e[11] = w()),
+          l("div", te, [
+            !o.downloadAllSuccess && !o.downloadAllError ? (m(), h("button", {
               key: 0,
               type: "button",
               class: "btn btn-danger",
               "data-dismiss": "modal",
-              onClick: t[0] || (t[0] = (n) => d.cancelDownloadAll(o.cancelDownloadAllAxiosRequestSource))
-            }, u(s.$t("message.datasetDetails.datasets.modal.cancel")), 1)) : o.downloadAllError ? (w(), h("button", {
+              onClick: e[0] || (e[0] = (a) => d.cancelDownloadAll(o.cancelDownloadAllAxiosRequestSource))
+            }, u(s.$t("message.datasetDetails.datasets.modal.cancel")), 1)) : f("", !0),
+            e[9] || (e[9] = w()),
+            o.downloadAllError ? (m(), h("button", {
               key: 1,
               type: "button",
               class: "btn btn-danger",
-              onClick: t[1] || (t[1] = (n) => d.trackAndDownloadAllDistributions())
-            }, u(s.$t("message.datasetDetails.datasets.modal.error")), 1)) : o.downloadAllSuccess ? (w(), h("button", ot, u(s.$t("message.datasetDetails.datasets.modal.okay")), 1)) : f("", !0)
+              onClick: e[1] || (e[1] = (a) => d.trackAndDownloadAllDistributions())
+            }, u(s.$t("message.datasetDetails.datasets.modal.error")), 1)) : o.downloadAllSuccess ? (m(), h("button", se, u(s.$t("message.datasetDetails.datasets.modal.okay")), 1)) : f("", !0)
           ])
         ])
       ])
-    ])
+    ], 512)
   ])) : f("", !0);
 }
-const gt = /* @__PURE__ */ x($, [["render", it]]);
+const me = /* @__PURE__ */ x($, [["render", oe]]);
 export {
-  gt as default
+  me as default
 };
 //# sourceMappingURL=DownloadAllDistributions.vue.mjs.map