{"version":3,"sources":["webpack:///./src/app_images/icn_pen.png","webpack:///./src/App.vue?0ffd","webpack:///./src/app/CommonUI.vue?243f","webpack:///./src/app/components/Pencil.vue?6b82","webpack:///./src/app_images/pencil.svg?34ff","webpack:///./src/app_images/pencil.svg","webpack:///src/app/components/Pencil.vue","webpack:///./src/app/components/Pencil.vue?9347","webpack:///./src/app/components/Pencil.vue","webpack:///src/app/CommonUI.vue","webpack:///./src/app/CommonUI.vue?4bdf","webpack:///./src/app/CommonUI.vue","webpack:///src/App.vue","webpack:///./src/App.vue?60d0","webpack:///./src/App.vue?315a","webpack:///./src/main.js","webpack:///./src/App.vue?db16","webpack:///./src/app/CommonUI.vue?46e4","webpack:///./src/app/CommonUI.vue?7fc9","webpack:///./src/app/components/Pencil.vue?a7e6","webpack:///./src/app_images/icn_co.png"],"names":["module","exports","_vm","this","_h","$createElement","_c","_self","attrs","ref","staticClass","style","transform","modal","translate3d","translate","scale","x","y","staticRenderFns","class","cur","isDraw","sb","isOpenDrawerColor","backgroundColor","colors","color","on","onClickColor","directives","name","rawName","value","expression","_l","_color","key","$event","onClickColorSub","penType","penTypes","pen","isOpenDrawerBold","onClickBold","bold","_bold","index","onClickBoldSub","eraser","isOpenDrawerEraser","onClickEraser","_eraser","onClickEraserSub","onClickSwitch","_m","_g","$listeners","script","component","Vue","config","productionTip","render","h","App","$mount"],"mappings":"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","file":"js/chunk-common.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE8mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjAgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTExLTI5VDE4OjA0OjExKzA5OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0xMS0yOVQxODoxMTo1NyswOTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0xMS0yOVQxODoxMTo1NyswOTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZTJiNzkzNGUtNDFkZi00N2VkLWEwYTItYWYxMjI1YjI5OTU0IiB4bXBNTTpEb2N1bWVudElE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\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"modal-0\"}},[_c('div',{ref:\"modalOuter\",staticClass:\"ct0\"},[_c('div',{staticClass:\"ct1\",style:({transform: (\"translate3d(\" + (_vm.modal.translate3d.x) + \"px, \" + (_vm.modal.translate3d.y) + \"px, \" + (_vm.modal.translate3d.z) + \"px)\")})},[_c('div',{staticClass:\"ct2\",style:({ transform: (\"translateX(\" + (_vm.translate.x) + \"px) translateY(\" + (_vm.translate.y) + \"px) scale(\" + _vm.scale + \", \" + _vm.scale + \")\") })},[_c('CommonUI',{attrs:{\"scale\":_vm.scale,\"x\":_vm.modal.translate3d.x,\"y\":_vm.modal.translate3d.y}})],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',{staticClass:\"nichibun-base\",class:{cur: _vm.isDraw}},[_c('span',{ref:\"layerd-canvas-area\",class:{cur: _vm.isDraw},attrs:{\"id\":\"layerd-canvas-area\"}}),_c('ul',{staticClass:\"appvue-tools\",class:{cur: _vm.isDraw}},[_c('li',{staticClass:\"tools-drawer\"},[_c('ul',[_c('li',{staticClass:\"drawer-btn\"},[_c('a',{class:{sb: _vm.isOpenDrawerColor},style:({backgroundColor: _vm.colors[_vm.color]}),on:{\"click\":_vm.onClickColor}},[_c('img',{attrs:{\"src\":require(\"../app_images/icn_co.png\"),\"alt\":\"\"}})]),_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isOpenDrawerColor),expression:\"isOpenDrawerColor\"}],staticClass:\"drawer-sub-list\"},_vm._l((_vm.colorSequence),function(_color){return _c('li',{key:_color,staticClass:\"drawer-sub\",class:{cur: _color === _vm.color}},[_c('a',{on:{\"click\":function($event){return _vm.onClickColorSub(_color)}}},[_c('Pencil',{attrs:{\"color\":_color}})],1)])}),0)]),_c('li',{staticClass:\"drawer-btn\",class:{cur: _vm.penType === _vm.penTypes.pen}},[_c('a',{class:{sb: _vm.isOpenDrawerBold},on:{\"click\":_vm.onClickBold}},[_c('img',{attrs:{\"src\":(\"../app_images/icn_bo_\" + _vm.bold + \".png\"),\"alt\":\"\"}})]),_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isOpenDrawerBold),expression:\"isOpenDrawerBold\"}],staticClass:\"drawer-sub-list\"},_vm._l((_vm.boldSequence),function(_bold,index){return _c('li',{key:_bold,staticClass:\"drawer-sub\",class:{cur: _bold === _vm.bold}},[_c('a',{on:{\"click\":function($event){return _vm.onClickBoldSub(_bold)}}},[_c('img',{attrs:{\"src\":(\"../app_images/bo_\" + (index + 1) + \".png\"),\"alt\":\"\"}})])])}),0)]),_c('li',{staticClass:\"drawer-btn\",class:{cur: _vm.penType === _vm.penTypes.eraser}},[_c('a',{class:{sb: _vm.isOpenDrawerEraser},on:{\"click\":_vm.onClickEraser}},[_c('img',{attrs:{\"src\":(\"../app_images/icn_er_\" + _vm.eraser + \".png\"),\"alt\":\"\"}})]),_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isOpenDrawerEraser),expression:\"isOpenDrawerEraser\"}],staticClass:\"drawer-sub-list\"},_vm._l((_vm.eraserSequence),function(_eraser,index){return _c('li',{key:_eraser,staticClass:\"drawer-sub\",class:{cur: _eraser === _vm.eraser}},[_c('a',{on:{\"click\":function($event){return _vm.onClickEraserSub(_eraser)}}},[_c('img',{attrs:{\"src\":(\"../app_images/er_\" + (index + 1) + \".png\"),\"alt\":\"\"}})])])}),0)])])]),_c('li',{staticClass:\"tools-switch\",on:{\"click\":_vm.onClickSwitch}},[_vm._m(0)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',[_c('img',{attrs:{\"src\":require(\"../app_images/icn_pen.png\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pencil\",class:[_vm.color]},[_c('penSvg')],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('svg',_vm._g({attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 400 400\"}},_vm.$listeners),[_c('path',{attrs:{\"d\":\"M373.3 145.8c5.3-4.5 7.7-11 8.2-17.1.6-7.7 2.7-21.3-26.2-55.3s-42.7-34.1-50.4-34.7c-6.2-.5-13 .8-18.3 5.3L63.8 233.5c-.2.2-.3.4-.5.5-.2.2-.4.4-.6.7-3.7 3.7-5.8 8.4-6.6 13.2l-36.8 99.4c-1.7 3.5-1.1 7.8 1.4 10.7 2.5 3 6.6 4.2 10.4 3.1l104.1-20.4c4.8-.1 9.8-1.4 14-4.4.3-.2.5-.3.8-.5.2-.2.4-.2.6-.4l222.7-189.6z\"}}),_c('ellipse',{attrs:{\"transform\":\"rotate(-40.389 333.134 92.133)\",\"cx\":\"333.1\",\"cy\":\"92.1\",\"rx\":\"12\",\"ry\":\"45.6\"}}),_c('path',{attrs:{\"d\":\"M137.5 320.1c-.3.3-1.1.8-3.7.6-3.1-.2-8.2-1.9-13.6-5.4-5.5-3.4-11.3-8.5-16.7-14.8-5.4-6.3-22.3-28.1-24.9-34.1-2.5-5.9-3.4-11.2-3.1-14.3.3-2.6.9-3.3 1.2-3.6L285.4 71.2c.8 3 1.8 6 3 9 3.4 8 5.1 14.9 19.6 31.9 14.5 17 22.3 21.4 29.7 26.1 2.8 1.7 5.6 3.2 8.4 4.4L137.5 320.1z\"}}),_c('g',[_c('path',{staticClass:\"st1\",attrs:{\"d\":\"M59.5 336.9L47.7 323 63 280c3.2 6.2 20.3 27.6 25.3 33.5 5 5.9 10.5 11 16.1 15.2l-44.9 8.2z\"}}),_c('ellipse',{staticClass:\"st1\",attrs:{\"transform\":\"rotate(-40.389 333.135 92.133)\",\"cx\":\"333.1\",\"cy\":\"92.1\",\"rx\":\"12\",\"ry\":\"45.6\"}}),_c('path',{staticClass:\"st0\",attrs:{\"d\":\"M137.5 320.1c-.3.3-1.1.8-3.7.6-3.1-.2-8.2-1.9-13.6-5.4-5.5-3.4-11.3-8.5-16.7-14.8-5.4-6.3-22.3-28.1-24.9-34.1-2.5-5.9-3.4-11.2-3.1-14.3.3-2.6.9-3.3 1.2-3.6L285.4 71.2c.8 3 1.8 6 3 9 3.4 8 5.1 14.9 19.6 31.9 14.5 17 22.3 21.4 29.7 26.1 2.8 1.7 5.6 3.2 8.4 4.4L137.5 320.1z\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./pencil.svg?vue&type=template&id=5abb852c&\"\nvar script = {}\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=\"pencil\" :class=\"[color]\">\n        <penSvg />\n    </div>\n</template>\n\n<script>\n  import penSvg from '@/app_images/pencil.svg';\n  export default {\n    props: ['color'],\n    name: 'Pencil',\n    components: {\n      penSvg\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n    .pencil {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 64px;\n        height: 64px;\n    }\n    .pencil ::v-deep svg {\n        width: 44px;\n        height: 44px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        margin-left: -22px;\n        margin-top: -22px;\n    }\n    .pencil ::v-deep .st1 {\n        fill: white;\n    }\n    .pencil.white ::v-deep .st0 {\n        fill: white;\n    }\n    .pencil.black ::v-deep .st0 {\n        fill: black;\n    }\n    .pencil.yellow ::v-deep .st0 {\n        fill: #ffff2e;\n    }\n    .pencil.green ::v-deep .st0 {\n        fill: #27c16c;\n    }\n    .pencil.blue ::v-deep .st0 {\n        fill: #006ab6;\n    }\n    .pencil.red ::v-deep .st0 {\n        fill: #e8133c;\n    }\n</style>\n","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!./Pencil.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!./Pencil.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Pencil.vue?vue&type=template&id=de3de73a&scoped=true&\"\nimport script from \"./Pencil.vue?vue&type=script&lang=js&\"\nexport * from \"./Pencil.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Pencil.vue?vue&type=style&index=0&id=de3de73a&lang=scss&scoped=true&\"\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  \"de3de73a\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"nichibun-base\" :class=\"{cur: isDraw}\">\n        <span :class=\"{cur: isDraw}\" id=\"layerd-canvas-area\" ref=\"layerd-canvas-area\"></span>\n        <ul :class=\"{cur: isDraw}\" class=\"appvue-tools\">\n            <li class=\"tools-drawer\">\n                <ul>\n                    <li class=\"drawer-btn\"><a\n                            :style=\"{backgroundColor: colors[color]}\" @click=\"onClickColor\"\n                            :class=\"{sb: isOpenDrawerColor}\"><img src=\"../app_images/icn_co.png\"\n                                                                  alt=\"\"></a>\n                        <ul class=\"drawer-sub-list\" v-show=\"isOpenDrawerColor\">\n                            <li :key=\"_color\" v-for=\"_color in colorSequence\" class=\"drawer-sub\"\n                                :class=\"{cur: _color === color}\"><a @click=\"onClickColorSub(_color)\">\n                                <Pencil :color=\"_color\"/>\n                            </a></li>\n                        </ul>\n                    </li>\n                    <li class=\"drawer-btn\" :class=\"{cur: penType === penTypes.pen}\"><a :class=\"{sb: isOpenDrawerBold}\"\n                                                                                       @click=\"onClickBold\"><img\n                            :src=\"`../app_images/icn_bo_${bold}.png`\" alt=\"\"></a>\n                        <ul class=\"drawer-sub-list\" v-show=\"isOpenDrawerBold\">\n                            <li :key=\"_bold\" v-for=\"(_bold, index) in boldSequence\" class=\"drawer-sub\"\n                                :class=\"{cur: _bold === bold}\"><a @click=\"onClickBoldSub(_bold)\"><img\n                                    :src=\"`../app_images/bo_${index + 1}.png`\" alt=\"\"></a></li>\n                        </ul>\n                    </li>\n                    <li class=\"drawer-btn\" :class=\"{cur: penType === penTypes.eraser}\"><a\n                            :class=\"{sb: isOpenDrawerEraser}\"\n                            @click=\"onClickEraser\"><img :src=\"`../app_images/icn_er_${eraser}.png`\" alt=\"\"></a>\n                        <ul class=\"drawer-sub-list\" v-show=\"isOpenDrawerEraser\">\n                            <li :key=\"_eraser\" v-for=\"(_eraser, index) in eraserSequence\" class=\"drawer-sub\"\n                                :class=\"{cur: _eraser === eraser}\"><a @click=\"onClickEraserSub(_eraser)\"><img\n                                    :src=\"`../app_images/er_${index + 1}.png`\" alt=\"\"></a></li>\n                        </ul>\n                    </li>\n                </ul>\n            </li>\n            <li class=\"tools-switch\" @click=\"onClickSwitch\"><a><img src=\"../app_images/icn_pen.png\" alt=\"\"></a></li>\n        </ul>\n    </div>\n</template>\n\n<script>\n  import Pencil from './components/Pencil'\n\n  const colors = {\n    white: '#ffffff',\n    black: '#000000',\n    yellow: '#ffff2e',\n    green: '#27c16c',\n    blue: '#006ab6',\n    red: '#e8133c'\n  }\n  const bolds = {\n    '1': 8,\n    '2': 28,\n    '3': 45,\n  }\n  const erasers = {\n    '1': 14,\n    '2': 30,\n    '3': 46,\n  }\n  const penTypes = {\n    selector: 'selector',\n    pen: 'pen',\n    eraser: 'eraser',\n  }\n  const currentBtns = {\n    color: 'color',\n    bold: 'bold',\n    eraser: 'eraser'\n  }\n  export default {\n    name: 'CommonUI',\n    props: ['scale', 'x', 'y'],\n    mounted () {\n      const parent = this.$refs['layerd-canvas-area']\n      const canvas = document.createElement('canvas')\n      canvas.id = 'draw-area'\n      canvas.width = 2048\n      canvas.height = 1152\n      canvas.style.position = 'absolute'\n      parent.appendChild(canvas)\n\n      const context = canvas.getContext('2d')\n\n      // 現在のマウスの位置を中心に、現在選択している線の太さを「○」で表現するために使用するcanvas\n      const canvasForWidthIndicator = document.createElement('canvas')\n      canvasForWidthIndicator.id = 'line-width-indicator'\n      canvasForWidthIndicator.width = 2048\n      canvasForWidthIndicator.height = 1152\n      canvasForWidthIndicator.style.position = 'absolute'\n      canvasForWidthIndicator.style.cursor = 'none'\n\n      parent.appendChild(canvasForWidthIndicator)\n      const contextForWidthIndicator = canvasForWidthIndicator.getContext('2d')\n\n      const lastPosition = { x: null, y: null }\n      let isDrag = false\n\n      // 現在の線の太さを記憶する変数\n      const _self = this\n\n      function draw (x, y) {\n        if (!isDrag) {\n          return\n        }\n        if (_self.penType === 'pen') {\n          context.lineCap = 'round'\n          context.lineJoin = 'round'\n          if (lastPosition.x === null || lastPosition.y === null) {\n            context.moveTo(x, y)\n          } else {\n            context.moveTo(lastPosition.x, lastPosition.y)\n          }\n          context.lineTo(x, y)\n          context.stroke()\n\n          lastPosition.x = x\n          lastPosition.y = y\n        } else if (_self.penType === 'eraser') {\n          const half = _self.currentEraser / 2\n          context.fillStyle = 'black'\n          context.fillRect(x - half, y - half, _self.currentEraser, _self.currentEraser)\n        }\n\n      }\n\n      // <canvas id=\"line-width-indicator\"> 上で現在のマウスの位置を中心に\n      // 線の太さを表現するための「○」を描画する。\n      function showLineWidthIndicator (x, y) {\n        contextForWidthIndicator.clearRect(0, 0, canvasForWidthIndicator.width, canvasForWidthIndicator.height)\n        if (_self.penType == 'pen') {\n          contextForWidthIndicator.beginPath()\n\n          contextForWidthIndicator.lineWidth = 0\n          //左から20上から20の位置に幅50高さ50の塗りつぶしの四角形を描く\n          contextForWidthIndicator.arc(x, y, _self.currentBold / 2, 0, 2 * Math.PI)\n          contextForWidthIndicator.fillStyle = _self.currentColor\n          contextForWidthIndicator.fill()\n\n        } else if (_self.penType == 'eraser') {\n          contextForWidthIndicator.lineCap = 'round'\n          contextForWidthIndicator.lineJoin = 'round'\n          contextForWidthIndicator.strokeStyle = 'black'\n          contextForWidthIndicator.fillStyle = 'white'\n          contextForWidthIndicator.lineWidth = 2\n          contextForWidthIndicator.beginPath()\n          const half = _self.currentEraser / 2\n          contextForWidthIndicator.rect(x - half, y - half, _self.currentEraser, _self.currentEraser)\n          contextForWidthIndicator.fillRect(x - half, y - half, _self.currentEraser, _self.currentEraser)\n          contextForWidthIndicator.stroke()\n        }\n      }\n\n      function dragStart (event) {\n        event.preventDefault()\n        if (_self.penType === 'pen') {\n          context.lineCap = 'round'\n          context.lineJoin = 'round'\n          context.lineWidth = _self.currentBold\n          context.strokeStyle = _self.currentColor\n          context.fillStyle = _self.currentColor\n          context.beginPath()\n\n        } else if (_self.penType === 'eraser') {\n          context.lineWidth = 0\n          context.strokeStyle = ''\n          context.fillStyle = 'black'\n        }\n        isDrag = true\n        _self.isOpenDrawerColor = false\n        _self.isOpenDrawerBold = false\n        _self.isOpenDrawerEraser = false\n      }\n\n      function dragEnd (event) {\n        event.preventDefault()\n        if (_self.penType === 'pen') {\n          context.closePath()\n        }\n        isDrag = false\n        lastPosition.x = null\n        lastPosition.y = null\n      }\n\n      function onMouseLeave (event) {\n        event.preventDefault()\n        _self.clearCanvasCursor()\n      }\n\n      function onMouseMove (event) {\n        event.preventDefault()\n        let x = event.offsetX\n        let y = event.offsetY\n\n        if (!x && x !== 0) {\n          const pageX = event.changedTouches[0].pageX\n          const pageY = event.changedTouches[0].pageY\n          const parentRect = parent.getBoundingClientRect()\n          const scale = Math.min(parent.clientWidth / 2048, parent.clientHeight / 1152) / _self.scale\n          x = (pageX - parentRect.x) * scale\n          y = (pageY - parentRect.y) * scale\n        }\n        draw(x, y)\n        showLineWidthIndicator(x, y)\n      }\n\n      function initEventHandler () {\n\n        const layeredCanvasArea = document.querySelector('#layerd-canvas-area')\n\n        layeredCanvasArea.addEventListener('mousedown', dragStart)\n        layeredCanvasArea.addEventListener('mouseup', dragEnd)\n        layeredCanvasArea.addEventListener('mouseout', dragEnd)\n        layeredCanvasArea.addEventListener('mouseout', onMouseLeave, false)\n        layeredCanvasArea.addEventListener('mousemove', onMouseMove)\n\n        layeredCanvasArea.addEventListener('touchstart', dragStart)\n        layeredCanvasArea.addEventListener('touchend', dragEnd)\n        layeredCanvasArea.addEventListener('touchend', onMouseLeave, false)\n        layeredCanvasArea.addEventListener('touchmove', onMouseMove)\n      }\n\n      initEventHandler()\n\n    },\n    data () {\n      return {\n        isDraw: false,\n        colors,\n        bolds,\n        erasers,\n        colorSequence: ['white', 'black', 'yellow', 'green', 'blue', 'red'],\n        boldSequence: [1, 2, 3],\n        eraserSequence: [1, 2, 3],\n        penTypes,\n        currentBtns,\n        penType: penTypes.pen,\n        bold: 1,\n        eraser: 2,\n        color: 'black',\n        currentBtn: '',\n        isOpenDrawerColor: false,\n        isOpenDrawerBold: false,\n        isOpenDrawerEraser: false\n      }\n    },\n    computed: {\n      currentColor () {\n        return this.colors[this.color]\n      },\n      currentBold () {\n        return this.bolds['' + this.bold]\n      },\n      currentEraser () {\n        return this.erasers['' + this.eraser]\n      }\n    },\n    watch: {\n      penType (newPenType, oldPenType) {\n        if (newPenType !== oldPenType) {\n          const drawArea = document.getElementById('draw-area')\n          const ctx = drawArea.getContext('2d')\n          if (newPenType === this.penTypes.pen) {\n            ctx.globalCompositeOperation = 'source-over'\n          } else if (newPenType === this.penTypes.eraser) {\n            ctx.globalCompositeOperation = 'destination-out'\n          }\n        }\n      }\n    },\n    methods: {\n      clearCanvasCursor () {\n        const canvas = document.getElementById('line-width-indicator')\n        const context = canvas.getContext('2d')\n        context.clearRect(0, 0, canvas.width, canvas.height)\n      },\n      onClickSwitch () {\n        this.clearCanvasCursor()\n        this.isDraw = !this.isDraw\n        this.currentBtn = ''\n        this.isOpenDrawerColor = false\n        this.isOpenDrawerBold = false\n        this.isOpenDrawerEraser = false\n      },\n      onClickColor () {\n        this.clearCanvasCursor()\n        this.penType = this.penTypes.pen\n        this.currentBtn = this.currentBtns.color\n        this.isOpenDrawerColor = !this.isOpenDrawerColor\n        this.isOpenDrawerBold = false\n        this.isOpenDrawerEraser = false\n      },\n      onClickColorSub (color) {\n        this.clearCanvasCursor()\n        this.color = color\n      },\n      onClickBold () {\n        this.clearCanvasCursor()\n        this.penType = this.penTypes.pen\n        this.currentBtn = this.currentBtns.bold\n        this.isOpenDrawerBold = !this.isOpenDrawerBold\n        this.isOpenDrawerEraser = false\n        this.isOpenDrawerColor = false\n      },\n      onClickBoldSub (bold) {\n        this.clearCanvasCursor()\n        this.bold = bold\n      },\n      onClickEraser () {\n        this.clearCanvasCursor()\n        this.penType = this.penTypes.eraser\n        this.currentBtn = this.currentBtns.eraser\n        this.isOpenDrawerEraser = !this.isOpenDrawerEraser\n        this.isOpenDrawerBold = false\n        this.isOpenDrawerColor = false\n      },\n      onClickEraserSub (eraser) {\n        this.clearCanvasCursor()\n        this.eraser = eraser\n      }\n    },\n    components: {\n      Pencil\n    }\n  }\n</script>\n\n\n<style lang=\"scss\" scoped>\n    .nichibun-base {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0;\n        top: 0;\n        z-index: 100000000;\n        pointer-events: none;\n\n        * {\n            pointer-events: auto;\n        }\n\n        ul, li {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n        }\n    }\n\n    .appvue {\n        &-tools {\n            z-index: 1;\n            position: absolute;\n            right: 0;\n            bottom: 0;\n            width: 137px;\n            height: 117px;\n            border-radius: 20px 0 0 0;\n            background-color: #f8f8f8;\n\n            a {\n                cursor: pointer;\n            }\n\n            &.cur {\n                border-radius: 0;\n\n                .tools-switch a {\n                    background-color: #fef2d4;\n                }\n\n                .tools {\n                    &-drawer {\n                        display: block;\n                    }\n                }\n            }\n\n            .tools {\n                &-drawer {\n                    display: none;\n                    position: absolute;\n                    right: 0;\n                    bottom: 117px;\n                    background-color: #f8f8f8;\n                    border-radius: 20px 0 0 0;\n                    padding-bottom: 10px;\n                    padding-top: 10px;\n\n                    &:after {\n                        content: \"\";\n                        display: block;\n                        width: 105px;\n                        height: 2px;\n                        background-color: #dfdfdf;\n                        margin-left: auto;\n                        margin-right: auto;\n                        margin-top: 20px;\n                    }\n\n                    .drawer-btn {\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        width: 137px;\n                        height: 117px;\n                        position: relative;\n\n                        &.cur {\n                            > a {\n                                background-color: #fef2d4;\n                            }\n                        }\n\n                        > a {\n                            opacity: 1;\n                            border-radius: 128px;\n                            padding: 8px;\n                            border: 3px solid #ff6b01;\n                            background-color: #ffffff;\n                            box-shadow: 0px 7px 0px 0px rgba(237, 231, 227, 1);\n                            z-index: 1;\n\n                            &.sb {\n                                box-shadow: 0px 7px 0px 0px transparent;\n                            }\n\n                            img {\n                                vertical-align: middle;\n                            }\n                        }\n\n                        .drawer-sub-list {\n                            position: absolute;\n                            right: 21px;\n                            top: 11px;\n                            min-width: 210px;\n                            background-color: #f6f6f6;\n                            border: 3px solid #ff6b01;\n                            border-radius: 62px;\n                            height: 89px;\n                            display: flex;\n                            padding-right: 102px;\n                            padding-left: 48px;\n                            align-items: center;\n\n                            .drawer-sub {\n                                a {\n                                    width: 64px;\n                                    height: 64px;\n                                    background-color: transparent;\n                                    border: 3px solid transparent;\n                                    border-radius: 18px;\n                                    display: flex;\n                                    justify-content: center;\n                                    align-items: center;\n                                }\n\n                                &.cur a {\n                                    border-color: #ff6b01;\n                                    background-color: white;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                &-switch {\n                    width: 137px;\n                    height: 117px;\n                    position: absolute;\n                    right: 0;\n                    bottom: 0;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n\n                    a {\n                        opacity: 1;\n                        border-radius: 128px;\n                        box-shadow: 0px 7px 0px 0px rgba(237, 231, 227, 1);\n                        padding: 8px;\n                        border: 3px solid #ff6b01;\n                        background-color: #ffffff;\n\n                        img {\n                            vertical-align: middle;\n                        }\n                    }\n                }\n            }\n        }\n\n        &-pen {\n            position: absolute;\n            right: 0;\n            bottom: 0;\n            cursor: pointer;\n        }\n\n        &-menu {\n            z-index: 1;\n            position: absolute;\n            left: 0;\n            bottom: 0;\n            cursor: pointer;\n        }\n    }\n</style>\n\n<style lang=\"scss\" scoped>\n    #layerd-canvas-area {\n        top: 0;\n        left: 0;\n        position: absolute;\n        width: 2048px;\n        height: 1152px;\n        display: block;\n        pointer-events: none;\n\n        &.cur {\n            pointer-events: auto;\n        }\n    }\n\n    .container {\n        overflow: auto;\n    }\n\n</style>\n","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!./CommonUI.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!./CommonUI.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CommonUI.vue?vue&type=template&id=48064704&scoped=true&\"\nimport script from \"./CommonUI.vue?vue&type=script&lang=js&\"\nexport * from \"./CommonUI.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CommonUI.vue?vue&type=style&index=0&id=48064704&lang=scss&scoped=true&\"\nimport style1 from \"./CommonUI.vue?vue&type=style&index=1&id=48064704&lang=scss&scoped=true&\"\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  \"48064704\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div id=\"modal-0\">\n      <div class=\"ct0\" ref=\"modalOuter\">\n          <div class=\"ct1\"\n                :style=\"{transform: `translate3d(${modal.translate3d.x}px, ${modal.translate3d.y}px, ${modal.translate3d.z}px)`}\">\n              <div class=\"ct2\"\n                    :style=\"{ transform: `translateX(${translate.x}px) translateY(${translate.y}px) scale(${scale}, ${scale})` }\">\n                  <CommonUI :scale=\"scale\" :x=\"modal.translate3d.x\"\n                            :y=\"modal.translate3d.y\"/>\n              </div>\n          </div>\n      </div>\n    </div>\n</template>\n\n<script>\n  import $ from 'jquery'\n  import CommonUI from './app/CommonUI'\n\n  export default {\n    name: 'app',\n    data () {\n      return {\n        scale: 0.1,\n        translate: {\n          x: 0,\n          y: 0\n        },\n        modal: {\n          width: 100,\n          height: 100,\n          translate3d: {\n            x: 0,\n            y: 0,\n            z: 0\n          }\n        },\n        home: {\n          x: 0,\n          y: 0,\n        }\n      }\n    },\n    computed: {\n    },\n    components: {\n      CommonUI\n    },\n    mounted () {\n      $(window).resize(this.updateScale).resize()\n      setTimeout(this.updateScale, 100)\n    },\n    destroyed () {\n      window.removeEventListener('resize', this.updateScale)\n    },\n    methods: {\n      updateScale () {\n        if (this.$refs.modalOuter) {\n          const winW = $(this.$refs.modalOuter).width()\n          const winH = $(this.$refs.modalOuter).height()\n          const canvasW = 2048\n          const canvasH = 1152\n          let targW\n          let targH\n          let scale\n          if (winW / canvasW > winH / canvasH) {\n            // 縦基準\n            if (winH > canvasH) {\n              targH = canvasH\n            } else {\n              targH = winH\n            }\n            scale = targH / canvasH\n            targW = canvasW * scale\n          } else {\n            // 横基準\n            if (winW > canvasW) {\n              targW = canvasW\n            } else {\n              targW = winW\n            }\n            scale = targW / canvasW\n            targH = canvasH * scale\n          }\n          this.scale = scale\n\n          // スケーリングした領域を0, 0座標に移動\n          this.translate = {\n            x: -(canvasW / 2 - targW / 2),\n            y: -(canvasH / 2 - targH / 2),\n          }\n\n          // スケーリングした領域の親で縦横センタリング\n          this.modal.translate3d = {\n            x: winW / 2 - targW / 2,\n            y: winH / 2 - targH / 2,\n            z: 0\n          }\n        }\n      }\n    },\n  }\n</script>\n\n<style lang=\"scss\">\n    #modal-0 {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 20;\n    }\n    .ct0 {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        margin: 0px;\n        padding: 0px;\n        opacity: 1;\n        max-width: 1920px;\n        max-height: 1080px;\n        transform: translateX(-50%) translateY(-50%);\n        left: 50%;\n        top: 50%;\n    }\n    .ct1 {\n        position: absolute;\n        margin: 0px;\n        padding: 0px;\n        width: 611.02px;\n        height: 458px;\n        opacity: 1;\n        border: none;\n    }\n    .ct2 {\n        position: absolute;\n        width: 2048px;\n        height: 1152px;\n        margin: 0px;\n        padding: 0px;\n        top: 0px;\n        left: 0px;\n        opacity: 1;\n    }\n</style>\n\n\n","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!./App.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!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=37b3ab38&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&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","import Vue from 'vue'\nimport App from './App.vue'\n\nVue.config.productionTip = false\n\nnew Vue({\n  render: h => h(App),\n}).$mount('#app')\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommonUI.vue?vue&type=style&index=0&id=48064704&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommonUI.vue?vue&type=style&index=1&id=48064704&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Pencil.vue?vue&type=style&index=0&id=de3de73a&lang=scss&scoped=true&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE8mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjAgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTExLTI5VDE4OjA1OjQyKzA5OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0xMS0yOVQxODoxMjozMiswOTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0xMS0yOVQxODoxMjozMiswOTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjNhZjdmOGMtNWU5MC00ZTExLWEzOWYtMzViYTg2MzAzMjRjIiB4bXBNTTpEb2N1bWVudElE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\""],"sourceRoot":""}