{"version":3,"file":"DatasetDetailsHvdThemes.vue.mjs","sources":["../../../lib/datasetDetails/features/DatasetDetailsHvdThemes.vue"],"sourcesContent":["<template>\n    <div class=\"mt-2 flex-column dsd-feature\">\n      <div>\n      <dataset-details-feature-header\n      :title=\"`HVD Categories/Themes (${\n            getHvdCategories ? getHvdCategories.length.toLocaleString('fi') : 0\n          })`\"\n      :arrowDown=\"!isCategoriesAllDisplayed\"\n      tag=\"keywords-toggle\"\n      :onClick=\"toggleDisplayCount\"\n    />\n      </div> \n      <div v-if=\"isCategoriesAllDisplayed\"  class=\"keywords__item row mt-4\">\n          <span\n            v-for='(category, i) in getHvdCategories'\n            :key=\"i\"\n            class=\"col-6 col-sm-3 col-md-2 mt-md-0 mt-3 mb-2 px-1\"\n          > \n          <app-link :to=\"getHvdCategoryLink(category)\" :rel=\"followCategoryLinks\">\n              <small class=\"d-inline-block text-nowrap w-100 py-2 rounded-pill text-center text-white tag-color\"\n                     :data-toggle=\"categoryTruncated(category) ? 'tooltip' : false\"\n                     :data-placement=\"categoryTruncated(category) ? 'top' : false\"\n                     :aria-label=\"getTranslationFor(category.title, $route.query.locale)\"\n                     :title=\"categoryTruncated(category) ? getTranslationFor(category.title, $route.query.locale) : false\">\n                {{ truncate(getTranslationFor(category.title, $route.query.locale), maxCategoryLength, false) }}\n              </small>\n            </app-link>\n          </span>\n      </div>\n      <div>\n      </div>\n    </div>\n  </template>\n  \n  <script>\n  import DatasetDetailsFeatureHeader from \"../../datasetDetails/features/DatasetDetailsFeatureHeader\";\n  import {truncate} from \"../../utils/helpers\";\n  import {mapGetters} from \"vuex\";\n  import AppLink from \"../../widgets/AppLink\";\n  import { getTranslationFor } from \"../../utils/helpers\";\n  import {sortAlphabetically} from \"../../datasetDetails/features/utils/sortAlphabetically\";\n  import $ from \"jquery\";\n  \n  \n  export default {\n  name: \"DatasetDetailsHvdThemes\",\n  components: {\n    AppLink,\n    // DatasetDetailsFeatureHeader\n  },\n  props: {\n\n  },\n  data() {\n    return {\n      defaultLocale: this.$env.languages.locale,\n      defaultDisplayCount: 0,\n      hvdCategories: {\n        displayAll: false,\n        displayCount: 24, // Should never exceed number of keywords\n        incrementSteps: [12, 60],\n      },\n      maxCategoryLength: 15,\n      followCategoryLinks: this.$env.content.datasets.followCategoryLinks\n    }\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n        \"getHvdCategories\"\n    ]),\n    isCategoriesAllDisplayed() {\n      // return this.categories.displayCount >= this.getCategories.length;\n      return this.hvdCategories.displayAll;\n    }\n  },\n  methods: {\n    truncate,\n    sortAlphabetically,\n    getTranslationFor,\n    categoryTruncated(category) {\n      return getTranslationFor(category.title, this.defaultLocale).length > this.maxCategoryLength;\n    },\n    getHvdCategoryLink(category) {\n        const categoryID = category.id;\n        return {\n          path: `/datasets`,\n          query: Object.assign({}, { hvdCategory: categoryID, locale: this.$route.query.locale })\n        };\n      },\n    toggleDisplayCount() {\n      $('body').tooltip({selector: '[data-toggle=\"tooltip\"]'});\n      if (this.hvdCategories.displayCount < this.getHvdCategories.length) {\n        this.hvdCategories.displayCount = this.getHvdCategories.length;\n      } else {\n        this.hvdCategories.displayCount = this.defaultDisplayCount;\n      }\n      this.hvdCategories.displayAll = !this.hvdCategories.displayAll;\n    }\n  }\n  }\n  </script>\n  \n  <style scoped lang=\"scss\">\n  .tag-color {\n    background-color: var(--primary);\n  }\n  </style>\n  "],"names":["_sfc_main","AppLink","mapGetters","truncate","sortAlphabetically","getTranslationFor","category","categoryID","$","_hoisted_1","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_dataset_details_feature_header","_ctx","$options","_hoisted_2","_Fragment","_renderList","i","_component_app_link","$data","_toDisplayString","_hoisted_3"],"mappings":";;;;;;;;;AA4CE,MAAKA,IAAU;AAAA,EACf,MAAM;AAAA,EACN,YAAY;AAAA,IACV,SAAAC;AAAA;AAAA,EAED;AAAA,EACD,OAAO,CAEN;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,eAAe,KAAK,KAAK,UAAU;AAAA,MACnC,qBAAqB;AAAA,MACrB,eAAe;AAAA,QACb,YAAY;AAAA,QACZ,cAAc;AAAA;AAAA,QACd,gBAAgB,CAAC,IAAI,EAAE;AAAA,MACxB;AAAA,MACD,mBAAmB;AAAA,MACnB,qBAAqB,KAAK,KAAK,QAAQ,SAAS;AAAA,IAClD;AAAA,EACD;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC5B;AAAA,IACJ,CAAC;AAAA,IACD,2BAA2B;AAEzB,aAAO,KAAK,cAAc;AAAA,IAC5B;AAAA,EACD;AAAA,EACD,SAAS;AAAA,IACP,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAkBC,GAAU;AAC1B,aAAOD,EAAkBC,EAAS,OAAO,KAAK,aAAa,EAAE,SAAS,KAAK;AAAA,IAC5E;AAAA,IACD,mBAAmBA,GAAU;AACzB,YAAMC,IAAaD,EAAS;AAC5B,aAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO,OAAO,OAAO,CAAA,GAAI,EAAE,aAAaC,GAAY,QAAQ,KAAK,OAAO,MAAM,QAAQ;AAAA;IAEzF;AAAA,IACH,qBAAqB;AACnB,MAAAC,EAAE,MAAM,EAAE,QAAQ,EAAC,UAAU,0BAAyB,CAAC,GACnD,KAAK,cAAc,eAAe,KAAK,iBAAiB,SAC1D,KAAK,cAAc,eAAe,KAAK,iBAAiB,SAExD,KAAK,cAAc,eAAe,KAAK,qBAEzC,KAAK,cAAc,aAAa,CAAC,KAAK,cAAc;AAAA,IACtD;AAAA,EACF;AACA,GAlGOC,IAAA,EAAA,OAAM,+BAA8B;;EAWD,OAAM;;;;AAX9C,SAAAC,EAAA,GAAAC,EA8BM,OA9BNF,GA8BM;AAAA,IA7BJG,EASM,OAAA,MAAA;AAAA,MARNC,EAOAC,GAAA;AAAA,QANC,OAAK,0BAAyCC,EAAA,mBAAmBA,EAAA,iBAAiB,OAAO,eAAc,IAAA,IAAA;QAGvG,YAAYC,EAAwB;AAAA,QACrC,KAAI;AAAA,QACH,SAASA,EAAkB;AAAA;;;IAGjBA,EAAwB,4BAAnCN,KAAAC,EAgBM,OAhBNM,GAgBM;AAAA,OAfFP,EAAA,EAAA,GAAAC,EAcOO,GAbmB,MAAAC,EAAAJ,EAAA,kBAAhB,CAAAT,GAAUc,YADpBT,EAcO,QAAA;AAAA,QAZJ,KAAKS;AAAA,QACN,OAAM;AAAA;QAERP,EAQaQ,GAAA;AAAA,UARF,IAAIL,EAAkB,mBAACV,CAAQ;AAAA,UAAI,KAAKgB,EAAmB;AAAA;qBAClE,MAMQ;AAAA,YANRV,EAMQ,SAAA;AAAA,cAND,OAAM;AAAA,cACL,eAAaI,EAAiB,kBAACV,CAAQ,IAAA,YAAA;AAAA,cACvC,kBAAgBU,EAAiB,kBAACV,CAAQ,IAAA,QAAA;AAAA,cAC1C,cAAYU,EAAiB,kBAACV,EAAS,OAAOS,EAAM,OAAC,MAAM,MAAM;AAAA,cACjE,OAAOC,EAAA,kBAAkBV,CAAQ,IAAIU,EAAiB,kBAACV,EAAS,OAAOS,EAAA,OAAO,MAAM,MAAM,IAAA;AAAA,YAC7F,GAAAQ,EAAAP,EAAA,SAASA,EAAA,kBAAkBV,EAAS,OAAOS,EAAA,OAAO,MAAM,MAAM,GAAGO,EAAiB,mBAAA,EAAA,CAAA,GAAA,GAAAE,CAAA;AAAA;;;;;;oBAK/FZ,EACM,OAAA,MAAA,MAAA,EAAA;AAAA;;;"}