{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es6.array.find-index.js","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///./node_modules/core-js/modules/_strict-method.js","webpack:///./node_modules/core-js/modules/es6.string.includes.js","webpack:///./node_modules/core-js/modules/es6.regexp.search.js","webpack:///./node_modules/core-js/modules/_fails-is-regexp.js","webpack:///./node_modules/core-js/modules/es6.array.sort.js","webpack:///./node_modules/core-js/modules/es7.array.includes.js","webpack:///./node_modules/core-js/modules/_same-value.js","webpack:///./src/views/Groups/GroupsList.vue?08bd","webpack:///./src/components/groups/Group.vue?56a4","webpack:///src/components/groups/Group.vue","webpack:///./src/components/groups/Group.vue?bd02","webpack:///./src/components/groups/Group.vue?1f79","webpack:///src/views/Groups/GroupsList.vue","webpack:///./src/views/Groups/GroupsList.vue?5a22","webpack:///./src/views/Groups/GroupsList.vue?a79d","webpack:///./src/views/Groups/GroupsList.vue?4ae9","webpack:///./src/components/helpers/SubmitButton.vue?848f","webpack:///./src/components/helpers/CancelButton.vue?e629","webpack:///./node_modules/core-js/modules/_string-context.js","webpack:///./src/components/groups/Group.vue?a41b","webpack:///./src/components/helpers/SubmitButton.vue?46fe","webpack:///src/components/helpers/SubmitButton.vue","webpack:///./src/components/helpers/SubmitButton.vue?0a57","webpack:///./src/components/helpers/SubmitButton.vue?7c17","webpack:///./src/components/helpers/CancelButton.vue?d66d","webpack:///src/components/helpers/CancelButton.vue","webpack:///./src/components/helpers/CancelButton.vue?2042","webpack:///./src/components/helpers/CancelButton.vue?2353"],"names":["$export","$find","KEY","forced","Array","P","F","findIndex","callbackfn","this","arguments","length","undefined","_arrayLikeToArray","arr","len","i","arr2","_arrayWithoutHoles","isArray","_iterableToArray","iter","Symbol","iterator","Object","from","_unsupportedIterableToArray","o","minLen","n","prototype","toString","call","slice","constructor","name","test","_nonIterableSpread","TypeError","_toConsumableArray","fails","module","exports","method","arg","context","INCLUDES","includes","searchString","indexOf","anObject","sameValue","regExpExec","defined","SEARCH","$search","maybeCallNative","regexp","O","fn","RegExp","String","res","done","value","rx","S","previousLastIndex","lastIndex","result","index","MATCH","re","e","f","aFunction","toObject","$sort","sort","comparefn","$includes","el","is","x","y","render","_vm","_h","$createElement","_c","_self","attrs","message","type","_e","staticClass","_v","_s","$t","on","addGroup","$event","preventDefault","saveChanges","cancel","directives","rawName","expression","domProps","magic_flag","target","composing","search","_l","group","key","id","remove","deleteGroup","moveToEdited","loaded","staticRenderFns","class","edited","count","availableShops","select","model","callback","$$v","initVal","slot","addAll","marked","markedForRemoval","staticStyle","markForRemoval","components","props","required","Number","watch","newValue","startName","$emit","$vnode","data","startShops","newShops","methods","forEach","newShopsList","detachShopIds","inArray","getAvailableShops","GroupRepository","getGroupAvailableShops","token","diff","find","splice","push","compare","arr1","mounted","shops","component","Group","Preloader","Message","CancelButton","SubmitButton","users","groups","deleteGroupIds","dummyId","newGroups","getGroups","v","unshift","computed","filteredGroups","filter","groupList","concat","isRegExp","that","NAME","style","buttonTextC","buttonText","default","styleObject","cssConfig","submitButton","cancelButton"],"mappings":"2IAEA,IAAIA,EAAU,EAAQ,QAClBC,EAAQ,EAAQ,OAAR,CAA4B,GACpCC,EAAM,YACNC,GAAS,EAETD,IAAO,IAAIE,MAAM,GAAGF,IAAK,WAAcC,GAAS,KACpDH,EAAQA,EAAQK,EAAIL,EAAQM,EAAIH,EAAQ,QAAS,CAC/CI,UAAW,SAAmBC,GAC5B,OAAOP,EAAMQ,KAAMD,EAAYE,UAAUC,OAAS,EAAID,UAAU,QAAKE,MAGzE,EAAQ,OAAR,CAAiCV,I,kCCblB,SAASW,EAAkBC,EAAKC,IAClC,MAAPA,GAAeA,EAAMD,EAAIH,UAAQI,EAAMD,EAAIH,QAE/C,IAAK,IAAIK,EAAI,EAAGC,EAAO,IAAIb,MAAMW,GAAMC,EAAID,EAAKC,IAC9CC,EAAKD,GAAKF,EAAIE,GAGhB,OAAOC,ECNM,SAASC,EAAmBJ,GACzC,GAAIV,MAAMe,QAAQL,GAAM,OAAO,EAAiBA,GCFnC,SAASM,EAAiBC,GACvC,GAAsB,qBAAXC,QAA0BA,OAAOC,YAAYC,OAAOH,GAAO,OAAOjB,MAAMqB,KAAKJ,GCA3E,SAASK,EAA4BC,EAAGC,GACrD,GAAKD,EAAL,CACA,GAAiB,kBAANA,EAAgB,OAAO,EAAiBA,EAAGC,GACtD,IAAIC,EAAIL,OAAOM,UAAUC,SAASC,KAAKL,GAAGM,MAAM,GAAI,GAEpD,MADU,WAANJ,GAAkBF,EAAEO,cAAaL,EAAIF,EAAEO,YAAYC,MAC7C,QAANN,GAAqB,QAANA,EAAoBzB,MAAMqB,KAAKE,GACxC,cAANE,GAAqB,2CAA2CO,KAAKP,GAAW,EAAiBF,EAAGC,QAAxG,GCPa,SAASS,IACtB,MAAM,IAAIC,UAAU,wICGP,SAASC,EAAmBzB,GACzC,OAAO,EAAkBA,IAAQ,EAAgBA,IAAQ,EAA2BA,IAAQ,I,uECJ9F,IAAI0B,EAAQ,EAAQ,QAEpBC,EAAOC,QAAU,SAAUC,EAAQC,GACjC,QAASD,GAAUH,GAAM,WAEvBI,EAAMD,EAAOX,KAAK,MAAM,cAA6B,GAAKW,EAAOX,KAAK,W,oCCJ1E,IAAIhC,EAAU,EAAQ,QAClB6C,EAAU,EAAQ,QAClBC,EAAW,WAEf9C,EAAQA,EAAQK,EAAIL,EAAQM,EAAI,EAAQ,OAAR,CAA8BwC,GAAW,SAAU,CACjFC,SAAU,SAAkBC,GAC1B,SAAUH,EAAQpC,KAAMuC,EAAcF,GACnCG,QAAQD,EAActC,UAAUC,OAAS,EAAID,UAAU,QAAKE,O,oCCPnE,IAAIsC,EAAW,EAAQ,QACnBC,EAAY,EAAQ,QACpBC,EAAa,EAAQ,QAGzB,EAAQ,OAAR,CAAyB,SAAU,GAAG,SAAUC,EAASC,EAAQC,EAASC,GACxE,MAAO,CAGL,SAAgBC,GACd,IAAIC,EAAIL,EAAQ5C,MACZkD,OAAe/C,GAAV6C,OAAsB7C,EAAY6C,EAAOH,GAClD,YAAc1C,IAAP+C,EAAmBA,EAAG3B,KAAKyB,EAAQC,GAAK,IAAIE,OAAOH,GAAQH,GAAQO,OAAOH,KAInF,SAAUD,GACR,IAAIK,EAAMN,EAAgBD,EAASE,EAAQhD,MAC3C,GAAIqD,EAAIC,KAAM,OAAOD,EAAIE,MACzB,IAAIC,EAAKf,EAASO,GACdS,EAAIL,OAAOpD,MACX0D,EAAoBF,EAAGG,UACtBjB,EAAUgB,EAAmB,KAAIF,EAAGG,UAAY,GACrD,IAAIC,EAASjB,EAAWa,EAAIC,GAE5B,OADKf,EAAUc,EAAGG,UAAWD,KAAoBF,EAAGG,UAAYD,GAC9C,OAAXE,GAAmB,EAAIA,EAAOC,Y,qBC3B3C,IAAIC,EAAQ,EAAQ,OAAR,CAAkB,SAC9B9B,EAAOC,QAAU,SAAUxC,GACzB,IAAIsE,EAAK,IACT,IACE,MAAMtE,GAAKsE,GACX,MAAOC,GACP,IAEE,OADAD,EAAGD,IAAS,GACJ,MAAMrE,GAAKsE,GACnB,MAAOE,KACT,OAAO,I,oCCTX,IAAI1E,EAAU,EAAQ,QAClB2E,EAAY,EAAQ,QACpBC,EAAW,EAAQ,QACnBpC,EAAQ,EAAQ,QAChBqC,EAAQ,GAAGC,KACX1C,EAAO,CAAC,EAAG,EAAG,GAElBpC,EAAQA,EAAQK,EAAIL,EAAQM,GAAKkC,GAAM,WAErCJ,EAAK0C,UAAKlE,QACL4B,GAAM,WAEXJ,EAAK0C,KAAK,WAEL,EAAQ,OAAR,CAA4BD,IAAS,QAAS,CAEnDC,KAAM,SAAcC,GAClB,YAAqBnE,IAAdmE,EACHF,EAAM7C,KAAK4C,EAASnE,OACpBoE,EAAM7C,KAAK4C,EAASnE,MAAOkE,EAAUI,Q,kCClB7C,IAAI/E,EAAU,EAAQ,QAClBgF,EAAY,EAAQ,OAAR,EAA6B,GAE7ChF,EAAQA,EAAQK,EAAG,QAAS,CAC1B0C,SAAU,SAAkBkC,GAC1B,OAAOD,EAAUvE,KAAMwE,EAAIvE,UAAUC,OAAS,EAAID,UAAU,QAAKE,MAIrE,EAAQ,OAAR,CAAiC,a,qBCVjC6B,EAAOC,QAAUlB,OAAO0D,IAAM,SAAYC,EAAGC,GAE3C,OAAOD,IAAMC,EAAU,IAAND,GAAW,EAAIA,IAAM,EAAIC,EAAID,GAAKA,GAAKC,GAAKA,I,2CCH/D,IAAIC,EAAS,WAAa,IAAIC,EAAI7E,KAAS8E,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,gBAAgB,CAAiB,KAAfL,EAAIM,QAAeH,EAAG,UAAU,CAACE,MAAM,CAAC,QAAUL,EAAIM,QAAQ,KAAON,EAAIO,QAAQP,EAAIQ,KAAKL,EAAG,KAAK,CAACM,YAAY,SAAS,CAACT,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,GAAG,oBAAoBT,EAAG,MAAM,CAACM,YAAY,WAAW,CAAET,EAAU,OAAEG,EAAG,MAAM,CAACM,YAAY,YAAY,CAACN,EAAG,MAAM,CAACM,YAAY,WAAW,CAACN,EAAG,MAAM,CAACM,YAAY,QAAQ,CAACN,EAAG,MAAM,CAACM,YAAY,YAAY,CAACN,EAAG,oBAAoB,CAACE,MAAM,CAAC,KAAO,cAAc,KAAO,MAAMQ,GAAG,CAAC,MAAQb,EAAIc,YAAYX,EAAG,IAAI,CAACE,MAAM,CAAC,KAAO,KAAKQ,GAAG,CAAC,MAAQ,SAASE,GAAgC,OAAxBA,EAAOC,iBAAwBhB,EAAIc,SAASC,MAAW,CAACf,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,GAAG,mBAAmB,KAAKT,EAAG,MAAM,CAACM,YAAY,OAAO,CAACN,EAAG,eAAe,CAACU,GAAG,CAAC,KAAOb,EAAIiB,eAAed,EAAG,eAAe,CAACU,GAAG,CAAC,OAASb,EAAIkB,WAAW,KAAKf,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACN,EAAG,QAAQ,CAACgB,WAAW,CAAC,CAACtE,KAAK,QAAQuE,QAAQ,UAAU1C,MAAOsB,EAAU,OAAEqB,WAAW,WAAWhB,MAAM,CAAC,YAAcL,EAAIY,GAAG,iBAAiB,KAAO,QAAQU,SAAS,CAAC,MAAStB,EAAU,QAAGa,GAAG,CAAC,KAAO,SAASE,GAAQf,EAAIuB,YAAa,GAAO,MAAQ,SAASR,GAAQf,EAAIuB,YAAa,GAAM,MAAQ,SAASR,GAAWA,EAAOS,OAAOC,YAAqBzB,EAAI0B,OAAOX,EAAOS,OAAO9C,eAAcsB,EAAIQ,KAAKL,EAAG,MAAM,CAACM,YAAY,mBAAmB,CAACN,EAAG,MAAM,CAACM,YAAY,SAAS,CAAET,EAAU,OAAEG,EAAG,MAAM,CAACM,YAAY,MAAM,CAACN,EAAG,OAAO,CAACM,YAAY,MAAM,CAACT,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,GAAG,4BAA4BT,EAAG,OAAO,CAACM,YAAY,MAAM,CAACT,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,GAAG,mBAAmBT,EAAG,OAAO,CAACM,YAAY,MAAM,CAACT,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,GAAG,qBAAqBT,EAAG,OAAO,CAACM,YAAY,MAAM,CAACT,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,GAAG,4BAA4BZ,EAAIQ,KAAKR,EAAI2B,GAAI3B,EAAa,WAAE,SAAS4B,EAAM5C,GAAO,OAAQgB,EAAU,OAAEG,EAAG,QAAQ,CAAC0B,IAAID,EAAME,GAAGzB,MAAM,CAAC,MAAQuB,EAAM,MAAQ5C,EAAM,GAAG6B,GAAG,CAAC,OAASb,EAAI+B,OAAO,OAAS/B,EAAIgC,YAAY,OAAShC,EAAIiC,gBAAgBjC,EAAIQ,QAASR,EAAIkC,OAAwBlC,EAAIQ,KAApBL,EAAG,cAAuB,QAAQ,IACt8DgC,EAAkB,G,4CCDlB,G,kDAAS,WAAa,IAAInC,EAAI7E,KAAS8E,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAQD,EAAU,OAAEG,EAAG,MAAM,CAACM,YAAY,MAAM,CAACN,EAAG,OAAO,CAACM,YAAY,KAAK2B,MAAM,CAACC,OAAQrC,EAAIqC,SAAS,CAACrC,EAAIU,GAAGV,EAAIW,GAAGX,EAAIhB,UAAUmB,EAAG,OAAO,CAACM,YAAY,MAAM,CAACN,EAAG,WAAW,CAACgB,WAAW,CAAC,CAACtE,KAAK,QAAQuE,QAAQ,UAAU1C,MAAOsB,EAAQ,KAAEqB,WAAW,SAAShB,MAAM,CAAC,YAAcL,EAAIY,GAAG,eAAe,KAAO,KAAK,KAAO,IAAI,KAAO,QAAQU,SAAS,CAAC,MAAStB,EAAQ,MAAGa,GAAG,CAAC,MAAQ,SAASE,GAAWA,EAAOS,OAAOC,YAAqBzB,EAAInD,KAAKkE,EAAOS,OAAO9C,aAAYyB,EAAG,OAAO,CAACM,YAAY,uBAAuB,CAACN,EAAG,cAAc,CAACM,YAAY,cAAcJ,MAAM,CAAC,eAAc,EAAK,cAAgBL,EAAIY,GAAG,6BAA6B,MAAQ,GAAG,aAAa,SAAU0B,GAAS,MAAQ,KAAOA,GAAU,UAAY,IAAI,UAAW,EAAK,QAAUtC,EAAIuC,eAAe,YAAcvC,EAAIY,GAAG,2BAA2B,YAAa,EAAK,YAAcZ,EAAIY,GAAG,2BAA2B,cAAgBZ,EAAIY,GAAG,6BAA6B,MAAQ,OAAO,WAAW,KAAK,eAAgB,GAAOC,GAAG,CAAC,MAAQb,EAAIwC,OAAO,OAASxC,EAAI+B,QAAQU,MAAM,CAAC/D,MAAOsB,EAAW,QAAE0C,SAAS,SAAUC,GAAM3C,EAAI4C,QAAQD,GAAKtB,WAAW,YAAY,CAAClB,EAAG,WAAW,CAAC0C,KAAK,aAAa,CAAC7C,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,GAAG,qBAAqB,IAAI,GAAGT,EAAG,OAAO,CAACM,YAAY,KAAK2B,MAAM,CAACC,OAAQrC,EAAIqC,SAAS,CAAClC,EAAG,MAAM,CAACM,YAAY,cAAc,CAAET,EAAI4C,QAAQvH,SAAW2E,EAAIuC,eAAelH,OAAQ8E,EAAG,oBAAoB,CAACE,MAAM,CAAC,MAAQL,EAAIY,GAAG,oBAAoB,KAAO,gBAAgBC,GAAG,CAAC,MAAQb,EAAI8C,UAAU3C,EAAG,oBAAoB,CAACE,MAAM,CAAC,MAAQL,EAAIY,GAAG,iBAAiB,KAAO,eAAeC,GAAG,CAAC,MAAQb,EAAI8C,UAAU3C,EAAG,oBAAoB,CAACM,YAAY,WAAW2B,MAAM,CAACW,OAAQ/C,EAAIgD,kBAAkBC,YAAY,CAAC,OAAS,WAAW5C,MAAM,CAAC,KAAO,eAAe,MAAQL,EAAIY,GAAG,kBAAkB,KAAO,MAAMC,GAAG,CAAC,MAAQb,EAAIkD,mBAAmB,OAAOlD,EAAIQ,OACj3D,EAAkB,G,mEC+CtB,uBAEA,GACE3D,KAAM,QACNsG,WAAY,CAAd,iBACEC,MAAO,CACLxB,MAAO,CACLrB,KAAMrE,OACNmH,UAAU,GAEZrE,MAAO,CACLuB,KAAM+C,OACND,UAAU,IAGdE,MAAO,CACL1G,KADJ,SACA,KACU2G,IAAarI,KAAKsI,WAAatI,KAAK+G,SACtC/G,KAAKyG,MAAM/E,KAAO2G,EAClBrI,KAAKkH,QAAS,EACdlH,KAAKuI,MAAM,SAAUvI,KAAKwI,OAAO9B,QAKvC+B,KAvBF,WAwBI,MAAO,CACLH,UAAW,GACXI,WAAY,GACZtB,eAAgB,GAChBK,QAAS,GACTI,kBAAkB,EAClBnG,KAAM,GACNqF,QAAQ,EACR4B,SAAU,GACVzB,QAAQ,IAGZ0B,QAAS,CACPjB,OADJ,WACA,WACU3H,KAAKyH,QAAQvH,SAAWF,KAAKoH,eAAelH,QAC9CF,KAAK0I,WAAWG,SAAQ,SAAhC,GACU,EAAV,kCAEQ7I,KAAKyH,QAAU,GACfzH,KAAKyG,MAAMqC,aAAe,KAE1B9I,KAAKyG,MAAMsC,cAAgB,GAC3B/I,KAAKyH,QAAUzH,KAAKoH,eACpBpH,KAAKyG,MAAMqC,aAAe9I,KAAKyH,QAC/BzH,KAAK+I,cAAgB,IAEvB/I,KAAKkH,QAAS,EACdlH,KAAKuI,MAAM,SAAUvI,KAAKwI,OAAO9B,MAEnCsC,QAjBJ,SAiBA,KACM,OAAO,EAAb,eAEIjB,eApBJ,WAqBU/H,KAAKyG,MAAME,GAAK,GAClB3G,KAAK6H,kBAAoB7H,KAAK6H,iBAC9B7H,KAAKuI,MAAM,SAAUvI,KAAKyG,MAAME,KAEhC3G,KAAKuI,MAAM,SAAUvI,KAAKwI,OAAO9B,MAGrCuC,kBA5BJ,WA4BA,WACA,4BACMC,EAAgBC,uBAAuBC,EAAOpJ,KAAKyG,MAAME,IAC/D,kBACQ,EAAR,oBAAU,OAAV,gCACQ,EAAR,0EACQ,EAAR,0BAGIU,OArCJ,SAqCA,gBACA,IACA,oBAAQ,OAAR,4BACA,2CAAQ,OAAR,kBACUgC,EAAKnJ,OAAS,IAChBF,KAAKyG,MAAMqC,aAAe,GAC1BO,EAAKR,SAAQ,SAArB,KACU,EAAV,+BAGM7I,KAAKkH,QAAS,EACdlH,KAAKuI,MAAM,SAAUvI,KAAKwI,OAAO9B,MAEnCE,OAlDJ,SAkDA,GAEU5G,KAAKyG,MAAMqC,aAAaQ,MAAK,SAAvC,yBACQtJ,KAAKyG,MAAMqC,aAAaS,OAAOvJ,KAAKyG,MAAMqC,aAAatG,QAAQiE,GAAQ,GAEvEzG,KAAKyG,MAAMsC,cAAcS,KAAK/C,EAAME,KAGxC8C,QA1DJ,SA0DA,SAIA,EAJA,OACM,GAAKC,GAASlJ,EAcd,OAVAkJ,EAAKb,SAAQ,SAAnB,mCAEA,EADA,qBACA,eACA,YAOajF,IAGX+F,QAhHF,gBAiH4BxJ,IAApBH,KAAKyG,MAAM/E,OACb1B,KAAK0B,KAAO1B,KAAKyG,MAAM/E,KACvB1B,KAAKsI,UAAYtI,KAAKyG,MAAM/E,MAE9B1B,KAAKiJ,oBACLjJ,KAAK0I,WAAa1I,KAAKyG,MAAMmD,MAC7B5J,KAAK+G,QAAS,ICzK4U,I,wBCQ1V8C,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,oECqCf,uBACA,uBAEA,GACEnI,KAAM,aACNsG,WAAY,CACV8B,MAAJ,EACIC,UAAJ,OACIC,QAAJ,OACIC,aAAJ,OACIC,aAAJ,QAEEzB,KATF,WAUI,MAAO,CACLvB,OAAQ,GACRiD,MAAO,GACP5D,OAAQ,GACRQ,QAAQ,EACRqD,OAAQ,GACRC,eAAgB,GAChBlF,QAAS,GACTC,KAAM,OACNkF,SAAU,EACVC,UAAW,KAGfZ,QAvBF,WAwBI3J,KAAKwK,aAEP5B,QAAS,CACP9B,aADJ,SACA,GACM,GAAIJ,GAAO,EAAG,CACZ,IAAR,gEACsBvG,IAAVsG,IACGzG,KAAKkH,OAAO5E,SAASmE,KACxBzG,KAAKkH,OAAOsC,KAAK/C,GACjBzG,KAAKoK,OAAOb,OAAOvJ,KAAKoK,OAAO5H,QAAQiE,GAAQ,OAKvDI,YAZJ,SAYA,GACM,IAAN,2DACM7G,KAAKuK,UAAUhB,OAAO1F,EAAO,IAE/B2G,UAhBJ,WAgBA,WACMxK,KAAK+G,QAAS,EADpB,IAEA,4BACM,EAAN,kCACQ,EAAR,SACQ,EAAR,4BACU0D,EAAE3B,aAAe,GACjB2B,EAAE1B,cAAgB,MAEpB,EAAR,aAEA,mBACQ,EAAR,UACQ,EAAR,oCACQ,EAAR,iBAGI,YAjCJ,iLAkCA,eACA,6CACA,oBACA,GACA,UACA,oCAEA,oCACA,OACA,qBACA,aAEA,oBAEA,iCACA,wCACA,OACA,qBACA,8BACA,aAEA,UACA,WAEA,cACA,OAIA,4BA/DA,mBAiEA,kBAjEA,eAkEA,yCACA,eACA,kBACA,eArEA,UAsEA,iBAtEA,yBAuEA,yBAvEA,eAuEA,EAvEA,OAwEA,mCAxEA,UAyEA,wDAzEA,eAyEA,EAzEA,iBA0EA,oCA1EA,QA2EA,6CACA,iBA5EA,qDA8EA,yBACA,uBACA,0FACA,mBAjFA,yBAoFA,yCACA,eArFA,qIAwFIhD,OAxFJ,WAyFM/F,KAAKoK,OAAS,GACdpK,KAAKkH,OAAS,GACdlH,KAAKuK,UAAY,GACjBvK,KAAKuG,OAAS,GACdvG,KAAKwK,YACLxK,KAAKmF,QAAUnF,KAAKyF,GAAG,0BACvBzF,KAAKoF,KAAO,QAEdO,SAjGJ,WAkGM3F,KAAKsK,UACLtK,KAAKuK,UAAUG,QAAQ,CACrB/D,GAAI3G,KAAKsK,QACT5I,KAAM,GACNkI,MAAO,GACPd,aAAc,GACdC,cAAe,MAGnBnC,OA3GJ,SA2GA,GACM,GAAI5G,KAAKqK,eAAe/H,SAASqE,GAAK,CACpC,IAAR,iCACQ3G,KAAKqK,eAAed,OAAO1F,EAAO,QAElC7D,KAAKqK,eAAeb,KAAK7C,KAK/BgE,SAAU,CACRC,eADJ,WACA,WACM,OAAO5K,KAAKoK,OAAOS,QAAO,SAAhC,oEAEIC,UAJJ,WAKM,OAAO9K,KAAKuK,UAAUQ,OAAO/K,KAAKkH,OAAO6D,OAAO/K,KAAK4K,oBC/MwS,ICQ/V,G,UAAY,eACd,EACAhG,EACAoC,GACA,EACA,KACA,WACA,OAIa,e,6CCnBf,yBAAyjB,EAAG,G,oCCA5jB,yBAA2jB,EAAG,G,oCCA9jB,yBAA2jB,EAAG,G,qBCC9jB,IAAIgE,EAAW,EAAQ,QACnBpI,EAAU,EAAQ,QAEtBZ,EAAOC,QAAU,SAAUgJ,EAAM1I,EAAc2I,GAC7C,GAAIF,EAASzI,GAAe,MAAMV,UAAU,UAAYqJ,EAAO,0BAC/D,OAAO9H,OAAOR,EAAQqI,M,kCCNxB,yBAAojB,EAAG,G,uGCAvjB,IAAIrG,EAAS,WAAa,IAAIC,EAAI7E,KAAS8E,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACN,EAAG,SAAS,CAACM,YAAY,OAAO6F,MAAOtG,EAAe,YAAEa,GAAG,CAAC,MAAQb,EAAIiB,cAAc,CAACjB,EAAIU,GAAGV,EAAIW,GAAGX,EAAIuG,mBAChPpE,EAAkB,GCMtB,GACEtF,KAAM,eACNuG,MAAO,CACLoD,WAAY,CACVjG,KAAMhC,OACN8E,UAAU,EACVoD,QAAS,KAGb1C,QAAS,CACP9C,YADJ,WAEM9F,KAAKuI,MAAM,UAGfoB,QAdF,aAmBEgB,SAAU,CACRY,YADJ,WACA,IACA,gCACM,MAAO,CACL,iBAAkB,QAClB,4BAA6BC,EAAUC,aACvC,wBAAyBD,EAAUC,eAGvCL,YATJ,WAUM,OAAIpL,KAAKqL,WACArL,KAAKqL,WAEPrL,KAAKyF,GAAG,qBCvCgV,I,wBCQjWoE,EAAY,eACd,EACAjF,EACAoC,GACA,EACA,KACA,WACA,MAIa,OAAA6C,E,2CCnBf,IAAIjF,EAAS,WAAa,IAAIC,EAAI7E,KAAS8E,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACN,EAAG,SAAS,CAACM,YAAY,SAAS6F,MAAOtG,EAAe,YAAEa,GAAG,CAAC,MAAQb,EAAIiB,cAAc,CAACjB,EAAIU,GAAGV,EAAIW,GAAGX,EAAIuG,mBAClPpE,EAAkB,GCMtB,GACEtF,KAAM,eACNuG,MAAO,CACLoD,WAAY,CACVjG,KAAMhC,OACN8E,UAAU,EACVoD,QAAS,KAGb1C,QAAS,CACP9C,YADJ,WAEM9F,KAAKuI,MAAM,YAGfoB,QAdF,aAiBEgB,SAAU,CACRY,YADJ,WACA,IACA,gCACM,MAAO,CACL,iBAAkB,QAClB,4BAA6BC,EAAUE,aACvC,wBAAyBF,EAAUE,eAGvCN,YATJ,WAUM,OAAIpL,KAAKqL,WACArL,KAAKqL,WAEPrL,KAAKyF,GAAG,qBCrCgV,I,wBCQjWoE,EAAY,eACd,EACAjF,EACAoC,GACA,EACA,KACA,WACA,MAIa,OAAA6C,E","file":"js/chunk-1dfbf67f.91d2b703.js","sourcesContent":["'use strict';\n// 22.1.3.9 Array.prototype.findIndex(predicate, thisArg = undefined)\nvar $export = require('./_export');\nvar $find = require('./_array-methods')(6);\nvar KEY = 'findIndex';\nvar forced = true;\n// Shouldn't skip holes\nif (KEY in []) Array(1)[KEY](function () { forced = false; });\n$export($export.P + $export.F * forced, 'Array', {\n  findIndex: function findIndex(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\nrequire('./_add-to-unscopables')(KEY);\n","export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) {\n    arr2[i] = arr[i];\n  }\n\n  return arr2;\n}","import arrayLikeToArray from \"./arrayLikeToArray\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}","import arrayLikeToArray from \"./arrayLikeToArray\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles\";\nimport iterableToArray from \"./iterableToArray\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray\";\nimport nonIterableSpread from \"./nonIterableSpread\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","'use strict';\nvar fails = require('./_fails');\n\nmodule.exports = function (method, arg) {\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call\n    arg ? method.call(null, function () { /* empty */ }, 1) : method.call(null);\n  });\n};\n","// 21.1.3.7 String.prototype.includes(searchString, position = 0)\n'use strict';\nvar $export = require('./_export');\nvar context = require('./_string-context');\nvar INCLUDES = 'includes';\n\n$export($export.P + $export.F * require('./_fails-is-regexp')(INCLUDES), 'String', {\n  includes: function includes(searchString /* , position = 0 */) {\n    return !!~context(this, searchString, INCLUDES)\n      .indexOf(searchString, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","'use strict';\n\nvar anObject = require('./_an-object');\nvar sameValue = require('./_same-value');\nvar regExpExec = require('./_regexp-exec-abstract');\n\n// @@search logic\nrequire('./_fix-re-wks')('search', 1, function (defined, SEARCH, $search, maybeCallNative) {\n  return [\n    // `String.prototype.search` method\n    // https://tc39.github.io/ecma262/#sec-string.prototype.search\n    function search(regexp) {\n      var O = defined(this);\n      var fn = regexp == undefined ? undefined : regexp[SEARCH];\n      return fn !== undefined ? fn.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O));\n    },\n    // `RegExp.prototype[@@search]` method\n    // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search\n    function (regexp) {\n      var res = maybeCallNative($search, regexp, this);\n      if (res.done) return res.value;\n      var rx = anObject(regexp);\n      var S = String(this);\n      var previousLastIndex = rx.lastIndex;\n      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;\n      var result = regExpExec(rx, S);\n      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;\n      return result === null ? -1 : result.index;\n    }\n  ];\n});\n","var MATCH = require('./_wks')('match');\nmodule.exports = function (KEY) {\n  var re = /./;\n  try {\n    '/./'[KEY](re);\n  } catch (e) {\n    try {\n      re[MATCH] = false;\n      return !'/./'[KEY](re);\n    } catch (f) { /* empty */ }\n  } return true;\n};\n","'use strict';\nvar $export = require('./_export');\nvar aFunction = require('./_a-function');\nvar toObject = require('./_to-object');\nvar fails = require('./_fails');\nvar $sort = [].sort;\nvar test = [1, 2, 3];\n\n$export($export.P + $export.F * (fails(function () {\n  // IE8-\n  test.sort(undefined);\n}) || !fails(function () {\n  // V8 bug\n  test.sort(null);\n  // Old WebKit\n}) || !require('./_strict-method')($sort)), 'Array', {\n  // 22.1.3.25 Array.prototype.sort(comparefn)\n  sort: function sort(comparefn) {\n    return comparefn === undefined\n      ? $sort.call(toObject(this))\n      : $sort.call(toObject(this), aFunction(comparefn));\n  }\n});\n","'use strict';\n// https://github.com/tc39/Array.prototype.includes\nvar $export = require('./_export');\nvar $includes = require('./_array-includes')(true);\n\n$export($export.P, 'Array', {\n  includes: function includes(el /* , fromIndex = 0 */) {\n    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\nrequire('./_add-to-unscopables')('includes');\n","// 7.2.9 SameValue(x, y)\nmodule.exports = Object.is || function is(x, y) {\n  // eslint-disable-next-line no-self-compare\n  return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"groups-list\"}},[(_vm.message !=='')?_c('Message',{attrs:{\"message\":_vm.message,\"type\":_vm.type}}):_vm._e(),_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('groups.title')))]),_c('div',{staticClass:\"content\"},[(_vm.loaded)?_c('div',{staticClass:\"controls\"},[_c('div',{staticClass:\"buttons\"},[_c('div',{staticClass:\"adds\"},[_c('div',{staticClass:\"add-link\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"plus-circle\",\"size\":\"lg\"},on:{\"click\":_vm.addGroup}}),_c('a',{attrs:{\"href\":\"/\"},on:{\"click\":function($event){$event.preventDefault();return _vm.addGroup($event)}}},[_vm._v(_vm._s(_vm.$t('groups.add')))])],1)]),_c('div',{staticClass:\"ops\"},[_c('SubmitButton',{on:{\"save\":_vm.saveChanges}}),_c('CancelButton',{on:{\"cancel\":_vm.cancel}})],1)]),_c('div',{staticClass:\"search-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.search),expression:\"search\"}],attrs:{\"placeholder\":_vm.$t('groups.search'),\"type\":\"text\"},domProps:{\"value\":(_vm.search)},on:{\"blur\":function($event){_vm.magic_flag = false},\"focus\":function($event){_vm.magic_flag = true},\"input\":function($event){if($event.target.composing){ return; }_vm.search=$event.target.value}}})])]):_vm._e(),_c('div',{staticClass:\"table-container\"},[_c('div',{staticClass:\"table\"},[(_vm.loaded)?_c('div',{staticClass:\"tr\"},[_c('span',{staticClass:\"td\"},[_vm._v(_vm._s(_vm.$t('general.number-order')))]),_c('span',{staticClass:\"td\"},[_vm._v(_vm._s(_vm.$t('groups.name')))]),_c('span',{staticClass:\"td\"},[_vm._v(_vm._s(_vm.$t('groups.salons')))]),_c('span',{staticClass:\"td\"},[_vm._v(_vm._s(_vm.$t('general.operations')))])]):_vm._e(),_vm._l((_vm.groupList),function(group,index){return (_vm.loaded)?_c('Group',{key:group.id,attrs:{\"group\":group,\"index\":index+1},on:{\"remove\":_vm.remove,\"delete\":_vm.deleteGroup,\"edited\":_vm.moveToEdited}}):_vm._e()}),(!_vm.loaded)?_c('Preloader'):_vm._e()],2)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.loaded)?_c('div',{staticClass:\"tr\"},[_c('span',{staticClass:\"td\",class:{edited: _vm.edited}},[_vm._v(_vm._s(_vm.index))]),_c('span',{staticClass:\"td\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.name),expression:\"name\"}],attrs:{\"placeholder\":_vm.$t('groups.name'),\"cols\":\"10\",\"rows\":\"4\",\"type\":\"text\"},domProps:{\"value\":(_vm.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.name=$event.target.value}}})]),_c('span',{staticClass:\"td select-container\"},[_c('MultiSelect',{staticClass:\"shop-select\",attrs:{\"allow-empty\":true,\"deselectLabel\":_vm.$t('multiselect.deselectLabel'),\"limit\":15,\"limit-text\":function (count) { return (\"+ \" + count); },\"maxHeight\":200,\"multiple\":true,\"options\":_vm.availableShops,\"placeholder\":_vm.$t('multiselect.placeholder'),\"searchable\":true,\"selectLabel\":_vm.$t('multiselect.selectLabel'),\"selectedLabel\":_vm.$t('multiselect.selectedLabel'),\"label\":\"name\",\"track-by\":\"id\",\"closeOnSelect\":false},on:{\"input\":_vm.select,\"remove\":_vm.remove},model:{value:(_vm.initVal),callback:function ($$v) {_vm.initVal=$$v},expression:\"initVal\"}},[_c('template',{slot:\"noOptions\"},[_vm._v(_vm._s(_vm.$t('groups.empty')))])],2)],1),_c('span',{staticClass:\"td\",class:{edited: _vm.edited}},[_c('div',{staticClass:\"operations\"},[(_vm.initVal.length === _vm.availableShops.length)?_c('font-awesome-icon',{attrs:{\"title\":_vm.$t('groups.removeAll'),\"icon\":\"minus-square\"},on:{\"click\":_vm.addAll}}):_c('font-awesome-icon',{attrs:{\"title\":_vm.$t('groups.addAll'),\"icon\":\"plus-square\"},on:{\"click\":_vm.addAll}}),_c('font-awesome-icon',{staticClass:\"disabled\",class:{marked: _vm.markedForRemoval},staticStyle:{\"cursor\":\"pointer\"},attrs:{\"icon\":\"times-circle\",\"title\":_vm.$t('general.remove'),\"size\":\"lg\"},on:{\"click\":_vm.markForRemoval}})],1)])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"tr\" v-if=\"loaded\">\n        <span :class=\"{edited: edited}\" class=\"td\">{{index}}</span>\n        <span class=\"td\"><textarea :placeholder=\"$t('groups.name')\" cols=\"10\" rows=\"4\" type=\"text\"\n                                   v-model=\"name\"></textarea></span>\n        <span class=\"td select-container\"><MultiSelect :allow-empty=\"true\"\n                                                       :deselectLabel=\"$t('multiselect.deselectLabel')\"\n                                                       :limit=\"15\"\n                                                       :limit-text=\" count => `+ ${count}`\"\n                                                       :maxHeight=\"200\"\n                                                       :multiple=\"true\"\n                                                       :options=\"availableShops\"\n                                                       :placeholder=\"$t('multiselect.placeholder')\"\n                                                       :searchable=\"true\"\n                                                       :selectLabel=\"$t('multiselect.selectLabel')\"\n                                                       :selectedLabel=\"$t('multiselect.selectedLabel')\"\n                                                       @input=\"select\"\n                                                       @remove=\"remove\"\n                                                       class=\"shop-select\"\n                                                       label=\"name\"\n                                                       track-by=\"id\"\n                                                       v-model=\"initVal\"\n                                                       :closeOnSelect=\"false\"\n\n        >\n       <!-- @select=\"select\"\n        @remove=\"remove\"-->\n            <template slot=\"noOptions\">{{$t('groups.empty')}}</template>\n        </MultiSelect>\n        </span>\n        <span :class=\"{edited: edited}\" class=\"td\">\n            <div class=\"operations\">\n                <font-awesome-icon :title=\"$t('groups.removeAll')\" @click=\"addAll\" icon=\"minus-square\"\n                                   v-if=\"initVal.length === availableShops.length\"></font-awesome-icon>\n                <font-awesome-icon :title=\"$t('groups.addAll')\" @click=\"addAll\" icon=\"plus-square\"\n                                   v-else></font-awesome-icon>\n          <font-awesome-icon :class=\"{marked: markedForRemoval}\" @click=\"markForRemoval\"\n                             class=\"disabled\" icon=\"times-circle\"\n                             :title=\"$t('general.remove')\" size=\"lg\" style=\"cursor: pointer;\"/>\n                </div>\n        </span>\n    </div>\n</template>\n\n<script>\nimport MultiSelect from 'vue-multiselect';\nimport {RepositoryFactory} from '@/api/RepositoryFactory';\n\nconst GroupRepository = RepositoryFactory.get('groups');\n\nexport default {\n  name: 'Group',\n  components: {MultiSelect},\n  props: {\n    group: {\n      type: Object,\n      required: true,\n    },\n    index: {\n      type: Number,\n      required: false,\n    },\n  },\n  watch: {\n    name(newValue, oldValue) {\n      if (newValue !== this.startName && this.loaded) {\n        this.group.name = newValue;\n        this.edited = true;\n        this.$emit('edited', this.$vnode.key);\n      }\n    },\n  },\n\n  data() {\n    return {\n      startName: '',\n      startShops: [],\n      availableShops: [],\n      initVal: [],\n      markedForRemoval: false,\n      name: '',\n      loaded: false,\n      newShops: [],\n      edited: false,\n    };\n  },\n  methods: {\n    addAll() {\n      if (this.initVal.length === this.availableShops.length) {\n        this.startShops.forEach((value) => {\n          this.group.detachShopIds.push(value.id);\n        });\n        this.initVal = [];\n        this.group.newShopsList = [];\n      } else {\n        this.group.detachShopIds = [];\n        this.initVal = this.availableShops;\n        this.group.newShopsList = this.initVal;\n        this.detachShopIds = [];\n      }\n      this.edited = true;\n      this.$emit('edited', this.$vnode.key);\n    },\n    inArray(key, array) {\n      return (array.indexOf(key) > -1);\n    },\n    markForRemoval() {\n      if (this.group.id > 0) {\n        this.markedForRemoval = !this.markedForRemoval;\n        this.$emit('remove', this.group.id);\n      } else {\n        this.$emit('delete', this.$vnode.key);\n      }\n    },\n    getAvailableShops() {\n      const {token} = this.$store.getters;\n      GroupRepository.getGroupAvailableShops(token, this.group.id)\n        .then((response) => {\n          response.sort((a, b) => ((a.name.localeCompare(b.name))));\n          this.availableShops = [...this.group.shops, ...response];\n          this.initVal = this.group.shops;\n        });\n    },\n    select(value, id) {\n      const diff = value\n        .filter(x => !this.startShops.includes(x))\n        .concat(this.startShops.filter(x => !value.includes(x)));\n      if (diff.length > 0) {\n        this.group.newShopsList = [];\n        diff.forEach((val, key) => {\n          this.group.newShopsList.push(val);\n        });\n      }\n      this.edited = true;\n      this.$emit('edited', this.$vnode.key);\n    },\n    remove(group) {\n      // this.group.newShopsList = this.initVal;\n      if (this.group.newShopsList.find(x => x.id === group.id)) {\n        this.group.newShopsList.splice(this.group.newShopsList.indexOf(group), 1);\n      } else {\n        this.group.detachShopIds.push(group.id);\n      }\n    },\n    compare(arr1, arr2) {\n      if (!arr1 || !arr2) {\n        return;\n      }\n      let result;\n      arr1.forEach((e1, i) => arr2.forEach((e2) => {\n        if (e1.length > 1 && e2.length) {\n          result = this.compare(e1, e2);\n        } else if (e1 !== e2) {\n          result = false;\n        } else {\n          result = true;\n        }\n      }));\n      // eslint-disable-next-line consistent-return\n      return result;\n    },\n  },\n  mounted() {\n    if (this.group.name !== undefined) {\n      this.name = this.group.name;\n      this.startName = this.group.name;\n    }\n    this.getAvailableShops();\n    this.startShops = this.group.shops;\n    this.loaded = true;\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\n\n    DIV.table {\n        display: table;\n    }\n\n    FORM.tr, DIV.tr {\n        display: table-row;\n        /*border: 1px solid lightgray;*/\n    }\n\n    SPAN.td {\n        display: table-cell;\n        padding: 0;\n        border-bottom: 1px solid #e5e5e5;\n        border-right: 1px solid #e5e5e5;\n        /* color: #878a94; */\n        text-align: left;\n\n        &:first-child {\n            font-weight: 900;\n            padding: 20px;\n        }\n\n        &:last-child {\n            border-right: none;\n        }\n\n        input {\n            border: none;\n        }\n    }\n\n    .a {\n        fill: #002678;\n    }\n\n    .b {\n        fill: #fff;\n    }\n\n    svg {\n        padding: 0 10px 0 20px;\n    }\n\n    .active {\n        color: $peacock-blue;\n    }\n\n    .disabled {\n        color: $marine-blue;\n    }\n\n    .td.status {\n        text-align: center;\n    }\n\n    input {\n        /* color: #878a94; */\n        font-size: rem(14px);\n        line-height: rem(19px);\n        padding: 20px;\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n    }\n\n    .multiselect__tags {\n        border: none;\n    }\n\n    .marked {\n        color: $red;\n    }\n\n    .select-container {\n        width: 60%;\n    }\n\n    .operations {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n    }\n\n    .edited {\n        background-color: #E5E5E5;\n    }\n\n    textarea {\n        resize: none;\n        border: none;\n        width: 100%;\n        max-width: 100%;\n        box-sizing: border-box;\n        height: 100%;\n\n        &:focus {\n            border: 1px solid $peacock-blue;\n        }\n    }\n</style>\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!./Group.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!./Group.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Group.vue?vue&type=template&id=6013adff&scoped=true&\"\nimport script from \"./Group.vue?vue&type=script&lang=js&\"\nexport * from \"./Group.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Group.vue?vue&type=style&index=0&id=6013adff&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  \"6013adff\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"groups-list\">\n    <Message :message=\"message\" :type=\"type\" v-if=\"message !==''\"></Message>\n    <h2 class=\"title\">{{$t('groups.title')}}</h2>\n    <div class=\"content\">\n      <div class=\"controls\" v-if=\"loaded\">\n        <div class=\"buttons\">\n          <div class=\"adds\">\n            <div class=\"add-link\">\n              <font-awesome-icon @click=\"addGroup\" icon=\"plus-circle\" size=\"lg\"></font-awesome-icon>\n              <a @click.prevent=\"addGroup\" href=\"/\">{{$t('groups.add')}}</a>\n            </div>\n\n          </div>\n          <div class=\"ops\">\n            <SubmitButton @save=\"saveChanges\"></SubmitButton>\n            <CancelButton @cancel=\"cancel\"></CancelButton>\n          </div>\n        </div>\n        <div class=\"search-container\">\n          <input :placeholder=\"$t('groups.search')\" @blur=\"magic_flag = false\"\n                 @focus=\"magic_flag = true\"\n                 type=\"text\"\n                 v-model=\"search\"/>\n        </div>\n      </div>\n      <div class=\"table-container\">\n        <div class=\"table\">\n          <div class=\"tr\" v-if=\"loaded\">\n            <span class=\"td\">{{$t('general.number-order')}}</span>\n            <span class=\"td\">{{$t('groups.name')}}</span>\n            <span class=\"td\">{{$t('groups.salons')}}</span>\n            <span class=\"td\">{{$t('general.operations')}}</span>\n          </div>\n          <Group :group=\"group\" v-if=\"loaded\"\n                 :index=\"index+1\"\n                 :key=\"group.id\" @remove=\"remove\"\n                 @delete=\"deleteGroup\"\n                 @edited=\"moveToEdited\" v-for=\"(group,index) in groupList\">\n          </Group>\n          <Preloader v-if=\"!loaded\"></Preloader>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Group from '@/components/groups/Group.vue';\nimport {RepositoryFactory} from '@/api/RepositoryFactory';\nimport Preloader from '@/components/helpers/Preloader.vue';\nimport Message from '@/components/helpers/Message';\nimport SubmitButton from '@/components/helpers/SubmitButton.vue';\nimport CancelButton from '@/components/helpers/CancelButton.vue';\nimport {GroupHasReportsError} from '../../api/user/erros';\n\nconst GroupRepository = RepositoryFactory.get('groups');\nconst SalonsRepository = RepositoryFactory.get('salons');\n\nexport default {\n  name: 'GroupsList',\n  components: {\n    Group,\n    Preloader,\n    Message,\n    CancelButton,\n    SubmitButton,\n  },\n  data() {\n    return {\n      edited: [],\n      users: [],\n      search: '',\n      loaded: true,\n      groups: [],\n      deleteGroupIds: [],\n      message: '',\n      type: 'info',\n      dummyId: -1,\n      newGroups: [],\n    };\n  },\n  mounted() {\n    this.getGroups();\n  },\n  methods: {\n    moveToEdited(key) {\n      if (key >= 0) {\n        const group = this.filteredGroups.find(groupF => groupF.id === key);\n        if (group !== undefined) {\n          if (!this.edited.includes(group)) {\n            this.edited.push(group);\n            this.groups.splice(this.groups.indexOf(group), 1);\n          }\n        }\n      }\n    },\n    deleteGroup(key) {\n      const index = this.newGroups.findIndex(group => group.id === key);\n      this.newGroups.splice(index, 1);\n    },\n    getGroups() {\n      this.loaded = false;\n      const { token } = this.$store.getters;\n      GroupRepository.getAllGroups(token).then((response) => {\n        this.groups = response;\n        this.groups.forEach((v) => {\n          v.newShopsList = [];\n          v.detachShopIds = [];\n        });\n        this.loaded = true;\n      })\n        .catch((error) => {\n          this.groups = [];\n          this.message = this.$t('errors.genericError');\n          this.type = 'error';\n        });\n    },\n    async saveChanges() {\n      this.loaded = false;\n      this.message = this.$t('messages.genericWait');\n      this.type = 'warning';\n      const groups = {\n        groups: [],\n        deleteGroupIds: this.deleteGroupIds,\n      };\n      this.newGroups.forEach((v) => {\n        const group = {\n          shops: v.newShopsList,\n          name: v.name,\n        };\n        groups.groups.push(group);\n      });\n      this.edited.forEach((v) => {\n        if (this.deleteGroupIds.indexOf(v.id) === -1) {\n          const group = {\n            shops: v.newShopsList,\n            detachShopIds: v.detachShopIds,\n            name: v.name,\n          };\n          if (v.id >= 0) {\n            group.id = v.id;\n          }\n          groups.groups.push(\n            group,\n          );\n        }\n      });\n      const { token } = this.$store.getters;\n      try {\n        await GroupRepository.crudGroups(token, groups);\n        this.$store.commit('set_store_state', false);\n        this.edited = [];\n        this.newGroups = [];\n        this.search = '';\n        await this.getGroups();\n        const contextGroups = await GroupRepository.getContextualGroups(token);\n        this.$store.commit('set_groups', contextGroups);\n        const salons = await SalonsRepository.getShopsGroup(token, this.$store.getters.selectedGroup.id);\n        await this.$store.dispatch('setSalons', salons);\n        this.message = this.$t('messages.genericSave');\n        this.type = 'info';\n      } catch (error) {\n        if (error instanceof GroupHasReportsError) {\n          this.deleteGroupIds = [];\n          this.message = `${this.$t('groups.messages.groupRemoval')}: ${error.message}`;\n          this.type = 'error';\n        }\n      } finally {\n        this.$store.commit('set_store_state', true);\n        this.loaded = true;\n      }\n    },\n    cancel() {\n      this.groups = [];\n      this.edited = [];\n      this.newGroups = [];\n      this.search = '';\n      this.getGroups();\n      this.message = this.$t('messages.genericCancel');\n      this.type = 'info';\n    },\n    addGroup() {\n      this.dummyId--;\n      this.newGroups.unshift({\n        id: this.dummyId,\n        name: '',\n        shops: [],\n        newShopsList: [],\n        detachShopIds: [],\n      });\n    },\n    remove(id) {\n      if (this.deleteGroupIds.includes(id)) {\n        const index = this.deleteGroupIds.indexOf(id);\n        this.deleteGroupIds.splice(index, 1);\n      } else {\n        this.deleteGroupIds.push(id);\n      }\n    },\n\n  },\n  computed: {\n    filteredGroups() {\n      return this.groups.filter(group => group.name.toLowerCase().includes((this.search.toLowerCase())));\n    },\n    groupList() {\n      return this.newGroups.concat(this.edited.concat(this.filteredGroups));\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n  #groups-list {\n    /*width: 1510px;*/\n    margin: 0 auto;\n  }\n\n  h2 {\n    font-size: rem(30px);\n    font-weight: 800;\n    text-align: left;\n    // color: $baseTextColor;\n  }\n\n  DIV.table {\n    display: table;\n    background: white;\n    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);\n    padding: 46px 36px;\n    border-radius: 5px;\n    margin: 0 auto;\n    width: 100%;\n    box-sizing: border-box;\n    border-collapse: separate;\n    @include media('<768px') {\n      min-width: 1000px;\n    }\n    // color: $baseTextColor;\n  }\n\n  FORM.tr, DIV.tr {\n    display: table-row;\n  }\n\n  div.tr {\n    border: none;\n\n    &:first-child {\n      font-weight: bold;\n\n      > .td {\n        border-bottom: 1px solid $border-blue;\n        padding-bottom: 16px;\n        line-height: 18px;\n      }\n    }\n\n    > .td {\n      border-top: none;\n      font-size: rem(14px);\n      line-height: 19px;\n    }\n  }\n\n  SPAN.td {\n    display: table-cell;\n    border: none;\n\n    &:first-child {\n      border-left: none;\n    }\n\n    &:last-child {\n      border-right: none;\n\n    }\n  }\n\n  .table-container {\n    overflow: visible;\n    @include media('<1450px') {\n      overflow-x: scroll;\n    }\n  }\n\n  .controls {\n    margin-bottom: 35px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    @include media('<1450px') {\n      flex-wrap: wrap;\n    }\n\n    .buttons {\n      display: flex;\n      @include media('<1450px') {\n        width: 100%;\n        justify-content: space-between;\n      }\n      @include media('<470px') {\n        flex-direction: column;\n      }\n\n      .adds, .ops {\n        display: flex;\n        justify-content: space-between;\n        @include media('<1200px') {\n          flex-direction: column;\n        }\n        @include media('<1025px') {\n          flex-direction: row;\n          width: 100%;\n        }\n        @include media('<776px') {\n          flex-direction: column;\n        }\n\n      }\n\n      .adds {\n        @include media('<1200px') {\n          align-items: baseline;\n          justify-content: center;\n        }\n        @include media('<776px') {\n          align-items: baseline;\n          justify-content: center;\n        }\n      }\n\n      .ops {\n        button {\n          @include media('<1200px') {\n            margin: 5px 0;\n          }\n        }\n      }\n\n    }\n\n    .search-container {\n      width: 611px;\n      margin-left: auto;\n      @include media('<1450px') {\n        width: 100%;\n        margin-top: 15px;\n        margin-left: 0;\n      }\n    }\n\n    input {\n      border: 1px solid #e5e5e5;\n      width: 100%;\n      box-sizing: border-box;\n      padding: 20px 40px;\n      border-radius: 5px;\n      margin-left: auto;\n\n    }\n\n    button {\n      border: none;\n      background: none;\n      cursor: pointer;\n      color: #005fab;\n      font-size: rem(18px);\n      font-weight: bold;\n\n      &.cancel, &.save {\n\n        color: white;\n        font-size: rem(18px);\n        font-weight: bold;\n        padding: 12px 50px;\n        border-radius: 30px;\n        transition: 300ms all ease-in;\n\n      }\n\n      &.save {\n        background: #005fab;\n        border: 1px solid #005fab;\n        margin-left: 60px;\n        margin-right: 21px;\n\n        &:hover {\n          color: #005fab;\n          background: white;\n        }\n      }\n\n      &.cancel {\n        background-color: #002678;\n        border: 1px solid #002678;\n\n        &:hover {\n          color: #002678;\n          background: white;\n        }\n      }\n    }\n\n    .add-link {\n      font-size: rem(18px);\n      color: #005fab;\n      font-weight: 900;\n      line-height: 40px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-right: 36px;\n      text-align: left;\n\n      a {\n        margin-left: 17px;\n        text-decoration: none;\n\n        &:active, &:hover, &:visited {\n          color: #005fab;\n        }\n      }\n\n    }\n  }\n\n  .button-container {\n    padding: 0 15px;\n  }\n\n  svg {\n    cursor: pointer;\n  }\n</style>\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!./GroupsList.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!./GroupsList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GroupsList.vue?vue&type=template&id=2cac6628&scoped=true&\"\nimport script from \"./GroupsList.vue?vue&type=script&lang=js&\"\nexport * from \"./GroupsList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GroupsList.vue?vue&type=style&index=0&id=2cac6628&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  \"2cac6628\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupsList.vue?vue&type=style&index=0&id=2cac6628&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupsList.vue?vue&type=style&index=0&id=2cac6628&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CancelButton.vue?vue&type=style&index=0&id=87ba16e8&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CancelButton.vue?vue&type=style&index=0&id=87ba16e8&lang=scss&scoped=true&\"","// helper for String#{startsWith, endsWith, includes}\nvar isRegExp = require('./_is-regexp');\nvar defined = require('./_defined');\n\nmodule.exports = function (that, searchString, NAME) {\n  if (isRegExp(searchString)) throw TypeError('String#' + NAME + \" doesn't accept regex!\");\n  return String(defined(that));\n};\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Group.vue?vue&type=style&index=0&id=6013adff&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Group.vue?vue&type=style&index=0&id=6013adff&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"button-container\"},[_c('button',{staticClass:\"save\",style:(_vm.styleObject),on:{\"click\":_vm.saveChanges}},[_vm._v(_vm._s(_vm.buttonTextC))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"button-container\">\n        <button :style=\"styleObject\" class=\"save\" v-on:click=\"saveChanges\">{{buttonTextC}}</button>\n    </div>\n</template>\n\n<script>\nexport default {\n  name: 'SubmitButton',\n  props: {\n    buttonText: {\n      type: String,\n      required: false,\n      default: '',\n    },\n  },\n  methods: {\n    saveChanges() {\n      this.$emit('save');\n    },\n  },\n  mounted() {\n    /*    if (this.buttonText.length <= 0) {\n          this.buttonText = this.$t('buttons.submit');\n        } */\n  },\n  computed: {\n    styleObject() {\n      const { cssConfig } = this.$store.getters;\n      return {\n        '--button-color': 'white',\n        '--button-background-color': cssConfig.submitButton,\n        '--button-border-color': cssConfig.submitButton,\n      };\n    },\n    buttonTextC() {\n      if (this.buttonText) {\n        return this.buttonText;\n      }\n      return this.$t('buttons.submit');\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n    button {\n        border: none;\n        background: none;\n        cursor: pointer;\n        color: var(--button-border-color);\n        font-size: rem(18px);\n        font-weight: bold;\n\n        &.cancel, &.save {\n\n            color: var(--button-color);\n            font-size: rem(18px);\n            font-weight: bold;\n            padding: 12px 50px;\n            border-radius: 30px;\n            transition: 300ms all ease-in;\n\n        }\n\n        &.save {\n            background: var(--button-background-color);\n            border: 1px solid var(--button-border-color);\n\n            &:hover {\n                color: var(--button-border-color);\n                background: white !important;\n            }\n        }\n    }\n\n    .validation-error {\n        button {\n            filter: grayscale(100%) !important;\n\n            &:hover {\n                cursor: not-allowed;\n                background: var(--button-background-color);\n                color: white;\n            }\n        }\n\n    }\n</style>\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!./SubmitButton.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!./SubmitButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubmitButton.vue?vue&type=template&id=20fa378e&scoped=true&\"\nimport script from \"./SubmitButton.vue?vue&type=script&lang=js&\"\nexport * from \"./SubmitButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&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  \"20fa378e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"button-container\"},[_c('button',{staticClass:\"cancel\",style:(_vm.styleObject),on:{\"click\":_vm.saveChanges}},[_vm._v(_vm._s(_vm.buttonTextC))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"button-container\">\n    <button :style=\"styleObject\" class=\"cancel\" v-on:click=\"saveChanges\">{{buttonTextC}}</button>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'SubmitButton',\n  props: {\n    buttonText: {\n      type: String,\n      required: false,\n      default: '',\n    },\n  },\n  methods: {\n    saveChanges() {\n      this.$emit('cancel');\n    },\n  },\n  mounted() {\n\n  },\n  computed: {\n    styleObject() {\n      const { cssConfig } = this.$store.getters;\n      return {\n        '--button-color': 'white',\n        '--button-background-color': cssConfig.cancelButton,\n        '--button-border-color': cssConfig.cancelButton,\n      };\n    },\n    buttonTextC() {\n      if (this.buttonText) {\n        return this.buttonText;\n      }\n      return this.$t('buttons.cancel');\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n  button {\n    border: none;\n    background: none;\n    cursor: pointer;\n      color: var(--button-border-color);\n    font-size: rem(18px);\n    font-weight: bold;\n\n    &.cancel, &.save {\n\n      color: white;\n      font-size: rem(18px);\n      font-weight: bold;\n      padding: 12px 50px;\n      border-radius: 30px;\n      transition: 300ms all ease-in;\n\n    }\n\n\n    &.cancel {\n      background: var(--button-background-color);\n      border: 1px solid var(--button-border-color);\n\n      &:hover {\n        color: var(--button-border-color);\n          background: white !important;\n      }\n    }\n  }\n</style>\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!./CancelButton.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!./CancelButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CancelButton.vue?vue&type=template&id=87ba16e8&scoped=true&\"\nimport script from \"./CancelButton.vue?vue&type=script&lang=js&\"\nexport * from \"./CancelButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CancelButton.vue?vue&type=style&index=0&id=87ba16e8&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  \"87ba16e8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}