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

package/dist/catalogues/CatalogPage.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CatalogPage.vue.mjs","sources":["../../lib/catalogues/CatalogPage.vue"],"sourcesContent":["<template>\n  <div class=\"catalog-page-container\">\n    <div v-if=\"showArray(getCatalog.catalogueBackground)\" class=\"catalog-page-background\" ref=\"catBackground\">\n      <img class=\"catalog-page-background-image\" :src=\"getCatalog.catalogueBackground\" alt=\"\">\n    </div>\n    <div v-else class=\"catalog-page-background-default\"></div>\n    <div class=\"catalog-box\">\n\n      <slot name=\"header\">\n        <div class=\"catalog-header-container mx-auto d-flex justify-content-between align-items-center\" ref=\"catHeader\">\n          <div class=\"catalog-header-info d-flex\">\n            <img v-if=\"showArray(getCatalog.catalogueFavIcon)\" class=\"catalog-header-title-icon\"\n                 :src=\"getCatalog.catalogueFavIcon\" alt=\"\">\n            <div class=\"catalog-header-title-text\">\n              <h1 class=\"catalog-header-title-title\" aria-label=\"Katalogtitel\">\n                {{ getTranslationFor(getCatalog.title, $route.query.locale, getCatalog.languages) }}\n              </h1>\n              <h5 class=\"catalog-header-title-subtitle\" aria-label=\"Homepage\">\n                <app-link :to=\"getCatalog.homepage\">\n                  {{ getCatalog.homepage }}\n                </app-link>\n              </h5>\n            </div>\n          </div>\n          <img v-if=\"showArray(getCatalog.catalogueLogo)\" class=\"catalog-header-logo d-none d-sm-block\"\n               :src=\"getCatalog.catalogueLogo\" alt=\"\" aria-label=\"logo\">\n        </div>\n      </slot>\n\n      <div class=\"catalog-card card\">\n        <div class=\"card-header\" role=\"navigation\">\n          <!-- CARD NAV -->\n          <ul class=\"nav nav-tabs card-header-tabs\" role=\"tablist\" aria-label=\"Navigationsleiste\">\n            <li v-for=\"tab in cardNavTabs\" :key=\"tab.id\" role=\"tab\" :aria-controls=\"tab.id\"\n                :aria-selected=\"activeTabName === tab.id\" :aria-label=\"tab.displayName\">\n              <a @click.prevent=\"setActiveTabName(tab.id)\" class=\"catalog-nav-link nav-link\"\n                 :class=\"{active: tab.id === activeTabName}\" :href=\"`#${tab.id}`\" role=\"tab\">\n                {{ tab.displayName }}\n              </a>\n            </li>\n          </ul>\n        </div>\n        <!-- CARD CONTENT -->\n        <div class=\"card-body my-5\">\n\n          <!-- \"ÜBER DIESEN KATALOG\" -->\n          <div v-if=\"activeTabName === 'about'\"\n               class=\"tab-pane active catalog-about-tab d-flex align-items-start justify-content-between\" id=\"about\"\n               role=\"tabpanel\">\n            <div>\n              <div class=\"tab-content d-flex\">\n                <app-markdown-content class=\"card-text\" tag=\"div\"\n                                      :text=\"getTranslationFor(catalog.description, $route.query.locale, catalog.languages)\"/>\n              </div>\n            </div>\n            <img v-if=\"showArray(getCatalog.catalogueProfile)\" class=\"catalog-hero-pic img-fluid\"\n                 :src=\"getCatalog.catalogueProfile\" alt=\"\">\n          </div>\n\n          <!-- \"INTERESSANTE DATENSÄTZE\" -->\n          <div v-show=\"activeTabName === 'dataset-selections'\" class=\"tab-pane active\" id=\"dataset-selections\"\n               role=\"tabpanel\" aria-labelledby=\"dataset-selections-tab\">\n            <div v-if=\"showArray(getDatasets)\" class=\"tab-content d-flex flex-column align-items-center mt-3\">\n              <div class=\"d-flex flex-wrap justify-content-center mb-5\">\n\n                <DatasetCard\n                    v-for=\"dataset in (interestingDatasets.length > 0) ? interestingDatasets.slice(0, 3) : getDatasets.slice(0, 3)\"\n                    :key=\"dataset.id\"\n                    :to=\"`/datasets/${dataset.id}`\"\n                    :datasetTitle=\"getTranslationFor(dataset.title, $route.query.locale, dataset.languages) || dataset.id\"\n                    :datasetDescription=\"getTranslationFor(dataset.description, $route.query.locale, dataset.languages)\"\n                    :datasetCatalog=\"getTranslationFor(dataset.catalog.title, $route.query.locale, [])\"\n                    :descriptionMaxLength=\"175\"\n                    :data-cy=\"`dataset@${dataset.id}`\"\n                    class=\"mt-3\"\n                />\n              </div>\n\n              <button @click.prevent=\"setActiveTabName('dataset-page')\" class=\"primary-button\" role=\"button\">\n                Mehr Daten entdecken\n              </button>\n            </div>\n\n            <span v-else>\n              Es sind keine Datensätze verfügbar.\n            </span>\n          </div>\n\n          <!-- \"ALLE DATENSÄTZE\" -->\n          <div v-show=\"activeTabName === 'dataset-page'\" class=\"tab-pane active\" id=\"dataset-page\" role=\"tabpanel\"\n               aria-labelledby=\"dataset-page-tab\">\n            <slot name=\"card-datasets\">\n              <div class=\"tab-content mt-3\">\n                <Datasets/>\n              </div>\n            </slot>\n          </div>\n\n          <!-- \"KONTAKT\" -->\n          <div v-show=\"activeTabName === 'contact'\" class=\"tab-pane active\" id=\"contact\" role=\"tabpanel\"\n               aria-labelledby=\"contact-tab\">\n            <div class=\"tab-content\">\n              <dl v-if=\"has(getCatalog, 'publisher') && showObject(getCatalog.publisher) && (showString(getCatalog.publisher.email) || showString(getCatalog.publisher.homepage) || showObject(getCatalog.publisher.address))\">\n                <h4 class=\"catalog-contact-header\">Fragen zu dieser Open Data Präsenz?</h4>\n                <!-- publisher name -->\n                <dt v-if=\"has(getCatalog, 'publisher.name')  && showString(getCatalog.publisher.name)\">\n                  {{ getCatalog.publisher.name }}\n                </dt>\n                <!-- address -->\n                <dd v-if=\"has(getCatalog, 'publisher.address') && showObject(getCatalog.publisher.address)\">\n                  <!-- E-Mail:  -->\n                  <span\n                      v-if=\"has(getCatalog, 'publisher.address.street') && showString(getCatalog.publisher.address.street)\">{{\n                      getCatalog.publisher.address.street\n                    }}</span>\n                </dd>\n                <dd v-if=\"has(getCatalog, 'publisher.address') && showObject(getCatalog.publisher.address)\">\n                  <!-- E-Mail:  -->\n                  <span\n                      v-if=\"has(getCatalog, 'publisher.address.postalCode') && showString(getCatalog.publisher.address.locality) && has(getCatalog, 'publisher.address.locality') && showString(getCatalog.publisher.address.postalCode)\">{{\n                      getCatalog.publisher.address.postalCode\n                    }} {{ getCatalog.publisher.address.locality }}</span>\n                </dd>\n                <!-- email -->\n                <dd>\n                  <!-- E-Mail:  -->\n                  <app-link v-if=\"has(getCatalog, 'publisher.email') && showString(getCatalog.publisher.email)\"\n                            :to=\"getCatalog.publisher.email\">\n                    {{\n                      getCatalog.publisher.email.startsWith(\"mailto:\") ? getCatalog.publisher.email.slice(7) : getCatalog.publisher.email\n                    }}\n                  </app-link>\n                </dd>\n                <!-- homepage -->\n                <dd>\n                  <!-- Website:  -->\n                  <app-link v-if=\"has(getCatalog, 'publisher.homepage') && showString(getCatalog.publisher.homepage)\"\n                            :to=\"getCatalog.publisher.homepage\">\n                    {{ getCatalog.publisher.homepage }}\n                  </app-link>\n                </dd>\n              </dl>\n              <span v-else>\n                Es sind keine Kontaktinformationen verfügbar.\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Datasets from \"../datasets/Datasets.vue\"\nimport {mapGetters, mapActions} from 'vuex';\nimport AppLink from \"../widgets/AppLink\";\nimport DatasetCard from \"./CatalogPageDatasetCard.vue\"\nimport AppMarkdownContent from \"../datasetDetails/AppMarkdownContent.vue\"\nimport {\n  has,\n  isArray,\n  isNil,\n  isObject,\n  isString\n} from 'lodash-es';\nimport {getTranslationFor, truncate} from '../utils/helpers';\nimport datasetService from \"../services/datasetService\";\n\nimport Axios from 'axios';\n\nexport default {\n  name: \"CatalogPage\",\n  components: {\n    Datasets,\n    DatasetCard,\n    AppLink,\n    AppMarkdownContent,\n  },\n  data() {\n    return {\n      interestingDatasets: [],\n      interestingDatasetsFallback: [],\n      activeTabName: 'about',\n      cardNavTabs: [\n        {\n          id: 'about',\n          displayName: 'Über diese Seite',\n        },\n        {\n          id: 'dataset-selections',\n          displayName: 'Interessante Datensätze',\n        },\n        {\n          id: 'dataset-page',\n          displayName: 'Alle Datensätze',\n        },\n        {\n          id: 'contact',\n          displayName: 'Kontakt',\n        },\n      ],\n      datasetService: null,\n    };\n  },\n  computed: {\n    ...mapGetters('catalogDetails', [\n      'getCatalog',\n    ]),\n    ...mapGetters('datasets', [\n      'getDatasets',\n      'getDatasetsCount',\n      'getLoading',\n      'getOffset',\n    ]),\n    catalog() {\n      return this.getCatalog;\n    },\n  },\n  methods: {\n    isNil,\n    // The imported Lodash has function. Must be defined in Methods so we can use it in template\n    has,\n    isArray,\n    truncate,\n    getTranslationFor,\n    ...mapActions('catalogDetails', [\n      'loadCatalog',\n    ]),\n    ...mapActions('datasets', [\n      'loadDatasets',\n      'loadSingleDataset',\n    ]),\n    setActiveTabName(name) {\n      this.activeTabName = name;\n    },\n    showObject(object) {\n      return !isNil(object) && isObject(object) && !Object.values(object).reduce((keyUndefined, currentValue) => keyUndefined && currentValue === undefined, true);\n    },\n    showArrayOfStrings(stringArray) {\n      return this.showArray(stringArray) && stringArray.every(currentString => this.showString(currentString));\n    },\n    showString(string) {\n      return !isNil(string) && isString(string);\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    loadCatalogInterestingDatasets(catalog) {\n      for (let id of this.catalog.catalogueInterestingDatasets) {\n        this.loadSingleDataset(id)\n          .then(response => {\n            this.interestingDatasets.push(response);\n          })\n          .catch(error => {\n            console.log('error: ', error)\n          });\n      }\n    },\n    loadCatalogInterestingDatasetsFallback(catalog) {\n      for (let id of this.catalog.catalogueInterestingDatasets) {\n        this.datasetService.getSingle(id)\n            .then(response => {\n              this.interestingDatasetsFallback.push(response);\n            })\n            .catch(error => console.log('error: ', error));\n      }\n    }\n  },\n  mounted() {\n    if (sessionStorage.activeTabName) {\n      this.activeTabName = sessionStorage.activeTabName;\n    }\n  },\n  watch: {\n    activeTabName(activeTab) {\n      sessionStorage.activeTabName = activeTab;\n    },\n  },\n  created() {\n    this.$Progress.start()\n\n    // Hack: define fresh instance of datasetService to avoid going through store.\n    // When going through store, it will cause mutations that will affect datasetDetails page.\n    this.datasetService = new datasetService(\n      this.$env.api.baseUrl,\n      this.$env.api.hubUrl,\n      this.$env.api.qualityBaseUrl,\n      this.$env.api.similarityBaseUrl,\n      this.$env.api.similarityServiceName,\n      this.$env.content.datasets.facets.scoringFacets.defaultScoringFacets,\n    );\n\n    let catalogId = this.$route.params.ctlg_id;\n    if (catalogId === undefined || catalogId === null) {\n      const host = window.location.host;\n      const parts = host.split('.');\n      if (parts.length > 1) {\n        catalogId = parts[0];\n\n      }\n    }\n\n\n    Promise.all([\n      this.loadCatalog(catalogId)\n        .then(result => {\n          this.loadCatalogInterestingDatasets(result)\n        }\n      ),\n      // TODO: This is a temporary workaround.\n      // We should refactor this code to use the store instead of making\n      // a dedicated HTTP request for dataset search.\n      // This will ensure that the most relevant datasets for the catalog are always displayed,\n      // even if the search page has filtered datasets.\n      Axios.get(`${this.$env.api.baseUrl}search`, {\n        params: {\n          q: '',\n          filter: 'dataset',\n          limit: 3,\n          page: 0,\n          sort: 'relevance+desc,+modified+desc,+title.de+asc',\n          facetOperator: 'AND',\n          facetGroupOperator: 'AND',\n          dataServices: false,\n          includes: 'id,title.de,description.de,languages,modified,issued,catalog.id,catalog.title,catalog.country.id,distributions.id,distributions.format.label,distributions.format.id,distributions.license,categories.label,publisher',\n          facets: JSON.stringify({\n            license: [],\n            format: [],\n            categories: [],\n            catalog: [catalogId],\n            publisher: [],\n            country: [],\n          }),\n        },\n      }).then(response => {\n        const interestingDatasets = response.data?.result?.results || [];\n        this.loadCatalogInterestingDatasetsFallback(interestingDatasets)\n      }).catch(error => {\n        console.error(error)\n      }),\n      // ...this.activeTabName === 'dataset-page' ? [this.loadDatasets({locale: this.$route.query.locale})] : [],\n    ]).then(results => {\n      this.$Progress.finish()\n    }).catch(error => {\n      console.error(error)\n      this.$Progress.fail()\n    })\n  }\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.catalog-page-container {\n  margin-top: 0 !important;\n  padding: 0 !important;\n}\n\n.catalog-page-background-image,\n.catalog-page-background-default {\n  position: absolute;\n  height: 360px;\n  width: 100%;\n}\n\n.catalog-page-background-default {\n  background-color: #F4F8FA;\n}\n\n.catalog-page-background-image {\n  overflow: hidden;\n  object-fit: cover;\n}\n\n.catalog-box {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 95px;\n}\n\n.flag-img {\n  width: 150px;\n  height: auto;\n}\n\n.catalog-header-container {\n  flex: 1 1 100%;\n  width: 100%;\n  max-width: 1040px;\n  min-height: 180px;\n  padding-left: 32px;\n  padding-right: 32px;\n  z-index: 1;\n}\n\n.catalog-header-title-subtitle {\n  font-size: 14px;\n}\n\n.catalog-header-title-icon {\n  height: 48px;\n  width: 48px;\n  padding: 5px;\n  margin-right: 16px;\n  border: 1px solid transparent;\n  border-radius: 50%;\n  background-color: white;\n  box-shadow: 0px 0px 6px 0px #0000001F;\n  object-fit: contain;\n}\n\n.catalog-header-logo {\n  max-height: 80px;\n  max-width: 192px;\n  height: auto;\n  width: auto;\n}\n\n.catalog-card {\n  flex: 1 1 100%;\n  padding: 32px;\n  width: 100%;\n  max-width: 1040px;\n  border: none;\n}\n\n.catalog-about-tab {\n  flex-direction: column;\n  flex-wrap: wrap;\n}\n\n.card-header {\n  background-color: transparent;\n  padding: 0;\n}\n\n.card-header-tabs {\n  margin-right: 0;\n  margin-left: 0;\n  margin-bottom: 0;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n  overflow-x: scroll;\n  overflow-y: hidden;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.card-header-tabs li {\n  padding-right: 48px;\n}\n\n.card-header-tabs li:last-child {\n  padding-right: 0;\n}\n\n.card-body {\n  padding: 0;\n}\n\n.catalog-nav-link.nav-link {\n  color: rgba(0, 0, 0, 0.7);\n  padding-left: 0;\n  padding-right: 0;\n  margin-bottom: 0;\n  background-color: transparent;\n  border: 0;\n  border-left: 0;\n  border-right: 0;\n  border-top: 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom: 2px solid transparent !important;\n\n  &:hover,\n  &.active {\n    color: #175baf !important;\n  }\n\n  &.active {\n    border-bottom: 2px solid #175baf !important;\n  }\n}\n\n.catalog-hero-pic {\n  max-width: 250px !important;\n  width: 100%;\n  height: auto;\n  margin-top: calc(48px - 1rem);\n}\n\n.catalog-contact-header {\n  font-size: 18px;\n  margin-bottom: 34px;\n}\n\n.tab-content dt {\n  margin-bottom: 8px;\n}\n\n.tab-content dd {\n  margin-bottom: 0;\n}\n\n@media screen and (min-width: 768px) {\n  .catalog-header-container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .catalog-box {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n\n  .catalog-card {\n    border: none;\n    box-shadow: 0px 2px 12px 0px #00000012;\n    margin-left: auto;\n    margin-right: auto;\n    padding-left: 48px;\n    padding-right: 48px;\n  }\n\n  .catalog-about-tab {\n    flex-wrap: nowrap;\n    flex-direction: row;\n  }\n\n  .catalog-hero-pic {\n    margin-top: 0;\n    margin-left: 1.5rem;\n  }\n}\n</style>\n"],"names":["_sfc_main","Datasets","DatasetCard","AppLink","AppMarkdownContent","mapGetters","isNil","has","isArray","truncate","getTranslationFor","mapActions","name","object","isObject","keyUndefined","currentValue","stringArray","currentString","string","isString","array","objectArray","objectUndefined","currentObject","catalog","id","response","error","activeTab","datasetService","catalogId","parts","result","Axios","interestingDatasets","_b","_a","results","_hoisted_1","_hoisted_3","_hoisted_5","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_12","_hoisted_13","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_20","_hoisted_21","_hoisted_24","_hoisted_27","_hoisted_29","_hoisted_31","_withScopeId","_createElementVNode","_openBlock","_createElementBlock","$options","_ctx","_hoisted_2","_hoisted_4","_createTextVNode","_renderSlot","_hoisted_6","_createCommentVNode","_hoisted_10","_toDisplayString","_hoisted_11","_createVNode","_component_app_link","_withCtx","_hoisted_14","_hoisted_15","_Fragment","_renderList","$data","tab","_withModifiers","$event","_normalizeClass","_hoisted_19","_component_app_markdown_content","_withDirectives","_hoisted_22","_hoisted_23","dataset","_createBlock","_component_DatasetCard","_cache","_hoisted_25","_hoisted_26","_component_Datasets","_hoisted_28","_hoisted_30","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37"],"mappings":"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"}
+{"version":3,"file":"CatalogPage.vue.mjs","sources":["../../lib/catalogues/CatalogPage.vue"],"sourcesContent":["<template>\n  <div class=\"catalog-page-container\">\n    <div v-if=\"showArray(getCatalog.catalogueBackground)\" class=\"catalog-page-background\" ref=\"catBackground\">\n      <img class=\"catalog-page-background-image\" :src=\"getCatalog.catalogueBackground\" alt=\"\">\n    </div>\n    <div v-else class=\"catalog-page-background-default\"></div>\n    <div class=\"catalog-box\">\n\n      <slot name=\"header\">\n        <div class=\"catalog-header-container mx-auto d-flex justify-content-between align-items-center\" ref=\"catHeader\">\n          <div class=\"catalog-header-info d-flex\">\n            <img v-if=\"showArray(getCatalog.catalogueFavIcon)\" class=\"catalog-header-title-icon\"\n                 :src=\"getCatalog.catalogueFavIcon\" alt=\"\">\n            <div class=\"catalog-header-title-text\">\n              <h1 class=\"catalog-header-title-title\" aria-label=\"Katalogtitel\">\n                {{ getTranslationFor(getCatalog.title, $route.query.locale, getCatalog.languages) }}\n              </h1>\n              <h5 class=\"catalog-header-title-subtitle\" aria-label=\"Homepage\">\n                <app-link :to=\"getCatalog.homepage\">\n                  {{ getCatalog.homepage }}\n                </app-link>\n              </h5>\n            </div>\n          </div>\n          <img v-if=\"showArray(getCatalog.catalogueLogo)\" class=\"catalog-header-logo d-none d-sm-block\"\n               :src=\"getCatalog.catalogueLogo\" alt=\"\" aria-label=\"logo\">\n        </div>\n      </slot>\n\n      <div class=\"catalog-card card\">\n        <div class=\"card-header\" role=\"navigation\">\n          <!-- CARD NAV -->\n          <ul class=\"nav nav-tabs card-header-tabs\" role=\"tablist\" aria-label=\"Navigationsleiste\">\n            <li v-for=\"tab in cardNavTabs\" :key=\"tab.id\" role=\"tab\" :aria-controls=\"tab.id\"\n                :aria-selected=\"activeTabName === tab.id\" :aria-label=\"tab.displayName\">\n              <a @click.prevent=\"setActiveTabName(tab.id)\" class=\"catalog-nav-link nav-link\"\n                 :class=\"{active: tab.id === activeTabName}\" :href=\"`#${tab.id}`\" role=\"tab\">\n                {{ tab.displayName }}\n              </a>\n            </li>\n          </ul>\n        </div>\n        <!-- CARD CONTENT -->\n        <div class=\"card-body my-5\">\n\n          <!-- \"ÜBER DIESEN KATALOG\" -->\n          <div v-if=\"activeTabName === 'about'\"\n               class=\"tab-pane active catalog-about-tab d-flex align-items-start justify-content-between\" id=\"about\"\n               role=\"tabpanel\">\n            <div>\n              <div class=\"tab-content d-flex\">\n                <app-markdown-content class=\"card-text\" tag=\"div\"\n                                      :text=\"getTranslationFor(catalog.description, $route.query.locale, catalog.languages)\"/>\n              </div>\n            </div>\n            <img v-if=\"showArray(getCatalog.catalogueProfile)\" class=\"catalog-hero-pic img-fluid\"\n                 :src=\"getCatalog.catalogueProfile\" alt=\"\">\n          </div>\n\n          <!-- \"INTERESSANTE DATENSÄTZE\" -->\n          <div v-show=\"activeTabName === 'dataset-selections'\" class=\"tab-pane active\" id=\"dataset-selections\"\n               role=\"tabpanel\" aria-labelledby=\"dataset-selections-tab\">\n            <div v-if=\"showArray(getDatasets)\" class=\"tab-content d-flex flex-column align-items-center mt-3\">\n              <div class=\"d-flex flex-wrap justify-content-center mb-5\">\n\n                <DatasetCard\n                    v-for=\"dataset in (interestingDatasets.length > 0) ? interestingDatasets.slice(0, 3) : getDatasets.slice(0, 3)\"\n                    :key=\"dataset.id\"\n                    :to=\"`/datasets/${dataset.id}`\"\n                    :datasetTitle=\"getTranslationFor(dataset.title, $route.query.locale, dataset.languages) || dataset.id\"\n                    :datasetDescription=\"getTranslationFor(dataset.description, $route.query.locale, dataset.languages)\"\n                    :datasetCatalog=\"getTranslationFor(dataset.catalog.title, $route.query.locale, [])\"\n                    :descriptionMaxLength=\"175\"\n                    :data-cy=\"`dataset@${dataset.id}`\"\n                    class=\"mt-3\"\n                />\n              </div>\n\n              <button @click.prevent=\"setActiveTabName('dataset-page')\" class=\"primary-button\" role=\"button\">\n                Mehr Daten entdecken\n              </button>\n            </div>\n\n            <span v-else>\n              Es sind keine Datensätze verfügbar.\n            </span>\n          </div>\n\n          <!-- \"ALLE DATENSÄTZE\" -->\n          <div v-show=\"activeTabName === 'dataset-page'\" class=\"tab-pane active\" id=\"dataset-page\" role=\"tabpanel\"\n               aria-labelledby=\"dataset-page-tab\">\n            <slot name=\"card-datasets\">\n              <div class=\"tab-content mt-3\">\n                <Datasets/>\n              </div>\n            </slot>\n          </div>\n\n          <!-- \"KONTAKT\" -->\n          <div v-show=\"activeTabName === 'contact'\" class=\"tab-pane active\" id=\"contact\" role=\"tabpanel\"\n               aria-labelledby=\"contact-tab\">\n            <div class=\"tab-content\">\n              <dl v-if=\"has(getCatalog, 'publisher') && showObject(getCatalog.publisher) && (showString(getCatalog.publisher.email) || showString(getCatalog.publisher.homepage) || showObject(getCatalog.publisher.address))\">\n                <h4 class=\"catalog-contact-header\">Fragen zu dieser Open Data Präsenz?</h4>\n                <!-- publisher name -->\n                <dt v-if=\"has(getCatalog, 'publisher.name')  && showString(getCatalog.publisher.name)\">\n                  {{ getCatalog.publisher.name }}\n                </dt>\n                <!-- address -->\n                <dd v-if=\"has(getCatalog, 'publisher.address') && showObject(getCatalog.publisher.address)\">\n                  <!-- E-Mail:  -->\n                  <span\n                      v-if=\"has(getCatalog, 'publisher.address.street') && showString(getCatalog.publisher.address.street)\">{{\n                      getCatalog.publisher.address.street\n                    }}</span>\n                </dd>\n                <dd v-if=\"has(getCatalog, 'publisher.address') && showObject(getCatalog.publisher.address)\">\n                  <!-- E-Mail:  -->\n                  <span\n                      v-if=\"has(getCatalog, 'publisher.address.postalCode') && showString(getCatalog.publisher.address.locality) && has(getCatalog, 'publisher.address.locality') && showString(getCatalog.publisher.address.postalCode)\">{{\n                      getCatalog.publisher.address.postalCode\n                    }} {{ getCatalog.publisher.address.locality }}</span>\n                </dd>\n                <!-- email -->\n                <dd>\n                  <!-- E-Mail:  -->\n                  <app-link v-if=\"has(getCatalog, 'publisher.email') && showString(getCatalog.publisher.email)\"\n                            :to=\"getCatalog.publisher.email\">\n                    {{\n                      getCatalog.publisher.email.startsWith(\"mailto:\") ? getCatalog.publisher.email.slice(7) : getCatalog.publisher.email\n                    }}\n                  </app-link>\n                </dd>\n                <!-- homepage -->\n                <dd>\n                  <!-- Website:  -->\n                  <app-link v-if=\"has(getCatalog, 'publisher.homepage') && showString(getCatalog.publisher.homepage)\"\n                            :to=\"getCatalog.publisher.homepage\">\n                    {{ getCatalog.publisher.homepage }}\n                  </app-link>\n                </dd>\n              </dl>\n              <span v-else>\n                Es sind keine Kontaktinformationen verfügbar.\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Datasets from \"../datasets/Datasets.vue\"\nimport {mapGetters, mapActions} from 'vuex';\nimport AppLink from \"../widgets/AppLink\";\nimport DatasetCard from \"./CatalogPageDatasetCard.vue\"\nimport AppMarkdownContent from \"../datasetDetails/AppMarkdownContent.vue\"\nimport {\n  has,\n  isArray,\n  isNil,\n  isObject,\n  isString\n} from 'lodash-es';\nimport {getTranslationFor, truncate} from '../utils/helpers';\nimport datasetService from \"../services/datasetService\";\n\nimport Axios from 'axios';\n\nexport default {\n  name: \"CatalogPage\",\n  components: {\n    Datasets,\n    DatasetCard,\n    AppLink,\n    AppMarkdownContent,\n  },\n  data() {\n    return {\n      interestingDatasets: [],\n      interestingDatasetsFallback: [],\n      activeTabName: 'about',\n      cardNavTabs: [\n        {\n          id: 'about',\n          displayName: 'Über diese Seite',\n        },\n        {\n          id: 'dataset-selections',\n          displayName: 'Interessante Datensätze',\n        },\n        {\n          id: 'dataset-page',\n          displayName: 'Alle Datensätze',\n        },\n        {\n          id: 'contact',\n          displayName: 'Kontakt',\n        },\n      ],\n      datasetService: null,\n    };\n  },\n  computed: {\n    ...mapGetters('catalogDetails', [\n      'getCatalog',\n    ]),\n    ...mapGetters('datasets', [\n      'getDatasets',\n      'getDatasetsCount',\n      'getLoading',\n      'getOffset',\n    ]),\n    catalog() {\n      return this.getCatalog;\n    },\n  },\n  methods: {\n    isNil,\n    // The imported Lodash has function. Must be defined in Methods so we can use it in template\n    has,\n    isArray,\n    truncate,\n    getTranslationFor,\n    ...mapActions('catalogDetails', [\n      'loadCatalog',\n    ]),\n    ...mapActions('datasets', [\n      'loadDatasets',\n      'loadSingleDataset',\n    ]),\n    setActiveTabName(name) {\n      this.activeTabName = name;\n    },\n    showObject(object) {\n      return !isNil(object) && isObject(object) && !Object.values(object).reduce((keyUndefined, currentValue) => keyUndefined && currentValue === undefined, true);\n    },\n    showArrayOfStrings(stringArray) {\n      return this.showArray(stringArray) && stringArray.every(currentString => this.showString(currentString));\n    },\n    showString(string) {\n      return !isNil(string) && isString(string);\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    loadCatalogInterestingDatasets(catalog) {\n      for (let id of this.catalog.catalogueInterestingDatasets) {\n        this.loadSingleDataset(id)\n          .then(response => {\n            this.interestingDatasets.push(response);\n          })\n          .catch(error => {\n            console.log('error: ', error)\n          });\n      }\n    },\n    loadCatalogInterestingDatasetsFallback(catalog) {\n      for (let id of this.catalog.catalogueInterestingDatasets) {\n        this.datasetService.getSingle(id)\n            .then(response => {\n              this.interestingDatasetsFallback.push(response);\n            })\n            .catch(error => console.log('error: ', error));\n      }\n    }\n  },\n  mounted() {\n    if (sessionStorage.activeTabName) {\n      this.activeTabName = sessionStorage.activeTabName;\n    }\n  },\n  watch: {\n    activeTabName(activeTab) {\n      sessionStorage.activeTabName = activeTab;\n    },\n  },\n  created() {\n    this.$Progress.start()\n\n    // Hack: define fresh instance of datasetService to avoid going through store.\n    // When going through store, it will cause mutations that will affect datasetDetails page.\n    this.datasetService = new datasetService(\n      this.$env.api.baseUrl,\n      this.$env.api.hubUrl,\n      this.$env.api.qualityBaseUrl,\n      this.$env.api.similarityBaseUrl,\n      this.$env.api.similarityServiceName,\n      this.$env.content.datasets.facets.scoringFacets.defaultScoringFacets,\n    );\n\n    let catalogId = this.$route.params.ctlg_id;\n    if (catalogId === undefined || catalogId === null) {\n      const host = window.location.host;\n      const parts = host.split('.');\n      if (parts.length > 1) {\n        catalogId = parts[0];\n\n      }\n    }\n\n\n    Promise.all([\n      this.loadCatalog(catalogId)\n        .then(result => {\n          this.loadCatalogInterestingDatasets(result)\n        }\n      ),\n      // TODO: This is a temporary workaround.\n      // We should refactor this code to use the store instead of making\n      // a dedicated HTTP request for dataset search.\n      // This will ensure that the most relevant datasets for the catalog are always displayed,\n      // even if the search page has filtered datasets.\n      Axios.get(`${this.$env.api.baseUrl}search`, {\n        params: {\n          q: '',\n          filter: 'dataset',\n          limit: 3,\n          page: 0,\n          sort: 'relevance+desc,+modified+desc,+title.de+asc',\n          facetOperator: 'AND',\n          facetGroupOperator: 'AND',\n          dataServices: false,\n          includes: 'id,title.de,description.de,languages,modified,issued,catalog.id,catalog.title,catalog.country.id,distributions.id,distributions.format.label,distributions.format.id,distributions.license,categories.label,publisher',\n          facets: JSON.stringify({\n            license: [],\n            format: [],\n            categories: [],\n            catalog: [catalogId],\n            publisher: [],\n            country: [],\n          }),\n        },\n      }).then(response => {\n        const interestingDatasets = response.data?.result?.results || [];\n        this.loadCatalogInterestingDatasetsFallback(interestingDatasets)\n      }).catch(error => {\n        console.error(error)\n      }),\n      // ...this.activeTabName === 'dataset-page' ? [this.loadDatasets({locale: this.$route.query.locale})] : [],\n    ]).then(results => {\n      this.$Progress.finish()\n    }).catch(error => {\n      console.error(error)\n      this.$Progress.fail()\n    })\n  }\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.catalog-page-container {\n  margin-top: 0 !important;\n  padding: 0 !important;\n}\n\n.catalog-page-background-image,\n.catalog-page-background-default {\n  position: absolute;\n  height: 360px;\n  width: 100%;\n}\n\n.catalog-page-background-default {\n  background-color: #F4F8FA;\n}\n\n.catalog-page-background-image {\n  overflow: hidden;\n  object-fit: cover;\n}\n\n.catalog-box {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 95px;\n}\n\n.flag-img {\n  width: 150px;\n  height: auto;\n}\n\n.catalog-header-container {\n  flex: 1 1 100%;\n  width: 100%;\n  max-width: 1040px;\n  min-height: 180px;\n  padding-left: 32px;\n  padding-right: 32px;\n  z-index: 1;\n}\n\n.catalog-header-title-subtitle {\n  font-size: 14px;\n}\n\n.catalog-header-title-icon {\n  height: 48px;\n  width: 48px;\n  padding: 5px;\n  margin-right: 16px;\n  border: 1px solid transparent;\n  border-radius: 50%;\n  background-color: white;\n  box-shadow: 0px 0px 6px 0px #0000001F;\n  object-fit: contain;\n}\n\n.catalog-header-logo {\n  max-height: 80px;\n  max-width: 192px;\n  height: auto;\n  width: auto;\n}\n\n.catalog-card {\n  flex: 1 1 100%;\n  padding: 32px;\n  width: 100%;\n  max-width: 1040px;\n  border: none;\n}\n\n.catalog-about-tab {\n  flex-direction: column;\n  flex-wrap: wrap;\n}\n\n.card-header {\n  background-color: transparent;\n  padding: 0;\n}\n\n.card-header-tabs {\n  margin-right: 0;\n  margin-left: 0;\n  margin-bottom: 0;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n  overflow-x: scroll;\n  overflow-y: hidden;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.card-header-tabs li {\n  padding-right: 48px;\n}\n\n.card-header-tabs li:last-child {\n  padding-right: 0;\n}\n\n.card-body {\n  padding: 0;\n}\n\n.catalog-nav-link.nav-link {\n  color: rgba(0, 0, 0, 0.7);\n  padding-left: 0;\n  padding-right: 0;\n  margin-bottom: 0;\n  background-color: transparent;\n  border: 0;\n  border-left: 0;\n  border-right: 0;\n  border-top: 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom: 2px solid transparent !important;\n\n  &:hover,\n  &.active {\n    color: #175baf !important;\n  }\n\n  &.active {\n    border-bottom: 2px solid #175baf !important;\n  }\n}\n\n.catalog-hero-pic {\n  max-width: 250px !important;\n  width: 100%;\n  height: auto;\n  margin-top: calc(48px - 1rem);\n}\n\n.catalog-contact-header {\n  font-size: 18px;\n  margin-bottom: 34px;\n}\n\n.tab-content dt {\n  margin-bottom: 8px;\n}\n\n.tab-content dd {\n  margin-bottom: 0;\n}\n\n@media screen and (min-width: 768px) {\n  .catalog-header-container {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .catalog-box {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n\n  .catalog-card {\n    border: none;\n    box-shadow: 0px 2px 12px 0px #00000012;\n    margin-left: auto;\n    margin-right: auto;\n    padding-left: 48px;\n    padding-right: 48px;\n  }\n\n  .catalog-about-tab {\n    flex-wrap: nowrap;\n    flex-direction: row;\n  }\n\n  .catalog-hero-pic {\n    margin-top: 0;\n    margin-left: 1.5rem;\n  }\n}\n</style>\n"],"names":["_sfc_main","Datasets","DatasetCard","AppLink","AppMarkdownContent","mapGetters","isNil","has","isArray","truncate","getTranslationFor","mapActions","name","object","isObject","keyUndefined","currentValue","stringArray","currentString","string","isString","array","objectArray","objectUndefined","currentObject","catalog","id","response","error","activeTab","datasetService","catalogId","parts","result","Axios","interestingDatasets","_b","_a","results","_hoisted_1","_hoisted_3","_hoisted_5","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_12","_hoisted_13","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_20","_hoisted_21","_hoisted_24","_hoisted_27","_hoisted_29","_openBlock","_createElementBlock","$options","_ctx","_hoisted_2","_createElementVNode","_hoisted_4","_cache","_createTextVNode","_renderSlot","_hoisted_6","_createCommentVNode","_hoisted_10","_toDisplayString","_hoisted_11","_createVNode","_component_app_link","_withCtx","_hoisted_14","_hoisted_15","_Fragment","_renderList","$data","tab","_withModifiers","$event","_normalizeClass","_hoisted_19","_component_app_markdown_content","_withDirectives","_hoisted_22","_hoisted_23","dataset","_createBlock","_component_DatasetCard","_hoisted_25","_hoisted_26","_component_Datasets","_hoisted_28","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36"],"mappings":"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"}

package/dist/catalogues/CatalogPageDatasetCard.vue.d.ts

@@ -1,5 +1,5 @@
 import { getTranslationFor } from '../utils/helpers';
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * The dataset details to display.
      */
@@ -21,7 +21,7 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
     };
     cardIcon: StringConstructor;
-}, any, any, {
+}>, {}, {}, {
     truncatedDescription(): any;
 }, {
     getTranslationFor: typeof getTranslationFor;
@@ -47,7 +47,9 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
     };
     cardIcon: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     descriptionMaxLength: number;
-}, {}>;
+}, {}, {
+    AppLink: any;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/catalogues/CatalogPageDatasetCard.vue.mjs

@@ -1,13 +1,13 @@
-import d from "../widgets/AppLink.vue.mjs";
-import { truncate as l, getTranslationFor as p } from "../utils/helpers.mjs";
-import { resolveComponent as _, openBlock as a, createElementBlock as s, createTextVNode as n, createElementVNode as t, toDisplayString as o, createVNode as m, withCtx as u } from "vue";
-import h from "../assets/icon/icon-nextcircled.svg.mjs";
+import l from "../widgets/AppLink.vue.mjs";
+import { truncate as p, getTranslationFor as m } from "../utils/helpers.mjs";
+import { resolveComponent as u, openBlock as s, createElementBlock as n, createElementVNode as e, createTextVNode as o, toDisplayString as i, createVNode as f, withCtx as g } from "vue";
+import _ from "../assets/icon/icon-nextcircled.svg.mjs";
 import "./CatalogPageDatasetCard.vue2.mjs";
-import f from "../_virtual/_plugin-vue_export-helper.mjs";
-const g = {
+import x from "../_virtual/_plugin-vue_export-helper.mjs";
+const D = {
   name: "DatasetCard",
   components: {
-    AppLink: d
+    AppLink: l
   },
   props: {
     /**
@@ -34,54 +34,54 @@ const g = {
   },
   computed: {
     truncatedDescription() {
-      return this.descriptionMaxLength && l(this.datasetDescription, this.descriptionMaxLength);
+      return this.descriptionMaxLength && p(this.datasetDescription, this.descriptionMaxLength);
     }
   },
   methods: {
-    getTranslationFor: p
+    getTranslationFor: m
   }
-}, x = { class: "cp-dataset-card d-flex flex-column" }, D = /* @__PURE__ */ t("div", { class: "cp-dataset-card-caption" }, [
-  /* @__PURE__ */ t("em", null, "Empfehlung vom Datenbereitsteller")
-], -1), v = { class: "cp-dataset-card-container d-flex flex-column justify-content-between" }, k = { class: "cp-dataset-card-text" }, y = { class: "cp-dataset-card-header" }, b = /* @__PURE__ */ t("br", null, null, -1), S = {
+}, v = { class: "cp-dataset-card d-flex flex-column" }, h = { class: "cp-dataset-card-container d-flex flex-column justify-content-between" }, k = { class: "cp-dataset-card-text" }, y = { class: "cp-dataset-card-header" }, b = {
   key: 0,
   class: "cp-dataset-card-description"
-}, C = {
+}, S = {
   key: 1,
   class: "cp-dataset-card-description text-muted font-italic m-0",
   "data-cy": "dataset-description"
-}, L = {
+}, C = {
   class: "cp-dataset-card-icon",
   role: "button"
-}, M = /* @__PURE__ */ t("img", {
-  src: h,
-  alt: "Zum Datensatz"
-}, null, -1);
-function N(c, T, e, A, E, i) {
-  const r = _("app-link");
-  return a(), s("div", x, [
-    D,
-    n(),
-    t("div", v, [
-      t("div", k, [
-        t("span", y, o(e.datasetTitle), 1),
-        b,
-        n(),
-        e.datasetDescription ? (a(), s("p", S, o(e.descriptionMaxLength ? i.truncatedDescription : e.datasetDescription), 1)) : (a(), s("span", C, o(c.$t("message.catalogsAndDatasets.noDescriptionAvailable")), 1))
+};
+function L(r, t, a, M, N, d) {
+  const c = u("app-link");
+  return s(), n("div", v, [
+    t[4] || (t[4] = e("div", { class: "cp-dataset-card-caption" }, [
+      e("em", null, "Empfehlung vom Datenbereitsteller")
+    ], -1)),
+    t[5] || (t[5] = o()),
+    e("div", h, [
+      e("div", k, [
+        e("span", y, i(a.datasetTitle), 1),
+        t[0] || (t[0] = e("br", null, null, -1)),
+        t[1] || (t[1] = o()),
+        a.datasetDescription ? (s(), n("p", b, i(a.descriptionMaxLength ? d.truncatedDescription : a.datasetDescription), 1)) : (s(), n("span", S, i(r.$t("message.catalogsAndDatasets.noDescriptionAvailable")), 1))
       ]),
-      n(),
-      t("div", L, [
-        m(r, { to: e.to }, {
-          default: u(() => [
-            M
-          ]),
+      t[3] || (t[3] = o()),
+      e("div", C, [
+        f(c, { to: a.to }, {
+          default: g(() => t[2] || (t[2] = [
+            e("img", {
+              src: _,
+              alt: "Zum Datensatz"
+            }, null, -1)
+          ])),
           _: 1
         }, 8, ["to"])
       ])
     ])
   ]);
 }
-const F = /* @__PURE__ */ f(g, [["render", N]]);
+const j = /* @__PURE__ */ x(D, [["render", L]]);
 export {
-  F as default
+  j as default
 };
 //# sourceMappingURL=CatalogPageDatasetCard.vue.mjs.map

package/dist/catalogues/CatalogPageDatasetCard.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CatalogPageDatasetCard.vue.mjs","sources":["../../lib/catalogues/CatalogPageDatasetCard.vue"],"sourcesContent":["<template>\n    <div class=\"cp-dataset-card d-flex flex-column\">\n      <div class=\"cp-dataset-card-caption\">\n        <em>Empfehlung vom Datenbereitsteller</em>\n      </div>\n      <div class=\"cp-dataset-card-container d-flex flex-column justify-content-between\">\n          <div class=\"cp-dataset-card-text\">\n            <span class=\"cp-dataset-card-header\">{{ datasetTitle }}</span><br>\n  \n            <p v-if=\"datasetDescription\" class=\"cp-dataset-card-description\">\n              {{ descriptionMaxLength ? truncatedDescription : datasetDescription }}\n            </p>\n            <span v-else class=\"cp-dataset-card-description text-muted font-italic m-0\" data-cy=\"dataset-description\">\n                {{ $t(\"message.catalogsAndDatasets.noDescriptionAvailable\") }}\n            </span>\n          </div>\n          <div class=\"cp-dataset-card-icon\" role=\"button\">\n            <app-link :to=\"to\">\n              <img src=\"../assets/icon/icon-nextcircled.svg\" alt=\"Zum Datensatz\">\n            </app-link>\n          </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\nimport AppLink from \"../widgets/AppLink\";\n  import { getTranslationFor, truncate } from '../utils/helpers';\n    export default {\n        name: \"DatasetCard\",\n        components: {\n            AppLink,\n        },\n        props: {\n        /**\n         * The dataset details to display.\n         */\n        datasetTitle: String,\n        datasetDescription: String,\n        datasetCatalog: String,\n\n        /**\n         * The route to navigate to when clicking on the dataset.\n         */\n        to: {\n          type: String,\n          required: true,\n        },\n\n        /**\n         * Specified the maximum length of the description before it is cut off.\n         */\n        descriptionMaxLength: {\n          type: Number,\n          default: 200,\n        },\n\n        cardIcon: String\n      },\n      computed: {\n        truncatedDescription() {\n          return this.descriptionMaxLength && truncate(this.datasetDescription, this.descriptionMaxLength);\n        },\n      },\n      methods: {\n          getTranslationFor,\n      },\n    }\n</script>\n\n<style lang=\"scss\">\n  .cp-dataset-card {\n    padding: 25px;\n    margin: 10px;\n    height: 500px;\n    width: 300px;\n    border-radius: 12px;\n    background-color: #F0EDED;\n  }\n  .cp-dataset-card-caption {\n    font-size: 13px;\n  }\n\n  .cp-dataset-card-container {\n    height: calc(100% - 20px);\n  }\n  .cp-dataset-card-text {\n    margin-top: 80px;\n    overflow: auto;\n    margin-bottom: 15px;\n  }\n\n  .cp-dataset-card-header {\n    font-size: 24px;\n    line-height: 125%;\n  }\n\n  .cp-dataset-card-description {\n    font-size: 16px;\n    margin-top: 10px;\n  }\n\n  .cp-dataset-card-icon {\n    text-align: end;\n  }\n  .cp-dataset-card-icon img {\n    width: 25px;\n    // filter: invert(15%) sepia(70%) saturate(2488%) hue-rotate(188deg) brightness(95%) contrast(102%);\n  }\n</style>"],"names":["_sfc_main","AppLink","truncate","getTranslationFor","_hoisted_1","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_imports_0","_openBlock","_createElementBlock","_hoisted_2","_createTextVNode","_toDisplayString","$props","_hoisted_6","_hoisted_7","$options","_hoisted_8","_ctx","_hoisted_9","_createVNode","_component_app_link","_withCtx","_hoisted_10"],"mappings":";;;;;;AA6BI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,IACR,SAAAC;AAAA,EACH;AAAA,EACD,OAAO;AAAA;AAAA;AAAA;AAAA,IAIP,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB,gBAAgB;AAAA;AAAA;AAAA;AAAA,IAKhB,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKD,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,UAAU;AAAA,EACX;AAAA,EACD,UAAU;AAAA,IACR,uBAAuB;AACrB,aAAO,KAAK,wBAAwBC,EAAS,KAAK,oBAAoB,KAAK,oBAAoB;AAAA,IAChG;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACL,mBAAAC;AAAA,EACH;AACH,GAnEKC,IAAA,EAAA,OAAM,qCAAoC,OAC7CC,gBAAAA,EAEM,OAAA,EAFD,OAAM,0BAAyB,GAAA;AAAA,EAClCA,gBAAAA,EAA0C,YAAtC,mCAAiC;QAElCC,IAAA,EAAA,OAAM,uEAAsE,GACxEC,IAAA,EAAA,OAAM,uBAAsB,GACzBC,IAAA,EAAA,OAAM,yBAAwB,OAA0BH,gBAAAA,EAAI,MAAA,MAAA,MAAA,EAAA;EAP9E,KAAA;AAAA,EASyC,OAAM;;EAT/C,KAAA;AAAA,EAYyB,OAAM;AAAA,EAAyD,WAAQ;;EAIjF,OAAM;AAAA,EAAuB,MAAK;OAEnCA,gBAAAA,EAAmE,OAAA;AAAA,EAA9D,KAAAI;AAAA,EAA0C,KAAI;;;;AAjB7D,SAAAC,EAAA,GAAAC,EAsBM,OAtBNP,GAsBM;AAAA,IArBJQ;AAAA,IAFNC,EAAA;AAAA,IAKMR,EAiBQ,OAjBRC,GAiBQ;AAAA,MAhBJD,EASM,OATNE,GASM;AAAA,QARJF,EAA8D,QAA9DG,GAA8DM,EAAtBC,EAAY,YAAA,GAAA,CAAA;AAAA,QAAUC;AAAA,QAP1EH,EAAA;AAAA,QASqBE,EAAkB,sBAA3BL,EAAA,GAAAC,EAEI,KAFJM,GAEIH,EADCC,yBAAuBG,EAAA,uBAAuBH,EAAkB,kBAAA,GAAA,CAAA,WAErEJ,EAEO,QAFPQ,GAEOL,EADAM,EAAE,GAAA,oDAAA,CAAA,GAAA,CAAA;AAAA;MAbrBP,EAAA;AAAA,MAgBUR,EAIM,OAJNgB,GAIM;AAAA,QAHJC,EAEWC,GAAA,EAFA,IAAIR,EAAE,GAAA,GAAA;AAAA,UAjB7B,SAAAS,EAkBc,MAAmE;AAAA,YAAnEC;AAAA;UAlBd,GAAA;AAAA;;;;;;"}
+{"version":3,"file":"CatalogPageDatasetCard.vue.mjs","sources":["../../lib/catalogues/CatalogPageDatasetCard.vue"],"sourcesContent":["<template>\n    <div class=\"cp-dataset-card d-flex flex-column\">\n      <div class=\"cp-dataset-card-caption\">\n        <em>Empfehlung vom Datenbereitsteller</em>\n      </div>\n      <div class=\"cp-dataset-card-container d-flex flex-column justify-content-between\">\n          <div class=\"cp-dataset-card-text\">\n            <span class=\"cp-dataset-card-header\">{{ datasetTitle }}</span><br>\n  \n            <p v-if=\"datasetDescription\" class=\"cp-dataset-card-description\">\n              {{ descriptionMaxLength ? truncatedDescription : datasetDescription }}\n            </p>\n            <span v-else class=\"cp-dataset-card-description text-muted font-italic m-0\" data-cy=\"dataset-description\">\n                {{ $t(\"message.catalogsAndDatasets.noDescriptionAvailable\") }}\n            </span>\n          </div>\n          <div class=\"cp-dataset-card-icon\" role=\"button\">\n            <app-link :to=\"to\">\n              <img src=\"../assets/icon/icon-nextcircled.svg\" alt=\"Zum Datensatz\">\n            </app-link>\n          </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\nimport AppLink from \"../widgets/AppLink\";\n  import { getTranslationFor, truncate } from '../utils/helpers';\n    export default {\n        name: \"DatasetCard\",\n        components: {\n            AppLink,\n        },\n        props: {\n        /**\n         * The dataset details to display.\n         */\n        datasetTitle: String,\n        datasetDescription: String,\n        datasetCatalog: String,\n\n        /**\n         * The route to navigate to when clicking on the dataset.\n         */\n        to: {\n          type: String,\n          required: true,\n        },\n\n        /**\n         * Specified the maximum length of the description before it is cut off.\n         */\n        descriptionMaxLength: {\n          type: Number,\n          default: 200,\n        },\n\n        cardIcon: String\n      },\n      computed: {\n        truncatedDescription() {\n          return this.descriptionMaxLength && truncate(this.datasetDescription, this.descriptionMaxLength);\n        },\n      },\n      methods: {\n          getTranslationFor,\n      },\n    }\n</script>\n\n<style lang=\"scss\">\n  .cp-dataset-card {\n    padding: 25px;\n    margin: 10px;\n    height: 500px;\n    width: 300px;\n    border-radius: 12px;\n    background-color: #F0EDED;\n  }\n  .cp-dataset-card-caption {\n    font-size: 13px;\n  }\n\n  .cp-dataset-card-container {\n    height: calc(100% - 20px);\n  }\n  .cp-dataset-card-text {\n    margin-top: 80px;\n    overflow: auto;\n    margin-bottom: 15px;\n  }\n\n  .cp-dataset-card-header {\n    font-size: 24px;\n    line-height: 125%;\n  }\n\n  .cp-dataset-card-description {\n    font-size: 16px;\n    margin-top: 10px;\n  }\n\n  .cp-dataset-card-icon {\n    text-align: end;\n  }\n  .cp-dataset-card-icon img {\n    width: 25px;\n    // filter: invert(15%) sepia(70%) saturate(2488%) hue-rotate(188deg) brightness(95%) contrast(102%);\n  }\n</style>"],"names":["_sfc_main","AppLink","truncate","getTranslationFor","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_createElementVNode","_cache","_createTextVNode","_toDisplayString","$props","_hoisted_5","$options","_hoisted_6","_ctx","_hoisted_7","_createVNode","_component_app_link","_withCtx","_imports_0"],"mappings":";;;;;;AA6BI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,IACR,SAAAC;AAAA,EACH;AAAA,EACD,OAAO;AAAA;AAAA;AAAA;AAAA,IAIP,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB,gBAAgB;AAAA;AAAA;AAAA;AAAA,IAKhB,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKD,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,UAAU;AAAA,EACX;AAAA,EACD,UAAU;AAAA,IACR,uBAAuB;AACrB,aAAO,KAAK,wBAAwBC,EAAS,KAAK,oBAAoB,KAAK,oBAAoB;AAAA,IAChG;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACL,mBAAAC;AAAA,EACH;AACH,GAnEKC,IAAA,EAAA,OAAM,qCAAoC,GAIxCC,IAAA,EAAA,OAAM,uEAAsE,GACxEC,IAAA,EAAA,OAAM,uBAAsB,GACzBC,IAAA,EAAA,OAAM,yBAAwB;EAPhD,KAAA;AAAA,EASyC,OAAM;;EAT/C,KAAA;AAAA,EAYyB,OAAM;AAAA,EAAyD,WAAQ;;EAIjF,OAAM;AAAA,EAAuB,MAAK;;;;AAf7C,SAAAC,EAAA,GAAAC,EAsBM,OAtBNL,GAsBM;AAAA,oBArBJM,EAEM,OAAA,EAFD,OAAM,6BAAyB;AAAA,MAClCA,EAA0C,YAAtC,mCAAiC;AAAA;IAH7CC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,IAKMF,EAiBQ,OAjBRL,GAiBQ;AAAA,MAhBJK,EASM,OATNJ,GASM;AAAA,QARJI,EAA8D,QAA9DH,GAA8DM,EAAtBC,EAAY,YAAA,GAAA,CAAA;AAAA,wBAAUJ,EAAI,MAAA,MAAA,MAAA,EAAA;AAAA,QAP9EC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,QASqBE,EAAkB,sBAA3BN,EAAA,GAAAC,EAEI,KAFJM,GAEIF,EADCC,yBAAuBE,EAAA,uBAAuBF,EAAkB,kBAAA,GAAA,CAAA,WAErEL,EAEO,QAFPQ,GAEOJ,EADAK,EAAE,GAAA,oDAAA,CAAA,GAAA,CAAA;AAAA;MAbrBP,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAgBUF,EAIM,OAJNS,GAIM;AAAA,QAHJC,EAEWC,GAAA,EAFA,IAAIP,EAAE,GAAA,GAAA;AAAA,UAjB7B,SAAAQ,EAkBc,MAAmEX,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,YAAnED,EAAmE,OAAA;AAAA,cAA9D,KAAAa;AAAA,cAA0C,KAAI;AAAA;;UAlBjE,GAAA;AAAA;;;;;;"}