{"version":3,"sources":["webpack:///./common/elements/main-menu/DatabaseOverview.vue?0fbe","webpack:///common/elements/main-menu/DatabaseOverview.vue","webpack:///./common/elements/main-menu/DatabaseOverview.vue?2fcd","webpack:///./common/elements/main-menu/DatabaseOverview.vue","webpack:///./common/elements/main-menu/DatabaseOverview.vue?c95a"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$getAsset","_e","_v","_l","item","key","id","showLinks","_t","name","staticRenderFns","props","showMap","created","init","computed","items","methods","searchCategoriesListState","length","$store","dispatch","components","component"],"mappings":"2fAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAAEN,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqBC,MAAM,CAAC,WAAWP,EAAIQ,UAAU,+CAA+C,MAAQ,MAAM,OAAS,WAAWR,EAAIS,KAAKL,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIU,GAAG,iCAAiCN,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAIW,GAAIX,EAAS,OAAE,SAASY,GAAM,OAAOR,EAAG,wBAAwB,CAACS,IAAID,EAAKE,GAAGP,MAAM,CAAC,KAAOK,EAAK,UAAUZ,EAAIe,gBAAe,KAAKX,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,KAAK,CAACE,YAAY,eAAe,CAACN,EAAIU,GAAG,mFAAmFV,EAAIgB,GAAG,aAAa,CAACZ,EAAG,yBAAyB,CAACE,YAAY,MAAMC,MAAM,CAAC,GAAK,CAACU,KAAM,yBAAyB,MAAQ,yBAAyB,MACn8BC,EAAkB,G,qECyCtB,GACEC,MAAO,CACLC,QAAS,CAAb,yBACIL,UAAW,CAAf,0BAEEM,QALF,WAMIpB,KAAKqB,QAEPC,SAAU,OAAZ,OAAY,CAAZ,kBACA,+CADA,IAEIC,MAFJ,WAGM,OAAO,IAAb,gFAGEC,QAAS,CACPH,KADJ,WAEWrB,KAAKyB,0BAA0BC,QAClC1B,KAAK2B,OAAOC,SAAS,qCAI3BZ,KAAM,mBACNa,WAAY,CAAd,wDChEyW,I,wBCQrWC,EAAY,eACd,EACAhC,EACAmB,GACA,EACA,KACA,WACA,MAIa,OAAAa,E,6CCnBf","file":"static/js/chunk-b75cd192.87a7c74d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"database-overview\"},[(_vm.showMap)?_c('div',{staticClass:\"section\"},[_c('img',{staticClass:\"lazyload map-image\",attrs:{\"data-src\":_vm.$getAsset('/assets/services/world-map-pin-no-white.png'),\"width\":\"800\",\"height\":\"600\"}})]):_vm._e(),_c('div',{staticClass:\"section categories-section\"},[_c('div',{staticClass:\"heading-4\"},[_vm._v(\"Available Record Categories\")]),_c('div',{staticClass:\"categories\"},_vm._l((_vm.items),function(item){return _c('record-category-block',{key:item.id,attrs:{\"item\":item,\"is-link\":_vm.showLinks}})}),1)]),_c('div',{staticClass:\"additional_panel\"},[_c('h5',{staticClass:\"panel-title\"},[_vm._v(\"Work with us to preserve the Chinese historical records of your organization.\")]),_vm._t(\"bottom-cta\",[_c('mcr-button-router-link',{staticClass:\"fat\",attrs:{\"to\":{name: 'institutions-indexing'},\"label\":\"Preserve with Us\"}})])],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"database-overview\">\n    <div class=\"section\" v-if=\"showMap\">\n      <img\n        :data-src=\"$getAsset('/assets/services/world-map-pin-no-white.png')\"\n        class=\"lazyload map-image\"\n        width=\"800\"\n        height=\"600\"\n      />\n    </div>\n\n    <div class=\"section categories-section\">\n      <div class=\"heading-4\">Available Record Categories</div>\n      <div class=\"categories\">\n        <record-category-block\n          :item=\"item\"\n          v-for=\"item in items\"\n          :key=\"item.id\"\n          :is-link=\"showLinks\"\n        ></record-category-block>\n      </div>\n    </div>\n\n    <div class=\"additional_panel\">\n      <h5 class=\"panel-title\">Work with us to preserve the Chinese historical records of your organization.</h5>\n      <slot name=\"bottom-cta\">\n        <mcr-button-router-link\n          :to=\"{name: 'institutions-indexing'}\"\n          label=\"Preserve with Us\"\n          class=\"fat\"\n        ></mcr-button-router-link>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport McrButtonRouterLink from '@common/elements/buttons/mcrButtonRouterLink';\nimport RecordCategoryBlock from '@common/elements/layouts/RecordCategoryBlock';\nimport orderBy from 'lodash/orderBy';\nimport {mapGetters} from 'vuex';\n\nexport default {\n  props: {\n    showMap: {type: Boolean, default: true},\n    showLinks: {type: Boolean, default: true},\n  },\n  created() {\n    this.init();\n  },\n  computed: {\n    ...mapGetters(['searchCategoriesListState']),\n    items() {\n      return orderBy(this.searchCategoriesListState, ['is_highlighted', 'priority'], ['desc', 'asc']);\n    },\n  },\n  methods: {\n    init() {\n      if (!this.searchCategoriesListState.length) {\n        this.$store.dispatch('fetchSearchCategoriesListAction');\n      }\n    },\n  },\n  name: 'DatabaseOverview',\n  components: {McrButtonRouterLink, RecordCategoryBlock},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.database-overview {\n  background-color: #f3eee8;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  padding: $desktop-content-padding 0;\n\n  .section {\n    max-width: $content-max-width;\n    padding: $desktop-content-padding;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .flex-row {\n    display: flex;\n    width: 100%;\n    justify-content: space-around;\n    max-width: $reading-max-width;\n    column-gap: 150px;\n    .flex-column {\n      align-items: center;\n      p {\n        text-align: center;\n      }\n    }\n    .counter {\n      margin: 0;\n    }\n  }\n\n  .categories-section {\n    padding-top: 0;\n    .categories {\n      margin: 24px auto 0;\n      max-width: $reading-max-width;\n      display: grid;\n      grid-gap: 32px;\n      grid-template-columns: repeat(2, 1fr);\n\n      @media only screen and (max-width: $breakpoint-mobile) {\n        grid-template-columns: repeat(1, 1fr);\n      }\n    }\n  }\n\n  .map-image {\n    margin-bottom: $desktop-content-padding;\n  }\n\n  .additional_panel {\n    max-width: $reading-max-width;\n    margin: 0 auto;\n    padding: 0 25px;\n    border-top: 1px solid $divider-line-color;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    .panel-title {\n      padding: 40px 0 20px;\n      text-align: center;\n    }\n  }\n\n  @media only screen and (min-width: $breakpoint-tablet) {\n    .flex-row {\n      .counter {\n        font-size: 48px;\n        line-height: 48px;\n      }\n    }\n  }\n  @media only screen and (max-width: $breakpoint-phablet) {\n    padding: $mobile-se-content-padding 0;\n\n    .section {\n      padding: $mobile-se-content-padding 0;\n    }\n\n    .flex-row {\n      flex-direction: column;\n      .flex-column:not(:last-child) {\n        margin-right: 0;\n        margin-bottom: 30px;\n      }\n    }\n    .flex-row.records-links {\n      .flex-column {\n        width: 100%;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DatabaseOverview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DatabaseOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DatabaseOverview.vue?vue&type=template&id=2bd6af46&scoped=true&\"\nimport script from \"./DatabaseOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./DatabaseOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DatabaseOverview.vue?vue&type=style&index=0&id=2bd6af46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2bd6af46\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DatabaseOverview.vue?vue&type=style&index=0&id=2bd6af46&lang=scss&scoped=true&\""],"sourceRoot":""}