@piveau/piveau-hub-ui-modules 4.0.21

package/dist/catalogues/CatalogPage.vue.mjs

@@ -0,0 +1,402 @@
+import I from "../datasets/Datasets.vue.mjs";
+import { mapGetters as k, mapActions as _ } from "vuex";
+import j from "../widgets/AppLink.vue.mjs";
+import P from "./CatalogPageDatasetCard.vue.mjs";
+import B from "../datasetDetails/AppMarkdownContent.vue.mjs";
+import { isNil as u, has as q, isArray as w, isObject as z, isString as L } from "lodash-es";
+import { truncate as U, getTranslationFor as E } from "../utils/helpers.mjs";
+import M from "../services/datasetService.mjs";
+import V from "axios";
+import { resolveComponent as b, openBlock as l, createElementBlock as i, createElementVNode as t, createTextVNode as r, renderSlot as D, createCommentVNode as g, toDisplayString as c, createVNode as p, withCtx as v, Fragment as N, renderList as S, withModifiers as T, normalizeClass as K, withDirectives as f, createBlock as C, vShow as y, pushScopeId as G, popScopeId as H } from "vue";
+import "./CatalogPage.vue2.mjs";
+import J from "../_virtual/_plugin-vue_export-helper.mjs";
+const W = {
+  name: "CatalogPage",
+  components: {
+    Datasets: I,
+    DatasetCard: P,
+    AppLink: j,
+    AppMarkdownContent: B
+  },
+  data() {
+    return {
+      interestingDatasets: [],
+      interestingDatasetsFallback: [],
+      activeTabName: "about",
+      cardNavTabs: [
+        {
+          id: "about",
+          displayName: "Über diese Seite"
+        },
+        {
+          id: "dataset-selections",
+          displayName: "Interessante Datensätze"
+        },
+        {
+          id: "dataset-page",
+          displayName: "Alle Datensätze"
+        },
+        {
+          id: "contact",
+          displayName: "Kontakt"
+        }
+      ],
+      datasetService: null
+    };
+  },
+  computed: {
+    ...k("catalogDetails", [
+      "getCatalog"
+    ]),
+    ...k("datasets", [
+      "getDatasets",
+      "getDatasetsCount",
+      "getLoading",
+      "getOffset"
+    ]),
+    catalog() {
+      return this.getCatalog;
+    }
+  },
+  methods: {
+    isNil: u,
+    // The imported Lodash has function. Must be defined in Methods so we can use it in template
+    has: q,
+    isArray: w,
+    truncate: U,
+    getTranslationFor: E,
+    ..._("catalogDetails", [
+      "loadCatalog"
+    ]),
+    ..._("datasets", [
+      "loadDatasets",
+      "loadSingleDataset"
+    ]),
+    setActiveTabName(e) {
+      this.activeTabName = e;
+    },
+    showObject(e) {
+      return !u(e) && z(e) && !Object.values(e).reduce((s, n) => s && n === void 0, !0);
+    },
+    showArrayOfStrings(e) {
+      return this.showArray(e) && e.every((s) => this.showString(s));
+    },
+    showString(e) {
+      return !u(e) && L(e);
+    },
+    showArray(e) {
+      return !u(e) && w(e) && e.length > 0;
+    },
+    showObjectArray(e) {
+      return this.showArray(e) && !e.reduce((s, n) => s && Object.values(n).reduce((h, d) => h && d === void 0, !0), !0);
+    },
+    loadCatalogInterestingDatasets(e) {
+      for (let s of this.catalog.catalogueInterestingDatasets)
+        this.loadSingleDataset(s).then((n) => {
+          this.interestingDatasets.push(n);
+        }).catch((n) => {
+          console.log("error: ", n);
+        });
+    },
+    loadCatalogInterestingDatasetsFallback(e) {
+      for (let s of this.catalog.catalogueInterestingDatasets)
+        this.datasetService.getSingle(s).then((n) => {
+          this.interestingDatasetsFallback.push(n);
+        }).catch((n) => console.log("error: ", n));
+    }
+  },
+  mounted() {
+    sessionStorage.activeTabName && (this.activeTabName = sessionStorage.activeTabName);
+  },
+  watch: {
+    activeTabName(e) {
+      sessionStorage.activeTabName = e;
+    }
+  },
+  created() {
+    this.$Progress.start(), this.datasetService = new M(
+      this.$env.api.baseUrl,
+      this.$env.api.hubUrl,
+      this.$env.api.qualityBaseUrl,
+      this.$env.api.similarityBaseUrl,
+      this.$env.content.datasets.facets.scoringFacets.defaultScoringFacets
+    );
+    let e = this.$route.params.ctlg_id;
+    if (e == null) {
+      const n = window.location.host.split(".");
+      n.length > 1 && (e = n[0]);
+    }
+    Promise.all([
+      this.loadCatalog(e).then(
+        (s) => {
+          this.loadCatalogInterestingDatasets(s);
+        }
+      ),
+      // TODO: This is a temporary workaround.
+      // We should refactor this code to use the store instead of making
+      // a dedicated HTTP request for dataset search.
+      // This will ensure that the most relevant datasets for the catalog are always displayed,
+      // even if the search page has filtered datasets. 
+      V.get(`${this.$env.api.baseUrl}search`, {
+        params: {
+          q: "",
+          filter: "dataset",
+          limit: 3,
+          page: 0,
+          sort: "relevance+desc,+modified+desc,+title.de+asc",
+          facetOperator: "AND",
+          facetGroupOperator: "AND",
+          dataServices: !1,
+          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",
+          facets: JSON.stringify({
+            license: [],
+            format: [],
+            categories: [],
+            catalog: [e],
+            publisher: [],
+            country: []
+          })
+        }
+      }).then((s) => {
+        var h, d;
+        const n = ((d = (h = s.data) == null ? void 0 : h.result) == null ? void 0 : d.results) || [];
+        this.loadCatalogInterestingDatasetsFallback(n);
+      }).catch((s) => {
+        console.error(s);
+      })
+      // ...this.activeTabName === 'dataset-page' ? [this.loadDatasets({locale: this.$route.query.locale})] : [],
+    ]).then((s) => {
+      this.$Progress.finish();
+    }).catch((s) => {
+      console.error(s), this.$Progress.fail();
+    });
+  }
+}, Q = (e) => (G("data-v-8471e7dd"), e = e(), H(), e), R = { class: "catalog-page-container" }, X = {
+  key: 0,
+  class: "catalog-page-background",
+  ref: "catBackground"
+}, Y = ["src"], Z = {
+  key: 1,
+  class: "catalog-page-background-default"
+}, $ = { class: "catalog-box" }, x = {
+  class: "catalog-header-container mx-auto d-flex justify-content-between align-items-center",
+  ref: "catHeader"
+}, ee = { class: "catalog-header-info d-flex" }, ae = ["src"], te = { class: "catalog-header-title-text" }, se = {
+  class: "catalog-header-title-title",
+  "aria-label": "Katalogtitel"
+}, le = {
+  class: "catalog-header-title-subtitle",
+  "aria-label": "Homepage"
+}, oe = ["src"], ie = { class: "catalog-card card" }, re = {
+  class: "card-header",
+  role: "navigation"
+}, ne = {
+  class: "nav nav-tabs card-header-tabs",
+  role: "tablist",
+  "aria-label": "Navigationsleiste"
+}, de = ["aria-controls", "aria-selected", "aria-label"], ge = ["onClick", "href"], ce = { class: "card-body my-5" }, he = {
+  key: 0,
+  class: "tab-pane active catalog-about-tab d-flex align-items-start justify-content-between",
+  id: "about",
+  role: "tabpanel"
+}, ue = { class: "tab-content d-flex" }, be = ["src"], me = {
+  class: "tab-pane active",
+  id: "dataset-selections",
+  role: "tabpanel",
+  "aria-labelledby": "dataset-selections-tab"
+}, pe = {
+  key: 0,
+  class: "tab-content d-flex flex-column align-items-center mt-3"
+}, ve = { class: "d-flex flex-wrap justify-content-center mb-5" }, fe = { key: 1 }, Ce = {
+  class: "tab-pane active",
+  id: "dataset-page",
+  role: "tabpanel",
+  "aria-labelledby": "dataset-page-tab"
+}, ye = { class: "tab-content mt-3" }, ke = {
+  class: "tab-pane active",
+  id: "contact",
+  role: "tabpanel",
+  "aria-labelledby": "contact-tab"
+}, _e = { class: "tab-content" }, we = { key: 0 }, De = /* @__PURE__ */ Q(() => /* @__PURE__ */ t("h4", { class: "catalog-contact-header" }, "Fragen zu dieser Open Data Präsenz?", -1)), Ne = { key: 0 }, Se = { key: 1 }, Te = { key: 0 }, Ae = { key: 2 }, Fe = { key: 0 }, Oe = { key: 1 };
+function Ie(e, s, n, h, d, a) {
+  const m = b("app-link"), A = b("app-markdown-content"), F = b("DatasetCard"), O = b("Datasets");
+  return l(), i("div", R, [
+    a.showArray(e.getCatalog.catalogueBackground) ? (l(), i("div", X, [
+      t("img", {
+        class: "catalog-page-background-image",
+        src: e.getCatalog.catalogueBackground,
+        alt: ""
+      }, null, 8, Y)
+    ], 512)) : (l(), i("div", Z)),
+    r(),
+    t("div", $, [
+      D(e.$slots, "header", {}, () => [
+        t("div", x, [
+          t("div", ee, [
+            a.showArray(e.getCatalog.catalogueFavIcon) ? (l(), i("img", {
+              key: 0,
+              class: "catalog-header-title-icon",
+              src: e.getCatalog.catalogueFavIcon,
+              alt: ""
+            }, null, 8, ae)) : g("", !0),
+            r(),
+            t("div", te, [
+              t("h1", se, c(a.getTranslationFor(e.getCatalog.title, e.$route.query.locale, e.getCatalog.languages)), 1),
+              r(),
+              t("h5", le, [
+                p(m, {
+                  to: e.getCatalog.homepage
+                }, {
+                  default: v(() => [
+                    r(c(e.getCatalog.homepage), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"])
+              ])
+            ])
+          ]),
+          r(),
+          a.showArray(e.getCatalog.catalogueLogo) ? (l(), i("img", {
+            key: 0,
+            class: "catalog-header-logo d-none d-sm-block",
+            src: e.getCatalog.catalogueLogo,
+            alt: "",
+            "aria-label": "logo"
+          }, null, 8, oe)) : g("", !0)
+        ], 512)
+      ], !0),
+      r(),
+      t("div", ie, [
+        t("div", re, [
+          t("ul", ne, [
+            (l(!0), i(N, null, S(d.cardNavTabs, (o) => (l(), i("li", {
+              key: o.id,
+              role: "tab",
+              "aria-controls": o.id,
+              "aria-selected": d.activeTabName === o.id,
+              "aria-label": o.displayName
+            }, [
+              t("a", {
+                onClick: T((je) => a.setActiveTabName(o.id), ["prevent"]),
+                class: K(["catalog-nav-link nav-link", { active: o.id === d.activeTabName }]),
+                href: `#${o.id}`,
+                role: "tab"
+              }, c(o.displayName), 11, ge)
+            ], 8, de))), 128))
+          ])
+        ]),
+        r(),
+        t("div", ce, [
+          d.activeTabName === "about" ? (l(), i("div", he, [
+            t("div", null, [
+              t("div", ue, [
+                p(A, {
+                  class: "card-text",
+                  tag: "div",
+                  text: a.getTranslationFor(a.catalog.description, e.$route.query.locale, a.catalog.languages)
+                }, null, 8, ["text"])
+              ])
+            ]),
+            r(),
+            a.showArray(e.getCatalog.catalogueProfile) ? (l(), i("img", {
+              key: 0,
+              class: "catalog-hero-pic img-fluid",
+              src: e.getCatalog.catalogueProfile,
+              alt: ""
+            }, null, 8, be)) : g("", !0)
+          ])) : g("", !0),
+          r(),
+          f(t("div", me, [
+            a.showArray(e.getDatasets) ? (l(), i("div", pe, [
+              t("div", ve, [
+                (l(!0), i(N, null, S(d.interestingDatasets.length > 0 ? d.interestingDatasets.slice(0, 3) : e.getDatasets.slice(0, 3), (o) => (l(), C(F, {
+                  key: o.id,
+                  to: `/datasets/${o.id}`,
+                  datasetTitle: a.getTranslationFor(o.title, e.$route.query.locale, o.languages) || o.id,
+                  datasetDescription: a.getTranslationFor(o.description, e.$route.query.locale, o.languages),
+                  datasetCatalog: a.getTranslationFor(o.catalog.title, e.$route.query.locale, []),
+                  descriptionMaxLength: 175,
+                  "data-cy": `dataset@${o.id}`,
+                  class: "mt-3"
+                }, null, 8, ["to", "datasetTitle", "datasetDescription", "datasetCatalog", "data-cy"]))), 128))
+              ]),
+              r(),
+              t("button", {
+                onClick: s[0] || (s[0] = T((o) => a.setActiveTabName("dataset-page"), ["prevent"])),
+                class: "primary-button",
+                role: "button"
+              }, `
+                Mehr Daten entdecken
+              `)
+            ])) : (l(), i("span", fe, `
+              Es sind keine Datensätze verfügbar.
+            `))
+          ], 512), [
+            [y, d.activeTabName === "dataset-selections"]
+          ]),
+          r(),
+          f(t("div", Ce, [
+            D(e.$slots, "card-datasets", {}, () => [
+              t("div", ye, [
+                p(O)
+              ])
+            ], !0)
+          ], 512), [
+            [y, d.activeTabName === "dataset-page"]
+          ]),
+          r(),
+          f(t("div", ke, [
+            t("div", _e, [
+              a.has(e.getCatalog, "publisher") && a.showObject(e.getCatalog.publisher) && (a.showString(e.getCatalog.publisher.email) || a.showString(e.getCatalog.publisher.homepage) || a.showObject(e.getCatalog.publisher.address)) ? (l(), i("dl", we, [
+                De,
+                r(),
+                a.has(e.getCatalog, "publisher.name") && a.showString(e.getCatalog.publisher.name) ? (l(), i("dt", Ne, c(e.getCatalog.publisher.name), 1)) : g("", !0),
+                r(),
+                a.has(e.getCatalog, "publisher.address") && a.showObject(e.getCatalog.publisher.address) ? (l(), i("dd", Se, [
+                  a.has(e.getCatalog, "publisher.address.street") && a.showString(e.getCatalog.publisher.address.street) ? (l(), i("span", Te, c(e.getCatalog.publisher.address.street), 1)) : g("", !0)
+                ])) : g("", !0),
+                r(),
+                a.has(e.getCatalog, "publisher.address") && a.showObject(e.getCatalog.publisher.address) ? (l(), i("dd", Ae, [
+                  a.has(e.getCatalog, "publisher.address.postalCode") && a.showString(e.getCatalog.publisher.address.locality) && a.has(e.getCatalog, "publisher.address.locality") && a.showString(e.getCatalog.publisher.address.postalCode) ? (l(), i("span", Fe, c(e.getCatalog.publisher.address.postalCode) + " " + c(e.getCatalog.publisher.address.locality), 1)) : g("", !0)
+                ])) : g("", !0),
+                r(),
+                t("dd", null, [
+                  a.has(e.getCatalog, "publisher.email") && a.showString(e.getCatalog.publisher.email) ? (l(), C(m, {
+                    key: 0,
+                    to: e.getCatalog.publisher.email
+                  }, {
+                    default: v(() => [
+                      r(c(e.getCatalog.publisher.email.startsWith("mailto:") ? e.getCatalog.publisher.email.slice(7) : e.getCatalog.publisher.email), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["to"])) : g("", !0)
+                ]),
+                r(),
+                t("dd", null, [
+                  a.has(e.getCatalog, "publisher.homepage") && a.showString(e.getCatalog.publisher.homepage) ? (l(), C(m, {
+                    key: 0,
+                    to: e.getCatalog.publisher.homepage
+                  }, {
+                    default: v(() => [
+                      r(c(e.getCatalog.publisher.homepage), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["to"])) : g("", !0)
+                ])
+              ])) : (l(), i("span", Oe, `
+                Es sind keine Kontaktinformationen verfügbar.
+              `))
+            ])
+          ], 512), [
+            [y, d.activeTabName === "contact"]
+          ])
+        ])
+      ])
+    ])
+  ]);
+}
+const Je = /* @__PURE__ */ J(W, [["render", Ie], ["__scopeId", "data-v-8471e7dd"]]);
+export {
+  Je as default
+};
+//# sourceMappingURL=CatalogPage.vue.mjs.map

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

@@ -0,0 +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.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>"],"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":";;;;;;;;;;;;AA2KA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,qBAAqB,CAAE;AAAA,MACvB,6BAA6B,CAAE;AAAA,MAC/B,eAAe;AAAA,MACf,aAAa;AAAA,QACX;AAAA,UACE,IAAI;AAAA,UACJ,aAAa;AAAA,QACd;AAAA,QACD;AAAA,UACE,IAAI;AAAA,UACJ,aAAa;AAAA,QACd;AAAA,QACD;AAAA,UACE,IAAI;AAAA,UACJ,aAAa;AAAA,QACd;AAAA,QACD;AAAA,UACE,IAAI;AAAA,UACJ,aAAa;AAAA,QACd;AAAA,MACF;AAAA,MACD,gBAAgB;AAAA;EAEnB;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,IACF,CAAC;AAAA,IACD,GAAGA,EAAW,YAAY;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACD,UAAU;AACR,aAAO,KAAK;AAAA,IACb;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,OAAAC;AAAA;AAAA,IAEA,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,IACF,CAAC;AAAA,IACD,GAAGA,EAAW,YAAY;AAAA,MACxB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACD,iBAAiBC,GAAM;AACrB,WAAK,gBAAgBA;AAAA,IACtB;AAAA,IACD,WAAWC,GAAQ;AACjB,aAAO,CAACP,EAAMO,CAAM,KAAKC,EAASD,CAAM,KAAK,CAAC,OAAO,OAAOA,CAAM,EAAE,OAAO,CAACE,GAAcC,MAAiBD,KAAgBC,MAAiB,QAAW,EAAI;AAAA,IAC5J;AAAA,IACD,mBAAmBC,GAAa;AAC9B,aAAO,KAAK,UAAUA,CAAW,KAAKA,EAAY,MAAM,CAAAC,MAAiB,KAAK,WAAWA,CAAa,CAAC;AAAA,IACxG;AAAA,IACD,WAAWC,GAAQ;AACjB,aAAO,CAACb,EAAMa,CAAM,KAAKC,EAASD,CAAM;AAAA,IACzC;AAAA,IACD,UAAUE,GAAO;AACf,aAAO,CAACf,EAAMe,CAAK,KAAKb,EAAQa,CAAK,KAAKA,EAAM,SAAS;AAAA,IAC1D;AAAA,IACD,gBAAgBC,GAAa;AAC3B,aAAO,KAAK,UAAUA,CAAW,KAAK,CAACA,EAAY,OAAO,CAACC,GAAiBC,MAAkBD,KAAmB,OAAO,OAAOC,CAAa,EAAE,OAAO,CAACT,GAAcC,MAAiBD,KAAgBC,MAAiB,QAAW,EAAI,GAAG,EAAI;AAAA,IAC7O;AAAA,IACD,+BAA+BS,GAAS;AACtC,eAASC,KAAM,KAAK,QAAQ;AAC1B,aAAK,kBAAkBA,CAAE,EACtB,KAAK,CAAAC,MAAY;AAChB,eAAK,oBAAoB,KAAKA,CAAQ;AAAA,SACvC,EACA,MAAM,CAAAC,MAAS;AACd,kBAAQ,IAAI,WAAWA,CAAK;AAAA,QAC9B,CAAC;AAAA,IAEN;AAAA,IACD,uCAAuCH,GAAS;AAC9C,eAASC,KAAM,KAAK,QAAQ;AAC1B,aAAK,eAAe,UAAUA,CAAE,EAC3B,KAAK,CAAAC,MAAY;AAChB,eAAK,4BAA4B,KAAKA,CAAQ;AAAA,SAC/C,EACA,MAAM,CAAAC,MAAS,QAAQ,IAAI,WAAWA,CAAK,CAAC;AAAA,IAErD;AAAA,EACD;AAAA,EACD,UAAU;AACR,IAAI,eAAe,kBACjB,KAAK,gBAAgB,eAAe;AAAA,EAEvC;AAAA,EACD,OAAO;AAAA,IACL,cAAcC,GAAW;AACvB,qBAAe,gBAAgBA;AAAA,IAChC;AAAA,EACF;AAAA,EACD,UAAU;AACR,SAAK,UAAU,MAAM,GAIrB,KAAK,iBAAiB,IAAIC;AAAAA,MACxB,KAAK,KAAK,IAAI;AAAA,MACd,KAAK,KAAK,IAAI;AAAA,MACd,KAAK,KAAK,IAAI;AAAA,MACd,KAAK,KAAK,IAAI;AAAA,MACd,KAAK,KAAK,QAAQ,SAAS,OAAO,cAAc;AAAA;AAGlD,QAAIC,IAAY,KAAK,OAAO,OAAO;AACnC,QAA+BA,KAAc,MAAM;AAEjD,YAAMC,IADO,OAAO,SAAS,KACV,MAAM,GAAG;AAC5B,MAAIA,EAAM,SAAS,MACjBD,IAAYC,EAAM,CAAC;AAAA,IAGvB;AAGA,YAAQ,IAAI;AAAA,MACV,KAAK,YAAYD,CAAS,EACvB;AAAA,QAAK,CAAAE,MAAU;AACd,eAAK,+BAA+BA,CAAM;AAAA,QAC5C;AAAA,MACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMDC,EAAM,IAAI,GAAG,KAAK,KAAK,IAAI,OAAO,UAAU;AAAA,QAC1C,QAAQ;AAAA,UACN,GAAG;AAAA,UACH,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,eAAe;AAAA,UACf,oBAAoB;AAAA,UACpB,cAAc;AAAA,UACd,UAAU;AAAA,UACV,QAAQ,KAAK,UAAU;AAAA,YACrB,SAAS,CAAE;AAAA,YACX,QAAQ,CAAE;AAAA,YACV,YAAY,CAAE;AAAA,YACd,SAAS,CAACH,CAAS;AAAA,YACnB,WAAW,CAAE;AAAA,YACb,SAAS,CAAE;AAAA,UACb,CAAC;AAAA,QACF;AAAA,MACH,CAAC,EAAE,KAAK,CAAAJ,MAAY;;AAClB,cAAMQ,MAAsBC,KAAAC,IAAAV,EAAS,SAAT,gBAAAU,EAAe,WAAf,gBAAAD,EAAuB,YAAW,CAAA;AAC9D,aAAK,uCAAuCD,CAAmB;AAAA,MACjE,CAAC,EAAE,MAAM,CAAAP,MAAS;AAChB,gBAAQ,MAAMA,CAAK;AAAA,MACrB,CAAC;AAAA;AAAA,IAEH,CAAC,EAAE,KAAK,CAAAU,MAAW;AACjB,WAAK,UAAU,OAAO;AAAA,IACxB,CAAC,EAAE,MAAM,CAAAV,MAAS;AAChB,cAAQ,MAAMA,CAAK,GACnB,KAAK,UAAU,KAAK;AAAA,KACrB;AAAA,EACH;AAEF,uDA/VOW,IAAA,EAAA,OAAM,yBAAwB;EADrC,KAAA;AAAA,EAE0D,OAAM;AAAA,EAA0B,KAAI;GAF9FC,IAAA,CAAA,KAAA;EAAA,KAAA;AAAA,EAKgB,OAAM;GACbC,IAAA,EAAA,OAAM,cAAa;EAGf,OAAM;AAAA,EAAqF,KAAI;GAC7FC,KAAA,EAAA,OAAM,6BAA4B,GAVjDC,KAAA,CAAA,KAAA,GAaiBC,KAAA,EAAA,OAAM,4BAA2B;EAChC,OAAM;AAAA,EAA6B,cAAW;;EAG9C,OAAM;AAAA,EAAgC,cAAW;GAjBnEC,KAAA,CAAA,KAAA,GA6BWC,KAAA,EAAA,OAAM,oBAAmB;EACvB,OAAM;AAAA,EAAc,MAAK;;EAExB,OAAM;AAAA,EAAgC,MAAK;AAAA,EAAU,cAAW;GAhC9EC,KAAA,CAAA,iBAAA,iBAAA,YAAA,GAAAC,KAAA,CAAA,WAAA,MAAA,GA2CaC,KAAA,EAAA,OAAM,iBAAgB;EA3CnC,KAAA;AAAA,EA+Ce,OAAM;AAAA,EAAqF,IAAG;AAAA,EAC9F,MAAK;GAEDC,KAAA,EAAA,OAAM,qBAAoB,GAlD7CC,KAAA,CAAA,KAAA;EA4D+D,OAAM;AAAA,EAAkB,IAAG;AAAA,EAC3E,MAAK;AAAA,EAAW,mBAAgB;;EA7D/C,KAAA;AAAA,EA8D+C,OAAM;GAClCC,KAAA,EAAA,OAAM,+CAA8C,UA/DvE,KAAA,EAAA;EAyFyD,OAAM;AAAA,EAAkB,IAAG;AAAA,EAAe,MAAK;AAAA,EACzF,mBAAgB;GAEZC,KAAA,EAAA,OAAM,mBAAkB;EAOS,OAAM;AAAA,EAAkB,IAAG;AAAA,EAAU,MAAK;AAAA,EAC/E,mBAAgB;GACdC,KAAA,EAAA,OAAM,cAAa,UArGpC,KAAA,EAAA,GAuGgBC,KAAA,gBAAAC,EAAA,MAAAC,gBAAAA,EAA2E,MAAvE,EAAA,OAAM,4BAAyB,uCAAmC,EAAA,CAAA,UAvGtF,KAAA,EAAA,UAAA,KAAA,EAAA,UAAA,KAAA,EAAA,UAAA,KAAA,EAAA,UAAA,KAAA,EAAA,UAAA,KAAA,EAAA;;;AACE,SAAAC,EAAA,GAAAC,EAqJM,OArJNpB,GAqJM;AAAA,IApJOqB,EAAS,UAACC,EAAU,WAAC,mBAAmB,KAAnDH,KAAAC,EAEM,OAFNG,GAEM;AAAA,MADJL,EAAwF,OAAA;AAAA,QAAnF,OAAM;AAAA,QAAiC,KAAKI,EAAU,WAAC;AAAA,QAAqB,KAAI;AAAA,MAH3F,GAAA,MAAA,GAAArB,CAAA;AAAA,gBAKIkB,KAAAC,EAA0D,OAA1DI,CAA0D;AAAA,IAL9DC,EAAA;AAAA,IAMIP,EA+IM,OA/INhB,GA+IM;AAAA,MA7IJwB,EAmBOJ,wBAnBP,MAmBO;AAAA,QAlBLJ,EAiBM,OAjBNS,GAiBM;AAAA,UAhBJT,EAaM,OAbNf,IAaM;AAAA,YAZOkB,EAAS,UAACC,EAAU,WAAC,gBAAgB,UAAhDF,EAC+C,OAAA;AAAA,cAZ3D,KAAA;AAAA,cAW+D,OAAM;AAAA,cACnD,KAAKE,EAAU,WAAC;AAAA,cAAkB,KAAI;AAAA,YAZxD,GAAA,MAAA,GAAAlB,EAAA,KAAAwB,EAAA,IAAA,EAAA;AAAA,YAAAH,EAAA;AAAA,YAaYP,EASM,OATNb,IASM;AAAA,cARJa,EAEK,MAFLW,IAEKC,EADAT,EAAiB,kBAACC,aAAW,OAAOA,EAAA,OAAO,MAAM,QAAQA,EAAA,WAAW,SAAS,CAAA,GAAA,CAAA;AAAA,cAfhGG,EAAA;AAAA,cAiBcP,EAIK,MAJLa,IAIK;AAAA,gBAHHC,EAEWC,GAAA;AAAA,kBAFA,IAAIX,EAAU,WAAC;AAAA;kBAlB1C,SAAAY,EAmBkB,MAAyB;AAAA,oBAnB3CT,EAmBqBK,EAAAR,EAAA,WAAW,QAAQ,GAAA,CAAA;AAAA;kBAnBxC,GAAA;AAAA;;;;UAAAG,EAAA;AAAA,UAwBqBJ,EAAS,UAACC,EAAU,WAAC,aAAa,UAA7CF,EAC8D,OAAA;AAAA,YAzBxE,KAAA;AAAA,YAwB0D,OAAM;AAAA,YAChD,KAAKE,EAAU,WAAC;AAAA,YAAe,KAAI;AAAA,YAAG,cAAW;AAAA,UAzBjE,GAAA,MAAA,GAAAhB,EAAA,KAAAsB,EAAA,IAAA,EAAA;AAAA;;MAAAH,EAAA;AAAA,MA6BMP,EAuHM,OAvHNX,IAuHM;AAAA,QAtHJW,EAWM,OAXNiB,IAWM;AAAA,UATJjB,EAQK,MARLkB,IAQK;AAAA,aAPHjB,EAAA,EAAA,GAAAC,EAMKiB,GAvCjB,MAAAC,EAiC8BC,EAAW,aAjCzC,CAiCuBC,YAAXpB,EAMK,MAAA;AAAA,cAN2B,KAAKoB,EAAI;AAAA,cAAI,MAAK;AAAA,cAAO,iBAAeA,EAAI;AAAA,cACvE,iBAAeD,EAAA,kBAAkBC,EAAI;AAAA,cAAK,cAAYA,EAAI;AAAA;cAC7DtB,EAGI,KAAA;AAAA,gBAHA,SAnClBuB,EAmCiC,CAAAC,OAAArB,EAAA,iBAAiBmB,EAAI,EAAE,GAAA,CAAA,SAAA,CAAA;AAAA,gBAAG,OAnC3DG,GAmCiE,6BAA2B,EAAA,QAC1DH,EAAI,OAAOD,EAAa,cAAA,CAAA,CAAA;AAAA,gBAAI,MAAI,IAAMC,EAAI,EAAE;AAAA,gBAAI,MAAK;AAAA,mBACpEA,EAAI,WAAW,GArClC,IAAA/B,EAAA;AAAA,YAAA,GAAA,GAAAD,EAAA;;;QAAAiB,EAAA;AAAA,QA2CQP,EAwGM,OAxGNR,IAwGM;AAAA,UArGO6B,EAAa,kBAAA,WAAxBpB,KAAAC,EAWM,OAXNwB,IAWM;AAAA,YARJ1B,EAKM,OAAA,MAAA;AAAA,cAJJA,EAGM,OAHNP,IAGM;AAAA,gBAFJqB,EAC8Ga,GAAA;AAAA,kBADxF,OAAM;AAAA,kBAAY,KAAI;AAAA,kBACrB,MAAMxB,EAAA,kBAAkBA,EAAA,QAAQ,aAAaC,EAAM,OAAC,MAAM,QAAQD,EAAA,QAAQ,SAAS;AAAA;;;YApD1HI,EAAA;AAAA,YAuDuBJ,EAAS,UAACC,EAAU,WAAC,gBAAgB,UAAhDF,EAC+C,OAAA;AAAA,cAxD3D,KAAA;AAAA,cAuD+D,OAAM;AAAA,cACnD,KAAKE,EAAU,WAAC;AAAA,cAAkB,KAAI;AAAA,YAxDxD,GAAA,MAAA,GAAAV,EAAA,KAAAgB,EAAA,IAAA,EAAA;AAAA,gBAAAA,EAAA,IAAA,EAAA;AAAA,UAAAH,EAAA;AAAA,UA4DUqB,EAAA5B,EA0BM,OA1BN6B,IA0BM;AAAA,YAxBO1B,EAAA,UAAUC,EAAW,WAAA,KAAhCH,KAAAC,EAmBM,OAnBN4B,IAmBM;AAAA,cAlBJ9B,EAaM,OAbNL,IAaM;AAAA,iBAXJM,EAAA,EAAA,GAAAC,EAUEiB,GA3ElB,MAAAC,EAkEuCC,EAAmB,oBAAC,SAAc,IAAAA,EAAA,oBAAoB,cAAcjB,EAAW,YAAC,MAAK,GAAA,CAAA,GAlE5H,CAkE2B2B,YADXC,EAUEC,GAAA;AAAA,kBARG,KAAKF,EAAQ;AAAA,kBACb,IAAE,aAAeA,EAAQ,EAAE;AAAA,kBAC3B,cAAc5B,EAAiB,kBAAC4B,EAAQ,OAAO3B,EAAM,OAAC,MAAM,QAAQ2B,EAAQ,SAAS,KAAKA,EAAQ;AAAA,kBAClG,oBAAoB5B,EAAA,kBAAkB4B,EAAQ,aAAa3B,EAAM,OAAC,MAAM,QAAQ2B,EAAQ,SAAS;AAAA,kBACjG,gBAAgB5B,EAAA,kBAAkB4B,EAAQ,QAAQ,OAAO3B,EAAA,OAAO,MAAM,QAAM,CAAA,CAAA;AAAA,kBAC5E,sBAAsB;AAAA,kBACtB,WAAO,WAAa2B,EAAQ,EAAE;AAAA,kBAC/B,OAAM;AAAA;;cA1E1BxB,EAAA;AAAA,cA8EcP,EAES,UAAA;AAAA,gBAFA,SAAKkC,EAAA,CAAA,MAAAA,EAAA,CAAA,IA9E5BX,SA8EsCpB,EAAgB,iBAAA,cAAA,GAAA,CAAA,SAAA,CAAA;AAAA,gBAAkB,OAAM;AAAA,gBAAiB,MAAK;AAAA,iBAAS;AAAA;AAAA,eAE/F;AAAA,wBAGFD,EAEO,QArFnBiC,IAmFyB;AAAA;AAAA,aAEb;AAAA;gBAzBWd,EAAa,kBAAA,oBAAA;AAAA;UA5DpCd,EAAA;AAAA,UAyFUqB,EAAA5B,EAOM,OAPNoC,IAOM;AAAA,YALJ5B,EAIOJ,+BAJP,MAIO;AAAA,cAHLJ,EAEM,OAFNJ,IAEM;AAAA,gBADJkB,EAAWuB,CAAA;AAAA;;;gBAJJhB,EAAa,kBAAA,cAAA;AAAA;UAzFpCd,EAAA;AAAA,UAmGUqB,EAAA5B,EA+CM,OA/CNsC,IA+CM;AAAA,YA7CJtC,EA4CM,OA5CNH,IA4CM;AAAA,cA3CMM,EAAA,IAAIC,EAAA,YAA4B,WAAA,KAAAD,EAAA,WAAWC,EAAA,WAAW,SAAS,MAAMD,EAAA,WAAWC,EAAA,WAAW,UAAU,KAAK,KAAKD,EAAU,WAACC,EAAU,WAAC,UAAU,QAAQ,KAAKD,EAAA,WAAWC,EAAA,WAAW,UAAU,OAAO,MAA7MH,KAAAC,EAuCK,MA7InBqC,IAAA;AAAA,gBAuGgBzC;AAAA,gBAvGhBS,EAAA;AAAA,gBAyG0BJ,EAAG,IAACC,cAAkC,gBAAA,KAAAD,EAAA,WAAWC,EAAU,WAAC,UAAU,IAAI,KAApFH,KAAAC,EAEK,MA3GrBsC,IA0GqB5B,EAAAR,EAAA,WAAW,UAAU,IAAI,GAAA,CAAA,KA1G9CM,EAAA,IAAA,EAAA;AAAA,gBAAAH,EAAA;AAAA,gBA6G0BJ,EAAG,IAACC,cAAoC,mBAAA,KAAAD,EAAA,WAAWC,EAAU,WAAC,UAAU,OAAO,KAAzFH,KAAAC,EAMK,MAnHrBuC,IAAA;AAAA,kBAgH4BtC,EAAG,IAACC,EAAU,YAAA,0BAAA,KAAiCD,EAAU,WAACC,EAAU,WAAC,UAAU,QAAQ,MAAM,UADvGF,EAGW,QAlH7BwC,MAiHsBtC,EAAU,WAAC,UAAU,QAAQ,MAAM,GAAA,CAAA,KAjHzDM,EAAA,IAAA,EAAA;AAAA,sBAAAA,EAAA,IAAA,EAAA;AAAA,gBAAAH,EAAA;AAAA,gBAoH0BJ,EAAG,IAACC,cAAoC,mBAAA,KAAAD,EAAA,WAAWC,EAAU,WAAC,UAAU,OAAO,KAAzFH,KAAAC,EAMK,MA1HrByC,IAAA;AAAA,kBAuH4BxC,EAAG,IAACC,EAAU,YAAA,8BAAA,KAAqCD,EAAU,WAACC,aAAW,UAAU,QAAQ,QAAQ,KAAKD,EAAG,IAACC,EAAU,YAAA,4BAAA,KAAmCD,EAAU,WAACC,EAAU,WAAC,UAAU,QAAQ,UAAU,KADrNH,EAAA,GAAAC,EAGuD,QAzHzE0C,IAwHsBhC,EAAAR,EAAA,WAAW,UAAU,QAAQ,UAAU,IACvC,QAAIA,EAAU,WAAC,UAAU,QAAQ,QAAQ,GAAA,CAAA,KAzH/DM,EAAA,IAAA,EAAA;AAAA,sBAAAA,EAAA,IAAA,EAAA;AAAA,gBAAAH,EAAA;AAAA,gBA4HgBP,EAQK,MAAA,MAAA;AAAA,kBANaG,EAAG,IAACC,cAAkC,iBAAA,KAAAD,EAAA,WAAWC,EAAU,WAAC,UAAU,KAAK,UAA3F4B,EAKWjB,GAAA;AAAA,oBAnI7B,KAAA;AAAA,oBA+H6B,IAAIX,EAAA,WAAW,UAAU;AAAA;oBA/HtD,SAAAY,EAgIoB,MAEE;AAAA,sBAlItBT,EAiIsBK,EAAAR,EAAA,WAAW,UAAU,MAAM,wBAAwBA,EAAU,WAAC,UAAU,MAAM,MAAK,CAAA,IAAMA,aAAW,UAAU,KAAK,GAAA,CAAA;AAAA;oBAjIzI,GAAA;AAAA,mCAAAM,EAAA,IAAA,EAAA;AAAA;gBAAAH,EAAA;AAAA,gBAsIgBP,EAMK,MAAA,MAAA;AAAA,kBAJaG,EAAG,IAACC,cAAqC,oBAAA,KAAAD,EAAA,WAAWC,EAAU,WAAC,UAAU,QAAQ,UAAjG4B,EAGWjB,GAAA;AAAA,oBA3I7B,KAAA;AAAA,oBAyI6B,IAAIX,EAAA,WAAW,UAAU;AAAA;oBAzItD,SAAAY,EA0IoB,MAAmC;AAAA,sBA1IvDT,EAAAK,EA0IuBR,EAAU,WAAC,UAAU,QAAQ,GAAA,CAAA;AAAA;oBA1IpD,GAAA;AAAA,mCAAAM,EAAA,IAAA,EAAA;AAAA;0BA8IcR,EAEO,QAhJrB2C,IA8I2B;AAAA;AAAA,eAEb;AAAA;;gBA7CSxB,EAAa,kBAAA,SAAA;AAAA;;;;;;;"}

package/dist/catalogues/CatalogPage.vue2.mjs

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

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

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

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

@@ -0,0 +1,53 @@
+import { getTranslationFor } from '../utils/helpers';
+declare const _default: import('vue').DefineComponent<{
+    /**
+     * The dataset details to display.
+     */
+    datasetTitle: StringConstructor;
+    datasetDescription: StringConstructor;
+    datasetCatalog: StringConstructor;
+    /**
+     * The route to navigate to when clicking on the dataset.
+     */
+    to: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Specified the maximum length of the description before it is cut off.
+     */
+    descriptionMaxLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cardIcon: StringConstructor;
+}, any, any, {
+    truncatedDescription(): any;
+}, {
+    getTranslationFor: typeof getTranslationFor;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * The dataset details to display.
+     */
+    datasetTitle: StringConstructor;
+    datasetDescription: StringConstructor;
+    datasetCatalog: StringConstructor;
+    /**
+     * The route to navigate to when clicking on the dataset.
+     */
+    to: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Specified the maximum length of the description before it is cut off.
+     */
+    descriptionMaxLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cardIcon: StringConstructor;
+}>>, {
+    descriptionMaxLength: number;
+}, {}>;
+export default _default;

package/dist/catalogues/CatalogPageDatasetCard.vue.mjs

@@ -0,0 +1,87 @@
+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 "./CatalogPageDatasetCard.vue2.mjs";
+import f from "../_virtual/_plugin-vue_export-helper.mjs";
+const g = {
+  name: "DatasetCard",
+  components: {
+    AppLink: d
+  },
+  props: {
+    /**
+     * The dataset details to display.
+     */
+    datasetTitle: String,
+    datasetDescription: String,
+    datasetCatalog: String,
+    /**
+     * The route to navigate to when clicking on the dataset.
+     */
+    to: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Specified the maximum length of the description before it is cut off.
+     */
+    descriptionMaxLength: {
+      type: Number,
+      default: 200
+    },
+    cardIcon: String
+  },
+  computed: {
+    truncatedDescription() {
+      return this.descriptionMaxLength && l(this.datasetDescription, this.descriptionMaxLength);
+    }
+  },
+  methods: {
+    getTranslationFor: p
+  }
+}, 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 = {
+  key: 0,
+  class: "cp-dataset-card-description"
+}, C = {
+  key: 1,
+  class: "cp-dataset-card-description text-muted font-italic m-0",
+  "data-cy": "dataset-description"
+}, L = {
+  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))
+      ]),
+      n(),
+      t("div", L, [
+        m(r, { to: e.to }, {
+          default: u(() => [
+            M
+          ]),
+          _: 1
+        }, 8, ["to"])
+      ])
+    ])
+  ]);
+}
+const F = /* @__PURE__ */ f(g, [["render", N]]);
+export {
+  F as default
+};
+//# sourceMappingURL=CatalogPageDatasetCard.vue.mjs.map

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

@@ -0,0 +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;;;;;;"}

package/dist/catalogues/CatalogPageDatasetCard.vue2.mjs

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

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

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