text: webpackJsonp([31],{1015:function(t,e,n){var A=n(733);"string"==typeof A&&(A=[[t.i,A,""]]),A.locals&&(t.exports=A.locals);n(415)("5ed51a30",A,!0)},1049:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var A=n(1);e.default={name:"SlideBox",data:function(){return{timer:null,unReg:null,min:0,max:0,translateX:null,state:"inactive",boxRect:null,btnRect:null}},props:{placeholder:{type:String,default:"向右滑动验证"},checkingText:{type:String,default:"正在验证"},completeText:{type:String,default:"验证通过"},failText:{type:String,default:"验证失败"}},watch:{},computed:{slideBoxTrackElement:function(){return this.$refs.slideBoxTrack},slideBoxBtnElement:function(){return this.$refs.slideBoxBtn}},methods:{cancel:function(){var t=this;this.state="cancelling",this.translateX=this.max,this.timer=window.setTimeout(function(){t.unReg&&t.unReg(),t.$nextTick(function(){t.state="inactive"})},500),this.unReg=(0,A.transitionEnd)(this.slideBoxTrackElement,function(){t.timer&&window.clearTimeout(t.timer),t.$nextTick(function(){t.state="inactive"})})},checking:function(){this.state="checking"},complete:function(){this.state="completing"},fail:function(){this.state="failing"},onPointerStartHandler:function(t){if("inactive"===this.state){t.preventDefault(),this.state="sliding";var e=(0,A.pointerCoord)(t);this.pointerStart=e.x-this.slideBoxBtnElement.getBoundingClientRect().left}},onPointerMoveHandler:function(t){if("sliding"===this.state){t.preventDefault();var e=(0,A.pointerCoord)(t),n=e.x-this.$el.offsetLeft-this.pointerStart>>0;this.translateX=this.max-(0,A.clamp)(this.min,n,this.max),this.translateX===this.min&&this.$emit("onSlideEnd",this)}},onPointerEndHandler:function(){"sliding"===this.state&&(this.translateX===this.min?this.$emit("onSlideEnd",this):this.cancel())}},mounted:function(){this.boxRect=this.$el.getBoundingClientRect(),this.btnRect=this.slideBoxBtnElement.getBoundingClientRect(),this.translateX=this.max=this.boxRect.width-this.btnRect.width>>0}}},1133:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var A=n(1167);e.default={name:"name",data:function(){return{}},props:{},watch:{},computed:{},methods:{onSlideEndHandler:function(t){t.checking(),setTimeout(function(){t.cancel()},1e3)},onSlideEndHandler1:function(t){t.checking(),setTimeout(function(){t.complete()},1e3)},onSlideEndHandler2:function(t){t.checking(),setTimeout(function(){t.fail(),setTimeout(function(){t.cancel()},1e3)},1e3)}},created:function(){},mounted:function(){},activated:function(){},deactivate:function(){},components:{SlideBox:A.SlideBox},destroyed:function(){}}},1167:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SlideBox=void 0;var A=n(776),i=function(t){return t&&t.__esModule?t:{default:t}}(A);e.SlideBox=i.default},497:function(t,e,n){n(936);var A=n(0)(n(1133),n(813),"data-v-232aa972",null);t.exports=A.exports},654:function(t,e,n){e=t.exports=n(414)(),e.push([t.i,"","",{version:3,sources:[],names:[],mappings:"",file:"slide-box.vue",sourceRoot:""}])},733:function(t,e,n){e=t.exports=n(414)(),e.push([t.i,".vm-slideBox{position:relative;height:52px;box-shadow:0 0 3px #999;background-color:#ddd;overflow:hidden}.vm-slideBox .vm-slideBox-placeholder{background:-webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:slidetounlock 3s infinite;-webkit-text-size-adjust:none;line-height:52px;height:52px;text-align:center;font-size:16px;display:block;width:100%;color:#aaa}@-webkit-keyframes slidetounlock{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes slidetounlock{0%{background-position:-200px 0}to{background-position:200px 0}}.vm-slideBox .vm-slideBox-track{position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden}.vm-slideBox .vm-slideBox-track .track-background{line-height:52px;height:52px;text-align:center;font-size:16px;color:#fff;width:100%}.vm-slideBox .vm-slideBox-track .track-btn{position:absolute;right:0;top:0;width:52px;height:52px;cursor:pointer;opacity:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#fff}.vm-slideBox .vm-slideBox-track .track-btn .icon-arrow-right{width:20px;height:20px;background:#fff url("+n(745)+") no-repeat 50%/20px 20px}.vm-slideBox .vm-slideBox-track .track-btn .icon-ok{width:20px;height:20px;background:#fff url("+n(747)+") no-repeat 50%/20px 20px}.vm-slideBox .vm-slideBox-track .track-btn .icon-error{width:20px;height:20px;background:#fff url("+n(746)+") no-repeat 50%/20px 20px}.vm-slideBox .vm-slideBox-track .track-btn .icon-refresh{width:20px;height:20px;background:#fff url("+n(748)+') no-repeat 50%/20px 20px;-webkit-animation:revolve 2s linear infinite;animation:revolve 2s linear infinite}@-webkit-keyframes revolve{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes revolve{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.vm-slideBox[state=cancelling] .vm-slideBox-track .track-background,.vm-slideBox[state=checking] .vm-slideBox-track .track-background,.vm-slideBox[state=completing] .vm-slideBox-track .track-background,.vm-slideBox[state=inactive] .vm-slideBox-track .track-background,.vm-slideBox[state=sliding] .vm-slideBox-track .track-background{background-color:#78c430}.vm-slideBox[state=failing] .vm-slideBox-track .track-background{background-color:#ef4644}.vm-slideBox[state=cancelling]:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;z-index:1;pointer-events:none}.vm-slideBox[state=cancelling] .vm-slideBox-track{-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;will-change:transform}',"",{version:3,sources:["/Users/Hsiang/GitHub/Vimo/dev/raw/components/slide-box/slide-box.vue"],names:[],mappings:"AACA,aACE,kBAAmB,AACnB,YAAa,AACb,wBAAyB,AACzB,sBAAuB,AACvB,eAAiB,CAClB,AACD,sCACI,qKAAsL,AACtL,6BAA8B,AAC9B,oCAAqC,AACrC,4CAA6C,AAC7C,8BAA+B,AAC/B,iBAAkB,AAClB,YAAa,AACb,kBAAmB,AACnB,eAAgB,AAChB,cAAe,AACf,WAAY,AACZ,UAAY,CACf,AACD,iCACA,GACI,4BAA8B,CACjC,AACD,GACI,2BAA6B,CAChC,CACA,AACD,yBACA,GACI,4BAA8B,CACjC,AACD,GACI,2BAA6B,CAChC,CACA,AACD,gCACI,kBAAmB,AACnB,OAAQ,AACR,MAAO,AACP,YAAa,AACb,WAAY,AACZ,eAAiB,CACpB,AACD,kDACM,iBAAkB,AAClB,YAAa,AACb,kBAAmB,AACnB,eAAgB,AAChB,WAAY,AACZ,UAAY,CACjB,AACD,2CACM,kBAAmB,AACnB,QAAS,AACT,MAAO,AACP,WAAY,AACZ,YAAa,AACb,eAAgB,AAChB,UAAW,AACX,oBAAqB,AACrB,qBAAsB,AACtB,oBAAqB,AACrB,aAAc,AACd,wBAAyB,AACzB,+BAAgC,AAC5B,qBAAsB,AAClB,uBAAwB,AAChC,yBAA0B,AAC1B,2BAA4B,AACxB,sBAAuB,AACnB,mBAAoB,AAC5B,eAAiB,CACtB,AACD,6DACQ,WAAY,AACZ,YAAa,AACb,qEAA2E,CAClF,AACD,oDACQ,WAAY,AACZ,YAAa,AACb,qEAAwE,CAC/E,AACD,uDACQ,WAAY,AACZ,YAAa,AACb,qEAA2E,CAClF,AACD,yDACQ,WAAY,AACZ,YAAa,AACb,sEAA6E,AAC7E,6CAA8C,AACtC,oCAAsC,CACrD,AACD,2BACA,GACI,+BAAgC,AAChC,sBAAwB,CAC3B,AACD,GACI,gCAAkC,AAClC,uBAA0B,CAC7B,CACA,AACD,mBACA,GACI,+BAAgC,AAChC,sBAAwB,CAC3B,AACD,GACI,gCAAkC,AAClC,uBAA0B,CAC7B,CACA,AACD,6UAKE,wBAA0B,CAC3B,AACD,iEACE,wBAA0B,CAC3B,AACD,qCACE,WAAY,AACZ,kBAAmB,AACnB,OAAQ,AACR,MAAO,AACP,YAAa,AACb,WAAY,AACZ,UAAW,AACX,mBAAqB,CACtB,AACD,kDACE,8CAAiD,AACjD,sCAAyC,AACzC,8BAAiC,AACjC,yDAA+D,AAC/D,qBAAuB,CACxB",file:"slide-box.vue",sourcesContent:['\n.vm-slideBox {\n  position: relative;\n  height: 52px;\n  box-shadow: 0 0 3px #999;\n  background-color: #ddd;\n  overflow: hidden;\n}\n.vm-slideBox .vm-slideBox-placeholder {\n    background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(0.4, #4d4d4d), color-stop(0.5, white), color-stop(0.6, #4d4d4d), color-stop(1, #4d4d4d));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    -webkit-animation: slidetounlock 3s infinite;\n    -webkit-text-size-adjust: none;\n    line-height: 52px;\n    height: 52px;\n    text-align: center;\n    font-size: 16px;\n    display: block;\n    width: 100%;\n    color: #aaa;\n}\n@-webkit-keyframes slidetounlock {\n0% {\n    background-position: -200px 0;\n}\n100% {\n    background-position: 200px 0;\n}\n}\n@keyframes slidetounlock {\n0% {\n    background-position: -200px 0;\n}\n100% {\n    background-position: 200px 0;\n}\n}\n.vm-slideBox .vm-slideBox-track {\n    position: absolute;\n    left: 0;\n    top: 0;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n}\n.vm-slideBox .vm-slideBox-track .track-background {\n      line-height: 52px;\n      height: 52px;\n      text-align: center;\n      font-size: 16px;\n      color: #fff;\n      width: 100%;\n}\n.vm-slideBox .vm-slideBox-track .track-btn {\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: 52px;\n      height: 52px;\n      cursor: pointer;\n      opacity: 1;\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-pack: center;\n      -webkit-justify-content: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      -webkit-box-align: center;\n      -webkit-align-items: center;\n          -ms-flex-align: center;\n              align-items: center;\n      background: #fff;\n}\n.vm-slideBox .vm-slideBox-track .track-btn .icon-arrow-right {\n        width: 20px;\n        height: 20px;\n        background: #fff url(./images/arrow.png) no-repeat center center/20px 20px;\n}\n.vm-slideBox .vm-slideBox-track .track-btn .icon-ok {\n        width: 20px;\n        height: 20px;\n        background: #fff url(./images/ok.png) no-repeat center center/20px 20px;\n}\n.vm-slideBox .vm-slideBox-track .track-btn .icon-error {\n        width: 20px;\n        height: 20px;\n        background: #fff url(./images/error.png) no-repeat center center/20px 20px;\n}\n.vm-slideBox .vm-slideBox-track .track-btn .icon-refresh {\n        width: 20px;\n        height: 20px;\n        background: #fff url(./images/refresh.png) no-repeat center center/20px 20px;\n        -webkit-animation: revolve 2s linear infinite;\n                animation: revolve 2s linear infinite;\n}\n@-webkit-keyframes revolve {\nfrom {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n}\nto {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n}\n}\n@keyframes revolve {\nfrom {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n}\nto {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n}\n}\n.vm-slideBox[state="inactive"] .vm-slideBox-track .track-background,\n.vm-slideBox[state="sliding"] .vm-slideBox-track .track-background,\n.vm-slideBox[state="checking"] .vm-slideBox-track .track-background,\n.vm-slideBox[state="cancelling"] .vm-slideBox-track .track-background,\n.vm-slideBox[state="completing"] .vm-slideBox-track .track-background {\n  background-color: #78c430;\n}\n.vm-slideBox[state="failing"] .vm-slideBox-track .track-background {\n  background-color: #ef4644;\n}\n.vm-slideBox[state="cancelling"]:after {\n  content: \'\';\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n  pointer-events: none;\n}\n.vm-slideBox[state="cancelling"] .vm-slideBox-track {\n  -webkit-transition: -webkit-transform ease 500ms;\n  transition: -webkit-transform ease 500ms;\n  transition: transform ease 500ms;\n  transition: transform ease 500ms, -webkit-transform ease 500ms;\n  will-change: transform;\n}\n'],sourceRoot:""}])},745:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACuUlEQVR4Xu3b3W3bMBAH8DtAfG5GiABLr3U3iCeoO0HaDbJBu0FHaDxBvUHSCZK+kgbUEexnCbiCgAwYtiSS4odMWnq1RPH/I20DpxPCjR944/lhBph3wI0LzF8B1QbY7XZrInokoj0iboqieFVdo/t5VVV3TdN8B4AlEW0ZY5s8z/e617s4b3AHCCGeAODn6Y2I6FtZls+2N5fh67p+Q8T741hE9M4YW4VEGATgnFenEzyZqDVCF64cPzSCagdQ30rb7gQhxA8AkNv/4giJoALYAsBnHwhCiAcAeBkYO8jXYRCgqqr7pmneAeCDDwTO+TMiPk6JoPwb5JwvEVH+8ieJoASQq5MyghZAygjaAKkiGAGkiGAMkBrCKICUEEYDpIJgBZACgjVA7AhOAGJGcAYQK4JTgBgRnAPEhuAFICYEbwCxIHgFiAHBO4AuAiJ+WSwWsgRnfKgqSwDwWhTFqmvgIAA6CLIQWpblJ+P07QUaCKuuZxrBAOQ8hRC/AWDdE/JQFMWdBYAs3b2Z1i6DAXDOfyHi14EJbsqy7P18CKYt2ckKcx/gIcuyZZ7n/87HCQKgEf4vY+xhzBMhjfDyYUvvgxzvANccXu4GrwDXHt4rQAzhvQHEEt4LQEzhnQPEFt4pQIzhnQHEGt4JQMzhrQFiD28FkEL40QCphB8FkFJ4Y4DUwhsBpBheGyDV8FoAKYdXAvS1sx7LSkQ0upLT1St8Xq6y7UbVqS+O6hWWA9uEbwukF43YpxMOEV5nB3T2CtuGbwGGeoWtm7F1Vl8H4KJX2EX4FqCzVzjUyh+BlL3CdV1vEfFje8GfLMvWY6q3XSty9htzIKInF+8i6K6+cgccB5KlZ8bYvquubnKzrnPbt0aWLt9EMZmT16qwyUSmOncGmEr+Wu4774BrWYmp5jHvgKnkr+W+/wFFEV1uwBnSjwAAAABJRU5ErkJggg=="},746:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABvFBMVEUAAADvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkTvRkQAAADFSmGsAAAAknRSTlMAH1iNwOgCU8EnoyO4BYUtWnwAiXxZLAj+giKzJZ33XlfbDfsKA61OZAO6YAbsBiS8Bga8UrwGhbsGj7a7Bt27Bve6Bv+ZmfavBNy0gwajBk+6vgYivgYF4QS/BgTgtF6/Bl1KZ78HZwsNBcAHDpZsZe30aW8hqh15BfAmUHB8cE8l7QJ2G6UdkEatBkp7qtHq8iBfv20AAAABYktHRACIBR1IAAAAB3RJTUUH4QUdEQkMvs9ckAAAAmRJREFUWMPtkWdT1UAYhV967733C5dqQVFREEVRQAVFsWLBgg0rvfdePL/YuWVJ8mY3yX50xvNt95znmcyG6H8cEhEZFR0DICY6KjJCF46Ni4c18XGx3vGERMiSmOANT0qGKslJ7nhKKpySmuLCp8EtaY58uisPpDvwGR54IEOFZ2Z54oGsTLkg2yMPZEv5HM88kCPhczV4INfG5+VrCfLzuKBAiwcKGF+oyQOFVkGRtqDIwhdr80CxWVDCytKy8grLRUV5WSnblJj4StZVVRPV+EwXvhqi6iq2qjQEtayqC1z6DYPPH7ioY6taQ1DPqgayGEI8NbBV/QnfyN+nqdlsCPPNTXzWKAQtthc+ddowhPkzZ22rFiFotf+jc+eFQc2jVQjaJH/5wsWQ4ZKaR5sQtEtKXL5i+s9SHu2i7pC16LzqwqND9F3SGteuO/PoEoJueY8b4f6mou8Wgh55f+t2uPf75IMeIeh15pWGXtH3ufAqQ5+o+9X8nbv31IZ+IRhQ84O4/0BpGBCCIQceePhIZRgSgmHePH5i8MDTZ8HT8xd8NnzyRiOseWnmgVevg+c3bDViPPIoq95aeODd+8DFB7YaNQRj/OM+En0aNJ0/fyH6ykdjpv88zstv339Yzj9//eaTcRNPE9DPhFlAk9r8pIWnKW3BlFVA05r8NONpZlaLn53hAprTEsyRPfMa/DzJsuCZXyB5Fj3yi6TKkid+idRZ9sAvk1NWVl3w1RVyztq6I7++Rq7Z2FTimxvueCBb21J8e8sbHszOLqN3dzToUPb2Dw6Pjv8cHx0e7O9p0/9Q/gI3tgx8l3RSPAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wNS0yOVQxNzowOToxMiswODowMKqFh5AAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDUtMjlUMTc6MDk6MTIrMDg6MDDb2D8sAAAAAElFTkSuQmCC"},747:function(t,e){t.exports="data:image/png;base64,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"},748:function(t,e){t.exports="data:image/png;base64,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"},776:function(t,e,n){n(1015);var A=n(0)(n(1049),n(896),null,null);t.exports=A.exports},813:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("Page",[n("Header",[n("Navbar",[n("Title",[t._v("SlideBox")])],1)],1),t._v(" "),n("Content",{staticClass:"outer-content",attrs:{padding:""}},[n("h5",[t._v("简述")]),t._v(" "),n("p",[t._v("这是一个仿照淘宝注册的一个验证组件, 向右滑动到底部意味着用户确认协议可以继续向下进行.")]),t._v(" "),n("h5",[t._v("示例")]),t._v(" "),n("SlideBox",{on:{onSlideEnd:t.onSlideEndHandler}}),t._v(" "),n("p",[t._v("继续操作即视为同意 "),n("a",{attrs:{href:"#"}},[t._v("淘宝服务协议")]),t._v(", "),n("a",{attrs:{href:"#"}},[t._v("法律声明及隐私权政策")]),t._v("和 "),n("a",{attrs:{href:"#"}},[t._v("支付宝协议")]),t._v(", 系统将同步为您创建支付宝账户")]),t._v(" "),n("h5",[t._v("其他示例")]),t._v(" "),n("p",[t._v("组件一共有以下几种状态, 且状态只能维持其一, 且 "),n("strong",[t._v("checking/cancelling/completing/failing")]),t._v(" 状态的切换由业务控制. ")]),t._v(" "),n("ul",[n("li",[t._v("inactive(初始状态)")]),t._v(" "),n("li",[t._v("sliding(滑动状态)")]),t._v(" "),n("li",[t._v("checking(正在验证)")]),t._v(" "),n("li",[t._v("cancelling(释放状态)")]),t._v(" "),n("li",[t._v("completing(验证通过状态)")]),t._v(" "),n("li",[t._v("failing(验证失败状态)")])]),t._v(" "),n("p",[t._v("向右滑动进入验证状态, 1s后重置")]),t._v(" "),n("SlideBox",{on:{onSlideEnd:t.onSlideEndHandler}}),t._v(" "),n("p",[t._v("向右滑动等待1s后验证成功")]),t._v(" "),n("SlideBox",{on:{onSlideEnd:t.onSlideEndHandler1}}),t._v(" "),n("p",[t._v("向右滑动等待1s后验证失败, 之后返回")]),t._v(" "),n("SlideBox",{on:{onSlideEnd:t.onSlideEndHandler2}})],1)],1)},staticRenderFns:[]}},896:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"vm-slideBox",attrs:{state:t.state}},[n("div",{staticClass:"vm-slideBox-placeholder"},[t._v(t._s(t.placeholder))]),t._v(" "),n("div",{ref:"slideBoxTrack",staticClass:"vm-slideBox-track",style:{transform:"translateX(-"+t.translateX+"px)"}},[n("div",{staticClass:"track-background"},["checking"===t.state?n("span",[t._v(t._s(t.checkingText))]):t._e(),t._v(" "),"completing"===t.state?n("span",[t._v(t._s(t.completeText))]):t._e(),t._v(" "),"failing"===t.state?n("span",[t._v(t._s(t.failText))]):t._e()]),t._v(" "),n("div",{ref:"slideBoxBtn",staticClass:"track-btn",on:{touchstart:function(e){t.onPointerStartHandler(e)},mousedown:function(e){t.onPointerStartHandler(e)},touchmove:function(e){t.onPointerMoveHandler(e)},mousemove:function(e){t.onPointerMoveHandler(e)},touchend:function(e){t.onPointerEndHandler(e)},mouseup:function(e){t.onPointerEndHandler(e)}}},["inactive"===t.state||"sliding"===t.state||"cancelling"===t.state?n("i",{staticClass:"icon-arrow-right"}):t._e(),t._v(" "),"completing"===t.state?n("i",{staticClass:"icon-ok"}):t._e(),t._v(" "),"failing"===t.state?n("i",{staticClass:"icon-error"}):t._e(),t._v(" "),"checking"===t.state?n("i",{staticClass:"icon-refresh"}):t._e()])])])},staticRenderFns:[]}},936:function(t,e,n){var A=n(654);"string"==typeof A&&(A=[[t.i,A,""]]),A.locals&&(t.exports=A.locals);n(415)("c5121a1c",A,!0)}});
  //# sourceMappingURL=31.689a53ebf7a6ff60bbdb.js.map