@piveau/piveau-hub-ui-modules 4.4.4 → 4.4.6

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

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

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

@@ -1,9 +1,9 @@
 import { truncate } from '../utils/helpers';
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     dateIncorrect: BooleanConstructor;
     machineTranslated: BooleanConstructor;
     translationNotAvailable: BooleanConstructor;
-}, any, {
+}>, {}, {
     isDatasetDescriptionExpanded: boolean;
     datasetDescriptionLength: number;
     INITIAL_DATASET_DESCRIPTION_LENGTH: number;
@@ -26,9 +26,36 @@ declare const _default: import('vue').DefineComponent<{
     dateIncorrect: BooleanConstructor;
     machineTranslated: BooleanConstructor;
     translationNotAvailable: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     dateIncorrect: boolean;
     machineTranslated: boolean;
     translationNotAvailable: boolean;
-}, {}>;
+}, {}, {
+    AppMarkdownContent: any;
+    DatasetDetailsBanners: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        dateIncorrect: BooleanConstructor;
+        machineTranslated: BooleanConstructor;
+        translationNotAvailable: BooleanConstructor;
+    }>, {}, {}, {
+        getOriginalLanguage: import('vuex').Computed;
+    }, {
+        getDatasetOriginalLanguage(originalLanguage: any): {
+            query: import('vue-router').LocationQuery & {
+                locale: any;
+            };
+        };
+        setDatasetOriginalLanguage(originalLanguage: any): void;
+        showString(string: any): string is string;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        dateIncorrect: BooleanConstructor;
+        machineTranslated: BooleanConstructor;
+        translationNotAvailable: BooleanConstructor;
+    }>> & Readonly<{}>, {
+        dateIncorrect: boolean;
+        machineTranslated: boolean;
+        translationNotAvailable: boolean;
+    }, {}, {
+        AppLink: any;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/datasetDetails/DatasetDetailsDescription.vue.mjs

@@ -1,14 +1,14 @@
 import h from "./AppMarkdownContent.vue.mjs";
 import _ from "../mixins/filters.mjs";
-import { getTranslationFor as g, truncate as T } from "../utils/helpers.mjs";
-import { mapGetters as u, mapActions as A } from "vuex";
-import I from "./DatasetDetailsBanners.vue.mjs";
-import { resolveComponent as o, openBlock as a, createElementBlock as i, createBlock as r, createElementVNode as c, toDisplayString as d, createTextVNode as p, createCommentVNode as f, createVNode as E } from "vue";
+import { getTranslationFor as T, truncate as u } from "../utils/helpers.mjs";
+import { mapGetters as A, mapActions as I } from "vuex";
+import f from "./DatasetDetailsBanners.vue.mjs";
+import { resolveComponent as r, openBlock as a, createElementBlock as n, createBlock as c, createElementVNode as d, toDisplayString as p, createTextVNode as l, createCommentVNode as E, createVNode as N } from "vue";
 import "./DatasetDetailsDescription.vue2.mjs";
-import N from "../_virtual/_plugin-vue_export-helper.mjs";
-const L = {
+import L from "../_virtual/_plugin-vue_export-helper.mjs";
+const w = {
   name: "DatasetDetailsDescription",
-  components: { AppMarkdownContent: h, DatasetDetailsBanners: I },
+  components: { AppMarkdownContent: h, DatasetDetailsBanners: f },
   mixins: [_],
   props: {
     dateIncorrect: Boolean,
@@ -24,22 +24,22 @@ const L = {
     };
   },
   computed: {
-    ...u("datasetDetails", [
+    ...A("datasetDetails", [
       "getDescription",
       "getLanguages"
     ]),
     getDatasetDescription() {
-      return g(this.getDescription, this.$route.query.locale, this.getLanguages);
+      return T(this.getDescription, this.$route.query.locale, this.getLanguages);
     },
     getDatasetDescriptionLength() {
       return this.getDatasetDescription ? this.getDatasetDescription.length : 0;
     }
   },
   methods: {
-    ...A("datasetDetails", [
+    ...I("datasetDetails", [
       "setDatasetDescriptionHeight"
     ]),
-    truncate: T,
+    truncate: u,
     toggleDatasetDescription() {
       this.isDatasetDescriptionExpanded = !this.isDatasetDescriptionExpanded, this.datasetDescriptionLength === this.INITIAL_DATASET_DESCRIPTION_LENGTH ? this.datasetDescriptionLength = this.MAX_DATASET_DESCRIPTION_LENGTH : this.datasetDescriptionLength = this.INITIAL_DATASET_DESCRIPTION_LENGTH;
     },
@@ -50,51 +50,51 @@ const L = {
   mounted() {
     this.setDatasetDescriptionHeight(this.calculateDatasetDescriptionHeight());
   }
-}, w = {
+}, b = {
   ref: "datasetDescription",
   class: "mt-4 mb-4 dsd-description",
   "data-cy": "dataset-description"
-}, b = {
+}, k = {
   key: 0,
   class: "col-12 col-lg-11 offset-lg-1 dsd-description-content",
   property: "dc:description"
-}, k = {
+}, v = {
   key: 1,
   style: { "word-wrap": "break-word" }
-}, v = { class: "mr-2" }, y = {
+}, y = { class: "mr-2" }, S = {
   key: 1,
   class: "col-10 offset-1 text-muted font-italic dsd-description-content"
-}, S = { style: { "word-wrap": "break-word" } };
-function x(s, H, n, C, e, t) {
-  const l = o("app-markdown-content"), D = o("pv-show-more"), m = o("dataset-details-banners");
-  return a(), i("div", w, [
-    t.getDatasetDescription !== "No description available" ? (a(), i("div", b, [
-      s.$env.content.datasetDetails.description.enableMarkdownInterpretation ? (a(), r(l, {
+}, x = { style: { "word-wrap": "break-word" } };
+function H(s, i, o, C, e, t) {
+  const D = r("app-markdown-content"), m = r("pv-show-more"), g = r("dataset-details-banners");
+  return a(), n("div", b, [
+    t.getDatasetDescription !== "No description available" ? (a(), n("div", k, [
+      s.$env.content.datasetDetails.description.enableMarkdownInterpretation ? (a(), c(D, {
         key: 0,
         text: t.truncate(t.getDatasetDescription, e.datasetDescriptionLength)
-      }, null, 8, ["text"])) : (a(), i("p", k, [
-        c("span", v, d(t.truncate(t.getDatasetDescription, e.datasetDescriptionLength) | s.stripHtml), 1)
+      }, null, 8, ["text"])) : (a(), n("p", v, [
+        d("span", y, p(t.truncate(t.getDatasetDescription, e.datasetDescriptionLength) | s.stripHtml), 1)
       ])),
-      p(),
-      e.isDatasetDescriptionExpanded || e.datasetDescriptionLength < t.getDatasetDescriptionLength ? (a(), r(D, {
+      i[0] || (i[0] = l()),
+      e.isDatasetDescriptionExpanded || e.datasetDescriptionLength < t.getDatasetDescriptionLength ? (a(), c(m, {
         key: 2,
         label: e.isDatasetDescriptionExpanded ? s.$t("message.metadata.showLess") : s.$t("message.metadata.showMore"),
         upArrow: e.isDatasetDescriptionExpanded,
         action: t.toggleDatasetDescription,
         class: "row text-primary"
-      }, null, 8, ["label", "upArrow", "action"])) : f("", !0)
-    ])) : (a(), i("div", y, [
-      c("p", S, d(s.$t("message.catalogsAndDatasets.noDescriptionAvailable")), 1)
+      }, null, 8, ["label", "upArrow", "action"])) : E("", !0)
+    ])) : (a(), n("div", S, [
+      d("p", x, p(s.$t("message.catalogsAndDatasets.noDescriptionAvailable")), 1)
     ])),
-    p(),
-    E(m, {
-      dateIncorrect: n.dateIncorrect,
-      machineTranslated: n.machineTranslated,
-      translationNotAvailable: n.translationNotAvailable
+    i[1] || (i[1] = l()),
+    N(g, {
+      dateIncorrect: o.dateIncorrect,
+      machineTranslated: o.machineTranslated,
+      translationNotAvailable: o.translationNotAvailable
     }, null, 8, ["dateIncorrect", "machineTranslated", "translationNotAvailable"])
   ], 512);
 }
-const X = /* @__PURE__ */ N(L, [["render", x], ["__scopeId", "data-v-bdcf5d49"]]);
+const X = /* @__PURE__ */ L(w, [["render", H], ["__scopeId", "data-v-bdcf5d49"]]);
 export {
   X as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DatasetDetailsDescription.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetailsDescription.vue"],"sourcesContent":["<template>\n  <div ref=\"datasetDescription\" class=\"mt-4 mb-4 dsd-description\" data-cy=\"dataset-description\">\n    <div v-if=\"getDatasetDescription !== 'No description available'\" class=\"col-12 col-lg-11 offset-lg-1 dsd-description-content\" property=\"dc:description\">\n      <app-markdown-content\n        v-if=\"$env.content.datasetDetails.description.enableMarkdownInterpretation\"\n        :text=\"truncate(getDatasetDescription, datasetDescriptionLength)\"\n      />\n      <p v-else style=\"word-wrap:break-word;\">\n        <span class=\"mr-2\">{{ truncate(getDatasetDescription, datasetDescriptionLength) | stripHtml }}</span>\n<!--        <small v-if=\"!isDatasetDescriptionExpanded && datasetDescriptionLength < getDatasetDescriptionLength\" class=\"cursor-pointer text-nowrap\" @click=\"toggleDatasetDescription\">-->\n<!--          {{ $t('message.metadata.showMore') }}-->\n<!--        </small>-->\n<!--        <small v-else-if=\"isDatasetDescriptionExpanded\" class=\"cursor-pointer text-nowrap\" @click=\"toggleDatasetDescription\">-->\n<!--          {{ $t('message.metadata.showLess') }}-->\n<!--        </small>-->\n      </p>\n      <pv-show-more\n        v-if=\"isDatasetDescriptionExpanded || (datasetDescriptionLength < getDatasetDescriptionLength)\"\n        :label=\"isDatasetDescriptionExpanded? $t('message.metadata.showLess') : $t('message.metadata.showMore')\"\n        :upArrow=\"isDatasetDescriptionExpanded\"\n        :action=\"toggleDatasetDescription\"\n        class=\"row text-primary\"\n      />\n    </div>\n    <div v-else class=\"col-10 offset-1 text-muted font-italic dsd-description-content\">\n      <p style=\"word-wrap:break-word;\">\n        {{ $t('message.catalogsAndDatasets.noDescriptionAvailable') }}\n      </p>\n    </div>\n    <dataset-details-banners\n      :dateIncorrect=\"dateIncorrect\"\n      :machineTranslated=\"machineTranslated\"\n      :translationNotAvailable=\"translationNotAvailable\"\n    />\n  </div>\n</template>\n\n<script>\nimport AppMarkdownContent from \"../datasetDetails/AppMarkdownContent\";\nimport filtersMixin from \"../mixins/filters\";\nimport {getTranslationFor, truncate} from \"../utils/helpers\";\nimport { mapGetters, mapActions } from \"vuex\";\nimport DatasetDetailsBanners from \"../datasetDetails/DatasetDetailsBanners.vue\";\nexport default {\n  name: \"DatasetDetailsDescription\",\n  components: {AppMarkdownContent, DatasetDetailsBanners},\n  mixins: [filtersMixin],\n  props: {\n    dateIncorrect: Boolean,\n    machineTranslated: Boolean,\n    translationNotAvailable: Boolean\n  },\n  data() {\n    return {\n      isDatasetDescriptionExpanded: false,\n      datasetDescriptionLength: 1500,\n      INITIAL_DATASET_DESCRIPTION_LENGTH: 1500,\n      MAX_DATASET_DESCRIPTION_LENGTH: 100000\n    }\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getDescription',\n      'getLanguages'\n    ]),\n    getDatasetDescription() {\n      return getTranslationFor(this.getDescription, this.$route.query.locale, this.getLanguages);\n    },\n    getDatasetDescriptionLength() {\n      return this.getDatasetDescription ? this.getDatasetDescription.length : 0;\n    }\n  },\n  methods: {\n     ...mapActions('datasetDetails', [\n      'setDatasetDescriptionHeight'\n    ]),\n    truncate,\n    toggleDatasetDescription() {\n      this.isDatasetDescriptionExpanded = !this.isDatasetDescriptionExpanded;\n      if (this.datasetDescriptionLength === this.INITIAL_DATASET_DESCRIPTION_LENGTH) this.datasetDescriptionLength = this.MAX_DATASET_DESCRIPTION_LENGTH;\n      else this.datasetDescriptionLength = this.INITIAL_DATASET_DESCRIPTION_LENGTH;\n    },\n    calculateDatasetDescriptionHeight() {\n      return this.$refs.datasetDescription.querySelector('.dsd-description-content').clientHeight;\n    }\n  },\n  mounted() {\n    this.setDatasetDescriptionHeight(this.calculateDatasetDescriptionHeight());\n  }\n}\n</script>\n\n<style scoped>\n.dsd-description{\n  max-width: 100%;\n  overflow: hidden\n}\n\n</style>\n"],"names":["_sfc_main","AppMarkdownContent","DatasetDetailsBanners","filtersMixin","mapGetters","getTranslationFor","mapActions","truncate","_hoisted_4","_hoisted_6","_openBlock","_createElementBlock","_hoisted_1","$options","_hoisted_2","_ctx","_createBlock","_component_app_markdown_content","$data","_hoisted_3","_createElementVNode","_toDisplayString","_createTextVNode","_component_pv_show_more","_createCommentVNode","_hoisted_5","_createVNode","_component_dataset_details_banners","$props"],"mappings":";;;;;;;;AA2CA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY,EAAC,oBAAAC,GAAoB,uBAAAC,EAAqB;AAAA,EACtD,QAAQ,CAACC,CAAY;AAAA,EACrB,OAAO;AAAA,IACL,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,EAC1B;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,8BAA8B;AAAA,MAC9B,0BAA0B;AAAA,MAC1B,oCAAoC;AAAA,MACpC,gCAAgC;AAAA,IAClC;AAAA,EACD;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACD,wBAAwB;AACtB,aAAOC,EAAkB,KAAK,gBAAgB,KAAK,OAAO,MAAM,QAAQ,KAAK,YAAY;AAAA,IAC1F;AAAA,IACD,8BAA8B;AAC5B,aAAO,KAAK,wBAAwB,KAAK,sBAAsB,SAAS;AAAA,IAC1E;AAAA,EACD;AAAA,EACD,SAAS;AAAA,IACN,GAAGC,EAAW,kBAAkB;AAAA,MAC/B;AAAA,IACF,CAAC;AAAA,IACD,UAAAC;AAAA,IACA,2BAA2B;AACzB,WAAK,+BAA+B,CAAC,KAAK,8BACtC,KAAK,6BAA6B,KAAK,qCAAoC,KAAK,2BAA2B,KAAK,iCAC/G,KAAK,2BAA2B,KAAK;AAAA,IAC3C;AAAA,IACD,oCAAoC;AAClC,aAAO,KAAK,MAAM,mBAAmB,cAAc,0BAA0B,EAAE;AAAA,IACjF;AAAA,EACD;AAAA,EACD,UAAU;AACR,SAAK,4BAA4B,KAAK,kCAAmC,CAAA;AAAA,EAC3E;AACF;EAxFO,KAAI;AAAA,EAAqB,OAAM;AAAA,EAA4B,WAAQ;;EAD1E,KAAA;AAAA,EAEqE,OAAM;AAAA,EAAuD,UAAS;;EAF3I,KAAA;AAAA,EAOgB,OAAA,EAA6B,aAAA,aAAA;GAC/BC,IAAA,EAAA,OAAM,OAAM;EAR1B,KAAA;AAAA,EAwBgB,OAAM;GACbC,IAAA,EAAA,OAAA,EAA6B,aAAA,aAAA,EAAA;;;AAxBpC,SAAAC,EAAA,GAAAC,EAiCM,OAjCNC,GAiCM;AAAA,IAhCOC,EAAqB,0BAAA,8BAAhCH,KAAAC,EAqBM,OArBNG,GAqBM;AAAA,MAnBIC,EAAA,KAAK,QAAQ,eAAe,YAAY,qCADhDC,EAGEC,GAAA;AAAA,QANR,KAAA;AAAA,QAKS,MAAMJ,EAAA,SAASA,EAAA,uBAAuBK,EAAwB,wBAAA;AAAA,gCAEjER,KAAAC,EAQI,KARJQ,GAQI;AAAA,QAPFC,EAAqG,QAArGZ,GAAsBa,EAAAR,EAAA,SAASA,EAAqB,uBAAEK,EAAwB,wBAAA,IAAIH,EAAS,SAAA,GAAA,CAAA;AAAA;MARnGO,EAAA;AAAA,MAiBcJ,EAA4B,gCAAKA,EAAwB,2BAAGL,EAA2B,oCAD/FG,EAMEO,GAAA;AAAA,QAtBR,KAAA;AAAA,QAkBS,OAAOL,EAAA,+BAA8BH,EAAA,kCAAkCA,EAAE,GAAA,2BAAA;AAAA,QACzE,SAASG,EAA4B;AAAA,QACrC,QAAQL,EAAwB;AAAA,QACjC,OAAM;AAAA,qDArBdW,EAAA,IAAA,EAAA;AAAA,WAwBId,KAAAC,EAIM,OAJNc,GAIM;AAAA,MAHJL,EAEI,KAFJX,GAEIY,EADCN,EAAE,GAAA,oDAAA,CAAA,GAAA,CAAA;AAAA;IA1BbO,EAAA;AAAA,IA6BII,EAIEC,GAAA;AAAA,MAHC,eAAeC,EAAa;AAAA,MAC5B,mBAAmBA,EAAiB;AAAA,MACpC,yBAAyBA,EAAuB;AAAA;;;;"}
+{"version":3,"file":"DatasetDetailsDescription.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetailsDescription.vue"],"sourcesContent":["<template>\n  <div ref=\"datasetDescription\" class=\"mt-4 mb-4 dsd-description\" data-cy=\"dataset-description\">\n    <div v-if=\"getDatasetDescription !== 'No description available'\" class=\"col-12 col-lg-11 offset-lg-1 dsd-description-content\" property=\"dc:description\">\n      <app-markdown-content\n        v-if=\"$env.content.datasetDetails.description.enableMarkdownInterpretation\"\n        :text=\"truncate(getDatasetDescription, datasetDescriptionLength)\"\n      />\n      <p v-else style=\"word-wrap:break-word;\">\n        <span class=\"mr-2\">{{ truncate(getDatasetDescription, datasetDescriptionLength) | stripHtml }}</span>\n<!--        <small v-if=\"!isDatasetDescriptionExpanded && datasetDescriptionLength < getDatasetDescriptionLength\" class=\"cursor-pointer text-nowrap\" @click=\"toggleDatasetDescription\">-->\n<!--          {{ $t('message.metadata.showMore') }}-->\n<!--        </small>-->\n<!--        <small v-else-if=\"isDatasetDescriptionExpanded\" class=\"cursor-pointer text-nowrap\" @click=\"toggleDatasetDescription\">-->\n<!--          {{ $t('message.metadata.showLess') }}-->\n<!--        </small>-->\n      </p>\n      <pv-show-more\n        v-if=\"isDatasetDescriptionExpanded || (datasetDescriptionLength < getDatasetDescriptionLength)\"\n        :label=\"isDatasetDescriptionExpanded? $t('message.metadata.showLess') : $t('message.metadata.showMore')\"\n        :upArrow=\"isDatasetDescriptionExpanded\"\n        :action=\"toggleDatasetDescription\"\n        class=\"row text-primary\"\n      />\n    </div>\n    <div v-else class=\"col-10 offset-1 text-muted font-italic dsd-description-content\">\n      <p style=\"word-wrap:break-word;\">\n        {{ $t('message.catalogsAndDatasets.noDescriptionAvailable') }}\n      </p>\n    </div>\n    <dataset-details-banners\n      :dateIncorrect=\"dateIncorrect\"\n      :machineTranslated=\"machineTranslated\"\n      :translationNotAvailable=\"translationNotAvailable\"\n    />\n  </div>\n</template>\n\n<script>\nimport AppMarkdownContent from \"../datasetDetails/AppMarkdownContent\";\nimport filtersMixin from \"../mixins/filters\";\nimport {getTranslationFor, truncate} from \"../utils/helpers\";\nimport { mapGetters, mapActions } from \"vuex\";\nimport DatasetDetailsBanners from \"../datasetDetails/DatasetDetailsBanners.vue\";\nexport default {\n  name: \"DatasetDetailsDescription\",\n  components: {AppMarkdownContent, DatasetDetailsBanners},\n  mixins: [filtersMixin],\n  props: {\n    dateIncorrect: Boolean,\n    machineTranslated: Boolean,\n    translationNotAvailable: Boolean\n  },\n  data() {\n    return {\n      isDatasetDescriptionExpanded: false,\n      datasetDescriptionLength: 1500,\n      INITIAL_DATASET_DESCRIPTION_LENGTH: 1500,\n      MAX_DATASET_DESCRIPTION_LENGTH: 100000\n    }\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getDescription',\n      'getLanguages'\n    ]),\n    getDatasetDescription() {\n      return getTranslationFor(this.getDescription, this.$route.query.locale, this.getLanguages);\n    },\n    getDatasetDescriptionLength() {\n      return this.getDatasetDescription ? this.getDatasetDescription.length : 0;\n    }\n  },\n  methods: {\n     ...mapActions('datasetDetails', [\n      'setDatasetDescriptionHeight'\n    ]),\n    truncate,\n    toggleDatasetDescription() {\n      this.isDatasetDescriptionExpanded = !this.isDatasetDescriptionExpanded;\n      if (this.datasetDescriptionLength === this.INITIAL_DATASET_DESCRIPTION_LENGTH) this.datasetDescriptionLength = this.MAX_DATASET_DESCRIPTION_LENGTH;\n      else this.datasetDescriptionLength = this.INITIAL_DATASET_DESCRIPTION_LENGTH;\n    },\n    calculateDatasetDescriptionHeight() {\n      return this.$refs.datasetDescription.querySelector('.dsd-description-content').clientHeight;\n    }\n  },\n  mounted() {\n    this.setDatasetDescriptionHeight(this.calculateDatasetDescriptionHeight());\n  }\n}\n</script>\n\n<style scoped>\n.dsd-description{\n  max-width: 100%;\n  overflow: hidden\n}\n\n</style>\n"],"names":["_sfc_main","AppMarkdownContent","DatasetDetailsBanners","filtersMixin","mapGetters","getTranslationFor","mapActions","truncate","_hoisted_4","_hoisted_6","_openBlock","_createElementBlock","_hoisted_1","$options","_hoisted_2","_ctx","_createBlock","_component_app_markdown_content","$data","_hoisted_3","_createElementVNode","_toDisplayString","_cache","_createTextVNode","_component_pv_show_more","_createCommentVNode","_hoisted_5","_createVNode","_component_dataset_details_banners","$props"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     format: {
         type: StringConstructor;
         default: string;
@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, any, {}, {}, {
+}>, {}, {}, {}, {
     createLinkedMetricsURL(format: any, datasetId: any): string;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     format: {
@@ -30,8 +30,10 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     text: string;
     format: string;
-}, {}>;
+}, {}, {
+    appLink: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;