@piveau/piveau-hub-ui-modules 3.18.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetDetailsQuality.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetailsQuality.vue"],"sourcesContent":["<template>\n  <div class=\"mt-3 dsd-quality-container\">\n    <div class=\"row\">\n      <div class=\"col-10 offset-1\" v-if=\"getQualityData.result && getQualityDistributionData.result\">\n        <h2 class=\"dsd-quality-header\">{{ $t('message.header.navigation.data.metadataquality') }}</h2>\n        <div class=\"dsd-quality-description markdown-content\">\n          <p v-html=\"$t('message.datasetDetails.intro.metadataQuality', { locale: $route.query.locale })\"></p>\n        </div>\n        <div class=\"dsd-mq-cards space card-columns\" v-if=\"getQualityData.result\">\n          <div class=\"dsd-mq-card\" v-for=\"(value,name) in getQualityData.result.results[0]\" :key=\"`A-${name}`\">\n            <div :class=\"`dimension-card card dimension-${name}`\" v-if=\"name != 'info' && name != 'validation'\">\n              <div class=\"card-header card-title text-center\">\n                <h3>{{ $t(`message.datasetDetails.quality.${name}`) }}</h3>\n              </div>\n              <ul class=\"dsd-mq-card-list list-group list-group-flush\">\n                <li class=\"dsd-mq-card-list-item list-group-item\" v-for=\"(value, key) in value\" :key=\"`B-${key}`\">\n                  <div class=\"dsd-mq-card-list-item row key-row\">\n                    <div class=\"dsd-mq-card-list-item-left col\" v-for=\"(value, key) in value\" :key=\"`C-${key}`\">\n                      <div v-if=\"key == 'dataset'\">\n                        <div v-for=\"(value, key) in value\" :key=\"`D-${key}`\">\n                          <div\n                            v-for=\"(value, key) in value\"\n                            class=\"dataset-space\"\n                            :key=\"`E-${key}`\"\n                          >\n                            <i class=\"dsd-mq-card-info-icon material-icons align-text-bottom small-icon has-tooltip\"\n                              data-toggle=\"tooltip\"\n                              data-placement=\"right\"\n                              data-html=\"true\"\n                              :title=\"$t(`message.tooltip.quality.${key}`)\">\n                              info_outline\n                            </i>\n                            {{ $t('message.header.navigation.data.datasets') }}: {{ $t(`message.datasetDetails.quality.${key}`) }}\n                          </div>\n                        </div>\n                      </div>\n                      <div v-else-if=\"key == 'distributions'\">\n                        <div v-for=\"(value, key) in value\" :key=\"`F-${key}`\">\n                          <div\n                            v-for=\"(value, key) in value\"\n                            class=\"dataset-space\"\n                            :key=\"`H-${key}`\"\n                          >\n                            <i class=\"dsd-mq-card-info-icon material-icons align-text-bottom small-icon has-tooltip\"\n                              data-toggle=\"tooltip\"\n                              data-placement=\"right\"\n                              data-html=\"true\"\n                              :title=\"$t(`message.tooltip.quality.${key}`)\">\n                              info_outline\n                            </i>\n                            {{ $t('message.metadata.distributions') }}: {{ $t(`message.datasetDetails.quality.${key}`) }}\n                          </div>\n                        </div>\n                      </div>\n                      <span v-else>\n                         <i class=\"dsd-mq-card-info-icon material-icons align-text-bottom small-icon has-tooltip\"\n                            data-toggle=\"tooltip\"\n                            data-placement=\"right\"\n                            data-html=\"true\"\n                            :title=\"$t(`message.tooltip.quality.${key}`)\">\n                            info_outline\n                          </i>\n                        {{ $t(`message.datasetDetails.quality.${key}`) }}\n                      </span>\n                    </div>\n                    <div class=\"dsd-mq-card-list-item-right\" v-for=\"(value, key) in value\" :key=\"`I-${key}`\" >\n                      <div v-if=\"value.length == 0\" class=\"col-auto text-right\">\n                        <span class=\"badge-no\">n/a</span>\n                      </div>\n                      <div v-else-if=\"key == 'accessUrlStatusCode'\" class=\"col-auto text-right\">\n                        <div v-for=\"(value, key) in value\" :key=\"`J-${key}`\">\n                          <div class=\"access-space values-container\">\n                            <div class=\"row\">\n                              <div class=\"col-auto\">\n                                <span :class=\"`badge-yes-${name}`\">{{value.name}}</span>\n                              </div>\n                              <div class=\"col text-right\">\n                                <span class=\"access-percentage\">{{value.percentage}} %</span>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                      <div v-else-if=\"key == 'downloadUrlStatusCode'\" class=\"col-auto text-right\">\n                        <div v-for=\"(value, key) in value\" :key=\"`K-${key}`\">\n                          <div class=\"access-space\">\n                            <div class=\"row\">\n                              <div class=\"col-auto\">\n                                <span :class=\"`badge-yes-${name}`\">{{value.name}}</span>\n                              </div>\n                              <div class=\"col text-right\">\n                                <span class=\"access-percentage\">{{value.percentage}} %</span>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                      <div\n                        v-else-if=\"key != 'dataset' && key != 'distributions' && value == false\"\n                        class=\"col-auto text-right\"\n                      >\n                        <span class=\"badge-no\">no</span>\n                      </div>\n                      <div\n                        v-else-if=\"key != 'dataset' && key != 'distributions' && value == true\"\n                        class=\"col-auto text-right\"\n                      >\n                        <span :class=\"`badge-yes-${name}`\">yes</span>\n                      </div>\n                      <div\n                        v-if=\"key != 'dataset' && key != 'distributions' && key != 'accessUrlStatusCode' && value.length == 2\"\n                        class=\"col-auto text-right\"\n                      >{{value[0].percentage}} %</div>\n                      <div v-if=\"key == 'dataset'\" class=\"col-auto text-right dataset-space\">\n                        <span v-if=\"getModificationDate && getModificationDate.length == 0\">\n                          <span class=\"badge-n-a\">n/a</span>\n                        </span>\n                        <span v-else :class=\"`badge-yes-${name}`\">yes</span>\n                      </div>\n\n                      <div\n                        v-if=\"key == 'dataset' && value[1].dateIssuedAvailability == false\"\n                        class=\"col-auto text-right\"\n                      >\n                        <div class=\"dataset-space\">\n                          <span class=\"badge-no\">no</span>\n                        </div>\n                      </div>\n                      <div\n                        v-if=\"key == 'dataset' && value[1].dateIssuedAvailability == true\"\n                        class=\"col-auto text-right\"\n                      >\n                        <div class=\"dataset-space\">\n                          <span :class=\"`badge-yes-${name}`\">yes</span>\n                        </div>\n                      </div>\n                      <div v-if=\"key == 'distributions'\" class=\"col-auto text-right dataset-space\">\n                        <span v-if=\"Object.keys(value[0].dateModifiedAvailability).length == 0\">\n                          <span class=\"badge-n-a\">n/a</span>\n                        </span>\n                        <span v-else>{{value[0].dateModifiedAvailability[0].percentage}} %</span>\n                      </div>\n                      <div v-if=\"key == 'distributions'\" class=\"col-auto text-right dataset-space\">\n                        <span v-if=\"Object.keys(value[1].dateIssuedAvailability).length == 0\">\n                          <span class=\"badge-n-a\">n/a</span>\n                        </span>\n                        <span v-else>{{value[1].dateIssuedAvailability[0].percentage}} %</span>\n                      </div>\n                    </div>\n                  </div>\n                  <!-- <div v-for=\"(value, key) in value\" :key=\"`L-${key}`\">\n                    <div\n                      v-if=\"key != 'dataset' && key != 'distributions' && key != 'accessUrlStatusCode' && value.length == 2\"\n                      :class=\"`progress dimension-${name}`\"\n                      style=\"height: 2px;\"\n                    >\n                      <div\n                        class=\"progress-bar quality\"\n                        role=\"progressbar\"\n                        :style=\"`width:${value[0].percentage}%`\"\n                      ></div>\n                    </div>\n                  </div> -->\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n        <h2 class=\"dsd-quality-header mt-5\">{{ $t('message.datasetDetails.quality.distributionQuality') }}</h2>\n        <div class=\"dsd-quality-description markdown-content\">\n          <p v-html=\"$t('message.datasetDetails.intro.distribution', { locale: $route.query.locale })\" />\n        </div>\n        <div v-if=\"getQualityDistributionData.result\" id=\"YEAH\">\n          <div id=\"accordion\" class=\"dsd-dq-cards space\" v-if=\"showLess\">\n            <div\n              v-for=\"(value, key) in getQualityDistributionData.result.results\"\n              class=\"dsd-dq-card card\"\n              :key=\"`B-${key}`\"\n            >\n              <div class=\"card-header distribution\" id=\"headingFirst\"\n                @click=\"clickHandler(key)\"\n                data-toggle=\"collapse\"\n                :data-target=\"`#${value[0].info['distribution-id']}`\"\n                aria-expanded=\"false\"\n                :aria-controls=\"`#${value[0].info['distribution-id']}`\">\n                <h3\n                  class=\"mb-0\"\n                >\n                  <div class=\"row dist\">\n                    <div class=\"col-10\">\n                      <div class=\"dist-head\">{{value[0].info[\"distribution-title\"]}}</div>\n                    </div>\n                    <div class=\"col-2\">\n                      <!-- <div class=\"badge badge-light format\">XML</div> -->\n                      <div\n                        class=\"float-right small-arrow\"\n                        v-bind:class=\"{ active: key === activeItem}\"\n                      >\n                        <svg\n                          width=\"12px\"\n                          height=\"12px\"\n                          viewBox=\"0 0 16 16\"\n                          class=\"bi bi-chevron-down text-light\"\n                          fill=\"currentColor\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            fill-rule=\"evenodd\"\n                            d=\"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\"\n                          ></path>\n                        </svg>\n                      </div>\n                    </div>\n                  </div>\n                </h3>\n              </div>\n              <div\n                :id=\"`${value[0].info['distribution-id']}`\"\n                class=\"collapse\"\n                :aria-labelledby=\"`${value[0].info['distribution-id']}`\"\n                data-parent=\"#accordion\"\n              >\n                <div class=\"dsd-dq-card-body card-body dist-content\">\n                  <div class=\"row\" v-for=\"(value,key) in value[0]\" :key=\"`N-${key}`\">\n                    <div class=\"dsd-dq-dimension col-12 space move\" v-if=\"key != 'info' && key != 'validation'\">\n                      <div\n                        class=\"dimension-headline\"\n                      >{{ $t(`message.datasetDetails.quality.${key}`) }}</div>\n                      <div class=\"dsd-dq-dimension-items row\">\n                        <div class=\"dsd-dq-dimenison-items-left col-md-6\">\n                          <ul class=\"keys\">\n                            <li\n                              class=\"list-group-item keys\"\n                              v-for=\"(value,index) in value.slice(0, 2)\"\n                              :key=\"`O-${index}`\"\n                            >\n                              <!-- <li class=\"list-group-item keys\" v-if=\"index <= 1\">  -->\n                              <div class=\"row\">\n                                <div class=\"col\" v-for=\"(value,key) in value\" :key=\"`P-${key}`\">\n                                  <span\n                                    v-if=\"key == 'accessUrlStatusCode' || key == 'downloadUrlStatusCode'\"\n                                    class=\"dsd-dq-dimension-item-title\"\n                                  >{{ $t(`message.datasetDetails.quality.distributions.${key}`) }}</span>\n                                  <span class=\"dsd-dq-dimension-item-title\" v-else>{{ $t(`message.datasetDetails.quality.${key}`) }}</span>\n                                </div>\n                                <div v-for=\"(value,key) in value\" :key=\"`Q-${key}`\">\n                                  <div class=\"col-auto text-right\" v-if=\"value == false\">\n                                    <span class=\"badge-no\">no</span>\n                                  </div>\n                                  <div class=\"col-auto text-right\" v-else-if=\"value == true\">\n                                    <span :class=\"`badge-yes`\">yes</span>\n                                  </div>\n                                  <div\n                                    class=\"col-auto text-right\"\n                                    v-else-if=\"isAccessAndDownloadUrlStatusCodeAvailable(key, value)\"\n                                  >\n                                    <span :class=\"`badge-yes`\">{{value}}</span>\n                                  </div>\n                                  <div class=\"col-auto text-right\" v-else>\n                                    <span :class=\"`badge-n-a`\">n/a</span>\n                                  </div>\n                                </div>\n                              </div>\n                            </li>\n                          </ul>\n                        </div>\n                        <div class=\"col-md-6\">\n                          <ul class=\"keys\">\n                            <li\n                              class=\"list-group-item keys\"\n                              v-for=\"(value,index) in value.slice(2)\"\n                              :key=\"`S-${index}`\"\n                            >\n                              <!-- <li class=\"list-group-item keys\" v-if=\"index <= 1\">       -->\n                              <div class=\"row\">\n                                <div class=\"col\" v-for=\"(value,key) in value\" :key=\"`R-${key}`\">\n                                  <span\n                                    v-if=\"key == 'accessUrlStatusCode' || key == 'downloadUrlStatusCode'\"\n                                    class=\"dsd-dq-dimension-item-title\"\n                                  >{{ $t(`message.datasetDetails.quality.distributions.${key}`) }}</span>\n                                  <span class=\"dsd-dq-dimension-item-title\" v-else>{{ $t(`message.datasetDetails.quality.${key}`) }}</span>\n                                </div>\n                                <div v-for=\"(value,key) in value\" :key=\"`t-${key}`\">\n                                  <div class=\"col-auto text-right\" v-if=\"value == false\">\n                                    <span class=\"badge-no\">no</span>\n                                  </div>\n                                  <div class=\"col-auto text-right\" v-else-if=\"value == true\">\n                                    <span :class=\"`badge-yes`\">yes</span>\n                                  </div>\n                                  <div\n                                    class=\"col-auto text-right\"\n                                    v-else-if=\"isAccessAndDownloadUrlStatusCodeAvailable(key, value)\"\n                                  >\n                                    <span :class=\"`badge-yes`\">{{value}}</span>\n                                  </div>\n                                  <div class=\"col-auto text-right\" v-else>\n                                    <span :class=\"`badge-n-a`\">n/a</span>\n                                  </div>\n                                </div>\n                              </div>\n                            </li>\n                          </ul>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <!-- CSV Linter -->\n                  <div class=\"row accordion-body\">\n                    <div class=\"col-12\">\n                      <CSVLinter v-if=\"enableCSVLinter && showCSVLinter(key, value[0].info['distribution-id'])\" :validation=\"qualityDistributionValidation[key]\"></CSVLinter>\n                    </div>\n                </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-12 text-center\" v-if=\"getQualityDistributionData.result.count >= 6\">\n            <button class=\"btn btn-light mt-3 text-center\" @click=\"showLess = false\"> {{ $t(`message.metadata.showMore`) }} <i class=\"material-icons align-middle small-icon\">keyboard_arrow_down</i> </button>\n            </div>\n          </div>\n          <div id=\"accordion\" class=\"dsd-dq-cards space\" v-else>\n            <div\n              v-for=\"(value, key) in getQualityDistributionData.result.results\"\n              class=\"dsd-dq-card card\"\n              :key=\"`B-${key}`\"\n            >\n              <div\n              class=\"card-header distribution\"\n              id=\"headingFirst\"\n              data-toggle=\"collapse\"\n              :data-target=\"`#${value[0].info['distribution-id']}`\"\n              aria-expanded=\"false\"\n              :aria-controls=\"`#${value[0].info['distribution-id']}`\"\n              @click=\"clickHandler(key)\">\n                <h3\n                  class=\"mb-0\"\n                >\n                  <div class=\"row dist\">\n                    <div class=\"col-10\">\n                      <div class=\"dist-head\">{{value[0].info[\"distribution-title\"]}}</div>\n                    </div>\n                    <div class=\"col-2\">\n                      <!-- <div class=\"badge badge-light format\">XML</div> -->\n                      <div\n                        class=\"float-right small-arrow\"\n                        v-bind:class=\"{ active: key === activeItem}\"\n                      >\n                        <svg\n                          width=\"12px\"\n                          height=\"12px\"\n                          viewBox=\"0 0 16 16\"\n                          class=\"bi bi-chevron-down text-light\"\n                          fill=\"currentColor\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            fill-rule=\"evenodd\"\n                            d=\"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\"\n                          ></path>\n                        </svg>\n                      </div>\n                    </div>\n                  </div>\n                </h3>\n              </div>\n              <div\n                :id=\"`${value[0].info['distribution-id']}`\"\n                class=\"collapse\"\n                :aria-labelledby=\"`${value[0].info['distribution-id']}`\"\n                data-parent=\"#accordion\"\n              >\n                <div class=\"dsd-dq-card-body card-body dist-content\">\n                  <div class=\"row\" v-for=\"(value,key) in value[0]\" :key=\"`N-${key}`\">\n                    <div class=\"dsd-dq-dimension col-12 space move\" v-if=\"key != 'info'\">\n                      <div\n                        class=\"dimension-headline\"\n                      >{{ $t(`message.datasetDetails.quality.${key}`) }}</div>\n                      <div class=\"dsd-dq-dimension-items row\">\n                        <div class=\"dsd-dq-dimenison-items-left col-md-6\">\n                          <ul class=\"keys\">\n                            <li\n                              class=\"list-group-item keys\"\n                              v-for=\"(value,index) in value.slice(0, 2)\"\n                              :key=\"`O-${index}`\"\n                            >\n                              <!-- <li class=\"list-group-item keys\" v-if=\"index <= 1\">  -->\n                              <div class=\"row\">\n                                <div class=\"col\" v-for=\"(value,key) in value\" :key=\"`P-${key}`\">\n                                  <span\n                                    v-if=\"key == 'accessUrlStatusCode' || key == 'downloadUrlStatusCode'\"\n                                    class=\"dsd-dq-dimension-item-title\"\n                                  >{{ $t(`message.datasetDetails.quality.distributions.${key}`) }}</span>\n                                  <span class=\"dsd-dq-dimension-item-title\" v-else>{{ $t(`message.datasetDetails.quality.${key}`) }}</span>\n                                </div>\n                                <div v-for=\"(value,key) in value\" :key=\"`Q-${key}`\">\n                                  <div class=\"col-auto text-right\" v-if=\"value == false\">\n                                    <span class=\"badge-no\">no</span>\n                                  </div>\n                                  <div class=\"col-auto text-right\" v-else-if=\"value == true\">\n                                    <span :class=\"`badge-yes`\">yes</span>\n                                  </div>\n                                  <div\n                                    class=\"col-auto text-right\"\n                                    v-else-if=\"isAccessAndDownloadUrlStatusCodeAvailable(key, value)\"\n                                  >\n                                    <span :class=\"`badge-yes`\">{{value}}</span>\n                                  </div>\n                                  <div class=\"col-auto text-right\" v-else>\n                                    <span :class=\"`badge-n-a`\">n/a</span>\n                                  </div>\n                                </div>\n                              </div>\n                            </li>\n                          </ul>\n                        </div>\n                        <div class=\"col-md-6\">\n                          <ul class=\"keys\">\n                            <li\n                              class=\"list-group-item keys\"\n                              v-for=\"(value,index) in value.slice(2)\"\n                              :key=\"`S-${index}`\"\n                            >\n                              <!-- <li class=\"list-group-item keys\" v-if=\"index <= 1\">       -->\n                              <div class=\"row\">\n                                <div class=\"col\" v-for=\"(value,key) in value\" :key=\"`R-${key}`\">\n                                  <span\n                                    v-if=\"key == 'accessUrlStatusCode' || key == 'downloadUrlStatusCode'\"\n                                    class=\"dsd-dq-dimension-item-title\"\n                                  >{{ $t(`message.datasetDetails.quality.distributions.${key}`) }}</span>\n                                  <span class=\"dsd-dq-dimension-item-title\" v-else>{{ $t(`message.datasetDetails.quality.${key}`) }}</span>\n                                </div>\n                                <div v-for=\"(value,key) in value\" :key=\"`t-${key}`\">\n                                  <div class=\"col-auto text-right\" v-if=\"value == false\">\n                                    <span class=\"badge-no\">no</span>\n                                  </div>\n                                  <div class=\"col-auto text-right\" v-else-if=\"value == true\">\n                                    <span :class=\"`badge-yes`\">yes</span>\n                                  </div>\n                                  <div\n                                    class=\"col-auto text-right\"\n                                    v-else-if=\"isAccessAndDownloadUrlStatusCodeAvailable(key, value)\"\n                                  >\n                                    <span :class=\"`badge-yes`\">{{value}}</span>\n                                  </div>\n                                  <div class=\"col-auto text-right\" v-else>\n                                    <span :class=\"`badge-n-a`\">n/a</span>\n                                  </div>\n                                </div>\n                              </div>\n                            </li>\n                          </ul>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-12 text-center\">\n            <button class=\"btn btn-light mt-3 text-center\" @click=\"showLess = true\"> {{ $t(`message.metadata.showLess`) }}  <i class=\"material-icons align-middle small-icon\">keyboard_arrow_up</i></button>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-else-if=\"isLoadingQualityData || isLoadingQualityDistributionData\" class=\"loading-spinner mx-auto mb-4\"></div>\n      <div v-else class=\"col-10 offset-1 no-quality-data\">\n            <div class=\"no-qualitiy-data alert alert-secondary\">\n                <i class=\"fas fa-exclamation-circle\"></i>\n                 {{ $t('message.datasetDetails.quality.nodata') }}\n            </div>\n       </div>\n      <div class=\"space\"></div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import $ from 'jquery';\n  import { mapActions, mapGetters } from 'vuex';\n  import { has } from 'lodash-es';\n  import { getTranslationFor } from \"../utils/helpers\";\n\n  import CSVLinter from './DatasetDetailsCSVLinter.vue';\n\n  export default {\n    name: 'datasetDetailsCategories',\n    dependencies: 'DatasetService',\n    components: {\n      CSVLinter,\n    },\n    metaInfo() {\n      return {\n        // title: this.$t('message.metadata.categories'),\n        title: this.$t('message.datasetDetails.subnav.quality'),\n        meta: [\n          {\n            name: 'description',\n            vmid: 'description',\n            content: (`${this.$t('message.datasetDetails.subnav.quality')} - ${this.getTranslationFor(this.getTitle, this.$route.query.locale, this.getLanguages)} - ${this.$env.metadata.description}`)?.substring(0, 4999),\n          },\n        ],\n      };\n    },\n    data() {\n      return {\n        samplewidth: 20,\n        isActive: false,\n        activeItem: -1,\n        showLess: true,\n        isLoadingQualityData: false,\n        isLoadingQualityDistributionData: false,\n        enableCSVLinter: this.$env.content.datasetDetails.quality.csvLinter.enable,\n      };\n    },\n    computed: {\n      // import store-getters\n      ...mapGetters('datasetDetails', [\n        'getLanguages',\n        'getQualityData',\n        'getQualityDistributionData',\n        'getTitle',\n        'getDistributions',\n        'getPublisher',\n        'getLicences',\n        'getID',\n        'getModificationDate',\n      ]),\n      qualityDistributionValidation() {\n          if (!this.getQualityDistributionData.result) return [];\n\n          let results = this.getQualityDistributionData.result.results;\n\n          return results.map(result => {\n              let data = result[0];\n\n              return has(data, 'validation')\n                  ? data.validation\n                  : {};\n          });\n        },\n    },\n    methods: {\n      // import store-actions\n      ...mapActions('datasetDetails', [\n        'loadDatasetDetails',\n        'useService',\n        'loadQualityData',\n        'loadQualityDistributionData',\n      ]),\n      has,\n      getTranslationFor,\n      isAccessAndDownloadUrlStatusCodeAvailable(key, value) {\n        return (key === 'accessUrlStatusCode' && typeof value !== 'object' && value.length !== 0) || (key === 'downloadUrlStatusCode' && typeof value !== 'object' && value.length !== 0);\n      },\n      clickHandler(idx) {\n        if (this.activeItem > -1) {\n          this.activeItem = -1;\n        } else {\n          this.activeItem = idx;\n        }\n      },\n      scrollToElement(id) {\n          document.getElementById(id).scrollIntoView(true);\n      },\n      checkDistributionValidation() {\n          let query = this.$route.query.validate;\n          if (document.getElementById(query)) this.scrollToElement(query)\n      },\n      showCSVLinter(key, id) {\n        let distributions = this.getDistributions.filter(dist => dist.id === id)\n        let format = distributions.length > 0\n          ? distributions[0].format.id === 'CSV'\n          : false\n        return this.qualityDistributionValidation[key] && format;\n      },\n    },\n    created() {\n      this.useService(this.DatasetService);\n      this.$nextTick(() => {\n        this.$Progress.start();\n        this.isLoadingQualityData = true;\n        this.isLoadingQualityDistributionData = true;\n        this.loadDatasetDetails(this.$route.params.ds_id)\n          .then(() => {\n            this.$Progress.finish();\n            $('[data-toggle=\"tooltip\"]').tooltip({\n              container: 'body',\n            });\n          })\n          .catch(() => {\n            this.$Progress.fail();\n            this.$router.replace({\n              name: 'NotFound',\n              query: { locale: this.$route.query.locale, dataset: this.$route.params.ds_id },\n            });\n          });\n        this.loadQualityData(this.$route.params.ds_id)\n          .then(() => {\n            this.$Progress.finish();\n            this.isLoadingQualityData = false;\n          })\n          .catch(() => {\n            this.$Progress.fail();\n            this.isLoadingQualityData = false;\n          });\n        this.loadQualityDistributionData(this.$route.params.ds_id)\n          .then(() => {\n            this.$Progress.finish();\n            this.isLoadingQualityDistributionData = false;\n            this.checkDistributionValidation();\n          })\n          .catch(() => {\n            this.$Progress.fail();\n            this.isLoadingQualityDistributionData = false;\n          });\n      });\n    },\n    mounted() {\n      $('[data-toggle=\"tooltip\"]').tooltip({\n        container: 'body',\n      });\n    },\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  //@import '../../styles/bootstrap_theme';\n  //@import '../../styles/utils/css-animations';\n\n.dimension-card {\n  // Default background color to be overwritten\n  background-color: var(--gray);\n  color: rgba(rgb(255, 255, 255), 1.00);\n  border-radius: 4px;\n\n  &.clickable {\n    transition: transform .4s ease;\n\n    &:hover {\n    transition: transform .4s ease;\n    transform: scale(1.01);\n    }\n\n    &::after {\n      content: '';\n      position: absolute;\n      z-index: -1;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 100%;\n      height: 100%;\n      transition: opacity .5s cubic-bezier(.25, .8, .25, 1);\n      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25), 0 4px 8px rgba(0, 0, 0, 0.22);\n      opacity: 0;\n    }\n\n    &:hover::after {\n      opacity: 1;\n    }\n  }\n\n  .list-group {\n    .list-group-item {\n      margin-bottom: -1px;\n      border: 0;\n      background: rgba(0, 0, 0, 0.12);\n    }\n  }\n\n  .card-title {\n    hyphens: auto;\n    margin-top: 5px;\n  }\n}\n.no-quality-data {\n  // margin-left: -10px;\n}\n\n.space {\n  margin-top: 20px;\n}\n\n.quality-dimension {\n  color: #000;\n\n}\n\n.progress-bar {\n  background-color: #ffffff;\n}\n\n.badge-no {\n  background-color: rgba(0, 0, 0, 0.174);\n  padding: 3px 14px 3px 14px;\n  border-radius:3px;\n}\n\n.badge-n-a {\n  background-color: rgba(0, 0, 0, 0.174);\n  padding: 3px 11px 3px 12px;\n  border-radius:3px;\n}\n\n.badge-yes-interoperability {\n  padding: 3px 10px 3px 10px;\n  border-radius:3px;\n  background-color: #0024A7;\n}\n.badge-yes-findability {\n  padding: 3px 10px 3px 10px;\n  border-radius:3px;\n  background-color: #00997A;\n}\n.badge-yes-accessibility {\n  padding: 3px 10px 3px 10px;\n  border-radius:3px;\n  background-color: #4A82FA;\n  margin-bottom: 3px;\n}\n.badge-yes-reusability {\n  padding: 3px 10px 3px 10px;\n  border-radius:3px;\n  background-color:#DC5149;\n}\n.badge-yes-contextuality {\n  padding: 3px 10px 3px 10px;\n  border-radius:3px;\n  background-color: #ffcc00;\n}\n\n@mixin gradient($colors...) {\n  background-color: nth($colors, 1);\n  background: -webkit-linear-gradient(left top, $colors);\n  background: linear-gradient(to left top, $colors);\n}\n\n.dimension-accessibility {\n  @include gradient(var(--deu-logo-medium-blue-gradient));\n}\n\n.dimension-findability {\n  @include gradient(var(--deu-badge-green-gradient));\n}\n\n.dimension-interoperability {\n  @include gradient(var(--deu-logo-blue-gradient));\n}\n\n.dimension-reusability {\n  @include gradient(var(--deu-dark-orange-gradient));\n}\n\n.dimension-contextuality {\n  @include gradient(var(--deu-logo-yellow-gradient));\n}\n\n.dimension-total {\n  // background-color: $gray;\n}\n\n.dimension-scoring {\n  background-image: var(--deu-badge-black-gradient);\n}\n\n.small-arrow {\n  vertical-align: middle;\n}\n\n.card {\n  border-radius: 5px !important;\n}\n\n.card-header {\n    padding: 0.75rem 1.25rem;\n    margin-bottom: 0;\n   // background-color: rgba(0, 0, 0, 0.03);\n    /* border-bottom: 1px solid rgba(0, 0, 0, 0.125); */\n}\n\n.btn-link {\n  color: #fff;\n}\n\n.distribution {\n   background: rgb(41,99,140);\n   background: linear-gradient(90deg, rgba(41,99,140,1) 0%, rgba(33,71,115,1) 100%);\n   cursor: pointer;\n}\n\n.dist-head {\n  color: #fff;\n  font-weight: 100;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  font-size: 17px;\n  vertical-align: middle;\n  margin-top: 2px;\n}\n.dist-content {\n  background: #31668c;\n  color: #fff;\n}\n\n#headingFirst {\n // \"One\" mit id \"0\" ersetzen aus index der For-Schleife\n border-radius: 2px;\n}\n\n.format {\n  font-size: 12px;\n  border-radius: 2px;\n  color: rgb(58, 58, 58);\n  // margin-top: 10px;\n  margin-left: 0px;\n  vertical-align: middle;\n  margin-bottom: 2px;\n}\n\n.dist {\n  padding: 3px;\n}\n\n.list-group-item {\n    position: relative;\n    display: block;\n    padding: 0.75rem 1.25rem;\n    margin-bottom: -1px;\n    background-color: transparent;\n    border: none;\n}\n\n.keys {\n  padding-left: 0px !important;\n  color: rgb(235, 235, 235);\n  font-weight: 100;\n}\n\n.badge-yes {\n  background-color:#407ca5;\n  padding: 3px 10px 3px 10px;\n  border-radius:3px;\n}\n\n.active {\n   transform: rotate(180deg);\n}\n\n.bottom {\n  margin-top: 60px;\n}\n\n.move {\n  margin-left: 5px;\n}\n\n.dimension-dist {\n  background-color: #407ca5;\n}\n\n.dimension-headline {\n  font-size: 24px !important;\n  margin-bottom: 15px;\n}\n\n.access-percentage {\n  padding-left: 30px;\n}\n\n.access-space {\n  margin-top: 6px;\n  margin-bottom: 3px;\n}\n\n.dataset-space {\n  margin-top:6px;\n  margin-bottom: 3px;\n}\n\n.key-row {\n  font-size: 17px;\n}\n\n@media (min-width: 876px) {\n  .card-columns {\n    column-count: 2;\n    column-gap: 1.25rem;\n    orphans: 1;\n    widows: 1;\n}\n}\n\n@media (max-width: 876px) {\n  .card-columns {\n    column-count: 1;\n    column-gap: 1.25rem;\n    orphans: 1;\n    widows: 1;\n}\n}\n\n#accordion {\n  margin-bottom: 25px;\n}\n\n.values-container {\n   margin-top: 0px;\n}\n\n</style>\n"],"names":["_sfc_main","CSVLinter","_a","mapGetters","result","data","has","mapActions","getTranslationFor","key","value","idx","id","query","distributions","dist","format","$"],"mappings":"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"}

package/dist/datasetDetails/DatasetDetailsQuality.vue2.mjs

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

package/dist/datasetDetails/DatasetDetailsQuality.vue2.mjs.map

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

package/dist/datasetDetails/DatasetDetailsShareButton.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<{
+    to: {
+        type: StringConstructor;
+        default: string;
+        required: true;
+    };
+    icon: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}, {}, {}, {
+    url(): string;
+}, {}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<{
+    to: {
+        type: StringConstructor;
+        default: string;
+        required: true;
+    };
+    icon: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>>, {
+    to: string;
+}>;
+export default _default;

package/dist/datasetDetails/DatasetDetailsShareButton.vue.mjs

@@ -0,0 +1,48 @@
+import n from "../widgets/AppLink.vue.mjs";
+import a from "../_virtual/_plugin-vue2_normalizer.mjs";
+const r = {
+  name: "DEU-datasetDetailsShareButton",
+  components: {
+    appLink: n
+  },
+  data() {
+    return {};
+  },
+  props: {
+    to: {
+      type: String,
+      default: "",
+      required: !0
+    },
+    icon: {
+      type: Object,
+      required: !0
+    }
+  },
+  computed: {
+    url() {
+      return window.location.href;
+    }
+  },
+  methods: {}
+};
+var o = function() {
+  var t = this, e = t._self._c;
+  return e("app-link", { staticClass: "text-decoration-none", attrs: { to: t.to, target: "_blank" } }, [e("div", [t._v(`
+    ` + t._s(t.$t("message.datasetDetails.shareOn")) + `
+    `), e("font-awesome-icon", { staticClass: "ml-1 fa", attrs: { icon: t.icon } })], 1)]);
+}, s = [], i = /* @__PURE__ */ a(
+  r,
+  o,
+  s,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const u = i.exports;
+export {
+  u as default
+};
+//# sourceMappingURL=DatasetDetailsShareButton.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetDetailsShareButton.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetailsShareButton.vue"],"sourcesContent":["<template>\n  <app-link class=\"text-decoration-none\"\n            :to=\"to\"\n            target=\"_blank\">\n    <div>\n      {{ $t('message.datasetDetails.shareOn') }}\n      <font-awesome-icon\n        class=\"ml-1 fa\"\n        :icon=\"icon\"\n      />\n    </div>\n  </app-link>\n</template>\n\n<script>\n  // Import components used in template\n  import AppLink from \"../widgets/AppLink.vue\";\n\n  export default {\n    name: 'DEU-datasetDetailsShareButton',\n    components: {\n      appLink: AppLink,\n    },\n    data() {\n      return {};\n    },\n    props: {\n      to: {\n        type: String,\n        default: '',\n        required: true,\n      },\n      icon: {\n        type: Object,\n        required: true,\n      },\n    },\n    computed: {\n      url() { return window.location.href; },\n    },\n    methods: {},\n  };\n</script>\n"],"names":["_sfc_main","AppLink"],"mappings":";;AAkBA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,SAAAC;AAAA,EACA;AAAA,EACA,OAAA;AACA,WAAA;EACA;AAAA,EACA,OAAA;AAAA,IACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,MAAA;AAAA,aAAA,OAAA,SAAA;AAAA,IAAA;AAAA,EACA;AAAA,EACA,SAAA,CAAA;AACA;;;;;;;;;;;;;;;;;"}

package/dist/datasetDetails/DatasetDetailsSimilarDatasets.vue.mjs

@@ -0,0 +1,130 @@
+import { mapGetters as l, mapActions as n } from "vuex";
+import { has as o } from "lodash-es";
+import { appendCurrentLocaleToURL as m, getTranslationFor as i } from "../utils/helpers.mjs";
+import d from "../widgets/AppLink.vue.mjs";
+import c from "../PvBadge/PvBadge.vue.mjs";
+import h from "../_virtual/_plugin-vue2_normalizer.mjs";
+const g = {
+  name: "datasetDetailsSimilarDatasets",
+  dependencies: "DatasetService",
+  components: {
+    PvBadge: c,
+    AppLink: d
+  },
+  metaInfo() {
+    var e;
+    return {
+      title: this.$t("message.similarDatasets.similarDatasets"),
+      meta: [
+        {
+          name: "description",
+          vmid: "description",
+          content: (e = `${this.$t("message.similarDatasets.similarDatasets")} - ${this.getTranslationFor(this.getTitle, this.$route.query.locale, this.getLanguages)} - ${this.$env.metadata.description}`) == null ? void 0 : e.substring(0, 4999)
+        },
+        {
+          name: "keywords",
+          vmid: "keywords",
+          content: this.getKeywords.map((t) => t.title).join(" ").substring(0, 4999)
+        }
+      ]
+    };
+  },
+  data() {
+    return {
+      similarDatasetsFetched: !1,
+      similarDatasetsPresent: !1,
+      breakpoints: this.$env.content.datasetDetails.similarDatasets.breakpoints
+    };
+  },
+  computed: {
+    // import store-getters
+    ...l("datasetDetails", [
+      "getKeywords",
+      "getLanguages",
+      "getSimilarDatasets",
+      "getTitle",
+      "getDescription"
+    ]),
+    similarDatasets() {
+      return this.getSimilarDatasets;
+    }
+  },
+  methods: {
+    // import store-actions
+    ...n("datasetDetails", [
+      "loadDatasetDetails",
+      "loadSimilarDatasets",
+      "loadSimilarDatasetDetails",
+      "useService"
+    ]),
+    has: o,
+    appendCurrentLocaleToURL: m,
+    getTranslationFor: i,
+    /**
+     * Update all similar datasets by adding title and description
+     */
+    updateSimilarDatasets() {
+      this.similarDatasets.forEach(this.getDatasetDetails);
+    },
+    /**
+     * Get dataset details by id
+     */
+    getDatasetDetails(e) {
+      this.loadSimilarDatasetDetails(e.id);
+    },
+    showSimilarbadge(e, t) {
+      return e >= this.breakpoints[t].start && e < this.breakpoints[t].end;
+    },
+    similarDatasetLink(e) {
+      const t = e.lastIndexOf("/") + 1;
+      return "../" + e.substring(t) + `?locale=${this.$route.query.locale}`;
+    }
+  },
+  created() {
+    this.useService(this.DatasetService), this.$nextTick(() => {
+      this.$Progress.start(), this.loadDatasetDetails(this.$route.params.ds_id).then(() => {
+        const e = this.$env.api.similarityServiceName === "knn_request";
+        if (e && !this.getDescription.en)
+          this.similarDatasetsFetched = !0, this.similarDatasetsPresent = !1, this.$Progress.fail();
+        else {
+          const t = e ? this.getDescription.en : i(this.getDescription, this.$route.query.locale, this.getLanguages);
+          this.loadSimilarDatasets({
+            id: this.$route.params.ds_id,
+            description: t
+          }).then((s) => {
+            this.$nextTick(() => {
+              this.updateSimilarDatasets(), this.similarDatasetsFetched = !0, this.similarDatasetsPresent = s.length > 0;
+            }), this.$Progress.finish();
+          }).catch(() => {
+            this.similarDatasetsFetched = !0, this.$Progress.fail();
+          });
+        }
+      }).catch(() => {
+        this.$Progress.fail(), this.$router.replace({
+          name: "NotFound",
+          query: { locale: this.$route.query.locale, dataset: this.$route.params.ds_id }
+        });
+      });
+    });
+  }
+};
+var u = function() {
+  var t = this, s = t._self._c;
+  return s("div", { staticClass: "mt-3" }, [s("div", { staticClass: "row" }, [s("div", { staticClass: "col-10 offset-1" }, [s("h2", [t._v(t._s(t.$t("message.datasetDetails.subnav.similarDatasets")))]), t._v(" "), t.similarDatasetsFetched ? t._e() : s("div", { staticClass: "loading-spinner mx-auto" }), t._v(" "), !t.similarDatasetsPresent && t.similarDatasetsFetched ? s("p", [t._v(t._s(t.$t("message.similarDatasets.notFound")))]) : t._e(), t._v(" "), t.similarDatasetsPresent && t.similarDatasetsFetched ? s("div", { staticClass: "mt-4" }, t._l(t.similarDatasets, function(a, r) {
+    return s("div", { key: r }, [t.has(a, "title") && t.has(a, "description") ? s("div", { staticClass: "mt-3 border-bottom border-secondary" }, [t.has(a, "uri") ? s("app-link", { staticClass: "text-dark font-weight-bold", attrs: { to: t.similarDatasetLink(a.uri) } }, [s("h3", [t._v(t._s(t.getTranslationFor(a.title, t.$route.query.locale, t.getLanguages)))])]) : t._e(), t._v(" "), s("p", { staticClass: "text-muted text-truncate" }, [s("small", [t._v(t._s(t.getTranslationFor(a.description, t.$route.query.locale, t.getLanguages)))])]), t._v(" "), s("div", { staticClass: "mb-3" }, [t.showSimilarbadge(a.distance, "verySimilar") ? s("PvBadge", { staticClass: "p-1 ml-1 badge-success text-center text-white", attrs: { value: { label: t.$t("message.similarDatasets.verySimilar") } } }) : t.showSimilarbadge(a.distance, "similar") ? s("PvBadge", { staticClass: "p-1 ml-1 badge-info text-center text-white", attrs: { value: { label: t.$t("message.similarDatasets.similar") } } }) : t.showSimilarbadge(a.distance, "lessSimilar") ? s("PvBadge", { staticClass: "p-1 ml-1 badge-warning text-center text-white", attrs: { value: { label: t.$t("message.similarDatasets.lessSimilar") } } }) : s("PvBadge", { staticClass: "p-1 ml-1 badge-secondary text-center text-white", attrs: { value: { label: t.$t("message.similarDatasets.marginalSimilar") } } })], 1)], 1) : t._e()]);
+  }), 0) : t._e()])])]);
+}, D = [], p = /* @__PURE__ */ h(
+  g,
+  u,
+  D,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const x = p.exports;
+export {
+  x as default
+};
+//# sourceMappingURL=DatasetDetailsSimilarDatasets.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetDetailsSimilarDatasets.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetailsSimilarDatasets.vue"],"sourcesContent":["<template>\n  <div class=\"mt-3\">\n    <div class=\"row\">\n      <div class=\"col-10 offset-1\">\n        <h2>{{ $t('message.datasetDetails.subnav.similarDatasets') }}</h2>\n        <div class=\"loading-spinner mx-auto\" v-if=\"!similarDatasetsFetched\"></div>\n        <p v-if=\"!similarDatasetsPresent && similarDatasetsFetched\">{{ $t('message.similarDatasets.notFound') }}</p>\n        <div class=\"mt-4\" v-if=\"similarDatasetsPresent && similarDatasetsFetched\">\n          <div v-for=\"(similarDataset, i) in similarDatasets\" :key=\"i\">\n            <div class=\"mt-3 border-bottom border-secondary\" v-if=\"has(similarDataset, 'title') && has(similarDataset, 'description')\">\n              <app-link v-if=\"has(similarDataset, 'uri')\" class=\"text-dark font-weight-bold\" :to=\"similarDatasetLink(similarDataset.uri)\">\n                <h3>{{ getTranslationFor(similarDataset.title, $route.query.locale, getLanguages) }}</h3>\n              </app-link>\n              <p class=\"text-muted text-truncate\">\n                <small>{{ getTranslationFor(similarDataset.description, $route.query.locale, getLanguages) }}</small>\n              </p>\n              <div class=\"mb-3\">\n                <PvBadge v-if=\"showSimilarbadge(similarDataset.distance, 'verySimilar')\" class=\"p-1 ml-1 badge-success text-center text-white\" :value=\"{ label: $t('message.similarDatasets.verySimilar') }\"></PvBadge>\n                <PvBadge v-else-if=\"showSimilarbadge(similarDataset.distance, 'similar')\" class=\"p-1 ml-1 badge-info text-center text-white\" :value=\"{ label: $t('message.similarDatasets.similar') }\"></PvBadge>\n                <PvBadge v-else-if=\"showSimilarbadge(similarDataset.distance, 'lessSimilar')\" class=\"p-1 ml-1 badge-warning text-center text-white\" :value=\"{ label: $t('message.similarDatasets.lessSimilar') }\"></PvBadge>\n                <PvBadge v-else class=\"p-1 ml-1 badge-secondary text-center text-white\" :value=\"{ label: $t('message.similarDatasets.marginalSimilar') }\"></PvBadge>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import { mapActions, mapGetters } from 'vuex';\n  import { has } from 'lodash-es';\n  import { getTranslationFor, appendCurrentLocaleToURL } from '../utils/helpers';\n  import AppLink from \"../widgets/AppLink.vue\";\n  import PvBadge from \"../PvBadge/PvBadge.vue\";\n\n  export default {\n    name: 'datasetDetailsSimilarDatasets',\n    dependencies: 'DatasetService',\n    components: {\n      PvBadge,\n      AppLink\n    },\n    metaInfo() {\n      return {\n        title: this.$t('message.similarDatasets.similarDatasets'),\n        meta: [\n          {\n            name: 'description',\n            vmid: 'description',\n            content: (`${this.$t('message.similarDatasets.similarDatasets')} - ${this.getTranslationFor(this.getTitle, this.$route.query.locale, this.getLanguages)} - ${this.$env.metadata.description}`)?.substring(0, 4999),\n          },\n          {\n            name: 'keywords',\n            vmid: 'keywords',\n            content: this.getKeywords.map(k => k.title).join(' ').substring(0, 4999),\n          },\n        ],\n      };\n    },\n    data() {\n      return {\n        similarDatasetsFetched: false,\n        similarDatasetsPresent: false,\n        breakpoints: this.$env.content.datasetDetails.similarDatasets.breakpoints,\n      };\n    },\n    computed: {\n      // import store-getters\n      ...mapGetters('datasetDetails', [\n        'getKeywords',\n        'getLanguages',\n        'getSimilarDatasets',\n        'getTitle',\n        'getDescription'\n      ]),\n      similarDatasets() {\n        return this.getSimilarDatasets;\n      },\n    },\n    methods: {\n      // import store-actions\n      ...mapActions('datasetDetails', [\n        'loadDatasetDetails',\n        'loadSimilarDatasets',\n        'loadSimilarDatasetDetails',\n        'useService',\n      ]),\n      has,\n      appendCurrentLocaleToURL,\n      getTranslationFor,\n      /**\n       * Update all similar datasets by adding title and description\n       */\n      updateSimilarDatasets() {\n        this.similarDatasets.forEach(this.getDatasetDetails);\n      },\n      /**\n       * Get dataset details by id\n       */\n      getDatasetDetails(similarDataset) {\n        this.loadSimilarDatasetDetails(similarDataset.id);\n      },\n      showSimilarbadge(distance, similarType) {\n        return distance >= this.breakpoints[similarType].start && distance < this.breakpoints[similarType].end;\n      },\n      similarDatasetLink(url) {\n        const idIndex = url.lastIndexOf('/') + 1;\n        const id = url.substring(idIndex);\n        return \"../\" + id + `?locale=${this.$route.query.locale}`;\n      }\n    },\n    created() {\n      this.useService(this.DatasetService);\n      this.$nextTick(() => {\n        this.$Progress.start();\n        this.loadDatasetDetails(this.$route.params.ds_id)\n          .then(() => {\n            const isKNN = this.$env.api.similarityServiceName === 'knn_request';\n            if (isKNN && ! this.getDescription.en) {\n              // The knn_request service only works for English descriptions\n              this.similarDatasetsFetched = true;\n              this.similarDatasetsPresent = false;\n              this.$Progress.fail();\n            } else {\n              const description = isKNN ? this.getDescription.en : getTranslationFor(this.getDescription, this.$route.query.locale, this.getLanguages);\n              this.loadSimilarDatasets({\n                id: this.$route.params.ds_id,\n                description\n              })\n              .then((response) => {\n                this.$nextTick(() => {\n                  this.updateSimilarDatasets();\n                  this.similarDatasetsFetched = true;\n                  this.similarDatasetsPresent = response.length > 0;\n                });\n                this.$Progress.finish();\n              })\n              .catch(() => {\n                this.similarDatasetsFetched = true;\n                this.$Progress.fail();\n              });\n            }\n          })\n          .catch(() => {\n            this.$Progress.fail();\n            this.$router.replace({\n              name: 'NotFound',\n              query: { locale: this.$route.query.locale, dataset: this.$route.params.ds_id },\n            });\n          });\n      });\n    },\n  };\n</script>\n\n"],"names":["_sfc_main","PvBadge","AppLink","_a","k","mapGetters","mapActions","has","appendCurrentLocaleToURL","getTranslationFor","similarDataset","distance","similarType","url","idIndex","isKNN","description","response"],"mappings":"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"}

package/dist/datasetDetails/DatasetDetailsSkeleton.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<Readonly<{
+    type?: any;
+}>, {}, {}, {
+    isDatasetDetailsPage(): boolean;
+    isDatasetsPage(): boolean;
+    isCataloguesPage(): boolean;
+}, {}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<Readonly<{
+    type?: any;
+}>>>, {
+    readonly type?: any;
+}>;
+export default _default;

package/dist/datasetDetails/DatasetDetailsSkeleton.vue.mjs

@@ -0,0 +1,48 @@
+import s from "skeleton-loader-vue";
+import i from "../_virtual/_plugin-vue2_normalizer.mjs";
+const o = {
+  name: "datasetDetailsSkeleton",
+  components: {
+    SkeletonLoader: s
+  },
+  props: ["type"],
+  data() {
+    return {};
+  },
+  computed: {
+    isDatasetDetailsPage() {
+      return this.type === "DatasetDetails";
+    },
+    isDatasetsPage() {
+      return this.type === "Datasets";
+    },
+    isCataloguesPage() {
+      return this.type === "Catalogues";
+    }
+  },
+  methods: {}
+};
+var l = function() {
+  var e = this, t = e._self._c;
+  return t("div", [e.isDatasetDetailsPage ? [t("div", { staticClass: "row" }, [t("div", { staticClass: "col-12 px-0 mb-3" }, [t("div", { staticClass: "row" }, [t("div", { staticClass: "col-12 px-0 mb-1" }, [t("skeleton-loader", { attrs: { type: "rect", width: 300, height: 50, animation: "fade" } })], 1), e._v(" "), t("div", { staticClass: "col-12 px-0 mb-1" }, [t("skeleton-loader", { attrs: { type: "rect", width: 500, height: 50, animation: "fade" } })], 1)])]), e._v(" "), t("div", { staticClass: "col-7 px-0" }, [t("div", { staticClass: "row" }, [t("div", { staticClass: "col-12 px-0 mb-1" }, [t("skeleton-loader", { attrs: { type: "rect", rounded: "", width: 400, height: 20, animation: "fade" } })], 1), e._v(" "), e._l(20, function(a) {
+    return t("div", { key: a, staticClass: "col-12 px-0 mb-1" }, [t("skeleton-loader", { attrs: { type: "rect", rounded: "", width: 400, height: 10, animation: "fade" } })], 1);
+  })], 2)]), e._v(" "), t("div", { staticClass: "col-5 px-0" }, [t("div", { staticClass: "col-6 px-0 mb-1" }, [t("skeleton-loader", { attrs: { type: "rect", width: 450, height: 500, animation: "fade" } })], 1)])])] : e._e(), e._v(" "), e.isDatasetsPage ? e._l(20, function(a) {
+    return t("div", { key: a, staticClass: "col-12 mb-1" }, [t("skeleton-loader", { attrs: { type: "rect", width: 700, height: 200, animation: "fade" } })], 1);
+  }) : e._e(), e._v(" "), e.isCataloguesPage ? e._l(20, function(a) {
+    return t("div", { key: a, staticClass: "col-12 mb-1" }, [t("skeleton-loader", { attrs: { type: "rect", width: 700, height: 100, animation: "fade" } })], 1);
+  }) : e._e()], 2);
+}, n = [], r = /* @__PURE__ */ i(
+  o,
+  l,
+  n,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const m = r.exports;
+export {
+  m as default
+};
+//# sourceMappingURL=DatasetDetailsSkeleton.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetDetailsSkeleton.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetailsSkeleton.vue"],"sourcesContent":["<template>\n    <div>\n        <template v-if=\"isDatasetDetailsPage\">\n            <div class=\"row\">\n                <div class=\"col-12 px-0 mb-3\">\n                    <div class=\"row\">\n                        <div class=\"col-12 px-0 mb-1\">\n                            <skeleton-loader type=\"rect\" :width=\"300\" :height=\"50\" animation=\"fade\"></skeleton-loader>\n                        </div>\n                        <div class=\"col-12 px-0 mb-1\">\n                            <skeleton-loader type=\"rect\" :width=\"500\" :height=\"50\" animation=\"fade\"></skeleton-loader>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-7 px-0\">\n                    <div class=\"row\">\n                        <div class=\"col-12 px-0 mb-1\">\n                            <skeleton-loader type=\"rect\" rounded :width=\"400\" :height=\"20\" animation=\"fade\"></skeleton-loader>\n                        </div>\n                        <div class=\"col-12 px-0 mb-1\" v-for=\"number in 20\" :key=\"number\">\n                            <skeleton-loader type=\"rect\" rounded :width=\"400\" :height=\"10\" animation=\"fade\"></skeleton-loader>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-5 px-0\">\n                    <div class=\"col-6 px-0 mb-1\">\n                        <skeleton-loader type=\"rect\" :width=\"450\" :height=\"500\" animation=\"fade\"></skeleton-loader>\n                    </div>\n                </div>\n            </div>\n        </template>\n        <template v-if=\"isDatasetsPage\">\n            <div class=\"col-12 mb-1\" v-for=\"number in 20\" :key=\"number\">\n                <skeleton-loader type=\"rect\" :width=\"700\" :height=\"200\" animation=\"fade\"></skeleton-loader>\n            </div>\n        </template>\n        <template v-if=\"isCataloguesPage\">\n            <div class=\"col-12 mb-1\" v-for=\"number in 20\" :key=\"number\">\n                <skeleton-loader type=\"rect\" :width=\"700\" :height=\"100\" animation=\"fade\"></skeleton-loader>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\nimport VueSkeletonLoader from 'skeleton-loader-vue';\n\nexport default {\n  name: 'datasetDetailsSkeleton',\n  components: {\n    SkeletonLoader: VueSkeletonLoader,\n  },\n  props: ['type'],\n  data() {\n    return {};\n  },\n  computed: {\n    isDatasetDetailsPage() {\n        return this.type === 'DatasetDetails';\n    },\n    isDatasetsPage() {\n        return this.type === 'Datasets';\n    },\n    isCataloguesPage() {\n        return this.type === 'Catalogues';\n    },\n  },\n  methods: {}\n};\n</script>\n"],"names":["_sfc_main","VueSkeletonLoader"],"mappings":";;AA+CA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,gBAAAC;AAAA,EACA;AAAA,EACA,OAAA,CAAA,MAAA;AAAA,EACA,OAAA;AACA,WAAA;EACA;AAAA,EACA,UAAA;AAAA,IACA,uBAAA;AACA,aAAA,KAAA,SAAA;AAAA,IACA;AAAA,IACA,iBAAA;AACA,aAAA,KAAA,SAAA;AAAA,IACA;AAAA,IACA,mBAAA;AACA,aAAA,KAAA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,SAAA,CAAA;AACA;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,96 @@
+import { has as n, isNil as o } from "lodash-es";
+import { truncate as s } from "../../utils/helpers.mjs";
+import r from "./distributionDetails/DistributionExpand.vue.mjs";
+import e from "./distributionDetails/DistributionVisibleContent.vue.mjs";
+import a from "./distributionDetails/DistributionExpandedContent.vue.mjs";
+import u from "./distributionDetails/DistributionDescription.vue.mjs";
+import d from "./DistributionFormat.vue.mjs";
+import c from "./FadingDistributionOverlay.vue.mjs";
+import l from "./distributionActions/DistributionActions.vue.mjs";
+import b from "./DistributionAdded.vue.mjs";
+import "./Distribution.vue2.mjs";
+import p from "../../_virtual/_plugin-vue2_normalizer.mjs";
+const D = {
+  name: "Distribution",
+  components: {
+    DistributionAdded: b,
+    DistributionActions: l,
+    FadingDistributionOverlay: c,
+    DistributionFormat: d,
+    DistributionDescription: u,
+    DistributionExpandedContent: a,
+    DistributionVisibleContent: e,
+    DistributionExpand: r
+  },
+  props: {
+    fading: Boolean,
+    distribution: Object,
+    distributions: Object,
+    setDistributionsDisplayCount: Function,
+    openModal: Function,
+    getDistributionFormat: Function,
+    distributionFormatTruncated: Function,
+    getDistributionTitle: Function,
+    distributionVisibleContent: Array,
+    distributionExpandedContent: Array,
+    distributionDescriptionIsExpanded: Function,
+    distributionDescriptionIsExpandable: Function,
+    getDistributionDescription: 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,
+    embed: Boolean
+  },
+  computed: {
+    updatedDate() {
+      return this.has(this.distribution, "modificationDate") && !this.isNil(this.distribution.modificationDate) ? this.filterDateFormatEU(this.distribution.modificationDate) : this.filterDateFormatEU(this.distribution.releaseDate);
+    }
+  },
+  methods: {
+    has: n,
+    isNil: o,
+    truncate: s,
+    selectForPreview() {
+      this.$emit("selectForPreview", this.getDistributionTitle(this.distribution));
+    }
+  }
+};
+var m = function() {
+  var i = this, t = i._self._c;
+  return t("div", { staticClass: "position-relative", on: { click: i.selectForPreview } }, [t("div", { staticClass: "mb-3 d-flex flex-row flex-wrap flex-md-nowrap distributions__item" }, [t("distribution-format", { attrs: { distribution: i.distribution, getDistributionFormat: i.getDistributionFormat, distributionFormatTruncated: i.distributionFormatTruncated, embed: i.embed } }), i._v(" "), t("distribution-details", { attrs: { getDistributionTitle: i.getDistributionTitle, distribution: i.distribution, distributions: i.distributions, distributionDescriptionIsExpanded: i.distributionDescriptionIsExpanded, getDistributionDescription: i.getDistributionDescription, toggleDistributionDescription: i.toggleDistributionDescription, distributionDescriptionIsExpandable: i.distributionDescriptionIsExpandable, distributionVisibleContent: i.distributionVisibleContent, distributionExpandedContent: i.distributionExpandedContent, distributionIsExpanded: i.distributionIsExpanded, showLicensingAssistant: i.showLicensingAssistant, showLicence: i.showLicence, filterDateFormatEU: i.filterDateFormatEU, showArray: i.showArray, showNumber: i.showNumber, showObject: i.showObject, showObjectArray: i.showObjectArray, appendCurrentLocaleToURL: i.appendCurrentLocaleToURL, toggleDistribution: i.toggleDistribution } }), i._v(" "), t("distribution-added", { attrs: { date: i.updatedDate } }), i._v(" "), t("distribution-actions", { attrs: { distribution: i.distribution, distributions: i.distributions, isUrlInvalid: i.isUrlInvalid, getVisualisationLink: i.getVisualisationLink, showTooltipVisualiseButton: i.showTooltipVisualiseButton, previewLinkCallback: i.previewLinkCallback, openIfValidUrl: i.openIfValidUrl, showDownloadDropdown: i.showDownloadDropdown, getDownloadUrl: i.getDownloadUrl, showAccessUrls: i.showAccessUrls, isOnlyOneUrl: i.isOnlyOneUrl, trackGoto: i.trackGoto, getDistributionFormat: i.getDistributionFormat, replaceHttp: i.replaceHttp } })], 1), i._v(" "), i.fading ? t("fading-distribution-overlay", { attrs: { distributions: i.distributions, setDistributionsDisplayCount: i.setDistributionsDisplayCount, increaseNumDisplayedDistributions: i.increaseNumDisplayedDistributions, nonOverflowingIncrementsForDistributions: i.nonOverflowingIncrementsForDistributions } }) : i._e()], 1);
+}, F = [], w = /* @__PURE__ */ p(
+  D,
+  m,
+  F,
+  !1,
+  null,
+  "9c865f9b",
+  null,
+  null
+);
+const A = w.exports;
+export {
+  A as default
+};
+//# sourceMappingURL=Distribution.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Distribution.vue.mjs","sources":["../../../lib/datasetDetails/distributions/Distribution.vue"],"sourcesContent":["<template>\n  <div class=\"position-relative\" @click=\"selectForPreview\">\n    <div class=\"mb-3 d-flex flex-row flex-wrap flex-md-nowrap distributions__item\">\n      <distribution-format\n        :distribution=\"distribution\"\n        :getDistributionFormat=\"getDistributionFormat\"\n        :distributionFormatTruncated=\"distributionFormatTruncated\"\n        :embed=\"embed\"\n      />\n      <distribution-details\n        :getDistributionTitle=\"getDistributionTitle\"\n        :distribution=\"distribution\"\n        :distributions=\"distributions\"\n        :distributionDescriptionIsExpanded=\"distributionDescriptionIsExpanded\"\n        :getDistributionDescription=\"getDistributionDescription\"\n        :toggleDistributionDescription=\"toggleDistributionDescription\"\n        :distributionDescriptionIsExpandable=\"distributionDescriptionIsExpandable\"\n        :distributionVisibleContent=\"distributionVisibleContent\"\n        :distributionExpandedContent=\"distributionExpandedContent\"\n        :distributionIsExpanded=\"distributionIsExpanded\"\n        :showLicensingAssistant=\"showLicensingAssistant\"\n        :showLicence=\"showLicence\"\n        :filterDateFormatEU=\"filterDateFormatEU\"\n        :showArray=\"showArray\"\n        :showNumber=\"showNumber\"\n        :showObject=\"showObject\"\n        :showObjectArray=\"showObjectArray\"\n        :appendCurrentLocaleToURL=\"appendCurrentLocaleToURL\"\n        :toggleDistribution=\"toggleDistribution\"\n      />\n      <distribution-added\n        :date=\"updatedDate\"\n      />\n      <distribution-actions\n        :distribution=\"distribution\"\n        :distributions=\"distributions\"\n        :isUrlInvalid=\"isUrlInvalid\"\n        :getVisualisationLink=\"getVisualisationLink\"\n        :showTooltipVisualiseButton=\"showTooltipVisualiseButton\"\n        :previewLinkCallback=\"previewLinkCallback\"\n        :openIfValidUrl=\"openIfValidUrl\"\n        :showDownloadDropdown=\"showDownloadDropdown\"\n        :getDownloadUrl=\"getDownloadUrl\"\n        :showAccessUrls=\"showAccessUrls\"\n        :isOnlyOneUrl=\"isOnlyOneUrl\"\n        :trackGoto=\"trackGoto\"\n        :getDistributionFormat=\"getDistributionFormat\"\n        :replaceHttp=\"replaceHttp\"\n      />\n    </div>\n    <fading-distribution-overlay\n      v-if=\"fading\"\n      :distributions=\"distributions\"\n      :setDistributionsDisplayCount=\"setDistributionsDisplayCount\"\n      :increaseNumDisplayedDistributions=\"increaseNumDisplayedDistributions\"\n      :nonOverflowingIncrementsForDistributions=\"nonOverflowingIncrementsForDistributions\"\n    />\n  </div>\n</template>\n\n<script>\nimport {\n  has,\n  isNil\n} from 'lodash';\nimport { truncate } from '../../utils/helpers';\nimport DistributionExpand from \"./distributionDetails/DistributionExpand\";\nimport DistributionVisibleContent\n  from \"./distributionDetails/DistributionVisibleContent\";\nimport DistributionExpandedContent\n  from \"./distributionDetails/DistributionExpandedContent\";\nimport DistributionDescription\n  from \"./distributionDetails/DistributionDescription\";\nimport DistributionFormat from \"./DistributionFormat\";\nimport FadingDistributionOverlay\n  from \"./FadingDistributionOverlay\";\nimport DistributionActions from \"./distributionActions/DistributionActions\";\nimport DistributionAdded from \"./DistributionAdded\";\n\nexport default {\n  name: 'Distribution',\n  components: {\n    DistributionAdded,\n    DistributionActions,\n    FadingDistributionOverlay,\n    DistributionFormat,\n    DistributionDescription,\n    DistributionExpandedContent,\n    DistributionVisibleContent,\n    DistributionExpand\n  },\n  props: {\n    fading: Boolean,\n    distribution: Object,\n    distributions: Object,\n    setDistributionsDisplayCount: Function,\n    openModal: Function,\n    getDistributionFormat: Function,\n    distributionFormatTruncated: Function,\n    getDistributionTitle: Function,\n    distributionVisibleContent: Array,\n    distributionExpandedContent: Array,\n    distributionDescriptionIsExpanded: Function,\n    distributionDescriptionIsExpandable: Function,\n    getDistributionDescription: 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    embed: Boolean,\n  },\n  computed: {\n    updatedDate() {\n       if (this.has(this.distribution, 'modificationDate') && !this.isNil(this.distribution.modificationDate)) {\n        return this.filterDateFormatEU(this.distribution.modificationDate);\n      } else {\n        return this.filterDateFormatEU(this.distribution.releaseDate);\n      }\n    }\n  },\n  methods: {\n    has,\n    isNil,\n    truncate,\n    selectForPreview(){\n      this.$emit('selectForPreview', this.getDistributionTitle(this.distribution))\n    }\n  }\n};\n</script>\n\n\n<style lang=\"scss\" scoped>\n\n.text-break {\n  word-break: break-word;\n}\n\ntd {\n  padding-left: 0 !important;\n  padding-top: 1% !important;\n  padding-bottom: 1% !important;\n}\n\n/*** BOOTSTRAP ***/\nbutton:focus {\n  outline:0;\n}\n.options, .download {\n  .dropdown-menu {\n    .dropdown-item {\n      &:hover {\n        color: initial;\n        background-color: initial;\n      }\n    }\n  }\n}\n\n.material-icons.small-icon {\n  font-size: 20px;\n}\n\n.distributions__item {\n  //position: relative;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n\n</style>\n"],"names":["_sfc_main","DistributionAdded","DistributionActions","FadingDistributionOverlay","DistributionFormat","DistributionDescription","DistributionExpandedContent","DistributionVisibleContent","DistributionExpand","has","isNil","truncate"],"mappings":";;;;;;;;;;;;AA+EA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,4BAAAC;AAAA,IACA,oBAAAC;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,8BAAA;AAAA,IACA,WAAA;AAAA,IACA,uBAAA;AAAA,IACA,6BAAA;AAAA,IACA,sBAAA;AAAA,IACA,4BAAA;AAAA,IACA,6BAAA;AAAA,IACA,mCAAA;AAAA,IACA,qCAAA;AAAA,IACA,4BAAA;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,OAAA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,cAAA;AACA,aAAA,KAAA,IAAA,KAAA,cAAA,kBAAA,KAAA,CAAA,KAAA,MAAA,KAAA,aAAA,gBAAA,IACA,KAAA,mBAAA,KAAA,aAAA,gBAAA,IAEA,KAAA,mBAAA,KAAA,aAAA,WAAA;AAAA,IAEA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAA;AACA,WAAA,MAAA,oBAAA,KAAA,qBAAA,KAAA,YAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

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

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

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

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

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

@@ -0,0 +1,8 @@
+declare const _default: import('../../../vue/dist/vue.esm.js').DefineComponent<Readonly<{
+    date?: any;
+}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../../vue/dist/vue.esm.js').ExtractPropTypes<Readonly<{
+    date?: any;
+}>>>, {
+    readonly date?: any;
+}>;
+export default _default;

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

@@ -0,0 +1,28 @@
+import "./DistributionAdded.vue2.mjs";
+import a from "../../_virtual/_plugin-vue2_normalizer.mjs";
+const e = {
+  name: "DistributionAdded",
+  props: [
+    "date"
+  ]
+};
+var s = function() {
+  var t = this, n = t._self._c;
+  return n("div", { staticClass: "distribution-added pl-2" }, [t.date ? n("span", [t._v(`
+   ` + t._s(t.date) + `
+  `)]) : n("div", { staticClass: "unknown", attrs: { type: "UNKNOWN", "data-toggle": "tooltip", "data-placement": "top", title: "", "data-original-title": "UNKNOWN" } }, [n("span", [t._v("UNKNOWN")])])]);
+}, i = [], d = /* @__PURE__ */ a(
+  e,
+  s,
+  i,
+  !1,
+  null,
+  "6cde393d",
+  null,
+  null
+);
+const _ = d.exports;
+export {
+  _ as default
+};
+//# sourceMappingURL=DistributionAdded.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DistributionAdded.vue.mjs","sources":["../../../lib/datasetDetails/distributions/DistributionAdded.vue"],"sourcesContent":["<template>\n  <div class=\"distribution-added pl-2\">\n    <span v-if=\"date\">\n     {{ date }}\n    </span>\n    <div v-else type=\"UNKNOWN\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"\" class=\"unknown\" data-original-title=\"UNKNOWN\">\n      <span>UNKNOWN</span>\n    </div>\n  </div>\n</template>\n\n<script>\n\nexport default {\n  name: \"DistributionAdded\",\n  props: [\n    'date',\n  ],\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.unknown {\n    align-self: flex-start;\n    padding: 0.25em 0.4em;\n    font-size: 75%;\n    font-weight: 700;\n    line-height: 1;\n    text-align: center;\n    white-space: nowrap;\n    border-radius: 0;\n    background-color: #595959;\n    color:white;\n    margin-top: 0.25rem;\n}\n</style>\n"],"names":["_sfc_main"],"mappings":";;AAaA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}

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

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

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

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