{"version":3,"file":"FadingDistributionOverlay.vue.mjs","sources":["../../../lib/datasetDetails/distributions/FadingDistributionOverlay.vue"],"sourcesContent":["<template>\n  <div\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      <pv-button\n        class=\"mr-3 distributions-show-more-button\"\n        v-for=\"increment in distributions.incrementSteps.filter(nonOverflowingIncrementsForDistributions)\"\n        :key=\"increment\"\n        :small=\"true\"\n        :action=\"() => increaseNumDisplayedDistributions(increment)\"\n      >\n        <i class=\"fas fa-chevron-down\"/> {{ $t('message.metadata.showXMore', { increment }) }}\n      </pv-button>\n      <pv-button\n        class=\"mr-3 distributions-show-more-button\"\n        :primary=\"true\"\n        :small=\"true\"\n        :action=\"() => setDistributionsDisplayCount(getDistributions.length)\"\n      >\n        <i class=\"fas fa-eye\"/> {{ $t('message.metadata.showAll') }} {{ `(${(getDistributions.length.toLocaleString('fi'))})` }}\n      </pv-button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {mapGetters} from \"vuex\";\n\nexport default {\n  name: \"FadingDistributionOverlay\",\n  props: {\n    distributions: Object,\n    setDistributionsDisplayCount: Function,\n    increaseNumDisplayedDistributions: Function,\n    nonOverflowingIncrementsForDistributions: Function\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getDistributions'\n    ])\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.distributions {\n\n  &__item--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  &__actions {\n    display: flex;\n    justify-content: center;\n    align-items: flex-end;\n    height: 100%;\n    z-index: 11;\n  }\n}\n</style>\n"],"names":["_sfc_main","mapGetters","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","$props","increment","_createBlock","_component_pv_button","_toDisplayString","_ctx","_createVNode"],"mappings":";;;;AA+BA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,eAAe;AAAA,IACf,8BAA8B;AAAA,IAC9B,mCAAmC;AAAA,IACnC,0CAA0C;AAAA,EAC3C;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,KACD;AAAA,EACH;AACF,GA1CIC,IAAA,EAAA,OAAM,+BAA8B,GAI/BC,IAAA,EAAA,OAAM,iCAAgC;;;AAL7C,SAAAC,EAAA,GAAAC,EAwBM,OAxBNH,GAwBM;AAAA,IAnBJI,EAkBM,OAlBNH,GAkBM;AAAA,cAjBJE,EAQYE,GAAA,MAAAC,EANUC,gBAAc,eAAe,OAAOA,EAAwC,wCAAA,GAAA,CAAzFC,YAFTC,EAQYC,GAAA;AAAA,QAPV,OAAM;AAAA,QAEL,KAAKF;AAAA,QACL,OAAO;AAAA,QACP,QAAM,MAAQD,EAAiC,kCAACC,CAAS;AAAA;mBAE1D,MAAgC;AAAA,0BAAhCJ,EAAgC,KAAA,EAA7B,OAAM,sBAAqB,GAAA,MAAA,EAAA;AAAA,YAAE,MAACO,EAAGC,EAAE,GAAA,8BAAA,EAAiC,WAAAJ,EAAS,CAAA,CAAA,GAAA,CAAA;AAAA;;;;MAElFK,EAOYH,GAAA;AAAA,QANV,OAAM;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAc,MAAAH,EAAA,6BAA6BK,EAAA,iBAAiB,MAAM;AAAA;mBAEnE,MAAuB;AAAA,0BAAvBR,EAAuB,KAAA,EAApB,OAAM,aAAY,GAAA,MAAA,EAAA;AAAA,YAAE,MAACO,EAAGC,KAAiC,0BAAA,CAAA,IAAA,YAASA,EAAgB,iBAAC,OAAO,eAAc,IAAA,CAAA,GAAA,GAAA,CAAA;AAAA;;;;;;;"}