(function(t){function e(e){for(var n,i,s=e[0],c=e[1],l=e[2],u=0,h=[];u Tip: click and drag the layer number to move a layer  Wood typeWidth ',5),K={class:"remove"};Object(n["i"])();var V=A((function(t,e,r,o,a,i){return Object(n["h"])(),Object(n["c"])("div",_,[Object(n["f"])("div",N,[Object(n["f"])("button",{onClick:e[1]||(e[1]=function(t){return i.addLayer()})},"Add layer")]),R,(Object(n["h"])(!0),Object(n["c"])(n["a"],null,Object(n["l"])(i.layers,(function(t,e){return Object(n["h"])(),Object(n["c"])(n["a"],null,[Object(n["f"])("div",{class:["index",{dropTargetAbove:a.dropTarget===e,dropTargetBelow:a.dropTarget===i.layers.length&&e===i.layers.length-1}],ref:"layer"+e,onMousedown:Object(n["s"])((function(t){return i.startDrag(e)}),["prevent"])},Object(n["n"])(e+1),43,["onMousedown"]),Object(n["r"])(Object(n["f"])("select",{"onUpdate:modelValue":function(e){return t.wood=e},class:"wood"},[(Object(n["h"])(!0),Object(n["c"])(n["a"],null,Object(n["l"])(i.wood,(function(t,e){return Object(n["h"])(),Object(n["c"])("option",{value:e},Object(n["n"])(t.name),9,["value"])})),256))],8,["onUpdate:modelValue"]),[[n["o"],t.wood]]),Object(n["f"])("input",{type:"number",class:"width",value:t.width,onInput:function(e){return t.width=i.parseFloatDef(e.target.value)}},null,40,["value","onInput"]),Object(n["f"])("div",K,[Object(n["f"])("button",{onClick:function(t){return i.removeLayer(e)}},"X",8,["onClick"])])],64)})),256))])})),G={data:function(){return{dragIndex:null,dropTarget:null}},computed:{settings:function(){return this.$store.state.settings},wood:function(){return this.$store.state.wood},layers:function(){return this.$store.state.boards[0].layers}},methods:{parseFloatDef:function(t){var e=parseFloat(t);return Object.is(e,NaN)?0:e},addLayer:function(){this.$store.commit("addLayer",0)},removeLayer:function(t){this.$store.commit("removeLayer",{board:0,layer:t})},startDrag:function(t){var e=this;this.dragIndex=t,this.dropTarget=t;var r,n=function(t){e.dropTarget=e.getTargetLayer(t.pageY)};r=function(){document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",r),e.dragIndex!==e.dropTarget&&e.$store.commit("moveLayer",{board:0,from:e.dragIndex,to:e.dropTarget}),e.dropTarget=null,e.dragIndex=null},document.addEventListener("mousemove",n),document.addEventListener("mouseup",r)},getTargetLayer:function(t){if(0==this.layers.length)return null;var e=this.getPageOffsetRect(this.$refs.layer0),r=this.getPageOffsetRect(this.$refs["layer"+(this.layers.length-1)]);if(t<=e.bottom)return 0;if(t>=r.bottom)return this.layers.length;if(t>=r.top)return this.layers.length-1;if(null!==this.dropTarget&&this.dropTarget>0&&this.dropTarget=n.top&&t=a.top&&t=this.layers.length)return 0;for(var e=0,r=0;r=this.layers.length)return"fill: fuchsia";var e=this.layers[t].wood;if(null===e)return"";var r=this.settings.borders?"; stroke-width: 1; stroke: black":"";return"fill: "+this.wood[e].color+r},getLayerTransform:function(t){return this.settings.alternateDirection&&t%2!=0?"scale(1, -1) translate(0, -"+this.boardPixelHeight+")":""}}};dt.render=lt;var ut=dt,ht={class:"preview"},ft={class:"dimensions"};function bt(t,e,r,o,a,i){return Object(n["h"])(),Object(n["c"])("div",ht,[Object(n["f"])("div",ft,"Dimensions: "+Object(n["n"])(i.display(i.boardWidth))+" x "+Object(n["n"])(i.display(i.boardHeight))+" x "+Object(n["n"])(i.display(i.settings.boardThickness)),1),(Object(n["h"])(),Object(n["c"])("svg",{width:i.viewportWidth,height:i.viewportHeight,viewBox:i.viewBox},[(Object(n["h"])(!0),Object(n["c"])(n["a"],null,Object(n["l"])(i.layers,(function(t,e){return Object(n["h"])(),Object(n["c"])("rect",{width:i.toPixels(i.settings.boardLength),height:i.toPixels(t.width),x:"0",y:i.getLayerOffset(e),style:i.getLayerStyle(e)},null,12,["width","height","y"])})),256))],8,["width","height","viewBox"]))])}var gt={props:{scale:Number},computed:{settings:function(){return this.$store.state.settings},wood:function(){return this.$store.state.wood},layers:function(){return this.$store.state.boards[0].layers},boardWidth:function(){return this.settings.boardLength},boardHeight:function(){return 0==this.layers.length?0:this.layers.map((function(t){return t.width})).reduce((function(t,e){return t+e}))},boardPixelWidth:function(){return this.toPixels(this.boardWidth)},boardPixelHeight:function(){return this.toPixels(this.boardHeight)},viewportWidth:function(){return Math.floor(this.boardPixelWidth*this.scale)},viewportHeight:function(){return Math.floor(this.boardPixelHeight*this.scale)},viewBox:function(){return"0 0 "+this.boardPixelWidth+" "+this.boardPixelHeight}},methods:{toPixels:function(t){return H.toPixels(t,this.settings.units)},display:function(t){return H.display(t,this.settings.units)},getLayerOffset:function(t){if(t<0||t>=this.layers.length)return 0;for(var e=0,r=0;r=this.layers.length)return"fill: fuchsia";var e=this.layers[t].wood;if(null===e)return"";var r=this.settings.borders?"; stroke-width: 1; stroke: black":"";return"fill: "+this.wood[e].color+r}}};gt.render=bt;var pt=gt,mt=r("21a6"),vt=(r("c975"),r("d3b7"),r("5cc6"),r("9a8c"),r("a975"),r("735e"),r("c1ac"),r("d139"),r("3a7b"),r("d5d6"),r("82f8"),r("e91f"),r("60bd"),r("5f96"),r("3280"),r("3fcc"),r("ca91"),r("25a1"),r("cd26"),r("3c5d"),r("2954"),r("649e"),r("219c"),r("170b"),r("b39a"),r("72f7"),["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","0","1","2","3","4","5","6","7","8","9","+","/"]),Ot=[255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,255,62,255,255,255,63,52,53,54,55,56,57,58,59,60,61,255,255,255,0,255,255,255,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,255,255,255,255,255,255,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51];function jt(t){if(t>=Ot.length)throw new Error("Unable to parse base64 string.");var e=Ot[t];if(255===e)throw new Error("Unable to parse base64 string.");return e}function yt(t){var e,r="",n=t.length;for(e=2;e>2],r+=vt[(3&t[e-2])<<4|t[e-1]>>4],r+=vt[(15&t[e-1])<<2|t[e]>>6],r+=vt[63&t[e]];return e===n+1&&(r+=vt[t[e-2]>>2],r+=vt[(3&t[e-2])<<4],r+="=="),e===n&&(r+=vt[t[e-2]>>2],r+=vt[(3&t[e-2])<<4|t[e-1]>>4],r+=vt[(15&t[e-1])<<2],r+="="),r}function wt(t){if(t.length%4!==0)throw new Error("Unable to parse base64 string.");var e=t.indexOf("=");if(-1!==e&&e>16,a[s+1]=r>>8&255,a[s+2]=255&r;return a.subarray(0,a.length-n)}var xt={name:"App",components:{EndGrainPreview:ut,EdgeGrainPreview:pt,Settings:U,Layers:J,Wood:at},data:function(){return{saveFilename:"My cutting board"}},created:function(){var t=this,e=function(){if(location.hash){var e=location.hash.substring(1);try{var r=wt(e);r&&t.$store.commit("loadMsgPack",r)}catch(n){console.error(n)}}};e(),window.addEventListener("hashchange",(function(){e()}))},computed:{hash:function(){return yt(this.$store.getters.saveMsgPack)}},methods:{save:function(){var t=this.$store.getters.save,e=new Blob([t],{type:"text/plain; charset=utf-8"});Object(mt["saveAs"])(e,this.saveFilename+".json")},load:function(){var t=this,e=this.$refs.loadFile.files[0];if(e){this.saveFilename=e.name.toLowerCase().endsWith(".json")?e.name.substring(0,e.name.length-5):e.name;var r=new FileReader;r.addEventListener("load",(function(e){t.$store.commit("load",e.target.result)})),r.readAsBinaryString(e)}}},watch:{hash:function(t){history.replaceState({},"","#"+t)}}};r("f7d3");xt.render=m;var Pt=xt,kt=(r("4160"),r("a434"),r("159b"),r("5502")),Lt=r("d8b3");function Wt(t,e){for(var r in t)t.hasOwnProperty(r)&&e.hasOwnProperty(r)&&(e[r]=t[r])}function Tt(t){var e=parseFloat(t);return Object.is(e,NaN)?0:e}function $t(t,e){if(e.hasOwnProperty("settings")&&Wt(e.settings,t.settings),e.hasOwnProperty("boards")){var r=e.boards.map((function(t){return t.hasOwnProperty("layers")?{layers:t.layers.map((function(t){return{wood:Tt(t.wood),width:Tt(t.width)}}))}:{layers:[]}}));0===r.length&&r.push({layers:[]}),t.boards=r}if(e.hasOwnProperty("wood")){var n=e.wood.map((function(t){return{name:t.name,color:t.color}}));t.wood=n}}var Mt=Object(kt["a"])({state:{settings:{units:"cm",borders:!1,boardThickness:2,boardLength:70,bladeKerf:.35,crosscutWidth:3,alternateDirection:!0},wood:[{name:"Walnut",color:"#58443f"},{name:"Maple",color:"#f2e0aa"},{name:"Cherry",color:"#bb8359"},{name:"Mahogany",color:"#98473f"},{name:"Yellowheart",color:"#ffff84"},{name:"White oak",color:"#fdf4b9"},{name:"Bubinga",color:"#7e3c34"},{name:"Jatoba",color:"#9b281c"},{name:"Padouk",color:"#933350"}],boards:[{layers:[{wood:8,width:1},{wood:1,width:1.5},{wood:8,width:2},{wood:1,width:2},{wood:8,width:15},{wood:1,width:2},{wood:8,width:1.5},{wood:1,width:1}]}]},mutations:{addLayer:function(t,e){e<0||e>=t.boards.length||t.boards[e].layers.push({wood:0,width:H.fromMillimeters(20,t.settings.units)})},removeLayer:function(t,e){if(!(e.board<0||e.board>=t.boards.length)){var r=t.boards[e.board];e.layer<0||e.layer>=r.layers.length||r.layers.splice(e.layer,1)}},moveLayer:function(t,e){if(!(e.board<0||e.board>=t.boards.length)){var r=t.boards[e.board];if(!(e.from<0||e.from>=r.layers.length)&&!(e.to<0||e.to>r.layers.length))if(e.to==r.layers.length)r.layers.push(r.layers[e.from]),r.layers.splice(e.from,1);else{var n=r.layers[e.from];r.layers.splice(e.from,1),e.to>e.from&&e.to--,r.layers.splice(e.to,0,n)}}},addWood:function(t){t.wood.push({name:"Wood #"+(t.wood.length+1),color:"#f2e0aa"})},removeWood:function(t,e){e<0||e>=t.wood.length||(t.boards.forEach((function(t){t.layers.forEach((function(t){t.wood===e?t.wood=null:t.wood>e&&t.wood--}))})),t.wood.splice(e,1))},updateSettings:function(t,e){var r=t.settings.units;Wt(e,t.settings),r!==t.settings.units&&(t.settings.boardThickness=H.limitDecimals(H.convert(t.settings.boardThickness,r,t.settings.units),3),t.settings.boardLength=H.limitDecimals(H.convert(t.settings.boardLength,r,t.settings.units),3),t.settings.bladeKerf=H.limitDecimals(H.convert(t.settings.bladeKerf,r,t.settings.units),3),t.settings.crosscutWidth=H.limitDecimals(H.convert(t.settings.crosscutWidth,r,t.settings.units),3),t.boards.forEach((function(e){e.layers.forEach((function(e){e.width=H.limitDecimals(H.convert(e.width,r,t.settings.units),3)}))})))},load:function(t,e){var r=JSON.parse(e);$t(t,r)},loadMsgPack:function(t,e){try{var r=Object(Lt["deserialize"])(e);$t(t,r)}catch(n){console.error(n)}}},getters:{save:function(t){return JSON.stringify(t)},saveMsgPack:function(t){return Object(Lt["serialize"])(t)}}});Object(n["b"])(Pt).use(Mt).mount("#app")},"667a":function(t,e,r){"use strict";r("6ac4")},"6ac4":function(t,e,r){},"83e0":function(t,e,r){"use strict";r("4c86")},a408:function(t,e,r){},e40c:function(t,e,r){"use strict";r("a408")},f7d3:function(t,e,r){"use strict";r("3c4e")}}); //# sourceMappingURL=app.9efdd4b6.js.map