@piveau/piveau-hub-ui-modules 3.18.0

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

@@ -0,0 +1,20 @@
+declare const _default: import('../../../vue/dist/vue.esm.js').DefineComponent<Readonly<{}>, {}, {
+    selected: string;
+    converting: boolean;
+    converted: boolean;
+    readyForDownload: boolean;
+    error: boolean;
+    done: boolean;
+    progress: string;
+    downloadBtnText: string;
+    errorMsg: string;
+    source: null;
+}, {
+    [x: string]: import('vuex').Computed;
+}, {
+    download(): void;
+    onChange(): void;
+    randomNumber(): number;
+    setFileName(locale: any): string;
+}, import('../../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../../vue/dist/vue.esm.js').ExtractPropTypes<Readonly<{}>>>, {}>;
+export default _default;

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

@@ -0,0 +1,108 @@
+import A from "jquery";
+import { mapGetters as g } from "vuex";
+import n from "axios";
+import "./DistributionDownloadAsModal.vue2.mjs";
+import h from "../../_virtual/_plugin-vue2_normalizer.mjs";
+const w = {
+  name: "download-as-modal",
+  data() {
+    return {
+      selected: "",
+      converting: !1,
+      converted: !1,
+      readyForDownload: !1,
+      error: !1,
+      done: !1,
+      progress: "0",
+      downloadBtnText: "Download",
+      errorMsg: "",
+      source: null
+    };
+  },
+  computed: {
+    ...g("datasetDetails", [
+      "getDistributionDownloadAsOptions",
+      "getDistributionDownloadAs"
+    ])
+  },
+  mounted() {
+    document.getElementById("modal-close-btn").addEventListener("click", () => {
+      this.source && this.source.cancel("Download was canceled by user");
+    });
+    const s = this;
+    A("#downloadAsModal").on("hide.bs.modal", () => {
+      s.selected = s.errorMsg = "", s.converting = s.converted = s.readyForDownload = s.error = s.done = !1, s.progress = "0", s.downloadBtnText = "Download";
+    });
+  },
+  methods: {
+    download() {
+      this.error = !1;
+      const s = this.getDistributionDownloadAs.downloadUrls.length, t = this.getDistributionDownloadAs.accessUrl.length;
+      if (this.selected.toLowerCase() === this.getDistributionDownloadAs.format.id.toLowerCase())
+        s ? (window.open(this.getDistributionDownloadAs.downloadUrls[0]), this.done = !0) : t && (window.open(this.getDistributionDownloadAs.accessUrl[0]), this.done = !0);
+      else if (this.converting = !0, this.downloadBtnText = "Converting...", s || t) {
+        let e = "";
+        s ? e = this.getDistributionDownloadAs.downloadUrls[0] : !s && t && (e = this.getDistributionDownloadAs.accessUrl[0]), this.progress = "3" + this.randomNumber();
+        const o = encodeURIComponent(`${this.$env.content.datasetDetails.downloadAs.url}/${this.getDistributionDownloadAs.format.id.toLowerCase()}/${this.selected}`), i = encodeURIComponent(e), l = n.CancelToken;
+        this.source = l.source(), n({
+          url: `${this.$env.content.datasetDetails.downloadAs.proxyUrl}/?uri=${o}/?url=${i}`,
+          method: "GET",
+          responseType: "blob",
+          headers: {
+            "Content-Type": "application/octet-stream; charset=UTF-8"
+          },
+          cancelToken: this.source.token
+        }).then((a) => {
+          this.progress = "8" + this.randomNumber(), this.converted = !0, this.downloadBtnText = "Downloading...", this.progress = "100", this.readyForDownload = !0;
+          const d = this.$route.query.locale, c = window.URL.createObjectURL(a.data);
+          let r = document.createElement("a");
+          r.href = c, r.setAttribute("download", this.setFileName(d)), document.body.appendChild(r), this.done = !0, r.click();
+        }).catch(async (a) => {
+          console.error("Error", a), n.isCancel(a) ? console.error("Request canceled:", a.message) : (a.response && (this.errorMsg = await a.response.data.text()), this.error = !0, this.downloadBtnText = "Retry", this.converting = !1);
+        });
+      }
+    },
+    onChange() {
+      this.done = this.converted = this.converting = this.readyForDownload = this.error = !1, this.downloadBtnText = "Download";
+    },
+    // 0 - 9
+    randomNumber() {
+      return Math.floor(Math.random() * 10);
+    },
+    setFileName(s) {
+      return typeof this.getDistributionDownloadAs.title > "u" ? "file" : this.getDistributionDownloadAs.title[s] ? this.getDistributionDownloadAs.title[s].split(".")[0] + "." + this.selected : Object.values(this.getDistributionDownloadAs.title)[0].split(".")[0] + "." + this.selected;
+    }
+  }
+};
+var m = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "modal fade", staticStyle: { "background-color": "rgba(0, 0, 0, 0.75)" }, attrs: { id: "downloadAsModal", tabindex: "-1", role: "dialog", "aria-labelledby": "downloadAsModal", "aria-hidden": "true" } }, [e("div", { staticClass: "modal-dialog modal-dialog-centered modal-lg", attrs: { role: "document" } }, [e("div", { staticClass: "modal-content rounded-0" }, [e("div", { staticClass: "modal-header" }, [e("h5", { staticClass: "modal-title", attrs: { id: "exampleModalLabel" } }, [t._v(t._s(t.$t("message.datasetDetails.datasets.modal.downloadAs")) + " ...")]), t._v(" "), e("button", { staticClass: "close", attrs: { type: "button", id: "modal-close-btn", "data-dismiss": "modal", "aria-label": "Close" } }, [t._v(`
+               ` + t._s(t.$t("message.datasetDetails.datasets.modal.close")) + `
+               `), e("span", { staticClass: "close-icon rounded-circle", attrs: { "aria-hidden": "true" } }, [e("svg", { staticStyle: { "enable-background": "new 0 0 512 512" }, attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "white", "xmlns:xlink": "http://www.w3.org/1999/xlink", height: "8", id: "Layer_1", version: "1.1", viewBox: "0 0 512 512", width: "8", "xml:space": "preserve" } }, [e("path", { attrs: { d: "M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4  L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1  c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1  c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z" } })])])])]), t._v(" "), e("div", { staticClass: "modal-body" }, [e("div", { staticClass: "align-items-center" }, [e("div", [e("div", { staticClass: "ecl-form-group" }, [e("div", { staticClass: "ecl-select__container ecl-select__container--m" }, [e("select", { directives: [{ name: "model", rawName: "v-model", value: t.selected, expression: "selected" }], staticClass: "ecl-select coursor-pointer", attrs: { id: "select-default", required: "" }, on: { change: [function(o) {
+    var i = Array.prototype.filter.call(o.target.options, function(l) {
+      return l.selected;
+    }).map(function(l) {
+      var a = "_value" in l ? l._value : l.value;
+      return a;
+    });
+    t.selected = o.target.multiple ? i : i[0];
+  }, function(o) {
+    return t.onChange();
+  }] } }, [e("option", { attrs: { value: "", disabled: "", hidden: "" } }, [t._v("- " + t._s(t.$t("message.datasetDetails.datasets.modal.selectFileFormat")) + " -")]), t._v(" "), t._l(t.getDistributionDownloadAsOptions, function(o, i) {
+    return e("option", { key: i, domProps: { value: o, textContent: t._s(o.toUpperCase()) } });
+  })], 2), t._v(" "), e("div", { staticClass: "ecl-select__icon" }, [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", "xml:space": "preserve", width: "16", height: "8", "shape-rendering": "geometricPrecision", "text-rendering": "geometricPrecision", "image-rendering": "optimizeQuality", "fill-rule": "evenodd", "clip-rule": "evenodd", viewBox: "0 0 512 298.04" } }, [e("path", { attrs: { fill: "#ffffff", "fill-rule": "nonzero", d: "M12.08 70.78c-16.17-16.24-16.09-42.54.15-58.7 16.25-16.17 42.54-16.09 58.71.15L256 197.76 441.06 12.23c16.17-16.24 42.46-16.32 58.71-.15 16.24 16.16 16.32 42.46.15 58.7L285.27 285.96c-16.24 16.17-42.54 16.09-58.7-.15L12.08 70.78z" } })])])])]), t._v(" "), t.error ? e("div", { staticClass: "error mt-4" }, [e("div", { staticClass: "error-body" }, [e("span", [e("svg", { attrs: { width: "31", height: "30", viewBox: "0 0 31 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink" } }, [e("rect", { attrs: { width: "31", height: "30", fill: "url(#pattern0)" } }), t._v(" "), e("defs", [e("pattern", { attrs: { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1" } }, [e("use", { attrs: { "xlink:href": "#image0_29_137", transform: "translate(-0.2 -0.358491) scale(0.0181818 0.0188679)" } })]), t._v(" "), e("image", { attrs: { id: "image0_29_137", width: "91", height: "88", "xlink:href": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABYCAYAAACaoos3AAAK0mlDQ1BJQ0MgUHJvZmlsZQAASImVlgdYE9kWgO/MpBdaAOmE3gQBBQJICT106SAqIQkklBgSgohdWVyBFUVEBNQVWRRRcC2ArAWxYGFRVMC+QRYV9blYsKHyBniE3X3fe+97Z77znX/OnHvuufe7d74DANWTLRJlwEoAZAqzxRH+XvS4+AQ6/gnAAxJQAlpAic2RiJjh4cEAlWn7V3nfB6AJe8t6Ite/f/+vosLlSTgAQIkoJ3MlnEyU21H9nSMSZwOA1KJ+o2XZogm+jLKqGC0Q5QcTnDrFIxOcPMkYzGRMVIQ3yhoAEChstjgVAIox6qfncFLRPBQflG2FXIEQZfQduHP4bC7Kx1GenZm5dIJlKJuj8SIAqASUGcl/ypn6l/zJ8vxsdqqcp9Y1KQQfgUSUwV7+f27N/5bMDOn0HKaoUvjigIgJi+7fnfSlQXIWJoeGTbOAOxk/yXxpQPQ0cyTeCdPMZfsEycdmhAZPc4rAjyXPk82KmmaexDdymsVLI+RzpYi9mdPMFs/MK02Plvv5PJY8fx4/KnaacwQxodMsSY8MmonxlvvF0gh5/Tyhv9fMvH7ytWdK/rReAUs+NpsfFSBfO3umfp6QOZNTEievjcvz8Z2JiZbHi7K95HOJMsLl8bwMf7lfkhMpH5uNHs6ZseHyPUxjB4ZPM/AB9ugTC6yBXTYvd+KMAu+louViQSo/m85EbxmPzhJybGbT7W3t7QGYuLNTx+Dtncm7CKkTZny56A64HQEA/jTji20B4DB6hjXtZnymDQCoUQFoQThScc6Ub+I6ASz6L1AEqkAT6AEjYI5WZQ8cgSvwBL4gEISBKBAPFgMO4INMIAbLwEqwDhSAIrAFbAeVYA/YBw6Aw+AoaAGnwDlwCVwDN0AvuA9kYAi8ACPgPRiDIAgPUSEapAnpQyaQFWQPMSB3yBcKhiKgeCgJSoWEkBRaCW2AiqBSqBLaC9VDP0MnoXPQFagHugsNQMPQG+gzjMAUWBXWhU3hOTADZsJBcBS8CE6Fs+A8OB/eDFfANfAhuBk+B1+De2EZ/AIeRQBCRtQRA8QaYSDeSBiSgKQgYmQ1UoiUIzVII9KGdCK3EBnyEvmEwWFoGDrGGuOKCcBEYziYLMxqTDGmEnMA04y5gLmFGcCMYL5hqVgdrBXWBcvCxmFTscuwBdhybB32BPYithc7hH2Pw+HUcWY4J1wALh6XhluBK8btwjXh2nE9uEHcKB6P18Rb4d3wYXg2PhtfgN+JP4Q/i7+JH8J/JJAJ+gR7gh8hgSAkrCeUEw4SzhBuEp4SxohKRBOiCzGMyCUuJ5YQa4ltxOvEIeIYSZlkRnIjRZHSSOtIFaRG0kXSA9JbMplsSHYmLyALyGvJFeQj5MvkAfInigrFkuJNSaRIKZsp+yntlLuUt1Qq1ZTqSU2gZlM3U+up56mPqB8VaAo2CiwFrsIahSqFZoWbCq8UiYomikzFxYp5iuWKxxSvK75UIiqZKnkrsZVWK1UpnVTqVxpVpinbKYcpZyoXKx9UvqL8TAWvYqriq8JVyVfZp3JeZZCG0Ixo3jQObQOtlnaRNqSKUzVTZammqRapHlbtVh1RU1GbpxajlqtWpXZaTaaOqJuqs9Qz1EvUj6r3qX+epTuLOYs3a9Osxlk3Z33Q0Nbw1OBpFGo0afRqfNaka/pqpmtu1WzRfKiF0bLUWqC1TGu31kWtl9qq2q7aHO1C7aPa93RgHUudCJ0VOvt0unRGdfV0/XVFujt1z+u+1FPX89RL0yvTO6M3rE/Td9cX6Jfpn9V/TlejM+kZ9Ar6BfqIgY5BgIHUYK9Bt8GYoZlhtOF6wybDh0YkI4ZRilGZUYfRiLG+cYjxSuMG43smRBOGCd9kh0mnyQdTM9NY042mLabPzDTMWGZ5Zg1mD8yp5h7mWeY15rctcBYMi3SLXRY3LGFLB0u+ZZXldSvYytFKYLXLqmc2drbzbOHsmtn91hRrpnWOdYP1gI26TbDNepsWm1dzjOckzNk6p3PON1sH2wzbWtv7dip2gXbr7drs3thb2nPsq+xvz6XO9Zu7Zm7r3NfzrObx5u2ed8eB5hDisNGhw+Gro5Oj2LHRcdjJ2CnJqdqpn6HKCGcUMy47Y529nNc4n3L+5OLoku1y1OUPV2vXdNeDrs/mm83nza+dP+hm6MZ22+smc6e7J7n/6C7zMPBge9R4PPY08uR61nk+ZVow05iHmK+8bL3EXie8Pni7eK/ybvdBfPx9Cn26fVV8o30rfR/5Gfql+jX4jfg7+K/wbw/ABgQFbA3oZ+myOKx61kigU+CqwAtBlKDIoMqgx8GWweLgthA4JDBkW8iDUJNQYWhLGAhjhW0LexhuFp4V/ssC3ILwBVULnkTYRayM6IykRS6JPBj5PsorqiTqfrR5tDS6I0YxJjGmPuZDrE9saawsbk7cqrhr8VrxgvjWBHxCTEJdwuhC34XbFw4lOiQWJPYtMluUu+jKYq3FGYtPL1Fcwl5yLAmbFJt0MOkLO4xdwx5NZiVXJ49wvDk7OC+4ntwy7jDPjVfKe5rillKa8izVLXVb6jDfg1/OfynwFlQKXqcFpO1J+5Aelr4/fTwjNqMpk5CZlHlSqCJMF15Yqrc0d2mPyEpUIJJluWRtzxoRB4nrJJBkkaQ1WxVtjrqk5tLvpAM57jlVOR+XxSw7lqucK8ztWm65fNPyp3l+eT+twKzgrOhYabBy3cqBVcxVe1dDq5NXd6wxWpO/Zmit/9oD60jr0tf9ut52fen6dxtiN7Tl6+avzR/8zv+7hgKFAnFB/0bXjXu+x3wv+L5709xNOzd9K+QWXi2yLSov+lLMKb76g90PFT+Mb07Z3F3iWLJ7C26LcEvfVo+tB0qVS/NKB7eFbGsuo5cVlr3bvmT7lfJ55Xt2kHZId8gqgitadxrv3LLzSyW/srfKq6qpWqd6U/WHXdxdN3d77m7co7unaM/nHwU/3tnrv7e5xrSmfB9uX86+J7UxtZ0/MX6qr9OqK6r7ul+4X3Yg4sCFeqf6+oM6B0sa4AZpw/ChxEM3Dvscbm20btzbpN5UdAQckR55/nPSz31Hg452HGMcazxucrz6BO1EYTPUvLx5pIXfImuNb+05GXiyo8217cQvNr/sP2Vwquq02umSM6Qz+WfGz+adHW0Xtb88l3pusGNJx/3zcedvX1hwofti0MXLl/wune9kdp697Hb51BWXKyevMq62XHO81tzl0HXiV4dfT3Q7djdfd7reesP5RlvP/J4zNz1unrvlc+vSbdbta72hvT190X13+hP7ZXe4d57dzbj7+l7OvbH7ax9gHxQ+VHpY/kjnUc1vFr81yRxlpwd8BroeRz6+P8gZfPG75PcvQ/lPqE/Kn+o/rX9m/+zUsN/wjecLnw+9EL0Ye1nwD+V/VL8yf3X8D88/ukbiRoZei1+Pvyl+q/l2/7t57zpGw0cfvc98P/ah8KPmxwOfGJ86P8d+fjq27Av+S8VXi69t34K+PRjPHB8XscXsyVYAQRVOSQHgzX60J44HgHYDANLCqZ56UtDO491v0/SfeKrvnhRHAGrbAYj2BICFahXqMkOVthaAcPQ9yhPAwV1y/ZdIUubaT+Uioz0Mtnx8/C3aM+ItAPjaPz4+1jI+/rUOLfYeAO3vp3r5CdE6hsZkTow6z6xYC/4mU33+n9b4dwvkFfzF/hNyCR1HWR2gdwAAAFZlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA5KGAAcAAAASAAAARKACAAQAAAABAAAAW6ADAAQAAAABAAAAWAAAAABBU0NJSQAAAFNjcmVlbnNob3SXdIKGAAAB1GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj44ODwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj45MTwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlVzZXJDb21tZW50PlNjcmVlbnNob3Q8L2V4aWY6VXNlckNvbW1lbnQ+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgos+LFcAAADLklEQVR4Ae3bv27UQBAGcAdRRSkpKBE1FSAR3gQeABAV4kkQFQIeAN6EIP48AkpJQRmlBb6TBp0c++5s73wzY76RIuvitWf982Sz55WPfv+NTkERuEbJoiQbAWETC0HYwiYKEFOpsoVNFCCmUmULmyhATKXKFjZRgJhKlS1sogAxlSpb2EQBYipVtrCJAsRUqmxhEwWIqVTZROzrrFw/Hj9zS3V8eq+7+eKp2/lbnfiIseAL6MtP31v1efA8xw/vdrc/vB3cl+WX7sMIAxqYuJmefz0tbpgrNgvaILKDu2GzoSuAu2BHQWcHb44dDZ0ZvCl2Fuis4M2ws0FnBG+CnRU6G/hi7OzQmcAXYVeBzgI+G7sadAbwWdhVoaPBJ2P/fP3O/aGSoXhuI77aT8a+PPvmabDqc0/GXrWG88WFYt/6+Ka78fLJwZeItnfOv3R4dl0xwrABfXJ6f7PCcgg42thqDBYJKoKHYBu0VScQd4FvQ9sxFcFDsC8+X10iGwMfggZ4xVlRCPavV+83WFaltgU4qt5iFzTOUS1oq+t9GMOycdj2YxwHOKq/vw9tUNF2rB1TZRuGDSBD66MCHD/9qAyNawkZRrYRAQ7EfVEdGtcXjo1O7ANfA3QabHTkf4gUlT0267AbgDEdbapHOPY+aANeA3go9hg0xuihf5rVwcOmfrugbUqIqu5PC+3zdhur/uzbkMo+FHpsllK1wkOwTx5cfUQ6Nr3bBZ69kvv9C8E+f/S8uzj7+q8vY9DWYAgc66DVImzMBrg9Azlk/LU2GEKqLjiHYaMqAT4lAI41UO+3GKb0aUrbkGFkSgf7batC4zrKYffxl3zGi0/MmPUCU9Uxcxs24oWnWZVdcf0vGhr5Z2HjwKrgERUNL8RsbBxcDTwSejF2JfBo6CbYFcAzQDfDzgyeBbopdkbwTNDNsTOBZ4N2wc4AnhHaDTsSPCu0K3YEeGZod2wmeHZoWMx6EIUDpwZWYzzfx8G32exBw84OwejfomcjjA6uKYewiXdT2MImChBTqbKFTRQgplJlC5soQEylyhY2UYCYSpUtbKIAMZUqW9hEAWIqVTYR+w8b5G1Kt3yoSQAAAABJRU5ErkJggg==" } })])])]), t._v(" "), e("span", [e("p", { staticClass: "font-weight-bold ml-3" }, [t._v(t._s(t.$t("message.datasetDetails.datasets.modal.fileConversionFail")))]), t._v(" "), e("p", { staticClass: "ml-3" }, [t._v(t._s(t.errorMsg))])])])]) : t._e(), t._v(" "), t.converting ? e("div", [e("div", { staticClass: "d-flex mt-4" }, [e("p", { staticClass: "m-0" }, [t._v("1 " + t._s(t.$t("message.datasetDetails.datasets.modal.fileConversionTo")) + " "), e("span", { staticClass: "font-weight-bold" }, [t._v(t._s(t.selected.toUpperCase()))])]), t._v(" "), t.converted ? e("i", { staticClass: "success rounded-circle" }, [e("svg", { staticClass: "bi bi-check", attrs: { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "white", viewBox: "0 0 16 16" } }, [e("path", { attrs: { d: "M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z" } })])]) : t._e()]), t._v(" "), e("div", { staticClass: "d-flex mt-2" }, [e("p", { staticClass: "m-0", class: { active: t.converted }, staticStyle: { color: "#A8A8A8" } }, [t._v("2 " + t._s(t.$t("message.datasetDetails.datasets.modal.downloading")) + " ")]), t._v(" "), t.readyForDownload ? e("i", { staticClass: "success rounded-circle" }, [e("svg", { staticClass: "bi bi-check", attrs: { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "white", viewBox: "0 0 16 16" } }, [e("path", { attrs: { d: "M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z" } })])]) : t._e()]), t._v(" "), e("div", { staticClass: "w-100 text-right" }, [t._v(t._s(this.progress + "%"))]), t._v(" "), e("div", { staticClass: "progress mt-2" }, [e("div", { staticClass: "progress-bar", style: { width: t.progress + "%" }, attrs: { role: "progressbar", "aria-valuenow": "100", "aria-valuemin": "0", "aria-valuemax": "100" } })])]) : t._e()])])]), t._v(" "), e("div", { staticClass: "modal-footer justify-content-start" }, [t.done ? t._e() : e("button", { staticClass: "ecl-button ecl-button--secondary", attrs: { type: "button" }, domProps: { textContent: t._s(t.downloadBtnText) }, on: { click: t.download } }), t._v(" "), t.done ? e("button", { staticClass: "ecl-button ecl-button--secondary", attrs: { type: "button", "data-dismiss": "modal", "aria-label": "Close" } }, [t._v("Done")]) : t._e()])])])]);
+}, u = [], v = /* @__PURE__ */ h(
+  w,
+  m,
+  u,
+  !1,
+  null,
+  "3c9ae5a4",
+  null,
+  null
+);
+const x = v.exports;
+export {
+  x as default
+};
+//# sourceMappingURL=DistributionDownloadAsModal.vue.mjs.map

package/dist/datasetDetails/distributions/DistributionDownloadAsModal.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DistributionDownloadAsModal.vue.mjs","sources":["../../../lib/datasetDetails/distributions/DistributionDownloadAsModal.vue"],"sourcesContent":["<template>\n   <div class=\"modal fade\" id=\"downloadAsModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"downloadAsModal\" aria-hidden=\"true\" style=\"background-color: rgba(0, 0, 0, 0.75);\">\n      <div class=\"modal-dialog  modal-dialog-centered modal-lg\" role=\"document\" >\n         <div class=\"modal-content rounded-0\">\n            <div class=\"modal-header\">\n               <h5 class=\"modal-title\" id=\"exampleModalLabel\">{{ $t('message.datasetDetails.datasets.modal.downloadAs') }} ...</h5>\n               <button type=\"button\" id=\"modal-close-btn\" data-dismiss=\"modal\" class=\"close\" aria-label=\"Close\">\n                  {{ $t('message.datasetDetails.datasets.modal.close') }}\n                  <span aria-hidden=\"true\" class=\"close-icon rounded-circle\">\n                     <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"white\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"8\" id=\"Layer_1\" style=\"enable-background:new 0 0 512 512;\" version=\"1.1\" viewBox=\"0 0 512 512\" width=\"8\" xml:space=\"preserve\">\n                        <path d=\"M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4  L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1  c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1  c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z\"/>\n                     </svg>\n                  </span>\n               </button>\n            </div>\n            <div class=\"modal-body\">\n               <div class=\"align-items-center\">\n                  <div>\n                     <div class=\"ecl-form-group\">\n                        <div class=\"ecl-select__container ecl-select__container--m\">\n                           <select v-model=\"selected\" @change=\"onChange()\" class=\"ecl-select coursor-pointer\" id=\"select-default\"\n                              required=\"\">\n                              <option value=\"\" disabled hidden>- {{ $t('message.datasetDetails.datasets.modal.selectFileFormat') }} -</option>\n                              <option v-for=\"(option, index) in getDistributionDownloadAsOptions\" :key=\"index\" :value=\"option\" v-text=\"option.toUpperCase()\"></option>\n                           </select>\n                           <div class=\"ecl-select__icon\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" width=\"16\" height=\"8\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 512 298.04\"><path fill=\"#ffffff\" fill-rule=\"nonzero\" d=\"M12.08 70.78c-16.17-16.24-16.09-42.54.15-58.7 16.25-16.17 42.54-16.09 58.71.15L256 197.76 441.06 12.23c16.17-16.24 42.46-16.32 58.71-.15 16.24 16.16 16.32 42.46.15 58.7L285.27 285.96c-16.24 16.17-42.54 16.09-58.7-.15L12.08 70.78z\"/></svg>\n                           </div>\n                        </div>\n                     </div>\n                     <div v-if=\"error\" class=\"error mt-4\">\n                       <div class=\"error-body\">\n                          <span>\n                            <svg width=\"31\" height=\"30\" viewBox=\"0 0 31 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n                              <rect width=\"31\" height=\"30\" fill=\"url(#pattern0)\"/>\n                              <defs>\n                              <pattern id=\"pattern0\" patternContentUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\n                              <use xlink:href=\"#image0_29_137\" transform=\"translate(-0.2 -0.358491) scale(0.0181818 0.0188679)\"/>\n                              </pattern>\n                              <image id=\"image0_29_137\" width=\"91\" height=\"88\" xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABYCAYAAACaoos3AAAK0mlDQ1BJQ0MgUHJvZmlsZQAASImVlgdYE9kWgO/MpBdaAOmE3gQBBQJICT106SAqIQkklBgSgohdWVyBFUVEBNQVWRRRcC2ArAWxYGFRVMC+QRYV9blYsKHyBniE3X3fe+97Z77znX/OnHvuufe7d74DANWTLRJlwEoAZAqzxRH+XvS4+AQ6/gnAAxJQAlpAic2RiJjh4cEAlWn7V3nfB6AJe8t6Ite/f/+vosLlSTgAQIkoJ3MlnEyU21H9nSMSZwOA1KJ+o2XZogm+jLKqGC0Q5QcTnDrFIxOcPMkYzGRMVIQ3yhoAEChstjgVAIox6qfncFLRPBQflG2FXIEQZfQduHP4bC7Kx1GenZm5dIJlKJuj8SIAqASUGcl/ypn6l/zJ8vxsdqqcp9Y1KQQfgUSUwV7+f27N/5bMDOn0HKaoUvjigIgJi+7fnfSlQXIWJoeGTbOAOxk/yXxpQPQ0cyTeCdPMZfsEycdmhAZPc4rAjyXPk82KmmaexDdymsVLI+RzpYi9mdPMFs/MK02Plvv5PJY8fx4/KnaacwQxodMsSY8MmonxlvvF0gh5/Tyhv9fMvH7ytWdK/rReAUs+NpsfFSBfO3umfp6QOZNTEievjcvz8Z2JiZbHi7K95HOJMsLl8bwMf7lfkhMpH5uNHs6ZseHyPUxjB4ZPM/AB9ugTC6yBXTYvd+KMAu+louViQSo/m85EbxmPzhJybGbT7W3t7QGYuLNTx+Dtncm7CKkTZny56A64HQEA/jTji20B4DB6hjXtZnymDQCoUQFoQThScc6Ub+I6ASz6L1AEqkAT6AEjYI5WZQ8cgSvwBL4gEISBKBAPFgMO4INMIAbLwEqwDhSAIrAFbAeVYA/YBw6Aw+AoaAGnwDlwCVwDN0AvuA9kYAi8ACPgPRiDIAgPUSEapAnpQyaQFWQPMSB3yBcKhiKgeCgJSoWEkBRaCW2AiqBSqBLaC9VDP0MnoXPQFagHugsNQMPQG+gzjMAUWBXWhU3hOTADZsJBcBS8CE6Fs+A8OB/eDFfANfAhuBk+B1+De2EZ/AIeRQBCRtQRA8QaYSDeSBiSgKQgYmQ1UoiUIzVII9KGdCK3EBnyEvmEwWFoGDrGGuOKCcBEYziYLMxqTDGmEnMA04y5gLmFGcCMYL5hqVgdrBXWBcvCxmFTscuwBdhybB32BPYithc7hH2Pw+HUcWY4J1wALh6XhluBK8btwjXh2nE9uEHcKB6P18Rb4d3wYXg2PhtfgN+JP4Q/i7+JH8J/JJAJ+gR7gh8hgSAkrCeUEw4SzhBuEp4SxohKRBOiCzGMyCUuJ5YQa4ltxOvEIeIYSZlkRnIjRZHSSOtIFaRG0kXSA9JbMplsSHYmLyALyGvJFeQj5MvkAfInigrFkuJNSaRIKZsp+yntlLuUt1Qq1ZTqSU2gZlM3U+up56mPqB8VaAo2CiwFrsIahSqFZoWbCq8UiYomikzFxYp5iuWKxxSvK75UIiqZKnkrsZVWK1UpnVTqVxpVpinbKYcpZyoXKx9UvqL8TAWvYqriq8JVyVfZp3JeZZCG0Ixo3jQObQOtlnaRNqSKUzVTZammqRapHlbtVh1RU1GbpxajlqtWpXZaTaaOqJuqs9Qz1EvUj6r3qX+epTuLOYs3a9Osxlk3Z33Q0Nbw1OBpFGo0afRqfNaka/pqpmtu1WzRfKiF0bLUWqC1TGu31kWtl9qq2q7aHO1C7aPa93RgHUudCJ0VOvt0unRGdfV0/XVFujt1z+u+1FPX89RL0yvTO6M3rE/Td9cX6Jfpn9V/TlejM+kZ9Ar6BfqIgY5BgIHUYK9Bt8GYoZlhtOF6wybDh0YkI4ZRilGZUYfRiLG+cYjxSuMG43smRBOGCd9kh0mnyQdTM9NY042mLabPzDTMWGZ5Zg1mD8yp5h7mWeY15rctcBYMi3SLXRY3LGFLB0u+ZZXldSvYytFKYLXLqmc2drbzbOHsmtn91hRrpnWOdYP1gI26TbDNepsWm1dzjOckzNk6p3PON1sH2wzbWtv7dip2gXbr7drs3thb2nPsq+xvz6XO9Zu7Zm7r3NfzrObx5u2ed8eB5hDisNGhw+Gro5Oj2LHRcdjJ2CnJqdqpn6HKCGcUMy47Y529nNc4n3L+5OLoku1y1OUPV2vXdNeDrs/mm83nza+dP+hm6MZ22+smc6e7J7n/6C7zMPBge9R4PPY08uR61nk+ZVow05iHmK+8bL3EXie8Pni7eK/ybvdBfPx9Cn26fVV8o30rfR/5Gfql+jX4jfg7+K/wbw/ABgQFbA3oZ+myOKx61kigU+CqwAtBlKDIoMqgx8GWweLgthA4JDBkW8iDUJNQYWhLGAhjhW0LexhuFp4V/ssC3ILwBVULnkTYRayM6IykRS6JPBj5PsorqiTqfrR5tDS6I0YxJjGmPuZDrE9saawsbk7cqrhr8VrxgvjWBHxCTEJdwuhC34XbFw4lOiQWJPYtMluUu+jKYq3FGYtPL1Fcwl5yLAmbFJt0MOkLO4xdwx5NZiVXJ49wvDk7OC+4ntwy7jDPjVfKe5rillKa8izVLXVb6jDfg1/OfynwFlQKXqcFpO1J+5Aelr4/fTwjNqMpk5CZlHlSqCJMF15Yqrc0d2mPyEpUIJJluWRtzxoRB4nrJJBkkaQ1WxVtjrqk5tLvpAM57jlVOR+XxSw7lqucK8ztWm65fNPyp3l+eT+twKzgrOhYabBy3cqBVcxVe1dDq5NXd6wxWpO/Zmit/9oD60jr0tf9ut52fen6dxtiN7Tl6+avzR/8zv+7hgKFAnFB/0bXjXu+x3wv+L5709xNOzd9K+QWXi2yLSov+lLMKb76g90PFT+Mb07Z3F3iWLJ7C26LcEvfVo+tB0qVS/NKB7eFbGsuo5cVlr3bvmT7lfJ55Xt2kHZId8gqgitadxrv3LLzSyW/srfKq6qpWqd6U/WHXdxdN3d77m7co7unaM/nHwU/3tnrv7e5xrSmfB9uX86+J7UxtZ0/MX6qr9OqK6r7ul+4X3Yg4sCFeqf6+oM6B0sa4AZpw/ChxEM3Dvscbm20btzbpN5UdAQckR55/nPSz31Hg452HGMcazxucrz6BO1EYTPUvLx5pIXfImuNb+05GXiyo8217cQvNr/sP2Vwquq02umSM6Qz+WfGz+adHW0Xtb88l3pusGNJx/3zcedvX1hwofti0MXLl/wune9kdp697Hb51BWXKyevMq62XHO81tzl0HXiV4dfT3Q7djdfd7reesP5RlvP/J4zNz1unrvlc+vSbdbta72hvT190X13+hP7ZXe4d57dzbj7+l7OvbH7ax9gHxQ+VHpY/kjnUc1vFr81yRxlpwd8BroeRz6+P8gZfPG75PcvQ/lPqE/Kn+o/rX9m/+zUsN/wjecLnw+9EL0Ye1nwD+V/VL8yf3X8D88/ukbiRoZei1+Pvyl+q/l2/7t57zpGw0cfvc98P/ah8KPmxwOfGJ86P8d+fjq27Av+S8VXi69t34K+PRjPHB8XscXsyVYAQRVOSQHgzX60J44HgHYDANLCqZ56UtDO491v0/SfeKrvnhRHAGrbAYj2BICFahXqMkOVthaAcPQ9yhPAwV1y/ZdIUubaT+Uioz0Mtnx8/C3aM+ItAPjaPz4+1jI+/rUOLfYeAO3vp3r5CdE6hsZkTow6z6xYC/4mU33+n9b4dwvkFfzF/hNyCR1HWR2gdwAAAFZlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA5KGAAcAAAASAAAARKACAAQAAAABAAAAW6ADAAQAAAABAAAAWAAAAABBU0NJSQAAAFNjcmVlbnNob3SXdIKGAAAB1GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj44ODwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj45MTwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlVzZXJDb21tZW50PlNjcmVlbnNob3Q8L2V4aWY6VXNlckNvbW1lbnQ+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgos+LFcAAADLklEQVR4Ae3bv27UQBAGcAdRRSkpKBE1FSAR3gQeABAV4kkQFQIeAN6EIP48AkpJQRmlBb6TBp0c++5s73wzY76RIuvitWf982Sz55WPfv+NTkERuEbJoiQbAWETC0HYwiYKEFOpsoVNFCCmUmULmyhATKXKFjZRgJhKlS1sogAxlSpb2EQBYipVtrCJAsRUqmxhEwWIqVTZROzrrFw/Hj9zS3V8eq+7+eKp2/lbnfiIseAL6MtP31v1efA8xw/vdrc/vB3cl+WX7sMIAxqYuJmefz0tbpgrNgvaILKDu2GzoSuAu2BHQWcHb44dDZ0ZvCl2Fuis4M2ws0FnBG+CnRU6G/hi7OzQmcAXYVeBzgI+G7sadAbwWdhVoaPBJ2P/fP3O/aGSoXhuI77aT8a+PPvmabDqc0/GXrWG88WFYt/6+Ka78fLJwZeItnfOv3R4dl0xwrABfXJ6f7PCcgg42thqDBYJKoKHYBu0VScQd4FvQ9sxFcFDsC8+X10iGwMfggZ4xVlRCPavV+83WFaltgU4qt5iFzTOUS1oq+t9GMOycdj2YxwHOKq/vw9tUNF2rB1TZRuGDSBD66MCHD/9qAyNawkZRrYRAQ7EfVEdGtcXjo1O7ANfA3QabHTkf4gUlT0267AbgDEdbapHOPY+aANeA3go9hg0xuihf5rVwcOmfrugbUqIqu5PC+3zdhur/uzbkMo+FHpsllK1wkOwTx5cfUQ6Nr3bBZ69kvv9C8E+f/S8uzj7+q8vY9DWYAgc66DVImzMBrg9Azlk/LU2GEKqLjiHYaMqAT4lAI41UO+3GKb0aUrbkGFkSgf7batC4zrKYffxl3zGi0/MmPUCU9Uxcxs24oWnWZVdcf0vGhr5Z2HjwKrgERUNL8RsbBxcDTwSejF2JfBo6CbYFcAzQDfDzgyeBbopdkbwTNDNsTOBZ4N2wc4AnhHaDTsSPCu0K3YEeGZod2wmeHZoWMx6EIUDpwZWYzzfx8G32exBw84OwejfomcjjA6uKYewiXdT2MImChBTqbKFTRQgplJlC5soQEylyhY2UYCYSpUtbKIAMZUqW9hEAWIqVTYR+w8b5G1Kt3yoSQAAAABJRU5ErkJggg==\"/>\n                              </defs>\n                              </svg>\n                          </span>\n                          <span>\n                            <p class=\"font-weight-bold ml-3\">{{ $t('message.datasetDetails.datasets.modal.fileConversionFail') }}</p>\n                            <p class=\"ml-3\">{{ errorMsg }}</p>\n                          </span>\n                       </div>\n                     </div>\n\n                     <div v-if=\"converting\">\n                        <div class=\"d-flex mt-4\">\n                           <p class=\"m-0\">1 {{ $t('message.datasetDetails.datasets.modal.fileConversionTo') }} <span class=\"font-weight-bold\">{{selected.toUpperCase()}}</span></p>\n                           <i v-if=\"converted\" class=\"success rounded-circle\">\n                              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"white\" class=\"bi bi-check\" viewBox=\"0 0 16 16\">\n                                 <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\"/>\n                              </svg>\n                           </i>\n                        </div>\n                        <div class=\"d-flex mt-2\">\n                           <p :class=\"{ active: converted }\" class=\"m-0\" style=\"color:#A8A8A8;\">2 {{ $t('message.datasetDetails.datasets.modal.downloading') }} </p>\n                           <i v-if=\"readyForDownload\" class=\"success rounded-circle\">\n                              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"white\" class=\"bi bi-check\" viewBox=\"0 0 16 16\">\n                                 <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\"/>\n                              </svg>\n                           </i>\n                        </div>\n                        <div class=\"w-100 text-right\">{{this.progress + '%'}}</div>\n                        <div class=\"progress mt-2\">\n                           <div class=\"progress-bar\" role=\"progressbar\" v-bind:style=\"{ width: progress + '%' }\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n                        </div>\n                     </div>\n                  </div>\n               </div>\n            </div>\n            <div class=\"modal-footer justify-content-start\">\n               <button v-if=\"!done\" @click=\"download\" type=\"button\" class=\"ecl-button ecl-button--secondary\" v-text=\"downloadBtnText\"></button>\n               <button v-if=\"done\" type=\"button\" class=\"ecl-button ecl-button--secondary\" data-dismiss=\"modal\" aria-label=\"Close\">Done</button>\n            </div>\n         </div>\n      </div>\n   </div>\n</template>\n\n<script >\nimport $ from 'jquery'\nimport {\n    mapGetters\n} from 'vuex'\nimport axios from 'axios'\nimport {\n    late\n} from 'zod'\n\n\nexport default {\n    name: \"download-as-modal\",\n    data() {\n        return {\n            selected: '',\n            converting: false,\n            converted: false,\n            readyForDownload: false,\n            error: false,\n            done: false,\n            progress: '0',\n            downloadBtnText: 'Download',\n            errorMsg: '',\n            source: null,\n        }\n    },\n    computed: {\n        ...mapGetters('datasetDetails', [\n            'getDistributionDownloadAsOptions',\n            'getDistributionDownloadAs',\n        ])\n    },\n    mounted() {\n        // Add a listener to the modal close button\n        document.getElementById('modal-close-btn').addEventListener('click', () => {\n            if (this.source) {\n                // Cancel the ongoing request\n                this.source.cancel('Download was canceled by user');\n            }\n        });\n        const scope = this;\n        $('#downloadAsModal').on('hide.bs.modal', () => {\n            scope.selected = scope.errorMsg = '';\n            scope.converting = scope.converted = scope.readyForDownload = scope.error = scope.done = false;\n            scope.progress = '0';\n            scope.downloadBtnText = 'Download';\n        })\n    },\n    methods: {\n        download() {\n            this.error = false;\n            const ifDownloadUrl = this.getDistributionDownloadAs.downloadUrls.length;\n            const ifAccessUrl = this.getDistributionDownloadAs.accessUrl.length;\n\n            if (this.selected.toLowerCase() === this.getDistributionDownloadAs.format.id.toLowerCase()) {\n                if (ifDownloadUrl) {\n                    window.open(this.getDistributionDownloadAs.downloadUrls[0]);\n                    this.done = true;\n                } else if (ifAccessUrl) {\n                    window.open(this.getDistributionDownloadAs.accessUrl[0]);\n                    this.done = true;\n                }\n            } else {\n                this.converting = true;\n                this.downloadBtnText = 'Converting...';\n\n                if (ifDownloadUrl || ifAccessUrl) {\n                    let url = '';\n                    if (ifDownloadUrl) {\n                        url = this.getDistributionDownloadAs.downloadUrls[0];\n                    } else if (!ifDownloadUrl && ifAccessUrl) {\n                        url = this.getDistributionDownloadAs.accessUrl[0];\n                    }\n                    this.progress = '3' + this.randomNumber();\n\n                    const uri = encodeURIComponent(`${this.$env.content.datasetDetails.downloadAs.url}/${this.getDistributionDownloadAs.format.id.toLowerCase()}/${this.selected}`);\n                    const downloadOrAccessUrl = encodeURIComponent(url);\n\n                    // Create a cancel token\n                    const CancelToken = axios.CancelToken;\n                    this.source = CancelToken.source();\n                    axios({\n                            url: `${this.$env.content.datasetDetails.downloadAs.proxyUrl}/?uri=${uri}/?url=${downloadOrAccessUrl}`,\n                            method: 'GET',\n                            responseType: 'blob',\n                            headers: {\n                                'Content-Type': 'application/octet-stream; charset=UTF-8'\n                            },\n                            cancelToken: this.source.token,\n                        }).then((res) => {\n                            this.progress = '8' + this.randomNumber();\n                            this.converted = true;\n                            this.downloadBtnText = 'Downloading...';\n\n                            this.progress = '100';\n                            this.readyForDownload = true;\n\n                            const locale = this.$route.query.locale;\n                            const FILE = window.URL.createObjectURL(res.data);\n                           \n\n                            let docUrl = document.createElement('a');\n                            docUrl.href = FILE;\n                            docUrl.setAttribute('download', this.setFileName(locale));\n                            document.body.appendChild(docUrl);\n                            this.done = true;\n\n                            docUrl.click();\n                        })\n                        .catch(async (e) => {              \n                            console.error(\"Error\", e)\n                            if (axios.isCancel(e)) {\n                                console.error('Request canceled:', e.message);\n                            } else {\n                                if (e.response) this.errorMsg = await e.response.data.text();\n                                this.error = true;\n                                this.downloadBtnText = 'Retry';\n                                this.converting = false;\n                            }\n                        });\n                }\n            }\n        },\n        onChange() {\n            this.done = this.converted = this.converting = this.readyForDownload = this.error = false;\n            this.downloadBtnText = 'Download';\n        },\n        // 0 - 9\n        randomNumber() {\n            const max = 10;\n            return Math.floor(Math.random() * max);\n        },\n        setFileName(locale) {\n             if (typeof this.getDistributionDownloadAs.title === 'undefined') {\n                return 'file'\n            } \n            if (this.getDistributionDownloadAs.title[locale]) {\n                return this.getDistributionDownloadAs.title[locale].split('.')[0] + '.' + this.selected;\n            } else {\n                return Object.values(this.getDistributionDownloadAs.title)[0].split('.')[0] + '.' + this.selected;\n                \n            }\n        }\n    }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.success {\n  background: #00997A;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: 8px;\n  height: 20px;\n  width:20px;\n}\n.modal-title {\n  font-family: 'Arial';\n  font-style: normal;\n  font-weight: 700;\n  font-size: 22px;\n  line-height: 24px;\n  color: #000000;\n}\n.modal-content {\n  border: 3px solid #1C3D66;\n}\n.modal-header {\n  padding: 1.5rem 1.5rem 0rem 1.5rem;\n  border-bottom: none;\n}\n.modal-body {\n  padding: 1rem 1.5rem;\n}\n.modal-footer {\n  border-top: none;\n   padding: 1rem 1.5rem;\n}\n.close {\n  font-size: 16px;\n  color: #1C3D66;\n  opacity: 1;\n  padding: 0.5rem!important;\n  .close-icon {\n    color:white;\n    background: #1C3D66;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 12px;\n    height: 12px;\n    float: right;\n    margin-top: 3px;\n    margin-left: 10px;\n  }\n}\n.active {\n  color: #000000!important;\n}\n.error {\n  border: 2px solid #DA2131;\n  .error-body {\n    padding: 1rem;\n    display: flex;\n  }\n}\n.progress-bar {\n-webkit-transition : width 1s ease;\n   -moz-transition : width 1s ease;\n     -o-transition : width 1s ease;\n        transition : width 1s ease;\n}\n.ecl-select {\n  cursor: pointer;\n}\n</style>\n"],"names":["_sfc_main","mapGetters","scope","$","ifDownloadUrl","ifAccessUrl","url","uri","downloadOrAccessUrl","CancelToken","axios","res","locale","FILE","docUrl","e"],"mappings":"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"}

package/dist/datasetDetails/distributions/DistributionDownloadAsModal.vue2.mjs

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

package/dist/datasetDetails/distributions/DistributionDownloadAsModal.vue2.mjs.map

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

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

@@ -0,0 +1,20 @@
+import { truncate } from '../../utils/helpers';
+declare const _default: import('../../../vue/dist/vue.esm.js').DefineComponent<Readonly<{
+    embed?: any;
+    distribution?: any;
+    getDistributionFormat?: any;
+    distributionFormatTruncated?: any;
+}>, {}, {}, {}, {
+    truncate: typeof truncate;
+}, import('../../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../../vue/dist/vue.esm.js').ExtractPropTypes<Readonly<{
+    embed?: any;
+    distribution?: any;
+    getDistributionFormat?: any;
+    distributionFormatTruncated?: any;
+}>>>, {
+    readonly embed?: any;
+    readonly distribution?: any;
+    readonly getDistributionFormat?: any;
+    readonly distributionFormatTruncated?: any;
+}>;
+export default _default;

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

@@ -0,0 +1,32 @@
+import { truncate as r } from "../../utils/helpers.mjs";
+import o from "../../_virtual/_plugin-vue2_normalizer.mjs";
+const e = {
+  name: "DistributionFormat",
+  props: [
+    "distribution",
+    "getDistributionFormat",
+    "distributionFormatTruncated",
+    "embed"
+  ],
+  methods: {
+    truncate: r
+  }
+};
+var n = function() {
+  var t = this, i = t._self._c;
+  return i("div", { staticClass: "d-inline-block col-2 col-md-1 pl-1 p-md-3 px-md-4 m-auto distribution-format" }, [i("div", { staticClass: "circle float-md-right text-center text-white mt-1", attrs: { type: t.getDistributionFormat(t.distribution), "data-toggle": t.distributionFormatTruncated(t.distribution) ? "tooltip" : !1, "data-placement": t.distributionFormatTruncated(t.distribution) ? "top" : !1, title: t.distributionFormatTruncated(t.distribution) ? t.getDistributionFormat(t.distribution) : !1 } }, [i("span", { style: { fontSize: t.embed ? "0.75rem" : "" } }, [t._v(t._s(t.truncate(t.getDistributionFormat(t.distribution), 10, !0)))])])]);
+}, s = [], a = /* @__PURE__ */ o(
+  e,
+  n,
+  s,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const l = a.exports;
+export {
+  l as default
+};
+//# sourceMappingURL=DistributionFormat.vue.mjs.map

package/dist/datasetDetails/distributions/DistributionFormat.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DistributionFormat.vue.mjs","sources":["../../../lib/datasetDetails/distributions/DistributionFormat.vue"],"sourcesContent":["<template>\n  <div class=\"d-inline-block col-2 col-md-1 pl-1 p-md-3 px-md-4 m-auto distribution-format\">\n    <div class=\"circle float-md-right text-center text-white mt-1\"\n         :type=\"getDistributionFormat(distribution)\"\n         :data-toggle=\"distributionFormatTruncated(distribution) ? 'tooltip' : false\"\n         :data-placement=\"distributionFormatTruncated(distribution) ? 'top' : false\"\n         :title=\"distributionFormatTruncated(distribution) ? getDistributionFormat(distribution) : false\">\n      <span :style=\"{ fontSize: embed ? '0.75rem' : '' }\">{{ truncate(getDistributionFormat(distribution), 10, true) }}</span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { truncate } from '../../utils/helpers';\nexport default {\n  name: \"DistributionFormat\",\n  props: [\n    'distribution',\n    'getDistributionFormat',\n    'distributionFormatTruncated',\n    'embed'\n  ],\n  methods: {\n    truncate\n  }\n}\n</script>\n \n"],"names":["_sfc_main","truncate"],"mappings":";;AAcA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,UAAAC;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,100 @@
+declare const _default: import('../../../vue/dist/vue.esm.js').DefineComponent<{
+    openModal: FunctionConstructor;
+    expandedDistributions: ArrayConstructor;
+    expandedDistributionDescriptions: ArrayConstructor;
+    displayedDistributions: ArrayConstructor;
+    distributions: ObjectConstructor;
+    setDistributionsDisplayCount: FunctionConstructor;
+    isDistributionsAllDisplayed: BooleanConstructor;
+    pages: ObjectConstructor;
+    showDownloadUrls: FunctionConstructor;
+    getDistributionFormat: FunctionConstructor;
+    distributionFormatTruncated: FunctionConstructor;
+    getDistributionTitle: FunctionConstructor;
+    distributionVisibleContent: ArrayConstructor;
+    distributionExpandedContent: ArrayConstructor;
+    distributionDescriptionIsExpanded: FunctionConstructor;
+    distributionDescriptionIsExpandable: FunctionConstructor;
+    distributionIsExpanded: FunctionConstructor;
+    showObject: FunctionConstructor;
+    showNumber: FunctionConstructor;
+    showDownloadDropdown: FunctionConstructor;
+    showLicence: FunctionConstructor;
+    showLicensingAssistant: FunctionConstructor;
+    filterDateFormatEU: FunctionConstructor;
+    showArray: FunctionConstructor;
+    showObjectArray: FunctionConstructor;
+    getVisualisationLink: FunctionConstructor;
+    isOnlyOneUrl: FunctionConstructor;
+    getDownloadUrl: FunctionConstructor;
+    trackGoto: FunctionConstructor;
+    showAccessUrls: FunctionConstructor;
+    replaceHttp: FunctionConstructor;
+    previewLinkCallback: FunctionConstructor;
+    toggleDistribution: FunctionConstructor;
+    toggleDistributionDescription: FunctionConstructor;
+    increaseNumDisplayedDistributions: FunctionConstructor;
+    nonOverflowingIncrementsForDistributions: FunctionConstructor;
+    isUrlInvalid: FunctionConstructor;
+    openIfValidUrl: FunctionConstructor;
+    showTooltipVisualiseButton: FunctionConstructor;
+    appendCurrentLocaleToURL: FunctionConstructor;
+    showPublisher: BooleanConstructor;
+    embed: BooleanConstructor;
+}, {}, {
+    downloadAllTop: boolean;
+    showDistibutionVisualisation: any;
+}, {
+    [x: string]: import('vuex').Computed;
+}, {
+    getDistributionDescription(distribution: any): any;
+    selectDistribution(distribution: any): void;
+}, import('../../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../../vue/dist/vue.esm.js').ExtractPropTypes<{
+    openModal: FunctionConstructor;
+    expandedDistributions: ArrayConstructor;
+    expandedDistributionDescriptions: ArrayConstructor;
+    displayedDistributions: ArrayConstructor;
+    distributions: ObjectConstructor;
+    setDistributionsDisplayCount: FunctionConstructor;
+    isDistributionsAllDisplayed: BooleanConstructor;
+    pages: ObjectConstructor;
+    showDownloadUrls: FunctionConstructor;
+    getDistributionFormat: FunctionConstructor;
+    distributionFormatTruncated: FunctionConstructor;
+    getDistributionTitle: FunctionConstructor;
+    distributionVisibleContent: ArrayConstructor;
+    distributionExpandedContent: ArrayConstructor;
+    distributionDescriptionIsExpanded: FunctionConstructor;
+    distributionDescriptionIsExpandable: FunctionConstructor;
+    distributionIsExpanded: FunctionConstructor;
+    showObject: FunctionConstructor;
+    showNumber: FunctionConstructor;
+    showDownloadDropdown: FunctionConstructor;
+    showLicence: FunctionConstructor;
+    showLicensingAssistant: FunctionConstructor;
+    filterDateFormatEU: FunctionConstructor;
+    showArray: FunctionConstructor;
+    showObjectArray: FunctionConstructor;
+    getVisualisationLink: FunctionConstructor;
+    isOnlyOneUrl: FunctionConstructor;
+    getDownloadUrl: FunctionConstructor;
+    trackGoto: FunctionConstructor;
+    showAccessUrls: FunctionConstructor;
+    replaceHttp: FunctionConstructor;
+    previewLinkCallback: FunctionConstructor;
+    toggleDistribution: FunctionConstructor;
+    toggleDistributionDescription: FunctionConstructor;
+    increaseNumDisplayedDistributions: FunctionConstructor;
+    nonOverflowingIncrementsForDistributions: FunctionConstructor;
+    isUrlInvalid: FunctionConstructor;
+    openIfValidUrl: FunctionConstructor;
+    showTooltipVisualiseButton: FunctionConstructor;
+    appendCurrentLocaleToURL: FunctionConstructor;
+    showPublisher: BooleanConstructor;
+    embed: BooleanConstructor;
+}>>, {
+    embed: boolean;
+    isDistributionsAllDisplayed: boolean;
+    showPublisher: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,104 @@
+import e from "./DownloadAllDistributions.vue.mjs";
+import { has as r, isNil as a } from "lodash-es";
+import { getTranslationFor as l } from "../../utils/helpers.mjs";
+import { mapGetters as u } from "vuex";
+import d from "./DistributionDownloadAsModal.vue.mjs";
+import "./Distributions.vue2.mjs";
+import c from "../../_virtual/_plugin-vue2_normalizer.mjs";
+const b = {
+  name: "Distributions",
+  components: {
+    DownloadAllDistributions: e,
+    // Distribution,
+    DownloadAsModal: d
+    // DistributionVisualisation,
+  },
+  props: {
+    openModal: Function,
+    expandedDistributions: Array,
+    expandedDistributionDescriptions: Array,
+    displayedDistributions: Array,
+    distributions: Object,
+    setDistributionsDisplayCount: Function,
+    isDistributionsAllDisplayed: Boolean,
+    pages: Object,
+    showDownloadUrls: Function,
+    getDistributionFormat: Function,
+    distributionFormatTruncated: Function,
+    getDistributionTitle: Function,
+    distributionVisibleContent: Array,
+    distributionExpandedContent: Array,
+    distributionDescriptionIsExpanded: Function,
+    distributionDescriptionIsExpandable: Function,
+    distributionIsExpanded: Function,
+    showObject: Function,
+    showNumber: Function,
+    showDownloadDropdown: Function,
+    showLicence: Function,
+    showLicensingAssistant: Function,
+    filterDateFormatEU: Function,
+    showArray: Function,
+    showObjectArray: Function,
+    getVisualisationLink: Function,
+    isOnlyOneUrl: Function,
+    getDownloadUrl: Function,
+    trackGoto: Function,
+    showAccessUrls: Function,
+    replaceHttp: Function,
+    previewLinkCallback: Function,
+    toggleDistribution: Function,
+    toggleDistributionDescription: Function,
+    increaseNumDisplayedDistributions: Function,
+    nonOverflowingIncrementsForDistributions: Function,
+    isUrlInvalid: Function,
+    openIfValidUrl: Function,
+    showTooltipVisualiseButton: Function,
+    appendCurrentLocaleToURL: Function,
+    showPublisher: Boolean,
+    embed: Boolean
+  },
+  data() {
+    return {
+      downloadAllTop: this.$env.content.datasetDetails.bulkDownload.buttonPosition === "top",
+      // previewedDistributionTitle: this.getDistributionTitle(this.displayedDistributions[0]),
+      showDistibutionVisualisation: this.$env.content.datasetDetails.distributions.showVisualisation
+    };
+  },
+  computed: {
+    ...u("datasetDetails", [
+      "getLanguages",
+      "getCatalog"
+    ])
+  },
+  methods: {
+    getDistributionDescription(o) {
+      return r(o, "description") && !a(o.description) ? l(o.description, this.$route.query.locale, this.getLanguages) : "-";
+    },
+    selectDistribution(o) {
+      this.previewedDistributionTitle = o;
+    }
+  }
+  // created() {
+  //   this.showDistibutionVisualisation = this.$env.content.datasetDetails.distributions.showVisualisation
+  // }
+};
+var p = function() {
+  var i = this, t = i._self._c;
+  return t("div", { staticClass: "mt-1 dsd-distributions" }, [t("distributions-header", { attrs: { getDistributionDescription: i.getDistributionDescription, openModal: i.openModal, getDistributionTitle: i.getDistributionTitle, showDownloadUrls: i.showDownloadUrls, isUrlInvalid: i.isUrlInvalid, showPublisher: i.showPublisher, embed: i.embed } }), i._v(" "), t("div", { staticClass: "row" }, [t("ul", { staticClass: "list list-unstyled w-100" }, [t("div", { key: `${i.expandedDistributions.length}--${i.expandedDistributionDescriptions.length}`, staticClass: "distributions" }, i._l(i.displayedDistributions, function(n, s) {
+    return t("distribution", { key: `${s}--${n.id}`, attrs: { distribution: n, fading: !i.distributions.displayAll && !i.isDistributionsAllDisplayed && s === i.distributions.displayCount - 1, distributions: i.distributions, setDistributionsDisplayCount: i.setDistributionsDisplayCount, getDistributionFormat: i.getDistributionFormat, distributionFormatTruncated: i.distributionFormatTruncated, getDistributionTitle: i.getDistributionTitle, distributionVisibleContent: i.distributionVisibleContent, distributionExpandedContent: i.distributionExpandedContent, distributionDescriptionIsExpanded: i.distributionDescriptionIsExpanded, distributionDescriptionIsExpandable: i.distributionDescriptionIsExpandable, getDistributionDescription: i.getDistributionDescription, distributionIsExpanded: i.distributionIsExpanded, showObject: i.showObject, showNumber: i.showNumber, showDownloadDropdown: i.showDownloadDropdown, showLicence: i.showLicence, showLicensingAssistant: i.showLicensingAssistant, filterDateFormatEU: i.filterDateFormatEU, showArray: i.showArray, showObjectArray: i.showObjectArray, getVisualisationLink: i.getVisualisationLink, isOnlyOneUrl: i.isOnlyOneUrl, getDownloadUrl: i.getDownloadUrl, trackGoto: i.trackGoto, showAccessUrls: i.showAccessUrls, replaceHttp: i.replaceHttp, previewLinkCallback: i.previewLinkCallback, toggleDistribution: i.toggleDistribution, toggleDistributionDescription: i.toggleDistributionDescription, increaseNumDisplayedDistributions: i.increaseNumDisplayedDistributions, nonOverflowingIncrementsForDistributions: i.nonOverflowingIncrementsForDistributions, isUrlInvalid: i.isUrlInvalid, openIfValidUrl: i.openIfValidUrl, showTooltipVisualiseButton: i.showTooltipVisualiseButton, appendCurrentLocaleToURL: i.appendCurrentLocaleToURL, embed: i.embed }, on: { selectForPreview: i.selectDistribution } });
+  }), 1)]), i._v(" "), t("div", { staticClass: "w-100 d-flex flex-row justify-content-end" }, [i.downloadAllTop ? i._e() : t("download-all-distributions", { attrs: { getDistributionDescription: i.getDistributionDescription, openModal: i.openModal, getDistributionTitle: i.getDistributionTitle, showDownloadUrls: i.showDownloadUrls, isUrlInvalid: i.isUrlInvalid } })], 1)]), i._v(" "), t("download-as-modal"), i._v(" "), i.showDistibutionVisualisation ? t("distribution-visualisation-slot", { staticClass: "mb-4" }) : i._e()], 1);
+}, D = [], w = /* @__PURE__ */ c(
+  b,
+  p,
+  D,
+  !1,
+  null,
+  "036bc122",
+  null,
+  null
+);
+const f = w.exports;
+export {
+  f as default
+};
+//# sourceMappingURL=Distributions.vue.mjs.map

package/dist/datasetDetails/distributions/Distributions.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Distributions.vue.mjs","sources":["../../../lib/datasetDetails/distributions/Distributions.vue"],"sourcesContent":["<template>\n    <div class=\"mt-1 dsd-distributions\">\n      <distributions-header\n        :getDistributionDescription=\"getDistributionDescription\"\n        :openModal=\"openModal\"\n        :getDistributionTitle=\"getDistributionTitle\"\n        :showDownloadUrls=\"showDownloadUrls\"\n        :isUrlInvalid=\"isUrlInvalid\"\n        :showPublisher=\"showPublisher\"\n        :embed=\"embed\"\n      />\n      <div class=\"row\">\n        <ul class=\"list list-unstyled w-100\">\n          <div class=\"distributions\" :key=\"`${expandedDistributions.length}--${expandedDistributionDescriptions.length}`\">\n            <distribution\n                v-for=\"(distribution, index) in displayedDistributions\"\n                @selectForPreview=\"selectDistribution\"\n                :key=\"`${index}--${distribution.id}`\"\n                :distribution=\"distribution\"\n                :fading=\"!distributions.displayAll && !isDistributionsAllDisplayed && index === distributions.displayCount - 1\"\n                :distributions=\"distributions\"\n                :setDistributionsDisplayCount=\"setDistributionsDisplayCount\"\n                :getDistributionFormat=\"getDistributionFormat\"\n                :distributionFormatTruncated=\"distributionFormatTruncated\"\n                :getDistributionTitle=\"getDistributionTitle\"\n                :distributionVisibleContent=\"distributionVisibleContent\"\n                :distributionExpandedContent=\"distributionExpandedContent\"\n                :distributionDescriptionIsExpanded=\"distributionDescriptionIsExpanded\"\n                :distributionDescriptionIsExpandable=\"distributionDescriptionIsExpandable\"\n                :getDistributionDescription=\"getDistributionDescription\"\n                :distributionIsExpanded=\"distributionIsExpanded\"\n                :showObject=\"showObject\"\n                :showNumber=\"showNumber\"\n                :showDownloadDropdown=\"showDownloadDropdown\"\n                :showLicence=\"showLicence\"\n                :showLicensingAssistant=\"showLicensingAssistant\"\n                :filterDateFormatEU=\"filterDateFormatEU\"\n                :showArray=\"showArray\"\n                :showObjectArray=\"showObjectArray\"\n                :getVisualisationLink=\"getVisualisationLink\"\n                :isOnlyOneUrl=\"isOnlyOneUrl\"\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                :isUrlInvalid=\"isUrlInvalid\"\n                :openIfValidUrl=\"openIfValidUrl\"\n                :showTooltipVisualiseButton=\"showTooltipVisualiseButton\"\n                :appendCurrentLocaleToURL=\"appendCurrentLocaleToURL\"\n                :embed=\"embed\"\n            />\n          </div>\n        </ul>\n        <div class=\"w-100 d-flex flex-row justify-content-end\">\n          <download-all-distributions\n            v-if=\"!downloadAllTop\"\n            :getDistributionDescription=\"getDistributionDescription\"\n            :openModal=\"openModal\"\n            :getDistributionTitle=\"getDistributionTitle\"\n            :showDownloadUrls=\"showDownloadUrls\"\n            :isUrlInvalid=\"isUrlInvalid\"\n          />\n        </div>\n      </div>\n      <download-as-modal />\n      <!-- <distribution-visualization v-if=\"showDistibutionVisualisation\" class=\"mb-4\"></distribution-visualization> -->\n      <distribution-visualisation-slot v-if=\"showDistibutionVisualisation\" class=\"mb-4\"></distribution-visualisation-slot>\n    </div>\n</template>\n\n<script>\n\n// import Distribution from './Distribution.vue';\nimport DownloadAllDistributions from \"../../datasetDetails/distributions/DownloadAllDistributions\";\nimport {has, isNil} from \"lodash\";\nimport {getTranslationFor} from \"../../utils/helpers\";\nimport { mapGetters } from \"vuex\";\nimport DownloadAsModal from \"../../datasetDetails/distributions/DistributionDownloadAsModal\";\n// import DistributionVisualisation from \"./distributionPreview/DistributionVisualisation.vue\";\n\nexport default {\n  name: 'Distributions',\n  components: {\n    DownloadAllDistributions,\n    // Distribution,\n    DownloadAsModal,\n    // DistributionVisualisation,\n  },\n  props: {\n    openModal: Function,\n    expandedDistributions: Array,\n    expandedDistributionDescriptions: Array,\n    displayedDistributions: Array,\n    distributions: Object,\n    setDistributionsDisplayCount: Function,\n    isDistributionsAllDisplayed: Boolean,\n    pages: Object,\n    showDownloadUrls: Function,\n    getDistributionFormat: Function,\n    distributionFormatTruncated: Function,\n    getDistributionTitle: Function,\n    distributionVisibleContent: Array,\n    distributionExpandedContent: Array,\n    distributionDescriptionIsExpanded: Function,\n    distributionDescriptionIsExpandable: Function,\n    distributionIsExpanded: Function,\n    showObject: Function,\n    showNumber: Function,\n    showDownloadDropdown: Function,\n    showLicence: Function,\n    showLicensingAssistant: Function,\n    filterDateFormatEU: Function,\n    showArray: Function,\n    showObjectArray: Function,\n    getVisualisationLink: Function,\n    isOnlyOneUrl: Function,\n    getDownloadUrl: Function,\n    trackGoto: Function,\n    showAccessUrls: Function,\n    replaceHttp: Function,\n    previewLinkCallback: Function,\n    toggleDistribution: Function,\n    toggleDistributionDescription: Function,\n    increaseNumDisplayedDistributions: Function,\n    nonOverflowingIncrementsForDistributions: Function,\n    isUrlInvalid: Function,\n    openIfValidUrl: Function,\n    showTooltipVisualiseButton: Function,\n    appendCurrentLocaleToURL: Function,\n    showPublisher: Boolean,\n    embed: Boolean,\n  },\n  data() {\n    return {\n      downloadAllTop: this.$env.content.datasetDetails.bulkDownload.buttonPosition === \"top\",\n      // previewedDistributionTitle: this.getDistributionTitle(this.displayedDistributions[0]),\n      showDistibutionVisualisation: this.$env.content.datasetDetails.distributions.showVisualisation,\n    };\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getLanguages',\n      'getCatalog',\n    ]),\n  },\n  methods: {\n    getDistributionDescription(distribution) {\n      return (has(distribution, 'description') && !isNil(distribution.description)) ? getTranslationFor(distribution.description, this.$route.query.locale, this.getLanguages) : '-';\n    },\n    selectDistribution(distribution) {\n      this.previewedDistributionTitle = distribution;\n    }\n  },\n  // created() {\n  //   this.showDistibutionVisualisation = this.$env.content.datasetDetails.distributions.showVisualisation\n  // }\n};\n</script>\n\n<style lang=\"scss\" scoped>\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  .subjectBg {\n    background-color: #196fd2;\n  }\n  .btn-color {\n     &:hover {\n       background-color: #196fd2;\n       border-color: #196fd2;\n     }\n  }\n\n  .download-all-btn {\n    min-width: 100px;\n    height: 31px;\n  }\n\n  /*** BOOTSTRAP ***/\n  button:focus {\n    outline:0;\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  .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":["_sfc_main","DownloadAllDistributions","DownloadAsModal","mapGetters","distribution","has","isNil","getTranslationFor"],"mappings":";;;;;;;AAqFA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,0BAAAC;AAAA;AAAA,IAEA,iBAAAC;AAAA;AAAA,EAEA;AAAA,EACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,uBAAA;AAAA,IACA,kCAAA;AAAA,IACA,wBAAA;AAAA,IACA,eAAA;AAAA,IACA,8BAAA;AAAA,IACA,6BAAA;AAAA,IACA,OAAA;AAAA,IACA,kBAAA;AAAA,IACA,uBAAA;AAAA,IACA,6BAAA;AAAA,IACA,sBAAA;AAAA,IACA,4BAAA;AAAA,IACA,6BAAA;AAAA,IACA,mCAAA;AAAA,IACA,qCAAA;AAAA,IACA,wBAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,sBAAA;AAAA,IACA,aAAA;AAAA,IACA,wBAAA;AAAA,IACA,oBAAA;AAAA,IACA,WAAA;AAAA,IACA,iBAAA;AAAA,IACA,sBAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,aAAA;AAAA,IACA,qBAAA;AAAA,IACA,oBAAA;AAAA,IACA,+BAAA;AAAA,IACA,mCAAA;AAAA,IACA,0CAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,4BAAA;AAAA,IACA,0BAAA;AAAA,IACA,eAAA;AAAA,IACA,OAAA;AAAA,EACA;AAAA,EACA,OAAA;AACA,WAAA;AAAA,MACA,gBAAA,KAAA,KAAA,QAAA,eAAA,aAAA,mBAAA;AAAA;AAAA,MAEA,8BAAA,KAAA,KAAA,QAAA,eAAA,cAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,GAAAC,EAAA,kBAAA;AAAA,MACA;AAAA,MACA;AAAA,IACA,CAAA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,2BAAAC,GAAA;AACA,aAAAC,EAAAD,GAAA,aAAA,KAAA,CAAAE,EAAAF,EAAA,WAAA,IAAAG,EAAAH,EAAA,aAAA,KAAA,OAAA,MAAA,QAAA,KAAA,YAAA,IAAA;AAAA,IACA;AAAA,IACA,mBAAAA,GAAA;AACA,WAAA,6BAAAA;AAAA,IACA;AAAA,EACA;AAAA;AAAA;AAAA;AAIA;;;;;;;;;;;;;;;;;"}

package/dist/datasetDetails/distributions/Distributions.vue2.mjs

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

package/dist/datasetDetails/distributions/Distributions.vue2.mjs.map

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

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

@@ -0,0 +1,24 @@
+declare const _default: import('../../../vue/dist/vue.esm.js').DefineComponent<Readonly<{
+    getDistributionDescription?: any;
+    openModal?: any;
+    getDistributionTitle?: any;
+    showDownloadUrls?: any;
+    isUrlInvalid?: any;
+}>, {}, {
+    downloadAllTop: boolean;
+}, {
+    [x: string]: import('vuex').Computed;
+}, {}, import('../../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../../vue/dist/vue.esm.js').ExtractPropTypes<Readonly<{
+    getDistributionDescription?: any;
+    openModal?: any;
+    getDistributionTitle?: any;
+    showDownloadUrls?: any;
+    isUrlInvalid?: any;
+}>>>, {
+    readonly getDistributionDescription?: any;
+    readonly openModal?: any;
+    readonly getDistributionTitle?: any;
+    readonly showDownloadUrls?: any;
+    readonly isUrlInvalid?: any;
+}>;
+export default _default;

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

@@ -0,0 +1,46 @@
+import { mapGetters as s } from "vuex";
+import e from "./DownloadAllDistributions.vue.mjs";
+import "./DistributionsHeader.vue2.mjs";
+import o from "../../_virtual/_plugin-vue2_normalizer.mjs";
+const n = {
+  name: "DistributionsHeader",
+  components: { DownloadAllDistributions: e },
+  props: [
+    "getDistributionDescription",
+    "openModal",
+    "getDistributionTitle",
+    "showDownloadUrls",
+    "isUrlInvalid"
+  ],
+  data() {
+    return {
+      downloadAllTop: this.$env.content.datasetDetails.bulkDownload.buttonPosition === "top"
+    };
+  },
+  computed: {
+    ...s("datasetDetails", [
+      "getDistributions",
+      "getLanguages"
+    ])
+  }
+};
+var a = function() {
+  var t = this, i = t._self._c;
+  return i("div", { staticClass: "distributions-header-container w-100" }, [i("div", { staticClass: "distributions-header-title-container dsd-item d-flex justify-content-between align-items-center" }, [i("div", { staticClass: "distributions-header-title" }, [i("h2", { staticClass: "distributions-header-title-title", attrs: { title: t.$t("message.tooltip.datasetDetails.distribution"), "data-toggle": "tooltip", "data-placement": "top", "data-cy": "dataset-distributions" } }, [t._v(`
+        ` + t._s(t.$t("message.metadata.distributions")) + ` 
+      `)]), t._v(" "), i("div", { staticClass: "distributions-header-title-count-container" }, [i("h3", { staticClass: "distributions-header-title-count" }, [t._v(t._s(t.getDistributions ? t.getDistributions.length.toLocaleString("fi") : 0))])])]), t._v(" "), t.downloadAllTop ? i("download-all-distributions", { attrs: { primary: !0, small: !0, getDistributions: t.getDistributions, getDistributionDescription: t.getDistributionDescription, openModal: t.openModal, getDistributionTitle: t.getDistributionTitle, showDownloadUrls: t.showDownloadUrls, isUrlInvalid: t.isUrlInvalid } }) : t._e()], 1), t._v(" "), i("hr", { staticClass: "distributions-header-bottom-hr" })]);
+}, r = [], l = /* @__PURE__ */ o(
+  n,
+  a,
+  r,
+  !1,
+  null,
+  "98e2c004",
+  null,
+  null
+);
+const m = l.exports;
+export {
+  m as default
+};
+//# sourceMappingURL=DistributionsHeader.vue.mjs.map

package/dist/datasetDetails/distributions/DistributionsHeader.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DistributionsHeader.vue.mjs","sources":["../../../lib/datasetDetails/distributions/DistributionsHeader.vue"],"sourcesContent":["<template>\n  <div class=\"distributions-header-container w-100\">\n  <div class=\"distributions-header-title-container dsd-item d-flex justify-content-between align-items-center\">\n      <div class=\"distributions-header-title\">\n        <h2 :title=\"$t('message.tooltip.datasetDetails.distribution')\"\n            data-toggle=\"tooltip\"\n            data-placement=\"top\"\n            data-cy=\"dataset-distributions\"\n            class=\"distributions-header-title-title\">\n          {{ $t('message.metadata.distributions') }} \n        </h2>\n       \n        <div class=\"distributions-header-title-count-container\">\n          <h3 class=\"distributions-header-title-count\">{{ getDistributions ? getDistributions.length.toLocaleString('fi') : 0 }}</h3>\n        </div>\n        \n      </div>\n      <download-all-distributions\n        v-if=\"downloadAllTop\"\n        :primary=\"true\"\n        :small=\"true\"\n        :getDistributions=\"getDistributions\"\n        :getDistributionDescription=\"getDistributionDescription\"\n        :openModal=\"openModal\"\n        :getDistributionTitle=\"getDistributionTitle\"\n        :showDownloadUrls=\"showDownloadUrls\"\n        :isUrlInvalid=\"isUrlInvalid\"\n      />\n    </div>\n    <hr class=\"distributions-header-bottom-hr\">\n  </div>\n</template>\n\n<script>\nimport {mapGetters} from \"vuex\";\nimport DownloadAllDistributions\n  from \"../../datasetDetails/distributions/DownloadAllDistributions\";\n\nexport default {\n  name: \"DistributionsHeader\",\n  components: {DownloadAllDistributions},\n  props: [\n    'getDistributionDescription',\n    'openModal',\n    'getDistributionTitle',\n    'showDownloadUrls',\n    'isUrlInvalid',\n  ],\n  data() {\n    return {\n      downloadAllTop: this.$env.content.datasetDetails.bulkDownload.buttonPosition === \"top\"\n    };\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getDistributions',\n      'getLanguages'\n    ])\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .distributions-header-title {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n\n  .distributions-header-title-title {\n    margin-right: 8px;\n  }\n\n  .distributions-header-title-count {\n    &::before {\n      content: '('\n    }\n    &::after {\n      content: ')'\n    }\n  }\n</style>\n"],"names":["_sfc_main","DownloadAllDistributions","mapGetters"],"mappings":";;;;AAsCA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA,EAAA,0BAAAC,EAAA;AAAA,EACA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AACA,WAAA;AAAA,MACA,gBAAA,KAAA,KAAA,QAAA,eAAA,aAAA,mBAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,GAAAC,EAAA,kBAAA;AAAA,MACA;AAAA,MACA;AAAA,IACA,CAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}

package/dist/datasetDetails/distributions/DistributionsHeader.vue2.mjs

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

package/dist/datasetDetails/distributions/DistributionsHeader.vue2.mjs.map

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