{"version":3,"file":"DatasetDetailsHeaderCatalogue.vue.mjs","sources":["../../../lib/datasetDetails/header/DatasetDetailsHeaderCatalogue.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex align-items-center dsd-header-catalogue\">\n    <div class=\"d-lg-none dsd-title-tag\"  v-if=\"!embed\">\n      <span>\n        {{$t('message.metadata.dataset')}}\n      </span>\n    </div>\n    <div>\n      <img v-if=\"showCountryFlag(getCountry)\" class=\"mr-2 border border-dark flag\" :class=\"{ 'io': getCountry.id === 'io' }\" :src=\"getCountryFlagImg(getCountry.id)\" alt=\"Catalog Flag\">\n      <app-link \n        :to=\"getCatalogLink\"\n        :title=\"$t('message.tooltip.datasetDetails.catalogue')\"\n        data-toggle=\"tooltip\" \n        data-placement=\"top\"\n        :class=\"{ 'disabled-link': disableLink }\"\n        :style=\"{ fontSize: catalogueNameFontSize }\"\n      >\n        {{ getTranslationFor(getCatalog.title, $route.query.locale, getLanguages) }}\n      </app-link>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {has, isNil} from \"lodash\";\nimport {getTranslationFor, getCountryFlagImg} from \"../../utils/helpers\";\nimport {mapGetters} from \"vuex\";\nimport AppLink from \"../../widgets/AppLink\";\n\nexport default {\n  name: \"DatasetDetailsHeaderCatalogue\",\n  components: {AppLink},\n  props: {\n    disableLink: Boolean,\n    catalogueNameFontSize: String,\n    embed: {\n        type: Boolean,\n        default: () => false,\n      },\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getCatalog',\n      'getCountry',\n      'getLanguages',\n    ]),\n    getCatalogLink() {\n      return { path: `/catalogues/${this.getCatalog.id}`, query: { locale: this.$route.query.locale } };\n    },\n  },\n  methods: {\n    getTranslationFor,\n    getCountryFlagImg,\n    showCountryFlag(country) {\n      return has(country, 'id') && !isNil(country.id);\n    },\n  },\n}\n</script>\n\n<style scoped lang=\"scss\">\n.flag {\n  max-width: 30px;\n  max-height: 19px;\n  margin-bottom: 3px;\n  border-radius: 1px;\n}\n.disabled-link {\n  color: black; /* Change the color to your desired disabled color */\n  pointer-events: none; /* Disable mouse interactions */\n}\n</style>\n"],"names":["_sfc_main","AppLink","mapGetters","getTranslationFor","getCountryFlagImg","country","has","isNil","_hoisted_1","_openBlock","_createElementBlock","$props","_hoisted_2","_createElementVNode","_ctx","$options","_normalizeClass","_createVNode","_component_app_link"],"mappings":";;;;;;;AA6BA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY,EAAC,SAAAC,EAAO;AAAA,EACpB,OAAO;AAAA,IACL,aAAa;AAAA,IACb,uBAAuB;AAAA,IACvB,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,IAChB;AAAA,EACJ;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACD,iBAAiB;AACf,aAAO,EAAE,MAAM,eAAe,KAAK,WAAW,EAAE,IAAI,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAK;IAC7F;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAgBC,GAAS;AACvB,aAAOC,EAAID,GAAS,IAAI,KAAK,CAACE,EAAMF,EAAQ,EAAE;AAAA,IAC/C;AAAA,EACF;AACH,GAxDOG,IAAA,EAAA,OAAM,iDAAgD;;EACpD,OAAM;;;;AADb,SAAAC,EAAA,GAAAC,EAmBM,OAnBNF,GAmBM;AAAA,IAlByCG,EAAK,qBAAlDF,KAAAC,EAIM,OAJNE,GAIM;AAAA,MAHJC,EAEO,gBADHC,EAAE,GAAA,0BAAA,CAAA,GAAA,CAAA;AAAA;;IAGRD,EAYM,OAAA,MAAA;AAAA,MAXOE,EAAA,gBAAgBD,EAAU,UAAA,UAArCJ,EAAkL,OAAA;AAAA;QAA1I,OAAMM,EAAA,CAAA,gCAA+C,EAAA,IAAAF,EAAA,WAAW,OAAE,KAAA,CAAA,CAAA;AAAA,QAAc,KAAKC,EAAA,kBAAkBD,EAAA,WAAW,EAAE;AAAA,QAAG,KAAI;AAAA;;MACnKG,EASWC,GAAA;AAAA,QARR,IAAIH,EAAc;AAAA,QAClB,OAAOD,EAAE,GAAA,0CAAA;AAAA,QACV,eAAY;AAAA,QACZ,kBAAe;AAAA,QACd,4BAA0BH,EAAW,YAAA,CAAA;AAAA,QACrC,qBAAmBA,EAAqB,sBAAA,CAAA;AAAA;mBAEzC,MAA4E;AAAA,cAAzEI,EAAiB,kBAACD,EAAU,WAAC,OAAOA,EAAM,OAAC,MAAM,QAAQA,EAAY,YAAA,CAAA,GAAA,CAAA;AAAA;;;;;;;"}