{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?7e02","webpack:///./src/assets/imgs/fondecyt_logo.png","webpack:///./src/assets/imgs/udp_logo.png","webpack:///./src/assets/imgs/lab_logo.png","webpack:///./src/components/map/Searchbar.vue?4f42","webpack:///./src/views/About.vue?5450","webpack:///./src/views/Home.vue?d736","webpack:///./src/components/map/BRMapPiece.vue?3a87","webpack:///./src/components/home/MosaicPiece.vue?e2ab","webpack:///./src/components/map/LeftPanel.vue?6b1b","webpack:///./src/App.vue?0b94","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue?bff9","webpack:///./src/components/MapView.vue?c3e1","webpack:///./src/components/map/LeftPanel.vue?274b","webpack:///./src/components/SquaresRoad.vue?a319","webpack:///src/components/SquaresRoad.vue","webpack:///./src/components/SquaresRoad.vue?0892","webpack:///./src/components/SquaresRoad.vue?66b8","webpack:///src/components/map/LeftPanel.vue","webpack:///./src/components/map/LeftPanel.vue?cf14","webpack:///./src/components/map/LeftPanel.vue?b84e","webpack:///./src/components/map/RightPanel.vue?9798","webpack:///src/components/map/RightPanel.vue","webpack:///./src/components/map/RightPanel.vue?e735","webpack:///./src/components/map/RightPanel.vue?2dc8","webpack:///./src/components/map/Map.vue?68d0","webpack:///./src/components/map/MapPiece.vue?72bd","webpack:///src/components/map/MapPiece.vue","webpack:///./src/components/map/MapPiece.vue?8563","webpack:///./src/components/map/MapPiece.vue?5c51","webpack:///./src/components/map/BRMapPiece.vue?36f8","webpack:///src/components/map/BRMapPiece.vue","webpack:///./src/components/map/BRMapPiece.vue?a89b","webpack:///./src/components/map/BRMapPiece.vue?eab0","webpack:///src/components/map/Map.vue","webpack:///./src/components/map/Map.vue?c441","webpack:///./src/components/map/Map.vue?0e5e","webpack:///./src/components/map/Searchbar.vue?43bc","webpack:///src/components/map/Searchbar.vue","webpack:///./src/components/map/Searchbar.vue?8fee","webpack:///./src/components/map/Searchbar.vue?0246","webpack:///src/components/MapView.vue","webpack:///./src/components/MapView.vue?36d7","webpack:///./src/components/MapView.vue?b5e0","webpack:///./src/views/Record.vue?4fe1","webpack:///src/views/Record.vue","webpack:///./src/views/Record.vue?a704","webpack:///./src/views/Record.vue?a4da","webpack:///./src/views/Home.vue?e82f","webpack:///./src/components/home/Mosaic.vue?a47f","webpack:///./src/components/home/MosaicPiece.vue?d91a","webpack:///src/components/home/MosaicPiece.vue","webpack:///./src/components/home/MosaicPiece.vue?d5cf","webpack:///./src/components/home/MosaicPiece.vue?a6ae","webpack:///./src/assets/js/utils.js","webpack:///src/components/home/Mosaic.vue","webpack:///./src/components/home/Mosaic.vue?cf6e","webpack:///./src/components/home/Mosaic.vue?11cd","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?493c","webpack:///./src/views/Home.vue?c853","webpack:///./src/views/About.vue?f838","webpack:///src/views/About.vue","webpack:///./src/views/About.vue?f1da","webpack:///./src/views/About.vue?00a0","webpack:///./src/router/index.js","webpack:///./src/store/index.js","webpack:///./src/main.js","webpack:///./src/assets/imgs/cc.jpg","webpack:///./src/components/map/Map.vue?3dfd","webpack:///./src/components/home/Mosaic.vue?71f2","webpack:///./src/components/SquaresRoad.vue?c6ed","webpack:///./src/assets/logo.svg","webpack:///./src/components/map/MapPiece.vue?b45a","webpack:///./src/views/Record.vue?150b","webpack:///./src/components/MapView.vue?0bab","webpack:///./src/components/map/RightPanel.vue?967b"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","_m","staticRenderFns","beforeCreate","$store","commit","component","staticClass","_v","ref","miniMapJson","panelGenre","panelCountry","selection","on","hover","unhover","select","genreHighlight","genreUnhighlight","yearHighlight","records","brRecords","recordMouseover","recordMouseout","cleanSelection","_e","blocks","long","_s","currentCountry","$event","$emit","selectGenre","class","red","highlighted","genre","blue","both","green","years_range","sliderStyle","railStyle","processStyle","years","currentYear","k","selectYears","model","callback","$$v","expression","style","width","squareNum","_l","square","bottom","Math","random","height","squareHeight","props","type","Number","default","components","SquaresRoad","container","backgroundColor","boxShadow","Array","from","updated","country","highlight","unhighlight","created","addEventListener","buildRoad","methods","createMap","d3","draw","selectAll","$el","floor","clientWidth","recordsCountryHighlight","properties","admin","recordsCountryUnhighlight","selectCountry","computed","watch","maxR","pieR","titleFontSize","categoryFontSize","techniqueHorizontalOffset","formatHorizontalOffset","hoveredTechnique","mounted","processData","cc","Map","forEach","ccDatum","techniques","record","metadata","techniqueDatum","formats","format","technique","formatDatum","createScales","createTechniqueScales","techniqueData","techniqueScales","y","createFormatScales","formatData","formatScales","drawTechniques","append","drawFormats","hoverTechnique","unhoverTechnique","hoverFormat","unhoverFormat","selectTechnique","selectFormat","handler","deep","idx","hoveredType","hoveredValue","selectedType","selectedValue","mouseover","hoveredRecord","gridColumn","column","gridRow","row","params","recordName","code","selected","softOpacity","show","slot","title","author","year","imgUrl","set","val","MapPiece","BRMapPiece","gridStyle","display","gridTemplateColumns","gridTemplateRows","hoveredCountry","hoveredGenre","hoveredYear","directives","rawName","domProps","target","composing","search","searchString","LeftPanel","RightPanel","Searchbar","metaInfo","htmlAttrs","lang","meta","ready","countryHighlight","$refs","map","highlightCountry","countryUnhighlight","keys","leftPanel","join","colab","colaborators","url","rawCC","description","hasColaborators","urls","split","recordId","$route","getters","getRecord","piecesStates","state","switch","intervalid1","setInterval","img","turnOn","turnOff","getRandom","arr","len","taken","RangeError","x","MosaicPiece","containerWidth","containerHeight","rows","w","h","mosaicGridStyle","overflowY","pieces","queueLength","clientHeight","ceil","startingSet","Mosaic","titleTemplate","buttonStyle","option","first","options","line","member","role","colaborator","aboutProject","team","Vue","use","VueRouter","routes","path","Record","MapView","Home","About","router","Vuex","Store","count","codedRecords","mutations","increment","updateSearch","string","fetchFiles","then","file","f01","f02","elements","positions","brElements","entries","col","trim","startsWith","parseInt","el","f","error","repositoryLink","getRecords","getBrRecords","id","getSearch","config","productionTip","VueSlider","VTooltip","VueMeta","store","render","App","$mount"],"mappings":"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","file":"js/app.fe30ceca.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/fondecyt_logo.2411af52.png\";","module.exports = __webpack_public_path__ + \"img/udp_logo.7dfc67b4.png\";","module.exports = __webpack_public_path__ + \"img/lab_logo.dc87a330.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Searchbar.vue?vue&type=style&index=0&id=389078ae&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&id=289bd31d&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=012514aa&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BRMapPiece.vue?vue&type=style&index=0&id=57557426&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MosaicPiece.vue?vue&type=style&index=0&id=399ea05c&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LeftPanel.vue?vue&type=style&index=0&id=2cdc5dfd&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_vm._m(0),_c('router-view')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('head',[_c('meta',{attrs:{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1.0\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"app\">\r\n    <head>\r\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    </head>\r\n    <!-- <div id=\"in-progress\">\r\n      <img src=\"./assets/logo.svg\" alt=\"\" srcset=\"\">\r\n      <div class=\"message\">\r\n        Sitio en construcción.\r\n      </div>\r\n    </div> -->\r\n    <router-view/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'App',\r\n  beforeCreate() {\r\n    this.$store.commit('fetchFiles')\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital@0;1&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=Vesper+Libre:wght@400;900&display=swap');\r\n\r\n:root {\r\n  --black: #262626;\r\n  --vesper: 'Vesper Libre', serif;\r\n  --courier: 'Courier Prime', monospace;\r\n  --white: #fffbf8;\r\n}\r\n\r\nbody {\r\n  margin: 0;\r\n  padding: 0;\r\n  height: 100vh;\r\n  background-color: var(--white);\r\n}\r\n\r\n#app {\r\n  height: 100%;\r\n  color: #262626;\r\n  background-color: var(--white);\r\n}\r\n\r\n#in-progress {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.message {\r\n  font-family: var(--courier);\r\n  font-size: 34px;\r\n}\r\n</style>\r\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!./App.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!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=0e18e0c2&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"general-container\"},[_c('header',[_vm._m(0),_c('div',{staticClass:\"header-links\"},[_c('router-link',{staticClass:\"temp\",attrs:{\"to\":\"/about\"}},[_vm._v(\" Sobre el proyecto \")]),_c('Searchbar')],1)]),(_vm.ready)?_c('section',{staticClass:\"visualization-container\"},[_c('LeftPanel',{ref:\"leftPanel\",staticClass:\"left-container\",attrs:{\"mapJson\":_vm.miniMapJson,\"genre\":_vm.panelGenre,\"country\":_vm.panelCountry,\"selection\":_vm.selection},on:{\"hover\":_vm.hover,\"unhover\":_vm.unhover,\"select\":_vm.select,\"genreHighlight\":_vm.genreHighlight,\"genreUnhighlight\":_vm.genreUnhighlight,\"yearSelection\":_vm.yearHighlight}}),_c('Map',{ref:\"map\",staticClass:\"mid-container\",attrs:{\"records\":_vm.records,\"brRecords\":_vm.brRecords,\"selection\":_vm.selection},on:{\"recordMouseover\":_vm.recordMouseover,\"recordMouseout\":_vm.recordMouseout}}),_c('RightPanel',{ref:\"rightPanel\",staticClass:\"right-container\",attrs:{\"records\":_vm.records,\"selection\":_vm.selection},on:{\"yearSelection\":_vm.yearHighlight,\"hover\":_vm.hover,\"unhover\":_vm.unhover,\"select\":_vm.select,\"cleanSelection\":_vm.cleanSelection}})],1):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header-logo\"},[_c('img',{attrs:{\"src\":require(\"../assets/logo.svg\")}})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"left-panel\"},[_c('SquaresRoad',{staticClass:\"first-line-break\",attrs:{\"squareNum\":_vm.blocks.long}}),_c('div',{staticClass:\"medium-font\"},[_vm._v(\"Archivo de\")]),_c('SquaresRoad',{attrs:{\"squareNum\":4}}),_c('div',{staticClass:\"big-font\"},[_vm._v(\"Literatura\")]),_c('div',{staticClass:\"big-font\"},[_vm._v(\"Digital\")]),_c('div',{staticClass:\"medium-font\"},[_vm._v(\"en\")]),_c('div',{staticClass:\"big-font\"},[_vm._v(\"América\")]),_c('div',{staticClass:\"big-font\"},[_vm._v(\"Latina\")]),_c('SquaresRoad',{attrs:{\"squareNum\":36}}),_c('div',{staticClass:\"country\"},[_vm._m(0),_c('div',{staticClass:\"content\"},[_vm._v(\" \"+_vm._s(_vm.currentCountry)+\" \")])]),_c('div',{attrs:{\"id\":\"la-map-container\"}}),_c('SquaresRoad',{attrs:{\"squareNum\":4}}),_c('div',{staticClass:\"genre\"},[_vm._m(1),_c('div',{staticClass:\"genre-options\"},[_c('div',{staticClass:\"genre-option\",on:{\"mouseenter\":function($event){return _vm.$emit('genreHighlight', 'Poesía')},\"mouseleave\":function($event){return _vm.$emit('genreUnhighlight')},\"click\":function($event){return _vm.selectGenre('Poesía')}}},[_c('div',{staticClass:\"genre-dot\",class:{red: _vm.red}}),_c('span',{class:{highlighted: (_vm.genre === 'Poesía' || _vm.genre === 'None')}},[_vm._v(\"Poesía\")])]),_c('div',{staticClass:\"genre-option\",on:{\"mouseenter\":function($event){return _vm.$emit('genreHighlight', 'Narrativa')},\"mouseleave\":function($event){return _vm.$emit('genreUnhighlight')},\"click\":function($event){return _vm.selectGenre('Narrativa')}}},[_c('div',{staticClass:\"genre-dot\",class:{blue: _vm.blue}}),_c('span',{class:{highlighted: (_vm.genre === 'Narrativa' || _vm.genre === 'None')}},[_vm._v(\"Narrativa\")])]),_c('div',{staticClass:\"genre-option\",on:{\"mouseenter\":function($event){return _vm.$emit('genreHighlight', 'Ambos')},\"mouseleave\":function($event){return _vm.$emit('genreUnhighlight')},\"click\":function($event){return _vm.selectGenre('Ambos')}}},[_c('div',{staticClass:\"genre-dot\",class:{both: _vm.both}}),_c('span',{class:{highlighted: (_vm.genre === 'None' || _vm.genre === 'Ambos')}},[_vm._v(\"Ambos\")])]),_c('div',{staticClass:\"genre-option\",on:{\"mouseenter\":function($event){return _vm.$emit('genreHighlight', 'Otro')},\"mouseleave\":function($event){return _vm.$emit('genreUnhighlight')},\"click\":function($event){return _vm.selectGenre('Otro')}}},[_c('div',{staticClass:\"genre-dot\",class:{green: _vm.green}}),_c('span',{class:{highlighted: _vm.genre === 'Otro' || _vm.genre === 'None'}},[_vm._v(\"Otro\")])])])]),_c('SquaresRoad',{attrs:{\"squareNum\":4}}),_c('div',{staticClass:\"header\"},[_c('span',{staticClass:\"italic\"},[_vm._v(\"Año (\"+_vm._s(_vm.years_range[0] != _vm.years_range[1] ? ((_vm.years_range[0]) + \"-\" + (_vm.years_range[1])) : _vm.years_range[0])+\")\")])]),_c('vue-slider',{staticClass:\"left-slider\",attrs:{\"dot-size\":10,\"absorb\":true,\"dotStyle\":_vm.sliderStyle,\"railStyle\":_vm.railStyle,\"processStyle\":_vm.processStyle,\"data\":_vm.years,\"marks\":[1980, 1990, 2000, 2010, this.currentYear],\"tooltip\":'none'},on:{\"change\":function (years, k) { return _vm.selectYears(years); }},model:{value:(_vm.years_range),callback:function ($$v) {_vm.years_range=$$v},expression:\"years_range\"}}),_c('SquaresRoad',{attrs:{\"squareNum\":_vm.blocks.long}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header\"},[_c('span',{staticClass:\"italic\"},[_vm._v(\"País\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"genre-title\"},[_c('span',{staticClass:\"italic\"},[_vm._v(\" Género \")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"road\",style:({width: ((_vm.squareNum * 3.5) + \"px\")})},_vm._l((_vm.squareNum),function(square){return _c('div',{key:square,staticClass:\"square\",class:{bottom: Math.random() > .5},style:({\n      height: ((_vm.squareHeight * 2) + \"px\"),\n      width: ((3.5) + \"px\")\n    })},[_c('div',{staticClass:\"square-content\",style:({height: (_vm.squareHeight + \"px\")})})])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div \r\n    class=\"road\"\r\n    :style=\"{width: `${squareNum * 3.5}px`}\"\r\n  >\r\n    <div \r\n      class=\"square\"\r\n      v-for=\"square in squareNum\"\r\n      :key=\"square\"\r\n      :class=\"{bottom: Math.random() > .5}\"\r\n      :style=\"{\r\n        height: `${squareHeight * 2}px`,\r\n        width: `${3.5}px`\r\n      }\"\r\n    >\r\n      <div \r\n        class=\"square-content\"\r\n        :style=\"{height: `${squareHeight}px`}\"\r\n      >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'SquaresRoad',\r\n  props: {\r\n    squareNum: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n    squareHeight: {\r\n      type: Number,\r\n      default: 3,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .road {\r\n    display: flex;\r\n    margin: 5px 0px;\r\n  }\r\n\r\n  .road .square {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .road .square.bottom {\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .square-content {\r\n    background-color: #262626;\r\n  }\r\n</style>","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!./SquaresRoad.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!./SquaresRoad.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SquaresRoad.vue?vue&type=template&id=359ac3aa&scoped=true&\"\nimport script from \"./SquaresRoad.vue?vue&type=script&lang=js&\"\nexport * from \"./SquaresRoad.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SquaresRoad.vue?vue&type=style&index=0&id=359ac3aa&scoped=true&lang=css&\"\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  \"359ac3aa\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"left-panel\">\r\n    <SquaresRoad class=\"first-line-break\" :squareNum=\"blocks.long\" />\r\n    <div class=\"medium-font\">Archivo de</div>\r\n    <SquaresRoad :squareNum=\"4\" />\r\n    <div class=\"big-font\">Literatura</div>\r\n    <div class=\"big-font\">Digital</div>\r\n    <div class=\"medium-font\">en</div>\r\n    <div class=\"big-font\">América</div>\r\n    <div class=\"big-font\">Latina</div>\r\n    <SquaresRoad :squareNum=\"36\" />\r\n\r\n    <!-- Country -->\r\n\r\n    <div class=\"country\">\r\n      <div class=\"header\">\r\n        <span class=\"italic\">País</span>\r\n      </div>\r\n      <div class=\"content\">\r\n        {{ currentCountry }} \r\n      </div>\r\n    </div>\r\n    <div id=\"la-map-container\"></div>\r\n    <SquaresRoad :squareNum=\"4\" />\r\n\r\n    <!-- Genre -->\r\n\r\n    <!-- Falta seleccionar genero -->\r\n    <div class=\"genre\">\r\n      <div class=\"genre-title\">\r\n        <span class=\"italic\"> Género </span>\r\n      </div>\r\n      <div class=\"genre-options\">\r\n        <div\r\n          class=\"genre-option\"\r\n          @mouseenter=\"$emit('genreHighlight', 'Poesía')\"\r\n          @mouseleave=\"$emit('genreUnhighlight')\"\r\n          @click=\"selectGenre('Poesía')\"\r\n        >\r\n          <!-- <div class=\"genre-dot\" :class=\"{red: !(genre === 'Narrativa' || genre === 'Otro')}\"></div> -->\r\n          <div class=\"genre-dot\" :class=\"{red: red}\"></div>\r\n          <!-- <span :class=\"{highlighted: !(genre === 'Narrativa' || genre === 'Otro')}\">Poesía</span> -->\r\n          <span :class=\"{highlighted: (genre === 'Poesía' || genre === 'None')}\">Poesía</span>\r\n        </div>\r\n        <div\r\n          class=\"genre-option\"\r\n          @mouseenter=\"$emit('genreHighlight', 'Narrativa')\"\r\n          @mouseleave=\"$emit('genreUnhighlight')\"\r\n          @click=\"selectGenre('Narrativa')\"\r\n        >\r\n          <div class=\"genre-dot\" :class=\"{blue: blue}\"></div>\r\n          <span :class=\"{highlighted: (genre === 'Narrativa' || genre === 'None')}\">Narrativa</span>\r\n        </div>\r\n        <div\r\n          class=\"genre-option\"\r\n          @mouseenter=\"$emit('genreHighlight', 'Ambos')\"\r\n          @mouseleave=\"$emit('genreUnhighlight')\"\r\n          @click=\"selectGenre('Ambos')\"\r\n        >\r\n          <div class=\"genre-dot\" :class=\"{both: both}\"></div>\r\n          <span :class=\"{highlighted: (genre === 'None' || genre === 'Ambos')}\">Ambos</span>\r\n        </div>\r\n        <div\r\n          class=\"genre-option\"\r\n          @mouseenter=\"$emit('genreHighlight', 'Otro')\"\r\n          @mouseleave=\"$emit('genreUnhighlight')\"\r\n          @click=\"selectGenre('Otro')\"\r\n        >\r\n          <div class=\"genre-dot\" :class=\"{green: green}\"></div>\r\n          <span :class=\"{highlighted: genre === 'Otro' || genre === 'None'}\">Otro</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <SquaresRoad :squareNum=\"4\" />\r\n\r\n    <!-- Year -->\r\n\r\n    <div class=\"header\">\r\n      <span class=\"italic\">Año ({{ \r\n        years_range[0] != years_range[1] ?\r\n        `${years_range[0]}-${years_range[1]}` : years_range[0] \r\n        }})</span>\r\n    </div>\r\n\r\n    <vue-slider\r\n      class=\"left-slider\"\r\n      v-model=\"years_range\"\r\n      :dot-size=\"10\"\r\n      :absorb=\"true\"\r\n      :dotStyle=\"sliderStyle\"\r\n      :railStyle=\"railStyle\"\r\n      :processStyle=\"processStyle\"\r\n      :data=\"years\"\r\n      :marks=\"[1980, 1990, 2000, 2010, this.currentYear]\"\r\n      :tooltip=\"'none'\"\r\n      @change=\"(years, k) => selectYears(years)\"\r\n    >\r\n    </vue-slider>\r\n    <SquaresRoad :squareNum=\"blocks.long\" />\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SquaresRoad from '../SquaresRoad.vue';\r\nimport * as topojson from 'topojson';\r\nimport * as d3 from 'd3';\r\n\r\nexport default {\r\n  name: 'LeftPanel',\r\n  components: {\r\n    SquaresRoad\r\n  },\r\n  props: [\r\n    'mapJson',\r\n    'genre',\r\n    'country',\r\n    'selection',\r\n  ],\r\n  data() {\r\n    const currentYear = new Date().getFullYear();\r\n    return {\r\n      container: null,\r\n      blocks: {\r\n        long: 70\r\n      },\r\n      sliderStyle: {\r\n        backgroundColor: \"var(--black)\",\r\n        boxShadow: 'none',\r\n      },\r\n      railStyle: {\r\n        backgroundColor: \"var(--black)\",\r\n      },\r\n      processStyle: {\r\n        backgroundColor: \"var(--black)\",\r\n      },\r\n      years_range: [1980, currentYear],\r\n      years: Array.from({length: currentYear - 1980 + 1}, (v, k) => k + 1980),\r\n      currentYear,\r\n    }\r\n  },\r\n  async mounted() {\r\n    this.data = await topojson.feature(this.mapJson, this.mapJson.objects['custom.geo']).features;\r\n    this.projection = await d3.geoMercator();\r\n    this.path = await d3.geoPath().projection(this.projection);\r\n    await this.createMap();\r\n    this.draw();\r\n    this.buildRoad();\r\n  },\r\n  updated() {\r\n    if (this.country.length){\r\n      this.highlight(this.country);\r\n    }\r\n    else {\r\n      this.unhighlight();\r\n    }\r\n  },\r\n  created() {\r\n    window.addEventListener('resize', this.buildRoad());\r\n  },\r\n  methods: {\r\n    createMap() {\r\n      this.container = d3.select('#la-map-container')\r\n        .append('svg')\r\n        .attr('viewBox', '0 0 300 300')\r\n        .append('g')\r\n        .attr('transform', 'translate(-130, -140)');\r\n    },\r\n    draw() {\r\n      this.container.selectAll(\".land\")\r\n        .data(this.data)\r\n        .enter()\r\n        .append(\"path\")\r\n        .attr(\"class\", \"land\")\r\n        .attr(\"d\", this.path)\r\n        .style(\"fill\", d => d.properties.admin === \"Brazil\" ? \"white\" : \"#dfdfdf\")\r\n        .style(\"stroke\", \"#000\")\r\n        .style(\"stroke-width\", \"0.5px\")\r\n        .on('mouseover', this.recordsCountryHighlight)\r\n        .on('mouseout', this.recordsCountryUnhighlight)\r\n        .on('click', this.selectCountry);\r\n    },\r\n    highlight(country) {\r\n      this.container\r\n        .selectAll(\".land\")\r\n        .transition()\r\n        .duration(200)\r\n        .style(\"fill\", d => (d.properties.admin === country.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")) ? \"black\" : (d.properties.admin === \"Brazil\") ? \"white\" : \"#dfdfdf\");\r\n    },\r\n    unhighlight() {\r\n      this.container\r\n        .selectAll(\".land\")\r\n        .transition()\r\n        .duration(200)\r\n        .style(\"fill\", d => d.properties.admin === \"Brazil\" ? \"#fffbf8\" : \"#dfdfdf\");\r\n    },\r\n    buildRoad() {\r\n      if (this.$el) {\r\n        this.blocks.long = Math.floor(this.$el.clientWidth / 3.5);\r\n      }\r\n    },\r\n    recordsCountryHighlight(d){\r\n      this.highlight(d.properties.admin);\r\n      this.$emit('hover', 'country', d.properties.admin);\r\n    },\r\n    recordsCountryUnhighlight(){\r\n      this.unhighlight();\r\n      this.$emit('unhover');\r\n    },\r\n    selectCountry(d){\r\n      this.$emit('select', 'country', d.properties.admin);\r\n    },\r\n    selectGenre(genre){\r\n      this.$emit('select', 'genre', genre);\r\n    },\r\n    selectYears(years){\r\n      this.$emit('select', 'years', years);\r\n    },\r\n    cleanSelection(){\r\n      this.years_range = [1980, this.currentYear];\r\n    }\r\n  },\r\n  computed: {\r\n    red: function(){\r\n      return (this.genre === 'Poesía' || this.genre === 'None');\r\n    },\r\n    green: function(){\r\n      return this.genre === 'Otro' || this.genre === 'None';\r\n    },\r\n    blue: function(){\r\n      return this.genre === 'Narrativa' || this.genre === 'None';\r\n    }, \r\n    both: function(){\r\n      return this.genre === 'Ambos' || this.genre === 'None';\r\n    },\r\n    currentCountry: function() {\r\n      return this.selection.country ? this.selection.country : this.country;\r\n    },\r\n  },\r\n  watch: {\r\n\r\n  },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n  .left-panel {\r\n    font-family: var(--courier);\r\n    width: 100%;\r\n  }\r\n\r\n  #la-map-container {\r\n    width: 60%;\r\n  }\r\n\r\n  .italic {\r\n    font-style: italic;\r\n  }\r\n\r\n  .country .content {\r\n    height: 20px;\r\n  }\r\n\r\n  .genre .genre-title {\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .genre-option {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: left;\r\n    margin: 3px 0px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .genre-option span {\r\n    color: #e0e0df;\r\n  }\r\n\r\n  .genre-option span.highlighted {\r\n    color: black;\r\n  }\r\n\r\n  .genre-dot {\r\n    margin-left: 10px;\r\n    margin-right: 10px;\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 100%;\r\n    background-color: #dddddd;\r\n  }\r\n\r\n  .genre-dot.red {\r\n    background-color: #993300;\r\n  }\r\n\r\n  .genre-dot.blue {\r\n    background-color: #2aafda;\r\n  }\r\n\r\n  .genre-dot.both {\r\n    background: linear-gradient(90deg, #993300 50%, #2aafda 50%);\r\n  }\r\n\r\n  .genre-dot.green {\r\n    background-color: #2a803e;\r\n  }\r\n\r\n  @media only screen and (min-height: 725px) {\r\n    .medium-font {\r\n      font-size: 28px;\r\n      line-height: 32px;\r\n    }\r\n\r\n    .big-font {\r\n      font-size: 28px;\r\n      line-height: 32px;\r\n    }\r\n\r\n    .genre {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .country {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .header {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .first-line-break {\r\n      padding-bottom: 15px;\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-height: 725px) {\r\n    .medium-font {\r\n      font-size: 20px;\r\n      line-height: 24px;\r\n    }\r\n\r\n    .big-font {\r\n      font-size: 20px;\r\n      line-height: 24px;\r\n    }\r\n\r\n    .genre {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .country {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .header {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .first-line-break {\r\n      padding-bottom: 5px;\r\n    }\r\n  }\r\n\r\n  .medium-font {\r\n    font-family: var(--vesper);\r\n    font-weight: 500;\r\n  }\r\n\r\n  .big-font {\r\n    font-family: var(--vesper);\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .left-slider {\r\n    margin: 3% 0% 10% 0%;\r\n  }\r\n\r\n  .vue-slider-dot-handle {\r\n    box-shadow: none !important;\r\n  }\r\n\r\n</style>\r\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!./LeftPanel.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!./LeftPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LeftPanel.vue?vue&type=template&id=2cdc5dfd&scoped=true&\"\nimport script from \"./LeftPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./LeftPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LeftPanel.vue?vue&type=style&index=0&id=2cdc5dfd&scoped=true&lang=css&\"\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  \"2cdc5dfd\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"right-panel\"},[_c('div',{attrs:{\"id\":\"right-panel-container\"}}),_c('div',{staticClass:\"clear-filter-container\"},[_c('button',{staticClass:\"clear-filter p-1 rounded-md border-2 m-2\",on:{\"click\":function($event){return _vm.$emit('cleanSelection')}}},[_vm._v(\" Limpiar filtros \")]),_c('button',{staticClass:\"clear-filter p-1 rounded-md border-2 m-2\",attrs:{\"onclick\":\"location.href='https://storage.googleapis.com/cartografiadigital/base_de_datos.xlsx';\"}},[_vm._v(\" Descargar base de datos \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"right-panel\">\r\n    <div id=\"right-panel-container\"></div>\r\n    <div class=\"clear-filter-container\">\r\n      <button\r\n        class=\"clear-filter p-1 rounded-md border-2 m-2\"\r\n        @click=\"$emit('cleanSelection')\"\r\n      >\r\n        Limpiar filtros\r\n      </button>\r\n      <button class=\"clear-filter p-1 rounded-md border-2 m-2\" onclick=\"location.href='https://storage.googleapis.com/cartografiadigital/base_de_datos.xlsx';\">\r\n        Descargar base de datos\r\n      </button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as d3 from 'd3';\r\n\r\nexport default {\r\n  name: 'RightPanel',\r\n  props: [\r\n    'records',\r\n    'selection',\r\n  ],\r\n  data(){\r\n    return {\r\n      container: null,\r\n      sliderStyle: {\r\n        backgroundColor: \"var(--black)\",\r\n      },\r\n      maxR: 20,\r\n      pieR: 30,\r\n      titleFontSize: 12,\r\n      categoryFontSize: 8,\r\n      techniqueHorizontalOffset: 0,\r\n      formatHorizontalOffset: 200,\r\n      hoveredTechnique: null,\r\n      // techniqueHorizontalOffset: 90,\r\n    }\r\n  },\r\n  mounted() {\r\n    this.processData();\r\n    this.createMap();\r\n    this.draw();\r\n  },\r\n  methods: {\r\n    processData() {\r\n\r\n      // CC processing\r\n      this.cc = new Map();\r\n      this.records.forEach(record => {\r\n        const cc = record.metadata.cc;\r\n        if (!this.cc.has(cc)) this.cc.set(cc, 1);\r\n        else {\r\n          this.cc.set(cc, this.cc.get(cc) + 1);\r\n        }   \r\n      });\r\n      this.ccDatum = {};\r\n      [...this.cc].forEach(([name, count]) => {\r\n        this.ccDatum[name] = count;\r\n      });\r\n\r\n      // Technique processing\r\n      this.techniques = new Map();\r\n      this.records.forEach(record => {\r\n        record.metadata.techniques.forEach(technique => {\r\n          if (!this.techniques.has(technique)) this.techniques.set(technique, 1);\r\n          else {\r\n            this.techniques.set(technique, this.techniques.get(technique) + 1);\r\n          }\r\n        })\r\n      });\r\n      this.techniqueDatum = {};\r\n      [...this.techniques].forEach(([name, count]) => {\r\n        this.techniqueDatum[name] = count;\r\n      });\r\n\r\n      // Format processing\r\n      this.formats = new Map();\r\n      this.records.forEach(record => {\r\n        record.metadata.format.forEach(technique => {\r\n          if (technique.length) {\r\n            if (!this.formats.has(technique)) this.formats.set(technique, 1);\r\n            else {\r\n              this.formats.set(technique, this.formats.get(technique) + 1);\r\n            }\r\n          }\r\n        })\r\n      });\r\n      this.formatDatum = {};\r\n      [...this.formats].forEach(([name, count]) => {\r\n        this.formatDatum[name] = count;\r\n      });\r\n\r\n      // Create scales\r\n      this.createScales();  \r\n    },\r\n\r\n    // The next 3 functions set up the scales of the idiom\r\n\r\n    // Techinque Scales\r\n    createTechniqueScales() {\r\n      this.techniqueData = d3.entries(this.techniqueDatum);\r\n      const maxVal = d3.max(this.techniqueData, d => d.value);\r\n      const categories = this.techniqueData.map(d => d.key);\r\n\r\n      this.techniqueScales = {\r\n        r: d3.scaleSqrt().domain([0, maxVal]).range([0, this.maxR]),\r\n        y: d3.scaleOrdinal().domain(categories.length).range(categories.map((d, idx) => idx * this.maxR))\r\n      };\r\n    },\r\n\r\n    // Format Scales\r\n    createFormatScales() {\r\n      this.formatData = d3.entries(this.formatDatum);\r\n      const maxVal = d3.max(this.formatData, d => d.value);\r\n      const categories = this.formatData.map(d => d.key);\r\n\r\n      this.formatScales = {\r\n        r: d3.scaleSqrt().domain([0, maxVal]).range([0, this.maxR]),\r\n        y: d3.scaleOrdinal().domain(categories.length).range(categories.map((d, idx) => idx * this.maxR))\r\n      };\r\n    },\r\n\r\n    // Call all scales\r\n    createScales(){\r\n      this.createTechniqueScales();\r\n      this.createFormatScales();\r\n    },\r\n\r\n    createMap() {\r\n      this.container = d3.select('#right-panel-container')\r\n        .append('svg')\r\n        .attr('viewBox', '0 0 200 420')\r\n        .append('g')\r\n        .attr('transform', 'translate(' + 50 + ',' + 40  + ')');\r\n    },\r\n\r\n    // Next 3 functions draw the idioms\r\n\r\n    // Draws Techinques\r\n    drawTechniques() {\r\n      // Title\r\n      this.container.append('text')\r\n        .text('Técnica')\r\n        .attr(\"x\", -50)\r\n        .attr('y', this.techniqueHorizontalOffset - 25) \r\n        .attr(\"font-size\", `${this.titleFontSize}px`)\r\n        .attr('class', 'italic');\r\n      // Circle\r\n      this.container.selectAll('.technique-circle')\r\n        .data(this.techniqueData)\r\n        .enter()\r\n        .append('circle')\r\n        .attr('class', 'technique-circle cursor-pointer')\r\n        .style('mix-blend-mode', 'multiply')\r\n        .attr('fill', '#dfdfdf')\r\n        .attr('stroke', 'none')\r\n        .attr('cx', -20)\r\n        .attr('cy', d => this.techniqueScales.y(d.key))\r\n        .attr('r', d => this.techniqueScales.r(d.value))\r\n        .attr('transform', `translate(0, ${this.techniqueHorizontalOffset})`)\r\n        .on('mouseover', this.hoverTechnique)\r\n        .on('mouseout', this.unhoverTechnique)\r\n        .on('click', this.selectTechnique); \r\n      // Dot \r\n      this.container.selectAll('.technique-dot')\r\n        .data(this.techniqueData)\r\n        .enter()\r\n        .append('circle')\r\n        .attr('fill', 'black')\r\n        .attr('stroke', 'none')\r\n        .attr('cx', -20)\r\n        .attr('cy', d => this.techniqueScales.y(d.key))\r\n        .attr('r', 1)\r\n        .attr('transform', `translate(0, ${this.techniqueHorizontalOffset})`);  \r\n      // Name\r\n      this.container.selectAll('technique-text')\r\n        .data(this.techniqueData)\r\n        .enter()\r\n        .append('text')\r\n        .attr('class', 'technique-text cursor-pointer')\r\n        .attr('x', this.maxR / 2 - 20)\r\n        .attr('y', d => this.techniqueScales.y(d.key))\r\n        .text(d => d.key)\r\n        .attr(\"font-size\", `${this.categoryFontSize}px`)\r\n        .style('dominant-baseline', 'central')\r\n        .attr('transform', `translate(0, ${this.techniqueHorizontalOffset})`)\r\n        // .on('mouseover', this.hoverTechnique)\r\n        // .on('mouseout', this.unhoverTechnique)\r\n        .on('click', this.selectTechnique);\r\n    },\r\n\r\n    // Draws Formats\r\n    drawFormats() {\r\n      // Title\r\n      this.container.append('text')\r\n        .text('Formatos')\r\n        .attr(\"x\", -50)\r\n        .attr('y', this.formatHorizontalOffset - 25) \r\n        .attr(\"font-size\", `${this.titleFontSize}px`)\r\n        .attr('class', 'italic');\r\n      // Circle\r\n      this.container.selectAll('.format-circle')\r\n        .data(this.formatData)\r\n        .enter()\r\n        .append('circle')\r\n        .attr('class', 'format-circle cursor-pointer')\r\n        .style('mix-blend-mode', 'multiply')\r\n        .attr('fill', '#dfdfdf')\r\n        .attr('stroke', 'none')\r\n        .attr('cx', -20)\r\n        .attr('cy', d => this.formatScales.y(d.key))\r\n        .attr('r', d => this.formatScales.r(d.value))\r\n        .attr('transform', `translate(0, ${this.formatHorizontalOffset})`)\r\n        .on('mouseover', this.hoverFormat)\r\n        .on('mouseout', this.unhoverFormat)\r\n        .on('click', this.selectFormat);  \r\n      // Dots\r\n      this.container.selectAll('.format-dot')\r\n        .data(this.formatData)\r\n        .enter()\r\n        .append('circle')\r\n        .attr('fill', 'black')\r\n        .attr('stroke', 'none')\r\n        .attr('cx', -20)\r\n        .attr('cy', d => this.formatScales.y(d.key))\r\n        .attr('r', 1)\r\n        .attr('transform', `translate(0, ${this.formatHorizontalOffset})`);  \r\n      // Name\r\n      this.container.selectAll('format-text')\r\n        .data(this.formatData)\r\n        .enter()\r\n        .append('text')\r\n        .attr('class', 'format-text cursor-pointer')\r\n        .attr('x', this.maxR / 2 - 20)\r\n        .attr('y', d => this.formatScales.y(d.key))\r\n        .text(d => d.key)\r\n        .attr(\"font-size\", `${this.categoryFontSize}px`)\r\n        .style('dominant-baseline', 'central')\r\n        .attr('transform', `translate(0, ${this.formatHorizontalOffset})`)\r\n        .on('mouseover', this.hoverFormat)\r\n        .on('mouseout', this.unhoverFormat)\r\n        .on('click', this.selectFormat);\r\n    },\r\n\r\n    // Calls drawing functions\r\n    draw() {\r\n      this.drawTechniques();\r\n      this.drawFormats();\r\n    },\r\n\r\n    hoverTechnique(d) {\r\n      // this.$emit('hover', 'technique', d.key);\r\n      this.container.selectAll('.technique-circle')\r\n        .transition()\r\n        .duration(200)\r\n        .attr('opacity', n => n.key === d.key ? 1 : 0.2);\r\n      this.container.selectAll('.technique-text')\r\n        .transition()\r\n        .duration(200)\r\n        .attr('opacity', n => n.key === d.key ? 1 : 0.2);\r\n    },\r\n\r\n    unhoverTechnique() {\r\n      this.$emit('unhover');\r\n      const { technique } = this.selection;\r\n      this.container.selectAll('.technique-circle')\r\n        .transition()\r\n        .duration(200)\r\n        .attr('opacity', d => !technique ? 1 : d.key === technique ? 1 : 0.2);\r\n      this.container.selectAll('.technique-text')\r\n        .transition()\r\n        .duration(200)\r\n        .attr('opacity', d => !technique ? 1 : d.key === technique ? 1 : 0.2);\r\n    },\r\n\r\n    hoverFormat(d) {\r\n      this.$emit('hover', 'format', d.key);\r\n      this.container.selectAll('.format-circle')\r\n        .transition()\r\n        .duration(200)\r\n        .attr('opacity', n => n.key === d.key ? 1 : 0.2);\r\n      this.container.selectAll('.format-text')\r\n        .transition()\r\n        .duration(200)\r\n        .attr('opacity', n => n.key === d.key ? 1 : 0.2);\r\n    },\r\n\r\n    unhoverFormat() {\r\n      this.$emit('unhover');\r\n      const { format } = this.selection;\r\n      this.container.selectAll('.format-circle')\r\n        .transition()\r\n        .duration(200)\r\n        .attr('opacity', d => !format ? 1 : d.key === format ? 1 : 0.2);\r\n      this.container.selectAll('.format-text')\r\n        .transition()\r\n        .duration(200)\r\n        .attr('opacity', d => !format ? 1 : d.key === format ? 1 : 0.2);\r\n    },\r\n\r\n    selectTechnique(d) {\r\n      this.$emit('select', 'technique', d.key);\r\n    },\r\n\r\n    selectFormat(d) {\r\n      this.$emit('select', 'format', d.key);\r\n    },\r\n  },\r\n  watch: {\r\n    selection: {\r\n      handler: function(){\r\n        // Technique watcher\r\n        const { technique } = this.selection;\r\n        if (technique) {\r\n          this.container.selectAll('.technique-circle')\r\n            .transition()\r\n            .duration(200)\r\n            .attr('opacity', d => d.key === technique ? 1 : 0.2);\r\n          this.container.selectAll('.technique-text')\r\n            .transition()\r\n            .duration(200)\r\n            .attr('opacity', d => d.key === technique ? 1 : 0.2);\r\n            }\r\n        else {\r\n          this.container.selectAll('.technique-circle')\r\n            .transition()\r\n            .duration(200)\r\n            .attr('opacity', 1);\r\n          this.container.selectAll('.technique-text')\r\n            .transition()\r\n            .duration(200)\r\n            .attr('opacity', 1);\r\n        }\r\n\r\n        // Format watcher\r\n        const { format } = this.selection;\r\n        if (format) {\r\n          this.container.selectAll('.format-circle')\r\n            .transition()\r\n            .duration(200)\r\n            .attr('opacity', d => d.key === format ? 1 : 0.2);\r\n          this.container.selectAll('.format-text')\r\n            .transition()\r\n            .duration(200)\r\n            .attr('opacity', d => d.key === format ? 1 : 0.2);\r\n        }\r\n        else {\r\n          this.container.selectAll('.format-circle')\r\n            .transition()\r\n            .duration(200)\r\n            .attr('opacity', 1);\r\n          this.container.selectAll('.format-text')\r\n            .transition()\r\n            .duration(200)\r\n            .attr('opacity', 1);\r\n        }\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n  .right-panel {\r\n    width: 100%;\r\n  }\r\n\r\n  #right-panel-container {\r\n    width: 100%;\r\n    font-family: var(--courier);\r\n  }\r\n\r\n  .blended {\r\n    font-style: italic;\r\n  }\r\n\r\n  .clear-filter-container {\r\n    display: flex;\r\n  }\r\n\r\n  .clear-filter {\r\n    font-family: var(--courier);\r\n    border-color: var(--black);;\r\n  }\r\n\r\n</style>","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!./RightPanel.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!./RightPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RightPanel.vue?vue&type=template&id=1101d15f&\"\nimport script from \"./RightPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./RightPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RightPanel.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mid-pannel\"},[(_vm.records.length)?_c('div',{staticClass:\"map\",style:(_vm.gridStyle)},[_vm._l((_vm.records),function(record,idx){return _c('MapPiece',{key:idx + 'n',attrs:{\"record\":record.metadata,\"hoveredType\":_vm.hoveredType,\"hoveredValue\":_vm.hoveredValue,\"selectedType\":_vm.selectedType,\"selectedValue\":_vm.selectedValue,\"selection\":_vm.selection,\"mouseover\":_vm.mouseover,\"hoveredRecord\":_vm.hoveredRecord},on:{\"recordMouseover\":function($event){return _vm.recordMouseover(record)},\"recordMouseout\":function($event){return _vm.recordMouseout()}}})}),_vm._l((_vm.brRecords),function(record,idx){return _c('BRMapPiece',{key:idx + 'm',attrs:{\"record\":record.metadata,\"hoveredType\":_vm.hoveredType,\"hoveredValue\":_vm.hoveredValue,\"selectedType\":_vm.selectedType,\"selectedValue\":_vm.selectedValue,\"selection\":_vm.selection,\"mouseover\":_vm.mouseover,\"hoveredRecord\":_vm.hoveredRecord},on:{\"recordMouseover\":function($event){return _vm.recordMouseover(record)},\"recordMouseout\":function($event){return _vm.recordMouseout()}}})})],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-piece\",style:({\n    gridColumn: ((_vm.record.column - 1) + \" / \" + (_vm.record.column)),\n    gridRow: ((_vm.record.row) + \" / \" + (_vm.record.row + 1)),\n  }),on:{\"mouseenter\":_vm.recordMouseover,\"mouseleave\":_vm.recordMouseout}},[_c('router-link',{attrs:{\"to\":{\n    name: 'Record',\n    params: {\n      recordName: _vm.record.code,\n      record: _vm.record\n    }\n  }}},[_c('img',{staticClass:\"record-img\",class:{\n      selected: _vm.selected,\n      softOpacity: _vm.softOpacity,\n    },attrs:{\"src\":(\"https://storage.googleapis.com/cartografiadigital/records_icons/\" + (_vm.record.code) + \".png\")}}),_c('v-popover',{attrs:{\"open\":_vm.show,\"delay\":{show: 500},\"placement\":_vm.record.row < 20 ? 'bot' : 'top',\"offset\":\"50\"}},[_c('template',{slot:\"popover\"},[_c('section',{staticClass:\"popover-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.record.title))]),_c('div',{staticClass:\"author-and-year\"},[_c('span',[_vm._v(_vm._s(_vm.record.author[0]))]),_c('span',[_vm._v(_vm._s(_vm.record.year ? (\", \" + (_vm.record.year)) : ''))])]),_c('div',{staticClass:\"message\"},[_vm._v(\" Click para más información \")])])])],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div \r\n      class=\"map-piece\"\r\n      :style=\"{\r\n        gridColumn: `${record.column - 1} / ${record.column}`,\r\n        gridRow: `${record.row} / ${record.row + 1}`,\r\n      }\"\r\n      @mouseenter=\"recordMouseover\"\r\n      @mouseleave=\"recordMouseout\"\r\n    >\r\n    <router-link \r\n      :to=\"{\r\n        name: 'Record',\r\n        params: {\r\n          recordName: record.code,\r\n          record: record\r\n        }\r\n      }\"\r\n    >\r\n      <img\r\n        :src=\"`https://storage.googleapis.com/cartografiadigital/records_icons/${record.code}.png`\"\r\n        class=\"record-img\"\r\n        :class=\"{\r\n          selected: selected,\r\n          softOpacity: softOpacity,\r\n        }\"\r\n      >\r\n\r\n      <v-popover\r\n        :open=\"show\"\r\n        :delay=\"{show: 500}\"\r\n        :placement=\"record.row < 20 ? 'bot' : 'top'\"\r\n        offset=\"50\"\r\n      >\r\n        <template slot=\"popover\">\r\n          <section\r\n            class=\"popover-content\"\r\n          >\r\n            <div class=\"title\">{{ record.title }}</div>\r\n            <div class=\"author-and-year\">\r\n              <span>{{record.author[0]}}</span><span>{{record.year ? `, ${record.year}` : ''}}</span>\r\n            </div>\r\n            <div class=\"message\">\r\n              Click para más información  \r\n            </div>\r\n          </section>\r\n        </template>\r\n      </v-popover>\r\n\r\n\r\n    </router-link>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'MapPiece',\r\n  props: [\r\n    'record',\r\n    'hoveredType',\r\n    'hoveredValue',\r\n    'selectedType',\r\n    'selectedValue',\r\n    'mouseover',\r\n    'hoveredRecord',\r\n    'selection',\r\n  ],\r\n  data() {\r\n    return {\r\n      show: false,\r\n    }\r\n  },\r\n  methods: {\r\n    recordMouseover(){\r\n      if (this.selected){\r\n        this.$emit('recordMouseover', this.record);\r\n        this.show = true;\r\n      }\r\n    },\r\n    recordMouseout(){\r\n      this.$emit('recordMouseout');\r\n      this.show = false;\r\n      this.softOpacity = false;\r\n    },\r\n  },\r\n  computed: {\r\n    selected: function() {\r\n        if (this.selection.country && (this.selection.country !== this.record.country.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\"))){\r\n          return false;\r\n        }\r\n        if (this.selection.genre && (this.selection.genre !== this.record.genre)){\r\n          return false;\r\n        }\r\n        if (this.selection.technique && !this.record.techniques.includes(this.selection.technique)) {\r\n          return false\r\n        }\r\n        if (this.selection.format && !this.record.format.includes(this.selection.format)) {\r\n          return false\r\n        }\r\n        if (this.selection.years && ((this.selection.years[0] > this.record.year) || (this.selection.years[1] < this.record.year))){\r\n          return false\r\n        }\r\n        if (this.selection.searchString && !(\r\n            this.record.title.toLowerCase().includes(this.selection.searchString.toLowerCase()) ||\r\n            this.record.author.some(author => author.toLowerCase().includes(this.selection.searchString.toLowerCase()))\r\n          )) {\r\n          return false\r\n        }\r\n        return true;\r\n    },\r\n    imgUrl: function() {\r\n      return this.record.genre === \"Poesía\" ?\r\n      \"poetry\" : this.record.genre === \"Narrativa\" ?\r\n      \"narrative\" : \"other\"\r\n    },\r\n    softOpacity: {\r\n      get: function() {\r\n        return this.selected && this.hoveredRecord && (this.record.code !== this.hoveredRecord);\r\n      },\r\n      set: function(val) {\r\n        return val;\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n  .record-img {\r\n    opacity: 0.25;\r\n    transition: opacity 0.2s;\r\n  }\r\n\r\n  .selected {\r\n    opacity: 1;\r\n  }\r\n\r\n  .softOpacity {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .map-piece {\r\n    width: 100%;\r\n    /* height: 100%; */\r\n  }\r\n\r\n  .popover-content {\r\n    /* margin-top: 20px; */\r\n    width: 300px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .popover-content .title {\r\n    font-family: var(--vesper);\r\n    font-size: 24px;\r\n    font-weight: 900;\r\n    text-align: center;\r\n  }\r\n\r\n  .popover-content .author-and-year {\r\n    font-family: var(--vesper);\r\n    font-size: 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .popover-content .message {\r\n    font-family: var(--courier);\r\n    font-size: 12px;\r\n    font-style: italic;\r\n    text-align: center;\r\n  }\r\n\r\n  .v-popover {\r\n    height: 0%;\r\n  }\r\n\r\n</style>","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!./MapPiece.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!./MapPiece.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapPiece.vue?vue&type=template&id=a4213054&scoped=true&\"\nimport script from \"./MapPiece.vue?vue&type=script&lang=js&\"\nexport * from \"./MapPiece.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapPiece.vue?vue&type=style&index=0&id=a4213054&scoped=true&lang=css&\"\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  \"a4213054\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-piece\",style:({\n    gridColumn: ((_vm.record.column - 1) + \" / \" + (_vm.record.column)),\n    gridRow: ((_vm.record.row) + \" / \" + (_vm.record.row + 1)),\n  }),on:{\"mouseenter\":_vm.recordMouseover,\"mouseleave\":_vm.recordMouseout}},[_c('a',{attrs:{\"href\":(\"\" + (_vm.record.url)),\"target\":\"_blank\"}},[_c('img',{staticClass:\"record-img opaque\",class:{\n      selected: _vm.selected,\n      softOpacity: _vm.softOpacity,\n    },attrs:{\"src\":(\"https://storage.googleapis.com/cartografiadigital/records_icons/\" + (_vm.record.code) + \".png\")}}),_c('v-popover',{attrs:{\"open\":_vm.show,\"delay\":{show: 500},\"placement\":_vm.record.row < 20 ? 'bot' : 'top',\"offset\":\"50\"}},[_c('template',{slot:\"popover\"},[_c('section',{staticClass:\"popover-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.record.title))]),_c('div',{staticClass:\"author-and-year\"},[_c('span',[_vm._v(_vm._s(_vm.record.author))])]),_c('div',{staticClass:\"message\"},[_vm._v(\" Click para ir al repositorio \")])])])],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div \r\n      class=\"map-piece\"\r\n      :style=\"{\r\n        gridColumn: `${record.column - 1} / ${record.column}`,\r\n        gridRow: `${record.row} / ${record.row + 1}`,\r\n      }\"\r\n      @mouseenter=\"recordMouseover\"\r\n      @mouseleave=\"recordMouseout\"\r\n    >\r\n    <a\r\n      :href=\"`${record.url}`\" \r\n      target=\"_blank\"\r\n    >\r\n      <img\r\n        :src=\"`https://storage.googleapis.com/cartografiadigital/records_icons/${record.code}.png`\"\r\n        class=\"record-img opaque\"\r\n        :class=\"{\r\n          selected: selected,\r\n          softOpacity: softOpacity,\r\n        }\"\r\n      >\r\n\r\n      <v-popover\r\n        :open=\"show\"\r\n        :delay=\"{show: 500}\"\r\n        :placement=\"record.row < 20 ? 'bot' : 'top'\"\r\n        offset=\"50\"\r\n      >\r\n        <template slot=\"popover\">\r\n          <section\r\n            class=\"popover-content\"\r\n          >\r\n            <div class=\"title\">{{ record.title }}</div>\r\n            <div class=\"author-and-year\">\r\n              <span>{{record.author}}</span>\r\n            </div>\r\n            <div class=\"message\">\r\n              Click para ir al repositorio  \r\n            </div>\r\n          </section>\r\n        </template>\r\n      </v-popover>\r\n\r\n\r\n    </a>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'MapPiece',\r\n  props: [\r\n    'record',\r\n    'hoveredType',\r\n    'hoveredValue',\r\n    'selectedType',\r\n    'selectedValue',\r\n    'mouseover',\r\n    'hoveredRecord',\r\n    'selection',\r\n  ],\r\n  data() {\r\n    return {\r\n      show: false,\r\n    }\r\n  },\r\n  methods: {\r\n    recordMouseover(){\r\n      if (this.selected){\r\n        this.$emit('recordMouseover', this.record);\r\n        this.show = true;\r\n      }\r\n    },\r\n    recordMouseout(){\r\n      this.$emit('recordMouseout');\r\n      this.show = false;\r\n      this.softOpacity = false;\r\n    },\r\n  },\r\n  computed: {\r\n    selected: function() {\r\n        if (this.selection.country && (this.selection.country !== this.record.country.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\"))){\r\n          return false;\r\n        }\r\n        if (this.selection.genre && (this.selection.genre !== this.record.genre)){\r\n          return false;\r\n        }\r\n        if (this.selection.technique && !this.record.techniques.includes(this.selection.technique)) {\r\n          return false\r\n        }\r\n        if (this.selection.format && !this.record.format.includes(this.selection.format)) {\r\n          return false\r\n        }\r\n        if (this.selection.years && ((this.selection.years[0] > this.record.year) || (this.selection.years[1] < this.record.year))){\r\n          return false\r\n        }\r\n        return true;\r\n    },\r\n    softOpacity: function() {\r\n      return this.selected && this.hoveredRecord && (this.record.code !== this.hoveredRecord);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n  .record-img {\r\n    opacity: 0.25;\r\n    transition: opacity 0.2s;\r\n  }\r\n\r\n  .selected {\r\n    opacity: 1;\r\n  }\r\n\r\n  .opaque {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .softOpacity {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .map-piece {\r\n    width: 100%;\r\n  }\r\n\r\n  .popover-content {\r\n    width: 300px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .popover-content .title {\r\n    font-family: var(--vesper);\r\n    font-size: 24px;\r\n    font-weight: 900;\r\n    text-align: center;\r\n  }\r\n\r\n  .popover-content .author-and-year {\r\n    font-family: var(--vesper);\r\n    font-size: 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .popover-content .message {\r\n    font-family: var(--courier);\r\n    font-size: 12px;\r\n    font-style: italic;\r\n    text-align: center;\r\n  }\r\n\r\n  .v-popover {\r\n    height: 0%;\r\n  }\r\n\r\n</style>","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!./BRMapPiece.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!./BRMapPiece.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BRMapPiece.vue?vue&type=template&id=57557426&scoped=true&\"\nimport script from \"./BRMapPiece.vue?vue&type=script&lang=js&\"\nexport * from \"./BRMapPiece.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BRMapPiece.vue?vue&type=style&index=0&id=57557426&scoped=true&lang=css&\"\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  \"57557426\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"mid-pannel\">\r\n    <div class=\"map\" :style=\"gridStyle\" v-if=\"records.length\">\r\n      <MapPiece \r\n        v-for=\"(record, idx) in records\"\r\n          :key=\"idx + 'n'\"\r\n          :record=\"record.metadata\"\r\n          :hoveredType=\"hoveredType\"\r\n          :hoveredValue=\"hoveredValue\"\r\n          :selectedType=\"selectedType\"\r\n          :selectedValue=\"selectedValue\"\r\n          :selection=\"selection\"\r\n          :mouseover=\"mouseover\"\r\n          :hoveredRecord=\"hoveredRecord\"\r\n          @recordMouseover=\"recordMouseover(record)\"\r\n          @recordMouseout=\"recordMouseout()\"\r\n      />\r\n      <BRMapPiece \r\n        v-for=\"(record, idx) in brRecords\"\r\n          :key=\"idx + 'm'\"\r\n          :record=\"record.metadata\"\r\n          :hoveredType=\"hoveredType\"\r\n          :hoveredValue=\"hoveredValue\"\r\n          :selectedType=\"selectedType\"\r\n          :selectedValue=\"selectedValue\"\r\n          :selection=\"selection\"\r\n          :mouseover=\"mouseover\"\r\n          :hoveredRecord=\"hoveredRecord\"\r\n          @recordMouseover=\"recordMouseover(record)\"\r\n          @recordMouseout=\"recordMouseout()\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MapPiece from './MapPiece.vue';\r\nimport BRMapPiece from './BRMapPiece.vue';\r\n\r\nexport default {\r\n  name: 'Map',\r\n  components: {\r\n    MapPiece,\r\n    BRMapPiece,\r\n  },\r\n  props: [\r\n    'records',\r\n    'brRecords',\r\n    'selection',\r\n  ],\r\n  data(){\r\n    return {\r\n      mouseover: false,\r\n      hoveredType: null,\r\n      hoveredValue: null,\r\n      selectedType: null,\r\n      selectedValue: null,\r\n      hoveredRecord: null,\r\n      gridStyle: {\r\n        display: 'grid',\r\n        gridTemplateColumns: 'repeat(27, 1fr)',\r\n        gridTemplateRows: 'repeat(29, 1fr)',\r\n      },\r\n    }\r\n  },\r\n  methods: {\r\n    recordMouseover(record){\r\n      this.$emit('recordMouseover', record.metadata);\r\n      this.mouseover = true;\r\n      this.hoveredRecord = record.metadata.code;\r\n    },\r\n    recordMouseout(){\r\n      this.$emit('recordMouseout');\r\n      this.mouseover = false;\r\n      this.hoveredRecord = null;\r\n    },\r\n    unhighlight(){\r\n      this.hoveredCountry = null;\r\n      this.hoveredGenre = null;\r\n      this.hoveredYear = null;\r\n      this.hoverTechnique = null;\r\n      this.hoveredYear = null;\r\n    },\r\n    hover(type, value){\r\n      this.hoveredType = type;\r\n      this.hoveredValue = value;\r\n    },\r\n    unhover(){\r\n      this.hoveredType = null;\r\n      this.hoveredValue = null;\r\n    },\r\n    select(type, value){\r\n      this.selectedType = type;\r\n      this.selectedValue = value;\r\n    },\r\n    cleanSelection(){\r\n      this.selectedType = null;\r\n      this.selectedValue = null;\r\n    }\r\n\r\n  },\r\n  mounted() {\r\n    const w = this.$el.clientWidth / 29;\r\n    const h = w * 4 / 5;\r\n    const ponderator = .95;\r\n    this.gridStyle.gridTemplateColumns = `repeat(27, ${w * ponderator}px)`;\r\n    this.gridStyle.gridTemplateRows = `repeat(29, ${h * ponderator}px)`;\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .mid-pannel {\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: 0 40px;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n</style>","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!./Map.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!./Map.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Map.vue?vue&type=template&id=7faec6d0&scoped=true&\"\nimport script from \"./Map.vue?vue&type=script&lang=js&\"\nexport * from \"./Map.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Map.vue?vue&type=style&index=0&id=7faec6d0&scoped=true&lang=css&\"\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  \"7faec6d0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"search-container\"},[_c('img',{staticClass:\"lupa\",attrs:{\"src\":\"lupa.svg\"}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.search),expression:\"search\"}],staticClass:\"search-input\",attrs:{\"type\":\"text\",\"placeholder\":\"Buscar por obra o autor\"},domProps:{\"value\":(_vm.search)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.search=$event.target.value}}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"search-container\">\r\n    <img class=\"lupa\" src=\"lupa.svg\" />\r\n    <input\r\n      class=\"search-input\"\r\n      type=\"text\"\r\n      v-model=\"search\"\r\n      placeholder=\"Buscar por obra o autor\"\r\n    >\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      search: '',\r\n    }\r\n  },\r\n  computed: {\r\n    searchString: function(){return this.$store.getters.getSearch},\r\n  },\r\n  watch: {\r\n    search() {\r\n      this.$store.commit('updateSearch', this.search);\r\n    },\r\n    searchString() {\r\n      if (!this.searchString) this.search = '';\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.search-container {\r\n  display: flex;\r\n  align-items: center;\r\n  border-bottom: 2px solid #aa4700;\r\n}\r\n\r\n.search-input, input:focus{\r\n  outline: none;\r\n}\r\n\r\n.search-input {\r\n  background-color: var(--white);\r\n  width: 14em;\r\n}\r\n\r\n.lupa {\r\n  height: 1em;\r\n  margin-right: 0.3em;\r\n}\r\n</style>\r\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!./Searchbar.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!./Searchbar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Searchbar.vue?vue&type=template&id=389078ae&scoped=true&\"\nimport script from \"./Searchbar.vue?vue&type=script&lang=js&\"\nexport * from \"./Searchbar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Searchbar.vue?vue&type=style&index=0&id=389078ae&scoped=true&lang=css&\"\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  \"389078ae\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"general-container\">\r\n    <header>\r\n      <div class=\"header-logo\">\r\n        <img src=\"../assets/logo.svg\">\r\n      </div>\r\n      <div class=\"header-links\">\r\n        <router-link to=\"/about\" class=\"temp\">\r\n          Sobre el proyecto\r\n        </router-link>\r\n        <Searchbar/>\r\n      </div>\r\n    </header>\r\n    <section class=\"visualization-container\" v-if=\"ready\">\r\n      <LeftPanel\r\n        class=\"left-container\"\r\n        :mapJson=\"miniMapJson\"\r\n        :genre=\"panelGenre\"\r\n        :country=\"panelCountry\"\r\n        :selection=\"selection\"\r\n        @hover=\"hover\"\r\n        @unhover=\"unhover\"\r\n        @select=\"select\"\r\n        @genreHighlight=\"genreHighlight\"\r\n        @genreUnhighlight=\"genreUnhighlight\"\r\n        @yearSelection=\"yearHighlight\"\r\n        ref=\"leftPanel\"\r\n      />\r\n      <Map\r\n        class=\"mid-container\"\r\n        :records=\"records\"\r\n        :brRecords=\"brRecords\"\r\n        :selection=\"selection\"\r\n        @recordMouseover=\"recordMouseover\"\r\n        @recordMouseout=\"recordMouseout\"\r\n        ref=\"map\"\r\n      />\r\n      <RightPanel\r\n        class=\"right-container\"\r\n        :records=\"records\"\r\n        :selection=\"selection\"\r\n        @yearSelection=\"yearHighlight\"\r\n        @hover=\"hover\"\r\n        @unhover=\"unhover\"\r\n        @select=\"select\"\r\n        @cleanSelection=\"cleanSelection\"\r\n        ref=\"rightPanel\"\r\n      />\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport LeftPanel from './map/LeftPanel.vue';\r\nimport RightPanel from './map/RightPanel.vue';\r\nimport Map from './map/Map.vue';\r\nimport Searchbar from './map/Searchbar.vue';\r\nimport * as miniMapJson from '../assets/la_map.json';\r\n\r\nexport default {\r\n  name: 'MapView',\r\n  components: {\r\n    LeftPanel,\r\n    RightPanel,\r\n    Map,\r\n    Searchbar,\r\n  },\r\n  metaInfo: {\r\n    title: 'Cartografía Digital de la Literatura Latinoamericana',\r\n    htmlAttrs: {\r\n      lang: 'es'\r\n    },\r\n    meta: [\r\n      {\r\n        name: 'description',\r\n        content: 'Cartografía Digital de la Literatura Latinoamericana | Visualización, archivo y preservación de obras digitales'\r\n      },\r\n    ]\r\n  },\r\n  data(){\r\n    return {\r\n      miniMapJson: miniMapJson.default,\r\n      panelGenre: 'None',\r\n      panelCountry: '',\r\n      selection: {\r\n        genre: null,\r\n        country: null,\r\n        years: null,\r\n        technique: null,\r\n        format: null,\r\n        searchString: null,\r\n      },\r\n    }\r\n  },\r\n  computed: {\r\n    searchString: function(){return this.$store.getters.getSearch},\r\n    records: function(){return this.$store.getters.getRecords},\r\n    brRecords: function(){return this.$store.getters.getBrRecords},\r\n    ready: function(){return this.$store.state.ready}\r\n  },\r\n  watch: {\r\n    searchString() {\r\n      this.selection.searchString = this.searchString; \r\n    }\r\n  },\r\n  methods: {\r\n    recordMouseover(record) {\r\n      this.panelGenre = record.genre;\r\n      this.panelCountry = record.country;\r\n    },\r\n\r\n    recordMouseout() {\r\n      this.panelGenre = 'None';\r\n      this.panelCountry = '';\r\n    },\r\n\r\n    countryHighlight(country){\r\n      this.$refs.map.highlightCountry(country);\r\n      this.panelCountry = country;\r\n    },\r\n\r\n    countryUnhighlight(){\r\n      this.$refs.map.unhighlight();\r\n      this.panelCountry = '';\r\n    },\r\n\r\n    genreHighlight(genre){\r\n      this.$refs.map.hover('genre', genre);\r\n      this.panelGenre = genre;\r\n    },\r\n\r\n    genreUnhighlight(){\r\n      this.$refs.map.unhover();\r\n      this.panelGenre = 'None'; \r\n    },\r\n\r\n    yearHighlight(years){\r\n      this.$refs.map.select('years', years);\r\n    },\r\n\r\n    hover(type, value){\r\n      this.$refs.map.hover(type, value);\r\n    },\r\n\r\n    unhover(){\r\n      this.$refs.map.unhover();\r\n    },\r\n\r\n    select(type, value) {\r\n      this.selection[type] = value;\r\n      this.$refs.map.select(type, value);\r\n    },\r\n\r\n    cleanSelection(){\r\n      Object.keys(this.selection).forEach(k => this.selection[k] = null)\r\n      this.$refs.leftPanel.cleanSelection();\r\n      this.$refs.map.cleanSelection();\r\n      this.$store.commit('updateSearch', '');\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .general-container {\r\n    height: 100%;\r\n    width: 100%\r\n  }\r\n\r\n  header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    height: 50px;\r\n    margin: 0 40px;\r\n    margin-top: 20px;\r\n    margin-bottom: 40px;\r\n    border-bottom: 1px solid var(--black);\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  .header-logo {\r\n    height: 100%;\r\n  }\r\n\r\n  .header-logo img {\r\n    height: 100%;\r\n  }\r\n\r\n  .header-links {\r\n    font-family: var(--courier);\r\n    color: #aa4700;\r\n    display: flex;\r\n    align-items: flex-end;\r\n  }\r\n\r\n  .temp {\r\n    margin-right: 3em;\r\n  }\r\n\r\n  @media only screen and (min-height: 725px) {\r\n    header {\r\n      margin-bottom: 40px;\r\n    }\r\n  }\r\n\r\n @media only screen and (max-height: 725px) {\r\n   header {\r\n     margin-bottom: 20px;\r\n   }\r\n }\r\n\r\n  .visualization-container {\r\n    width:  100%;\r\n    display: grid;    \r\n    grid-template-columns: 1fr 3fr 1fr;\r\n    padding: 0px 40px;\r\n  }\r\n</style>","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!./MapView.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!./MapView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapView.vue?vue&type=template&id=6b404b83&scoped=true&\"\nimport script from \"./MapView.vue?vue&type=script&lang=js&\"\nexport * from \"./MapView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapView.vue?vue&type=style&index=0&id=6b404b83&scoped=true&lang=css&\"\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  \"6b404b83\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"record-general-container\"},[_c('header',{staticClass:\"record-header\"},[_c('div',{staticClass:\"header-left-logo\"},[_c('router-link',{attrs:{\"to\":\"/map\"}},[_c('img',{attrs:{\"src\":require(\"../assets/logo.svg\"),\"alt\":\"\",\"srcset\":\"\"}})])],1),_c('div',{staticClass:\"right-info\"},[_c('router-link',{attrs:{\"to\":\"/about\"}},[_vm._v(\" Sobre el proyecto \")])],1)]),_c('div',{staticClass:\"record-content\"},[_c('router-link',{staticClass:\"back\",attrs:{\"to\":\"/map\"}},[_vm._v(\" <volver \")]),_c('div',{staticClass:\"record-title\"},[_c('h1',[_vm._v(\" \"+_vm._s(_vm.record.title)+\" \")])]),_c('SquaresRoad',{staticClass:\"first-line-break\",attrs:{\"squareNum\":18,\"squareHeight\":3,\"roadWidth\":50}}),_c('div',{staticClass:\"record-info-rect\"},[(_vm.record.author.length)?_c('div',{staticClass:\"info-rect-piece first\"},[_c('div',{staticClass:\"rect-piece-title\"},[_vm._v(\" Autor \")]),_c('div',{staticClass:\"rect-piece-content\"},[_c('h2',[_vm._v(\" \"+_vm._s(_vm.record.author.join(', '))+\" \")])])]):_vm._e(),(_vm.record.country.length)?_c('div',{staticClass:\"info-rect-piece\"},[_c('div',{staticClass:\"rect-piece-title\"},[_vm._v(\" País \")]),_c('div',{staticClass:\"rect-piece-content\"},[_c('h2',[_vm._v(\" \"+_vm._s(_vm.record.country)+\" \")])])]):_vm._e(),(_vm.record.year.length)?_c('div',{staticClass:\"info-rect-piece\"},[_c('div',{staticClass:\"rect-piece-title\"},[_vm._v(\" Año \")]),_c('div',{staticClass:\"rect-piece-content\"},[_c('h2',[_vm._v(\" \"+_vm._s(_vm.record.year)+\" \")])])]):_vm._e(),(_vm.record.genre.length)?_c('div',{staticClass:\"info-rect-piece\"},[_c('div',{staticClass:\"rect-piece-title\"},[_vm._v(\" Género \")]),_c('div',{staticClass:\"rect-piece-content\"},[_c('h2',[_vm._v(\" \"+_vm._s(_vm.record.genre)+\" \")])])]):_vm._e()]),_c('SquaresRoad',{staticClass:\"second-line-break\",attrs:{\"squareNum\":18,\"squareHeight\":3,\"roadWidth\":50}}),_c('div',{staticClass:\"content-division\"},[_c('div',{staticClass:\"left-pannel\"},[_c('img',{attrs:{\"src\":(\"https://storage.googleapis.com/cartografiadigital/records_imgs/\" + (_vm.record.code) + \".png\")}})]),_c('div',{staticClass:\"right-pannel\"},[_c('div',{staticClass:\"buttons-row\"},[_c('button',{staticClass:\"button first\",attrs:{\"onclick\":(\"window.open('\" + (_vm.record.repositoryLink) + \"', '_blank')\"),\"type\":\"button\"}},[_vm._v(\" Ir al archivo \")])]),(_vm.hasColaborators)?_c('div',{staticClass:\"record-details\"},[_c('span',{staticClass:\"details-bold\"},[_vm._v(\"Colaboradores: \")]),_vm._l((_vm.record.colaborators),function(colab,idx){return _c('span',{key:idx},[_vm._v(\" \"+_vm._s(idx === _vm.record.colaborators.length - 1 ? (\"\" + colab) : (colab + \",\"))+\" \")])})],2):_vm._e(),_vm._l((_vm.urls),function(url){return _c('div',{key:url,staticClass:\"record-details\"},[_c('span',{staticClass:\"details-bold\"},[_vm._v(\" Url: \")]),_vm._v(\" \"),_c('a',{attrs:{\"href\":url,\"target\":\"_blank\"}},[_vm._v(_vm._s(url)+\" \")])])}),_c('div',{staticClass:\"record-details\"},[_c('span',{staticClass:\"details-bold\"},[_vm._v(\" Licencia:\")]),_vm._v(\" \"+_vm._s(_vm.record.rawCC)+\" \")]),_c('div',{staticClass:\"record-description\"},[_vm._v(\" \"+_vm._s(_vm.record.description)+\" \")])],2)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"record-general-container\">\r\n    <header class=\"record-header\">\r\n      <div class=\"header-left-logo\">\r\n        <router-link\r\n          to=\"/map\"\r\n        >\r\n          <img src=\"../assets/logo.svg\" alt=\"\" srcset=\"\">\r\n        </router-link>\r\n      </div>\r\n      <div class=\"right-info\">\r\n        <router-link to=\"/about\">\r\n          Sobre el proyecto\r\n        </router-link>\r\n      </div>\r\n    </header>\r\n    <div class=\"record-content\">\r\n\r\n      <!-- back to map route -->\r\n      <router-link\r\n        to=\"/map\"\r\n        class=\"back\"\r\n      >\r\n        &#60;volver\r\n      </router-link>\r\n      \r\n      <!-- Record's title -->\r\n      <div class=\"record-title\">\r\n        <h1>\r\n          {{ record.title }}\r\n        </h1>\r\n      </div>\r\n\r\n      <!-- Line break -->\r\n      <SquaresRoad class=\"first-line-break\" :squareNum=\"18\" :squareHeight=\"3\" :roadWidth=\"50\"/>\r\n\r\n      <!-- Record's information rectangle -->\r\n      <div class=\"record-info-rect\">\r\n        <!-- Author -->\r\n        <div\r\n          class=\"info-rect-piece first\"\r\n          v-if=\"record.author.length\"\r\n        >        \r\n          <div class=\"rect-piece-title\">\r\n            Autor\r\n          </div>\r\n          <div class=\"rect-piece-content\">\r\n            <h2>\r\n              {{ record.author.join(', ') }}\r\n            </h2>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Country -->\r\n        <div\r\n          class=\"info-rect-piece\"\r\n          v-if=\"record.country.length\"\r\n        >\r\n          <div class=\"rect-piece-title\">\r\n            País\r\n          </div>\r\n          <div class=\"rect-piece-content\">\r\n            <h2>\r\n              {{ record.country }}\r\n            </h2>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Year -->\r\n        <div \r\n          class=\"info-rect-piece\"\r\n          v-if=\"record.year.length\"\r\n        >\r\n          <div class=\"rect-piece-title\">\r\n            Año\r\n          </div>\r\n          <div class=\"rect-piece-content\">\r\n            <h2>\r\n              {{ record.year }}\r\n            </h2>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Genre -->\r\n        <div\r\n          class=\"info-rect-piece\"\r\n          v-if=\"record.genre.length\"\r\n        >\r\n          <div class=\"rect-piece-title\">\r\n            Género\r\n          </div>\r\n          <div class=\"rect-piece-content\">\r\n            <h2>\r\n              {{ record.genre }}\r\n            </h2>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Line break -->\r\n      <SquaresRoad class=\"second-line-break\" :squareNum=\"18\" :squareHeight=\"3\" :roadWidth=\"50\"/>\r\n\r\n      <!-- Content division -->\r\n      <div class=\"content-division\">\r\n\r\n        <div class=\"left-pannel\">\r\n          <img\r\n            :src=\"`https://storage.googleapis.com/cartografiadigital/records_imgs/${record.code}.png`\"\r\n          />\r\n        </div>\r\n\r\n        <div class=\"right-pannel\">\r\n\r\n          <div class=\"buttons-row\">\r\n            <button\r\n              class=\"button first\"\r\n              :onclick=\"`window.open('${record.repositoryLink}', '_blank')`\"\r\n              type=\"button\"\r\n            >\r\n              Ir al archivo\r\n            </button>\r\n          </div>\r\n\r\n          <!-- Collaborators -->\r\n          <div \r\n            class=\"record-details\"\r\n            v-if=\"hasColaborators\"\r\n          >\r\n            <span class=\"details-bold\">Colaboradores:\r\n              </span><span \r\n                v-for=\"(colab, idx) in record.colaborators\"\r\n                :key=\"idx\">\r\n                  <!-- Checks if it's the last colaborator on the list -->\r\n                  {{ \r\n                    idx === record.colaborators.length - 1\r\n                    ? `${colab}` : `${colab},` \r\n                  }}\r\n                </span>\r\n          </div>\r\n\r\n          <!-- Url -->\r\n          <div\r\n            class=\"record-details\"\r\n            v-for=\"url in urls\"\r\n            :key=\"url\"\r\n          >\r\n            <span class=\"details-bold\">\r\n              Url:\r\n            </span> <a :href=\"url\" target=\"_blank\">{{ url }} </a>\r\n          </div>\r\n\r\n          <!-- License -->\r\n          <!-- <div class=\"record-details\">\r\n            <span class=\"details-bold\">\r\n              Licencia:</span> {{ record.cc === 'protected'\r\n              ? 'Obra protegida/Copyright' : 'Creative Commons' }}\r\n          </div> -->\r\n\r\n          <div class=\"record-details\">\r\n            <span class=\"details-bold\">\r\n              Licencia:</span> {{ record.rawCC }}\r\n          </div>\r\n\r\n          <!-- Description -->\r\n          <div class=\"record-description\">\r\n            {{ record.description }}\r\n          </div>\r\n\r\n        </div>\r\n        \r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SquaresRoad from '../components/SquaresRoad.vue'\r\n\r\nexport default {\r\n  name: 'Record',\r\n  components: {\r\n    SquaresRoad,\r\n  },\r\n  metaInfo() {\r\n    return {\r\n      title: `${this.record.title} - Cartografía Digital`,\r\n      htmlAttrs: {\r\n        lang: 'es'\r\n      },\r\n      meta: [\r\n        { charset: 'utf-8' },\r\n        {\r\n          name: 'description',\r\n          content: 'Cartografía Digital de la Literatura Latinoamericana.'\r\n        },\r\n        {\r\n          property: 'og:title',\r\n          content: `${this.record.title} - Cartografía Digital`,\r\n          vmid: 'og:title'\r\n        },\r\n        {\r\n          proprty: 'og:type',\r\n          content: 'website',\r\n          vmid: 'og:type',\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  computed: {\r\n    // function to check if the record has colaborators\r\n    hasColaborators() {\r\n      // check if the colabs array is empty\r\n      if (this.record.colaborators.length === 0) return false;\r\n      // check if the first element in the array is an empty string\r\n      else if (\r\n        this.record.colaborators[0].length === 0\r\n      ) return false;\r\n      // otherwise, the record has colaborators\r\n      return true\r\n    },\r\n    urls() {\r\n      return this.record.url.split(\";;\");\r\n    },\r\n    recordId() {\r\n      return this.$route.params.recordName;\r\n    },\r\n    record() {\r\n      return this.$store.getters.getRecord(this.recordId)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped>\r\n  .record-general-container {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding-left: 40px;\r\n    padding-right: 40px;\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .record-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    height: 50px;\r\n    margin-bottom: 40px;\r\n    border-bottom: 1px solid var(--black);\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  .header-left-logo {\r\n    height: 100%;\r\n  }\r\n\r\n  .header-left-logo img {\r\n    height: 100%;\r\n  }\r\n\r\n  .right-info {\r\n    font-family: var(--courier);\r\n    color: #aa4700;\r\n    display: flex;\r\n    align-items: flex-end;\r\n  }\r\n\r\n  .record-content {\r\n    padding: 0 40px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .back {\r\n    font-family: var(--courier);\r\n    font-size: 18px;\r\n  }\r\n\r\n  .record-content-left-pannel {\r\n    grid-column: 1 / 2;\r\n    padding-left: 40px;\r\n    padding-right: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .record-title h1 {\r\n    font-size: 60px;\r\n    font-family: 'Vesper Libre', serif;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .first-line-break {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .record-info-rect {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .info-rect-piece {\r\n    border-right: 1px solid var(--black);\r\n    padding: 0px 14px;\r\n    font-family: var(--vesper);\r\n  }\r\n\r\n  .info-rect-piece.first {\r\n    padding-left: 0px;\r\n  }\r\n\r\n  .rect-piece-title {\r\n    text-align: left;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .rect-piece-content h2 {\r\n    text-align: left;\r\n    font-size: 38px;\r\n  }\r\n\r\n  .second-line-break {\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .content-division {\r\n    padding-top: 40px;\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: 6fr 5fr;\r\n  }\r\n\r\n  .left-pannel {\r\n    grid-column: 1 / 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding-right: 20px;\r\n  }\r\n\r\n  .left-pannel .image {\r\n    width: 100%;\r\n    height: 500px;\r\n    background-color: #262626;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .right-pannel {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .buttons-row {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: left;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .button.first {\r\n    margin-left: 0;\r\n  }\r\n\r\n  .button {\r\n    display: inline-block;\r\n    font-family: 'Courier Prime', monospace;\r\n    height: 30px;\r\n    border-radius: 5px;\r\n    color: white;\r\n    background-color: #383838;\r\n    padding: 0 10px;\r\n    margin: 0px 5px;\r\n  }\r\n\r\n  .record-details {\r\n    font-family: 'Courier Prime', monospace;\r\n    font-size: 18px;\r\n    margin: 5px 0px;\r\n  }\r\n\r\n  .details-bold {\r\n    font-weight: bold;\r\n  }\r\n\r\n  .record-description {\r\n    font-size: 18px;\r\n    font-family: 'Vesper Libre', serif;\r\n  }\r\n\r\n  .record-description {\r\n    margin-top: 20px;\r\n  }\r\n\r\n</style>\r\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!./Record.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!./Record.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Record.vue?vue&type=template&id=44ce4558&scoped=true&\"\nimport script from \"./Record.vue?vue&type=script&lang=js&\"\nexport * from \"./Record.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Record.vue?vue&type=style&index=0&id=44ce4558&scoped=true&lang=css&\"\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  \"44ce4558\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home-general-container\"},[_c('div',{staticClass:\"home-left-container\"},[_c('Mosaic')],1),_c('div',{staticClass:\"home-right-container\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"medium-font\"},[_vm._v(\"Cartografía de la\")]),_c('div',{staticClass:\"big-font\"},[_vm._v(\"Literatura\")]),_c('div',{staticClass:\"big-font\"},[_vm._v(\"Digital\")]),_c('div',{staticClass:\"big-font\"},[_vm._v(\"Latinoamericana\")]),_c('div',{staticClass:\"small-font\",attrs:{\"id\":\"padded\"}},[_vm._v(\"Visualización, archivo y preservación\")]),_c('div',{staticClass:\"small-font\"},[_vm._v(\"de obras literarias digitales\")]),_c('router-link',{attrs:{\"to\":\"/map\"}},[_c('button',{staticClass:\"map-button\",style:(_vm.buttonStyle)},[_vm._v(\"Entrar\")])])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mosaic\",style:(_vm.mosaicGridStyle)},_vm._l((_vm.pieces),function(n){return _c('MosaicPiece',{key:n,attrs:{\"state\":_vm.piecesStates[n],\"records\":_vm.records}})}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.state.state === 'img')?_c('div',{key:\"img\"},[_c('img',{attrs:{\"src\":(\"https://storage.googleapis.com/cartografiadigital/records_icons/\" + _vm.record + \".png\")}})]):(_vm.state.state === 'black')?_c('div',{key:\"black\",staticClass:\"mosaic-piece black\"}):_c('div',{key:\"white\",staticClass:\"mosaic-piece\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <transition name=\"fade\" mode=\"out-in\">\r\n    <div\r\n      v-if=\"state.state === 'img'\"\r\n      key=\"img\"\r\n    >\r\n      <img\r\n        :src=\"`https://storage.googleapis.com/cartografiadigital/records_icons/${record}.png`\"\r\n      />\r\n    </div>\r\n    <div \r\n      class=\"mosaic-piece black\"\r\n      v-else-if=\"state.state === 'black'\"\r\n      key=\"black\"\r\n    >\r\n    </div>\r\n    <div \r\n      class=\"mosaic-piece\"\r\n      v-else\r\n      key=\"white\"\r\n    >\r\n    </div>\r\n  </transition>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'MosaicPiece',\r\n  props: [\r\n    'state',\r\n    'records',\r\n  ],\r\n  methods: {\r\n    switch: function(){\r\n      const t = this.t;\r\n      this.intervalid1 = setInterval(function(){\r\n        this.on = !this.on;\r\n        this.img = this.on ? Math.random() > .6 : false;\r\n      }.bind(this), t);\r\n      this.t = 2000 + (Math.random() * 30000);\r\n    },\r\n    turnOn: function(){\r\n      this.on = true;\r\n      this.state = Math.random() > .5 ? 'black' : 'img';\r\n    },\r\n    turnOff: function(){\r\n      this.on = false;\r\n      this.state = null;\r\n    }\r\n  },\r\n  computed: {\r\n    record() {\r\n      return this.records[Math.floor(Math.random() * this.records.length)];\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n  .mosaic-piece {\r\n    background-color: var(--white);\r\n  }\r\n\r\n  .mosaic-piece.black {\r\n    background-color: var(--black);\r\n  }\r\n\r\n  .fade-enter-active, .fade-leave-active {\r\n    transition: opacity .8s;\r\n  }\r\n  .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\r\n    opacity: 0;\r\n  }\r\n\r\n</style>","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!./MosaicPiece.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!./MosaicPiece.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MosaicPiece.vue?vue&type=template&id=399ea05c&scoped=true&\"\nimport script from \"./MosaicPiece.vue?vue&type=script&lang=js&\"\nexport * from \"./MosaicPiece.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MosaicPiece.vue?vue&type=style&index=0&id=399ea05c&scoped=true&lang=css&\"\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  \"399ea05c\",\n  null\n  \n)\n\nexport default component.exports","export function getRandom(arr, n) {\r\n  var result = new Array(n),\r\n      len = arr.length,\r\n      taken = new Array(len);\r\n  if (n > len)\r\n      throw new RangeError(\"getRandom: more elements taken than available\");\r\n  while (n--) {\r\n      var x = Math.floor(Math.random() * len);\r\n      result[n] = arr[x in taken ? taken[x] : x];\r\n      taken[x] = --len in taken ? taken[len] : len;\r\n  }\r\n  return result;\r\n}","<template>\r\n  <div class=\"mosaic\" :style=\"mosaicGridStyle\">\r\n    <MosaicPiece \r\n      v-for=\"n in pieces\"\r\n      :key=\"n\"\r\n      :state=\"piecesStates[n]\"\r\n      :records=\"records\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MosaicPiece from './MosaicPiece.vue'\r\nimport { getRandom } from '../../assets/js/utils.js'\r\n\r\nexport default {\r\n  name: 'Mosaic',\r\n  components: {\r\n    MosaicPiece,\r\n  },\r\n  data(){\r\n    return {\r\n      containerWidth: 0,\r\n      containerHeight: 0,\r\n      rows: 0,\r\n      w: 0,\r\n      h: 0,\r\n      mosaicGridStyle: {\r\n        display: 'grid',\r\n        gridTemplateColumns: \"repeat(10, 1fr)\",\r\n        gridTemplateRows: null,\r\n        overflowY: 'hidden',\r\n      },\r\n      pieces: 0,\r\n      queueLength: 20,\r\n      piecesStates: [],\r\n    }\r\n  },\r\n  computed: {\r\n    records: function(){return this.$store.getters.getRecords.map(record => record.metadata.code)},\r\n  },\r\n  mounted() {\r\n    this.containerWidth = this.$el.clientWidth;  \r\n    this.containerHeight = this.$el.clientHeight;  \r\n    this.w = this.containerWidth / 10;\r\n    this.h = this.w * 4 / 5;\r\n    this.rows = Math.ceil(this.containerHeight / this.h);\r\n    this.mosaicGridStyle.gridTemplateRows = `repeat(${this.rows}, ${this.h}px)`;\r\n    this.pieces = 10 * this.rows;\r\n    this.queueLength = Math.floor(this.pieces * .5);\r\n    for (let i = 0; i < this.pieces; i++) {\r\n      this.piecesStates.push({state: null});\r\n    }\r\n    const candidates = [...Array(this.pieces).keys()];\r\n    const startingSet = getRandom(candidates, this.queueLength);\r\n    startingSet.forEach(n => {\r\n      this.piecesStates[n].state = Math.random() > .5 ? 'black' : 'img';\r\n    });\r\n    setInterval(function(){\r\n      this.switch();\r\n    }.bind(this), 50);\r\n  },\r\n  methods: {\r\n    switch() {\r\n      const n = Math.floor(Math.random() * this.pieces);\r\n      this.piecesStates[n].state = Math.random() < .5 ? null : Math.random() < .5 ? 'img' : 'black';\r\n    }\r\n  }  \r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .mosaic {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n</style>","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!./Mosaic.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!./Mosaic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Mosaic.vue?vue&type=template&id=66991751&scoped=true&\"\nimport script from \"./Mosaic.vue?vue&type=script&lang=js&\"\nexport * from \"./Mosaic.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Mosaic.vue?vue&type=style&index=0&id=66991751&scoped=true&lang=css&\"\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  \"66991751\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"home-general-container\">\r\n    <div class=\"home-left-container\">\r\n      <Mosaic/>\r\n    </div>\r\n    <div class=\"home-right-container\">\r\n      <div class=\"content\">\r\n        <div class=\"medium-font\">Cartografía de la</div>\r\n        <div class=\"big-font\">Literatura</div>\r\n        <div class=\"big-font\">Digital</div>\r\n        <!-- <div class=\"medium-font\">en</div> -->\r\n        <div class=\"big-font\">Latinoamericana</div>\r\n        <!-- <div class=\"big-font\">Latina</div> -->\r\n        <div id=\"padded\" class=\"small-font\">Visualización, archivo y preservación</div>\r\n        <div class=\"small-font\">de obras literarias digitales</div>\r\n        <router-link to=\"/map\">\r\n          <button\r\n            class=\"map-button\"\r\n            :style=\"buttonStyle\">Entrar</button>\r\n        </router-link>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mosaic from '../components/home/Mosaic.vue'\r\n\r\nexport default {\r\n  name: 'Home',  \r\n  components: {\r\n    Mosaic,\r\n  },\r\n  metaInfo: {\r\n    title: 'Cartografía Digital',\r\n    titleTemplate: null,\r\n    htmlAttrs: {\r\n      lang: 'es'\r\n    },\r\n    meta: [\r\n      { charset: 'utf-8' },\r\n      {\r\n        name: 'description',\r\n        content: 'Cartografía Digital de la Literatura Latinoamericana | Visualización, archivo y preservación de obras digitales'\r\n      },\r\n      {\r\n        property: 'og:title',\r\n        content: 'Cartografía Digital',\r\n        vmid: 'og:title',\r\n      },\r\n      {\r\n        property: 'og:description',\r\n        content: 'Cartografía Digital de la Literatura Latinoamericana | Visualización, archivo y preservación de obras digitales',\r\n        vmid: 'og:description',\r\n      },\r\n      {\r\n        property: 'og:url',\r\n        content: 'https://www.cartografiadigital.cl/',\r\n        vmid: 'og:url',\r\n      },\r\n      {\r\n        property: 'og:type',\r\n        content: 'website',\r\n        vmid: 'og:type',\r\n      },\r\n      {\r\n        property: 'twitter:card',\r\n        content: 'summary',\r\n        vmid: 'twitter:card',\r\n      },\r\n      {\r\n        property: 'twitter:site',\r\n        content: 'https://www.cartografiadigital.cl',\r\n        vmid: 'twitter:site',\r\n      },\r\n      {\r\n        property: 'twitter:title',\r\n        content: 'Cartografía Digital',\r\n        vmid: 'twitter:title',\r\n      },\r\n      {\r\n        property: 'twitter:description',\r\n        content: 'Cartografía Digital de la Literatura Latinoamericana | Visualización, archivo y preservación de obras digitales',\r\n        vmid: 'twitter:description',\r\n      }\r\n    ]\r\n  },\r\n  data(){\r\n    return {\r\n      buttonStyle: {\r\n        width: 0,\r\n        height: 0,\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n    const clientWidth = this.$el.clientWidth;\r\n    const w = clientWidth / 5 * 2 / 10;\r\n    this.buttonStyle.width = `${w + 8}px`\r\n    this.buttonStyle.height = `${w * 4 / 5}px`;\r\n  }\r\n\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n  .home-general-container {\r\n    display: grid;\r\n    grid-template-columns: 2fr 3fr;\r\n    height: 100%;\r\n    width: 100%;\r\n    color: var(--black);\r\n  }\r\n\r\n  .home-left-container {\r\n    grid-column: 1 / 2;\r\n    width: 100%;\r\n  }\r\n\r\n  .home-right-container {\r\n    grid-column: 2 / 3;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .big-font {\r\n    font-family: var(--vesper);\r\n    font-size: 40px;\r\n    line-height: 44px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .medium-font {\r\n    font-family: var(--vesper);\r\n    font-size: 40px;\r\n    font-weight: 500;\r\n    line-height: 44px;\r\n  }\r\n\r\n  .small-font {\r\n    font-family: var(--vesper);\r\n    font-size: 24px;\r\n    font-weight: 500;\r\n    line-height: 28px;\r\n    width: 390px;\r\n  }\r\n\r\n  .content div {\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .map-button {\r\n    margin-top: 12px;\r\n    color: white;\r\n    background-color: var(--black);\r\n    font-family: var(--courier);\r\n  }\r\n\r\n  #padded {\r\n    margin-top: 30px;\r\n  }\r\n\r\n</style>","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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=012514aa&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=012514aa&scoped=true&lang=css&\"\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  \"012514aa\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about-general-container\"},[_c('header',[_c('div',{staticClass:\"header-logo\"},[_c('router-link',{attrs:{\"to\":\"/map\"}},[_c('img',{attrs:{\"src\":require(\"../assets/logo.svg\")}})])],1)]),(_vm.gridStyle.gridTemplateRows)?_c('section',{staticClass:\"mosaic\",style:(_vm.gridStyle)},_vm._l((_vm.n),function(idx){return _c('div',{key:idx},[_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(Math.random() > .5)?_c('div',{key:\"white\",staticClass:\"white-block\"}):(Math.random() <= .5)?_c('div',{key:\"black\",staticClass:\"black-block\"}):_c('div',{key:\"img\",staticClass:\"img-block\"},[_c('img',{attrs:{\"src\":(\"https://storage.googleapis.com/cartografiadigital/records_icons/\" + (_vm.records[Math.floor(Math.random() * _vm.records.length)]) + \".png\")}})])])],1)}),0):_vm._e(),_c('section',{staticClass:\"content\"},[_c('div',{staticClass:\"left-panel\"},[_c('div',{staticClass:\"options\"},_vm._l((_vm.options),function(option,idx){return _c('div',{key:idx,staticClass:\"option\",class:{selected: idx === _vm.selected, first: idx === 0},on:{\"click\":function($event){_vm.selected = idx}}},[_vm._v(\" \"+_vm._s(option)+\" \")])}),0),_vm._m(0)]),_c('div',{staticClass:\"right-panel\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.options[_vm.selected])+\" \")]),(_vm.selected === 0)?_c('div',{staticClass:\"option-body\"},[_vm._l((_vm.aboutProject),function(line,idx){return _c('p',{key:idx},[_vm._v(\" \"+_vm._s(line)+\" \")])}),_c('img',{staticClass:\"cc-logo\",attrs:{\"src\":require(\"../assets/imgs/cc.jpg\")}}),_c('span',{staticClass:\"cc-legend\"},[_vm._v(\" Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 4.0 Internacional \")])],2):_vm._e(),(_vm.selected === 1)?_c('div',{staticClass:\"option-body\"},[_vm._m(1)]):_vm._e(),(_vm.selected === 2)?_c('div',{staticClass:\"option-body\"},[_vm._l((_vm.team),function(member){return _c('div',{key:member.name},[_c('p',{staticClass:\"name\"},[_c('span',{staticClass:\"bold\"},[_vm._v(_vm._s(member.name))]),_vm._v(\" \"+_vm._s(member.role ? (\"(\" + (member.role) + \")\") : ''))]),_c('p',[_vm._v(_vm._s(member.description))])])}),(_vm.colaborators.length)?_c('div',[_vm._m(2),_vm._l((_vm.colaborators),function(colaborator){return _c('p',{key:colaborator,staticClass:\"name\"},[_vm._v(_vm._s(colaborator))])})],2):_vm._e()],2):_vm._e()])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"logos\"},[_c('img',{attrs:{\"src\":require(\"../assets/imgs/fondecyt_logo.png\")}}),_c('img',{staticClass:\"margin-left\",attrs:{\"id\":\"logo-facultad\",\"src\":require(\"../assets/imgs/udp_logo.png\")}}),_c('img',{staticClass:\"margin-left\",attrs:{\"id\":\"logo-laboratorio\",\"src\":require(\"../assets/imgs/lab_logo.png\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\" El \"),_c('a',{attrs:{\"href\":\"https://laboratoriodigital.udp.cl/\"}},[_vm._v(\"Laboratorio Digital\")]),_vm._v(\" de la Facultad de Comunicación y Letras de la Universidad Diego Portales busca aportar con una reflexión crítica sobre las características y desafíos de la cultura digital en tres ejes: investigación interdisciplinaria, experimentación creativa con las tecnologías digitales, y propuestas para el desarrollo de políticas públicas en materia de cultura y sociedad digital. Un Laboratorio se define básicamente por ser un espacio de experimentación, lo cual constituye la esencia de nuestra propuesta: desarrollar y poner a prueba nuevas aproximaciones críticas a los fenómenos culturales a partir del diálogo con, y el uso de, tecnologías digitales, donde la investigación y el desarrollo de la creatividad son elementos cruciales para entender las complejidades de la cultura digital. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"name\"},[_c('span',{staticClass:\"bold\"},[_vm._v(\"Colaboradores\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"about-general-container\">\r\n    <header>\r\n      <div class=\"header-logo\">\r\n        <router-link to=\"/map\">\r\n          <img src=\"../assets/logo.svg\">\r\n        </router-link>\r\n      </div>\r\n    </header>\r\n\r\n    <!-- Mosaic banner -->\r\n    <section\r\n      class=\"mosaic\"\r\n      :style=\"gridStyle\"\r\n      v-if=\"gridStyle.gridTemplateRows\"\r\n    >\r\n      <div\r\n        v-for=\"idx in n\"\r\n        :key=\"idx\"\r\n      >\r\n        <transition name=\"fade\" mode=\"out-in\">\r\n          <div \r\n            v-if=\"Math.random() > .5\"\r\n            class=\"white-block\"\r\n            key=\"white\"\r\n          />\r\n          <div\r\n            v-else-if=\"Math.random() <= .5\"\r\n            class=\"black-block\"\r\n            key=\"black\"\r\n          />\r\n          <div\r\n            v-else\r\n            class=\"img-block\"\r\n            key=\"img\"\r\n          >\r\n            <img\r\n              :src=\"`https://storage.googleapis.com/cartografiadigital/records_icons/${records[Math.floor(Math.random() * records.length)]}.png`\"\r\n            >\r\n          </div>\r\n        </transition>\r\n      </div>\r\n    </section>\r\n\r\n    <section class=\"content\">\r\n\r\n      <!-- Options panel -->\r\n      <div class=\"left-panel\">\r\n        <div class=\"options\">\r\n          <div\r\n            v-for=\"(option, idx) in options\"\r\n            :key=\"idx\"\r\n            :class=\"{selected: idx === selected, first: idx === 0}\"\r\n            @click=\"selected = idx\"\r\n            class=\"option\"\r\n          >\r\n            {{ option }}\r\n          </div>\r\n        </div>\r\n        <div class=\"logos\">\r\n          <img src=\"../assets/imgs/fondecyt_logo.png\">\r\n          <img id=\"logo-facultad\" class=\"margin-left\" src=\"../assets/imgs/udp_logo.png\">\r\n          <img id=\"logo-laboratorio\" class=\"margin-left\" src=\"../assets/imgs/lab_logo.png\">\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Selected option content -->\r\n      <div class=\"right-panel\">\r\n        <div class=\"title\">\r\n          {{ options[selected] }}\r\n        </div>\r\n\r\n        <!-- Sobre el proyecto -->\r\n        <div \r\n          class=\"option-body\"\r\n          v-if=\"selected === 0\"\r\n        >\r\n          <p v-for=\"(line, idx) in aboutProject\" :key=\"idx\">\r\n            {{ line }}\r\n          </p>\r\n          <img\r\n            class=\"cc-logo\"\r\n            src=\"../assets/imgs/cc.jpg\"\r\n          >\r\n          <span class=\"cc-legend\">\r\n            Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 4.0 Internacional\r\n          </span>\r\n        </div>\r\n\r\n        <!-- Laboratorio Digital -->\r\n        <div \r\n          class=\"option-body\"\r\n          v-if=\"selected === 1\"\r\n        >\r\n          <p>\r\n            El <a href=\"https://laboratoriodigital.udp.cl/\">Laboratorio Digital</a> de la Facultad de Comunicación y Letras de la Universidad Diego Portales busca aportar con una reflexión crítica sobre las características y desafíos de la cultura digital en tres ejes: investigación interdisciplinaria, experimentación creativa con las tecnologías digitales, y propuestas para el desarrollo de políticas públicas en materia de cultura y sociedad digital. Un Laboratorio se define básicamente por ser un espacio de experimentación, lo cual constituye la esencia de nuestra propuesta: desarrollar y poner a prueba nuevas aproximaciones críticas a los fenómenos culturales a partir del diálogo con, y el uso de, tecnologías digitales, donde la investigación y el desarrollo de la creatividad son elementos cruciales para entender las complejidades de la cultura digital.\r\n          </p>\r\n\r\n        </div>\r\n\r\n        <!-- Equipo -->\r\n        <div \r\n          class=\"option-body\"\r\n          v-if=\"selected === 2\"\r\n        >\r\n          <div v-for=\"member in team\" :key=\"member.name\">\r\n            <p class=\"name\"><span class=\"bold\">{{ member.name }}</span> {{ member.role ? `(${member.role})` : '' }}</p>\r\n            <p>{{ member.description }}</p>\r\n          </div>\r\n\r\n          <div v-if=\"colaborators.length\">\r\n            <p class=\"name\"><span class=\"bold\">Colaboradores</span></p>\r\n            <p\r\n              v-for=\"colaborator in colaborators\"\r\n              :key=\"colaborator\"\r\n              class=\"name\"\r\n            >{{ colaborator }}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as d3 from 'd3';\r\n\r\nexport default {\r\n  name: 'About',\r\n  metaInfo: {\r\n    title: 'Sobre Cartografía Digital',\r\n    titleTemplate: null,\r\n    htmlAttrs: {\r\n      lang: 'es'\r\n    },\r\n    meta: [\r\n      { charset: 'utf-8' },\r\n      { name: 'description',\r\n        content: `\r\n          Esta investigación busca presentar una cartografía crítica de la literatura digital latinoamericana en\r\n          torno a cuatro dimensiones: una visualización de obras a publicarse en un sitio web, la cual contendrá\r\n          las principales temáticas y géneros dentro de la literatura digital latinoamericana en castellano\r\n          y portugués; problematizar las formas de archivo y preservación; el análisis del lenguaje digital y\r\n          sus estéticas; y abordar la relación humano- máquina.\r\n        `\r\n      }\r\n    ]\r\n  },\r\n  data(){\r\n    return {\r\n      n: 23*4,\r\n      gridStyle: {\r\n        display: 'grid',\r\n        gridTemplateColumns: 'repeat(23, 1fr)',\r\n        gridTemplateRows: null,\r\n      },\r\n      aboutProject: '',\r\n      options: [\r\n        'Sobre el Proyecto',\r\n        'Laboratorio Digital',\r\n        'Equipo'\r\n      ],\r\n      selected: 0,\r\n    }\r\n  },\r\n  computed: {\r\n    records: function(){return this.$store.getters.getRecords.map(record => record.metadata.code)},\r\n  },\r\n  created(){\r\n    d3.text('https://storage.googleapis.com/cartografiadigital/sobre_el_proyecto.txt').then(d => {\r\n      this.aboutProject = d.split('\\n');\r\n    })\r\n\r\n    this.team = [];\r\n    this.colaborators = [];\r\n    d3.csv('https://storage.googleapis.com/cartografiadigital/equipo.csv').then(d => {\r\n      d.forEach((row) => {\r\n        if (row['Nombre'] !== 'Colaboradores') {\r\n          this.team.push({\r\n            name: row['Nombre'],\r\n            role: row['Rol'],\r\n            description: row['Descripción']\r\n          })\r\n        }\r\n        else {\r\n          this.colaborators.push(row['Descripción'])\r\n        }\r\n      });\r\n    })\r\n  },\r\n  mounted(){\r\n    const w = this.$el.clientWidth / 23;\r\n    const h = w * 4 / 5;\r\n    this.gridStyle.gridTemplateRows = `repeat(4, ${h}px)`;\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n  .about-general-container {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    height: 50px;\r\n    margin: 0 40px;\r\n    margin-top: 20px;\r\n    margin-bottom: 40px;\r\n    border-bottom: 1px solid var(--black);\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  .header-logo {\r\n    height: 100%;\r\n  }\r\n\r\n  .header-logo img {\r\n    height: 100%;\r\n  }\r\n\r\n  .black-block {\r\n    background-color: var(--black);\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .content {\r\n    width: 100%;\r\n    padding: 0 40px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 2fr;\r\n    padding-top: 40px;\r\n  }\r\n\r\n  .left-panel {\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .options {\r\n    font-family: var(--courier);\r\n    font-size: 24px;\r\n  }\r\n\r\n  .option {\r\n    cursor:pointer;\r\n    border-bottom: 1px solid var(--black);\r\n    padding: 10px 0 10px 0;\r\n  }\r\n\r\n  .option.first {\r\n    border-top: 1px solid var(--black);\r\n  }\r\n\r\n  .selected, .bold {\r\n    font-weight: bold;\r\n  }\r\n\r\n  .right-panel {\r\n    padding-left: 40px;\r\n    padding-right: 20px;\r\n  }\r\n\r\n  .title {\r\n    font-family: var(--courier);\r\n    font-size: 24px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .option-body {\r\n    font-family: var(--vesper);\r\n    font-size: 20px;\r\n  }\r\n\r\n  .option-body p {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .option-body .name {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .option-body a {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  .fade-enter-active, .fade-leave-active {\r\n    transition: opacity .4s;\r\n  }\r\n  \r\n  .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\r\n    opacity: 0;\r\n  }\r\n\r\n  .cc-logo {\r\n    width: 10%;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .cc-legend {\r\n    font-style: italic;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .logos {\r\n    margin-top: 50px;\r\n  }\r\n\r\n  .logos img {\r\n    width: 50%;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  #logo-laboratorio {\r\n    width: 40%;\r\n    margin-top: 56px;\r\n  }\r\n\r\n  .margin-left {\r\n    margin-left: 18px;\r\n  }\r\n\r\n</style>","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!./About.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!./About.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=289bd31d&scoped=true&\"\nimport script from \"./About.vue?vue&type=script&lang=js&\"\nexport * from \"./About.vue?vue&type=script&lang=js&\"\nimport style0 from \"./About.vue?vue&type=style&index=0&id=289bd31d&scoped=true&lang=css&\"\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  \"289bd31d\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\r\nimport VueRouter from 'vue-router'\r\nimport MapView from '../components/MapView.vue'\r\nimport Record from '../views/Record.vue'\r\nimport Home from '../views/Home.vue'\r\nimport About from '../views/About.vue'\r\n\r\n\r\nVue.use(VueRouter)\r\n\r\n  const routes = [\r\n  {\r\n    path: '/record/:recordName',\r\n    name: 'Record',\r\n    component: Record,\r\n    props: true,\r\n  },\r\n  {\r\n    path: '/map',\r\n    name: 'MapView',\r\n    component: MapView\r\n  },\r\n  {\r\n    path: '/',\r\n    name: 'Home',\r\n    component: Home,\r\n  },\r\n  {\r\n    path: '/about',\r\n    name: 'About',\r\n    component: About,\r\n  },\r\n]\r\n\r\nconst router = new VueRouter({\r\n  mode: \"history\",\r\n  routes\r\n})\r\n\r\nexport default router","import Vue from 'vue'\r\nimport Vuex from 'vuex'\r\nimport * as d3 from 'd3'\r\n\r\nVue.use(Vuex)\r\n\r\n\r\nexport default new Vuex.Store({\r\n  state: {\r\n    count: 0,\r\n    records: [],\r\n    brRecords: {},\r\n    codedRecords: {},\r\n    ready: false,\r\n    search: '',\r\n  },\r\n  mutations: {\r\n    increment (state) {\r\n      state.count++\r\n    },\r\n\r\n    /** \r\n    * Store function to update the searchbar search status.\r\n    * @param {Object} state - Store's state.\r\n    */\r\n    updateSearch(state, string) {\r\n      state.search = string;\r\n      // console.log(state.search);\r\n    },\r\n\r\n    async fetchFiles(state) {\r\n      const f01 = await d3.csv('https://storage.googleapis.com/cartografiadigital/formulario01.csv').then(file => file)\r\n      const f02 = await d3.csv('https://storage.googleapis.com/cartografiadigital/formulario02.csv').then(file => file)\r\n      const map = await d3.csv('https://storage.googleapis.com/cartografiadigital/mapa.csv').then(file => file)\r\n      \r\n      const elements = {};\r\n      const positions = {};\r\n      const brElements = {};\r\n\r\n      map.forEach((row, idx) => {\r\n        Object.entries(row).forEach((key) => {\r\n          let [col, code] = key;\r\n          code = code.trim();\r\n          if ((code.startsWith('CD')) || (code.startsWith('BR'))){\r\n            positions[code] = {\r\n              col: parseInt(col) - 2,\r\n              row: idx + 1\r\n            }\r\n          }\r\n          else {\r\n            // console.log(code);\r\n          }\r\n        })\r\n      })\r\n      f01.forEach(d => {\r\n        const el = {};\r\n        el.cc = d['Propiedad intelectual'] === 'Obra protegida/Copyright' ? 'protected' : 'cc';\r\n        el.rawCC = d['Propiedad intelectual'];\r\n        el.code = d['Codificación archivo'];\r\n        try {\r\n          el.title = d['Título'];\r\n          el.country = d['País de producción de la obra'];\r\n          el.year = d['Año de producción (incluir solo el año)'];\r\n          el.genre = d['Género'];\r\n          el.author = d['nombre del autor principal'].split(',').map(author => author.trim())\r\n          el.format = d['Formatos en la publicación'].split(',').map(f => f.trim())\r\n          el.techniques = d[\"Técnicas\"].split(',').map(t => {\r\n            return t.length > 1 ? t.trim() : t\r\n          });\r\n          el.column = positions[el.code].col;\r\n          el.row = positions[el.code].row;\r\n          elements[el.code] = el;\r\n        } catch (error) {\r\n          // console.log(el.code)\r\n        }\r\n      })\r\n      f02.forEach(d => {\r\n        const code = d['Codificación de archivo'];\r\n        if (!code.startsWith('BR')){\r\n          elements[code].url = d['URL'];\r\n          elements[code].description = d['Descripción '];\r\n          elements[code].colaborators = d['Colaboradores'].split(',').map(colab => colab.trim());\r\n          elements[code].repositoryLink = d['Ir a Repositorio'];\r\n        }\r\n        else {\r\n          const record = {\r\n            title: d['Título'],\r\n            code: code,\r\n            author: d['Nombre del autor'],\r\n            country: d['País de producción de la obra'],\r\n            url: d['URL'],\r\n            column: positions[code].col,\r\n            row: positions[code].row\r\n          }\r\n          brElements[code] = record\r\n        }\r\n      })\r\n      const records = {\r\n        records: Object.entries(elements).map((key) => ({metadata: key[1]}))\r\n      }\r\n\r\n      const brRecords = {\r\n        records: Object.entries(brElements).map((key) => ({metadata: key[1]}))\r\n      }\r\n      \r\n      state.records = records.records;\r\n      state.brRecords = brRecords.records;\r\n      state.codedRecords = elements;\r\n      state.ready = true;\r\n    }\r\n  },\r\n  getters: {\r\n    getRecords: state => state.records,\r\n    getBrRecords: state => state.brRecords,\r\n    getRecord: state => id => state.codedRecords[id],\r\n    getSearch: state => state.search,\r\n  },\r\n})\r\n","import Vue from 'vue'\r\nimport VueMeta from 'vue-meta'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport VTooltip from 'v-tooltip'\r\nimport VueSlider from 'vue-slider-component'\r\nimport 'vue-slider-component/theme/default.css'\r\n\r\nimport './assets/styles/index.css';\r\nimport store from './store/index'\r\n\r\nVue.config.productionTip = false\r\n// Vue.http.headers.common['Cache-Control'] = 'max-age=604800'\r\n\r\n\r\nVue.component('VueSlider', VueSlider);\r\nVue.use(VTooltip);\r\nVue.use(VueMeta)\r\n\r\nnew Vue({\r\n  router,\r\n  store: store,\r\n  render: h => h(App),\r\n}).$mount('#app')\r\n","module.exports = __webpack_public_path__ + \"img/cc.2d1d1085.jpg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map.vue?vue&type=style&index=0&id=7faec6d0&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Mosaic.vue?vue&type=style&index=0&id=66991751&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SquaresRoad.vue?vue&type=style&index=0&id=359ac3aa&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/logo.8029b1ba.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapPiece.vue?vue&type=style&index=0&id=a4213054&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Record.vue?vue&type=style&index=0&id=44ce4558&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapView.vue?vue&type=style&index=0&id=6b404b83&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RightPanel.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}