{"version":3,"sources":["webpack:///./src/views/WordsMarkPoc.vue?8d79","webpack:///./src/views/WordsMarkPoc.vue","webpack:///src/views/WordsMarkPoc.vue","webpack:///./src/views/WordsMarkPoc.vue?31ae","webpack:///./src/views/WordsMarkPoc.vue?8276"],"names":["render","_vm","this","_c","_self","staticClass","_v","directives","name","rawName","value","wordsToPaintAmount","expression","attrs","domProps","on","$event","target","composing","word","length","_s","wordArr","join","_e","staticRenderFns","data","created","wordsJson","words","split","_step","_iterator","_createForOfIteratorHelper","s","n","done","err","e","f","markLetters","watch","methods","amount","Number","charIndex","util","isCharacterVowel","splice","unshift","component"],"mappings":"8HAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,KAAK,CAACF,EAAIK,GAAG,uBAAuBH,EAAG,KAAK,CAACF,EAAIK,GAAG,mCAAmCH,EAAG,QAAQ,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOT,EAAIU,mBAAoBC,WAAW,uBAAuBC,MAAM,CAAC,KAAO,UAAUC,SAAS,CAAC,MAASb,EAAIU,oBAAqBI,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAiBjB,EAAIU,mBAAmBK,EAAOC,OAAOP,WAAWT,EAAIkB,KAAKC,OAAS,EAAGjB,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACW,SAAS,CAAC,UAAYb,EAAIoB,GAAGpB,EAAIqB,QAAQC,KAAK,UAAUtB,EAAIuB,QAE/lBC,EAAkB,G,2mCCaP,OACfjB,KAAA,eACAkB,KAAA,WACA,OACAJ,QAAA,GACAH,KAAA,GACAR,mBAAA,IAGAgB,QAAA,WACA,IAAAR,EAAAS,IAAA,WAAAC,MAAA,GAAAV,KAGA,KAAAA,OACA,KAAAG,QAAAH,EAAAW,MAAA,QACAC,EADAC,EAAAC,EACA,KAAAd,MAAA,QAAAa,EAAAE,MAAAH,EAAAC,EAAAG,KAAAC,MAAAL,EAAArB,MAEA,MAAA2B,GAAAL,EAAAM,EAAAD,GAAA,QAAAL,EAAAO,IACA,KAAAC,YAAA,IAEAC,MAAA,CACA9B,mBAAA,WACA,KAAA6B,gBAGAE,QAAA,CACAF,YAAA,WACA,KAAAlB,QAAA,KAAAH,KAAAW,MAAA,IACA,IAAAa,EAAAC,OAAA,KAAAjC,oBACA,QAAAkC,KAAA,KAAA1B,KAIA,GAHA2B,OAAAC,iBAAA,KAAA5B,KAAA0B,KACAF,IAEAC,OAAAC,KAAAF,EAMA,OALAG,OAAAC,iBAAA,KAAA5B,KAAAyB,OAAAC,GAAA,KACAF,IAEA,KAAArB,QAAA0B,OAAAL,EAAA,kBACA,KAAArB,QAAA2B,QAAA,6BCrDwS,I,wBCQpSC,EAAY,eACd,EACAlD,EACAyB,GACA,EACA,KACA,KACA,MAIa,aAAAyB,E","file":"js/about.984c6e5c.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WordsMarkPoc.vue?vue&type=style&index=0&id=857076cc&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"poc\"},[_c('h1',[_vm._v(\"paiting words poc\")]),_c('h4',[_vm._v(\"enter how many words to paint\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.wordsToPaintAmount),expression:\"wordsToPaintAmount\"}],attrs:{\"type\":\"number\"},domProps:{\"value\":(_vm.wordsToPaintAmount)},on:{\"input\":function($event){if($event.target.composing)return;_vm.wordsToPaintAmount=$event.target.value}}}),(_vm.word.length > 0)?_c('span',{staticClass:\"word\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.wordArr.join(''))}})]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"poc\">\n    <h1>paiting words poc</h1>\n    <h4>enter how many words to paint</h4>\n    <input type=\"number\" v-model=\"wordsToPaintAmount\" />\n    <span class=\"word\" v-if=\"word.length > 0\">\n      <span v-html=\"wordArr.join('')\"></span>\n    </span>\n  </div>\n</template>\n\n<script>\nimport wordsJson from '@/config/words.json5';\nimport util from '../util/app-util';\n\nexport default {\n  name: 'WordsMarkPoc',\n  data() {\n    return {\n      wordArr: [],\n      word: '',\n      wordsToPaintAmount: 1\n    };\n  },\n  created() {\n    const { word } = wordsJson['GREEN_5'].words[0];\n    // console.log({ word });\n    // console.log(util.stripVowels(word));\n    this.word = word;\n    this.wordArr = word.split('');\n    for (const char of this.word) {\n      // console.log(`is ${char}  vowel: ${util.isCharacterVowel(char)}`);\n    }\n    this.markLetters(1);\n  },\n  watch: {\n    wordsToPaintAmount() {\n      this.markLetters();\n    }\n  },\n  methods: {\n    markLetters() {\n      this.wordArr = this.word.split('');\n      let amount = Number(this.wordsToPaintAmount);\n      for (const charIndex in this.word) {\n        if (util.isCharacterVowel(this.word[charIndex])) {\n          amount++;\n        }\n        if (Number(charIndex) === amount) {\n          if (!util.isCharacterVowel(this.word[Number(charIndex) + 1])) {\n            amount++;\n          }\n          this.wordArr.splice(amount, 0, '</span>');\n          this.wordArr.unshift('<span class=\"painted\">');\n          return;\n        }\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.poc {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  input {\n    width: 100px;\n  }\n}\n\n.word {\n  font-size: 40px;\n}\n\n.painted {\n  color: red;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../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!./WordsMarkPoc.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../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!./WordsMarkPoc.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./WordsMarkPoc.vue?vue&type=template&id=857076cc\"\nimport script from \"./WordsMarkPoc.vue?vue&type=script&lang=js\"\nexport * from \"./WordsMarkPoc.vue?vue&type=script&lang=js\"\nimport style0 from \"./WordsMarkPoc.vue?vue&type=style&index=0&id=857076cc&prod&lang=scss\"\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":""}