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

package/dist/datasetDetails/features/DatasetDetailsSubject.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetDetailsSubject.vue.mjs","sources":["../../../lib/datasetDetails/features/DatasetDetailsSubject.vue"],"sourcesContent":["<template>\n  <div class=\"row mt-4 flex-column dsd-item dsd-keywords\">\n    <span v-if=\"showTitle\" class=\"mb-4 h-4 font-weight-bold\">Subjects ({{ displayedSubjects.length }})</span>\n    <div class=\"keywords__item row\">\n\n    \n      <span\n        v-for='(subject, i) in displayedSubjects'\n        :key=\"i\"\n        class=\"col-6 col-sm-3 col-md-2 mt-md-0 mt-3 mb-2 mx-0 px-1\"\n      >\n\n     \n      \n      <app-link :to=\"getSubjectLink(subject)\">\n        <small v-if=\"typeof subject.title === 'object'\" class=\"d-inline-block w-100 py-2 rounded-pill text-center text-white subject\">\n          <span v-for=\"(value, key) in subject.title\" :key=\"key\">\n            \n            <tooltip :title=\"value\"  data-placement=\"top\">\n              {{ truncate(value, maxSubjectLength, false) }}\n            </tooltip>\n        \n          </span>\n        </small>\n      \n        <small v-else-if=\"typeof subject.title === 'string'\" class=\"d-inline-block w-100 py-2 rounded-pill text-center text-white subject\">\n          <span>\n            <tooltip :title=\"subject.title\"  data-placement=\"top\">\n              {{ truncate(subject.title, maxSubjectLength, false) }}\n            </tooltip>\n          </span>\n        </small>\n      </app-link>\n      </span>\n    </div>\n    <div>\n      <pv-show-more\n        v-if=\"displayedSubjects.length > defaultDisplayCount\"\n        :label=\"isSubjectAllDisplayed? $t('message.metadata.showLess') : $t('message.metadata.showMore')\"\n        :upArrow=\"isSubjectAllDisplayed\"\n        :action=\"toggleDisplayCount\"\n        class=\"row text-primary\"\n      />\n    </div>\n<!--    <div>-->\n<!--      <div-->\n<!--        v-if=\"!subject.displayAll && !isSubjectAllDisplayed\"-->\n<!--        class=\"keywords__item\"-->\n<!--      >-->\n<!--        <div-->\n<!--          class=\"keywords__actions pb-md-3\"-->\n<!--        >-->\n<!--          <button-->\n<!--            v-for=\"increment in subject.incrementSteps.filter(nonOverflowingIncrementsForSubject)\"-->\n<!--            :key=\"increment\"-->\n<!--            class=\"btn btn-sm btn-secondary mr-1\"-->\n<!--            @click=\"increaseNumDisplayedSubject(increment)\"-->\n<!--          >-->\n<!--            <i class=\"fas fa-chevron-down\"/> {{ $t('message.metadata.showXMore', { increment }) }}-->\n<!--          </button>-->\n<!--          <button-->\n<!--            class=\"btn btn-sm btn-primary\"-->\n<!--            @click=\"subject.displayCount = getSubject.length\"-->\n<!--          >-->\n<!--            <i class=\"fas fa-eye\"/> {{ $t('message.metadata.showAll') }} {{ getSubject.length.toLocaleString('fi') }}-->\n<!--          </button>-->\n<!--        </div>-->\n<!--      </div>-->\n<!--    </div>-->\n  </div>\n</template>\n\n<script>\nimport {truncate} from \"../../utils/helpers\";\nimport {has} from \"lodash\";\nimport {mapGetters} from \"vuex\";\nimport Tooltip from \"../../widgets/Tooltip\";\nimport AppLink from \"../../widgets/AppLink\";\nimport {sortAlphabetically} from \"./utils/sortAlphabetically\";\n\nexport default {\n  name: \"DatasetDetailsSubject\",\n  components: {Tooltip, AppLink},\n  data() {\n    return {\n      showTitle: this.$env.content.datasetDetails.keywords.showTitle,\n      maxSubjectLength: this.$env.content.datasets.maxKeywordLength,\n      defaultDisplayCount: 24,\n      followSubjectLinks: this.$env.content.datasets.followSubjectLinks,\n      subject: {\n        displayAll: false,\n        displayCount: 24, // Should never exceed number of subjects\n        incrementSteps: [12, 60],\n      }\n    };\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getSubject'\n    ]),\n    displayedSubjects() {\n      const subjects = this.subject.displayAll\n        ? Object.freeze(this.sortedSubject)\n        : Object.freeze(this.sortedSubject.slice(0, this.subject.displayCount));\n      return subjects.filter(subject => subject.title);\n    },\n    isSubjectAllDisplayed() {\n      return this.subject.displayCount >= this.displayedSubjects.length;\n    },\n    sortedSubject() {\n      let selected = [], fallback = [], other = {}, without = []; // eslint-disable-line\n      const selectedLanguage = this.$route.query.locale;\n\n      // Sort by language\n      this.getSubject.forEach((element) => {\n        const e = element;\n        if (has(element, 'title') && element.title !== null) {\n          if (typeof element.title === 'object') {\n            Object.keys(element.title).forEach((key) => {\n              if (key !== selectedLanguage) {\n                delete e.title[key];\n              }\n            });\n          }\n          selected.push(element);\n        }\n      });\n      this.sortAlphabetically(selected, 'title', selectedLanguage);\n      return selected;\n    }\n  },\n  methods: {\n    truncate,\n    sortAlphabetically,\n    increaseNumDisplayedSubject(increment) {\n      this.subject.displayCount = this.clamp(this.subject.displayCount\n        + increment, 0, this.getSubject.length);\n    },\n    nonOverflowingIncrementsForSubject(incrementStep) {\n      return this.subject.displayCount + incrementStep <= this.getSubject.length;\n    },\n    clamp(n, min, max) {\n      return Math.min(Math.max(n, min), max);\n    },\n    getSubjectLink(subject) {\n      const urlResource = subject.id\n    \n      \n        return {\n        path: `/datasets`,\n        query: Object.assign({}, { locale: this.$route.query.locale, subject:urlResource }),\n      };\n      \n      \n      \n    },\n    toggleDisplayCount() {\n      if (this.keywords.displayCount < this.displayedSubjects.length) {\n        this.keywords.displayCount = this.displayedSubjects.length;\n      } else {\n        this.keywords.displayCount = this.defaultDisplayCount;\n      }\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.subject {\n  background-color: #196fd2;\n}\n</style>\n"],"names":["_sfc_main","Tooltip","AppLink","mapGetters","subject","selected","selectedLanguage","element","e","has","key","truncate","sortAlphabetically","increment","incrementStep","n","min","max","urlResource","_hoisted_1","_hoisted_3","_openBlock","_createElementBlock","$data","_hoisted_2","$options","_createCommentVNode","_createTextVNode","_createElementVNode","_Fragment","_renderList","i","_createVNode","_component_app_link","_withCtx","_hoisted_4","value","_component_tooltip","_toDisplayString","_hoisted_5","_createBlock","_component_pv_show_more","_ctx"],"mappings":"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"}
+{"version":3,"file":"DatasetDetailsSubject.vue.mjs","sources":["../../../lib/datasetDetails/features/DatasetDetailsSubject.vue"],"sourcesContent":["<template>\n  <div class=\"row mt-4 flex-column dsd-item dsd-keywords\">\n    <span v-if=\"showTitle\" class=\"mb-4 h-4 font-weight-bold\">Subjects ({{ displayedSubjects.length }})</span>\n    <div class=\"keywords__item row\">\n\n    \n      <span\n        v-for='(subject, i) in displayedSubjects'\n        :key=\"i\"\n        class=\"col-6 col-sm-3 col-md-2 mt-md-0 mt-3 mb-2 mx-0 px-1\"\n      >\n\n     \n      \n      <app-link :to=\"getSubjectLink(subject)\">\n        <small v-if=\"typeof subject.title === 'object'\" class=\"d-inline-block w-100 py-2 rounded-pill text-center text-white subject\">\n          <span v-for=\"(value, key) in subject.title\" :key=\"key\">\n            \n            <tooltip :title=\"value\"  data-placement=\"top\">\n              {{ truncate(value, maxSubjectLength, false) }}\n            </tooltip>\n        \n          </span>\n        </small>\n      \n        <small v-else-if=\"typeof subject.title === 'string'\" class=\"d-inline-block w-100 py-2 rounded-pill text-center text-white subject\">\n          <span>\n            <tooltip :title=\"subject.title\"  data-placement=\"top\">\n              {{ truncate(subject.title, maxSubjectLength, false) }}\n            </tooltip>\n          </span>\n        </small>\n      </app-link>\n      </span>\n    </div>\n    <div>\n      <pv-show-more\n        v-if=\"displayedSubjects.length > defaultDisplayCount\"\n        :label=\"isSubjectAllDisplayed? $t('message.metadata.showLess') : $t('message.metadata.showMore')\"\n        :upArrow=\"isSubjectAllDisplayed\"\n        :action=\"toggleDisplayCount\"\n        class=\"row text-primary\"\n      />\n    </div>\n<!--    <div>-->\n<!--      <div-->\n<!--        v-if=\"!subject.displayAll && !isSubjectAllDisplayed\"-->\n<!--        class=\"keywords__item\"-->\n<!--      >-->\n<!--        <div-->\n<!--          class=\"keywords__actions pb-md-3\"-->\n<!--        >-->\n<!--          <button-->\n<!--            v-for=\"increment in subject.incrementSteps.filter(nonOverflowingIncrementsForSubject)\"-->\n<!--            :key=\"increment\"-->\n<!--            class=\"btn btn-sm btn-secondary mr-1\"-->\n<!--            @click=\"increaseNumDisplayedSubject(increment)\"-->\n<!--          >-->\n<!--            <i class=\"fas fa-chevron-down\"/> {{ $t('message.metadata.showXMore', { increment }) }}-->\n<!--          </button>-->\n<!--          <button-->\n<!--            class=\"btn btn-sm btn-primary\"-->\n<!--            @click=\"subject.displayCount = getSubject.length\"-->\n<!--          >-->\n<!--            <i class=\"fas fa-eye\"/> {{ $t('message.metadata.showAll') }} {{ getSubject.length.toLocaleString('fi') }}-->\n<!--          </button>-->\n<!--        </div>-->\n<!--      </div>-->\n<!--    </div>-->\n  </div>\n</template>\n\n<script>\nimport {truncate} from \"../../utils/helpers\";\nimport {has} from \"lodash\";\nimport {mapGetters} from \"vuex\";\nimport Tooltip from \"../../widgets/Tooltip\";\nimport AppLink from \"../../widgets/AppLink\";\nimport {sortAlphabetically} from \"./utils/sortAlphabetically\";\n\nexport default {\n  name: \"DatasetDetailsSubject\",\n  components: {Tooltip, AppLink},\n  data() {\n    return {\n      showTitle: this.$env.content.datasetDetails.keywords.showTitle,\n      maxSubjectLength: this.$env.content.datasets.maxKeywordLength,\n      defaultDisplayCount: 24,\n      followSubjectLinks: this.$env.content.datasets.followSubjectLinks,\n      subject: {\n        displayAll: false,\n        displayCount: 24, // Should never exceed number of subjects\n        incrementSteps: [12, 60],\n      }\n    };\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getSubject'\n    ]),\n    displayedSubjects() {\n      const subjects = this.subject.displayAll\n        ? Object.freeze(this.sortedSubject)\n        : Object.freeze(this.sortedSubject.slice(0, this.subject.displayCount));\n      return subjects.filter(subject => subject.title);\n    },\n    isSubjectAllDisplayed() {\n      return this.subject.displayCount >= this.displayedSubjects.length;\n    },\n    sortedSubject() {\n      let selected = [], fallback = [], other = {}, without = []; // eslint-disable-line\n      const selectedLanguage = this.$route.query.locale;\n\n      // Sort by language\n      this.getSubject.forEach((element) => {\n        const e = element;\n        if (has(element, 'title') && element.title !== null) {\n          if (typeof element.title === 'object') {\n            Object.keys(element.title).forEach((key) => {\n              if (key !== selectedLanguage) {\n                delete e.title[key];\n              }\n            });\n          }\n          selected.push(element);\n        }\n      });\n      this.sortAlphabetically(selected, 'title', selectedLanguage);\n      return selected;\n    }\n  },\n  methods: {\n    truncate,\n    sortAlphabetically,\n    increaseNumDisplayedSubject(increment) {\n      this.subject.displayCount = this.clamp(this.subject.displayCount\n        + increment, 0, this.getSubject.length);\n    },\n    nonOverflowingIncrementsForSubject(incrementStep) {\n      return this.subject.displayCount + incrementStep <= this.getSubject.length;\n    },\n    clamp(n, min, max) {\n      return Math.min(Math.max(n, min), max);\n    },\n    getSubjectLink(subject) {\n      const urlResource = subject.id\n    \n      \n        return {\n        path: `/datasets`,\n        query: Object.assign({}, { locale: this.$route.query.locale, subject:urlResource }),\n      };\n      \n      \n      \n    },\n    toggleDisplayCount() {\n      if (this.keywords.displayCount < this.displayedSubjects.length) {\n        this.keywords.displayCount = this.displayedSubjects.length;\n      } else {\n        this.keywords.displayCount = this.defaultDisplayCount;\n      }\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.subject {\n  background-color: #196fd2;\n}\n</style>\n"],"names":["_sfc_main","Tooltip","AppLink","mapGetters","subject","selected","selectedLanguage","element","e","has","key","truncate","sortAlphabetically","increment","incrementStep","n","min","max","urlResource","_hoisted_1","_hoisted_3","_openBlock","_createElementBlock","$data","_hoisted_2","$options","_createCommentVNode","_cache","_createTextVNode","_createElementVNode","_Fragment","_renderList","i","_createVNode","_component_app_link","_withCtx","_hoisted_4","value","_component_tooltip","_toDisplayString","_hoisted_5","_createBlock","_component_pv_show_more","_ctx"],"mappings":"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"}

package/dist/datasetDetails/features/DatasetDetailsVisualisations.vue.d.ts

@@ -1,7 +1,7 @@
 import { truncate } from '../../utils/helpers';
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     trackGoto: FunctionConstructor;
-}, any, {
+}>, {}, {
     expandedVisualisationDescriptions: never[];
     expandedVisualisations: never[];
     visualisations: {
@@ -34,5 +34,7 @@ declare const _default: import('vue').DefineComponent<{
     clamp(n: any, min: any, max: any): number;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     trackGoto: FunctionConstructor;
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {
+    AppLink: any;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/datasetDetails/features/DatasetDetailsVisualisations.vue.mjs

@@ -1,16 +1,16 @@
-import { isNil as g, has as _ } from "lodash-es";
+import { isNil as g, has as h } from "lodash-es";
 import { getTranslationFor as p, truncate as V } from "../../utils/helpers.mjs";
-import { mapGetters as C } from "vuex";
-import w from "../../widgets/AppLink.vue.mjs";
-import { resolveComponent as y, openBlock as l, createElementBlock as o, createVNode as f, createTextVNode as a, Fragment as v, renderList as b, createElementVNode as i, toDisplayString as r, createCommentVNode as D, withCtx as F, pushScopeId as L, popScopeId as A } from "vue";
+import { mapGetters as x } from "vuex";
+import C from "../../widgets/AppLink.vue.mjs";
+import { resolveComponent as y, openBlock as l, createElementBlock as o, createVNode as f, createTextVNode as n, createElementVNode as e, Fragment as v, renderList as b, toDisplayString as r, createCommentVNode as D, withCtx as w } from "vue";
 import "./DatasetDetailsFeatureHeader.vue2.mjs";
-import I from "../../_virtual/_plugin-vue_export-helper.mjs";
+import F from "../../_virtual/_plugin-vue_export-helper.mjs";
 import "./DatasetDetailsVisualisations.vue2.mjs";
-const M = {
+const L = {
   name: "DatasetDetailsVisualisations",
   components: {
     // DatasetDetailsFeatureHeader,
-    AppLink: w
+    AppLink: C
   },
   props: {
     trackGoto: Function
@@ -30,7 +30,7 @@ const M = {
     };
   },
   computed: {
-    ...C("datasetDetails", [
+    ...x("datasetDetails", [
       "getLanguages",
       "getVisualisations"
     ]),
@@ -41,7 +41,7 @@ const M = {
       return this.getVisualisations.length - this.visualisations.displayCount;
     },
     displayedVisualisations() {
-      const s = [...this.getVisualisations].sort((n, d) => p(n.title, this.$route.query.locale, this.getLanguages) < p(d.title, this.$route.query.locale, this.getLanguages) ? -1 : p(n.title, this.$route.query.locale, this.getLanguages) > p(d.title, this.$route.query.locale, this.getLanguages) ? 1 : 0);
+      const s = [...this.getVisualisations].sort((t, u) => p(t.title, this.$route.query.locale, this.getLanguages) < p(u.title, this.$route.query.locale, this.getLanguages) ? -1 : p(t.title, this.$route.query.locale, this.getLanguages) > p(u.title, this.$route.query.locale, this.getLanguages) ? 1 : 0);
       return this.visualisations.displayAll ? Object.freeze(s) : Object.freeze(s.slice(0, this.visualisations.displayCount));
     }
   },
@@ -51,8 +51,8 @@ const M = {
       this.visualisations.isVisible = !this.visualisations.isVisible;
     },
     toggleVisualisationDescription(s) {
-      const n = this.expandedVisualisationDescriptions.indexOf(s);
-      n > -1 ? this.expandedVisualisationDescriptions.splice(n, 1) : this.expandedVisualisationDescriptions.push(s);
+      const t = this.expandedVisualisationDescriptions.indexOf(s);
+      t > -1 ? this.expandedVisualisationDescriptions.splice(t, 1) : this.expandedVisualisationDescriptions.push(s);
     },
     visualisationIsExpanded(s) {
       return this.expandedVisualisations.includes(s);
@@ -66,14 +66,14 @@ const M = {
     // Increases the current number of distributions displayed
     // and clamps the result so that it never exceeds the number of all distributions.
     increaseNumDisplayedVisualisations(s) {
-      const n = this.clamp(this.visualisations.displayCount + s, 0, this.getVisualisations.length);
-      this.visualisations.displayCount = n;
+      const t = this.clamp(this.visualisations.displayCount + s, 0, this.getVisualisations.length);
+      this.visualisations.displayCount = t;
     },
     nonOverflowingIncrementsForVisualisations(s) {
       return this.visualisations.displayCount + s <= this.getVisualisations.length;
     },
     getVisualisationFormat(s) {
-      return _(s, "format.label") && !g(s.format.label) ? s.format.label : "UNKNOWN";
+      return h(s, "format.label") && !g(s.format.label) ? s.format.label : "UNKNOWN";
     },
     visualisationFormatTruncated(s) {
       return this.getVisualisationFormat(s).length > 4;
@@ -82,118 +82,118 @@ const M = {
       return s.title ? p(s.title, this.$route.query.locale, this.getLanguages) : V(s.resource, 50);
     },
     getVisualisationDescription(s) {
-      return _(s, "description") && !g(s.description) ? p(s.description, this.$route.query.locale, this.getLanguages) : this.$t("message.catalogsAndDatasets.noDescriptionAvailable");
+      return h(s, "description") && !g(s.description) ? p(s.description, this.$route.query.locale, this.getLanguages) : this.$t("message.catalogsAndDatasets.noDescriptionAvailable");
     },
-    clamp(s, n, d) {
-      return Math.min(Math.max(s, n), d);
+    clamp(s, t, u) {
+      return Math.min(Math.max(s, t), u);
     }
   }
-}, m = (s) => (L("data-v-fb260c61"), s = s(), A(), s), N = { class: "dsd-feature" }, S = {
+}, A = { class: "dsd-feature" }, M = {
   key: 0,
   class: "list list-unstyled col-12"
-}, T = /* @__PURE__ */ m(() => /* @__PURE__ */ i("hr", null, null, -1)), E = {
+}, N = {
   key: 0,
   class: "distributions__item--preview"
-}, q = { class: "distributions__actions pb-md-3" }, O = ["onClick"], G = /* @__PURE__ */ m(() => /* @__PURE__ */ i("i", { class: "fas fa-chevron-down" }, null, -1)), j = /* @__PURE__ */ m(() => /* @__PURE__ */ i("i", { class: "fas fa-eye" }, null, -1)), z = { class: "row" }, B = { class: "d-inline-block col-2 col-md-1 pl-1 p-md-3 px-md-4 m-md-0 m-auto" }, U = ["type", "data-toggle", "data-placement", "title"], K = { class: "col-10 col-md-11" }, W = { class: "row" }, X = { class: "d-inline-block col-12" }, $ = ["title"], H = { class: "d-inline-block col-12 col-md-9 col-lg-7" }, J = { class: "mt-2 d-block" }, P = { key: 0 }, Q = { class: "text-muted" }, R = ["onClick"], Y = { key: 1 }, Z = { class: "text-muted" }, ss = { key: 2 }, ts = { class: "text-muted" }, is = ["onClick"], es = { class: "col-12 col-md-3 col-lg-5 mt-2 text-md-right text-left" }, as = { class: "download dropdown d-inline-block" }, ns = /* @__PURE__ */ m(() => /* @__PURE__ */ i("hr", { class: "mt-1" }, null, -1));
-function ls(s, n, d, os, c, t) {
-  const k = y("dataset-details-feature-header"), x = y("app-link");
-  return l(), o("div", N, [
-    f(k, {
+}, T = { class: "distributions__actions pb-md-3" }, I = ["onClick"], E = { class: "row" }, S = { class: "d-inline-block col-2 col-md-1 pl-1 p-md-3 px-md-4 m-md-0 m-auto" }, q = ["type", "data-toggle", "data-placement", "title"], O = { class: "col-10 col-md-11" }, G = { class: "row" }, j = { class: "d-inline-block col-12" }, z = ["title"], B = { class: "d-inline-block col-12 col-md-9 col-lg-7" }, U = { class: "mt-2 d-block" }, K = { key: 0 }, W = { class: "text-muted" }, X = ["onClick"], $ = { key: 1 }, H = { class: "text-muted" }, J = { key: 2 }, P = { class: "text-muted" }, Q = ["onClick"], R = { class: "col-12 col-md-3 col-lg-5 mt-2 text-md-right text-left" }, Y = { class: "download dropdown d-inline-block" };
+function Z(s, t, u, ss, d, i) {
+  const _ = y("dataset-details-feature-header"), k = y("app-link");
+  return l(), o("div", A, [
+    f(_, {
       title: `${s.$t("message.metadata.visualisations")} (${s.getVisualisations ? s.getVisualisations.length.toLocaleString("fi") : 0})`,
-      arrowDown: !c.visualisations.isVisible,
-      onClick: t.toggleVisualisation
+      arrowDown: !d.visualisations.isVisible,
+      onClick: i.toggleVisualisation
     }, null, 8, ["title", "arrowDown", "onClick"]),
-    a(),
-    c.visualisations.isVisible ? (l(), o("ul", S, [
-      T,
-      a(),
+    t[12] || (t[12] = n()),
+    d.visualisations.isVisible ? (l(), o("ul", M, [
+      t[10] || (t[10] = e("hr", null, null, -1)),
+      t[11] || (t[11] = n()),
       (l(), o("div", {
         class: "distributions",
-        key: `${c.expandedVisualisations.length}--${c.expandedVisualisationDescriptions.length}`
+        key: `${d.expandedVisualisations.length}--${d.expandedVisualisationDescriptions.length}`
       }, [
-        (l(!0), o(v, null, b(t.displayedVisualisations, (e, h) => (l(), o("div", {
-          key: h,
+        (l(!0), o(v, null, b(i.displayedVisualisations, (a, m) => (l(), o("div", {
+          key: m,
           class: "distributions__item"
         }, [
-          !c.visualisations.displayAll && !t.isVisualisationsAllDisplayed && h === c.visualisations.displayCount - 1 ? (l(), o("div", E, [
-            i("div", q, [
-              (l(!0), o(v, null, b(c.visualisations.incrementSteps.filter(t.nonOverflowingIncrementsForVisualisations), (u) => (l(), o("button", {
-                key: u,
+          !d.visualisations.displayAll && !i.isVisualisationsAllDisplayed && m === d.visualisations.displayCount - 1 ? (l(), o("div", N, [
+            e("div", T, [
+              (l(!0), o(v, null, b(d.visualisations.incrementSteps.filter(i.nonOverflowingIncrementsForVisualisations), (c) => (l(), o("button", {
+                key: c,
                 class: "btn btn-sm btn-secondary mr-1",
-                onClick: (rs) => t.increaseNumDisplayedVisualisations(u)
+                onClick: (ts) => i.increaseNumDisplayedVisualisations(c)
               }, [
-                G,
-                a(" " + r(s.$t("message.metadata.showXMore", { increment: u })), 1)
-              ], 8, O))), 128)),
-              a(),
-              i("button", {
+                t[1] || (t[1] = e("i", { class: "fas fa-chevron-down" }, null, -1)),
+                n(" " + r(s.$t("message.metadata.showXMore", { increment: c })), 1)
+              ], 8, I))), 128)),
+              t[3] || (t[3] = n()),
+              e("button", {
                 class: "btn btn-sm btn-primary",
-                onClick: n[0] || (n[0] = (u) => c.visualisations.displayCount = s.getVisualisations.length)
+                onClick: t[0] || (t[0] = (c) => d.visualisations.displayCount = s.getVisualisations.length)
               }, [
-                j,
-                a(" " + r(s.$t("message.metadata.showAll")) + " " + r(s.getVisualisations.length.toLocaleString("fi")), 1)
+                t[2] || (t[2] = e("i", { class: "fas fa-eye" }, null, -1)),
+                n(" " + r(s.$t("message.metadata.showAll")) + " " + r(s.getVisualisations.length.toLocaleString("fi")), 1)
               ])
             ])
           ])) : D("", !0),
-          a(),
-          i("li", z, [
-            i("span", B, [
-              i("div", {
+          t[7] || (t[7] = n()),
+          e("li", E, [
+            e("span", S, [
+              e("div", {
                 class: "circle float-md-right text-center text-white",
-                type: t.getVisualisationFormat(e),
-                "data-toggle": t.visualisationFormatTruncated(e) ? "tooltip" : !1,
-                "data-placement": t.visualisationFormatTruncated(e) ? "top" : !1,
-                title: t.visualisationFormatTruncated(e) ? t.getVisualisationFormat(e) : !1
+                type: i.getVisualisationFormat(a),
+                "data-toggle": i.visualisationFormatTruncated(a) ? "tooltip" : !1,
+                "data-placement": i.visualisationFormatTruncated(a) ? "top" : !1,
+                title: i.visualisationFormatTruncated(a) ? i.getVisualisationFormat(a) : !1
               }, [
-                i("span", null, r(t.truncate(t.getVisualisationFormat(e), 4, !0)), 1)
-              ], 8, U)
+                e("span", null, r(i.truncate(i.getVisualisationFormat(a), 4, !0)), 1)
+              ], 8, q)
             ]),
-            a(),
-            i("span", K, [
-              i("span", W, [
-                i("span", X, [
-                  i("h3", {
+            t[6] || (t[6] = n()),
+            e("span", O, [
+              e("span", G, [
+                e("span", j, [
+                  e("h3", {
                     class: "m-0 text-break",
-                    title: t.getVisualisationTitle(e)
-                  }, r(t.getVisualisationTitle(e)), 9, $)
+                    title: i.getVisualisationTitle(a)
+                  }, r(i.getVisualisationTitle(a)), 9, z)
                 ]),
-                a(),
-                i("span", H, [
-                  i("span", J, [
-                    t.visualisationDescriptionIsExpanded(`visualisation-description-toggle-${h}`) ? (l(), o("small", P, [
-                      i("p", Q, [
-                        a(r(t.getVisualisationDescription(e)) + " ", 1),
-                        i("span", {
+                t[4] || (t[4] = n()),
+                e("span", B, [
+                  e("span", U, [
+                    i.visualisationDescriptionIsExpanded(`visualisation-description-toggle-${m}`) ? (l(), o("small", K, [
+                      e("p", W, [
+                        n(r(i.getVisualisationDescription(a)) + " ", 1),
+                        e("span", {
                           class: "text-primary details-link pl-2",
-                          onClick: (u) => t.toggleVisualisationDescription(`visualisation-description-toggle-${h}`)
-                        }, r(s.$t("message.metadata.readLess")), 9, R)
+                          onClick: (c) => i.toggleVisualisationDescription(`visualisation-description-toggle-${m}`)
+                        }, r(s.$t("message.metadata.readLess")), 9, X)
                       ])
-                    ])) : t.visualisationDescriptionIsExpandable(t.getVisualisationDescription(e)) ? (l(), o("small", ss, [
-                      i("p", ts, [
-                        a(r(t.truncate(t.getVisualisationDescription(e), c.visualisations.descriptionMaxChars)) + " ", 1),
-                        i("span", {
+                    ])) : i.visualisationDescriptionIsExpandable(i.getVisualisationDescription(a)) ? (l(), o("small", J, [
+                      e("p", P, [
+                        n(r(i.truncate(i.getVisualisationDescription(a), d.visualisations.descriptionMaxChars)) + " ", 1),
+                        e("span", {
                           class: "text-primary details-link pl-2",
-                          onClick: (u) => t.toggleVisualisationDescription(`visualisation-description-toggle-${h}`)
-                        }, r(s.$t("message.metadata.readMore")), 9, is)
+                          onClick: (c) => i.toggleVisualisationDescription(`visualisation-description-toggle-${m}`)
+                        }, r(s.$t("message.metadata.readMore")), 9, Q)
                       ])
-                    ])) : (l(), o("small", Y, [
-                      i("p", Z, r(t.getVisualisationDescription(e)), 1)
+                    ])) : (l(), o("small", $, [
+                      e("p", H, r(i.getVisualisationDescription(a)), 1)
                     ]))
                   ])
                 ]),
-                a(),
-                i("span", es, [
-                  i("span", as, [
-                    f(x, {
+                t[5] || (t[5] = n()),
+                e("span", R, [
+                  e("span", Y, [
+                    f(k, {
                       class: "btn btn-sm btn-primary p-0 pl-2 pr-2 w-100 rounded-lg btn-color",
-                      to: e.accessUrl[0],
+                      to: a.accessUrl[0],
                       target: "_blank",
                       rel: "dcat:distribution noopener",
                       "matomo-track-download": "",
-                      onAfterClick: d.trackGoto
+                      onAfterClick: u.trackGoto
                     }, {
-                      default: F(() => [
-                        a(r(s.$t("message.datasetDetails.access")), 1)
+                      default: w(() => [
+                        n(r(s.$t("message.datasetDetails.access")), 1)
                       ]),
                       _: 2
                     }, 1032, ["to", "onAfterClick"])
@@ -202,15 +202,15 @@ function ls(s, n, d, os, c, t) {
               ])
             ])
           ]),
-          a(),
-          ns
+          t[8] || (t[8] = n()),
+          t[9] || (t[9] = e("hr", { class: "mt-1" }, null, -1))
         ]))), 128))
       ]))
     ])) : D("", !0)
   ]);
 }
-const Vs = /* @__PURE__ */ I(M, [["render", ls], ["__scopeId", "data-v-fb260c61"]]);
+const us = /* @__PURE__ */ F(L, [["render", Z], ["__scopeId", "data-v-fb260c61"]]);
 export {
-  Vs as default
+  us as default
 };
 //# sourceMappingURL=DatasetDetailsVisualisations.vue.mjs.map

package/dist/datasetDetails/features/DatasetDetailsVisualisations.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetDetailsVisualisations.vue.mjs","sources":["../../../lib/datasetDetails/features/DatasetDetailsVisualisations.vue"],"sourcesContent":["<template>\n  <div class=\"dsd-feature\">\n    <dataset-details-feature-header\n      :title=\"`${$t('message.metadata.visualisations')} (${getVisualisations ? getVisualisations.length.toLocaleString('fi') : 0})`\"\n      :arrowDown=\"!visualisations.isVisible\"\n      :onClick=\"toggleVisualisation\"\n    />\n    <ul v-if=\"visualisations.isVisible\" class=\"list list-unstyled col-12\">\n      <hr>\n      <div class=\"distributions\" :key=\"`${expandedVisualisations.length}--${expandedVisualisationDescriptions.length}`\">\n        <div\n          v-for=\"(visualisation, i) in displayedVisualisations\"\n          :key=\"i\"\n          class=\"distributions__item\"\n        >\n          <!-- Preview and action overlay -->\n          <div\n            v-if=\"!visualisations.displayAll && !isVisualisationsAllDisplayed && i === visualisations.displayCount - 1\"\n            class=\"distributions__item--preview\"\n          >\n            <!-- Fade out the last item so it has a preview feel -->\n            <!-- Render actions on top of it -->\n            <div class=\"distributions__actions pb-md-3\">\n              <button\n                v-for=\"increment in visualisations.incrementSteps.filter(nonOverflowingIncrementsForVisualisations)\"\n                :key=\"increment\"\n                class=\"btn btn-sm btn-secondary mr-1\"\n                @click=\"increaseNumDisplayedVisualisations(increment)\"\n              >\n                <i class=\"fas fa-chevron-down\"/> {{ $t('message.metadata.showXMore', { increment }) }}\n              </button>\n              <button\n                class=\"btn btn-sm btn-primary\"\n                @click=\"visualisations.displayCount = getVisualisations.length\"\n              >\n                <i class=\"fas fa-eye\"/> {{ $t('message.metadata.showAll') }} {{ getVisualisations.length.toLocaleString('fi') }}\n              </button>\n            </div>\n          </div>\n          <li class=\"row\">\n            <!-- VISUALISATION FORMAT -->\n            <span class=\"d-inline-block col-2 col-md-1 pl-1 p-md-3 px-md-4 m-md-0 m-auto\">\n                <div class=\"circle float-md-right text-center text-white\"\n                     :type=\"getVisualisationFormat(visualisation)\"\n                     :data-toggle=\"visualisationFormatTruncated(visualisation) ? 'tooltip' : false\"\n                     :data-placement=\"visualisationFormatTruncated(visualisation) ? 'top' : false\"\n                     :title=\"visualisationFormatTruncated(visualisation) ? getVisualisationFormat(visualisation) : false\">\n                  <span>{{ truncate(getVisualisationFormat(visualisation), 4, true) }}</span>\n                </div>\n              </span>\n            <span class=\"col-10 col-md-11\">\n                <span class=\"row\">\n                  <!-- VISUALISATION TITLE -->\n                  <span class=\"d-inline-block col-12\">\n                    <h3 class=\"m-0 text-break\" :title=\"getVisualisationTitle(visualisation)\">{{ getVisualisationTitle(visualisation) }}</h3>\n                  </span>\n                  <span class=\"d-inline-block col-12 col-md-9 col-lg-7\">\n                    <!-- VISUALISATION DESCRIPTION -->\n                    <span class=\"mt-2 d-block\">\n                      <small v-if=\"visualisationDescriptionIsExpanded(`visualisation-description-toggle-${i}`)\">\n                        <p class=\"text-muted\">\n                          {{ getVisualisationDescription(visualisation) }}\n                          <span class=\"text-primary details-link pl-2\" @click=\"toggleVisualisationDescription(`visualisation-description-toggle-${i}`)\">\n                            {{ $t('message.metadata.readLess') }}\n                          </span>\n                        </p>\n                      </small>\n                      <small v-else-if=\"!visualisationDescriptionIsExpandable(getVisualisationDescription(visualisation))\">\n                        <p class=\"text-muted\">{{ getVisualisationDescription(visualisation) }}</p>\n                      </small>\n                      <small v-else>\n                        <p class=\"text-muted\">\n                          {{ truncate(getVisualisationDescription(visualisation), visualisations.descriptionMaxChars) }}\n                          <span class=\"text-primary details-link pl-2\" @click=\"toggleVisualisationDescription(`visualisation-description-toggle-${i}`)\">\n                            {{ $t('message.metadata.readMore') }}\n                          </span>\n                        </p>\n                      </small>\n                    </span>\n                  </span>\n                  <!-- VISUALISATION BUTTONS -->\n                  <span class=\"col-12 col-md-3 col-lg-5 mt-2 text-md-right text-left\">\n                    <!-- VISUALISATION DOWNLOAD -->\n                    <span class=\"download dropdown d-inline-block\">\n                      <app-link class=\"btn btn-sm btn-primary p-0 pl-2 pr-2 w-100 rounded-lg btn-color\"\n                                :to=\"visualisation.accessUrl[0]\"\n                                target=\"_blank\"\n                                rel=\"dcat:distribution noopener\"\n                                matomo-track-download\n                                @after-click=\"trackGoto\">\n                            {{ $t('message.datasetDetails.access') }}\n                      </app-link>\n                      </span>\n                  </span>\n                </span>\n              </span>\n          </li>\n          <hr class=\"mt-1\">\n        </div>\n      </div>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport {has, isNil} from \"lodash\";\nimport {getTranslationFor, truncate} from \"../../utils/helpers\";\nimport {mapGetters} from \"vuex\";\nimport AppLink from \"../../widgets/AppLink\";\nimport DatasetDetailsFeatureHeader\n  from \"../../datasetDetails/features/DatasetDetailsFeatureHeader\";\n\nexport default {\n  name: \"DatasetDetailsVisualisations\",\n  components: {\n    // DatasetDetailsFeatureHeader,\n    AppLink},\n  props: {\n    trackGoto: Function\n  },\n  data() {\n    return {\n      expandedVisualisationDescriptions: [],\n      expandedVisualisations: [],\n      visualisations: {\n        isVisible: this.$env.content.datasetDetails.visualisations.isVisible,\n        displayAll: this.$env.content.datasetDetails.visualisations.displayAll,\n        displayCount: this.$env.content.datasetDetails.visualisations.displayCount,\n        incrementSteps: this.$env.content.datasetDetails.visualisations.incrementSteps,\n        descriptionMaxLines: this.$env.content.datasetDetails.visualisations.descriptionMaxLines,\n        descriptionMaxChars: this.$env.content.datasetDetails.visualisations.descriptionMaxChars,\n      }\n    };\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getLanguages',\n      'getVisualisations'\n    ]),\n    isVisualisationsAllDisplayed() {\n      return this.visualisations.displayCount === this.getVisualisations.length;\n    },\n    remainingVisualisations() {\n      return this.getVisualisations.length - this.visualisations.displayCount;\n    },\n    displayedVisualisations() {\n      const sorted = [...this.getVisualisations].sort((a, b) => {\n        if (getTranslationFor(a.title, this.$route.query.locale, this.getLanguages) < getTranslationFor(b.title, this.$route.query.locale, this.getLanguages)) { return -1; }\n        if (getTranslationFor(a.title, this.$route.query.locale, this.getLanguages) > getTranslationFor(b.title, this.$route.query.locale, this.getLanguages)) { return 1; }\n        return 0;\n      });\n      return this.visualisations.displayAll\n        ? Object.freeze(sorted)\n        : Object.freeze(sorted.slice(0, this.visualisations.displayCount));\n    }\n  },\n  methods: {\n    truncate,\n    toggleVisualisation() {\n      this.visualisations.isVisible = !this.visualisations.isVisible;\n    },\n    toggleVisualisationDescription(id) {\n      const index = this.expandedVisualisationDescriptions.indexOf(id);\n      if (index > -1) this.expandedVisualisationDescriptions.splice(index, 1);\n      else this.expandedVisualisationDescriptions.push(id);\n    },\n    visualisationIsExpanded(id) {\n      return this.expandedVisualisations.includes(id);\n    },\n    visualisationDescriptionIsExpanded(id) {\n      return this.expandedVisualisationDescriptions.includes(id);\n    },\n    visualisationDescriptionIsExpandable(description) {\n      return isNil(description) ? false : description.length > this.visualisations.descriptionMaxChars;\n    },\n    // Increases the current number of distributions displayed\n    // and clamps the result so that it never exceeds the number of all distributions.\n    increaseNumDisplayedVisualisations(increment) {\n      const clampedSum = this.clamp(this.visualisations.displayCount + increment, 0, this.getVisualisations.length);\n      this.visualisations.displayCount = clampedSum;\n    },\n    nonOverflowingIncrementsForVisualisations(incrementStep) {\n      return this.visualisations.displayCount + incrementStep <= this.getVisualisations.length;\n    },\n    getVisualisationFormat(visualisation) {\n      return has(visualisation, 'format.label') && !isNil(visualisation.format.label) ? visualisation.format.label : 'UNKNOWN';\n    },\n    visualisationFormatTruncated(visualisation) {\n      return this.getVisualisationFormat(visualisation).length > 4;\n    },\n    getVisualisationTitle(visualisation) {\n      return visualisation.title ? getTranslationFor(visualisation.title, this.$route.query.locale, this.getLanguages) : truncate(visualisation.resource, 50);\n    },\n    getVisualisationDescription(visualisation) {\n      return (has(visualisation, 'description') && !isNil(visualisation.description)) ? getTranslationFor(visualisation.description, this.$route.query.locale, this.getLanguages) : this.$t('message.catalogsAndDatasets.noDescriptionAvailable');\n    },\n    clamp(n, min, max) {\n      return Math.min(Math.max(n, min), max);\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.heading, .arrow {\n  cursor: pointer;\n}\n\n.distributions {\n\n  &__item {\n    position: relative;\n\n    &--preview {\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, white 55%);\n      z-index: 10;\n    }\n  }\n\n  &__actions {\n    display: flex;\n    justify-content: center;\n    align-items: flex-end;\n    height: 100%;\n    z-index: 11;\n  }\n}\n\n</style>\n"],"names":["_sfc_main","AppLink","mapGetters","sorted","a","b","getTranslationFor","truncate","id","index","description","isNil","increment","clampedSum","incrementStep","visualisation","has","n","min","max","_hoisted_1","_createElementVNode","_hoisted_5","_hoisted_6","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_19","_hoisted_20","_hoisted_22","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_openBlock","_createElementBlock","_createVNode","_component_dataset_details_feature_header","_ctx","$data","$options","_createTextVNode","_hoisted_2","_hoisted_3","_Fragment","_renderList","i","_hoisted_4","$event","_hoisted_7","_toDisplayString","_hoisted_8","_createCommentVNode","_hoisted_18","_hoisted_23","_hoisted_21","_component_app_link","$props","_withCtx","_hoisted_28"],"mappings":"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"}
+{"version":3,"file":"DatasetDetailsVisualisations.vue.mjs","sources":["../../../lib/datasetDetails/features/DatasetDetailsVisualisations.vue"],"sourcesContent":["<template>\n  <div class=\"dsd-feature\">\n    <dataset-details-feature-header\n      :title=\"`${$t('message.metadata.visualisations')} (${getVisualisations ? getVisualisations.length.toLocaleString('fi') : 0})`\"\n      :arrowDown=\"!visualisations.isVisible\"\n      :onClick=\"toggleVisualisation\"\n    />\n    <ul v-if=\"visualisations.isVisible\" class=\"list list-unstyled col-12\">\n      <hr>\n      <div class=\"distributions\" :key=\"`${expandedVisualisations.length}--${expandedVisualisationDescriptions.length}`\">\n        <div\n          v-for=\"(visualisation, i) in displayedVisualisations\"\n          :key=\"i\"\n          class=\"distributions__item\"\n        >\n          <!-- Preview and action overlay -->\n          <div\n            v-if=\"!visualisations.displayAll && !isVisualisationsAllDisplayed && i === visualisations.displayCount - 1\"\n            class=\"distributions__item--preview\"\n          >\n            <!-- Fade out the last item so it has a preview feel -->\n            <!-- Render actions on top of it -->\n            <div class=\"distributions__actions pb-md-3\">\n              <button\n                v-for=\"increment in visualisations.incrementSteps.filter(nonOverflowingIncrementsForVisualisations)\"\n                :key=\"increment\"\n                class=\"btn btn-sm btn-secondary mr-1\"\n                @click=\"increaseNumDisplayedVisualisations(increment)\"\n              >\n                <i class=\"fas fa-chevron-down\"/> {{ $t('message.metadata.showXMore', { increment }) }}\n              </button>\n              <button\n                class=\"btn btn-sm btn-primary\"\n                @click=\"visualisations.displayCount = getVisualisations.length\"\n              >\n                <i class=\"fas fa-eye\"/> {{ $t('message.metadata.showAll') }} {{ getVisualisations.length.toLocaleString('fi') }}\n              </button>\n            </div>\n          </div>\n          <li class=\"row\">\n            <!-- VISUALISATION FORMAT -->\n            <span class=\"d-inline-block col-2 col-md-1 pl-1 p-md-3 px-md-4 m-md-0 m-auto\">\n                <div class=\"circle float-md-right text-center text-white\"\n                     :type=\"getVisualisationFormat(visualisation)\"\n                     :data-toggle=\"visualisationFormatTruncated(visualisation) ? 'tooltip' : false\"\n                     :data-placement=\"visualisationFormatTruncated(visualisation) ? 'top' : false\"\n                     :title=\"visualisationFormatTruncated(visualisation) ? getVisualisationFormat(visualisation) : false\">\n                  <span>{{ truncate(getVisualisationFormat(visualisation), 4, true) }}</span>\n                </div>\n              </span>\n            <span class=\"col-10 col-md-11\">\n                <span class=\"row\">\n                  <!-- VISUALISATION TITLE -->\n                  <span class=\"d-inline-block col-12\">\n                    <h3 class=\"m-0 text-break\" :title=\"getVisualisationTitle(visualisation)\">{{ getVisualisationTitle(visualisation) }}</h3>\n                  </span>\n                  <span class=\"d-inline-block col-12 col-md-9 col-lg-7\">\n                    <!-- VISUALISATION DESCRIPTION -->\n                    <span class=\"mt-2 d-block\">\n                      <small v-if=\"visualisationDescriptionIsExpanded(`visualisation-description-toggle-${i}`)\">\n                        <p class=\"text-muted\">\n                          {{ getVisualisationDescription(visualisation) }}\n                          <span class=\"text-primary details-link pl-2\" @click=\"toggleVisualisationDescription(`visualisation-description-toggle-${i}`)\">\n                            {{ $t('message.metadata.readLess') }}\n                          </span>\n                        </p>\n                      </small>\n                      <small v-else-if=\"!visualisationDescriptionIsExpandable(getVisualisationDescription(visualisation))\">\n                        <p class=\"text-muted\">{{ getVisualisationDescription(visualisation) }}</p>\n                      </small>\n                      <small v-else>\n                        <p class=\"text-muted\">\n                          {{ truncate(getVisualisationDescription(visualisation), visualisations.descriptionMaxChars) }}\n                          <span class=\"text-primary details-link pl-2\" @click=\"toggleVisualisationDescription(`visualisation-description-toggle-${i}`)\">\n                            {{ $t('message.metadata.readMore') }}\n                          </span>\n                        </p>\n                      </small>\n                    </span>\n                  </span>\n                  <!-- VISUALISATION BUTTONS -->\n                  <span class=\"col-12 col-md-3 col-lg-5 mt-2 text-md-right text-left\">\n                    <!-- VISUALISATION DOWNLOAD -->\n                    <span class=\"download dropdown d-inline-block\">\n                      <app-link class=\"btn btn-sm btn-primary p-0 pl-2 pr-2 w-100 rounded-lg btn-color\"\n                                :to=\"visualisation.accessUrl[0]\"\n                                target=\"_blank\"\n                                rel=\"dcat:distribution noopener\"\n                                matomo-track-download\n                                @after-click=\"trackGoto\">\n                            {{ $t('message.datasetDetails.access') }}\n                      </app-link>\n                      </span>\n                  </span>\n                </span>\n              </span>\n          </li>\n          <hr class=\"mt-1\">\n        </div>\n      </div>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport {has, isNil} from \"lodash\";\nimport {getTranslationFor, truncate} from \"../../utils/helpers\";\nimport {mapGetters} from \"vuex\";\nimport AppLink from \"../../widgets/AppLink\";\nimport DatasetDetailsFeatureHeader\n  from \"../../datasetDetails/features/DatasetDetailsFeatureHeader\";\n\nexport default {\n  name: \"DatasetDetailsVisualisations\",\n  components: {\n    // DatasetDetailsFeatureHeader,\n    AppLink},\n  props: {\n    trackGoto: Function\n  },\n  data() {\n    return {\n      expandedVisualisationDescriptions: [],\n      expandedVisualisations: [],\n      visualisations: {\n        isVisible: this.$env.content.datasetDetails.visualisations.isVisible,\n        displayAll: this.$env.content.datasetDetails.visualisations.displayAll,\n        displayCount: this.$env.content.datasetDetails.visualisations.displayCount,\n        incrementSteps: this.$env.content.datasetDetails.visualisations.incrementSteps,\n        descriptionMaxLines: this.$env.content.datasetDetails.visualisations.descriptionMaxLines,\n        descriptionMaxChars: this.$env.content.datasetDetails.visualisations.descriptionMaxChars,\n      }\n    };\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getLanguages',\n      'getVisualisations'\n    ]),\n    isVisualisationsAllDisplayed() {\n      return this.visualisations.displayCount === this.getVisualisations.length;\n    },\n    remainingVisualisations() {\n      return this.getVisualisations.length - this.visualisations.displayCount;\n    },\n    displayedVisualisations() {\n      const sorted = [...this.getVisualisations].sort((a, b) => {\n        if (getTranslationFor(a.title, this.$route.query.locale, this.getLanguages) < getTranslationFor(b.title, this.$route.query.locale, this.getLanguages)) { return -1; }\n        if (getTranslationFor(a.title, this.$route.query.locale, this.getLanguages) > getTranslationFor(b.title, this.$route.query.locale, this.getLanguages)) { return 1; }\n        return 0;\n      });\n      return this.visualisations.displayAll\n        ? Object.freeze(sorted)\n        : Object.freeze(sorted.slice(0, this.visualisations.displayCount));\n    }\n  },\n  methods: {\n    truncate,\n    toggleVisualisation() {\n      this.visualisations.isVisible = !this.visualisations.isVisible;\n    },\n    toggleVisualisationDescription(id) {\n      const index = this.expandedVisualisationDescriptions.indexOf(id);\n      if (index > -1) this.expandedVisualisationDescriptions.splice(index, 1);\n      else this.expandedVisualisationDescriptions.push(id);\n    },\n    visualisationIsExpanded(id) {\n      return this.expandedVisualisations.includes(id);\n    },\n    visualisationDescriptionIsExpanded(id) {\n      return this.expandedVisualisationDescriptions.includes(id);\n    },\n    visualisationDescriptionIsExpandable(description) {\n      return isNil(description) ? false : description.length > this.visualisations.descriptionMaxChars;\n    },\n    // Increases the current number of distributions displayed\n    // and clamps the result so that it never exceeds the number of all distributions.\n    increaseNumDisplayedVisualisations(increment) {\n      const clampedSum = this.clamp(this.visualisations.displayCount + increment, 0, this.getVisualisations.length);\n      this.visualisations.displayCount = clampedSum;\n    },\n    nonOverflowingIncrementsForVisualisations(incrementStep) {\n      return this.visualisations.displayCount + incrementStep <= this.getVisualisations.length;\n    },\n    getVisualisationFormat(visualisation) {\n      return has(visualisation, 'format.label') && !isNil(visualisation.format.label) ? visualisation.format.label : 'UNKNOWN';\n    },\n    visualisationFormatTruncated(visualisation) {\n      return this.getVisualisationFormat(visualisation).length > 4;\n    },\n    getVisualisationTitle(visualisation) {\n      return visualisation.title ? getTranslationFor(visualisation.title, this.$route.query.locale, this.getLanguages) : truncate(visualisation.resource, 50);\n    },\n    getVisualisationDescription(visualisation) {\n      return (has(visualisation, 'description') && !isNil(visualisation.description)) ? getTranslationFor(visualisation.description, this.$route.query.locale, this.getLanguages) : this.$t('message.catalogsAndDatasets.noDescriptionAvailable');\n    },\n    clamp(n, min, max) {\n      return Math.min(Math.max(n, min), max);\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.heading, .arrow {\n  cursor: pointer;\n}\n\n.distributions {\n\n  &__item {\n    position: relative;\n\n    &--preview {\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, white 55%);\n      z-index: 10;\n    }\n  }\n\n  &__actions {\n    display: flex;\n    justify-content: center;\n    align-items: flex-end;\n    height: 100%;\n    z-index: 11;\n  }\n}\n\n</style>\n"],"names":["_sfc_main","AppLink","mapGetters","sorted","a","b","getTranslationFor","truncate","id","index","description","isNil","increment","clampedSum","incrementStep","visualisation","has","n","min","max","_hoisted_1","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_16","_hoisted_17","_hoisted_19","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_openBlock","_createElementBlock","_createVNode","_component_dataset_details_feature_header","_ctx","$data","$options","_cache","_createTextVNode","_hoisted_2","_createElementVNode","_Fragment","_renderList","i","_hoisted_3","$event","_toDisplayString","_createCommentVNode","_hoisted_15","_hoisted_20","_hoisted_18","_component_app_link","$props","_withCtx"],"mappings":"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"}

package/dist/datasetDetails/header/DatasetDetailsHeader.vue.mjs

@@ -1,12 +1,12 @@
-import { mapGetters as _ } from "vuex";
-import { has as p, isNil as t, isObject as u } from "lodash-es";
-import b from "../../widgets/AppLink.vue.mjs";
+import { mapGetters as b } from "vuex";
+import { has as p, isNil as a, isObject as u } from "lodash-es";
+import _ from "../../widgets/AppLink.vue.mjs";
 import * as v from "../../utils/helpers.mjs";
-import a from "../../filters/dateFilters.mjs";
+import r from "../../filters/dateFilters.mjs";
 import y from "./DatasetDetailsHeaderTitle.vue.mjs";
 import P from "./DatasetDetailsHeaderCatalogue.vue.mjs";
 import N from "../../widgets/PropertyValue.vue.mjs";
-import { resolveComponent as r, openBlock as o, createElementBlock as k, createVNode as c, createTextVNode as s, createElementVNode as w, createBlock as h, createCommentVNode as f } from "vue";
+import { resolveComponent as o, openBlock as s, createElementBlock as k, createVNode as h, createTextVNode as i, createElementVNode as w, createBlock as f, createCommentVNode as g } from "vue";
 import C from "../../_virtual/_plugin-vue_export-helper.mjs";
 const { getTranslationFor: F, getCountryFlagImg: $, truncate: V } = v, E = {
   name: "datasetDetailsHeader",
@@ -14,7 +14,7 @@ const { getTranslationFor: F, getCountryFlagImg: $, truncate: V } = v, E = {
     PropertyValue: N,
     DatasetDetailsHeaderCatalogue: P,
     DatasetDetailsHeaderTitle: y,
-    AppLink: b
+    AppLink: _
   },
   data() {
     return {
@@ -23,7 +23,7 @@ const { getTranslationFor: F, getCountryFlagImg: $, truncate: V } = v, E = {
     };
   },
   computed: {
-    ..._("datasetDetails", [
+    ...b("datasetDetails", [
       "getCatalog",
       "getCountry",
       "getLanguages",
@@ -31,47 +31,47 @@ const { getTranslationFor: F, getCountryFlagImg: $, truncate: V } = v, E = {
       "getModificationDate"
     ]),
     getPublisherName() {
-      return p(this.getPublisher, "name") && !t(this.getPublisher.name) ? this.getPublisher.name : "";
+      return p(this.getPublisher, "name") && !a(this.getPublisher.name) ? this.getPublisher.name : "";
     }
   },
   methods: {
     has: p,
-    isNil: t,
+    isNil: a,
     isObject: u,
     truncate: V,
     getTranslationFor: F,
     getCountryFlagImg: $,
     filterDateFormatUS(e) {
-      return a.formatUS(e);
+      return r.formatUS(e);
     },
     filterDateFormatEU(e) {
-      return a.formatEU(e);
+      return r.formatEU(e);
     },
     showObject(e) {
-      return !t(e) && u(e) && !Object.values(e).reduce((i, l) => i && l === void 0, !0);
+      return !a(e) && u(e) && !Object.values(e).reduce((t, l) => t && l === void 0, !0);
     },
     filterDateFromNow(e) {
-      return a.fromNow(e);
+      return r.fromNow(e);
     }
   }
 }, H = { class: "dsd-header" }, O = { class: "d-flex offset-lg-1 col-lg-10 mt-1 px-0 flex-nowrap justify-content-between dsd-header-info" };
-function U(e, i, l, j, d, n) {
-  const g = r("dataset-details-header-title"), D = r("dataset-details-header-catalogue"), m = r("property-value");
-  return o(), k("div", H, [
-    c(g),
-    s(),
+function U(e, t, l, j, d, n) {
+  const c = o("dataset-details-header-title"), D = o("dataset-details-header-catalogue"), m = o("property-value");
+  return s(), k("div", H, [
+    h(c),
+    t[2] || (t[2] = i()),
     w("div", O, [
-      c(D, { class: "mr-2" }),
-      s(),
-      !d.hidePublisher && n.showObject(e.getPublisher) ? (o(), h(m, {
+      h(D, { class: "mr-2" }),
+      t[0] || (t[0] = i()),
+      !d.hidePublisher && n.showObject(e.getPublisher) ? (s(), f(m, {
         key: 0,
         property: e.$t("message.metadata.publisher"),
         tooltip: e.$t("message.tooltip.datasetDetails.publisher"),
         value: n.getPublisherName,
         class: "mr-2"
-      }, null, 8, ["property", "tooltip", "value"])) : f("", !0),
-      s(),
-      d.hideDate ? f("", !0) : (o(), h(m, {
+      }, null, 8, ["property", "tooltip", "value"])) : g("", !0),
+      t[1] || (t[1] = i()),
+      d.hideDate ? g("", !0) : (s(), f(m, {
         key: 1,
         property: e.$t("message.metadata.updated"),
         tooltip: e.$t("message.tooltip.datasetDetails.updated"),

package/dist/datasetDetails/header/DatasetDetailsHeader.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetDetailsHeader.vue.mjs","sources":["../../../lib/datasetDetails/header/DatasetDetailsHeader.vue"],"sourcesContent":["<template>\n  <!-- HEADER -->\n  <div class=\"dsd-header\">\n    <dataset-details-header-title />\n    <div class=\"d-flex offset-lg-1 col-lg-10 mt-1 px-0 flex-nowrap justify-content-between dsd-header-info\">\n      <dataset-details-header-catalogue class=\"mr-2\"/>\n      <property-value\n        v-if=\"!hidePublisher && showObject(getPublisher)\"\n        :property=\"$t('message.metadata.publisher')\"\n        :tooltip=\"$t('message.tooltip.datasetDetails.publisher')\"\n        :value=\"getPublisherName\"\n        class=\"mr-2\"\n      />\n      <property-value\n        v-if=\"!hideDate\"\n        :property=\"$t('message.metadata.updated')\"\n        :tooltip=\"$t('message.tooltip.datasetDetails.updated')\"\n        :value=\"getModificationDate\"\n        :isDate=\"true\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n  import { mapGetters } from 'vuex';\n  import { has, isNil, isObject } from 'lodash-es';\n\n  import AppLink from '../../widgets/AppLink.vue';\n  import * as helpers from '../../utils/helpers';\n  import dateFilters from '../../filters/dateFilters';\n  import DatasetDetailsHeaderTitle from \"../../datasetDetails/header/DatasetDetailsHeaderTitle\";\n  import DatasetDetailsHeaderCatalogue\n    from \"../../datasetDetails/header/DatasetDetailsHeaderCatalogue\";\n  import PropertyValue from \"../../widgets/PropertyValue\";\n  const { getTranslationFor, getCountryFlagImg, truncate } = helpers;\n\n  export default {\n    name: 'datasetDetailsHeader',\n    components: {\n      PropertyValue,\n      DatasetDetailsHeaderCatalogue,\n      DatasetDetailsHeaderTitle,\n      AppLink,\n    },\n    data() {\n      return {\n        hidePublisher: this.$env.content.datasetDetails.header.hidePublisher,\n        hideDate: this.$env.content.datasetDetails.header.hideDate,\n      };\n    },\n    computed: {\n      ...mapGetters('datasetDetails', [\n        'getCatalog',\n        'getCountry',\n        'getLanguages',\n        'getPublisher',\n        'getModificationDate'\n      ]),\n      getPublisherName() {\n        if (has(this.getPublisher, 'name') && !isNil(this.getPublisher.name)) {\n          return this.getPublisher.name;\n        } else {\n          return \"\";\n        }\n      }\n    },\n    methods: {\n      has,\n      isNil,\n      isObject,\n      truncate,\n      getTranslationFor,\n      getCountryFlagImg,\n      filterDateFormatUS(date) {\n        return dateFilters.formatUS(date);\n      },\n      filterDateFormatEU(date) {\n        return dateFilters.formatEU(date);\n      },\n      showObject(object) {\n        return !isNil(object) && isObject(object) && !Object.values(object).reduce((keyUndefined, currentValue) => keyUndefined && currentValue === undefined, true);\n      },\n      filterDateFromNow(date) {\n        return dateFilters.fromNow(date);\n      }\n    },\n  };\n</script>\n\n"],"names":["getTranslationFor","getCountryFlagImg","truncate","helpers","_sfc_main","PropertyValue","DatasetDetailsHeaderCatalogue","DatasetDetailsHeaderTitle","AppLink","mapGetters","has","isNil","isObject","date","dateFilters","object","keyUndefined","currentValue","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createVNode","_component_dataset_details_header_title","_createTextVNode","_createElementVNode","_component_dataset_details_header_catalogue","$data","$options","_ctx","_createBlock","_component_property_value","_createCommentVNode"],"mappings":";;;;;;;;;;AAmCE,MAAM,EAAE,mBAAAA,GAAmB,mBAAAC,GAAmB,UAAAC,EAAO,IAAMC,GAEtDC,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,eAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,SAAAC;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe,KAAK,KAAK,QAAQ,eAAe,OAAO;AAAA,MACvD,UAAU,KAAK,KAAK,QAAQ,eAAe,OAAO;AAAA;EAErD;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACD,mBAAmB;AACjB,aAAIC,EAAI,KAAK,cAAc,MAAM,KAAK,CAACC,EAAM,KAAK,aAAa,IAAI,IAC1D,KAAK,aAAa,OAElB;AAAA,IAEX;AAAA,EACD;AAAA,EACD,SAAS;AAAA,IACP,KAAAD;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAV;AAAA,IACA,mBAAAF;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAmBY,GAAM;AACvB,aAAOC,EAAY,SAASD,CAAI;AAAA,IACjC;AAAA,IACD,mBAAmBA,GAAM;AACvB,aAAOC,EAAY,SAASD,CAAI;AAAA,IACjC;AAAA,IACD,WAAWE,GAAQ;AACjB,aAAO,CAACJ,EAAMI,CAAM,KAAKH,EAASG,CAAM,KAAK,CAAC,OAAO,OAAOA,CAAM,EAAE,OAAO,CAACC,GAAcC,MAAiBD,KAAgBC,MAAiB,QAAW,EAAI;AAAA,IAC5J;AAAA,IACD,kBAAkBJ,GAAM;AACtB,aAAOC,EAAY,QAAQD,CAAI;AAAA,IACjC;AAAA,EACD;GApFEK,IAAA,EAAA,OAAM,aAAY,GAEhBC,IAAA,EAAA,OAAM,6FAA4F;;;AAFzG,SAAAC,EAAA,GAAAC,EAmBM,OAnBNH,GAmBM;AAAA,IAlBJI,EAAgCC,CAAA;AAAA,IAHpCC,EAAA;AAAA,IAIIC,EAgBM,OAhBNN,GAgBM;AAAA,MAfJG,EAAgDI,GAAA,EAAd,OAAM,OAAM,CAAA;AAAA,MALpDF,EAAA;AAAA,OAOeG,EAAa,iBAAIC,EAAU,WAACC,EAAY,YAAA,UADjDC,EAMEC,GAAA;AAAA,QAZR,KAAA;AAAA,QAQS,UAAUF,EAAE,GAAA,4BAAA;AAAA,QACZ,SAASA,EAAE,GAAA,0CAAA;AAAA,QACX,OAAOD,EAAgB;AAAA,QACxB,OAAM;AAAA,uDAXdI,EAAA,IAAA,EAAA;AAAA,MAAAR,EAAA;AAAA,MAceG,EAAQ,WAdvBK,EAAA,IAAA,EAAA,UAaMF,EAMEC,GAAA;AAAA,QAnBR,KAAA;AAAA,QAeS,UAAUF,EAAE,GAAA,0BAAA;AAAA,QACZ,SAASA,EAAE,GAAA,wCAAA;AAAA,QACX,OAAOA,EAAmB;AAAA,QAC1B,QAAQ;AAAA;;;;;"}
+{"version":3,"file":"DatasetDetailsHeader.vue.mjs","sources":["../../../lib/datasetDetails/header/DatasetDetailsHeader.vue"],"sourcesContent":["<template>\n  <!-- HEADER -->\n  <div class=\"dsd-header\">\n    <dataset-details-header-title />\n    <div class=\"d-flex offset-lg-1 col-lg-10 mt-1 px-0 flex-nowrap justify-content-between dsd-header-info\">\n      <dataset-details-header-catalogue class=\"mr-2\"/>\n      <property-value\n        v-if=\"!hidePublisher && showObject(getPublisher)\"\n        :property=\"$t('message.metadata.publisher')\"\n        :tooltip=\"$t('message.tooltip.datasetDetails.publisher')\"\n        :value=\"getPublisherName\"\n        class=\"mr-2\"\n      />\n      <property-value\n        v-if=\"!hideDate\"\n        :property=\"$t('message.metadata.updated')\"\n        :tooltip=\"$t('message.tooltip.datasetDetails.updated')\"\n        :value=\"getModificationDate\"\n        :isDate=\"true\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n  import { mapGetters } from 'vuex';\n  import { has, isNil, isObject } from 'lodash-es';\n\n  import AppLink from '../../widgets/AppLink.vue';\n  import * as helpers from '../../utils/helpers';\n  import dateFilters from '../../filters/dateFilters';\n  import DatasetDetailsHeaderTitle from \"../../datasetDetails/header/DatasetDetailsHeaderTitle\";\n  import DatasetDetailsHeaderCatalogue\n    from \"../../datasetDetails/header/DatasetDetailsHeaderCatalogue\";\n  import PropertyValue from \"../../widgets/PropertyValue\";\n  const { getTranslationFor, getCountryFlagImg, truncate } = helpers;\n\n  export default {\n    name: 'datasetDetailsHeader',\n    components: {\n      PropertyValue,\n      DatasetDetailsHeaderCatalogue,\n      DatasetDetailsHeaderTitle,\n      AppLink,\n    },\n    data() {\n      return {\n        hidePublisher: this.$env.content.datasetDetails.header.hidePublisher,\n        hideDate: this.$env.content.datasetDetails.header.hideDate,\n      };\n    },\n    computed: {\n      ...mapGetters('datasetDetails', [\n        'getCatalog',\n        'getCountry',\n        'getLanguages',\n        'getPublisher',\n        'getModificationDate'\n      ]),\n      getPublisherName() {\n        if (has(this.getPublisher, 'name') && !isNil(this.getPublisher.name)) {\n          return this.getPublisher.name;\n        } else {\n          return \"\";\n        }\n      }\n    },\n    methods: {\n      has,\n      isNil,\n      isObject,\n      truncate,\n      getTranslationFor,\n      getCountryFlagImg,\n      filterDateFormatUS(date) {\n        return dateFilters.formatUS(date);\n      },\n      filterDateFormatEU(date) {\n        return dateFilters.formatEU(date);\n      },\n      showObject(object) {\n        return !isNil(object) && isObject(object) && !Object.values(object).reduce((keyUndefined, currentValue) => keyUndefined && currentValue === undefined, true);\n      },\n      filterDateFromNow(date) {\n        return dateFilters.fromNow(date);\n      }\n    },\n  };\n</script>\n\n"],"names":["getTranslationFor","getCountryFlagImg","truncate","helpers","_sfc_main","PropertyValue","DatasetDetailsHeaderCatalogue","DatasetDetailsHeaderTitle","AppLink","mapGetters","has","isNil","isObject","date","dateFilters","object","keyUndefined","currentValue","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createVNode","_component_dataset_details_header_title","_cache","_createTextVNode","_createElementVNode","_component_dataset_details_header_catalogue","$data","$options","_ctx","_createBlock","_component_property_value","_createCommentVNode"],"mappings":";;;;;;;;;;AAmCE,MAAM,EAAE,mBAAAA,GAAmB,mBAAAC,GAAmB,UAAAC,EAAO,IAAMC,GAEtDC,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,eAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,SAAAC;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe,KAAK,KAAK,QAAQ,eAAe,OAAO;AAAA,MACvD,UAAU,KAAK,KAAK,QAAQ,eAAe,OAAO;AAAA;EAErD;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACD,mBAAmB;AACjB,aAAIC,EAAI,KAAK,cAAc,MAAM,KAAK,CAACC,EAAM,KAAK,aAAa,IAAI,IAC1D,KAAK,aAAa,OAElB;AAAA,IAEX;AAAA,EACD;AAAA,EACD,SAAS;AAAA,IACP,KAAAD;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAV;AAAA,IACA,mBAAAF;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAmBY,GAAM;AACvB,aAAOC,EAAY,SAASD,CAAI;AAAA,IACjC;AAAA,IACD,mBAAmBA,GAAM;AACvB,aAAOC,EAAY,SAASD,CAAI;AAAA,IACjC;AAAA,IACD,WAAWE,GAAQ;AACjB,aAAO,CAACJ,EAAMI,CAAM,KAAKH,EAASG,CAAM,KAAK,CAAC,OAAO,OAAOA,CAAM,EAAE,OAAO,CAACC,GAAcC,MAAiBD,KAAgBC,MAAiB,QAAW,EAAI;AAAA,IAC5J;AAAA,IACD,kBAAkBJ,GAAM;AACtB,aAAOC,EAAY,QAAQD,CAAI;AAAA,IACjC;AAAA,EACD;GApFEK,IAAA,EAAA,OAAM,aAAY,GAEhBC,IAAA,EAAA,OAAM,6FAA4F;;;AAFzG,SAAAC,EAAA,GAAAC,EAmBM,OAnBNH,GAmBM;AAAA,IAlBJI,EAAgCC,CAAA;AAAA,IAHpCC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,IAIIC,EAgBM,OAhBNP,GAgBM;AAAA,MAfJG,EAAgDK,GAAA,EAAd,OAAM,OAAM,CAAA;AAAA,MALpDH,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,OAOeG,EAAa,iBAAIC,EAAU,WAACC,EAAY,YAAA,UADjDC,EAMEC,GAAA;AAAA,QAZR,KAAA;AAAA,QAQS,UAAUF,EAAE,GAAA,4BAAA;AAAA,QACZ,SAASA,EAAE,GAAA,0CAAA;AAAA,QACX,OAAOD,EAAgB;AAAA,QACxB,OAAM;AAAA,uDAXdI,EAAA,IAAA,EAAA;AAAA,MAAAT,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAceG,EAAQ,WAdvBK,EAAA,IAAA,EAAA,UAaMF,EAMEC,GAAA;AAAA,QAnBR,KAAA;AAAA,QAeS,UAAUF,EAAE,GAAA,0BAAA;AAAA,QACZ,SAASA,EAAE,GAAA,wCAAA;AAAA,QACX,OAAOA,EAAmB;AAAA,QAC1B,QAAQ;AAAA;;;;;"}