{"version":3,"sources":["webpack:///./src/views/TextSplit.vue?060b","webpack:///./src/components/TextSplit.vue?8f32","webpack:///src/components/TextSplit.vue","webpack:///./src/components/TextSplit.vue?e6c6","webpack:///./src/components/TextSplit.vue","webpack:///src/views/TextSplit.vue","webpack:///./src/views/TextSplit.vue?a603","webpack:///./src/views/TextSplit.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","staticRenderFns","TextSplitvue_type_template_id_60748056_render","staticClass","attrs","label","model","value","callback","$$v","keylen","_n","expression","type","custom-class","text","trim","staticStyle","word-wrap","word-break","_l","letter","i","key","style","color","_s","textGroups","group","width","letters","_e","TextSplitvue_type_template_id_60748056_staticRenderFns","colors","alphabet","TextSplitvue_type_script_lang_js_","data","computed","toUpperCase","groups","push","length","j","_i","indexOf","forEach","join","coloredLetters","result","components_TextSplitvue_type_script_lang_js_","component","Object","componentNormalizer","TextSplit","views_TextSplitvue_type_script_lang_js_","name","components","src_views_TextSplitvue_type_script_lang_js_","TextSplit_component","__webpack_exports__"],"mappings":"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","file":"js/textsplit.f7d1dfca.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',[_vm._v(\"Text aufteilen\")]),_c('TextSplit')],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',[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-2\"},[_c('b-field',{attrs:{\"label\":\"Schlüssellänge\"}},[_c('b-input',{model:{value:(_vm.keylen),callback:function ($$v) {_vm.keylen=_vm._n($$v)},expression:\"keylen\"}})],1)],1),_c('div',{staticClass:\"column is-5\"},[_c('b-field',{attrs:{\"label\":\"Schlüsseeltext\"}},[_c('b-input',{attrs:{\"type\":\"textarea\",\"custom-class\":\"is-uppercase\"},model:{value:(_vm.text),callback:function ($$v) {_vm.text=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"text\"}})],1)],1),_c('div',{staticClass:\"column is-5\",staticStyle:{\"word-wrap\":\"break-word\",\"word-break\":\"break-all\"}},[_c('b-field',{attrs:{\"label\":\"Aufgeteilter Text\"}},[_c('div',_vm._l((_vm.coloredLetters),function(letter,i){return _c('span',{key:'letter-' + i,style:({color: letter.color})},[_vm._v(_vm._s(letter.letter))])}),0)])],1)]),(_vm.textGroups !== null)?[_c('table',_vm._l((_vm.textGroups),function(group,i){return _c('tr',{key:'group-' + i,style:({color: group.color})},[_c('th',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\"Gruppe \"+_vm._s(i + 1)+\":\")]),_c('td',[_vm._v(_vm._s(group.letters))])])}),0)]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n  <div class=\"columns\">\n    <div class=\"column is-2\">\n      <b-field label=\"Schlüssellänge\">\n        <b-input v-model.number=\"keylen\" />\n      </b-field>\n    </div>\n    <div class=\"column is-5\">\n      <b-field label=\"Schlüsseeltext\">\n        <b-input v-model.trim=\"text\" type=\"textarea\" custom-class=\"is-uppercase\" />\n      </b-field>\n    </div>\n    <div class=\"column is-5\" style=\"word-wrap:break-word;word-break:break-all;\">\n      <b-field label=\"Aufgeteilter Text\">\n      <div>\n        <span v-for=\"(letter, i) in coloredLetters\" :key=\"'letter-' + i\"\n              :style=\"{color: letter.color}\">{{ letter.letter }}</span>\n      </div>\n      </b-field>\n    </div>\n  </div>\n  <template v-if=\"textGroups !== null\">\n    <table>\n      <tr v-for=\"(group, i) in textGroups\" :key=\"'group-' + i\" :style=\"{color: group.color}\">\n        <th style=\"width:100px\">Gruppe {{ i + 1 }}:</th>\n        <td>{{ group.letters }}</td>\n      </tr>\n    </table>\n  </template>\n  </div>\n</template>\n\n<script>\nconst colors = ['#F0A3FF', '#0075DC', '#993F00', '#4C005C', '#005C31', '#FFCC99',\n                '#8F7C00', '#C20088', '#FFA405', '#FF5005', '#5EF1F2', '#E0FF66',\n                '#003380', '#740AFF', '#990000', '#FFA8BB']\nconst alphabet = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',\n                  'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']\n\n\nexport default {\n  data () {\n    return {\n      keylen: 0,\n      text: ''\n    }\n  },\n  computed: {\n    textGroups() {\n      let text = this.text.toUpperCase()\n      if (this.keylen === 0) {\n        return null\n      }\n      let groups = []\n      for (let i = 0; i < this.keylen; i++) {\n        groups.push({\n          color: colors[i % colors.length],\n          letters: []\n        })\n      }\n      let j = 0;\n      for (let i = 0; i < text.length; i++) {\n        let letter = text[i]\n        if (alphabet.indexOf(letter) !== -1) {\n          groups[j % this.keylen].letters.push(letter);\n          j++\n        }\n      }\n      groups.forEach(function(group) {\n        group['letters'] = group['letters'].join('')\n      });\n      return groups\n    },\n    coloredLetters() {\n      let result = []\n      let text = this.text.toUpperCase()\n      let j = 0;\n      for (let i = 0; i < text.length; i++) {\n        let color = ''\n        let letter = text[i]\n        if (alphabet.indexOf(letter) !== -1) {\n          color = colors[j % this.keylen]\n          j++\n        } else {\n          color = '#000'\n        }\n        result.push({\n          \"letter\": letter,\n          \"color\": color\n        })\n      }\n      return result\n    }\n  }\n}\n</script>\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!./TextSplit.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!./TextSplit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TextSplit.vue?vue&type=template&id=60748056&\"\nimport script from \"./TextSplit.vue?vue&type=script&lang=js&\"\nexport * from \"./TextSplit.vue?vue&type=script&lang=js&\"\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","<template>\n  <div>\n    <h1>Text aufteilen</h1>\n    <TextSplit />\n  </div>\n</template>\n<script>\nimport TextSplit from '@/components/TextSplit.vue'\n\nexport default {\n  name: 'textsplit',\n  components: {\n    TextSplit\n  }\n}\n</script>\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!./TextSplit.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!./TextSplit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TextSplit.vue?vue&type=template&id=49b57b62&\"\nimport script from \"./TextSplit.vue?vue&type=script&lang=js&\"\nexport * from \"./TextSplit.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}