{"version":3,"sources":["webpack:///./src/assets lazy ^\\.\\/.*$","webpack:///./src/utils.js","webpack:///src/components/BoardChecker.vue","webpack:///./src/components/BoardChecker.vue?e8cb","webpack:///src/components/BoardColumn.vue","webpack:///./src/components/BoardChecker.vue","webpack:///./src/components/BoardColumn.vue?03ef","webpack:///src/components/GameBoard.vue","webpack:///./src/components/BoardColumn.vue","webpack:///./src/components/GameBoard.vue?ec02","webpack:///src/components/GameContainer.vue","webpack:///./src/components/GameBoard.vue","webpack:///./src/components/GameContainer.vue?22d4","webpack:///./src/components/GameContainer.vue","webpack:///src/components/SvgIcon.vue","webpack:///./src/components/SvgIcon.vue?59ee","webpack:///src/App.vue","webpack:///./src/components/SvgIcon.vue","webpack:///./src/App.vue?b0b8","webpack:///./src/App.vue","webpack:///./src/main.js"],"names":["webpackAsyncContext","req","ids","map","__webpack_require__","e","then","Promise","reject","Error","./logo.png","./logo.svg","./vue.png","keys","Object","id","module","exports","utils_range","num","concat","toConsumableArray_default","Array","key","row","col","cssUrl","titleize","text","toUpperCase","slice","length","min","Math","max","OVER","BoardChecker","color","isWinner","cellSize","rowCount","minDuration","this","_this","easeOut","done","destParams","components_BoardChecker","render","_h","$createElement","_c","_self","attrs","css","on","enter","cx","centerX","cy","centerY","r","checkerRadius","fill","adjustedColor","fill-opacity","opacity","staticRenderFns","BoardColumn","normalizeComponent","_ref","nextOpenRow","components_BoardColumn","_vm","x","y","staticClass","click","$event","drop","_l","checker","status","land","_v","class","width","height","boardHeight","mask","GameBoard","BoardColumn_normalizeComponent","ssrContext","patternId","maskId","colCount","checkers","filter","c","data","components_GameBoard","viewBox","boardWidth","xmlns","stroke","patternUnits","pattern","colCheckers","cell-size","checker-radius","board-height","row-count","GameContainer","GameBoard_normalizeComponent","undefined","_ref2","_ref3","playerColor","displayDraw","winner","toggleColor","focalRow","_ref6","getWinner","_ref7","_ref8","focalCol","_startForwardSlash2","slicedToArray_default","_startForwardSlash","maxRow","maxCol","_ref9","_startBackwardSlash2","_startBackwardSlash","minRow","lastChecker","coords","checkVerticalSegments","checkForwardSlashSegments","checkBackwardSlashSegments","_this2","components_GameContainer","_s","instructions","col-count","overMessage","href","reset","whoseTurn","src_components_GameContainer","GameContainer_normalizeComponent","SvgIcon","html","components_SvgIcon","domProps","innerHTML","App","SvgIcon_normalizeComponent","selectortype_template_index_0_src_App","path","src_App","App_normalizeComponent","vue_esm","config","productionTip","el","components","template"],"mappings":"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","file":"static/js/app.4ccf13f5ceedb18378d4.js","sourcesContent":["var map = {\n\t\"./logo.png\": [\n\t\t\"7Otq\",\n\t\t1\n\t],\n\t\"./logo.svg\": [\n\t\t\"AqYs\",\n\t\t2\n\t],\n\t\"./vue.png\": [\n\t\t\"Z7BV\",\n\t\t0\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tvar ids = map[req];\n\tif(!ids)\n\t\treturn Promise.reject(new Error(\"Cannot find module '\" + req + \"'.\"));\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(ids[0]);\n\t});\n};\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = \"Ghua\";\nmodule.exports = webpackAsyncContext;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets lazy ^\\.\\/.*$\n// module id = Ghua\n// module chunks = 4","export const range = num => [...Array(num).keys()];\n\nexport const key = (row, col) => `${row}${col}`;\nexport const cssUrl = id => `url(#${id})`;\nexport const titleize = text => text[0].toUpperCase() + text.slice(1, text.length);\nexport const min = num => Math.max(num - 3, 0);\nexport const max = (num, max) => Math.min(num + 3, max);\n\nexport const RED = 'red';\nexport const BLACK = 'black';\nexport const GREEN = 'green';\nexport const EMPTY = 'empty';\nexport const OVER = 'over';\nexport const PLAY = 'play';\n\n\n\n// WEBPACK FOOTER //\n// ./src/utils.js","<template>\n  <transition\n    @enter=\"enter\"\n    :css=\"false\">\n    <circle\n      :cx=\"centerX\"\n      :cy=\"centerY\"\n      :r=\"checkerRadius\"\n      :fill=\"adjustedColor\"\n      :fill-opacity=\"opacity\"\n    />\n  </transition>\n</template>\n\n<script>\nimport { TweenMax, Bounce } from 'gsap';\n\nimport { OVER } from '@/utils';\n\nexport default {\n  props: ['checker', 'cellSize', 'rowCount', 'checkerRadius', 'status'],\n\n  data() {\n    return {\n      colorHexes: {\n        red: '#FC7E69',\n        black: '#254689',\n        green: 'green',\n      },\n      minDuration: 0.2,\n      coefficient: 0.4,\n    };\n  },\n\n  computed: {\n    row() {\n      return this.checker.row;\n    },\n\n    col() {\n      return this.checker.col;\n    },\n\n    color() {\n      return this.checker.color;\n    },\n    isWinner() {\n      return this.checker.isWinner;\n    },\n\n    adjustedColor() {\n      return this.colorHexes[this.color];\n    },\n\n    opacity() {\n      return this.status === OVER && !this.isWinner ? 0.25 : 1.0;\n    },\n\n    centerX() {\n      return this.cellSize / 2;\n    },\n\n    centerY() {\n      return this.cellSize / 2 + this.cellSize * (this.rowCount - 1 - this.row);\n    },\n\n    fromY() {\n      return -1 * (this.centerY + this.cellSize);\n    },\n\n    destY() {\n      return 0;\n    },\n\n    percentage() {\n      return (this.rowCount - this.row) / this.rowCount;\n    },\n  },\n\n  methods: {\n    duration() {\n      const { minDuration, coefficient, rowCount, row } = this;\n      const percentage = (rowCount - row) / rowCount;\n      return minDuration + coefficient * percentage;\n    },\n\n    enter(el, done) {\n      const fromY = -1 * (this.centerY + this.cellSize);\n      const destY = 0;\n\n      const fromParams = {\n        y: fromY,\n      };\n      const destParams = {\n        y: destY,\n        ease: Bounce.easeOut,\n        onComplete: () => {\n          this.$emit('land');\n          done();\n        },\n      };\n\n      return TweenMax.fromTo(el, this.duration(), fromParams, destParams);\n    },\n  },\n};\n</script>\n\n\n\n// WEBPACK FOOTER //\n// src/components/BoardChecker.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"css\":false},on:{\"enter\":_vm.enter}},[_c('circle',{attrs:{\"cx\":_vm.centerX,\"cy\":_vm.centerY,\"r\":_vm.checkerRadius,\"fill\":_vm.adjustedColor,\"fill-opacity\":_vm.opacity}})])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-c9d9e4b6\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/BoardChecker.vue\n// module id = null\n// module chunks = ","<template>\n  <svg :x=\"col * cellSize\"\n    y=\"0\">\n    <g @click=\"drop(col)\"\n     class=\"column\">\n      <board-checker\n        v-for=\"checker in checkers\"\n        :key=\"key(checker)\"\n        :checker=\"checker\"\n        :cellSize=\"cellSize\"\n        :rowCount=\"rowCount\"\n        :checkerRadius=\"checkerRadius\"\n        :status=\"status\"\n        @land=\"land\"\n        />\n      <rect\n        :class=\"status\"\n        :key=\"col\"\n        :col=\"col\"\n        :width=\"cellSize\"\n        :height=\"boardHeight\"\n        :fill=\"color\"\n        :fill-opacity=\"opacity\"\n        :mask=\"mask\"\n        />\n    </g>\n  </svg>\n</template>\n\n<script>\nimport { OVER } from '@/utils';\nimport BoardChecker from './BoardChecker.vue';\n\nexport default {\n  components: {\n    BoardChecker,\n  },\n\n  props: [\n    'checkers',\n    'col',\n    'color',\n    'cellSize',\n    'boardHeight',\n    'checkerRadius',\n    'rowCount',\n    'mask',\n    'status',\n  ],\n\n  computed: {\n    // Find the current max occupied row and add 1\n    nextOpenRow() {\n      return Math.max(...this.checkers.map(c => c.row).concat(-1)) + 1;\n    },\n\n    opacity() {\n      return this.status === OVER ? 0.2 : 1.0;\n    },\n  },\n\n  methods: {\n    key({ row, col }) {\n      return `${row}${col}`;\n    },\n\n    land() {\n      this.$emit('land');\n    },\n\n    drop(col) {\n      const row = this.nextOpenRow;\n\n      if (row < this.rowCount) {\n        this.$emit('drop', { row, col });\n      } else {\n        // console.log('cannot drop', { row, col });\n      }\n    },\n  },\n};\n</script>\n<style>\n.column {\n  cursor: pointer;\n}\n\n.column rect.play:hover {\n  fill-opacity: 0.75;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/BoardColumn.vue","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./BoardChecker.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-c9d9e4b6\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./BoardChecker.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/BoardChecker.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"x\":_vm.col * _vm.cellSize,\"y\":\"0\"}},[_c('g',{staticClass:\"column\",on:{\"click\":function($event){_vm.drop(_vm.col)}}},[_vm._l((_vm.checkers),function(checker){return _c('board-checker',{key:_vm.key(checker),attrs:{\"checker\":checker,\"cellSize\":_vm.cellSize,\"rowCount\":_vm.rowCount,\"checkerRadius\":_vm.checkerRadius,\"status\":_vm.status},on:{\"land\":_vm.land}})}),_vm._v(\" \"),_c('rect',{key:_vm.col,class:_vm.status,attrs:{\"col\":_vm.col,\"width\":_vm.cellSize,\"height\":_vm.boardHeight,\"fill\":_vm.color,\"fill-opacity\":_vm.opacity,\"mask\":_vm.mask}})],2)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-52d9e938\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/BoardColumn.vue\n// module id = null\n// module chunks = ","<template>\n    <svg :viewBox=\"`0 0 ${boardWidth} ${boardHeight}`\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"game-board\" stroke=\"none\">\n    <defs>\n      <pattern :id=\"patternId\" patternUnits=\"userSpaceOnUse\" :width=\"cellSize\" :height=\"cellSize\">\n        <circle :cx=\"cellSize / 2\" :cy=\"cellSize / 2\" :r=\"checkerRadius\" fill=\"black\" />\n      </pattern>\n      <mask :id=\"maskId\">\n        <rect :width=\"cellSize\" :height=\"boardHeight\" fill=\"white\" />\n        <rect :width=\"cellSize\" :height=\"boardHeight\" :fill=\"pattern\" />\n      </mask>\n    </defs>\n    <board-column\n      v-for=\"col in cols\"\n      :key=\"col\"\n      :checkers=\"colCheckers(col)\"\n      :col=\"col\"\n      :color=\"'cadetblue'\"\n      :cell-size=\"cellSize\"\n      :checker-radius=\"checkerRadius\"\n      :board-height=\"boardHeight\"\n      :row-count=\"rowCount\"\n      :mask=\"mask\"\n      :status=\"status\"\n      @drop=\"drop\"\n      @land=\"land\"\n      />\n  </svg>\n</template>\n\n<script>\nimport { cssUrl, range } from '@/utils';\nimport BoardColumn from './BoardColumn.vue';\n\nexport default {\n  components: {\n    BoardColumn,\n  },\n\n  props: ['checkers', 'rowCount', 'colCount', 'status'],\n\n  data() {\n    return {\n      patternId: 'cell-pattern',\n      maskId: 'cell-mask',\n      cellSize: 100,\n    };\n  },\n\n  computed: {\n    pattern() {\n      return cssUrl(this.patternId);\n    },\n    mask() {\n      return cssUrl(this.maskId);\n    },\n\n    rows() {\n      return range(this.rowCount);\n    },\n    cols() {\n      return range(this.colCount);\n    },\n\n    boardWidth() {\n      return this.colCount * this.cellSize;\n    },\n    boardHeight() {\n      return this.rowCount * this.cellSize;\n    },\n    checkerRadius() {\n      return this.cellSize * 0.45;\n    },\n  },\n\n  methods: {\n    colCheckers(col) {\n      return Object.values(this.checkers)\n        .filter(c => c.col === col)\n        .sort((a, b) => a.row - b.row);\n    },\n    drop(data) {\n      this.$emit('drop', data);\n    },\n    land() {\n      this.$emit('land');\n    },\n  },\n};\n</script>\n\n<style>\n.game-board {\n  border: 5px cadetblue solid;\n  margin: 0 auto;\n}\n.game-board {\n  width: 80%;\n  max-width: 420px;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/GameBoard.vue","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-52d9e938\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./BoardColumn.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./BoardColumn.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-52d9e938\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./BoardColumn.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/BoardColumn.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:\"game-board\",attrs:{\"viewBox\":(\"0 0 \" + _vm.boardWidth + \" \" + _vm.boardHeight),\"xmlns\":\"http://www.w3.org/2000/svg\",\"stroke\":\"none\"}},[_c('defs',[_c('pattern',{attrs:{\"id\":_vm.patternId,\"patternUnits\":\"userSpaceOnUse\",\"width\":_vm.cellSize,\"height\":_vm.cellSize}},[_c('circle',{attrs:{\"cx\":_vm.cellSize / 2,\"cy\":_vm.cellSize / 2,\"r\":_vm.checkerRadius,\"fill\":\"black\"}})]),_vm._v(\" \"),_c('mask',{attrs:{\"id\":_vm.maskId}},[_c('rect',{attrs:{\"width\":_vm.cellSize,\"height\":_vm.boardHeight,\"fill\":\"white\"}}),_vm._v(\" \"),_c('rect',{attrs:{\"width\":_vm.cellSize,\"height\":_vm.boardHeight,\"fill\":_vm.pattern}})])]),_vm._v(\" \"),_vm._l((_vm.cols),function(col){return _c('board-column',{key:col,attrs:{\"checkers\":_vm.colCheckers(col),\"col\":col,\"color\":'cadetblue',\"cell-size\":_vm.cellSize,\"checker-radius\":_vm.checkerRadius,\"board-height\":_vm.boardHeight,\"row-count\":_vm.rowCount,\"mask\":_vm.mask,\"status\":_vm.status},on:{\"drop\":_vm.drop,\"land\":_vm.land}})})],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-ed50b38e\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/GameBoard.vue\n// module id = null\n// module chunks = ","<template>\n  <div>\n    <p>\n      {{ instructions }}\n    </p>\n    <game-board\n      :checkers=\"checkers\"\n      :row-count=\"rowCount\"\n      :col-count=\"colCount\"\n      :status=\"status\"\n      @drop=\"drop\"\n      @land=\"land\"\n      />\n    <p v-if=\"gameOver\">\n      {{ overMessage }}\n      <a href=\"#\" @click=\"reset\">Play again</a>\n    </p>\n    <p v-else>\n      {{ whoseTurn }}\n    </p>\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue';\n\nimport { min, max, RED, BLACK, EMPTY, PLAY, OVER, titleize, key } from '@/utils';\nimport GameBoard from './GameBoard';\n\nexport default {\n  components: {\n    GameBoard,\n  },\n\n  data() {\n    return {\n      checkers: {},\n      isLocked: false,\n      playerColor: RED,\n      rowCount: 6,\n      colCount: 7,\n      status: PLAY,\n      instructions: 'Click columns to add checkers',\n      winner: undefined,\n    };\n  },\n\n  computed: {\n    overMessage() {\n      if (this.winner) {\n        return `${titleize(this.winner.color)} wins!`;\n      }\n      return 'It\\'s a draw!';\n    },\n\n    moves() {\n      return Object.values(this.checkers);\n    },\n\n    whoseTurn() {\n      return `${titleize(this.playerColor)} goes ${this.moves.length === 0 ? 'first' : 'next'}`;\n    },\n\n    gameOver() {\n      return this.status === OVER;\n    },\n\n    isDraw() {\n      return Object.keys(this.checkers).length === this.rowCount * this.colCount;\n    },\n  },\n\n  methods: {\n    key,\n\n    reset() {\n      this.winner = undefined;\n      this.isLocked = false;\n      this.status = PLAY;\n      this.checkers = {};\n    },\n\n    toggleColor() {\n      if (this.playerColor === RED) {\n        this.playerColor = BLACK;\n      } else {\n        this.playerColor = RED;\n      }\n    },\n\n    setChecker({ row, col }, attrs = {}) {\n      const checker = this.getChecker({ row, col });\n      return Vue.set(this.checkers, key(row, col), { ...checker, ...attrs });\n    },\n\n    getChecker({ row, col }) {\n      return this.checkers[key(row, col)] || { row, col, color: 'empty' };\n    },\n\n    drop({ col, row }) {\n      if (this.isLocked) return;\n\n      this.isLocked = true;\n      const color = this.playerColor;\n\n      this.setChecker({ row, col }, { color });\n\n      if (!this.isDraw) this.checkForWinFrom({ row, col });\n    },\n\n    land() {\n      if (this.isDraw) return this.displayDraw();\n\n      if (this.winner) {\n        this.displayWin(this.winner);\n      } else {\n        this.isLocked = false;\n        this.toggleColor();\n      }\n    },\n\n    getWinner(...segment) {\n      if (segment.length !== 4) return false;\n      const checkers = segment.map(([row, col]) => this.getChecker({ row, col }));\n      const [{ color }] = checkers;\n      if (color === EMPTY) return false;\n      return checkers.every(c => c.color === color) && { color, checkers };\n    },\n\n    checkHorizontalSegments({ focalRow, minCol, maxCol }) {\n      let winner;\n      for (let row = focalRow, col = minCol; col <= maxCol; col++) {\n        winner = this.getWinner(\n          [row, col], [row, col + 1], [row, col + 2], [row, col + 3]);\n        if (winner) return winner;\n      }\n    },\n\n    checkVerticalSegments({ focalRow, focalCol, minRow }) {\n      let winner;\n      for (let col = focalCol, row = minRow; row <= focalRow; row++) {\n        winner = this.getWinner(\n         [row, col], [row + 1, col], [row + 2, col], [row + 3, col]);\n        if (winner) return winner;\n      }\n    },\n\n    checkForwardSlashSegments({ focalRow, focalCol, minRow, minCol, maxRow, maxCol }) {\n      const startForwardSlash = (row, col) => {\n        while (row > minRow && col > minCol) { row--; col--; }\n        return [row, col];\n      };\n      let winner;\n      for (let [row, col] = startForwardSlash(focalRow, focalCol);\n        row <= maxRow && col <= maxCol; row++, col++) {\n        winner = this.getWinner(\n          [row, col], [row + 1, col + 1], [row + 2, col + 2], [row + 3, col + 3]);\n        if (winner) return winner;\n      }\n    },\n\n    checkBackwardSlashSegments({ focalRow, focalCol, minRow, minCol, maxRow, maxCol }) {\n      const startBackwardSlash = (row, col) => {\n        while (row < maxRow && col > minCol) { row++; col--; }\n        return [row, col];\n      };\n      let winner;\n      for (let [row, col] = startBackwardSlash(focalRow, focalCol);\n        row >= minRow && col <= maxCol; row--, col++) {\n        winner = this.getWinner(\n          [row, col], [row - 1, col + 1], [row - 2, col + 2], [row - 3, col + 3]);\n        if (winner) return winner;\n      }\n    },\n\n    checkForWinFrom(lastChecker) {\n      if (!lastChecker) return;\n      const { row: focalRow, col: focalCol } = lastChecker;\n      const minCol = min(focalCol);\n      const maxCol = max(focalCol, this.colCount - 1);\n      const minRow = min(focalRow);\n      const maxRow = max(focalRow, this.rowCount - 1);\n      const coords = { focalRow, focalCol, minRow, minCol, maxRow, maxCol };\n\n      this.winner = this.checkHorizontalSegments(coords) ||\n        this.checkVerticalSegments(coords) ||\n        this.checkForwardSlashSegments(coords) ||\n        this.checkBackwardSlashSegments(coords);\n    },\n\n    displayDraw() {\n      this.status = OVER;\n    },\n\n    displayWin(winner) {\n      this.winner = winner;\n      this.status = OVER;\n      this.winner.checkers.forEach((checker) => {\n        this.setChecker(checker, { isWinner: true });\n      });\n    },\n  },\n};\n</script>\n\n\n\n// WEBPACK FOOTER //\n// src/components/GameContainer.vue","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ed50b38e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./GameBoard.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./GameBoard.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-ed50b38e\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./GameBoard.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/GameBoard.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('p',[_vm._v(\"\\n    \"+_vm._s(_vm.instructions)+\"\\n  \")]),_vm._v(\" \"),_c('game-board',{attrs:{\"checkers\":_vm.checkers,\"row-count\":_vm.rowCount,\"col-count\":_vm.colCount,\"status\":_vm.status},on:{\"drop\":_vm.drop,\"land\":_vm.land}}),_vm._v(\" \"),(_vm.gameOver)?_c('p',[_vm._v(\"\\n    \"+_vm._s(_vm.overMessage)+\"\\n    \"),_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":_vm.reset}},[_vm._v(\"Play again\")])]):_c('p',[_vm._v(\"\\n    \"+_vm._s(_vm.whoseTurn)+\"\\n  \")])],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-06f04ed8\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/GameContainer.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./GameContainer.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-06f04ed8\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./GameContainer.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/GameContainer.vue\n// module id = null\n// module chunks = ","<template>\n  <span class=\"icon\" v-html=\"html\" />\n</template>\n\n<script>\nexport default {\n  props: {\n    path: { type: String, required: true },\n  },\n\n  data() {\n    return {\n      html: '',\n    };\n  },\n  created() {\n    import(`@/assets/${this.path}`).then(html => this.html = html);\n  },\n};\n</script>\n\n\n\n// WEBPACK FOOTER //\n// src/components/SvgIcon.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"icon\",domProps:{\"innerHTML\":_vm._s(_vm.html)}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-e39341e8\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/SvgIcon.vue\n// module id = null\n// module chunks = ","<template>\n  <div id=\"app\">\n    <svg-icon :path=\"'logo.svg'\" class=\"logo-svg\" />\n    <h3>Connect Four</h3>\n    <game-container />\n    <p>Test 1</p>\n  </div>\n</template>\n\n<script>\nimport GameContainer from '@/components/GameContainer';\nimport SvgIcon from '@/components/SvgIcon';\n\nexport default {\n  components: {\n    GameContainer,\n    SvgIcon,\n  },\n};\n</script>\n\n<style>\nbody {\n  background-color: azure;\n}\n\na {\n  text-decoration: none;\n}\n\n.logo {\n  display: inline-block;\n}\n\n.logo h3 {\n  margin: 0;\n}\n\n.logo-svg {\n  display: block;\n  margin: 0 auto;\n  width: 75px;\n}\n\n#app {\n  font-family: 'Avenir', Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;\n  color: #2c3e50;\n  margin-top: 60px;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/App.vue","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./SvgIcon.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-e39341e8\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./SvgIcon.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/SvgIcon.vue\n// module id = null\n// module chunks = ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('svg-icon',{staticClass:\"logo-svg\",attrs:{\"path\":'logo.svg'}}),_vm._v(\" \"),_c('h3',[_vm._v(\"Connect Four\")]),_vm._v(\" \"),_c('game-container'),_vm._v(\" \"),_c('p',[_vm._v(\"Test 1\")])],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-7d879778\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7d879778\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7d879778\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = null\n// module chunks = ","import Vue from 'vue';\n\nimport App from './App';\n\nVue.config.productionTip = false;\n\n/* eslint-disable no-new */\nnew Vue({\n  el: '#app',\n  components: { App },\n  template: '<App/>',\n});\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""}