{"version":3,"sources":["webpack:///./src/views/BackLog.vue?a504","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/toConsumableArray.js","webpack:///./node_modules/@babel/runtime-corejs2/core-js/array/from.js","webpack:///./src/components/NewItemForm.vue?5b5e","webpack:///./src/views/BackLog.vue?f0ff","webpack:///./src/components/NewItemForm.vue?d6e8","webpack:///src/components/NewItemForm.vue","webpack:///./src/components/NewItemForm.vue?8189","webpack:///./src/components/NewItemForm.vue","webpack:///src/views/BackLog.vue","webpack:///./src/views/BackLog.vue?2a95","webpack:///./src/views/BackLog.vue"],"names":["_arrayWithoutHoles","arr","i","arr2","Array","length","_iterableToArray","iter","Object","prototype","toString","call","_nonIterableSpread","TypeError","_toConsumableArray","module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","key","id","_v","_s","text","class","badgeClass","badgeText","staticRenderFns","attrs","on","$event","preventDefault","submitForm","directives","name","rawName","value","expression","domProps","target","composing","itemText","component","todo","inProgress","done","components"],"mappings":"kHAAA,yBAAsgB,EAAG,G,+GCC1f,SAASA,EAAmBC,GACzC,GAAI,IAAeA,GAAM,CACvB,IAAK,IAAIC,EAAI,EAAGC,EAAO,IAAIC,MAAMH,EAAII,QAASH,EAAID,EAAII,OAAQH,IAC5DC,EAAKD,GAAKD,EAAIC,GAGhB,OAAOC,G,8CCLI,SAASG,EAAiBC,GACvC,GAAI,IAAYC,OAAOD,KAAmD,uBAAzCC,OAAOC,UAAUC,SAASC,KAAKJ,GAAgC,OAAO,IAAYA,GCHtG,SAASK,IACtB,MAAM,IAAIC,UAAU,mDCEP,SAASC,EAAmBb,GACzC,OAAO,EAAkBA,IAAQ,EAAgBA,IAAQ,IAJ3D,mC,uBCAAc,EAAOC,QAAU,EAAQ,S,oCCAzB,yBAA0gB,EAAG,G,yCCA7gB,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,YAAYJ,EAAIO,GAAIP,EAAS,OAAE,SAASQ,GAAM,OAAOJ,EAAG,MAAM,CAACK,IAAID,EAAKE,GAAGJ,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIW,GAAG,IAAIX,EAAIY,GAAGJ,EAAKE,OAAOV,EAAIW,GAAG,KAAKX,EAAIY,GAAGJ,EAAKK,MAAM,KAAKT,EAAG,OAAO,CAACU,MAAMd,EAAIe,WAAWP,IAAO,CAACR,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIgB,UAAUR,iBAAmB,IAC7eS,EAAkB,G,kCCDlB,EAAS,WAAa,IAAIjB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACc,MAAM,CAAC,OAAS,IAAI,OAAS,QAAQC,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBrB,EAAIsB,WAAWF,MAAW,CAAChB,EAAG,QAAQ,CAACmB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAO1B,EAAY,SAAE2B,WAAW,aAAaT,MAAM,CAAC,KAAO,OAAO,YAAc,gCAAgCU,SAAS,CAAC,MAAS5B,EAAY,UAAGmB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOS,OAAOC,YAAqB9B,EAAI+B,SAASX,EAAOS,OAAOH,gBAC/iB,EAAkB,GCStB,GACE,KAAF,cACE,KAFF,WAGI,MAAJ,CACM,SAAN,KAGE,QAAF,CACI,WADJ,WAEA,gBAIQ,KAAR,yBACU,KAAV,gBAGQ,KAAR,gBC3BgZ,I,wBCQ5YM,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,oBCJf,GACEC,KAAM,CACJpB,KAAM,QACNC,MAAO,qBAEToB,WAAY,CACVrB,KAAM,cACNC,MAAO,oBAETqB,KAAM,CACJtB,KAAM,OACNC,MAAO,wBAOX,GAIEU,KAAM,UAENY,WAAY,CACV,WAAJ,GAEE,SAAF,gBACI,MAAJ,YAAM,MAAN,2GAEE,QAAF,CACA,SADA,SACA,GACA,gDACA,OACA,+CACA,aAGA,QAEA,UAVA,SAUA,GACA,uBACA,kBACA,WAbA,SAaA,GACA,uBACA,qBC5D4Y,ICQxY,G,UAAY,eACd,EACArC,EACAkB,GACA,EACA,KACA,KACA,OAIa,e","file":"js/chunk-57ba3e8a.16d77c3d.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BackLog.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BackLog.vue?vue&type=style&index=0&lang=css&\"","import _Array$isArray from \"../../core-js/array/is-array\";\nexport default function _arrayWithoutHoles(arr) {\n  if (_Array$isArray(arr)) {\n    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {\n      arr2[i] = arr[i];\n    }\n\n    return arr2;\n  }\n}","import _Array$from from \"../../core-js/array/from\";\nimport _isIterable from \"../../core-js/is-iterable\";\nexport default function _iterableToArray(iter) {\n  if (_isIterable(Object(iter)) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return _Array$from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles\";\nimport iterableToArray from \"./iterableToArray\";\nimport nonIterableSpread from \"./nonIterableSpread\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();\n}","module.exports = require(\"core-js/library/fn/array/from\");","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewItemForm.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewItemForm.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"backlog-view\"},[_c('new-item'),_vm._l((_vm.items),function(item){return _c('div',{key:item.id,staticClass:\"card\"},[_c('div',{staticClass:\"card-block\"},[_c('h5',{staticClass:\"card-title\"},[_c('span',{staticClass:\"text-muted\"},[_vm._v(\"#\"+_vm._s(item.id))]),_vm._v(\"\\n\"+_vm._s(item.text)+\" \"),_c('span',{class:_vm.badgeClass(item)},[_vm._v(_vm._s(_vm.badgeText(item)))])])])])})],2)}\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:\"add-item\"},[_c('form',{attrs:{\"action\":\"#\",\"method\":\"post\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.submitForm($event)}}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.itemText),expression:\"itemText\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Add something to the backlog\"},domProps:{\"value\":(_vm.itemText)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.itemText=$event.target.value}}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- src/components/NewItemForm.vue -->\n<template>\n    <div class=\"add-item\">\n        <form action=\"#\" method=\"post\" v-on:submit.prevent=\"submitForm\">\n            <input type=\"text\" v-model=\"itemText\" placeholder=\"Add something to the backlog\">\n        </form>\n    </div>\n</template>\n\n <script>\n  export default {\n    name: 'NewItemForm',\n    data() {\n      return {\n        itemText: '',\n      };\n    },\n    methods: {\n      submitForm() {\n        if (this.itemText) {\n          //This is where we can send new data to the store via mutations.\n          //Here, we want to invoke a mutation called addItem and we set the text property to the value of itemText.\n          //Finally, we clear the value of itemText so that the user can enter another item.\n          this.$store.commit('addItem', {\n            text: this.itemText,\n          });\n\n          this.itemText = '';\n        }\n      },\n    },\n  };\n  </script>\n\n  <style>\n.add-item input {\n  outline: none;\n  border: 0;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.5);\n  width: 100%;\n  transition: all 0.25s;\n  background: inherit;\n  color: black;\n}\n.add-item input:focus {\n  border-bottom-color: rgba(155, 155, 155, 1);\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewItemForm.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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewItemForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewItemForm.vue?vue&type=template&id=3190cc54&\"\nimport script from \"./NewItemForm.vue?vue&type=script&lang=js&\"\nexport * from \"./NewItemForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewItemForm.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","<template>\n  <div class=\"backlog-view\">\n    <new-item></new-item>\n    <div class=\"card\" v-for=\"item in items\" :key=\"item.id\">\n          <div class=\"card-block\">\n            <h5 class=\"card-title\"><span class=\"text-muted\">#{{item.id}}</span>\n{{item.text}} <span :class=\"badgeClass(item)\">{{badgeText(item)}}</span></h5>\n\n          </div>\n      </div>\n  </div>\n</template>\n\n<script>\n\nconst badgeDetail = {\n  todo: {\n    text: 'to-do',\n    class: 'badge badge-light',\n  },\n  inProgress: {\n    text: 'in progress',\n    class: 'badge badge-info',\n  },\n  done: {\n    text: 'done',\n    class: 'badge badge-success',\n  },\n};\n\nimport NewItemForm from './../components/NewItemForm'\n import { mapState } from 'vuex';      // new import <- refers to the state property in store\n\nexport default {\n\n\n\n  name: 'Backlog',\n\n  components: {\n      'new-item': NewItemForm, // this is where i define the tagname\n    },\n    computed: mapState({\n      items: s => [...s.items.todo, ...s.items.inProgress, ...s.items.done]\n    }\n    ),methods: {\n  itemLane(item) {\n    if (this.$store.state.items.todo.includes(item)) {\n      return 'todo';\n    } else if (this.$store.state.items.inProgress.includes(item)) {\n      return 'inProgress';\n    }\n\n    return 'done';\n  },\n  badgeText(item) {\n  const lane = this.itemLane(item);\n  return badgeDetail[lane].text;\n},badgeClass(item) {\n  const lane = this.itemLane(item);\n  return badgeDetail[lane].class;\n},\n},\n\n};\n</script>\n\n\n<style>\n  .card {\n    background: white;\n    padding: 2px\n  }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BackLog.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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BackLog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BackLog.vue?vue&type=template&id=98f0f838&\"\nimport script from \"./BackLog.vue?vue&type=script&lang=js&\"\nexport * from \"./BackLog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BackLog.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"],"sourceRoot":""}