{"version":3,"sources":["webpack:///./src/components/Store/AddOnDrawer.vue?cc0d","webpack:///src/components/Store/AddOnDrawer.vue","webpack:///./src/components/Store/AddOnDrawer.vue?89e8","webpack:///./src/components/Store/AddOnDrawer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","key","tournament","jsonProps","length","staticStyle","attrs","on","$event","stopPropagation","open","_v","$vuetify","breakpoint","xs","editing","scopedSlots","_u","fn","cancel","proxy","onDeleteClick","_e","staticClass","activeBtn","color","disabled","loading","onClick","_s","text","cancelText","model","value","callback","$$v","isOpen","expression","myAddOns","$set","_l","i","products","productTags","productsLoaded","addAddOns","staticRenderFns","props","data","iAddOns","window","computed","icon","onSaveClick","dirty","edit","currentAddOns","jProps","addOns","suggestionCount","n","JSON","stringify","dto","username","organization","question","filter","methods","console","log","saveJProps","parse","close","getProducts","$VBL","store","getList","watch","val","$emit","components","component","VAlert","VBtn","VCardActions","VCard","VCardText","VCol","VContainer","VDivider","VFabTransition","VIcon","VList","VNavigationDrawer","VOverlay","VProgressCircular","VRow","VSelect","VSlideXTransition","VSpacer","VTextField","VToolbar","VToolbarTitle"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,IAAIN,EAAIO,WAAWC,WAAaR,EAAIO,WAAWC,UAAUC,OAAOC,YAAY,CAAC,QAAU,aAAa,CAACN,EAAG,QAAQ,CAACO,MAAM,CAAC,MAAQ,SAAS,KAAO,GAAG,UAAU,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBd,EAAIe,KAAKF,MAAW,CAACb,EAAIgB,GAAG,qBAAqBZ,EAAG,sBAAsB,CAACO,MAAM,CAAC,MAAQ,GAAG,MAAQ,GAAG,UAAY,GAAG,MAAQX,EAAIiB,SAASC,WAAWC,GAAK,IAAM,IAAI,UAAYnB,EAAIoB,SAASC,YAAYrB,EAAIsB,GAAG,CAAC,CAAChB,IAAI,UAAUiB,GAAG,WAAW,MAAO,CAACnB,EAAG,YAAY,CAACO,MAAM,CAAC,MAAQ,0BAA0B,KAAO,GAAG,MAAQ,KAAK,CAACP,EAAG,kBAAkB,CAACJ,EAAIgB,GAAG,qBAAqBZ,EAAG,YAAYA,EAAG,QAAQ,CAACO,MAAM,CAAC,MAAQ,0BAA0B,IAAM,GAAG,MAAQ,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBd,EAAIwB,QAAO,MAAS,CAACpB,EAAG,SAAS,CAACO,MAAM,CAAC,MAAQ,KAAK,CAACX,EAAIgB,GAAG,mBAAmB,IAAI,KAAKS,OAAM,GAAM,CAACnB,IAAI,SAASiB,GAAG,WAAW,MAAO,CAACnB,EAAG,MAAM,CAACA,EAAG,mBAAmB,CAAEJ,EAAW,QAAEI,EAAG,QAAQ,CAACO,MAAM,CAAC,MAAQ,QAAQ,KAAO,GAAG,MAAQ,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBd,EAAI0B,cAAcb,MAAW,CAACb,EAAIgB,GAAG,0BAA0BhB,EAAI2B,MAAM,IAAI,GAAGvB,EAAG,aAAaA,EAAG,iBAAiB,CAACA,EAAG,QAAQ,CAACO,MAAM,CAAC,MAAQ,KAAK,CAACP,EAAG,QAAQ,CAACO,MAAM,CAAC,KAAO,MAAM,CAACP,EAAG,QAAQ,CAACwB,YAAY,OAAOjB,MAAM,CAAC,MAAQX,EAAI6B,UAAUC,MAAM,SAAW9B,EAAI6B,UAAUE,SAAS,QAAU/B,EAAI6B,UAAUG,QAAQ,MAAQ,IAAIpB,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBd,EAAI6B,UAAUI,QAAQpB,MAAW,CAACb,EAAIgB,GAAG,IAAIhB,EAAIkC,GAAGlC,EAAI6B,UAAUM,MAAM,QAAQ,GAAG/B,EAAG,QAAQ,CAACO,MAAM,CAAC,KAAO,MAAM,CAACP,EAAG,QAAQ,CAACwB,YAAY,OAAOjB,MAAM,CAAC,MAAQ,oBAAoB,SAAWX,EAAI6B,UAAUG,QAAQ,MAAQ,IAAIpB,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBd,EAAI6B,UAAUL,OAAOX,MAAW,CAACb,EAAIgB,GAAG,IAAIhB,EAAIkC,GAAGlC,EAAI6B,UAAUO,YAAc,SAAS,QAAQ,IAAI,IAAI,KAAKX,OAAM,KAAQY,MAAM,CAACC,MAAOtC,EAAU,OAAEuC,SAAS,SAAUC,GAAMxC,EAAIyC,OAAOD,GAAKE,WAAW,WAAW,CAACtC,EAAG,cAAc,CAACA,EAAG,cAAc,CAACwB,YAAY,cAAc,CAAG5B,EAAI2C,SAAuzBvC,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACO,MAAM,CAAC,KAAO,OAAO,CAACP,EAAG,eAAe,CAACO,MAAM,CAAC,MAAQ,kBAAkB,UAAYX,EAAIoB,SAAWpB,EAAIgC,QAAQ,MAAQ,SAAS,aAAa,UAAUK,MAAM,CAACC,MAAOtC,EAAI2C,SAAiB,SAAEJ,SAAS,SAAUC,GAAMxC,EAAI4C,KAAK5C,EAAI2C,SAAU,WAAYH,IAAME,WAAW,uBAAuBtC,EAAG,SAAS,CAACA,EAAG,uBAAuB,CAACO,MAAM,CAAC,MAAQ,GAAG,KAAO,SAAS,iBAAiB,KAAKX,EAAI6C,GAAI7C,EAAmB,iBAAE,SAAS8C,GAAG,OAAO1C,EAAG,QAAQ,CAACE,IAAIwC,EAAEnC,MAAM,CAAC,KAAO,OAAO,CAACP,EAAG,WAAW,CAACO,MAAM,CAAC,MAAQX,EAAI+C,SAAS,YAAY,QAAQ,aAAa,SAAS,MAAS,cAAgBD,EAAG,UAAY9C,EAAIoB,SAAWpB,EAAIgC,QAAQ,UAAY,GAAG,MAAQ,SAAS,aAAa,UAAUK,MAAM,CAACC,MAAOtC,EAAI2C,SAASK,YAAYF,EAAI,GAAIP,SAAS,SAAUC,GAAMxC,EAAI4C,KAAK5C,EAAI2C,SAASK,YAAaF,EAAI,EAAGN,IAAME,WAAW,kCAAkC,MAAK,IAAI,IAAI,IAAI,GAApqDtC,EAAG,QAAQ,CAACO,MAAM,CAAC,MAAQ,KAAK,CAAEX,EAAiB,cAAEI,EAAG,QAAQ,CAACO,MAAM,CAAC,KAAO,OAAO,CAACP,EAAG,UAAU,CAACO,MAAM,CAAC,KAAO,QAAQ,UAAY,GAAG,KAAO,KAAK,CAACX,EAAIgB,GAAG,4DAA4D,GAAGZ,EAAG,QAAQ,CAACwB,YAAY,cAAcjB,MAAM,CAAC,KAAO,OAAO,CAACP,EAAG,MAAM,CAACwB,YAAY,WAAW,CAAC5B,EAAIgB,GAAG,yEAA0EhB,EAAIiD,gBAA0C,IAAxBjD,EAAI+C,SAAStC,OAAcL,EAAG,UAAU,CAACO,MAAM,CAAC,KAAO,QAAQ,UAAY,GAAG,KAAO,KAAK,CAACX,EAAIgB,GAAG,iIAAiIZ,EAAG,QAAQ,CAACO,MAAM,CAAC,MAAQ,SAAS,KAAO,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBd,EAAIkD,UAAUrC,MAAW,CAACb,EAAIgB,GAAG,oBAAoB,IAAI,IAA83B,GAAIhB,EAAW,QAAEI,EAAG,YAAY,CAACO,MAAM,CAAC,MAAQ,UAAU,CAACP,EAAG,MAAM,CAACwB,YAAY,eAAe,CAACxB,EAAG,sBAAsB,CAACO,MAAM,CAAC,cAAgB,GAAG,MAAQ,SAAS,KAAO,SAAS,GAAGP,EAAG,MAAM,CAACwB,YAAY,oCAAoC,CAAC5B,EAAIgB,GAAG,eAAehB,EAAI2B,MAAM,IAAI,IAAI,IAChhIwB,EAAkB,GCyHtB,G,oBAAA,CACEC,MAAO,CAAC,cACRC,KAFF,WAGI,MAAO,CACLZ,QAAQ,EACRrB,SAAS,EACTkC,QAAS,KACTtB,SAAS,EACTe,SAAU,GACVE,gBAAgB,EAChBM,OAAQ,IAGZC,SAAU,CACR3B,UADJ,WACA,WACM,OAAQ5B,KAAKmB,QAUnB,CACQU,MAAO,sBACP2B,KAAM,eACNxB,QAAShC,KAAKyD,YACdvB,KAAM,OACNC,WAAY,SACZZ,OAAQvB,KAAKuB,OACbO,UAAW9B,KAAK0D,OAAS,KAAjC,qCACQ3B,QAAS/B,KAAK+B,SAlBO,CACrBF,MAAO,0BACP2B,KAAM,oBACNxB,QAAShC,KAAK2D,KACdzB,KAAM,OACNX,OAAQ,WACN,EAAV,YAEQQ,QAAS/B,KAAK+B,QACdD,SAAU,KAAlB,gEAYI8B,cAvBJ,WAwBM,OAAO5D,KAAKM,YAAcN,KAAKM,WAAWC,WAAaP,KAAKM,WAAWuD,QAAU7D,KAAKM,WAAWwD,QAEnGpB,SA1BJ,WA2BM,OAAO1C,KAAKmB,QAAUnB,KAAKqD,QAAUrD,KAAK4D,eAE5CG,gBA7BJ,WA8BM,IAAN,sEAEM,OAAOC,GAAKhE,KAAK8C,SAAStC,OAASR,KAAK8C,SAAStC,OAASwD,GAE5DN,MAlCJ,WAmCM,OAAOO,KAAKC,UAAUlE,KAAK4D,iBAAmBK,KAAKC,UAAUlE,KAAKmE,MAEpEC,SArCJ,WAsCM,OAAOpE,KAAKM,WAAW+D,aAAaD,UAEtCD,IAxCJ,WAyCM,OAAOnE,KAAKqD,SAAW,CACrBiB,SAAUtE,KAAKqD,QAAQiB,SACvBvB,YAAa/C,KAAKqD,QAAQN,YAAYwB,QAAO,SAArD,mBAIEC,QAAS,CACPf,YADJ,WACA,WACMzD,KAAK+B,SAAU,EACf/B,KAAKM,WAAWuD,OAAOC,OAAS9D,KAAKmE,IACrCM,QAAQC,IAAI1E,KAAKM,WAAWuD,QAC5B7D,KAAKM,WAAWqE,aACtB,kBACQ,EAAR,uBACQ,EAAR,YAEA,mBACQ,QAAR,gBACQ,EAAR,yBAEA,oBAAQ,EAAR,eAEIhB,KAhBJ,WAiBM3D,KAAKqD,QAAUY,KAAKW,MAAMX,KAAKC,UAAUlE,KAAK4D,gBAC9C5D,KAAKmB,SAAU,GAEjBI,OApBJ,SAoBA,GACMvB,KAAKmB,SAAU,EACfnB,KAAKqD,QAAU,MACD,IAAVwB,IAAgB7E,KAAKwC,QAAS,IAEpC1B,KAzBJ,WA0BMd,KAAKwC,QAAS,GAEhBsC,YA5BJ,WA4BA,WACM9E,KAAK+B,SAAU,EACf/B,KAAKgD,gBAAiB,EACtBhD,KAAK+E,KAAKC,MAAMlC,SAASmC,QAAQjF,KAAKoE,UAC5C,kBACQ,EAAR,gBACQ,EAAR,qBAEA,mBAAQ,OAAR,kBACA,oBAAQ,EAAR,eAEInB,UAvCJ,WAwCMjD,KAAKqD,QAAU,CACbiB,SAAU,oCACVvB,YAAa,IAEf/C,KAAKmB,SAAU,GAEjBM,cA9CJ,WA+CMzB,KAAKqD,QAAU,OAGnB6B,MAAO,CACL1C,OAAQ,SAAZ,GACW2C,EAGHnF,KAAK8E,cAFL9E,KAAKuB,UAKTJ,QAAS,SAAb,GACMnB,KAAKoF,MAAM,iBAAkBD,KAGjCE,WAAY,KCpPsV,I,yPCOhWC,EAAY,eACd,EACAxF,EACAoD,GACA,EACA,KACA,KACA,MAIa,aAAAoC,EAAiB,QAwBhC,IAAkBA,EAAW,CAACC,SAAA,KAAOC,OAAA,KAAKC,aAAAC,EAAA,KAAaC,UAAAD,EAAA,KAAUE,OAAA,KAAKC,aAAA,KAAWC,WAAA,KAASC,eAAA,OAAeC,QAAA,KAAMC,QAAA,KAAMC,oBAAA,KAAkBC,WAAA,KAASC,oBAAA,KAAkBC,OAAA,KAAKC,UAAA,KAAQC,kBAAA,OAAkBC,UAAA,KAAQC,aAAA,KAAWC,WAAA,KAASC,cAAA","file":"js/chunk-2d224feb.00c2a034.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{key:_vm.tournament.jsonProps && _vm.tournament.jsonProps.length,staticStyle:{\"display\":\"contents\"}},[_c('v-btn',{attrs:{\"color\":\"color3\",\"text\":\"\",\"x-small\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.open($event)}}},[_vm._v(\"Add-on Products\")]),_c('v-navigation-drawer',{attrs:{\"right\":\"\",\"fixed\":\"\",\"temporary\":\"\",\"width\":_vm.$vuetify.breakpoint.xs ? 350 : 500,\"permanent\":_vm.editing},scopedSlots:_vm._u([{key:\"prepend\",fn:function(){return [_c('v-toolbar',{attrs:{\"color\":\"color2 color2Text--text\",\"tile\":\"\",\"dense\":\"\"}},[_c('v-toolbar-title',[_vm._v(\"Add-on Products\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"color1 color1Text--text\",\"fab\":\"\",\"small\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.cancel(true)}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\"fas fa-times\")])],1)],1)]},proxy:true},{key:\"append\",fn:function(){return [_c('div',[_c('v-fab-transition',[(_vm.editing)?_c('v-btn',{attrs:{\"color\":\"error\",\"text\":\"\",\"small\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.onDeleteClick($event)}}},[_vm._v(\" remove this add-on \")]):_vm._e()],1)],1),_c('v-divider'),_c('v-card-actions',[_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-btn',{staticClass:\"py-9\",attrs:{\"color\":_vm.activeBtn.color,\"disabled\":_vm.activeBtn.disabled,\"loading\":_vm.activeBtn.loading,\"block\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.activeBtn.onClick($event)}}},[_vm._v(\" \"+_vm._s(_vm.activeBtn.text)+\" \")])],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-btn',{staticClass:\"py-9\",attrs:{\"color\":\"error white--text\",\"disabled\":_vm.activeBtn.loading,\"block\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.activeBtn.cancel($event)}}},[_vm._v(\" \"+_vm._s(_vm.activeBtn.cancelText || 'Close')+\" \")])],1)],1)],1)]},proxy:true}]),model:{value:(_vm.isOpen),callback:function ($$v) {_vm.isOpen=$$v},expression:\"isOpen\"}},[_c('v-card-text',[_c('v-container',{staticClass:\"pt-10 px-0\"},[(!_vm.myAddOns)?_c('v-row',{attrs:{\"dense\":\"\"}},[(_vm.currentAddOns)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-alert',{attrs:{\"type\":\"error\",\"prominent\":\"\",\"text\":\"\"}},[_vm._v(\" To complete the deletion of this add-on click save. \")])],1):_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"text-h6\"},[_vm._v(\"You do not currently have any add-ons assigned to this registration\")]),(_vm.productsLoaded && _vm.products.length === 0)?_c('v-alert',{attrs:{\"type\":\"error\",\"prominent\":\"\",\"text\":\"\"}},[_vm._v(\" You do not have any products available. You must create the product before you can add it to a registration as an add-on. \")]):_c('v-btn',{attrs:{\"color\":\"color3\",\"text\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.addAddOns($event)}}},[_vm._v(\"Add a product\")])],1)],1):_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":\"Suggestion Text\",\"disabled\":!_vm.editing || _vm.loading,\"color\":\"color3\",\"item-color\":\"color3\"},model:{value:(_vm.myAddOns.question),callback:function ($$v) {_vm.$set(_vm.myAddOns, \"question\", $$v)},expression:\"myAddOns.question\"}}),_c('v-list',[_c('v-slide-x-transition',{attrs:{\"group\":\"\",\"mode\":\"out-in\",\"leave-absolute\":\"\"}},_vm._l((_vm.suggestionCount),function(i){return _c('v-col',{key:i,attrs:{\"cols\":\"12\"}},[_c('v-select',{attrs:{\"items\":_vm.products,\"item-text\":\"title\",\"item-value\":\"urlTag\",\"label\":(\"Suggestion \" + i),\"disabled\":!_vm.editing || _vm.loading,\"clearable\":\"\",\"color\":\"color3\",\"item-color\":\"color3\"},model:{value:(_vm.myAddOns.productTags[i - 1]),callback:function ($$v) {_vm.$set(_vm.myAddOns.productTags, i - 1, $$v)},expression:\"myAddOns.productTags[i - 1]\"}})],1)}),1)],1)],1)],1)],1),(_vm.loading)?_c('v-overlay',{attrs:{\"color\":\"white\"}},[_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"color3\",\"size\":\"64\"}})],1),_c('div',{staticClass:\"color3--text text-center text-h4\"},[_vm._v(\"Loading\")])]):_vm._e()],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"display: contents\" :key=\"tournament.jsonProps && tournament.jsonProps.length\">\r\n    <v-btn color=\"color3\" text x-small @click.stop=\"open\">Add-on Products</v-btn>\r\n    <v-navigation-drawer\r\n      right\r\n      v-model=\"isOpen\"\r\n      fixed temporary\r\n      :width=\"$vuetify.breakpoint.xs ? 350 : 500\"\r\n      :permanent=\"editing\"\r\n    >\r\n      <!-- HEADER -->\r\n      <template v-slot:prepend>\r\n        <v-toolbar color=\"color2 color2Text--text\" tile dense>\r\n          <v-toolbar-title>Add-on Products</v-toolbar-title>\r\n          <v-spacer></v-spacer>\r\n          <v-btn\r\n            color=\"color1 color1Text--text\"\r\n            fab\r\n            small\r\n            @click.stop=\"cancel(true)\"\r\n          >\r\n            <v-icon small>fas fa-times</v-icon>\r\n          </v-btn>\r\n        </v-toolbar>\r\n      </template>\r\n      <!-- FOOTER -->\r\n      <template v-slot:append>\r\n        <div>\r\n          <v-fab-transition>\r\n            <v-btn color=\"error\" text small @click.stop=\"onDeleteClick\" v-if=\"editing\">\r\n              remove this add-on\r\n            </v-btn>\r\n          </v-fab-transition>\r\n        </div>\r\n        <v-divider></v-divider>\r\n        <v-card-actions>\r\n          <v-row dense>\r\n          <v-col cols=\"6\">\r\n            <v-btn\r\n              :color=\"activeBtn.color\"\r\n              :disabled=\"activeBtn.disabled\"\r\n              :loading=\"activeBtn.loading\"\r\n              @click.stop=\"activeBtn.onClick\"\r\n              block\r\n              class=\"py-9\"\r\n            >\r\n              {{ activeBtn.text }}\r\n            </v-btn>\r\n          </v-col>\r\n          <v-col cols=\"6\">\r\n            <v-btn\r\n              color=\"error white--text\"\r\n              @click.stop=\"activeBtn.cancel\"\r\n              :disabled=\"activeBtn.loading\"\r\n              block\r\n              class=\"py-9\"\r\n            >\r\n            {{activeBtn.cancelText || 'Close'}}\r\n            </v-btn>\r\n          </v-col>\r\n        </v-row>\r\n        </v-card-actions>\r\n      </template>\r\n      <!-- BODY -->\r\n      <v-card-text>\r\n        <v-container class=\"pt-10 px-0\">\r\n          <v-row dense v-if=\"!myAddOns\">\r\n            <v-col cols=\"12\" v-if=\"currentAddOns\">\r\n              <v-alert type=\"error\" prominent text>\r\n                To complete the deletion of this add-on click save.\r\n              </v-alert>\r\n            </v-col>\r\n            <v-col cols=\"12\" class=\"text-center\" v-else>\r\n              <div class=\"text-h6\">You do not currently have any add-ons assigned to this registration</div>\r\n              <v-alert type=\"error\" prominent text v-if=\"productsLoaded && products.length === 0\">\r\n                You do not have any products available. You must create the product before you can add it to a registration as an add-on.\r\n              </v-alert>\r\n              <v-btn color=\"color3\" text @click.stop=\"addAddOns\" v-else>Add a product</v-btn>\r\n            </v-col>\r\n          </v-row>\r\n          <v-row v-else>\r\n            <v-col cols=\"12\">\r\n              <v-text-field\r\n                label=\"Suggestion Text\"\r\n                v-model=\"myAddOns.question\"\r\n                :disabled=\"!editing || loading\"\r\n                color=\"color3\"\r\n                item-color=\"color3\"\r\n              ></v-text-field>\r\n              <v-list>\r\n                <v-slide-x-transition  group mode=\"out-in\" leave-absolute>\r\n                  <v-col cols=\"12\" v-for=\"i in suggestionCount\" :key=\"i\">\r\n                    <v-select\r\n                      :items=\"products\"\r\n                      item-text=\"title\"\r\n                      item-value=\"urlTag\"\r\n                      :label=\"`Suggestion ${i}`\"\r\n                      v-model=\"myAddOns.productTags[i - 1]\"\r\n                      :disabled=\"!editing || loading\"\r\n                      clearable\r\n                      color=\"color3\"\r\n                      item-color=\"color3\"\r\n                    ></v-select>\r\n                  </v-col>\r\n                </v-slide-x-transition>\r\n              </v-list>\r\n            </v-col>\r\n          </v-row>\r\n        </v-container>\r\n        <v-overlay color=\"white\" v-if=\"loading\">\r\n            <div class=\"text-center\">\r\n              <v-progress-circular indeterminate color=\"color3\" size=\"64\"></v-progress-circular>\r\n            </div>\r\n            <div class=\"color3--text text-center text-h4\">Loading</div>\r\n          </v-overlay>\r\n      </v-card-text>\r\n    </v-navigation-drawer>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  props: ['tournament'],\r\n  data () {\r\n    return {\r\n      isOpen: false,\r\n      editing: false,\r\n      iAddOns: null,\r\n      loading: false,\r\n      products: [],\r\n      productsLoaded: false,\r\n      window: 0\r\n    }\r\n  },\r\n  computed: {\r\n    activeBtn () {\r\n      return !this.editing ? {\r\n        color: 'color3Text color3--text',\r\n        icon: 'fas fa-pencil-alt',\r\n        onClick: this.edit,\r\n        text: 'Edit',\r\n        cancel: () => {\r\n          this.cancel(true)\r\n        },\r\n        loading: this.loading,\r\n        disabled: (this.productsLoaded && this.products.length === 0) || !this.currentAddOns\r\n      } : {\r\n        color: 'success white--text',\r\n        icon: 'fas fa-times',\r\n        onClick: this.onSaveClick,\r\n        text: 'save',\r\n        cancelText: 'Cancel',\r\n        cancel: this.cancel,\r\n        disabled: !this.dirty || (this.dto && this.dto.productTags.length === 0),\r\n        loading: this.loading\r\n      }\r\n    },\r\n    currentAddOns () {\r\n      return this.tournament && this.tournament.jsonProps && this.tournament.jProps && this.tournament.addOns\r\n    },\r\n    myAddOns () {\r\n      return this.editing ? this.iAddOns : this.currentAddOns\r\n    },\r\n    suggestionCount () {\r\n      const n = this.myAddOns.productTags.filter(f => !!f).length + 1\r\n\r\n      return n >= this.products.length ? this.products.length : n\r\n    },\r\n    dirty () {\r\n      return JSON.stringify(this.currentAddOns) !== JSON.stringify(this.dto)\r\n    },\r\n    username () {\r\n      return this.tournament.organization.username\r\n    },\r\n    dto () {\r\n      return this.iAddOns && {\r\n        question: this.iAddOns.question,\r\n        productTags: this.iAddOns.productTags.filter(f => !!f)\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    onSaveClick () {\r\n      this.loading = true\r\n      this.tournament.jProps.addOns = this.dto\r\n      console.log(this.tournament.jProps)\r\n      this.tournament.saveJProps()\r\n        .then(r => {\r\n          this.$emit('save-complete')\r\n          this.cancel()\r\n        })\r\n        .catch(e => {\r\n          console.log(e.response)\r\n          this.error = e.response.data\r\n        })\r\n        .finally(() => { this.loading = false })\r\n    },\r\n    edit () {\r\n      this.iAddOns = JSON.parse(JSON.stringify(this.currentAddOns))\r\n      this.editing = true\r\n    },\r\n    cancel (close) {\r\n      this.editing = false\r\n      this.iAddOns = null\r\n      if (close === true) this.isOpen = false\r\n    },\r\n    open () {\r\n      this.isOpen = true\r\n    },\r\n    getProducts () {\r\n      this.loading = true\r\n      this.productsLoaded = false\r\n      this.$VBL.store.products.getList(this.username)\r\n        .then(r => {\r\n          this.products = r.data\r\n          this.productsLoaded = true\r\n        })\r\n        .catch(e => console.log(e))\r\n        .finally(() => { this.loading = false })\r\n    },\r\n    addAddOns () {\r\n      this.iAddOns = {\r\n        question: 'Pre-order your tournament schwag?',\r\n        productTags: []\r\n      }\r\n      this.editing = true\r\n    },\r\n    onDeleteClick () {\r\n      this.iAddOns = null\r\n    }\r\n  },\r\n  watch: {\r\n    isOpen: function (val) {\r\n      if (!val) {\r\n        this.cancel()\r\n      } else {\r\n        this.getProducts()\r\n      }\r\n    },\r\n    editing: function (val) {\r\n      this.$emit('editing-change', val)\r\n    }\r\n  },\r\n  components: {\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddOnDrawer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddOnDrawer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddOnDrawer.vue?vue&type=template&id=2cd6bb40&\"\nimport script from \"./AddOnDrawer.vue?vue&type=script&lang=js&\"\nexport * from \"./AddOnDrawer.vue?vue&type=script&lang=js&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VFabTransition } from 'vuetify/lib/components/transitions';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VNavigationDrawer } from 'vuetify/lib/components/VNavigationDrawer';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSlideXTransition } from 'vuetify/lib/components/transitions';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAlert,VBtn,VCardActions,VCardText,VCol,VContainer,VDivider,VFabTransition,VIcon,VList,VNavigationDrawer,VOverlay,VProgressCircular,VRow,VSelect,VSlideXTransition,VSpacer,VTextField,VToolbar,VToolbarTitle})\n"],"sourceRoot":""}