{"version":3,"sources":["webpack:///./src/components/buttons/AddBtn.vue?11b1","webpack:///./src/components/Lego/BoardResumen.vue?7a85","webpack:///./src/components/buttons/AddBtn.vue","webpack:///src/components/buttons/AddBtn.vue","webpack:///./src/components/buttons/AddBtn.vue?e46e","webpack:///./src/components/buttons/AddBtn.vue?5929","webpack:///./src/components/Lego/LegoBoards.vue?9342","webpack:///./src/views/Helexium/Lego/LegoViewTusTableros.vue","webpack:///./src/components/Lego/BoardResumen.vue","webpack:///src/components/Lego/BoardResumen.vue","webpack:///./src/components/Lego/BoardResumen.vue?da6a","webpack:///./src/components/Lego/BoardResumen.vue?a347","webpack:///./src/components/Lego/LegoBoards.vue","webpack:///src/components/Lego/LegoBoards.vue","webpack:///./src/components/Lego/LegoBoards.vue?02d7","webpack:///./src/components/Lego/LegoBoards.vue?50ad","webpack:///src/views/Helexium/Lego/LegoViewTusTableros.vue","webpack:///./src/views/Helexium/Lego/LegoViewTusTableros.vue?3a53","webpack:///./src/views/Helexium/Lego/LegoViewTusTableros.vue?5d99","webpack:///./src/views/Helexium/Lego/LegoViewTusTableros.vue?5fa3"],"names":["render","_vm","this","_c","_self","_g","staticClass","class","disabled","$listeners","attrs","staticRenderFns","props","type","Boolean","default","component","_m","onlyBoards","scopedSlots","_u","key","fn","_v","proxy","onlyTemplates","route","_t","board","_s","title","description","getRoleColor","roleInBoard","name","collaborators","length","_e","components","Object","required","methods","role","level","computed","params","boardId","id","focus","isFocusText","on","toFocusText","directives","rawName","value","inputSearch","expression","domProps","$event","target","composing","hiddenSelect","inputSelect","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","_l","filteredBoards","BoardResumen","boards","String","data","isCards","condition1","toLowerCase","includes","condition2","isGlobalTemplate","empresaTemplateId","input","document","getElementById","onFocus","AddBtn","LegoBoards","$store","dispatch","state","lego","boardsFilter","inTableros","b","isTemplate"],"mappings":"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","file":"js/chunk-195117e4.5562b33b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddBtn.vue?vue&type=style&index=0&id=3bc41ad0&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BoardResumen.vue?vue&type=style&index=0&id=21ba5b8d&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',_vm._g({staticClass:\"btn-control\",class:{ 'disabled' : _vm.disabled }},_vm.$listeners),[_c('svg',{staticClass:\"feather feather-plus\",attrs:{\"viewBox\":\"0 0 24 24\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}},[_c('line',{attrs:{\"x1\":\"12\",\"y1\":\"5\",\"x2\":\"12\",\"y2\":\"19\"}}),_c('line',{attrs:{\"x1\":\"5\",\"y1\":\"12\",\"x2\":\"19\",\"y2\":\"12\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nexport default {\r\n  props: {\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div v-on=\"$listeners\" class=\"btn-control\" :class=\"{ 'disabled' : disabled }\">\r\n    <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n      class=\"feather feather-plus\">\r\n      <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"></line>\r\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\r\n    </svg>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.btn-control {\r\n  width: 24px;\r\n  height: 24px;\r\n  display: flex;\r\n  justify-content: center;\r\n  border-radius: 5px;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  /* transition: 0.3s; */\r\n}\r\n\r\n.close {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.btn-control.hover {\r\n  background: rgba(255, 255, 255, 0.2);\r\n} \r\n.disabled {\r\n  cursor: not-allowed;\r\n}\r\n.disabled.hover {\r\n  background: transparent;\r\n}\r\n\r\n.feather {\r\n  width: 100%;\r\n  height: 100%;\r\n  stroke: white;\r\n  stroke-width: 2px;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  fill: none;\r\n  transition: 0.3s;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddBtn.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddBtn.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AddBtn.vue?vue&type=template&id=3bc41ad0&scoped=true\"\nimport script from \"./AddBtn.vue?vue&type=script&lang=js\"\nexport * from \"./AddBtn.vue?vue&type=script&lang=js\"\nimport style0 from \"./AddBtn.vue?vue&type=style&index=0&id=3bc41ad0&prod&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  \"3bc41ad0\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LegoBoards.vue?vue&type=style&index=0&id=113caf40&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"inicio\"},[_c('router-view'),_vm._m(0),_c('div',{staticClass:\"secciones\"},[_c('LegoBoards',{attrs:{\"boards\":_vm.onlyBoards,\"title\":\"Tus tableros\",\"hiddenSelect\":\"\"},scopedSlots:_vm._u([{key:\"defaultBoard\",fn:function(){return [_c('BoardResumen',{staticClass:\"newBoard\"},[_c('div',{staticClass:\"newBoard\"},[_c('AddBtn'),_c('span',[_vm._v(\"Crea un tablero\")])],1)])]},proxy:true}])}),_c('LegoBoards',{attrs:{\"boards\":_vm.onlyTemplates,\"title\":\"Plantillas\"}})],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('header',{staticClass:\"header\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"LEGOSIS\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('router-link',{staticClass:\"tablero\",attrs:{\"to\":_vm.route}},[_vm._t(\"default\",function(){return [(_vm.board)?[_c('header',{staticClass:\"header\"},[_c('div',[_c('span',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.board.title)+\" \")])])]),_c('div',{staticClass:\"body\"},[_c('span',{staticClass:\"description\"},[_vm._v(\" \"+_vm._s(_vm.board.description)+\" \")])]),_c('footer',{staticClass:\"footer\"},[_c('b-badge',{staticClass:\"px-3\",attrs:{\"variant\":_vm.getRoleColor(_vm.board.roleInBoard)}},[_vm._v(\" \"+_vm._s(_vm.board.roleInBoard.name)+\" \")]),_c('div',{staticClass:\"interactions\"},[_c('span',[_vm._v(_vm._s(_vm.board.collaborators.length))]),_c('span',[_c('i',{staticClass:\"fa-regular fa-user fa-sm\"})])])],1)]:_vm._e()]})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\n// import LegoTooltip from '@/components/Lego/LegoTooltip.vue'\r\n\r\nexport default {\r\n  components: {\r\n    // LegoTooltip\r\n  },\r\n  props: {\r\n    board: {\r\n      type: Object,\r\n      required: false,\r\n      default: () => {}\r\n    }\r\n  },\r\n  methods: {\r\n    getRoleColor( role ) {\r\n      if( role.level == 1 ) return'warning'\r\n      else if( role.level == 2 ) return'danger'\r\n      else if( role.level == 3 ) return'primary' \r\n      else if( role.level == 4 ) return'success'\r\n    }\r\n  },\r\n  computed: {\r\n    route() {\r\n      if( this.board ) {\r\n        return {\r\n          name: 'Tablero',\r\n          params: {\r\n            boardId: this.board.id\r\n          }\r\n        }\r\n      }\r\n      else {\r\n        return {\r\n          name: 'CrearTablero'\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <router-link :to=\"route\" class=\"tablero\">\r\n    <slot>\r\n      <template v-if=\"board\">\r\n        <header class=\"header\">\r\n          <div>\r\n            <span class=\"title\">\r\n              {{ board.title }}\r\n            </span>\r\n          </div>\r\n          <!-- <LegoTooltip /> -->\r\n        </header>\r\n        <div class=\"body\">\r\n          <span class=\"description\">\r\n            {{ board.description }}\r\n          </span>\r\n        </div>\r\n        <footer class=\"footer\">\r\n          <b-badge class=\"px-3\" :variant=\"getRoleColor(board.roleInBoard)\">\r\n            {{ board.roleInBoard.name }}\r\n          </b-badge>\r\n          <div class=\"interactions\">\r\n            <span>{{ board.collaborators.length }}</span>\r\n            <span>\r\n              <i class=\"fa-regular fa-user fa-sm\"></i>\r\n            </span>\r\n          </div>\r\n        </footer>\r\n      </template>\r\n    </slot>\r\n  </router-link>\r\n</template>\r\n\r\n<style scoped>\r\n.tablero {\r\n  min-height: calc(250px * 9 / 16);\r\n  border-radius: 11px;\r\n  cursor: pointer;\r\n  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.4);\r\n  background-color: var(--lego-bg);\r\n  transition: 0.5s;\r\n  padding: 1rem;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: 0.3s;\r\n}\r\n\r\n.tablero:hover {\r\n  transform: scale(1.02);\r\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.tablero .body {\r\n  flex: 1;\r\n  margin: .5rem 0;\r\n}\r\n.description {\r\n  color: rgb(143, 143, 143);\r\n}\r\n\r\n.tablero .footer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.interactions {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: .3rem;\r\n  align-items: center;\r\n}\r\n\r\n.title {\r\n  font-size: 1.157rem;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  gap: .5rem;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BoardResumen.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BoardResumen.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BoardResumen.vue?vue&type=template&id=21ba5b8d&scoped=true\"\nimport script from \"./BoardResumen.vue?vue&type=script&lang=js\"\nexport * from \"./BoardResumen.vue?vue&type=script&lang=js\"\nimport style0 from \"./BoardResumen.vue?vue&type=style&index=0&id=21ba5b8d&prod&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  \"21ba5b8d\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('article',{staticClass:\"wrapper-section\"},[_c('header',[_c('div',{staticClass:\"header-left\"},[_c('h5',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")])]),_c('div',{staticClass:\"controls\"},[_c('div',{staticClass:\"inputs\"},[_c('div',{staticClass:\"wrapper-input-text\",class:{ focus : _vm.isFocusText },on:{\"click\":_vm.toFocusText}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputSearch),expression:\"inputSearch\"}],staticClass:\"input\",attrs:{\"type\":\"text\",\"placeholder\":\"Buscar\",\"id\":`search`+_vm.title},domProps:{\"value\":(_vm.inputSearch)},on:{\"blur\":function($event){_vm.isFocusText = false},\"input\":function($event){if($event.target.composing)return;_vm.inputSearch=$event.target.value}}}),_c('svg',{staticClass:\"icon-search\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 512 512\"}},[_c('path',{attrs:{\"d\":\"M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z\"}})])]),(!_vm.hiddenSelect)?_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputSelect),expression:\"inputSelect\"}],staticClass:\"input\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.inputSelect=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"privado\"}},[_vm._v(\"Tus Plantillas\")]),_c('option',{domProps:{\"value\":null}},[_vm._v(\"Todas las plantillas\")]),_c('option',{attrs:{\"value\":\"global\"}},[_vm._v(\"Plantillas globales\")]),_c('option',{attrs:{\"value\":\"empresa\"}},[_vm._v(\"Plantillas de la empresa\")])]):_vm._e()]),(false)?_c('div',{staticClass:\"toggle-cards\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isCards),expression:\"isCards\"}],on:{\"click\":function($event){_vm.isCards = false}}},[_c('svg',{staticClass:\"icon\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 512 512\"}},[_c('path',{attrs:{\"d\":\"M40 48C26.7 48 16 58.7 16 72v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V72c0-13.3-10.7-24-24-24H40zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zM16 232v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V232c0-13.3-10.7-24-24-24H40c-13.3 0-24 10.7-24 24zM40 368c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V392c0-13.3-10.7-24-24-24H40z\"}})])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isCards),expression:\"!isCards\"}],on:{\"click\":function($event){_vm.isCards = true}}},[_c('svg',{staticClass:\"icon\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 512 512\"}},[_c('path',{attrs:{\"d\":\"M448 96V224H288V96H448zm0 192V416H288V288H448zM224 224H64V96H224V224zM64 288H224V416H64V288zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z\"}})])])]):_vm._e()])]),_c('div',{staticClass:\"cards\"},[_vm._t(\"defaultBoard\"),_vm._l((_vm.filteredBoards),function(board){return _c('BoardResumen',{key:board.id,attrs:{\"board\":board}})})],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport BoardResumen from '@/components/Lego/BoardResumen.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BoardResumen,\r\n\r\n  },\r\n  props: {\r\n    boards: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    \r\n    title: {\r\n      type: String,\r\n      default: 'Tus tableros'\r\n    },\r\n\r\n    hiddenSelect: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n    \r\n  },\r\n  data() {\r\n    return {\r\n      isCards: true,\r\n      isFocusText: false,\r\n      inputSearch: '',\r\n      inputSelect: null\r\n    }\r\n  },\r\n  computed: {\r\n    filteredBoards() {\r\n      if( this.boards ) {\r\n        return this.boards.filter(board => {\r\n          const condition1 = board.title.toLowerCase().includes(this.inputSearch.toLowerCase())\r\n\r\n          let condition2\r\n          if( this.inputSelect ) {\r\n            if( this.inputSelect == 'global' ) {\r\n              condition2 = board.isGlobalTemplate\r\n            } else if( this.inputSelect == 'empresa' ) {\r\n              condition2 = board.empresaTemplateId\r\n            } else if( this.inputSelect == 'privado' ) {\r\n              condition2 = !board.empresaTemplateId && !board.isGlobalTemplate\r\n            }\r\n          } else {\r\n            condition2 = true\r\n          }\r\n          return condition1 && condition2\r\n        })\r\n        \r\n      } else {\r\n        return []\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    toFocusText() {\r\n      this.isFocusText = true\r\n      const input = document.getElementById(`search${this.title}`)\r\n      input.focus()\r\n    },\r\n    onFocus() {\r\n      console.log(\"grito\");\r\n    }\r\n  }\r\n\r\n}\r\n</script>\r\n\r\n<template>\r\n  <article class=\"wrapper-section\">\r\n    <header>\r\n      <div class=\"header-left\">\r\n        <h5 class=\"title\">\r\n          {{ title }}\r\n        </h5>\r\n\r\n      </div> \r\n\r\n\r\n      <div class=\"controls\">\r\n        <div class=\"inputs\" >\r\n          <div class=\"wrapper-input-text\" :class=\"{ focus : isFocusText }\" @click=\"toFocusText\">\r\n            <input\r\n            v-model=\"inputSearch\"\r\n            @blur=\"isFocusText = false\" type=\"text\" class=\"input\" placeholder=\"Buscar\" :id=\"`search`+title\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"icon-search\">\r\n              <path d=\"M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z\"/>\r\n            </svg>\r\n          </div>\r\n          \r\n          <select class=\"input\" v-model=\"inputSelect\" v-if=\"!hiddenSelect\">\r\n            <option value=\"privado\">Tus Plantillas</option>\r\n            <option :value=\"null\">Todas las plantillas</option>\r\n            <option value=\"global\">Plantillas globales</option>\r\n            <option value=\"empresa\">Plantillas de la empresa</option>\r\n          </select>\r\n        </div>\r\n  \r\n\r\n        <div class=\"toggle-cards\" v-if=\"false\">\r\n          <div @click=\"isCards = false\" v-show=\"isCards\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"icon\">\r\n              <path d=\"M40 48C26.7 48 16 58.7 16 72v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V72c0-13.3-10.7-24-24-24H40zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zM16 232v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V232c0-13.3-10.7-24-24-24H40c-13.3 0-24 10.7-24 24zM40 368c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V392c0-13.3-10.7-24-24-24H40z\"/>\r\n            </svg>\r\n          </div>\r\n          <div @click=\"isCards = true\" v-show=\"!isCards\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"icon\">\r\n              <path d=\"M448 96V224H288V96H448zm0 192V416H288V288H448zM224 224H64V96H224V224zM64 288H224V416H64V288zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z\"/>\r\n            </svg>\r\n          </div>\r\n        </div>\r\n      \r\n      </div>\r\n\r\n    </header>\r\n    <div class=\"cards\">\r\n      <slot name=\"defaultBoard\">\r\n\r\n      </slot>\r\n      <BoardResumen v-for=\"board in filteredBoards\" :key=\"board.id\" :board=\"board\" />\r\n    </div>\r\n  </article>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n.title {\r\n  font-size: 1.5rem;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.wrapper-section {\r\n  padding: 0.5rem 1rem;\r\n  border-radius: 11px;\r\n  min-height: 400px;\r\n  background-color: var(--lego-dbg);\r\n  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.4);\r\n  grid-column: span 2;\r\n}\r\n\r\nheader {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 0 0.25rem;\r\n  /* background-color: red; */\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n  gap: 1rem;\r\n}\r\n\r\n.icon {\r\n  width: 18px;\r\n  fill: silver;\r\n  cursor: pointer;\r\n}\r\n\r\n.controls, .header-left {\r\n  display: flex;\r\n  gap: 1rem;\r\n  align-items: center;\r\n}\r\n\r\n.wrapper-input-text {\r\n  box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.3);\r\n  border-collapse: collapse;\r\n  padding-right: 8px;\r\n}\r\n.wrapper-input-text.focus {\r\n  background-color: rgba(0, 0, 0, 0.3)\r\n}\r\n\r\n.icon-search{\r\n  width: 14px;\r\n  fill: var(--lego-gris);\r\n  cursor: pointer;\r\n}\r\n\r\nselect.input {\r\n  box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.3);\r\n  background-color: #14141B;\r\n}\r\n\r\nselect.input:focus {\r\n  background-color: #0E0E13;\r\n}\r\n\r\n\r\n.input {\r\n  border: none;\r\n  padding: 5px 10px;\r\n  background-color: transparent;\r\n  box-sizing: border-box;\r\n  color: var(--lego-gris);\r\n  transition: .3s;\r\n  \r\n}\r\n\r\n.input::placeholder {\r\n  color: var(--lego-gris);\r\n}\r\ninput.input  {\r\n  padding-bottom: 6px;\r\n}\r\n\r\n.inputs {\r\n  display: flex;\r\n  gap: 1rem;\r\n}\r\n\r\n\r\n\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LegoBoards.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LegoBoards.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LegoBoards.vue?vue&type=template&id=113caf40&scoped=true\"\nimport script from \"./LegoBoards.vue?vue&type=script&lang=js\"\nexport * from \"./LegoBoards.vue?vue&type=script&lang=js\"\nimport style0 from \"./LegoBoards.vue?vue&type=style&index=0&id=113caf40&prod&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  \"113caf40\",\n  null\n  \n)\n\nexport default component.exports","<script>\r\nimport BoardResumen from '@/components/Lego/BoardResumen.vue'\r\nimport AddBtn from '@/components/buttons/AddBtn.vue'\r\nimport LegoBoards from '@/components/Lego/LegoBoards.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BoardResumen,\r\n    AddBtn,\r\n    LegoBoards\r\n  },\r\n  async mounted() {\r\n    await this.$store.dispatch('lego/getAndSetBoards')\r\n  },\r\n  computed: {\r\n    boards() {\r\n      return this.$store.state.lego.boards\r\n    },\r\n    boardsFilter() {\r\n      if (this.inTableros) {\r\n        return this.boards.filter(b => !b.isTemplate)\r\n      } else {\r\n        return this.boards.filter(b => b.isTemplate)\r\n      }\r\n    },\r\n    onlyBoards() {\r\n      return this.boards.filter(b => !b.isTemplate)\r\n    },\r\n    onlyTemplates() {\r\n      return this.boards.filter(b => b.isTemplate)\r\n    }\r\n\r\n  },\r\n  data() {\r\n    return {\r\n      inTableros: true\r\n    }\r\n  },\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <div class=\"inicio\">\r\n    <router-view />\r\n    <header class=\"header\">\r\n      <span class=\"title\">LEGOSIS</span>\r\n    </header>\r\n\r\n    <div class=\"secciones\">\r\n      <LegoBoards :boards=\"onlyBoards\" title=\"Tus tableros\" hiddenSelect>\r\n        <template #defaultBoard>\r\n          <BoardResumen class=\"newBoard\">\r\n            <div class=\"newBoard\">\r\n              <AddBtn />\r\n              <span>Crea un tablero</span>\r\n            </div>\r\n          </BoardResumen>\r\n        </template>\r\n      </LegoBoards>\r\n      <LegoBoards :boards=\"onlyTemplates\" title=\"Plantillas\" />\r\n\r\n      <!-- se puede agregar link de videos,  -->\r\n      <!-- to do list, notas, donde es responsables  -->\r\n      <!-- analítica, cuantas se han terminado tareas o checklist, -->\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.inicio {\r\n  padding: 1rem;\r\n  max-width: 1024px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.secciones {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 1rem;\r\n}\r\n\r\n.header {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.header .title {\r\n  font-size: 2rem;\r\n  letter-spacing: .25rem;\r\n}\r\n\r\n.newBoard {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: .5rem;\r\n}\r\n\r\n.newBoard span {\r\n  font-size: 1.1rem;\r\n  color: var(--lego-gris);\r\n  transition: 0.3s;\r\n}\r\n\r\n.newBoard :deep(.feather) {\r\n  stroke: var(--lego-gris);\r\n  transition: 0.3s;\r\n}\r\n\r\n.newBoard:hover :deep(.feather), .newBoard:hover span {\r\n  stroke: var(--lego-hgris);\r\n  color: var(--lego-hgris);\r\n}\r\n\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LegoViewTusTableros.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LegoViewTusTableros.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LegoViewTusTableros.vue?vue&type=template&id=740f6440&scoped=true\"\nimport script from \"./LegoViewTusTableros.vue?vue&type=script&lang=js\"\nexport * from \"./LegoViewTusTableros.vue?vue&type=script&lang=js\"\nimport style0 from \"./LegoViewTusTableros.vue?vue&type=style&index=0&id=740f6440&prod&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  \"740f6440\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LegoViewTusTableros.vue?vue&type=style&index=0&id=740f6440&prod&scoped=true&lang=css\""],"sourceRoot":""}