npm - @piveau/piveau-hub-ui-modules - Versions diffs - 4.6.116 → 4.6.117 - Mend

@piveau/piveau-hub-ui-modules 4.6.116 → 4.6.117

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

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

@@ -2,7 +2,7 @@ import { has as v, isNil as U } from "lodash-es";
 import { getTranslationFor as y } from "../../utils/helpers.mjs";
 import { mapGetters as f } from "vuex";
 import I from "./DistributionDownloadAsModal.vue.mjs";
-import { resolveComponent as s, openBlock as e, createElementBlock as a, createVNode as D, createTextVNode as l, createElementVNode as d, Fragment as C, renderList as T, createBlock as u, createCommentVNode as w } from "vue";
+import { resolveComponent as s, openBlock as e, createElementBlock as l, createVNode as D, createTextVNode as a, createElementVNode as w, Fragment as C, renderList as T, createBlock as u, createCommentVNode as d } from "vue";
 import "./Distributions.vue2.mjs";
 import A from "../../_virtual/_plugin-vue_export-helper.mjs";
 const L = {
@@ -85,10 +85,13 @@ const L = {
       });
     }
   }
-}, V = { class: "mt-1 dsd-distributions" }, _ = { class: "row" }, k = { class: "list list-unstyled w-100" }, x = { class: "w-100 d-flex flex-row justify-content-end" };
+}, V = { class: "mt-1 dsd-distributions" }, k = {
+  key: 0,
+  class: "row"
+}, _ = { class: "list list-unstyled w-100" }, x = { class: "w-100 d-flex flex-row justify-content-end" };
 function E(t, n, i, O, o, r) {
   const m = s("distributions-header"), h = s("distribution"), g = s("download-all-distributions"), F = s("download-as-modal"), p = s("distribution-visualisation-slot");
-  return e(), a("div", V, [
+  return e(), l("div", V, [
     D(m, {
       getDistributionDescription: r.getDistributionDescription,
       openModal: i.openModal,
@@ -98,14 +101,14 @@ function E(t, n, i, O, o, r) {
       showPublisher: i.showPublisher,
       embed: i.embed
     }, null, 8, ["getDistributionDescription", "openModal", "getDistributionTitle", "showDownloadUrls", "isUrlInvalid", "showPublisher", "embed"]),
-    n[1] || (n[1] = l()),
-    d("div", _, [
-      d("ul", k, [
-        (e(), a("div", {
+    n[1] || (n[1] = a()),
+    i.embed ? d("", !0) : (e(), l("div", k, [
+      w("ul", _, [
+        (e(), l("div", {
           class: "distributions",
           key: `${i.expandedDistributions.length}--${i.expandedDistributionDescriptions.length}`
         }, [
-          (e(!0), a(C, null, T(i.displayedDistributions, (c, b) => (e(), u(h, {
+          (e(!0), l(C, null, T(i.displayedDistributions, (c, b) => (e(), u(h, {
             onSelectForPreview: r.selectDistribution,
             key: `${b}--${c.id}`,
             distribution: c,
@@ -148,9 +151,9 @@ function E(t, n, i, O, o, r) {
           }, null, 8, ["onSelectForPreview", "distribution", "fading", "distributions", "setDistributionsDisplayCount", "getDistributionFormat", "distributionFormatTruncated", "getDistributionTitle", "distributionVisibleContent", "distributionExpandedContent", "distributionDescriptionIsExpanded", "distributionDescriptionIsExpandable", "getDistributionDescription", "distributionIsExpanded", "showObject", "showNumber", "showDownloadDropdown", "showLicence", "showLicensingAssistant", "filterDateFormatEU", "showArray", "showObjectArray", "getVisualisationLink", "isOnlyOneUrl", "getDownloadUrl", "trackGoto", "showAccessUrls", "replaceHttp", "previewLinkCallback", "toggleDistribution", "toggleDistributionDescription", "increaseNumDisplayedDistributions", "nonOverflowingIncrementsForDistributions", "isUrlInvalid", "openIfValidUrl", "showTooltipVisualiseButton", "appendCurrentLocaleToURL", "embed"]))), 128))
         ]))
       ]),
-      n[0] || (n[0] = l()),
-      d("div", x, [
-        o.downloadAllTop ? w("", !0) : (e(), u(g, {
+      n[0] || (n[0] = a()),
+      w("div", x, [
+        o.downloadAllTop ? d("", !0) : (e(), u(g, {
           key: 0,
           getDistributionDescription: r.getDistributionDescription,
           openModal: i.openModal,
@@ -159,10 +162,10 @@ function E(t, n, i, O, o, r) {
           isUrlInvalid: i.isUrlInvalid
         }, null, 8, ["getDistributionDescription", "openModal", "getDistributionTitle", "showDownloadUrls", "isUrlInvalid"]))
       ])
-    ]),
-    n[2] || (n[2] = l()),
+    ])),
+    n[2] || (n[2] = a()),
     D(F),
-    n[3] || (n[3] = l()),
+    n[3] || (n[3] = a()),
     o.showDistibutionVisualisation && o.showVisualisation ? (e(), u(p, {
       ref: "visualisationComponent",
       key: o.componentKey,
@@ -171,10 +174,10 @@ function E(t, n, i, O, o, r) {
       downloadUrl: o.previewedDistDownloadUrl,
       format: o.previewedDistFormat,
       compressFormat: o.previewedDistCompressFormat
-    }, null, 8, ["title", "downloadUrl", "format", "compressFormat"])) : w("", !0)
+    }, null, 8, ["title", "downloadUrl", "format", "compressFormat"])) : d("", !0)
   ]);
 }
-const R = /* @__PURE__ */ A(L, [["render", E], ["__scopeId", "data-v-ddb5654d"]]);
+const R = /* @__PURE__ */ A(L, [["render", E], ["__scopeId", "data-v-88c400f4"]]);
 export {
   R as default
 };

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

	@@ -1 +1 @@
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\n v-if=\"showDistibutionVisualisation && showVisualisation\"\n ref=\"visualisationComponent\"\n :key=\"componentKey\"\n class=\"mb-4\"\n :title=\"previewedDistTitle\"\n :downloadUrl=\"previewedDistDownloadUrl\"\n :format=\"previewedDistFormat\"\n :compressFormat=\"previewedDistCompressFormat\"\n ></distribution-visualisation-slot>\n </div>\n</template>\n\n<script>\n\nimport {has, isNil} from \"lodash\";\nimport {getTranslationFor} from \"../../utils/helpers\";\nimport { mapGetters } from \"vuex\";\nimport DownloadAsModal from \"../../datasetDetails/distributions/DistributionDownloadAsModal\";\n\nexport default {\n name: 'Distributions',\n components: {\n DownloadAsModal\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 componentKey: 0,\n downloadAllTop: this.$env.content.datasetDetails.bulkDownload.buttonPosition === \"top\",\n // previewedDistributionTitle: this.getDistributionTitle(this.displayedDistributions[0]),\n showDistibutionVisualisation: false,\n previewedDistributionTitle: \"\",\n previewedDistDownloadUrl: \"\",\n previewedDistFormat: \"\",\n previewedDistCompressFormat: \"\",\n selectedDistribution: null,\n showVisualisation: this.$env.content.datasetDetails.distributions.showVisualisation,\n\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(dist) {\n this.previewedDistTitle = dist.title;\n this.previewedDistDownloadUrl = dist.url;\n this.previewedDistFormat = dist.format;\n this.previewedDistCompressFormat = dist.compressFormat ? dist.compressFormat : '';\n this.showDistibutionVisualisation = true;\n this.componentKey += 1; // kill and rerender with new values\n\n // scroll to visualisation component\n this.$nextTick(() => {\n const visualisationComponent = this.$refs.visualisationComponent;\n if (visualisationComponent) {\n visualisationComponent.$el.scrollIntoView({ behavior: 'smooth' });\n }\n });\n },\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","DownloadAsModal","mapGetters","distribution","has","isNil","getTranslationFor","dist","visualisationComponent","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_createVNode","_component_distributions_header","$options","$props","_createElementVNode","_Fragment","_renderList","index","_createBlock","_component_distribution","$data","_component_download_all_distributions","_component_download_as_modal","_component_distribution_visualisation_slot","_ctx"],"mappings":"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"}
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\" v-if=\"!embed\">\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\n v-if=\"showDistibutionVisualisation && showVisualisation\"\n ref=\"visualisationComponent\"\n :key=\"componentKey\"\n class=\"mb-4\"\n :title=\"previewedDistTitle\"\n :downloadUrl=\"previewedDistDownloadUrl\"\n :format=\"previewedDistFormat\"\n :compressFormat=\"previewedDistCompressFormat\"\n ></distribution-visualisation-slot>\n </div>\n</template>\n\n<script>\n\nimport {has, isNil} from \"lodash\";\nimport {getTranslationFor} from \"../../utils/helpers\";\nimport { mapGetters } from \"vuex\";\nimport DownloadAsModal from \"../../datasetDetails/distributions/DistributionDownloadAsModal\";\n\nexport default {\n name: 'Distributions',\n components: {\n DownloadAsModal\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 componentKey: 0,\n downloadAllTop: this.$env.content.datasetDetails.bulkDownload.buttonPosition === \"top\",\n // previewedDistributionTitle: this.getDistributionTitle(this.displayedDistributions[0]),\n showDistibutionVisualisation: false,\n previewedDistributionTitle: \"\",\n previewedDistDownloadUrl: \"\",\n previewedDistFormat: \"\",\n previewedDistCompressFormat: \"\",\n selectedDistribution: null,\n showVisualisation: this.$env.content.datasetDetails.distributions.showVisualisation,\n\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(dist) {\n this.previewedDistTitle = dist.title;\n this.previewedDistDownloadUrl = dist.url;\n this.previewedDistFormat = dist.format;\n this.previewedDistCompressFormat = dist.compressFormat ? dist.compressFormat : '';\n this.showDistibutionVisualisation = true;\n this.componentKey += 1; // kill and rerender with new values\n\n // scroll to visualisation component\n this.$nextTick(() => {\n const visualisationComponent = this.$refs.visualisationComponent;\n if (visualisationComponent) {\n visualisationComponent.$el.scrollIntoView({ behavior: 'smooth' });\n }\n });\n },\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","DownloadAsModal","mapGetters","distribution","has","isNil","getTranslationFor","dist","visualisationComponent","_hoisted_1","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_createVNode","_component_distributions_header","$options","$props","_hoisted_2","_createElementVNode","_Fragment","_renderList","index","_createBlock","_component_distribution","$data","_component_download_all_distributions","_component_download_as_modal","_component_distribution_visualisation_slot","_ctx"],"mappings":"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"}

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

@@ -62,7 +62,7 @@ function T(o, t, e, k, l, y) {
     t[3] || (t[3] = i("hr", { class: "distributions-header-bottom-hr" }, null, -1))
   ]);
 }
-const V = /* @__PURE__ */ p(g, [["render", T], ["__scopeId", "data-v-990d4ce1"]]);
+const V = /* @__PURE__ */ p(g, [["render", T], ["__scopeId", "data-v-5756c1b2"]]);
 export {
   V as default
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DistributionsHeader.vue.mjs","sources":["../../../lib/datasetDetails/distributions/DistributionsHeader.vue"],"sourcesContent":["<template>\n <div class=\"distributions-header-container w-100\">\n <!-- Adjusting the container for correct alignment -->\n <div class=\"distributions-header-title-container dsd-item d-flex flex-column align-items-start\" style=\"position: relative; left: -15px;\">\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","_hoisted_1","_hoisted_3","_hoisted_5","_hoisted_6","_openBlock","_createElementBlock","_createElementVNode","_hoisted_2","_ctx","_hoisted_4","_toDisplayString","$data","_createBlock","_component_download_all_distributions","$props"],"mappings":";;;;;AAuCA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY,EAAC,0BAAAC,EAAwB;AAAA,EACrC,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,gBAAgB,KAAK,KAAK,QAAQ,eAAe,aAAa,mBAAmB;AAAA;EAEpF;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,KACD;AAAA,EACF;AACH,GA3DOC,IAAA,EAAA,OAAM,uCAAsC;EAE1C,OAAM;AAAA,EAAqF,OAAA,EAAwC,UAAA,YAAA,MAAA,QAAA;GACjIC,IAAA,EAAA,OAAM,6BAA4B,kBAShCC,IAAA,EAAA,OAAM,6CAA4C,GACjDC,IAAA,EAAA,OAAM,mCAAkC;;;AAbpD,SAAAC,EAAA,GAAAC,EA8BM,OA9BNL,GA8BM;AAAA,IA5BJM,EA0BM,OA1BNC,GA0BM;AAAA,MAzBJD,EAaM,OAbNL,GAaM;AAAA,QAZJK,EAMK,MAAA;AAAA,UANA,OAAOE,EAAE,GAAA,6CAAA;AAAA,UACV,eAAY;AAAA,UACZ,kBAAe;AAAA,UACf,WAAQ;AAAA,UACR,OAAM;AAAA,aACLA,EAAE,GAAA,gCAAA,CAAA,GAAA,GAAAC,CAAA;AAAA;QAGPH,EAEM,OAFNJ,GAEM;AAAA,UADJI,EAA2H,MAA3HH,GAAgDO,EAAAF,EAAA,mBAAmBA,EAAgB,iBAAC,OAAO,eAAc,IAAA,IAAA,CAAA,GAAA,CAAA;AAAA;;;MAKrGG,EAAc,uBADtBC,EAUEC,GAAA;AAAA;QARC,SAAS;AAAA,QACT,OAAO;AAAA,QACP,kBAAkBL,EAAgB;AAAA,QAClC,4BAA4BM,EAA0B;AAAA,QACtD,WAAWA,EAAS;AAAA,QACpB,sBAAsBA,EAAoB;AAAA,QAC1C,kBAAkBA,EAAgB;AAAA,QAClC,cAAcA,EAAY;AAAA;;;oBAG/BR,EAA2C,MAAA,EAAvC,OAAM,iCAAgC,GAAA,MAAA,EAAA;AAAA;;;"}
1	+ {"version":3,"file":"DistributionsHeader.vue.mjs","sources":["../../../lib/datasetDetails/distributions/DistributionsHeader.vue"],"sourcesContent":["<template>\n <div class=\"distributions-header-container w-100\"> \n <!-- Adjusting the container for correct alignment -->\n <div class=\"distributions-header-title-container dsd-item d-flex flex-column align-items-start\" style=\"position: relative; left: -15px;\">\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","_hoisted_1","_hoisted_3","_hoisted_5","_hoisted_6","_openBlock","_createElementBlock","_createElementVNode","_hoisted_2","_ctx","_hoisted_4","_toDisplayString","$data","_createBlock","_component_download_all_distributions","$props"],"mappings":";;;;;AAuCA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY,EAAC,0BAAAC,EAAwB;AAAA,EACrC,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,gBAAgB,KAAK,KAAK,QAAQ,eAAe,aAAa,mBAAmB;AAAA;EAEpF;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,KACD;AAAA,EACF;AACH,GA3DOC,IAAA,EAAA,OAAM,uCAAsC;EAE1C,OAAM;AAAA,EAAqF,OAAA,EAAwC,UAAA,YAAA,MAAA,QAAA;GACjIC,IAAA,EAAA,OAAM,6BAA4B,kBAShCC,IAAA,EAAA,OAAM,6CAA4C,GACjDC,IAAA,EAAA,OAAM,mCAAkC;;;AAbpD,SAAAC,EAAA,GAAAC,EA8BM,OA9BNL,GA8BM;AAAA,IA5BJM,EA0BM,OA1BNC,GA0BM;AAAA,MAzBJD,EAaM,OAbNL,GAaM;AAAA,QAZJK,EAMK,MAAA;AAAA,UANA,OAAOE,EAAE,GAAA,6CAAA;AAAA,UACV,eAAY;AAAA,UACZ,kBAAe;AAAA,UACf,WAAQ;AAAA,UACR,OAAM;AAAA,aACLA,EAAE,GAAA,gCAAA,CAAA,GAAA,GAAAC,CAAA;AAAA;QAGPH,EAEM,OAFNJ,GAEM;AAAA,UADJI,EAA2H,MAA3HH,GAAgDO,EAAAF,EAAA,mBAAmBA,EAAgB,iBAAC,OAAO,eAAc,IAAA,IAAA,CAAA,GAAA,CAAA;AAAA;;;MAKrGG,EAAc,uBADtBC,EAUEC,GAAA;AAAA;QARC,SAAS;AAAA,QACT,OAAO;AAAA,QACP,kBAAkBL,EAAgB;AAAA,QAClC,4BAA4BM,EAA0B;AAAA,QACtD,WAAWA,EAAS;AAAA,QACpB,sBAAsBA,EAAoB;AAAA,QAC1C,kBAAkBA,EAAgB;AAAA,QAClC,cAAcA,EAAY;AAAA;;;oBAG/BR,EAA2C,MAAA,EAAvC,OAAM,iCAAgC,GAAA,MAAA,EAAA;AAAA;;;"}

package/dist/datasetDetails/features/DatasetDetailsDataServices.vue.d.ts CHANGED Viewed

@@ -15,6 +15,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     expandedDataServicesDescriptions: never[];
     expandedDataServices: never[];
+    sortField: string;
+    sortOrder: string;
 }, {
     displayedDataServices(): readonly any[];
     isDataServicesAllDisplayed(): boolean;
@@ -22,6 +24,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     getLanguages: import('vuex').Computed;
 }, {
     truncate: typeof truncate;
+    toggleSort(field: any): void;
+    toggleDataService(id: any): void;
     toggleDataServiceDescription(id: any): void;
     toggleDataServices(): void;
     dataServiceIsExpanded(id: any): boolean;