{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/Confidence.vue?b312","webpack:///./src/components/ColorGraphInput.vue?a3e8","webpack:///./src/pages/HomePage.vue?1f4f","webpack:///./src/assets/images/aimat_logo_small.png","webpack:///./src/components/Histogram.vue?bbdd","webpack:///./src/components/ImportanceImage.vue?d285","webpack:///./src/components/JsmeMoleculeInput.vue?73c3","webpack:///./src/components/NavDropdown.vue?69da","webpack:///./src/components/MultiPrediction.vue?4dc0","webpack:///./src/store.js","webpack:///./src/pages/PredictionPage.vue","webpack:///./src/lib/api.js","webpack:///./src/components/SinglePrediction.vue","webpack:///./src/components/ResultView.vue","webpack:///./src/components/ImportanceImage.vue","webpack:///./src/lib/colors.js","webpack:///src/components/ImportanceImage.vue","webpack:///./src/components/ImportanceImage.vue?2dd2","webpack:///./src/components/ImportanceImage.vue?6081","webpack:///./src/components/ClassificationResult.vue","webpack:///src/components/ClassificationResult.vue","webpack:///./src/components/ClassificationResult.vue?9aa9","webpack:///./src/components/ClassificationResult.vue?f256","webpack:///./src/components/RegressionResult.vue","webpack:///./src/components/Histogram.vue","webpack:///src/components/Histogram.vue","webpack:///./src/components/Histogram.vue?d133","webpack:///./src/components/Histogram.vue?1114","webpack:///src/components/RegressionResult.vue","webpack:///./src/components/RegressionResult.vue?9d91","webpack:///./src/components/RegressionResult.vue?7231","webpack:///./src/components/Confidence.vue","webpack:///src/components/Confidence.vue","webpack:///./src/components/Confidence.vue?bcd4","webpack:///./src/components/Confidence.vue?18d9","webpack:///src/components/ResultView.vue","webpack:///./src/components/ResultView.vue?ea1f","webpack:///./src/components/ResultView.vue?ff27","webpack:///./src/components/MoleculeInput.vue","webpack:///./src/lib/representation.js","webpack:///src/components/MoleculeInput.vue","webpack:///./src/components/MoleculeInput.vue?56a1","webpack:///./src/components/MoleculeInput.vue?725f","webpack:///./src/components/JsmeMoleculeInput.vue","webpack:///src/components/JsmeMoleculeInput.vue","webpack:///./src/components/JsmeMoleculeInput.vue?a235","webpack:///./src/components/JsmeMoleculeInput.vue?4c60","webpack:///./src/components/ColorGraphInput.vue","webpack:///src/components/ColorGraphInput.vue","webpack:///./src/components/ColorGraphInput.vue?399b","webpack:///./src/components/ColorGraphInput.vue?0334","webpack:///./src/components/OptionsInput.vue","webpack:///src/components/OptionsInput.vue","webpack:///./src/components/OptionsInput.vue?054e","webpack:///./src/components/OptionsInput.vue?1890","webpack:///src/components/SinglePrediction.vue","webpack:///./src/components/SinglePrediction.vue?ec5a","webpack:///./src/components/SinglePrediction.vue?3edc","webpack:///./src/components/MultiPrediction.vue","webpack:///src/components/MultiPrediction.vue","webpack:///./src/components/MultiPrediction.vue?7fd6","webpack:///./src/components/MultiPrediction.vue?7c40","webpack:///src/pages/PredictionPage.vue","webpack:///./src/pages/PredictionPage.vue?93a6","webpack:///./src/pages/PredictionPage.vue?0c1c","webpack:///./src/pages/HomePage.vue","webpack:///src/pages/HomePage.vue","webpack:///./src/pages/HomePage.vue?2935","webpack:///./src/pages/HomePage.vue?77cb","webpack:///./src/router.js","webpack:///./src/App.vue","webpack:///./src/components/NavDropdown.vue","webpack:///src/components/NavDropdown.vue","webpack:///./src/components/NavDropdown.vue?4e3f","webpack:///./src/components/NavDropdown.vue?fd36","webpack:///src/App.vue","webpack:///./src/App.vue?a7d1","webpack:///./src/App.vue?a938","webpack:///./src/registerServiceWorker.js","webpack:///./src/main.js","webpack:///./src/components/RegressionResult.vue?9007","webpack:///./src/App.vue?585a","webpack:///./src/components/ResultView.vue?1021","webpack:///./src/pages/PredictionPage.vue?5ab9","webpack:///./src/components/ClassificationResult.vue?80d4","webpack:///./src/components/SinglePrediction.vue?1515","webpack:///./src/components/OptionsInput.vue?04bf","webpack:///./src/App.vue?be40","webpack:///./src/components/MoleculeInput.vue?7ca6"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","Vue","use","Vuex","store","Store","strict","state","isMobile","mutations","setIsMobile","actions","updateIsMobile","_ref","commit","getters","render","_vm","this","_c","_self","staticClass","model","_v","_s","attrs","description","_e","tabs","currentTab","component","tag","staticRenderFns","Api","_classCallCheck","baseUrl","concat","location","protocol","hostname","port","_createClass","_getSettings","_asyncToGenerator","regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","axios","sent","abrupt","stop","getSettings","arguments","_getModelCategories","_callee2","_context2","getModelCategories","_getModels","_callee3","_context3","reduce","obj","slug","getModels","_getModel","_callee4","_context4","getModel","_x","_getModelExplanation","_callee5","modelSlug","explanationHash","url","_context5","getModelExplanation","_x2","_x3","_predictSingle","_callee6","input","kwargs","_context6","_objectSpread","post","predictSingle","_x4","_x5","_x6","_generateCounterfactuals","_callee7","_context7","timeout","generateCounterfactuals","_x7","_x8","_x9","dataset_type","ref","on","onSubmit","onInputReady","callback","$$v","expression","getOptionSpec","options","triggered","staticStyle","explanation","empty","output_type","classification_details","prediction","regression_details","node_attributions","_l","Array","from","num_explanations","_","index","explanation_details","fidelity","toFixed","visualization","file","graph","node_positions","edge_indices","nodeImportances","tolist","edgeImportances","fidelity_normalized","useHeatmap","counterfactuals","cf","image","getElementUrl","domProps","label","histogram","min","max","onResize","imageUrl","width","height","updateCanvas","COOLWARM_MAP","Map","interpolateColor","color1","color2","fraction","g","b","mapColor","map","undefined","mapKeys","_toConsumableArray","keys","mapValues","values","indexStart","indexEnd","size","console","log","color","props","type","String","default","radius","Number","strokeWidth","nodePositions","edgeIndices","weight","Boolean","canvas","ctx","methods","rect","$refs","container","getBoundingClientRect","getContext","clearRect","style","drawCanvasHeatmap","drawCanvasBorder","lineWidth","strokeStyle","x","y","x1","x2","y1","y2","scale","naturalWidth","beginPath","globalAlpha","arc","Math","PI","stroke","e","floor","x_diff","y_diff","len","sqrt","pow","moveTo","lineTo","colorStyle","fillStyle","zIndex","fill","mounted","$forceUpdate","updated","watch","newValue","rows","row","confidence","required","classificationDetails","sort","computed","max_index","a","item","regressionDetails","precision","markers","marker","getMarkerStyle","showLabels","histogramHeight","getRelativeValue","backgroundColor","left","components","Histogram","labelStyle","ratio","Confidence","ClassificationResult","RegressionResult","ImportanceImage","ScaleLoader","BarLoader","nj","array","edge_attributions","urlBase","host","pathname","params","URLSearchParams","predict","toString","_m","placeholder","internalValue","$event","indexOf","_k","keyCode","onEnter","onInput","onClick","buttonText","crypto","require","hashGraph","hash","createHash","update","digest","submit","event","updateValue","target","$emit","getHash","parseParameters","self","$nextTick","jsme","readGenericMolecularInput","_this","jsmeOnLoad","JSApplet","JSME","setUserInterfaceBackgroundColor","setCallBack","smiles","src","newScript","document","createElement","head","appendChild","directives","rawName","valueInternal","isArray","_i","checked","$$a","$$el","$$c","$$i","$set","composing","$$selectedVal","filter","selected","val","_value","multiple","choices","v","updateInternal","_step","_iterator","_createForOfIteratorHelper","done","err","f","OptionsInput","MoleculeInput","JsmeMoleculeInput","ColorGraphInput","ResultView","distanceModes","api","$route","then","resultView","catch","alert","graphHash","query","counterfactual_search_direction_choices","_Object$entries","entries","counterfactual_distance_mode_labels","_Object$entries$_i","_slicedToArray","default_value","VueMarkdown","SinglePrediction","MultiPrediction","settings","home_title","home_subtitle","home_content","routes","path","HomePage","PredictionPage","VueRouter","router","scrollBehavior","to","savedPosition","navOpen","setRoute","categories","category","content","models","setModelRoute","toggleNavBar","getCategoryNavElements","fullPath","toggleElement","_t","active","elements","element","route","handleOutsideClick","all","contains","$router","addEventListener","NavDropdown","title","checkDimensions","mapActions","innerWidth","show","mapGetters","register","process","ready","cached","offline","error","defaults","xsrfCookieName","xsrfHeaderName","config","productionTip","h","App","$mount"],"mappings":"aACE,SAASA,EAAqBC,GAQ7B,IAPA,IAMIC,EAAUC,EANVC,EAAWH,EAAK,GAChBI,EAAcJ,EAAK,GACnBK,EAAiBL,EAAK,GAIHM,EAAI,EAAGC,EAAW,GACpCD,EAAIH,EAASK,OAAQF,IACzBJ,EAAUC,EAASG,GAChBG,OAAOC,UAAUC,eAAeC,KAAKC,EAAiBX,IAAYW,EAAgBX,IACpFK,EAASO,KAAKD,EAAgBX,GAAS,IAExCW,EAAgBX,GAAW,EAE5B,IAAID,KAAYG,EACZK,OAAOC,UAAUC,eAAeC,KAAKR,EAAaH,KACpDc,EAAQd,GAAYG,EAAYH,IAG/Be,GAAqBA,EAAoBhB,GAE5C,MAAMO,EAASC,OACdD,EAASU,OAATV,GAOD,OAHAW,EAAgBJ,KAAKK,MAAMD,EAAiBb,GAAkB,IAGvDe,IAER,SAASA,IAER,IADA,IAAIC,EACIf,EAAI,EAAGA,EAAIY,EAAgBV,OAAQF,IAAK,CAG/C,IAFA,IAAIgB,EAAiBJ,EAAgBZ,GACjCiB,GAAY,EACRC,EAAI,EAAGA,EAAIF,EAAed,OAAQgB,IAAK,CAC9C,IAAIC,EAAQH,EAAeE,GACG,IAA3BX,EAAgBY,KAAcF,GAAY,GAE3CA,IACFL,EAAgBQ,OAAOpB,IAAK,GAC5Be,EAASM,EAAoBA,EAAoBC,EAAIN,EAAe,KAItE,OAAOD,EAIR,IAAIQ,EAAmB,GAKnBhB,EAAkB,CACrB,IAAO,GAGJK,EAAkB,GAGtB,SAASS,EAAoB1B,GAG5B,GAAG4B,EAAiB5B,GACnB,OAAO4B,EAAiB5B,GAAU6B,QAGnC,IAAIC,EAASF,EAAiB5B,GAAY,CACzCK,EAAGL,EACH+B,GAAG,EACHF,QAAS,IAUV,OANAf,EAAQd,GAAUW,KAAKmB,EAAOD,QAASC,EAAQA,EAAOD,QAASH,GAG/DI,EAAOC,GAAI,EAGJD,EAAOD,QAKfH,EAAoBM,EAAIlB,EAGxBY,EAAoBO,EAAIL,EAGxBF,EAAoBQ,EAAI,SAASL,EAASM,EAAMC,GAC3CV,EAAoBW,EAAER,EAASM,IAClC3B,OAAO8B,eAAeT,EAASM,EAAM,CAAEI,YAAY,EAAMC,IAAKJ,KAKhEV,EAAoBe,EAAI,SAASZ,GACX,qBAAXa,QAA0BA,OAAOC,aAC1CnC,OAAO8B,eAAeT,EAASa,OAAOC,YAAa,CAAEC,MAAO,WAE7DpC,OAAO8B,eAAeT,EAAS,aAAc,CAAEe,OAAO,KAQvDlB,EAAoBmB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQlB,EAAoBkB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,kBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKxC,OAAOyC,OAAO,MAGvB,GAFAvB,EAAoBe,EAAEO,GACtBxC,OAAO8B,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOlB,EAAoBQ,EAAEc,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRtB,EAAoB0B,EAAI,SAAStB,GAChC,IAAIM,EAASN,GAAUA,EAAOiB,WAC7B,WAAwB,OAAOjB,EAAO,YACtC,WAA8B,OAAOA,GAEtC,OADAJ,EAAoBQ,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRV,EAAoBW,EAAI,SAASgB,EAAQC,GAAY,OAAO9C,OAAOC,UAAUC,eAAeC,KAAK0C,EAAQC,IAGzG5B,EAAoB6B,EAAI,IAExB,IAAIC,EAAaC,OAAO,gBAAkBA,OAAO,iBAAmB,GAChEC,EAAmBF,EAAW3C,KAAKsC,KAAKK,GAC5CA,EAAW3C,KAAOf,EAClB0D,EAAaA,EAAWG,QACxB,IAAI,IAAItD,EAAI,EAAGA,EAAImD,EAAWjD,OAAQF,IAAKP,EAAqB0D,EAAWnD,IAC3E,IAAIU,EAAsB2C,EAI1BzC,EAAgBJ,KAAK,CAAC,EAAE,kBAEjBM,K,6ECvJT,W,mJCAA,W,0JCAA,W,kECAAW,EAAOD,QAAU,IAA0B,qC,oCCA3C,W,oDCAA,W,oCCAA,W,wGCAA,W,kCCAA,W,+GCGA+B,OAAIC,IAAIC,QAER,IAAMC,EAAQ,IAAID,OAAKE,MAAM,CAC3BC,QAAQ,EACRC,MAAO,CACLC,UAAU,GAEZC,UAAW,CACTC,YAAW,SAACH,EAAOC,GACjBD,EAAMC,SAAWA,IAGrBG,QAAS,CACPC,eAAc,SAAAC,EAAaL,GAAU,IAApBM,EAAMD,EAANC,OACfA,EAAO,cAAeN,KAG1BO,QAAS,CACPP,SAAU,SAAAD,GAAK,OAAIA,EAAMC,aAIdJ,I,YCzBXY,G,UAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAAgB,OAAdJ,EAAIK,MAAgBH,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACJ,EAAIM,GAAG,aAAaN,EAAIO,GAAGP,EAAIK,MAAM9C,MAAM,cAAc2C,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,cAAc,CAACE,YAAY,mBAAmBI,MAAM,CAAC,OAASR,EAAIK,MAAMI,YAAY,MAAO,EAAK,QAAS,MAAU,KAAKT,EAAIU,KAAKR,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAGF,EAAIW,KAAKX,EAAIY,YAAYC,UAAU,CAACC,IAAI,YAAYN,MAAM,CAAC,MAAQR,EAAIK,UAAU,OAEhkBU,EAAkB,G,6rBCAf,IAAMC,EAAG,WAEd,SAAAA,IAAcC,eAAA,KAAAD,GACZf,KAAKiB,QAAU,GAAHC,OAAMtC,OAAOuC,SAASC,SAAQ,MAAAF,OAAKtC,OAAOuC,SAASE,SAAQ,KAAAH,OAAItC,OAAOuC,SAASG,KAAI,QAuGhG,OApGDC,eAAAR,EAAA,EAAA1C,IAAA,cAAAN,MAAA,eAAAyD,EAAAC,eAAAC,mBAAAC,MAMA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,mBAAAI,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAAAF,EAAAE,KAAA,EACyBC,IAAMvE,IAAI,GAADuD,OAAIlB,KAAKiB,QAAO,cAAY,OAA9C,OAARY,EAAQE,EAAAI,KAAAJ,EAAAK,OAAA,SACPP,EAAS3G,MAAI,wBAAA6G,EAAAM,UAAAT,EAAA,UACrB,SAAAU,IAAA,OAAAd,EAAAnF,MAAA,KAAAkG,WAAA,OAAAD,EATD,IAWA,CAAAjE,IAAA,qBAAAN,MAAA,eAAAyE,EAAAf,eAAAC,mBAAAC,MAMA,SAAAc,IAAA,IAAAZ,EAAA,OAAAH,mBAAAI,MAAA,SAAAY,GAAA,eAAAA,EAAAV,KAAAU,EAAAT,MAAA,cAAAS,EAAAT,KAAA,EACyBC,IAAMvE,IAAI,GAADuD,OAAIlB,KAAKiB,QAAO,uBAAqB,OAAvD,OAARY,EAAQa,EAAAP,KAAAO,EAAAN,OAAA,SACPP,EAAS3G,MAAI,wBAAAwH,EAAAL,UAAAI,EAAA,UACrB,SAAAE,IAAA,OAAAH,EAAAnG,MAAA,KAAAkG,WAAA,OAAAI,EATD,IAWA,CAAAtE,IAAA,YAAAN,MAAA,eAAA6E,EAAAnB,eAAAC,mBAAAC,MAMA,SAAAkB,IAAA,IAAAhB,EAAA,OAAAH,mBAAAI,MAAA,SAAAgB,GAAA,eAAAA,EAAAd,KAAAc,EAAAb,MAAA,cAAAa,EAAAb,KAAA,EACyBC,IAAMvE,IAAI,GAADuD,OAAIlB,KAAKiB,QAAO,aAAW,OAA7C,OAARY,EAAQiB,EAAAX,KAAAW,EAAAV,OAAA,SAGPP,EAAS3G,KAAK6H,QAAO,SAACC,EAAKjF,GAEhC,OADAiF,EAAIjF,EAAMkF,MAAQlF,EACXiF,IACN,KAAG,wBAAAF,EAAAT,UAAAQ,EAAA,UACP,SAAAK,IAAA,OAAAN,EAAAvG,MAAA,KAAAkG,WAAA,OAAAW,EAdD,IAgBA,CAAA7E,IAAA,WAAAN,MAAA,eAAAoF,EAAA1B,eAAAC,mBAAAC,MAOA,SAAAyB,EAAeH,GAAI,IAAApB,EAAA,OAAAH,mBAAAI,MAAA,SAAAuB,GAAA,eAAAA,EAAArB,KAAAqB,EAAApB,MAAA,cAAAoB,EAAApB,KAAA,EACMC,IAAMvE,IAAI,GAADuD,OAAIlB,KAAKiB,QAAO,YAAAC,OAAW+B,EAAI,MAAI,OAArD,OAARpB,EAAQwB,EAAAlB,KAAAkB,EAAAjB,OAAA,SACPP,EAAS3G,MAAI,wBAAAmI,EAAAhB,UAAAe,EAAA,UACrB,SAAAE,EAAAC,GAAA,OAAAJ,EAAA9G,MAAA,KAAAkG,WAAA,OAAAe,EAVD,IAYA,CAAAjF,IAAA,sBAAAN,MAAA,eAAAyF,EAAA/B,eAAAC,mBAAAC,MASA,SAAA8B,EAA0BC,EAAWC,GAAe,IAAAC,EAAA/B,EAAA,OAAAH,mBAAAI,MAAA,SAAA+B,GAAA,eAAAA,EAAA7B,KAAA6B,EAAA5B,MAAA,OAK6B,OAAzE2B,EAAM,GAAH1C,OAAMlB,KAAKiB,QAAO,YAAAC,OAAWwC,EAAS,kBAAAxC,OAAiByC,GAAeE,EAAA5B,KAAA,EACxDC,IAAMvE,IAAIiG,GAAI,OAAvB,OAAR/B,EAAQgC,EAAA1B,KAAA0B,EAAAzB,OAAA,SACPP,EAAS3G,MAAI,wBAAA2I,EAAAxB,UAAAoB,EAAA,UACrB,SAAAK,EAAAC,EAAAC,GAAA,OAAAR,EAAAnH,MAAA,KAAAkG,WAAA,OAAAuB,EAjBD,IAmBA,CAAAzF,IAAA,gBAAAN,MAAA,eAAAkG,EAAAxC,eAAAC,mBAAAC,MAUA,SAAAuC,EAAoBjB,EAAMkB,EAAOC,GAAM,IAAAlJ,EAAA2G,EAAA,OAAAH,mBAAAI,MAAA,SAAAuC,GAAA,eAAAA,EAAArC,KAAAqC,EAAApC,MAAA,OAG1B,OAFL/G,EAAIoJ,EAAA,CACR,MAASH,GACNC,GAAMC,EAAApC,KAAA,EAEYC,IAAMqC,KAAK,GAADrD,OAAIlB,KAAKiB,QAAO,YAAAC,OAAW+B,EAAI,oBAAoB/H,GAAK,OAA3E,OAAR2G,EAAQwC,EAAAlC,KAAAkC,EAAAjC,OAAA,SACPP,EAAS3G,MAAI,wBAAAmJ,EAAAhC,UAAA6B,EAAA,UACrB,SAAAM,EAAAC,EAAAC,EAAAC,GAAA,OAAAV,EAAA5H,MAAA,KAAAkG,WAAA,OAAAiC,EAjBD,IAiBC,CAAAnG,IAAA,0BAAAN,MAAA,eAAA6G,EAAAnD,eAAAC,mBAAAC,MAED,SAAAkD,EAA8B5B,EACAkB,EACAC,GAAM,IAAAlJ,EAAA2G,EAAA,OAAAH,mBAAAI,MAAA,SAAAgD,GAAA,eAAAA,EAAA9C,KAAA8C,EAAA7C,MAAA,OAGvB,OAFL/G,EAAIoJ,EAAA,CACR,MAAsBH,GACnBC,GAAMU,EAAA7C,KAAA,EAEYC,IAAMqC,KAAK,GAADrD,OAC5BlB,KAAKiB,QAAO,YAAAC,OAAW+B,EAAI,6BAC9B/H,EACA,CAAC6J,QAAS,MAAQ,OAHN,OAARlD,EAAQiD,EAAA3C,KAAA2C,EAAA1C,OAAA,SAIPP,EAAS3G,MAAI,wBAAA4J,EAAAzC,UAAAwC,EAAA,UACrB,SAAAG,EAAAC,EAAAC,EAAAC,GAAA,OAAAP,EAAAvI,MAAA,KAAAkG,WAAA,OAAAyC,EAdA,MAcAjE,EA1Ga,G,qBCFZjB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAA6B,aAA3BJ,EAAIK,MAAMgF,aAA6BnF,EAAG,oBAAoB,CAACoF,IAAI,QAAQ9E,MAAM,CAAC,cAAc,WAAW+E,GAAG,CAAC,OAASvF,EAAIwF,SAAS,MAAQxF,EAAIyF,cAAcpF,MAAM,CAACrC,MAAOgC,EAAIhC,MAAO0H,SAAS,SAAUC,GAAM3F,EAAIhC,MAAM2H,GAAKC,WAAW,WAAW5F,EAAIU,KAAiC,UAA3BV,EAAIK,MAAMgF,aAA0BnF,EAAG,kBAAkB,CAACoF,IAAI,QAAQC,GAAG,CAAC,OAASvF,EAAIwF,SAAS,MAAQxF,EAAIyF,cAAcpF,MAAM,CAACrC,MAAOgC,EAAIhC,MAAO0H,SAAS,SAAUC,GAAM3F,EAAIhC,MAAM2H,GAAKC,WAAW,WAAW5F,EAAIU,KAAKR,EAAG,gBAAgB,CAACM,MAAM,CAAC,QAAUR,EAAI6F,iBAAiBxF,MAAM,CAACrC,MAAOgC,EAAI8F,QAASJ,SAAS,SAAUC,GAAM3F,EAAI8F,QAAQH,GAAKC,WAAW,cAAc,GAAG1F,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,sBAAsB,CAAER,EAAI+F,UAAW7F,EAAG,cAAc,CAACE,YAAY,SAAS4F,YAAY,CAAC,MAAQ,cAAc,OAAS,aAAaxF,MAAM,CAAC,MAAQ,UAAU,SAAU,KAAQR,EAAIU,KAAKR,EAAG,aAAa,CAACoF,IAAI,aAAalF,YAAY,mBAAmBI,MAAM,CAAC,YAAcR,EAAIiG,YAAY,MAAQjG,EAAIK,MAAM,cAAcL,EAAI8F,QAAQ,wBAAwB,MAEvoC/E,EAAkB,G,gDCFlBhB,G,oBAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAAEJ,EAAIkG,MAAOhG,EAAG,MAAM,CAACE,YAAY,0BAA0BJ,EAAIU,KAAOV,EAAIkG,MAC8LlG,EAAIU,KAD3LR,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACJ,EAAIM,GAAG,gBAAgBJ,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,MAAQ,6BAA6B,EAAI,MAAM,EAAI,MAAM,MAAQ,KAAK,OAAS,KAAK,QAAU,cAAc,CAACN,EAAG,OAAO,CAACM,MAAM,CAAC,EAAI,ihBAAihBR,EAAIM,GAAG,uZAAkb,mBAA1BN,EAAIK,MAAM8F,YAAkCjG,EAAG,uBAAuB,CAACM,MAAM,CAAC,sBAAwBR,EAAIK,MAAM+F,uBAAuB,MAAQpG,EAAIiG,YAAYI,cAAcrG,EAAIU,KAAgC,eAA1BV,EAAIK,MAAM8F,YAA8BjG,EAAG,mBAAmB,CAACM,MAAM,CAAC,kBAAoBR,EAAIK,MAAMiG,mBAAmB,MAAQtG,EAAIiG,YAAYI,cAAcrG,EAAIU,MAAM,KAAKR,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACJ,EAAIM,GAAG,uBAAuBJ,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,MAAQ,6BAA6B,EAAI,MAAM,EAAI,MAAM,MAAQ,KAAK,OAAS,KAAK,QAAU,cAAc,CAACN,EAAG,OAAO,CAACM,MAAM,CAAC,EAAI,ihBAAihBR,EAAIM,GAAG,4fAA8fJ,EAAG,KAAK,CAACF,EAAIM,GAAG,4BAA4BN,EAAIM,GAAG,yPAAuS,IAA7CN,EAAIiG,YAAYM,kBAAkB5K,OAAcuE,EAAG,cAAc,CAACE,YAAY,SAAS4F,YAAY,CAAC,OAAS,UAAUxF,MAAM,CAAC,MAAQ,UAAU,SAAU,KAAQR,EAAIU,KAAKR,EAAG,MAAM,CAACE,YAAY,yBAAyBJ,EAAIwG,GAAIC,MAAMC,KAAK,CAAC/K,OAAQqE,EAAIK,MAAMsG,mBAAmB,SAACC,EAAGnL,GAAC,OAAKA,MAAI,SAASoL,GAAO,OAAO3G,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACJ,EAAIM,GAAG,mBAAmBN,EAAIO,GAAGP,EAAIK,MAAMyG,oBAAoBD,GAAOtJ,MAAM,oBAAoB2C,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACJ,EAAIM,GAAG,mBAAmBN,EAAIO,GAAGP,EAAIK,MAAMyG,oBAAoBD,GAAOpG,aAAa,oBAAoBP,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,KAAK,CAACF,EAAIM,GAAG,4BAA4BN,EAAIM,GAAG,MAAMJ,EAAG,SAAS,CAACF,EAAIM,GAAGN,EAAIO,GAAGP,EAAIiG,YAAYc,SAASF,GAAOG,QAAQ,SAAS9G,EAAG,kBAAkB,CAAC5B,IAAIuI,EAAMzG,YAAY,mBAAmBI,MAAM,CAAC,YAAW,UAAAW,OAAWnB,EAAIiG,YAAYgB,cAAcC,MAAO,iBAAiBlH,EAAIiG,YAAYkB,MAAMC,eAAe,eAAepH,EAAIiG,YAAYkB,MAAME,aAAa,mBAAmBrH,EAAIsH,gBAAgBvI,MAAM,KAAM8H,GAAOU,SAAS,mBAAmBvH,EAAIwH,gBAAgBzI,MAAM,KAAM8H,GAAOU,SAAS,OAASvH,EAAIiG,YAAYwB,oBAAoBZ,GAAO,cAAc7G,EAAI0H,eAAe,MAAK,IAAI,KAAM1H,EAAIiG,YAAY0B,gBAAiBzH,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACJ,EAAIM,GAAG,4BAA4BJ,EAAG,MAAM,CAACE,YAAY,4CAA4C,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,MAAQ,6BAA6B,EAAI,MAAM,EAAI,MAAM,MAAQ,KAAK,OAAS,KAAK,QAAU,cAAc,CAACN,EAAG,OAAO,CAACM,MAAM,CAAC,EAAI,ihBAAihBR,EAAIM,GAAG,ymBAAqpB,IAA3CN,EAAIiG,YAAY0B,gBAAgBhM,OAAcuE,EAAG,cAAc,CAACE,YAAY,SAAS4F,YAAY,CAAC,OAAS,UAAUxF,MAAM,CAAC,MAAQ,UAAU,SAAU,KAAQR,EAAIU,KAAKV,EAAIwG,GAAIxG,EAAIiG,YAAY0B,iBAAiB,SAASC,GAAI,OAAO1H,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuBI,MAAM,CAAC,IAAM,uBAAuB,IAAMoH,EAAGC,SAAS3H,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,IAAI,CAACE,YAAY,UAAUI,MAAM,CAAC,KAAOR,EAAI8H,cAAcF,EAAGrK,QAAQ,CAACyC,EAAIM,GAAGN,EAAIO,GAAGqH,EAAGrK,SAAS2C,EAAG,MAAM,CAACE,YAAY,uBAAuB2H,SAAS,CAAC,UAAY/H,EAAIO,GAAGqH,EAAGI,UAAqC,eAA1BhI,EAAIK,MAAM8F,YAA8BjG,EAAG,MAAM,CAACE,YAAY,0BAA0BJ,EAAIwG,GAAIxG,EAAIK,MAAMiG,oBAAoB,SAAStI,EAAM6I,GAAO,OAAO3G,EAAG,YAAY,CAACE,YAAY,eAAeI,MAAM,CAAC,OAASxC,EAAMiK,UAAU,IAAMjK,EAAMkK,IAAI,IAAMlK,EAAMmK,IAAI,eAAc,EAAM,QAAU,CAAC,CAAC,MAASnI,EAAIiG,YAAYI,WAAWQ,GAAQ,MAAS,SAC5pO,CAAC,MAASe,EAAGvB,WAAW,GAAGQ,GAAQ,MAAS,cAAa,GAAG7G,EAAIU,KAAgC,mBAA1BV,EAAIK,MAAM8F,YAAkCjG,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,aAAa,CAACE,YAAY,gBAAgBI,MAAM,CAAC,OAASR,EAAIiG,YAAYI,WAAW,QAAU,CAAC,CAAC,OAAUuB,EAAGvB,WAAW,GAAI,MAAS,YAAY,GAAGrG,EAAIU,aAAY,KAAKV,EAAIU,WAE5WK,EAAkB,G,2CCHlBhB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACoF,IAAI,YAAYlF,YAAY,kBAAkBmF,GAAG,CAAC,OAASvF,EAAIoI,WAAW,CAAClI,EAAG,MAAM,CAACoF,IAAI,QAAQlF,YAAY,QAAQI,MAAM,CAAC,IAAMR,EAAIqI,SAAS,MAAQrI,EAAIsI,MAAM,OAAStI,EAAIuI,QAAQhD,GAAG,CAAC,KAAOvF,EAAIwI,gBAAgBtI,EAAG,SAAS,CAACoF,IAAI,SAASlF,YAAY,cAEpUW,EAAkB,GCAT0H,G,oBAAe,IAAIC,IAAI,CAElC,CAAC,EAAK,CAAC,IAAM,IAAM,MAEnB,CAAC,GAAK,CAAC,GAAK,GAAK,KAEjB,CAAC,EAAK,CAAC,KAAO,KAAO,UAIhB,SAASC,EAAiBC,EAAQC,EAAQC,GAC/C,IAAMjL,EAAI+K,EAAO,IAAMC,EAAO,GAAKD,EAAO,IAAME,EAC1CC,EAAIH,EAAO,IAAMC,EAAO,GAAKD,EAAO,IAAME,EAC1CE,EAAIJ,EAAO,IAAMC,EAAO,GAAKD,EAAO,IAAME,EAChD,MAAO,CAACjL,EAAGkL,EAAGC,GAGT,SAASC,EAASjL,GAOvB,IAPkD,IAApBkL,EAAG1G,UAAA7G,OAAA,QAAAwN,IAAA3G,UAAA,GAAAA,UAAA,GAAGiG,EAE9BW,EAAOC,eAAOH,EAAII,QAClBC,EAASF,eAAOH,EAAIM,UAEtBC,EAAa,EACbC,EAAW,EACNjO,EAAE,EAAGA,EAAEyN,EAAIS,KAAK,EAAGlO,IAG1B,GAFAgO,EAAahO,EACbiO,EAAWjO,EAAE,EACTuC,GAASoL,EAAQ3N,EAAE,GACrB,MAGJmO,QAAQC,IAAIJ,EAAYC,GAGxB,IAAMZ,GAAY9K,EAAQoL,EAAQK,KAAgBL,EAAQM,GAAYN,EAAQK,IACxEK,EAAQnB,EACZY,EAAUE,GACVF,EAAUG,GACVZ,GAGF,OAAOgB,ECpBM,OACfvM,KAAA,kBACAwM,MAAA,CACA1B,SAAA,CACA2B,KAAAC,OACAC,QAAA,yHAUAC,OAAA,CACAH,KAAAI,OACAF,QAAA,IAEAG,YAAA,CACAL,KAAAI,OACAF,QAAA,GAEAI,cAAA,CACAN,KAAAvD,MACAyD,QAAA,WACA,OACA,UACA,UACA,aAIAK,YAAA,CACAP,KAAAvD,MACAyD,QAAA,WACA,OACA,MACA,MACA,SAIA5C,gBAAA,CACA0C,KAAAvD,MACAyD,QAAA,WACA,OACA,WAIA1C,gBAAA,CACAwC,KAAAvD,MACAyD,QAAA,WACA,OACA,WAIAM,OAAA,CACAR,KAAAI,OACAF,QAAA,GAEAxC,WAAA,CACAsC,KAAAS,QACAP,SAAA,IAGA/O,KAAA,WACA,OACAmN,MAAA,EACAC,OAAA,EACAmC,OAAA,KACAC,IAAA,KACA9C,MAAA,OAGA+C,QAAA,CACAxC,SAAA,WACA,IAAAyC,EAAA,KAAAC,MAAAC,UAAAC,wBACA,KAAA1C,MAAAuC,EAAAvC,MACA,KAAAC,OAAAsC,EAAAvC,OAEAE,aAAA,WACA,IAAAuC,EAAA,KAAAD,MAAAC,UACA,KAAAlD,MAAA,KAAAiD,MAAAjD,MACA,KAAA6C,OAAA,KAAAI,MAAAJ,OACA,KAAAC,IAAA,KAAAD,OAAAO,WAAA,MACA,KAAAN,IAAAO,UAAA,SAAAR,OAAApC,MAAA,KAAAoC,OAAAnC,QAEAwC,EAAAI,MAAA7C,MAAA,GAAAnH,OAAA,KAAA0G,MAAAS,MAAA,MACAyC,EAAAI,MAAA5C,OAAA,GAAApH,OAAA,KAAA0G,MAAAU,OAAA,MAEA,KAAAmC,OAAApC,MAAA,KAAAT,MAAAS,MACA,KAAAoC,OAAAnC,OAAA,KAAAV,MAAAU,OAEA,KAAAb,WACA,KAAA0D,oBAEA,KAAAC,oBAIAA,iBAAA,WACA,KAAAV,IAAAW,UAAA,KAAAjB,YACA,KAAAM,IAAAY,YAAA,QAMA,IAJA,IAGAC,EAAAC,EAAAzN,EAcAvC,EAAAkB,EAAA+O,EAAAC,EAAAC,EAAAC,EAjBAC,EAAA,KAAAjE,MAAAS,MAAA,KAAAT,MAAAkE,aAIAtQ,EAAA,EAAAA,EAAA,KAAA6O,cAAA3O,OAAAF,IACA+P,EAAA,KAAAlB,cAAA7O,GAAA,GAAAqQ,EACAL,EAAA,KAAAf,OAAAnC,OAAA,KAAA+B,cAAA7O,GAAA,GAAAqQ,EAEA,KAAAnB,IAAAqB,YACAhO,EAAA,KAAAsJ,gBAAA7L,GAAA,GACA,KAAAkP,IAAAsB,YAAAjO,EAEA,KAAA2M,IAAAuB,IAAAV,EAAAC,EAAA,KAAAtB,OAAA,IAAAgC,KAAAC,IACA,KAAAzB,IAAA0B,SAKA,QAAAC,EAAA,EAAAA,EAAA,KAAA/B,YAAA5O,OAAA2Q,IAAA,CACA7Q,EAAA0Q,KAAAI,MAAA,KAAAhC,YAAA+B,GAAA,IACA3P,EAAAwP,KAAAI,MAAA,KAAAhC,YAAA+B,GAAA,IAEAZ,EAAA,KAAApB,cAAA7O,GAAA,GAAAqQ,EACAF,EAAA,KAAAlB,OAAAnC,OAAA,KAAA+B,cAAA7O,GAAA,GAAAqQ,EAEAH,EAAA,KAAArB,cAAA3N,GAAA,GAAAmP,EACAD,EAAA,KAAAnB,OAAAnC,OAAA,KAAA+B,cAAA3N,GAAA,GAAAmP,EAEA,IAAAU,EAAAb,EAAAD,EACAe,EAAAZ,EAAAD,EACAc,EAAAP,KAAAQ,KAAAR,KAAAS,IAAAJ,EAAA,GAAAL,KAAAS,IAAAH,EAAA,IACAD,GAAAE,EACAD,GAAAC,EAEA,KAAA/B,IAAAqB,YACA,KAAArB,IAAAkC,OAAAnB,EAAAc,EAAA,KAAArC,OAAAyB,EAAAa,EAAA,KAAAtC,QAEAnM,EAAA,KAAAwJ,gBAAA8E,GAAA,GACA,KAAA3B,IAAAsB,YAAAjO,EAEA,KAAA2M,IAAAmC,OAAAnB,EAAAa,EAAA,KAAArC,OAAA0B,EAAAY,EAAA,KAAAtC,QACA,KAAAQ,IAAA0B,WAGAjB,kBAAA,WACA,KAAAT,IAAAW,UAAA,KAAAjB,YAEA,IAAAP,EAAAb,EAAA,KAAAuB,OAAA/B,GACAsE,EAAA,OAAA5L,OAAA,IAAA2I,EAAA,QAAA3I,OAAA,IAAA2I,EAAA,QAAA3I,OAAA,IAAA2I,EAAA,QAEA,KAAAa,IAAAY,YAAAwB,EACA,KAAApC,IAAAqC,UAAAD,EAEA,KAAAlF,MAAAsD,MAAA8B,OAAA,KACA,KAAAvC,OAAAS,MAAA8B,OAAA,KAMA,IAJA,IAGAzB,EAAAC,EAAAzN,EAcAvC,EAAAkB,EAAA+O,EAAAC,EAAAC,EAAAC,EAjBAC,EAAA,KAAAjE,MAAAS,MAAA,KAAAT,MAAAkE,aAIAtQ,EAAA,EAAAA,EAAA,KAAA6O,cAAA3O,OAAAF,IACA+P,EAAA,KAAAlB,cAAA7O,GAAA,GAAAqQ,EACAL,EAAA,KAAAf,OAAAnC,OAAA,KAAA+B,cAAA7O,GAAA,GAAAqQ,EAEA,KAAAnB,IAAAqB,YACAhO,EAAA,KAAAsJ,gBAAA7L,GAAA,GACA,KAAAkP,IAAAsB,YAAAjO,EAEA,KAAA2M,IAAAuB,IAAAV,EAAAC,EAAA,KAAAtB,OAAA,IAAAgC,KAAAC,IACA,KAAAzB,IAAAuC,OAKA,QAAAZ,EAAA,EAAAA,EAAA,KAAA/B,YAAA5O,OAAA2Q,IAAA,CACA7Q,EAAA0Q,KAAAI,MAAA,KAAAhC,YAAA+B,GAAA,IACA3P,EAAAwP,KAAAI,MAAA,KAAAhC,YAAA+B,GAAA,IAEAZ,EAAA,KAAApB,cAAA7O,GAAA,GAAAqQ,EACAF,EAAA,KAAAlB,OAAAnC,OAAA,KAAA+B,cAAA7O,GAAA,GAAAqQ,EAEAH,EAAA,KAAArB,cAAA3N,GAAA,GAAAmP,EACAD,EAAA,KAAAnB,OAAAnC,OAAA,KAAA+B,cAAA3N,GAAA,GAAAmP,EAEA,IAAAU,EAAAb,EAAAD,EACAe,EAAAZ,EAAAD,EACAc,EAAAP,KAAAQ,KAAAR,KAAAS,IAAAJ,EAAA,GAAAL,KAAAS,IAAAH,EAAA,IACAD,GAAAE,EACAD,GAAAC,EAEA,KAAA/B,IAAAqB,YACA,KAAArB,IAAAkC,OAAAnB,EAAAc,EAAA,KAAArC,OAAAyB,EAAAa,EAAA,KAAAtC,QAEAnM,EAAA,KAAAwJ,gBAAA8E,GAAA,GACA,KAAA3B,IAAAsB,YAAAjO,EAEA,KAAA2M,IAAAmC,OAAAnB,EAAAa,EAAA,KAAArC,OAAA0B,EAAAY,EAAA,KAAAtC,QACA,KAAAQ,IAAA0B,YAIAc,QAAA,WACA,KAAAC,gBAEAC,QAAA,WACA,KAAA7E,gBAEA8E,MAAA,CACA5F,WAAA,SAAA6F,GACA,KAAA/E,kBC/OyV,I,wBCQrV3H,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCnBXd,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIM,GAAG,4BAA4BJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIxD,aAAa0D,EAAG,MAAM,CAACE,YAAY,kBAAkBJ,EAAIwG,GAAIxG,EAAIwN,MAAM,SAASC,GAAK,OAAOvN,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAGN,EAAIO,GAAGkN,EAAI5G,OAAO,KAAK7G,EAAIO,GAAGkN,EAAIlQ,SAAS2C,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc+K,MAAO,CAAC7C,MAAOmF,EAAIC,cAAexN,EAAG,MAAM,CAACE,YAAY,cAAc,CAACJ,EAAIM,GAAGN,EAAIO,GAAGkN,EAAIC,sBAAqB,MAErpB3M,EAAkB,GCoBP,G,UAAA,CACfxD,KAAA,uBACAwM,MAAA,CACA/L,MAAA,CACAgM,KAAAvD,MACAkH,UAAA,GAEAC,sBAAA,CACA5D,KAAAvD,MACAkH,UAAA,GAEAE,KAAA,CACA7D,KAAAS,QACAP,SAAA,IAGA/O,KAAA,WACA,OACAqB,OAAA,KAGAsR,SAAA,CACAN,KAAA,WAIA,IAHA,IACAxP,EAAAT,EADAiQ,EAAA,GAEAO,EAAA,EACAtS,EAAA,EAAAA,EAAA,KAAAuC,MAAArC,OAAAF,IACA8B,EAAA,KAAAqQ,sBAAAnS,GAAA8B,KACAS,EAAA,KAAAA,MAAAvC,GAEAuC,EAAA,KAAAA,MAAA+P,OAAAtS,GAEA+R,EAAAvR,KAAA,CACA,MAAAR,EACA,KAAA8B,EACA,MAAAS,EACA,cAAAmD,QAAA,IAAAnD,GAAAgJ,QAAA,UAUA,OANA,KAAAxK,OAAA,KAAAoR,sBAAAG,GAAAxQ,KAEA,KAAAsQ,MACAL,EAAAK,MAAA,SAAAG,EAAAhF,GAAA,OAAAA,EAAAhL,MAAAgQ,EAAAhQ,SAGAwP,MCpE8V,ICQ1V,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBXzN,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,sBAAsBJ,EAAIwG,GAAIxG,EAAIhC,OAAO,SAASiQ,EAAKpH,GAAO,OAAO3G,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIM,GAAG,IAAIN,EAAIO,GAAGP,EAAIkO,kBAAkBrH,GAAOtJ,MAAM,QAAQ2C,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACJ,EAAIM,GAAG,IAAIN,EAAIO,GAAG0N,EAAKjH,QAAQhH,EAAImO,YAAY,SAASjO,EAAG,YAAY,CAACE,YAAY,YAAYI,MAAM,CAAC,OAASR,EAAIkO,kBAAkBrH,GAAOoB,UAAU,IAAMjI,EAAIkO,kBAAkBrH,GAAOqB,IAAI,IAAMlI,EAAIkO,kBAAkBrH,GAAOsB,IAAI,QAAU,CAAC,CAAC,MAASnI,EAAIhC,MAAM,GAAI,MAAS,cAAc,MAAK,IAEjpB+C,EAAkB,GCFlBhB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACoF,IAAI,YAAYlF,YAAY,aAAa,CAACJ,EAAIwG,GAAIxG,EAAIwJ,QAAQ,SAASxL,GAAO,OAAOkC,EAAG,MAAM,CAACE,YAAY,MAAM+K,MAAO,CAAC,OAAU,GAAFhK,OAAW,IAANnD,EAAS,WAAUgC,EAAIwG,GAAIxG,EAAIoO,SAAS,SAASC,GAAQ,OAAOnO,EAAG,MAAM,CAACE,YAAY,SAAS+K,MAAOnL,EAAIsO,eAAeD,SAAc,GAAIrO,EAAIuO,WAAYrO,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAG,QAAQN,EAAIO,GAAGP,EAAIkI,QAAQhI,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAG,QAAQN,EAAIO,GAAGP,EAAImI,UAAUnI,EAAIU,QAEplBK,EAAkB,GCoBP,GACfxD,KAAA,YACAwM,MAAA,CACAP,OAAA,CACAQ,KAAAvD,MACAkH,UAAA,GAEAS,QAAA,CACApE,KAAAvD,MACAkH,UAAA,EACAzD,QAAA,sBAEAqE,WAAA,CACAvE,KAAAS,QACAP,SAAA,GAEAhC,IAAA,CACA8B,KAAAI,OACAF,QAAA,GAEA/B,IAAA,CACA6B,KAAAI,OACAF,QAAA,IAGA/O,KAAA,WACA,OACAqT,gBAAA,KAGA5D,QAAA,CACA6D,iBAAA,SAAAzQ,GACA,OAAAA,EAAA,KAAAkK,MAAA,KAAAC,IAAA,KAAAD,MAEAoG,eAAA,SAAAD,GACA,OACAK,gBAAAL,EAAAvE,MACA6E,KAAA,GAAAxN,OAAA,SAAAsN,iBAAAJ,EAAArQ,OAAA,SC3DmV,ICQ/U,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCMA,IACfT,KAAA,mBACAqR,WAAA,CAAAC,aACA9E,MAAA,CACA/L,MAAA,CACAgM,KAAAvD,MACAkH,UAAA,GAEAO,kBAAA,CACAlE,KAAAvD,MACAkH,UAAA,GAEAQ,UAAA,CACAnE,KAAAI,OACAuD,UAAA,EACAzD,QAAA,IAGAU,QAAA,CACAkE,WAAA,SAAAjI,EAAA7I,GACA,IAAAsK,EAAA,KAAA4F,kBAAArH,GAAAsB,IAAA,KAAA+F,kBAAArH,GAAAqB,IACA6G,GAAA/Q,EAAA,KAAAkQ,kBAAArH,GAAAqB,KAAAI,EACA6C,EAAA,CACA,QAAAhK,OAAA,IAAA4N,EAAA,MAGA,OADAnF,QAAAC,IAAAsB,GACAA,KCnD0V,MCQtV,I,UAAY,eACd,GACA,EACA,GACA,EACA,KACA,WACA,OAIa,M,QCnBXpL,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wBAAwBJ,EAAIwG,GAAIxG,EAAIwJ,QAAQ,SAASxL,EAAM6I,GAAO,OAAO3G,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,MAAM+K,MAAO,CAAC,MAAS,GAAFhK,OAAa,IAARnD,EAAW,QAAQgC,EAAIwG,GAAIxG,EAAIoO,SAAS,SAASC,GAAQ,OAAOnO,EAAG,MAAM,CAACE,YAAY,SAAS+K,MAAO,CAAC,KAAQ,GAAFhK,OAA4B,IAAvBkN,EAAO7E,OAAO3C,GAAY,KAAK,mBAAoBwH,EAAOvE,aAAa,MAAK,IAE1a/I,GAAkB,GCiBP,IACfxD,KAAA,aACAwM,MAAA,CACAP,OAAA,CACAQ,KAAAvD,MACAkH,UAAA,GAEAS,QAAA,CACApE,KAAAvD,MACAkH,UAAA,EACAzD,QAAA,wBC7BoV,MCQhV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCwJA,IACf3M,KAAA,kBACAqR,WAAA,CACAI,cACAH,YACAI,uBACAC,oBACAC,kBACAC,6BACAC,0BAEAtF,MAAA,CACA1J,MAAA,CACA2J,KAAApO,OACA+R,UAAA,GAEA1H,YAAA,CACA+D,KAAApO,OACA+R,UAAA,GAEAQ,UAAA,CACAnE,KAAAI,OACAuD,UAAA,EACAzD,QAAA,GAEAxC,WAAA,CACAsC,KAAAS,QACAkD,UAAA,EACAzD,SAAA,IAGA/O,KAAA,WACA,OACAmU,SAGAxB,SAAA,CACA5H,MAAA,WACA,WAAAtK,OAAA0N,KAAA,KAAArD,aAAAtK,QAEA2L,gBAAA,WACA,OAAAgI,IAAAC,MAAA,KAAAtJ,YAAAM,oBAEAiB,gBAAA,WACA,OAAA8H,IAAAC,MAAA,KAAAtJ,YAAAuJ,qBAGA5E,QAAA,CACA9C,cAAA,SAAAvK,GACA,IAAAkS,EAAA5Q,OAAAuC,SAAAC,SAAA,KAAAxC,OAAAuC,SAAAsO,KAAA7Q,OAAAuC,SAAAuO,SACAC,EAAA,IAAAC,gBAAA,CACAC,SAAA,EACA9R,MAAAT,IAEA,SAAA4D,OAAAsO,EAAA,KAAAtO,OAAAyO,EAAAG,cAGAzC,MAAA,CACA5F,WAAA,SAAA6F,GACA3D,QAAAC,IAAA,aAAA0D,MCtOoV,MCQhV,I,UAAY,eACd,GACA,EACA,GACA,EACA,KACA,WACA,OAIa,M,QCnBXxN,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACJ,EAAIgQ,GAAG,GAAG9P,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACE,YAAY,QAAQI,MAAM,CAAC,YAAcR,EAAIiQ,aAAalI,SAAS,CAAC,MAAQ/H,EAAIkQ,eAAe3K,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAIA,EAAOnG,KAAKoG,QAAQ,QAAQpQ,EAAIqQ,GAAGF,EAAOG,QAAQ,QAAQ,GAAGH,EAAO7R,IAAI,SAAgB,KAAY0B,EAAIuQ,WAAW,MAAQvQ,EAAIwQ,WAAWtQ,EAAG,SAAS,CAACE,YAAY,SAASmF,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAOnQ,EAAIyQ,aAAa,CAACzQ,EAAIM,GAAG,WAAWN,EAAIO,GAAGP,EAAI0Q,YAAY,iBAEnjB3P,GAAkB,CAAC,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIM,GAAG,sIAAsIJ,EAAG,IAAI,CAACM,MAAM,CAAC,KAAO,yBAAyB,CAACR,EAAIM,GAAG,0BAA0BN,EAAIM,GAAG,6KCF5UqQ,GAASC,EAAQ,QAWhB,SAASC,GAAU1V,GACxB,IAAM2V,EAAOH,GAAOI,WAAW,UAE/B,OADAD,EAAKE,OAAO7V,GACL2V,EAAKG,OAAO,OCaN,QACf1T,KAAA,gBACAwM,MAAA,CACA/L,MAAA,CACAgM,KAAAC,OACA0D,UAAA,GAEA+C,WAAA,CACA1G,KAAAC,OACAC,QAAA,UAEA+F,YAAA,CACAjG,KAAAC,OACAC,QAAA,mCAEAA,QAAA,CACAF,KAAAC,OACAC,QAAA,oBAGA/O,KAAA,WACA,OAEA+U,cAAA,KAAAlS,QAGA4M,QAAA,CACA6F,QAAA,WACA,KAAAS,UAEAX,QAAA,WACA,KAAAW,UAEAV,QAAA,SAAAW,GACA,KAAAC,YAAAD,EAAAE,OAAArT,QAEAoT,YAAA,SAAA7D,GACA,KAAA2C,cAAA3C,EACA,KAAA+D,MAAA,aAAApB,gBAEAgB,OAAA,WACA,KAAAI,MAAA,cAAApB,gBAaAqB,QAAA,WACA,OAAAV,GAAA,KAAA7S,QAiBAwT,gBAAA,SAAArW,GACA,OAAAA,EAAA,WAGAmS,MAAA,CACAtP,MAAA,SAAAuP,GACA,KAAA6D,YAAA7D,KAUAJ,QAAA,WACA,IAAAsE,EAAA,KACA,KAAAC,WAAA,WACAD,EAAAH,MAAA,cCtHuV,MCQnV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCnBXvR,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIM,GAAG,+MAA+MJ,EAAG,MAAM,CAACE,YAAY,OAAO4F,YAAY,CAAC,MAAQ,OAAO,OAAS,SAASxF,MAAM,CAAC,GAAK,UAAUN,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACE,YAAY,QAAQI,MAAM,CAAC,YAAcR,EAAIiQ,aAAalI,SAAS,CAAC,MAAQ/H,EAAIkQ,eAAe3K,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAIA,EAAOnG,KAAKoG,QAAQ,QAAQpQ,EAAIqQ,GAAGF,EAAOG,QAAQ,QAAQ,GAAGH,EAAO7R,IAAI,SAAgB,KAAY0B,EAAIuQ,WAAW,MAAQvQ,EAAIwQ,WAAWtQ,EAAG,SAAS,CAACE,YAAY,SAASmF,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAOnQ,EAAIyQ,aAAa,CAACzQ,EAAIM,GAAG,WAAWN,EAAIO,GAAGP,EAAI0Q,YAAY,iBAEt4B3P,GAAkB,GC8BP,IACfxD,KAAA,oBACAwM,MAAA,CACA/L,MAAA,CACAgM,KAAAC,OACA0D,UAAA,GAEA+C,WAAA,CACA1G,KAAAC,OACAC,QAAA,UAEA+F,YAAA,CACAjG,KAAAC,OACAC,QAAA,mCAEAA,QAAA,CACAF,KAAAC,OACAC,QAAA,oBAGA/O,KAAA,WACA,OAEA+U,cAAA,KAAAlS,MACA2T,KAAA,OAGA/G,QAAA,CACA6F,QAAA,WACA,KAAAS,UAEAX,QAAA,WACA,KAAAW,UAMAV,QAAA,SAAAW,GAGA,KAAAQ,KAAAC,0BAAAT,EAAAE,OAAArT,OAEA,KAAAoT,YAAAD,EAAAE,OAAArT,QAEAoT,YAAA,SAAA7D,GACA,KAAA2C,cAAA3C,EACA,KAAA+D,MAAA,aAAApB,gBAEAgB,OAAA,WACA,KAAAI,MAAA,cAAApB,gBAaAqB,QAAA,WACA,OAAAV,GAAA,KAAA7S,QAiBAwT,gBAAA,SAAArW,GACA,OAAAA,EAAA,WAGAmS,MAAA,CACAtP,MAAA,SAAAuP,GACA,KAAA6D,YAAA7D,KAUAJ,QAAA,eAAA0E,EAAA,KAQAhT,OAAAiT,WAAA,WACAD,EAAAF,KAAA,IAAA9S,OAAAkT,SAAAC,KAAA,uBACA,2FAEAH,EAAAF,KAAAM,gCAAA,SAGAJ,EAAAF,KAAAC,0BAAAC,EAAA7T,OAIA6T,EAAAF,KAAAO,YAAA,qCACAL,EAAAT,YAAAS,EAAAF,KAAAQ,cAOA,IAAAC,EAAA9M,eAAA,yBACA+M,EAAAC,SAAAC,cAAA,UACAF,EAAArI,KAAA,kBACAqI,EAAAD,MAAApU,MACAsU,SAAAE,KAAAC,YAAAJ,GAIA,IAAAZ,EAAA,KACA,KAAAC,WAAA,WACAD,EAAAH,MAAA,cCtK2V,MCQvV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCnBXvR,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIM,GAAG,oEAAoEJ,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACE,YAAY,QAAQI,MAAM,CAAC,YAAcR,EAAIiQ,aAAalI,SAAS,CAAC,MAAQ/H,EAAIkQ,eAAe3K,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAIA,EAAOnG,KAAKoG,QAAQ,QAAQpQ,EAAIqQ,GAAGF,EAAOG,QAAQ,QAAQ,GAAGH,EAAO7R,IAAI,SAAgB,KAAY0B,EAAIuQ,WAAW,MAAQvQ,EAAIwQ,WAAWtQ,EAAG,SAAS,CAACE,YAAY,SAASmF,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAOnQ,EAAIyQ,aAAa,CAACzQ,EAAIM,GAAG,WAAWN,EAAIO,GAAGP,EAAI0Q,YAAY,iBAE7pB3P,GAAkB,GCqBP,IACfxD,KAAA,kBACAwM,MAAA,CACA/L,MAAA,CACAgM,KAAAC,OACA0D,UAAA,GAEA+C,WAAA,CACA1G,KAAAC,OACAC,QAAA,UAEA+F,YAAA,CACAjG,KAAAC,OACAC,QAAA,oCAEAA,QAAA,CACAF,KAAAC,OACAC,QAAA,SAGA/O,KAAA,WACA,OAEA+U,cAAA,KAAAlS,QAGA4M,QAAA,CACA6F,QAAA,WACA,KAAAS,UAEAX,QAAA,WACA,KAAAW,UAEAV,QAAA,SAAAW,GACA,KAAAC,YAAAD,EAAAE,OAAArT,QAEAoT,YAAA,SAAA7D,GACA,KAAA2C,cAAA3C,EACA,KAAA+D,MAAA,aAAApB,gBAEAgB,OAAA,WACA,KAAAI,MAAA,cAAApB,gBAaAqB,QAAA,WACA,OAAAV,GAAA,KAAA7S,QAiBAwT,gBAAA,SAAArW,GACA,OAAAA,EAAA,WAGAmS,MAAA,CACAtP,MAAA,SAAAuP,GACA,KAAA6D,YAAA7D,KAUAJ,QAAA,WACA,IAAAsE,EAAA,KACA,KAAAC,WAAA,WACAD,EAAAH,MAAA,cClHyV,MCQrV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCnBXvR,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,iBAAiBJ,EAAIwG,GAAIxG,EAAI8F,SAAS,SAAS3K,GAAM,OAAQA,EAAM+E,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIM,GAAG,WAAWN,EAAIO,GAAGpF,EAAKoC,MAAM,YAAgC,YAAnBpC,EAAK6O,KAAKzM,KAAoB2C,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,QAAQ,CAACwS,WAAW,CAAC,CAACnV,KAAK,QAAQoV,QAAQ,UAAU3U,MAAOgC,EAAI4S,cAAczX,EAAKmD,KAAMsH,WAAW,4BAA4BpF,MAAM,CAAC,KAAO,YAAYuH,SAAS,CAAC,QAAUtB,MAAMoM,QAAQ7S,EAAI4S,cAAczX,EAAKmD,MAAM0B,EAAI8S,GAAG9S,EAAI4S,cAAczX,EAAKmD,KAAK,OAAO,EAAG0B,EAAI4S,cAAczX,EAAKmD,MAAOiH,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAOnQ,EAAIwQ,QAAQrV,EAAKmD,IAAK6R,EAAOkB,OAAO0B,UAAU,OAAS,SAAS5C,GAAQ,IAAI6C,EAAIhT,EAAI4S,cAAczX,EAAKmD,KAAK2U,EAAK9C,EAAOkB,OAAO6B,IAAID,EAAKF,QAAuB,GAAGtM,MAAMoM,QAAQG,GAAK,CAAC,IAAIrN,EAAI,KAAKwN,EAAInT,EAAI8S,GAAGE,EAAIrN,GAAQsN,EAAKF,QAASI,EAAI,GAAInT,EAAIoT,KAAKpT,EAAI4S,cAAezX,EAAKmD,IAAK0U,EAAI7R,OAAO,CAACwE,KAAawN,GAAK,GAAInT,EAAIoT,KAAKpT,EAAI4S,cAAezX,EAAKmD,IAAK0U,EAAIjU,MAAM,EAAEoU,GAAKhS,OAAO6R,EAAIjU,MAAMoU,EAAI,UAAYnT,EAAIoT,KAAKpT,EAAI4S,cAAezX,EAAKmD,IAAK4U,SAAgC,YAAnB/X,EAAK6O,KAAKzM,KAAoB2C,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,QAAQ,CAACwS,WAAW,CAAC,CAACnV,KAAK,QAAQoV,QAAQ,UAAU3U,MAAOgC,EAAI4S,cAAczX,EAAKmD,KAAMsH,WAAW,4BAA4BpF,MAAM,CAAC,KAAO,SAAS,IAAMrF,EAAK6O,KAAK9B,IAAI,IAAM/M,EAAK6O,KAAK7B,KAAKJ,SAAS,CAAC,MAAS/H,EAAI4S,cAAczX,EAAKmD,MAAOiH,GAAG,CAAC,MAAQ,CAAC,SAAS4K,GAAWA,EAAOkB,OAAOgC,WAAiBrT,EAAIoT,KAAKpT,EAAI4S,cAAezX,EAAKmD,IAAK6R,EAAOkB,OAAOrT,QAAQ,SAASmS,GAAQ,OAAOnQ,EAAIwQ,QAAQrV,EAAKmD,IAAK6R,EAAOkB,OAAOrT,cAAkC,WAAnB7C,EAAK6O,KAAKzM,KAAmB2C,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,SAAS,CAACwS,WAAW,CAAC,CAACnV,KAAK,QAAQoV,QAAQ,UAAU3U,MAAOgC,EAAI4S,cAAczX,EAAKmD,KAAMsH,WAAW,4BAA4BxF,YAAY,iBAAiB2H,SAAS,CAAC,MAAQ/H,EAAI4S,cAAczX,EAAKmD,MAAMiH,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAOnQ,EAAIwQ,QAAQrV,EAAKmD,IAAK6R,EAAOkB,OAAOrT,QAAQ,OAAS,SAASmS,GAAQ,IAAImD,EAAgB7M,MAAM5K,UAAU0X,OAAOxX,KAAKoU,EAAOkB,OAAOvL,SAAQ,SAASrI,GAAG,OAAOA,EAAE+V,YAAWtK,KAAI,SAASzL,GAAG,IAAIgW,EAAM,WAAYhW,EAAIA,EAAEiW,OAASjW,EAAEO,MAAM,OAAOyV,KAAOzT,EAAIoT,KAAKpT,EAAI4S,cAAezX,EAAKmD,IAAK6R,EAAOkB,OAAOsC,SAAWL,EAAgBA,EAAc,OAAOtT,EAAIwG,GAAIrL,EAAK6O,KAAK4J,SAAS,SAASC,GAAG,OAAO3T,EAAG,SAAS,CAAC6H,SAAS,CAAC,MAAQ8L,EAAEvV,MAAM,CAAC0B,EAAIM,GAAG,eAAeN,EAAIO,GAAGsT,EAAEtW,MAAM,mBAAkB,KAAK2C,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,QAAQ,CAACwS,WAAW,CAAC,CAACnV,KAAK,QAAQoV,QAAQ,UAAU3U,MAAOgC,EAAI4S,cAAczX,EAAKmD,KAAMsH,WAAW,4BAA4BpF,MAAM,CAAC,KAAO,QAAQuH,SAAS,CAAC,MAAS/H,EAAI4S,cAAczX,EAAKmD,MAAOiH,GAAG,CAAC,MAAQ,SAAS4K,GAAWA,EAAOkB,OAAOgC,WAAiBrT,EAAIoT,KAAKpT,EAAI4S,cAAezX,EAAKmD,IAAK6R,EAAOkB,OAAOrT,eAAegC,EAAIU,QAAO,IAEtyFK,GAAkB,G,uiCCsDP,QACfxD,KAAA,eACAwM,MAAA,CACA/L,MAAA,CACAgM,KAAApO,OACA+R,UAAA,GAEA7H,QAAA,CACAkE,KAAAvD,MACAkH,UAAA,IAGAxS,KAAA,WACA,OACAyX,cAAA,KAAA5U,QAGAmP,QAAA,WACA,KAAA2G,eAAA,KAAAhO,SACA,KAAA0K,WAEA5F,QAAA,CACAkJ,eAAA,SAAAhO,GAAA,IACAiO,EADAC,EAAAC,GACAnO,GAAA,QAAAkO,EAAAjX,MAAAgX,EAAAC,EAAAxV,KAAA0V,MAAA,KAAA/Y,EAAA4Y,EAAA/V,WACAmL,IAAAhO,QAAAgO,IAAAhO,EAAAmD,KAAA,KAAAsU,cAAA9W,eAAAX,EAAAmD,OACA,KAAAsU,cAAAzX,EAAAmD,KAAAnD,EAAA6O,KAAAE,UAEA,MAAAiK,GAAAH,EAAA1H,EAAA6H,GAAA,QAAAH,EAAAI,MAEA5D,QAAA,SAAAlS,EAAAN,GAEAM,IAEA,KAAAsU,cAAAtU,GAAAN,EACA,KAAAoV,KAAA,KAAAR,cAAAtU,EAAAN,GACA,KAAAsT,MAAA,aAAAsB,kBAGAtF,MAAA,CACAxH,QAAA,SAAAyH,GACA,KAAAuG,eAAAvG,MChGsV,MCQlV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCmEA,IACfhQ,KAAA,4BACAqR,WAAA,CACAyF,gBACAC,iBACAC,qBACAC,mBACArF,kBACAC,6BACAqF,eAEA1K,MAAA,CACA1J,MAAA,CACA2J,KAAApO,OACA+R,UAAA,GAEA+G,cAAA,CACA1K,KAAAvD,MACAkH,UAAA,EACAzD,QAAA,WACA,6BAIA/O,KAAA,WACA,OAEAwZ,IAAA,IAAA3T,EACAkC,KAAA,KAAA0R,OAAAhF,OAAA1M,KACAlF,MAAA,KACA8H,QAAA,CACA,qBAIAC,WAAA,EAEAE,YAAA,KAGA2E,QAAA,CACAkF,QAAA,SAAA9R,GAAA,IAAA6T,EAAA,KACAJ,EAAA,KAEA,KAAA1L,WAAA,EAGA,KAAA4O,IAAAlQ,cAAA,KAAAvB,KAAAlF,EAAA,KAAA8H,SACA+O,MAAA,SAAA5O,GACAwL,EAAA1L,WAAA,EACA0L,EAAAxL,cACAwL,EAAA3G,MAAAgK,WAAA1H,eAGAyE,EAAA8C,IAAA1P,wBACA4M,EAAA3O,KACAlF,EACA6T,EAAA/L,SAEA+O,MAAA,SAAA5O,GACAwL,EAAAxL,cACAwL,EAAA3G,MAAAgK,WAAA1H,kBAEA2H,OAAA,SAAAjT,GACAkT,MAAA,iFAGAD,OAAA,SAAAjT,GACAkT,MAAA,wCAGAxP,SAAA,SAAAxH,GAIA,QAAA8H,QAAA,oBACA,KAAAgK,QAAA9R,OADA,CAKA,IAAAyT,EAAA,KAOAwD,EAAA,KAAAnK,MAAA1G,MAAAmN,UAEA,KAAAoD,IAAA5Q,oBAAA,KAAA1D,MAAA6C,KAAA+R,GACAJ,MAAA,SAAA1Z,GACAsW,EAAAxL,YAAA9K,KAEA4Z,OAAA,SAAA5Z,GAGAsW,EAAA3B,QAAA9R,QAUAyH,aAAA,WACA,IAAArB,EAAA,KAAA0G,MAAA1G,MACA,QAAAwQ,OAAAM,MAAApZ,eAAA,YAMA,IAAAkC,EAAAoG,EAAAoN,gBAAA,KAAAoD,OAAAM,OACA,KAAAlX,QACAoG,EAAApG,QACA,KAAAwH,SAAAxH,KAGA6H,cAAA,WAKA,QAAAsD,IAAA,KAAA9I,MAAA,uCACA,SAIA,IADA,IAAA8U,EAAA,GACArC,EAAA,EAAAsC,EAAAxZ,OAAAyZ,QAAA,KAAAhV,MAAAiV,qCAAAxC,EAAAsC,EAAAzZ,OAAAmX,IAAA,KAAAyC,EAAAC,eAAAJ,EAAAtC,GAAA,GAAAxU,EAAAiX,EAAA,GAAAvX,EAAAuX,EAAA,GACAJ,EAAAlZ,KAAA,KAAAqC,EAAA,KAAAN,IAGA,OACA,CACA,0BACA,iCACA,8CAEA,CACA,wBACA,kDACA,6CAEA,CACA,oBACA,uCACA,MACA,cACA,cACA,QAAAmX,KAEAhU,OAAAkI,eACA,KAAAhJ,MAAA,yCACA,CACA,uBACA,kEACA,kCAEA,CACA,uBACA,wCACA,sCAKAiN,MAAA,CASAjN,MAAA,SAAAkN,GAIA,KAAAvP,QACA,KAAAA,MAAAuP,EAAAkI,cAAAzX,UC5Q0V,MCQtV,I,UAAY,eACd,GACA,EACA,GACA,EACA,KACA,WACA,OAIa,M,QCnBX+B,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACJ,EAAIM,GAAG,oDAEjHS,GAAkB,GCKP,IACfxD,KAAA,4BCRyV,MCQrV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QC4BA,IACfA,KAAA,iBACAqR,WAAA,CAAA8G,iBACAva,KAAA,WACA,OACAwZ,IAAA,IAAA3T,EACAkC,KAAA,KAAA0R,OAAAhF,OAAA1M,KACA7C,MAAA,GACAO,WAAA,EACAD,KAAA,CACA,CAAApD,KAAA,iBAAAsD,UAAA8U,IACA,CAAApY,KAAA,eAAAsD,UAAA+U,OAIAhL,QAAA,GAGAuC,QAAA,WACA,IAAAsE,EAAA,KACA,KAAAkD,IAAApR,SAAA,KAAAL,MAAA2R,MAAA,SAAAxU,GACAoR,EAAApR,aCpEwV,MCQpV,I,UAAY,eACd,GACA,EACAU,GACA,EACA,KACA,WACA,OAIa,M,QCnBXhB,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAAEJ,EAAI6V,SAAU3V,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAAGJ,EAAI6V,SAAuG7V,EAAIU,KAAjGR,EAAG,cAAc,CAAC8F,YAAY,CAAC,OAAS,UAAUxF,MAAM,CAAC,MAAQ,UAAU,SAAU,KAAiBN,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAI6V,SAASC,eAAe5V,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAI6V,SAASE,oBAAoB7V,EAAG,cAAc,CAACE,YAAY,mBAAmBI,MAAM,CAAC,OAASR,EAAI6V,SAASG,aAAa,MAAO,EAAK,QAAS,KAAShW,EAAIgQ,GAAG,IAAI,GAAGhQ,EAAIU,QAE3mBK,GAAkB,CAAC,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,4BAA4B,IAAM,cAAcN,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,8BAA8B,IAAM,kBCgCjO,IACfjD,KAAA,WACAqR,WAAA,CACA8G,gBACAtG,8BAEAjU,KAAA,WACA,OACAwZ,IAAA,IAAA3T,EACA6U,SAAA,OAGA1I,QAAA,WACA,IAAAsE,EAAA,KACA,KAAAkD,IAAApS,cAAAsS,MAAA,SAAAgB,GACApE,EAAAoE,gBCjDkV,MCQ9U,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCbTI,GAAS,CACb,CACEC,KAAM,IACNrV,UAAWsV,IAEb,CACED,KAAM,iBACNrV,UAAWuV,GACXrM,OAAO,GAET,CACEmM,KAAM,QACNrV,UAAWsV,KAIfnX,OAAIC,IAAIoX,QACR,IAAMC,GAAS,IAAID,OAAU,CAC3BE,eAAc,SAAEC,EAAI9P,EAAM+P,GAAiB,MAAO,CAACjL,EAAG,EAAGC,EAAG,IAC5DvN,KAAM,UACN+X,YAGaK,MC7BXvW,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,YAAYI,MAAM,CAAC,GAAK,QAAQ,CAAER,EAAI0W,QAASxW,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,MAAMmF,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAOnQ,EAAI2W,SAAS,YAAY,CAAC3W,EAAIM,GAAG,4BAA4BN,EAAIwG,GAAIxG,EAAI4W,YAAY,SAASC,GAAU,OAAQA,EAAU3W,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAAC8F,YAAY,CAAC,QAAU,OAAO,iBAAiB,MAAM,cAAc,UAAU+B,SAAS,CAAC,UAAY/H,EAAIO,GAAGsW,EAASC,YAAY9W,EAAIwG,GAAIqQ,EAASE,QAAQ,SAAS1W,GAAO,OAAOH,EAAG,MAAM,CAACE,YAAY,gBAAgBmF,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAOnQ,EAAIgX,cAAc3W,EAAM6C,SAAS,CAAClD,EAAIM,GAAG,eAAeN,EAAIO,GAAGF,EAAM9C,MAAM,oBAAmB,GAAGyC,EAAIU,SAAQ,KAAKV,EAAIU,KAAKR,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAAEJ,EAAIT,SAAUW,EAAG,MAAM,CAACE,YAAY,YAAYI,MAAM,CAAC,MAAQ,6BAA6B,EAAI,MAAM,EAAI,MAAM,MAAQ,KAAK,OAAS,KAAK,QAAU,aAAa+E,GAAG,CAAC,MAAQvF,EAAIiX,eAAe,CAAC/W,EAAG,OAAO,CAACM,MAAM,CAAC,EAAI,+FAA+FR,EAAIU,KAAKV,EAAIgQ,GAAG,GAAKhQ,EAAIT,SAA23BS,EAAIU,KAAr3BR,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,MAAMmF,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAOnQ,EAAI2W,SAAS,YAAY,CAACzW,EAAG,MAAM,CAACM,MAAM,CAAC,MAAQ,6BAA6B,EAAI,MAAM,EAAI,MAAM,MAAQ,KAAK,OAAS,KAAK,QAAU,cAAc,CAACN,EAAG,OAAO,CAACM,MAAM,CAAC,EAAI,iQAAiQN,EAAG,OAAO,CAACF,EAAIM,GAAG,YAAYN,EAAIwG,GAAIxG,EAAI4W,YAAY,SAASC,GAAU,OAAQ7W,EAAI4W,WAAY1W,EAAG,eAAe,CAACE,YAAY,MAAMI,MAAM,CAAC,SAAWR,EAAIkX,uBAAuBL,KAAY,CAAC3W,EAAG,MAAM,CAAC8F,YAAY,CAAC,QAAU,OAAO,iBAAiB,MAAM,cAAc,UAAU+B,SAAS,CAAC,UAAY/H,EAAIO,GAAGsW,EAASC,cAAc9W,EAAIU,SAAQ,OAAgBR,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,cAAc,CAAC5B,IAAI0B,EAAI4U,OAAOuC,YAAY,GAAGnX,EAAIgQ,GAAG,MAE7qEjP,GAAkB,CAAC,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,IAAMoQ,EAAQ,QAAwC,OAAS,UAAU1Q,EAAG,MAAM,CAAC8F,YAAY,CAAC,aAAa,QAAQ,CAAC9F,EAAG,OAAO,CAACM,MAAM,CAAC,GAAK,oBAAoB,CAACR,EAAIM,GAAG,WAAWN,EAAIM,GAAG,iBAC3T,WAAY,IAAIN,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACF,EAAIM,GAAG,uCAAuCJ,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACJ,EAAIM,GAAG,WAAWJ,EAAG,IAAI,CAACM,MAAM,CAAC,KAAO,wBAAwB,CAACR,EAAIM,GAAG,mBAAmBJ,EAAG,MAAMA,EAAG,IAAI,CAACM,MAAM,CAAC,KAAO,8BAA8B,CAACR,EAAIM,GAAG,+BCH7YP,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACoF,IAAI,MAAMlF,YAAY,YAAY,CAACF,EAAG,MAAM,CAACoF,IAAI,QAAQlF,YAAY,QAAQmF,GAAG,CAAC,MAAQvF,EAAIoX,gBAAgB,CAACpX,EAAIqX,GAAG,YAAY,GAAIrX,EAAIsX,OAAQpX,EAAG,MAAM,CAACoF,IAAI,UAAUlF,YAAY,oBAAoBJ,EAAIwG,GAAIxG,EAAIuX,UAAU,SAASC,GAAS,OAAOtX,EAAG,IAAI,CAACE,YAAY,UAAUmF,GAAG,CAAC,MAAQ,SAAS4K,GAAQ,OAAOnQ,EAAI2W,SAASa,EAAQC,UAAU,CAACzX,EAAIM,GAAG,WAAWN,EAAIO,GAAGiX,EAAQja,MAAM,eAAc,GAAGyC,EAAIU,QAE/dK,GAAkB,GCuBP,IACfxD,KAAA,cACAwM,MAAA,CACAwN,SAAA,CACAvN,KAAAvD,MACAkH,UAAA,IAGAxS,KAAA,WACA,OACAmc,QAAA,IAGA1M,QAAA,CACAwM,cAAA,WACA,KAAAE,QAAA,KAAAA,QAEAI,mBAAA,SAAAvG,GACA,KAAArG,MAAA6M,IAAAC,SAAAzG,EAAAE,UACA,KAAAiG,QAAA,IAGAX,SAAA,SAAAc,GACA,KAAAI,QAAA5b,KAAAwb,GACA,KAAAH,QAAA,IAGAnK,QAAA,WACAmF,SAAAwF,iBAAA,aAAAJ,sBCrDqV,MCQjV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,2mDC2EA,QACfna,KAAA,MACAqR,WAAA,CAAAmJ,gBACA5c,KAAA,WACA,OACA0I,IAAA,GAAA1C,OAAAtC,OAAAuC,SAAAC,SAAA,MAAAF,OAAAtC,OAAAuC,SAAAE,SAAA,KAAAH,OAAAtC,OAAAuC,SAAAG,MACAoT,IAAA,IAAA3T,EACA+V,OAAA,GACAL,SAAA,EACAE,WAAA,KAGAzJ,QAAA,WACAmF,SAAA0F,MAAA,gBAGA,KAAAC,kBACApZ,OAAAiZ,iBAAA,cAAAG,iBAEA,IAAAxG,EAAA,KAEA,KAAAkD,IAAAxR,YAAA0R,MAAA,SAAAkC,GACAtF,EAAAsF,SACAtF,EAAArE,kBAOA,KAAAuH,IAAA/R,qBAAAiS,MAAA,SAAA+B,GACAnF,EAAAmF,aACAnF,EAAArE,mBAGAxC,QAAArG,MAAA,GACA2T,eAAA,yBACAvB,SAAA,SAAAc,GACA,KAAAI,QAAA5b,KAAAwb,GAEA,KAAAlY,WACA,KAAAmX,SAAA,IAGAM,cAAA,SAAA9T,GACA,IAAAuU,EAAA,YAAAtW,OAAA+B,GACA,KAAAyT,SAAAc,IAEAQ,gBAAA,WACA,IAAAja,EAAAa,OAAAsZ,YAAA,IACA,KAAAxY,eAAA3B,IAEAiZ,aAAA,WACA,KAAAP,SAAA,KAAAA,SAOAQ,uBAAA,SAAAL,GACA,IACA9C,EADAwD,EAAA,GAAAvD,EAAAC,GACA4C,EAAAE,QAAA,QAAA/C,EAAAjX,MAAAgX,EAAAC,EAAAxV,KAAA0V,MAAA,KAAA7T,EAAA0T,EAAA/V,MAMAqC,EAAA+X,MAIAb,EAAAtb,KAAA,CACAsB,KAAA8C,EAAA9C,KACAka,MAAA,YAAAtW,OAAAd,EAAA6C,SAEA,MAAAiR,GAAAH,EAAA1H,EAAA6H,GAAA,QAAAH,EAAAI,IACA,OAAAmD,KAGAzJ,SAAAvJ,GAAA,GAGA8T,eAAA,gBCjL8T,MCS1T,I,oBAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,qBChBbC,gBAAS,GAADnX,OAAIoX,IAAoB,qBAAqB,CACnDC,MAAK,WACH5O,QAAQC,IACN,uGAIJ4O,OAAM,WACJ7O,QAAQC,IAAI,6CAEdwD,QAAO,WACLzD,QAAQC,IAAI,8CAEd6O,QAAO,WACL9O,QAAQC,IAAI,kEAEd8O,MAAK,SAAEA,GACL/O,QAAQ+O,MAAM,4CAA6CA,MChBjExW,IAAMyW,SAASC,eAAiB,YAChC1W,IAAMyW,SAASE,eAAiB,cAKhC9Z,OAAI+Z,OAAOC,eAAgB,EAE3B,IAAIha,OAAI,CACNsX,UACAnX,QACAY,OAAQ,SAAAkZ,GAAC,OAAIA,EAAEC,OACdC,OAAO,S,wHCjBV,W,kCCAA,W,oCCAA,W,wHCAA,W,gFCAA,W,yDCAA,W,kCCAA,W,uGCAA,W,kCCAA","file":"app.06959bcb0bc2f67236bc.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Confidence.vue?vue&type=style&index=0&id=3fd88128&prod&scoped=true&lang=css&\"","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!./ColorGraphInput.vue?vue&type=style&index=0&id=2349902d&prod&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HomePage.vue?vue&type=style&index=0&id=203b7d68&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/aimat_logo_small.443243aa.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Histogram.vue?vue&type=style&index=0&id=18c7891e&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImportanceImage.vue?vue&type=style&index=0&id=134aa138&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./JsmeMoleculeInput.vue?vue&type=style&index=0&id=cb77bd96&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavDropdown.vue?vue&type=style&index=0&id=69b9a412&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MultiPrediction.vue?vue&type=style&index=0&id=fa66fca8&prod&scoped=true&lang=css&\"","import Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nconst store = new Vuex.Store({\n  strict: true,\n  state: {\n    isMobile: false,\n  },\n  mutations: {\n    setIsMobile(state, isMobile) {\n      state.isMobile = isMobile;\n    }\n  },\n  actions: {\n    updateIsMobile({ commit }, isMobile) {\n      commit('setIsMobile', isMobile)\n    }\n  },\n  getters: {\n    isMobile: state => state.isMobile,\n  }\n})\n\nexport default store\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-container\"},[(_vm.model !== null)?_c('div',{staticClass:\"content-container\"},[_c('div',{staticClass:\"title-container\"},[_vm._v(\"\\n        \"+_vm._s(_vm.model.name)+\"\\n      \")]),_c('div',{staticClass:\"description-container\"},[_c('VueMarkdown',{staticClass:\"markdown-content\",attrs:{\"source\":_vm.model.description,\"html\":true,\"breaks\":false}})],1)]):_vm._e(),_c('div',{staticClass:\"content-container\"},[_c(_vm.tabs[_vm.currentTab].component,{tag:\"component\",attrs:{\"model\":_vm.model}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axios from \"axios\";\n\nexport class Api {\n\n  constructor() {\n    this.baseUrl = `${window.location.protocol}//${window.location.hostname}:${window.location.port}/api`;\n  }\n\n  /**\n   * Returns the Settings object for the site. This object contains generic information to populate the\n   * web application with such as the specific text content to be displayed on the home page.\n   *\n   * @returns {Promise<any>}\n   */\n  async getSettings() {\n    const response = await axios.get(`${this.baseUrl}/settings`);\n    return response.data;\n  }\n\n  /**\n   * Returns an object whose keys are the unique string slugs of all the available model categories and the\n   * values are the actual ModelCategory objects.\n   *\n   * @returns {Promise<*>}\n   */\n  async getModelCategories() {\n    const response = await axios.get(`${this.baseUrl}/model_categories/`);\n    return response.data;\n  }\n\n  /**\n   * An object, whose keys are the string slugs of the available models and the values are the objects\n   * which represent those models as returned by the REST API.\n   *\n   * @returns {Promise<*>}\n   */\n  async getModels() {\n    const response = await axios.get(`${this.baseUrl}/models/`);\n    // So apparently this is about the best option one has in JS to do what would be a\n    // \"dict comprehension\" in python...\n    return response.data.reduce((obj, value) => {\n      obj[value.slug] = value;\n      return obj;\n    }, {})\n  }\n\n  /**\n   * Returns the \"model\" object itself, which contains all the necessary information about the model such\n   * as the name, description, the number of explanation channels it employs etc...\n   *\n   * @param slug The unique string name for the model whose information to be returned\n   * @returns {Promise<any>}\n   */\n  async getModel(slug) {\n    const response = await axios.get(`${this.baseUrl}/models/${slug}/`);\n    return response.data\n  }\n\n  /**\n   * Returns the \"Explanation\" object given the uniquely identifying combination of the model slug for\n   * the model which has created the explanation and the hash string that identifies the input element\n   * for which the explanation is.\n   *\n   * @param modelSlug The unique string slug of the model\n   * @param explanationHash The unique string hash representing the input graph\n   * @returns {Promise<any>}\n   */\n  async getModelExplanation(modelSlug, explanationHash) {\n    // This is a nested api call because the unique key of \"Explanation\" instances is actually only a\n    // unique combination between the model names and the graph hash. It can't just be the hash because\n    // for two models it may very easily be the case that the same graph will come up as input for the\n    // prediction!\n    const url = `${this.baseUrl}/models/${modelSlug}/explanations/${explanationHash}`\n    const response = await axios.get(url);\n    return response.data;\n  }\n\n  /**\n   * Queries the model identified by \"slug\" for a single prediction using the \"input\" object. This object\n   * is supposed to be a valid input representation for that kind of model. The concrete fields that make\n   * up a valid input varies depending on the type of model.\n   *\n   * @param slug The unique string name for the model to be queried\n   * @param input A DomainRepr input value which specifies the graph to be predicted\n   * @param kwargs An object that defines additional keyword arguments for the invocation of the function\n   * @returns {Promise<any>}\n   */\n  async predictSingle(slug, input, kwargs) {\n    const data = {\n      'input': input,\n      ...kwargs,\n    };\n    const response = await axios.post(`${this.baseUrl}/models/${slug}/predict_single/`, data);\n    return response.data;\n  }\n\n  async generateCounterfactuals(slug,\n                                input,\n                                kwargs) {\n    const data = {\n      'input':              input,\n      ...kwargs,\n    }\n    const response = await axios.post(\n      `${this.baseUrl}/models/${slug}/generate_counterfactuals`,\n      data,\n      {timeout: 300000});\n    return response.data;\n  }\n\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"single-prediction\"},[_c('div',{staticClass:\"input-container\"},[(_vm.model.dataset_type === 'molecule')?_c('JsmeMoleculeInput',{ref:\"input\",attrs:{\"button-text\":\"Predict\"},on:{\"submit\":_vm.onSubmit,\"ready\":_vm.onInputReady},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}):_vm._e(),(_vm.model.dataset_type === 'color')?_c('ColorGraphInput',{ref:\"input\",on:{\"submit\":_vm.onSubmit,\"ready\":_vm.onInputReady},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}):_vm._e(),_c('options-input',{attrs:{\"options\":_vm.getOptionSpec()},model:{value:(_vm.options),callback:function ($$v) {_vm.options=$$v},expression:\"options\"}})],1),_c('div',{attrs:{\"div\":\"results-container\"}},[(_vm.triggered)?_c('ScaleLoader',{staticClass:\"loader\",staticStyle:{\"width\":\"fit-content\",\"margin\":\"20px auto\"},attrs:{\"color\":\"#1C9881\",\"loading\":true}}):_vm._e(),_c('ResultView',{ref:\"resultView\",staticClass:\"explanation-view\",attrs:{\"explanation\":_vm.explanation,\"model\":_vm.model,\"use-heatmap\":_vm.options['fidelity_heatmap']}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"explanation-view\"},[(_vm.empty)?_c('div',{staticClass:\"placeholder-container\"}):_vm._e(),(!_vm.empty)?_c('div',[_c('div',{staticClass:\"section-container\"},[_c('div',{staticClass:\"section-title\"},[_vm._v(\"Prediction\")]),_c('div',{staticClass:\"section-content\"},[_c('div',{staticClass:\"section-description\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"10\",\"height\":\"10\",\"viewBox\":\"0 0 50 50\"}},[_c('path',{attrs:{\"d\":\"M 25 2 C 12.309295 2 2 12.309295 2 25 C 2 37.690705 12.309295 48 25 48 C 37.690705 48 48 37.690705 48 25 C 48 12.309295 37.690705 2 25 2 z M 25 4 C 36.609824 4 46 13.390176 46 25 C 46 36.609824 36.609824 46 25 46 C 13.390176 46 4 36.609824 4 25 C 4 13.390176 13.390176 4 25 4 z M 25 11 A 3 3 0 0 0 22 14 A 3 3 0 0 0 25 17 A 3 3 0 0 0 28 14 A 3 3 0 0 0 25 11 z M 21 21 L 21 23 L 22 23 L 23 23 L 23 36 L 22 36 L 21 36 L 21 38 L 22 38 L 23 38 L 27 38 L 28 38 L 29 38 L 29 36 L 28 36 L 27 36 L 27 21 L 26 21 L 22 21 L 21 21 z\"}})]),_vm._v(\"\\n          Displays the main prediction result of the model. For regression models it will show the numeric\\n          value of the prediction, as well as the location of that value within a histogram of the\\n          training dataset value distribution. For classification results, the predicted class will be\\n          highlighted and all the class confidence scores will be visualized.\\n        \")]),(_vm.model.output_type === 'classification')?_c('ClassificationResult',{attrs:{\"classificationDetails\":_vm.model.classification_details,\"value\":_vm.explanation.prediction}}):_vm._e(),(_vm.model.output_type === 'regression')?_c('RegressionResult',{attrs:{\"regressionDetails\":_vm.model.regression_details,\"value\":_vm.explanation.prediction}}):_vm._e()],1)]),_c('div',{staticClass:\"section-container\"},[_c('div',{staticClass:\"section-title\"},[_vm._v(\"Local Explanation\")]),_c('div',{staticClass:\"section-content\"},[_c('div',{staticClass:\"section-description\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"10\",\"height\":\"10\",\"viewBox\":\"0 0 50 50\"}},[_c('path',{attrs:{\"d\":\"M 25 2 C 12.309295 2 2 12.309295 2 25 C 2 37.690705 12.309295 48 25 48 C 37.690705 48 48 37.690705 48 25 C 48 12.309295 37.690705 2 25 2 z M 25 4 C 36.609824 4 46 13.390176 46 25 C 46 36.609824 36.609824 46 25 46 C 13.390176 46 4 36.609824 4 25 C 4 13.390176 13.390176 4 25 4 z M 25 11 A 3 3 0 0 0 22 14 A 3 3 0 0 0 25 17 A 3 3 0 0 0 28 14 A 3 3 0 0 0 25 11 z M 21 21 L 21 23 L 22 23 L 23 23 L 23 36 L 22 36 L 21 36 L 21 38 L 22 38 L 23 38 L 27 38 L 28 38 L 29 38 L 29 36 L 28 36 L 27 36 L 27 21 L 26 21 L 22 21 L 21 21 z\"}})]),_vm._v(\"\\n          Displays the multi-channel attributional explanations for the prediction. This kind of\\n          explanation assigns 0 to 1 values of \\\"importance\\\" to each input element (nodes and edges) which\\n          indicate how relevant that element was to the respective channel. Higher importance values are\\n          indicated with darker highlights.\\n          Each channel has a different interpretation, which will be explained above each visualization.\\n          Below each visualization, the \"),_c('em',[_vm._v(\"Leave-one-out Fidelity\")]),_vm._v(\" value of that corresponding\\n          explanation is shown. Positive fidelity values indicate that the effects of the shown\\n          explanation channels on the final model prediction are aligned with the intended interpretation.\\n        \")]),(_vm.explanation.node_attributions.length === 0)?_c('ScaleLoader',{staticClass:\"loader\",staticStyle:{\"margin\":\"0 auto\"},attrs:{\"color\":\"#1C9881\",\"loading\":true}}):_vm._e(),_c('div',{staticClass:\"explanation-container\"},_vm._l((Array.from({length: _vm.model.num_explanations}, (_, i) => i)),function(index){return _c('div',{staticClass:\"explanation\"},[_c('div',{staticClass:\"explanation-name\"},[_vm._v(\"\\n              \"+_vm._s(_vm.model.explanation_details[index].name)+\"\\n            \")]),_c('div',{staticClass:\"explanation-description\"},[_vm._v(\"\\n              \"+_vm._s(_vm.model.explanation_details[index].description)+\"\\n            \")]),_c('div',{staticClass:\"explanation-description\"},[_c('em',[_vm._v(\"Leave-one-out Fidelity\")]),_vm._v(\": \"),_c('strong',[_vm._v(_vm._s(_vm.explanation.fidelity[index].toFixed(2)))])]),_c('ImportanceImage',{key:index,staticClass:\"importance-image\",attrs:{\"image-url\":`/media/${_vm.explanation.visualization.file}`,\"node-positions\":_vm.explanation.graph.node_positions,\"edge-indices\":_vm.explanation.graph.edge_indices,\"node-importances\":_vm.nodeImportances.slice(null, index).tolist(),\"edge-importances\":_vm.edgeImportances.slice(null, index).tolist(),\"weight\":_vm.explanation.fidelity_normalized[index],\"use-heatmap\":_vm.useHeatmap}})],1)}),0)],1)]),(_vm.explanation.counterfactuals)?_c('div',{staticClass:\"section-container\"},[_c('div',{staticClass:\"section-title\"},[_vm._v(\"Counterfactual Results\")]),_c('div',{staticClass:\"counterfactual-container section-content\"},[_c('div',{staticClass:\"section-description\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"10\",\"height\":\"10\",\"viewBox\":\"0 0 50 50\"}},[_c('path',{attrs:{\"d\":\"M 25 2 C 12.309295 2 2 12.309295 2 25 C 2 37.690705 12.309295 48 25 48 C 37.690705 48 48 37.690705 48 25 C 48 12.309295 37.690705 2 25 2 z M 25 4 C 36.609824 4 46 13.390176 46 25 C 46 36.609824 36.609824 46 25 46 C 13.390176 46 4 36.609824 4 25 C 4 13.390176 13.390176 4 25 4 z M 25 11 A 3 3 0 0 0 22 14 A 3 3 0 0 0 25 17 A 3 3 0 0 0 28 14 A 3 3 0 0 0 25 11 z M 21 21 L 21 23 L 22 23 L 23 23 L 23 36 L 22 36 L 21 36 L 21 38 L 22 38 L 23 38 L 27 38 L 28 38 L 29 38 L 29 36 L 28 36 L 27 36 L 27 21 L 26 21 L 22 21 L 21 21 z\"}})]),_vm._v(\"\\n          Displays the counterfactual explanations for the prediction. Counterfactual explanations are\\n          drawn from an k-neighborhood of all permissible graph edits as those elements which show the\\n          greatest difference for the prediction w.r.t. to the original prediction. Each counterfactual\\n          will also show a visualization of this prediction difference. For regression this will be a\\n          histogram and for classification confidence bars. The black marker defines the original\\n          prediction and the red marker the predicted values for the counterfactual.\\n        \")]),(_vm.explanation.counterfactuals.length === 0)?_c('ScaleLoader',{staticClass:\"loader\",staticStyle:{\"margin\":\"0 auto\"},attrs:{\"color\":\"#1C9881\",\"loading\":true}}):_vm._e(),_vm._l((_vm.explanation.counterfactuals),function(cf){return _c('div',{staticClass:\"counterfactual\"},[_c('img',{staticClass:\"counterfactual-image\",attrs:{\"alt\":\"counterfactual image\",\"src\":cf.image}}),_c('div',{staticClass:\"counterfactual-info\"},[_c('a',{staticClass:\"cf-name\",attrs:{\"href\":_vm.getElementUrl(cf.name)}},[_vm._v(_vm._s(cf.name))]),_c('div',{staticClass:\"counterfactual-label\",domProps:{\"innerHTML\":_vm._s(cf.label)}}),(_vm.model.output_type === 'regression')?_c('div',{staticClass:\"cf-histogram-container\"},_vm._l((_vm.model.regression_details),function(value,index){return _c('Histogram',{staticClass:\"cf-histogram\",attrs:{\"values\":value.histogram,\"min\":value.min,\"max\":value.max,\"show-labels\":false,\"markers\":[{'value': _vm.explanation.prediction[index], 'color': 'black'},\n                           {'value': cf.prediction[0][index], 'color': 'red'}]}})}),1):_vm._e(),(_vm.model.output_type === 'classification')?_c('div',{staticClass:\"cf-confidence-container\"},[_c('Confidence',{staticClass:\"cf-confidence\",attrs:{\"values\":_vm.explanation.prediction,\"markers\":[{'values': cf.prediction[0], 'color': 'red'}]}})],1):_vm._e()])])})],2)]):_vm._e()]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"container\",staticClass:\"image-container\",on:{\"resize\":_vm.onResize}},[_c('img',{ref:\"image\",staticClass:\"image\",attrs:{\"src\":_vm.imageUrl,\"width\":_vm.width,\"height\":_vm.height},on:{\"load\":_vm.updateCanvas}}),_c('canvas',{ref:\"canvas\",staticClass:\"canvas\"})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\nexport const COOLWARM_MAP = new Map([\n  // lightskyblue\n  [0.0, [0.53, 0.81, 0.98]],\n  // lightgray\n  [0.5, [0.9, 0.9, 0.9]],\n  // lightcoral\n  [1.0, [0.941, 0.502, 0.502]],\n])\n\n\nexport function interpolateColor(color1, color2, fraction) {\n  const r = color1[0] + (color2[0] - color1[0]) * fraction;\n  const g = color1[1] + (color2[1] - color1[1]) * fraction;\n  const b = color1[2] + (color2[2] - color1[2]) * fraction;\n  return [r, g, b];\n}\n\nexport function mapColor(value, map = COOLWARM_MAP) {\n  // At first, we need to figure out how in between which two colors our own color lies.\n  const mapKeys = [...map.keys()];\n  const mapValues = [...map.values()];\n\n  let indexStart = 0;\n  let indexEnd = 0;\n  for (let i=0; i<map.size-1; i++) {\n    indexStart = i;\n    indexEnd = i+1;\n    if (value <= mapKeys[i+1]) {\n      break;\n    }\n  }\n  console.log(indexStart, indexEnd);\n\n  // Then we need to calculate the fraction for the lerp\n  const fraction = (value - mapKeys[indexStart]) / (mapKeys[indexEnd] - mapKeys[indexStart]);\n  const color = interpolateColor(\n    mapValues[indexStart],\n    mapValues[indexEnd],\n    fraction,\n  )\n\n  return color;\n}\n","<template>\n  <div\n    class=\"image-container\"\n    ref=\"container\"\n    @resize=\"onResize\">\n    <img\n      class=\"image\"\n      ref=\"image\"\n      :src=\"imageUrl\"\n      :width=\"width\"\n      :height=\"height\"\n      @load=\"updateCanvas\">\n    <canvas\n      class=\"canvas\"\n      ref=\"canvas\">\n    </canvas>\n  </div>\n</template>\n\n<script>\nimport nj from \"numjs\";\nimport {mapColor, COOLWARM_MAP} from \"@/lib/colors\";\n\nexport default {\n  name: \"ImportanceImage\",\n  props: {\n    imageUrl: {\n      type: String,\n      default: 'https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Solid_white_bordered.svg/800px-Solid_white_bordered.svg.png'\n    },\n    // width: {\n    //   type: Number,\n    //   default: 400,\n    // },\n    // height: {\n    //   type: Number,\n    //   default: 400,\n    // },\n    radius: {\n      type: Number,\n      default: 12.0,\n    },\n    strokeWidth: {\n      type: Number,\n      default: 5.0,\n    },\n    nodePositions: {\n      type: Array,\n      default: () => {\n        return [\n          [100, 100],\n          [200, 200],\n          [500, 300],\n        ]\n      }\n    },\n    edgeIndices: {\n      type: Array,\n      default: () => {\n        return [\n          [0, 1],\n          [1, 2],\n          [2, 0],\n        ]\n      }\n    },\n    nodeImportances: {\n      type: Array,\n      default: () => {\n        return [\n          1.0, 0.5, 0.2,\n        ]\n      },\n    },\n    edgeImportances: {\n      type: Array,\n      default: () => {\n        return [\n          1.0, 0.5, 0.2,\n        ]\n      },\n    },\n    weight: {\n      type: Number,\n      default: 1.0,\n    },\n    useHeatmap: {\n      type: Boolean,\n      default: true,\n    }\n  },\n  data() {\n    return {\n      width: 0,\n      height: 0,\n      canvas: null,\n      ctx: null,\n      image: null,\n    }\n  },\n  methods: {\n    onResize() {\n      const rect = this.$refs.container.getBoundingClientRect();\n      this.width = rect.width;\n      this.height = rect.width;\n    },\n    updateCanvas() {\n      const container = this.$refs.container;\n      this.image = this.$refs.image;\n      this.canvas = this.$refs.canvas;\n      this.ctx = this.canvas.getContext('2d');\n      this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);\n\n      container.style.width = `${this.image.width}px`;\n      container.style.height = `${this.image.height}px`;\n\n      this.canvas.width = this.image.width;\n      this.canvas.height = this.image.height;\n\n      if (this.useHeatmap) {\n        this.drawCanvasHeatmap();\n      } else {\n        this.drawCanvasBorder();\n      }\n\n    },\n    drawCanvasBorder() {\n      this.ctx.lineWidth = this.strokeWidth;\n      this.ctx.strokeStyle = 'black';\n\n      const scale = this.image.width / this.image.naturalWidth;\n\n      // drawing the points\n      let x, y, value;\n      for (let i = 0; i < this.nodePositions.length; i++) {\n        x = this.nodePositions[i][0] * scale;\n        y = this.canvas.height - this.nodePositions[i][1] * scale;\n\n        this.ctx.beginPath();\n        value = this.nodeImportances[i][0];\n        this.ctx.globalAlpha = value;\n\n        this.ctx.arc(x, y, this.radius, 0, Math.PI * 2);\n        this.ctx.stroke();\n      }\n\n      // drawing the edges\n      let i, j, x1, x2, y1, y2, coords1, coords2, diff;\n      for (let e = 0; e < this.edgeIndices.length; e++) {\n        i = Math.floor(this.edgeIndices[e][0]);\n        j = Math.floor(this.edgeIndices[e][1]);\n\n        x1 = this.nodePositions[i][0] * scale;\n        y1 = this.canvas.height - this.nodePositions[i][1] * scale;\n\n        x2 = this.nodePositions[j][0] * scale;\n        y2 = this.canvas.height - this.nodePositions[j][1] * scale;\n\n        let x_diff = x2 - x1;\n        let y_diff = y2 - y1;\n        let len = Math.sqrt(Math.pow(x_diff, 2) + Math.pow(y_diff, 2))\n        x_diff = x_diff / len;\n        y_diff = y_diff / len;\n\n        this.ctx.beginPath()\n        this.ctx.moveTo(x1 + x_diff * this.radius, y1 + y_diff * this.radius);\n\n        value = this.edgeImportances[e][0];\n        this.ctx.globalAlpha = value;\n\n        this.ctx.lineTo(x2 - x_diff * this.radius, y2 - y_diff * this.radius);\n        this.ctx.stroke();\n      }\n    },\n    drawCanvasHeatmap() {\n      this.ctx.lineWidth = this.strokeWidth;\n\n      const color = mapColor(this.weight, COOLWARM_MAP);\n      const colorStyle = `rgb(${color[0]*255},${color[1]*255},${color[2]*255})`;\n\n      this.ctx.strokeStyle = colorStyle;\n      this.ctx.fillStyle = colorStyle;\n\n      this.image.style.zIndex = '20';\n      this.canvas.style.zIndex = '10';\n\n      const scale = this.image.width / this.image.naturalWidth;\n\n      // drawing the points\n      let x, y, value;\n      for (let i = 0; i < this.nodePositions.length; i++) {\n        x = this.nodePositions[i][0] * scale;\n        y = this.canvas.height - this.nodePositions[i][1] * scale;\n\n        this.ctx.beginPath();\n        value = this.nodeImportances[i][0];\n        this.ctx.globalAlpha = value;\n\n        this.ctx.arc(x, y, this.radius, 0, Math.PI * 2);\n        this.ctx.fill();\n      }\n\n      // drawing the edges\n      let i, j, x1, x2, y1, y2, coords1, coords2, diff;\n      for (let e = 0; e < this.edgeIndices.length; e++) {\n        i = Math.floor(this.edgeIndices[e][0]);\n        j = Math.floor(this.edgeIndices[e][1]);\n\n        x1 = this.nodePositions[i][0] * scale;\n        y1 = this.canvas.height - this.nodePositions[i][1] * scale;\n\n        x2 = this.nodePositions[j][0] * scale;\n        y2 = this.canvas.height - this.nodePositions[j][1] * scale;\n\n        let x_diff = x2 - x1;\n        let y_diff = y2 - y1;\n        let len = Math.sqrt(Math.pow(x_diff, 2) + Math.pow(y_diff, 2))\n        x_diff = x_diff / len;\n        y_diff = y_diff / len;\n\n        this.ctx.beginPath()\n        this.ctx.moveTo(x1 + x_diff * this.radius, y1 + y_diff * this.radius);\n\n        value = this.edgeImportances[e][0];\n        this.ctx.globalAlpha = value;\n\n        this.ctx.lineTo(x2 - x_diff * this.radius, y2 - y_diff * this.radius);\n        this.ctx.stroke();\n      }\n    }\n  },\n  mounted() {\n    this.$forceUpdate();\n  },\n  updated() {\n    this.updateCanvas();\n  },\n  watch: {\n    useHeatmap(newValue) {\n      this.updateCanvas();\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n.image-container {\n  position: relative;\n  background-color: white;\n}\n\n.image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n.canvas {\n  position: absolute;\n  content: ' ';\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 2;\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!./ImportanceImage.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!./ImportanceImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImportanceImage.vue?vue&type=template&id=134aa138&scoped=true&\"\nimport script from \"./ImportanceImage.vue?vue&type=script&lang=js&\"\nexport * from \"./ImportanceImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImportanceImage.vue?vue&type=style&index=0&id=134aa138&prod&scoped=true&lang=css&\"\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  \"134aa138\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"classification-result\"},[_c('div',{staticClass:\"title-container\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Classification Result:\")]),_c('div',{staticClass:\"result\"},[_vm._v(_vm._s(_vm.result))])]),_c('div',{staticClass:\"item-container\"},_vm._l((_vm.rows),function(row){return _c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item-name\"},[_vm._v(_vm._s(row.index)+\": \"+_vm._s(row.name))]),_c('div',{staticClass:\"item-bar\"},[_c('div',{staticClass:\"bar-content\",style:({width: row.confidence})}),_c('div',{staticClass:\"confidence\"},[_vm._v(_vm._s(row.confidence))])])])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"classification-result\">\n    <div class=\"title-container\">\n      <div class=\"title\">Classification Result:</div>\n      <div class=\"result\">{{ result }}</div>\n    </div>\n\n    <div class=\"item-container\">\n      <div\n        class=\"item\"\n        v-for=\"row in rows\">\n        <div class=\"item-name\">{{ row.index }}: {{ row.name }}</div>\n        <div class=\"item-bar\">\n          <div class=\"bar-content\" :style=\"{width: row.confidence}\"></div>\n          <div class=\"confidence\">{{ row.confidence }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"ClassificationResult\",\n  props: {\n    value: {\n      type: Array,\n      required: true,\n    },\n    classificationDetails: {\n      type: Array,\n      required: true,\n    },\n    sort: {\n      type: Boolean,\n      default: false,\n    }\n  },\n  data() {\n    return {\n      result: ''\n    }\n  },\n  computed: {\n    rows() {\n      let rows = [];\n      let value, name;\n      let max_index = 0;\n      for (let i=0; i < this.value.length; i++) {\n        name = this.classificationDetails[i].name;\n        value = this.value[i];\n\n        if (value > this.value[max_index]) {max_index = i; }\n\n        rows.push({\n          'index': i,\n          'name': name,\n          'value': value,\n          'confidence': `${(value * 100).toFixed(2)}%`\n        })\n      }\n\n      this.result = this.classificationDetails[max_index].name;\n\n      if (this.sort) {\n        rows.sort((a, b) => b.value - a.value)\n      }\n\n      return rows;\n    },\n  }\n}\n</script>\n\n<style scoped>\n\n.item-container {\n  display:flex;\n  flex-direction: column;\n}\n\n.title-container {\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  font-size: 1em;\n  width: 100%;\n}\n\n.title {\n  width: 16.5%;\n}\n\n.result {\n  font-weight: bold;\n}\n\n.item {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 5px;\n  font-size: 0.8em;\n}\n\n.item-name {\n  width: 20%;\n}\n\n.item-bar {\n  position: relative;\n  height: 15px;\n  width: 100%;\n  background-color: lightgray;\n  flex-grow: 1;\n  padding: 2px;\n  border-radius: 2px;\n}\n\n.bar-content {\n  height: 100%;\n  /*background-color: lightgreen;*/\n  background-color: darkgray;\n}\n\n.confidence {\n  margin-right: 10px;\n  position: absolute;\n  bottom: 2px;\n  right: 0;\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!./ClassificationResult.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!./ClassificationResult.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClassificationResult.vue?vue&type=template&id=33683e49&scoped=true&\"\nimport script from \"./ClassificationResult.vue?vue&type=script&lang=js&\"\nexport * from \"./ClassificationResult.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClassificationResult.vue?vue&type=style&index=0&id=33683e49&prod&scoped=true&lang=css&\"\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  \"33683e49\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"regression-results\"},_vm._l((_vm.value),function(item,index){return _c('div',{staticClass:\"result\"},[_c('div',{staticClass:\"result-header\"},[_c('div',{staticClass:\"result-name\"},[_vm._v(\" \"+_vm._s(_vm.regressionDetails[index].name)+\": \")]),_c('div',{staticClass:\"result-value\"},[_vm._v(\" \"+_vm._s(item.toFixed(_vm.precision))+\" \")])]),_c('Histogram',{staticClass:\"histogram\",attrs:{\"values\":_vm.regressionDetails[index].histogram,\"min\":_vm.regressionDetails[index].min,\"max\":_vm.regressionDetails[index].max,\"markers\":[{'value': _vm.value[0], 'color': 'black'}]}})],1)}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"histogram-container\"},[_c('div',{ref:\"histogram\",staticClass:\"histogram\"},[_vm._l((_vm.values),function(value){return _c('div',{staticClass:\"bar\",style:({'height': `${value*100}%`})})}),_vm._l((_vm.markers),function(marker){return _c('div',{staticClass:\"marker\",style:(_vm.getMarkerStyle(marker))})})],2),(_vm.showLabels)?_c('div',{staticClass:\"label-container\"},[_c('div',{staticClass:\"label min\"},[_vm._v(\"min: \"+_vm._s(_vm.min))]),_c('div',{staticClass:\"label max\"},[_vm._v(\"max: \"+_vm._s(_vm.max))])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"histogram-container\">\n    <div\n      class=\"histogram\"\n      ref=\"histogram\">\n      <div\n        class=\"bar\"\n        v-for=\"value in values\"\n        :style=\"{'height': `${value*100}%`}\"/>\n      <div\n        class=\"marker\"\n        v-for=\"marker in markers\"\n        :style=\"getMarkerStyle(marker)\"/>\n    </div>\n    <div class=\"label-container\" v-if=\"showLabels\">\n      <div class=\"label min\">min: {{ min }}</div>\n      <div class=\"label max\">max: {{ max }}</div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Histogram\",\n  props: {\n    values: {\n      type: Array,\n      required: true,\n    },\n    markers: {\n      type: Array,\n      required: false,\n      default: () => {return [];},\n    },\n    showLabels: {\n      type: Boolean,\n      default: true\n    },\n    min: {\n      type: Number,\n      default: 0\n    },\n    max: {\n      type: Number,\n      default: 1,\n    }\n  },\n  data() {\n    return {\n      histogramHeight: 20,\n    }\n  },\n  methods: {\n    getRelativeValue(value) {\n      return (value - this.min) / (this.max - this.min);\n    },\n    getMarkerStyle(marker) {\n      return {\n        backgroundColor: marker.color,\n        left: `${this.getRelativeValue(marker.value)*100}%`,\n      }\n    }\n  },\n}\n</script>\n\n<style scoped>\n\n.histogram-container {\n  display: flex;\n  flex-direction: column !important;\n}\n\n.histogram {\n  position: relative;\n  width: 100%;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n}\n\n.bar {\n  background-color: lightgray;\n  flex-grow: 1;\n}\n\n.label-container {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  font-size: 0.8em;\n  color: gray;\n}\n\n.marker {\n  position: absolute;\n  height: 80%;\n  width: 2px;\n  background-color: black;\n  opacity: 0.5;\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!./Histogram.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!./Histogram.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Histogram.vue?vue&type=template&id=18c7891e&scoped=true&\"\nimport script from \"./Histogram.vue?vue&type=script&lang=js&\"\nexport * from \"./Histogram.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Histogram.vue?vue&type=style&index=0&id=18c7891e&prod&scoped=true&lang=css&\"\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  \"18c7891e\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"regression-results\">\n    <div\n      class=\"result\"\n      v-for=\"(item, index) in value\">\n\n      <div class=\"result-header\">\n        <div class=\"result-name\"> {{ regressionDetails[index].name }}: </div>\n        <div class=\"result-value\"> {{ item.toFixed(precision) }} </div>\n      </div>\n\n      <Histogram\n        class=\"histogram\"\n        :values=\"regressionDetails[index].histogram\"\n        :min=\"regressionDetails[index].min\"\n        :max=\"regressionDetails[index].max\"\n        :markers=\"[{'value': value[0], 'color': 'black'}]\"/>\n\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport Histogram from \"@/components/Histogram\";\nexport default {\n  name: \"RegressionResult\",\n  components: {Histogram},\n  props: {\n    value: {\n      type: Array,\n      required: true,\n    },\n    regressionDetails: {\n      type: Array,\n      required: true,\n    },\n    precision: {\n      type: Number,\n      required: false,\n      default: 3,\n    }\n  },\n  methods: {\n    labelStyle(index, value) {\n      const width = this.regressionDetails[index].max - this.regressionDetails[index].min;\n      const ratio = (value - this.regressionDetails[index].min) / width;\n      const style = {\n        'left': `${ratio * 100}%`\n      }\n      console.log(style);\n      return style;\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n.result {\n  margin-bottom: 20px;\n  display: flex;\n  flex-direction: column;\n}\n\n.result-header {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 5px;\n}\n\n.result-name {\n  width: 20%;\n}\n\n.result-value {\n  font-weight: bold;\n}\n\n.histogram {\n  width: 100%;\n  height: 100px;\n}\n\n.label {\n  position: absolute;\n  font-size: 0.7em;\n  width: auto;\n  top: 3px;\n  padding-left: 5px;\n  padding-right: 5px;\n  text-align: center;\n}\n\n.indicator-value {\n  color: black;\n  font-weight: bolder;\n  font-size: 1.5em;\n  top: -3px;\n  background-color: darkslategray;\n  content: ' ';\n  width: 3px;\n  height: 22px;\n  padding: 0;\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!./RegressionResult.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!./RegressionResult.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RegressionResult.vue?vue&type=template&id=7a1549ad&scoped=true&\"\nimport script from \"./RegressionResult.vue?vue&type=script&lang=js&\"\nexport * from \"./RegressionResult.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RegressionResult.vue?vue&type=style&index=0&id=7a1549ad&prod&scoped=true&lang=css&\"\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  \"7a1549ad\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"confidence-container\"},_vm._l((_vm.values),function(value,index){return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"bar\",style:({'width': `${value * 100}%`})}),_vm._l((_vm.markers),function(marker){return _c('div',{staticClass:\"marker\",style:({'left': `${marker.values[index] * 100}%`, 'background-color': marker.color})})})],2)}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"confidence-container\">\n    <div\n      class=\"row\"\n      v-for=\"(value, index) in values\">\n      <div\n        class=\"bar\"\n        :style=\"{'width': `${value * 100}%`}\">\n      </div>\n      <div\n        class=\"marker\"\n        v-for=\"marker in markers\"\n        :style=\"{'left': `${marker.values[index] * 100}%`, 'background-color': marker.color}\">\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Confidence\",\n  props: {\n    values: {\n      type: Array,\n      required: true,\n    },\n    markers: {\n      type: Array,\n      required: false,\n      default: () => { return []; },\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n.confidence-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: stretch;\n}\n\n.row {\n  position: relative;\n  background-color: lightgray;\n  flex-grow: 1;\n  top: 0;\n  margin-top: 3px;\n  border-radius: 3px;\n}\n\n.bar {\n  height: 100%;\n  /*background-color: lightgreen;*/\n  background-color: darkgray;\n  border-radius: 3px;\n}\n\n.marker {\n  opacity: 0.5;\n  position: absolute;\n  height: 100%;\n  width: 2px;\n  top: 0;\n  z-index: 10;\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!./Confidence.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!./Confidence.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Confidence.vue?vue&type=template&id=3fd88128&scoped=true&\"\nimport script from \"./Confidence.vue?vue&type=script&lang=js&\"\nexport * from \"./Confidence.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Confidence.vue?vue&type=style&index=0&id=3fd88128&prod&scoped=true&lang=css&\"\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  \"3fd88128\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"explanation-view\">\n\n    <div\n      class=\"placeholder-container\"\n      v-if=\"empty\">\n    </div>\n\n    <div v-if=\"!empty\">\n\n      <!--  Prediction: The prediction itself consists of the main prediction and the multi channel\n            explanations for that prediction which will be displayed right under the prediction result. -->\n\n      <div class=\"section-container\">\n        <div class=\"section-title\">Prediction</div>\n        <div class=\"section-content\">\n          <div class=\"section-description\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0 0 50 50\">\n              <path d=\"M 25 2 C 12.309295 2 2 12.309295 2 25 C 2 37.690705 12.309295 48 25 48 C 37.690705 48 48 37.690705 48 25 C 48 12.309295 37.690705 2 25 2 z M 25 4 C 36.609824 4 46 13.390176 46 25 C 46 36.609824 36.609824 46 25 46 C 13.390176 46 4 36.609824 4 25 C 4 13.390176 13.390176 4 25 4 z M 25 11 A 3 3 0 0 0 22 14 A 3 3 0 0 0 25 17 A 3 3 0 0 0 28 14 A 3 3 0 0 0 25 11 z M 21 21 L 21 23 L 22 23 L 23 23 L 23 36 L 22 36 L 21 36 L 21 38 L 22 38 L 23 38 L 27 38 L 28 38 L 29 38 L 29 36 L 28 36 L 27 36 L 27 21 L 26 21 L 22 21 L 21 21 z\"></path>\n            </svg>\n            Displays the main prediction result of the model. For regression models it will show the numeric\n            value of the prediction, as well as the location of that value within a histogram of the\n            training dataset value distribution. For classification results, the predicted class will be\n            highlighted and all the class confidence scores will be visualized.\n          </div>\n\n          <ClassificationResult\n            v-if=\"model.output_type === 'classification'\"\n            :classificationDetails=\"model.classification_details\"\n            :value=\"explanation.prediction\"/>\n\n          <RegressionResult\n            v-if=\"model.output_type === 'regression'\"\n            :regressionDetails=\"model.regression_details\"\n            :value=\"explanation.prediction\"/>\n        </div>\n      </div>\n\n      <!--  Attributional Explanations: Here we display the image of the actual input element which is\n            overlaid with the indicators that show the importance values -->\n\n      <div class=\"section-container\">\n        <div class=\"section-title\">Local Explanation</div>\n        <div class=\"section-content\">\n\n          <div class=\"section-description\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0 0 50 50\">\n              <path d=\"M 25 2 C 12.309295 2 2 12.309295 2 25 C 2 37.690705 12.309295 48 25 48 C 37.690705 48 48 37.690705 48 25 C 48 12.309295 37.690705 2 25 2 z M 25 4 C 36.609824 4 46 13.390176 46 25 C 46 36.609824 36.609824 46 25 46 C 13.390176 46 4 36.609824 4 25 C 4 13.390176 13.390176 4 25 4 z M 25 11 A 3 3 0 0 0 22 14 A 3 3 0 0 0 25 17 A 3 3 0 0 0 28 14 A 3 3 0 0 0 25 11 z M 21 21 L 21 23 L 22 23 L 23 23 L 23 36 L 22 36 L 21 36 L 21 38 L 22 38 L 23 38 L 27 38 L 28 38 L 29 38 L 29 36 L 28 36 L 27 36 L 27 21 L 26 21 L 22 21 L 21 21 z\"></path>\n            </svg>\n            Displays the multi-channel attributional explanations for the prediction. This kind of\n            explanation assigns 0 to 1 values of \"importance\" to each input element (nodes and edges) which\n            indicate how relevant that element was to the respective channel. Higher importance values are\n            indicated with darker highlights.\n            Each channel has a different interpretation, which will be explained above each visualization.\n            Below each visualization, the <em>Leave-one-out Fidelity</em> value of that corresponding\n            explanation is shown. Positive fidelity values indicate that the effects of the shown\n            explanation channels on the final model prediction are aligned with the intended interpretation.\n          </div>\n\n          <ScaleLoader\n            class=\"loader\"\n            v-if=\"explanation.node_attributions.length === 0\"\n            color=\"#1C9881\"\n            :loading=\"true\"\n            style=\"margin: 0 auto;\"/>\n\n          <div class=\"explanation-container\">\n            <div\n              class=\"explanation\"\n              v-for=\"index in Array.from({length: model.num_explanations}, (_, i) => i)\">\n\n              <div class=\"explanation-name\">\n                {{ model.explanation_details[index].name }}\n              </div>\n              <div class=\"explanation-description\">\n                {{ model.explanation_details[index].description }}\n              </div>\n              <div class=\"explanation-description\">\n                <em>Leave-one-out Fidelity</em>: <strong>{{ explanation.fidelity[index].toFixed(2) }}</strong>\n              </div>\n\n              <ImportanceImage\n                class=\"importance-image\"\n                :key=\"index\"\n                :image-url=\"`/media/${explanation.visualization.file}`\"\n                :node-positions=\"explanation.graph.node_positions\"\n                :edge-indices=\"explanation.graph.edge_indices\"\n                :node-importances=\"nodeImportances.slice(null, index).tolist()\"\n                :edge-importances=\"edgeImportances.slice(null, index).tolist()\"\n                :weight=\"explanation.fidelity_normalized[index]\"\n                :use-heatmap=\"useHeatmap\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!--  Counterfactuals: Several slightly deviated versions of the graph which are vastly different\n            different in terms of the model's predicted output -->\n      <div v-if=\"explanation.counterfactuals\" class=\"section-container\">\n        <div class=\"section-title\">Counterfactual Results</div>\n        <div class=\"counterfactual-container section-content\">\n\n          <div class=\"section-description\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0 0 50 50\">\n              <path d=\"M 25 2 C 12.309295 2 2 12.309295 2 25 C 2 37.690705 12.309295 48 25 48 C 37.690705 48 48 37.690705 48 25 C 48 12.309295 37.690705 2 25 2 z M 25 4 C 36.609824 4 46 13.390176 46 25 C 46 36.609824 36.609824 46 25 46 C 13.390176 46 4 36.609824 4 25 C 4 13.390176 13.390176 4 25 4 z M 25 11 A 3 3 0 0 0 22 14 A 3 3 0 0 0 25 17 A 3 3 0 0 0 28 14 A 3 3 0 0 0 25 11 z M 21 21 L 21 23 L 22 23 L 23 23 L 23 36 L 22 36 L 21 36 L 21 38 L 22 38 L 23 38 L 27 38 L 28 38 L 29 38 L 29 36 L 28 36 L 27 36 L 27 21 L 26 21 L 22 21 L 21 21 z\"></path>\n            </svg>\n            Displays the counterfactual explanations for the prediction. Counterfactual explanations are\n            drawn from an k-neighborhood of all permissible graph edits as those elements which show the\n            greatest difference for the prediction w.r.t. to the original prediction. Each counterfactual\n            will also show a visualization of this prediction difference. For regression this will be a\n            histogram and for classification confidence bars. The black marker defines the original\n            prediction and the red marker the predicted values for the counterfactual.\n          </div>\n\n          <ScaleLoader\n            class=\"loader\"\n            v-if=\"explanation.counterfactuals.length === 0\"\n            color=\"#1C9881\"\n            :loading=\"true\"\n            style=\"margin: 0 auto;\"/>\n\n          <div\n            class=\"counterfactual\"\n            v-for=\"cf in explanation.counterfactuals\">\n\n            <img class=\"counterfactual-image\" alt=\"counterfactual image\" :src=\"cf.image\">\n            <div class=\"counterfactual-info\">\n              <a :href=\"getElementUrl(cf.name)\" class=\"cf-name\">{{ cf.name }}</a>\n              <div class=\"counterfactual-label\" v-html=\"cf.label\"></div>\n              <div\n                class=\"cf-histogram-container\"\n                v-if=\"model.output_type === 'regression'\">\n                <Histogram\n                  class=\"cf-histogram\"\n                  v-for=\"(value, index) in model.regression_details\"\n                  :values=\"value.histogram\"\n                  :min=\"value.min\"\n                  :max=\"value.max\"\n                  :show-labels=\"false\"\n                  :markers=\"[{'value': explanation.prediction[index], 'color': 'black'},\n                             {'value': cf.prediction[0][index], 'color': 'red'}]\"/>\n              </div>\n\n              <div\n                class=\"cf-confidence-container\"\n                v-if=\"model.output_type === 'classification'\">\n                <Confidence\n                  class=\"cf-confidence\"\n                  :values=\"explanation.prediction\"\n                  :markers=\"[{'values': cf.prediction[0], 'color': 'red'}]\"/>\n              </div>\n\n            </div>\n          </div>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</template>\n\n<script>\nimport nj from \"numjs\";\nimport ImportanceImage from \"@/components/ImportanceImage\";\nimport ClassificationResult from \"@/components/ClassificationResult\";\nimport RegressionResult from \"@/components/RegressionResult\";\nimport Histogram from \"@/components/Histogram\";\nimport Confidence from \"@/components/Confidence\";\nimport { ScaleLoader, BarLoader } from '@saeris/vue-spinners';\n\nexport default {\n  name: \"ExplanationView\",\n  components: {\n    Confidence,\n    Histogram,\n    ClassificationResult,\n    RegressionResult,\n    ImportanceImage,\n    ScaleLoader,\n    BarLoader,\n  },\n  props: {\n    model: {\n      type: Object,\n      required: true,\n    },\n    explanation: {\n      type: Object,\n      required: true,\n    },\n    precision: {\n      type: Number,\n      required: false,\n      default: 3,\n    },\n    useHeatmap: {\n      type: Boolean,\n      required: false,\n      default: true,\n    }\n  },\n  data() {\n    return {\n      nj: nj,\n    }\n  },\n  computed: {\n    empty() {\n      return Object.keys(this.explanation).length === 0\n    },\n    nodeImportances() {\n      return nj.array(this.explanation.node_attributions);\n    },\n    edgeImportances() {\n      return nj.array(this.explanation.edge_attributions);\n    }\n  },\n  methods: {\n    getElementUrl(name) {\n      let urlBase = window.location.protocol + \"//\" + window.location.host + window.location.pathname;\n      let params = new URLSearchParams({\n        predict: true,\n        value: name,\n      })\n      return `${urlBase}?${params.toString()}`;\n    }\n  },\n  watch: {\n    useHeatmap(newValue) {\n      console.log('useHeatmap', newValue);\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n  .explanation-view {\n\n  }\n\n  .placeholder-container {\n    font-size: 1.2em;\n    color: gray;\n  }\n\n  .section-container {\n    margin-top: 20px;\n    display: flex;\n    flex-direction: row;\n  }\n\n  .section-title {\n    writing-mode: vertical-rl;\n    text-orientation: mixed;\n    text-align: center;\n    background-color: #f5f5f5;\n    transform: rotate(180deg);\n    padding: 4px;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    color: gray;\n  }\n\n  .section-description {\n    color: lightgray;\n    fill: lightgray;\n    font-size: 0.8em;\n    margin-bottom: 15px;\n    text-align: justify;\n    transition: color 0.5s ease-in-out, fill 0.5s ease-in-out;\n  }\n  .section-description:hover {\n    color: gray;\n    fill: gray;\n  }\n\n  .section-content {\n    flex-grow: 1;\n    margin-left: 10px;\n  }\n\n  .explanation-container {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: stretch;\n    justify-content: space-between;\n  }\n\n  .explanation {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-grow: 1;\n  }\n\n  .explanation-description {\n    color: gray;\n    font-size: 0.9em;\n  }\n\n  .importance-image {\n    flex-grow: 1;\n    min-width: 300px;\n    min-height: 300px;\n  }\n\n  .counterfactual-container {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: space-between;\n  }\n\n  .counterfactual {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .counterfactual-info {\n    width: 100%;\n    max-width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    color: gray;\n    font-size: 0.8em;\n  }\n\n  .counterfactual-image {\n    width: 200px;\n    height: 200px;\n  }\n\n  .cf-name {\n    color: gray;\n    max-width: 30ch;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .cf-histogram-container, .cf-confidence-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .cf-histogram {\n    height: 50px;\n  }\n\n  .cf-confidence {\n    height: 30px;\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!./ResultView.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!./ResultView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ResultView.vue?vue&type=template&id=ff565fda&scoped=true&\"\nimport script from \"./ResultView.vue?vue&type=script&lang=js&\"\nexport * from \"./ResultView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ResultView.vue?vue&type=style&index=0&id=ff565fda&prod&scoped=true&lang=css&\"\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  \"ff565fda\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"molecule-input\"},[_vm._m(0),_c('div',{staticClass:\"input-container\"},[_c('input',{staticClass:\"input\",attrs:{\"placeholder\":_vm.placeholder},domProps:{\"value\":_vm.internalValue},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onEnter()},\"input\":_vm.onInput}}),_c('button',{staticClass:\"button\",on:{\"click\":function($event){return _vm.onClick()}}},[_vm._v(\"\\n      \"+_vm._s(_vm.buttonText)+\"\\n    \")])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"description\"},[_vm._v(\"\\n    Simply enter the SMILES representation of a molecule below and either click the Predict button or\\n    press the Enter key. \"),_c('a',{attrs:{\"href\":\"https://molview.org/\"}},[_vm._v(\"https://molview.org/\")]),_vm._v(\" can be used as a\\n    visual editor for molecular graphs. To export your creation to a string goto\\n    \\\"Tools>Information Card\\\" and copy the \\\"Canonical SMILES\\\"\\n  \")])\n}]\n\nexport { render, staticRenderFns }","const crypto = require('crypto');\n\n/**\n * Given a string, this function will calculate the sha256 hash string for that input element. This function\n * is primarily meant to be used to compute the hash representation of input graphs, because those\n * sha256 hash representations of input graphs are used to check whether explanations for those already\n * exist cached on the server.\n *\n * @param data A string unique string representation of the input graph\n * @returns {string} The hash string\n */\nexport function hashGraph(data) {\n  const hash = crypto.createHash('sha256');\n  hash.update(data);\n  return hash.digest('hex');\n}\n","<template>\n  <div class=\"molecule-input\">\n\n    <div class=\"description\">\n      Simply enter the SMILES representation of a molecule below and either click the Predict button or\n      press the Enter key. <a href=\"https://molview.org/\">https://molview.org/</a> can be used as a\n      visual editor for molecular graphs. To export your creation to a string goto\n      \"Tools>Information Card\" and copy the \"Canonical SMILES\"\n    </div>\n    <div class=\"input-container\">\n      <input class=\"input\"\n             :placeholder=\"placeholder\"\n             :value=\"internalValue\"\n             @keyup.enter=\"onEnter()\"\n             @input=\"onInput\">\n      <button class=\"button\"\n              @click=\"onClick()\">\n        {{ buttonText }}\n      </button>\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport {hashGraph} from \"@/lib/representation\";\n\nexport default {\n  name: \"MoleculeInput\",\n  props: {\n    value: {\n      type: String,\n      required: true,\n    },\n    buttonText: {\n      type: String,\n      default: \"submit\"\n    },\n    placeholder: {\n      type: String,\n      default: \"Please enter SMILES string here\"\n    },\n    default: {\n      type: String,\n      default: \"C1=CC=CC=C1CCCN\"\n    }\n  },\n  data() {\n    return {\n      // This is the actual object which can be directly used to query the predict_single API endpoint\n      internalValue: this.value,\n    }\n  },\n  methods: {\n    onClick() {\n      this.submit();\n    },\n    onEnter() {\n      this.submit();\n    },\n    onInput(event) {\n      this.updateValue(event.target.value);\n    },\n    updateValue(newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', this.internalValue);\n    },\n    submit() {\n      this.$emit('submit', this.internalValue);\n    },\n    /**\n     * This functionality has to be implemented by all domain specific input widgets.\n     *\n     * This function has to return the string hash value corresponding to the currently\n     * entered input graph of the widget.\n     *\n     * In this case the hash is simply calculated by hashing the SMILES string\n     * representation of the molecular graph.\n     *\n     * @returns {string}\n     */\n    getHash() {\n      return hashGraph(this.value);\n    },\n    /**\n     * This functionality has to be implemented by all domain specific input widgets.\n     *\n     * This function is given an object containing the URL query parameters and given\n     * that information this function has to return a single value (whose type is not\n     * explicitly specified) which represents the domain specific representation of\n     * a graph that was encoded in those URL query parameters.\n     *\n     * In this case, the domain specific representation is simply the SMILES string of\n     * the molecule which will be encoded in the \"value\" url parameter. And that string\n     * is simply returned by this function.\n     *\n     * @param data\n     * @returns {*}\n     */\n    parseParameters(data) {\n      return data['value'];\n    }\n  },\n  watch: {\n    value(newValue) {\n      this.updateValue(newValue);\n    }\n  },\n  /**\n   * This functionality has to be implemented by all domain specific input widgets.\n   *\n   * When the component is mounted or more specifically when it is rendered ($nextTick), we need to\n   * emit the \"ready\" event. This ready event will then be used by a higher level instance to trigger\n   * some code.\n   */\n  mounted() {\n    const self = this;\n    this.$nextTick(() => {\n      self.$emit('ready');\n    })\n  }\n}\n</script>\n\n<style scoped>\n\n.description {\n  margin-bottom: 5px;\n  color:gray;\n  font-size: 0.9em;\n  text-align: justify;\n}\n\n.input-container {\n  display: flex;\n  flex-direction: row;\n}\n\n.input {\n  flex-grow: 1;\n  font-size: 1.2em;\n  font-family: monospace;\n  margin-right: 10px;\n  padding-left: 10px;\n}\n\n.options {\n  background-color: #f5f5f5;\n  display: flex;\n  flex-direction: column;\n  margin-top: 10px;\n  padding: 5px;\n}\n.options>div {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.options>div>div{\n  width: 50%;\n}\n.options input {\n  border-style: none;\n  background-color: transparent;\n}\n\n.button {\n  padding: 5px;\n  padding-left: 15px;\n  padding-right: 15px;\n  font-size: 1.0em;\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!./MoleculeInput.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!./MoleculeInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MoleculeInput.vue?vue&type=template&id=39684f5c&scoped=true&\"\nimport script from \"./MoleculeInput.vue?vue&type=script&lang=js&\"\nexport * from \"./MoleculeInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MoleculeInput.vue?vue&type=style&index=0&id=39684f5c&prod&scoped=true&lang=css&\"\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  \"39684f5c\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"molecule-input\"},[_c('div',{staticClass:\"description\"},[_vm._v(\"\\n    Please enter the SMILES representation of a molecule below. You can either type the SMILES string into the \\n    text box below or use the interactive JSME Editor to edit the molecular graph.\\n  \")]),_c('div',{staticClass:\"jsme\",staticStyle:{\"width\":\"100%\",\"height\":\"300px\"},attrs:{\"id\":\"jsme\"}}),_c('div',{staticClass:\"input-container\"},[_c('input',{staticClass:\"input\",attrs:{\"placeholder\":_vm.placeholder},domProps:{\"value\":_vm.internalValue},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onEnter()},\"input\":_vm.onInput}}),_c('button',{staticClass:\"button\",on:{\"click\":function($event){return _vm.onClick()}}},[_vm._v(\"\\n      \"+_vm._s(_vm.buttonText)+\"\\n    \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"molecule-input\">\n\n    <div class=\"description\">\n      Please enter the SMILES representation of a molecule below. You can either type the SMILES string into the \n      text box below or use the interactive JSME Editor to edit the molecular graph.\n    </div>\n\n    <!-- The actual JSME Editor Applet will later on be hooked into the element with this ID -->\n    <div id=\"jsme\" class=\"jsme\" style=\"width:100%; height: 300px;\"></div>\n\n    <!-- In addition to the editor applet we also want to have a plain text input which allows to easily \n         copy paste a  -->\n    <div class=\"input-container\">\n      <input class=\"input\"\n             :placeholder=\"placeholder\"\n             :value=\"internalValue\"\n             @keyup.enter=\"onEnter()\"\n             @input=\"onInput\">\n      <button class=\"button\"\n              @click=\"onClick()\">\n        {{ buttonText }}\n      </button>\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport {ref} from 'vue';\nimport {hashGraph} from \"@/lib/representation\";\n\nexport default {\n  name: \"JsmeMoleculeInput\",\n  props: {\n    value: {\n      type: String,\n      required: true,\n    },\n    buttonText: {\n      type: String,\n      default: \"submit\"\n    },\n    placeholder: {\n      type: String,\n      default: \"Please enter SMILES string here\"\n    },\n    default: {\n      type: String,\n      default: \"C1=CC=CC=C1CCCN\"\n    }\n  },\n  data() {\n    return {\n      // This is the actual object which can be directly used to query the predict_single API endpoint\n      internalValue: this.value,\n      jsme: null,\n    }\n  },\n  methods: {\n    onClick() {\n      this.submit();\n    },\n    onEnter() {\n      this.submit();\n    },\n    /**\n     * This callback is called whenever there is an \"input\" event on the text input field. It will update the \n     * internally stored value and also update the molecule that is shown in the JSME Editor window.\n     */\n    onInput(event) {\n      // First of all we use this method to update the molecule that is shown in the JSME Editor window \n      // to match the modified SMILES string.\n      this.jsme.readGenericMolecularInput(event.target.value);\n      // This function will update the internal value variable with the new value\n      this.updateValue(event.target.value);\n    },\n    updateValue(newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', this.internalValue);\n    },\n    submit() {\n      this.$emit('submit', this.internalValue);\n    },\n    /**\n     * This functionality has to be implemented by all domain specific input widgets.\n     *\n     * This function has to return the string hash value corresponding to the currently\n     * entered input graph of the widget.\n     *\n     * In this case the hash is simply calculated by hashing the SMILES string\n     * representation of the molecular graph.\n     *\n     * @returns {string}\n     */\n    getHash() {\n      return hashGraph(this.value);\n    },\n    /**\n     * This functionality has to be implemented by all domain specific input widgets.\n     *\n     * This function is given an object containing the URL query parameters and given\n     * that information this function has to return a single value (whose type is not\n     * explicitly specified) which represents the domain specific representation of\n     * a graph that was encoded in those URL query parameters.\n     *\n     * In this case, the domain specific representation is simply the SMILES string of\n     * the molecule which will be encoded in the \"value\" url parameter. And that string\n     * is simply returned by this function.\n     *\n     * @param data\n     * @returns {*}\n     */\n    parseParameters(data) {\n      return data['value'];\n    }\n  },\n  watch: {\n    value(newValue) {\n      this.updateValue(newValue);\n    }\n  },\n  /**\n   * This functionality has to be implemented by all domain specific input widgets.\n   *\n   * When the component is mounted or more specifically when it is rendered ($nextTick), we need to\n   * emit the \"ready\" event. This ready event will then be used by a higher level instance to trigger\n   * some code.\n   */\n  mounted() {\n\n    // Inspiration: https://github.com/JayPalm/jsme-vue/blob/master/src/components/JSME.vue\n\n    // The initialization of the JSME editor is based on the global callback function \"jsmeOnLoad\" which is called\n    // right after the JSME editor script is loaded. This callback function has to define the creation of the \n    // applet object instance.\n\n    window.jsmeOnLoad = () => {\n      this.jsme = new (window.JSApplet.JSME)(\"jsme\", \"100%\", \"300px\", {\n        \"options\": \"newlook,noreaction,nozoomgui,noshowFullScreenIconInDepictMode,nofullScreenIcon\"\n      });\n      this.jsme.setUserInterfaceBackgroundColor(\"white\");\n\n      // Read the initial version of the SMILES string into the editor\n      this.jsme.readGenericMolecularInput(this.value);\n      \n      // This callback function is invoked whenever the structure in the JSME editor is modified by the user.\n      // In this case we want to update the internal value of our widget\n      this.jsme.setCallBack(\"AfterStructureModified\", () => {\n        this.updateValue(this.jsme.smiles());\n      });\n    }\n\n    // This section dynamically adds the JSME editor script to the head of the document. This explicitly has to \n    // be done AFTER setting the onJSMEload callback function because the process of loading this script into \n    // the document head will trigger that callback function!\n    const src = ref(\"/jsme/jsme.nocache.js\");\n    const newScript = document.createElement(\"script\");\n    newScript.type = \"text/javascript\";\n    newScript.src = src.value;\n    document.head.appendChild(newScript);\n\n    // Here we want to emit a special event \"ready\" that can be used by the top-level components to trigger \n    // custom actions once the input widget is loaded correctly!\n    const self = this;\n    this.$nextTick(() => {\n      self.$emit('ready');\n    })\n  },\n}\n</script>\n\n<style scoped>\n\n.description {\n  margin-bottom: 5px;\n  color:gray;\n  font-size: 0.9em;\n  text-align: justify;\n}\n\n.input-container {\n  display: flex;\n  flex-direction: row;\n}\n\n.input {\n  flex-grow: 1;\n  font-size: 1.2em;\n  font-family: monospace;\n  margin-right: 10px;\n  padding-left: 10px;\n}\n\n.jsme {\n  margin-bottom: 10px;\n}\n\n.options {\n  background-color: #f5f5f5;\n  display: flex;\n  flex-direction: column;\n  margin-top: 10px;\n  padding: 5px;\n}\n.options>div {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.options>div>div{\n  width: 50%;\n}\n.options input {\n  border-style: none;\n  background-color: transparent;\n}\n\n.button {\n  padding: 5px;\n  padding-left: 15px;\n  padding-right: 15px;\n  font-size: 1.0em;\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!./JsmeMoleculeInput.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!./JsmeMoleculeInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./JsmeMoleculeInput.vue?vue&type=template&id=cb77bd96&scoped=true&\"\nimport script from \"./JsmeMoleculeInput.vue?vue&type=script&lang=js&\"\nexport * from \"./JsmeMoleculeInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./JsmeMoleculeInput.vue?vue&type=style&index=0&id=cb77bd96&prod&scoped=true&lang=css&\"\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  \"cb77bd96\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"color-graph-input\"},[_c('div',{staticClass:\"description\"},[_vm._v(\"\\n    Simply enter the COGILES representation of the graph\\n  \")]),_c('div',{staticClass:\"input-container\"},[_c('input',{staticClass:\"input\",attrs:{\"placeholder\":_vm.placeholder},domProps:{\"value\":_vm.internalValue},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onEnter()},\"input\":_vm.onInput}}),_c('button',{staticClass:\"button\",on:{\"click\":function($event){return _vm.onClick()}}},[_vm._v(\"\\n      \"+_vm._s(_vm.buttonText)+\"\\n    \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"color-graph-input\">\n    <div class=\"description\">\n      Simply enter the COGILES representation of the graph\n    </div>\n    <div class=\"input-container\">\n      <input class=\"input\"\n             :placeholder=\"placeholder\"\n             :value=\"internalValue\"\n             @keyup.enter=\"onEnter()\"\n             @input=\"onInput\">\n      <button class=\"button\"\n              @click=\"onClick()\">\n        {{ buttonText }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\n\nimport {hashGraph} from \"@/lib/representation\";\n\nexport default {\n  name: \"ColorGraphInput\",\n  props: {\n    value: {\n      type: String,\n      required: true,\n    },\n    buttonText: {\n      type: String,\n      default: \"submit\"\n    },\n    placeholder: {\n      type: String,\n      default: \"Please enter COGILES string here\"\n    },\n    default: {\n      type: String,\n      default: \"RRRR\"\n    },\n  },\n  data() {\n    return {\n      // This is the actual object which can be directly used to query the predict_single API endpoint\n      internalValue: this.value,\n    }\n  },\n  methods: {\n    onClick() {\n      this.submit();\n    },\n    onEnter() {\n      this.submit();\n    },\n    onInput(event) {\n      this.updateValue(event.target.value);\n    },\n    updateValue(newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', this.internalValue);\n    },\n    submit() {\n      this.$emit('submit', this.internalValue);\n    },\n    /**\n     * This functionality has to be implemented by all domain specific input widgets.\n     *\n     * This function has to return the string hash value corresponding to the currently\n     * entered input graph of the widget.\n     *\n     * In this case the hash is simply calculated by hashing the SMILES string\n     * representation of the molecular graph.\n     *\n     * @returns {string}\n     */\n    getHash() {\n      return hashGraph(this.value);\n    },\n    /**\n     * This functionality has to be implemented by all domain specific input widgets.\n     *\n     * This function is given an object containing the URL query parameters and given\n     * that information this function has to return a single value (whose type is not\n     * explicitly specified) which represents the domain specific representation of\n     * a graph that was encoded in those URL query parameters.\n     *\n     * In this case, the domain specific representation is simply the SMILES string of\n     * the molecule which will be encoded in the \"value\" url parameter. And that string\n     * is simply returned by this function.\n     *\n     * @param data\n     * @returns {*}\n     */\n    parseParameters(data) {\n      return data['value'];\n    }\n  },\n  watch: {\n    value(newValue) {\n      this.updateValue(newValue);\n    }\n  },\n  /**\n   * This functionality has to be implemented by all domain specific input widgets.\n   *\n   * When the component is mounted or more specifically when it is rendered ($nextTick), we need to\n   * emit the \"ready\" event. This ready event will then be used by a higher level instance to trigger\n   * some code.\n   */\n  mounted() {\n    const self = this;\n    this.$nextTick(() => {\n      self.$emit('ready');\n    })\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.description {\n  margin-bottom: 5px;\n  color:gray;\n  font-size: 0.9em;\n  text-align: justify;\n}\n\n.input-container {\n  display: flex;\n  flex-direction: row;\n}\n\n.input {\n  flex-grow: 1;\n  font-size: 1.2em;\n  font-family: monospace;\n  margin-right: 10px;\n  padding-left: 10px;\n}\n\n.options {\n  background-color: #f5f5f5;\n  display: flex;\n  flex-direction: column;\n  margin-top: 10px;\n  padding: 5px;\n}\n.options>div {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.options>div>div{\n  width: 50%;\n}\n.options input {\n  border-style: none;\n  background-color: transparent;\n}\n\n.button {\n  padding: 5px;\n  padding-left: 15px;\n  padding-right: 15px;\n  font-size: 1.0em;\n}\n</style>","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!./ColorGraphInput.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!./ColorGraphInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ColorGraphInput.vue?vue&type=template&id=2349902d&scoped=true&\"\nimport script from \"./ColorGraphInput.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorGraphInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ColorGraphInput.vue?vue&type=style&index=0&id=2349902d&prod&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  \"2349902d\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"options-input\"},_vm._l((_vm.options),function(data){return (data)?_c('div',{staticClass:\"option\"},[_c('div',{staticClass:\"option-name\"},[_vm._v(\"\\n      \"+_vm._s(data.name)+\"\\n    \")]),(data.type.name === 'boolean')?_c('div',{staticClass:\"option-input boolean\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.valueInternal[data.key]),expression:\"valueInternal[data.key]\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.valueInternal[data.key])?_vm._i(_vm.valueInternal[data.key],null)>-1:(_vm.valueInternal[data.key])},on:{\"input\":function($event){return _vm.onInput(data.key, $event.target.checked)},\"change\":function($event){var $$a=_vm.valueInternal[data.key],$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.valueInternal, data.key, $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.valueInternal, data.key, $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.valueInternal, data.key, $$c)}}}})]):(data.type.name === 'integer')?_c('div',{staticClass:\"option-input integer\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.valueInternal[data.key]),expression:\"valueInternal[data.key]\"}],attrs:{\"type\":\"number\",\"min\":data.type.min,\"max\":data.type.max},domProps:{\"value\":(_vm.valueInternal[data.key])},on:{\"input\":[function($event){if($event.target.composing)return;_vm.$set(_vm.valueInternal, data.key, $event.target.value)},function($event){return _vm.onInput(data.key, $event.target.value)}]}})]):(data.type.name === 'choice')?_c('div',{staticClass:\"option-input choice\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.valueInternal[data.key]),expression:\"valueInternal[data.key]\"}],staticClass:\"options-select\",domProps:{\"value\":_vm.valueInternal[data.key]},on:{\"input\":function($event){return _vm.onInput(data.key, $event.target.value)},\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.valueInternal, data.key, $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},_vm._l((data.type.choices),function(v){return _c('option',{domProps:{\"value\":v.key}},[_vm._v(\"\\n          \"+_vm._s(v.name)+\"\\n        \")])}),0)]):_c('div',{staticClass:\"option-input fallback\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.valueInternal[data.key]),expression:\"valueInternal[data.key]\"}],attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.valueInternal[data.key])},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.valueInternal, data.key, $event.target.value)}}})])]):_vm._e()}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"options-input\">\n    <div\n      class=\"option\"\n      v-for=\"data in options\"\n      v-if=\"data\">\n\n      <div class=\"option-name\">\n        {{ data.name }}\n      </div>\n\n      <div\n        class=\"option-input boolean\"\n        v-if=\"data.type.name === 'boolean'\">\n        <input\n          type=\"checkbox\"\n          v-model=\"valueInternal[data.key]\"\n          @input=\"onInput(data.key, $event.target.checked)\">\n      </div>\n\n      <div\n        class=\"option-input integer\"\n        v-else-if=\"data.type.name === 'integer'\">\n        <input\n          type=\"number\"\n          :min=\"data.type.min\"\n          :max=\"data.type.max\"\n          v-model=\"valueInternal[data.key]\"\n          @input=\"onInput(data.key, $event.target.value)\">\n      </div>\n\n      <div\n        class=\"option-input choice\"\n        v-else-if=\"data.type.name === 'choice'\">\n        <select\n          class=\"options-select\"\n          v-model=\"valueInternal[data.key]\"\n          :value=\"valueInternal[data.key]\"\n          @input=\"onInput(data.key, $event.target.value)\">\n          <option v-for=\"v in data.type.choices\" :value=\"v.key\">\n            {{ v.name }}\n          </option>\n        </select>\n      </div>\n\n      <div\n        class=\"option-input fallback\"\n        v-else>\n        <input type=\"text\" v-model=\"valueInternal[data.key]\">\n      </div>\n\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"OptionsInput\",\n  props: {\n    value: {\n      type: Object,\n      required: true,\n    },\n    options: {\n      type: Array,\n      required: true,\n    }\n  },\n  data() {\n    return {\n      valueInternal: this.value,\n    }\n  },\n  mounted() {\n    this.updateInternal(this.options);\n    this.onInput();\n  },\n  methods: {\n    updateInternal(options) {\n      for (let data of options) {\n        if (data !== undefined && data.key !== undefined && !this.valueInternal.hasOwnProperty(data.key)) {\n          this.valueInternal[data.key] = data.type.default;\n        }\n      }\n    },\n    onInput(key, value) {\n      // here we prevent a bug where \"key\" may have been undefined.\n      if (!key) { return; }\n\n      this.valueInternal[key] = value;\n      this.$set(this.valueInternal, key, value);\n      this.$emit('input', this.valueInternal);\n    }\n  },\n  watch: {\n    options(newValue) {\n      this.updateInternal(newValue);\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n.options-input {\n  background-color: #f5f5f5;\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n  margin-top: 10px;\n  font-size: 0.8em;\n}\n.option {\n  width: 100%;\n  flex-grow: 1;\n  margin-top: 3px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.option>div {\n  width: 50%;\n  flex-grow: 1;\n}\n.option-name {\n  padding: 0;\n  color: gray;\n}\n.option-input>input {\n  border: None;\n  background-color: transparent;\n  padding-left: 3px;\n}\n.option-input>input:focus {\n  outline: None;\n  border: None;\n  background-color: transparent;\n}\n.options-select {\n  border-style: None;\n  background-color: transparent;\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!./OptionsInput.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!./OptionsInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OptionsInput.vue?vue&type=template&id=621e1cde&scoped=true&\"\nimport script from \"./OptionsInput.vue?vue&type=script&lang=js&\"\nexport * from \"./OptionsInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OptionsInput.vue?vue&type=style&index=0&id=621e1cde&prod&scoped=true&lang=css&\"\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  \"621e1cde\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"single-prediction\">\n\n    <!--* This container will contain the input widget for the SMILES string *-->\n    <div class=\"input-container\">\n\n      <!--* Depending on the type of the underlying dataset we want to use a different input widget\n            here, because the dataset type determines what type of graph it is (molecular graph, electrical\n            network...) and different kinds of graphs may have different domain specific representations\n            that require different input methods/fields from the user *-->\n\n      <JsmeMoleculeInput\n        button-text=\"Predict\"\n        v-if=\"model.dataset_type === 'molecule'\"\n        v-model=\"value\"\n        @submit=\"onSubmit\"\n        @ready=\"onInputReady\"\n        ref=\"input\"/>\n\n      <!-- <MoleculeInput\n        button-text=\"Predict\"\n        v-if=\"model.dataset_type === 'molecule'\"\n        v-model=\"value\"\n        @submit=\"onSubmit\"\n        @ready=\"onInputReady\"\n        ref=\"input\"/> -->\n\n      <ColorGraphInput\n        v-if=\"model.dataset_type === 'color'\"\n        v-model=\"value\"\n        @submit=\"onSubmit\"\n        @ready=\"onInputReady\"\n        ref=\"input\"/>\n\n      <!--  Aside from the main value input there are several other parameters to the prediction and\n            counterfactual API which should also be customizable by the user, which is where the options\n            input widget comes in. Based on the OptionsSpec array, this widget will create all the\n            corresponding input widgets and save the results of the user input into the \"options\"\n            object component attribute. *-->\n\n      <options-input\n        v-model=\"options\"\n        :options=\"getOptionSpec()\"/>\n\n    </div>\n\n    <!--  As soon as a valid \"explanation\" object is returned by the server, the following widget will\n          display that explanation to the user. *-->\n\n    <div div=\"results-container\">\n\n      <ScaleLoader\n        class=\"loader\"\n        v-if=\"triggered\"\n        color=\"#1C9881\"\n        :loading=\"true\"\n        style=\"width: fit-content; margin: 20px auto;\"/>\n\n      <ResultView\n        class=\"explanation-view\"\n        ref=\"resultView\"\n        :explanation=\"explanation\"\n        :model=\"model\"\n        :use-heatmap=\"options['fidelity_heatmap']\"/>\n\n    </div>\n\n  </div>\n</template>\n\n<script>\n\nimport Vue from 'vue';\nimport {Api} from \"@/lib/api\";\nimport {ScaleLoader} from '@saeris/vue-spinners';\n\nimport ResultView from \"@/components/ResultView\";\nimport ImportanceImage from \"@/components/ImportanceImage\";\n\nimport MoleculeInput from \"@/components/MoleculeInput\";\nimport JsmeMoleculeInput from \"@/components/JsmeMoleculeInput\";\n\nimport ColorGraphInput from \"@/components/ColorGraphInput.vue\"\nimport {hash} from \"@/lib/representation\";\nimport OptionsInput from \"@/components/OptionsInput\";\n\nexport default {\n  name: \"SinglePredictionComponent\",\n  components: {\n    OptionsInput, \n    MoleculeInput, \n    JsmeMoleculeInput,\n    ColorGraphInput,\n    ImportanceImage, \n    ScaleLoader,\n    ResultView, \n  },\n  props: {\n    model: {\n      type: Object,\n      required: true,\n    },\n    distanceModes: {\n      type: Array,\n      required: false,\n      default() {\n        return ['pos', 'neg', 'abs'];\n      }\n    }\n  },\n  data() {\n    return {\n      // ~ input-related\n      api: new Api(),\n      slug: this.$route.params.slug,\n      value: null,\n      options: {\n        'fidelity_heatmap': true,\n      },\n      // This boolean flag will be set to true if the user triggers the prediction but will be \n      // set to false again once the results are in. This will be used to display the loading spinner.\n      triggered: false,\n      // ~ results-related\n      explanation: {},\n    }\n  },\n  methods: {\n    predict(value) {\n      const self = this;\n\n      this.triggered = true;\n\n      // ~ triggering the main prediction on the server\n      this.api.predictSingle(this.slug, value, this.options)\n        .then((explanation) => {\n          self.triggered = false;\n          self.explanation = explanation;\n          self.$refs.resultView.$forceUpdate();\n\n          // ~ triggering the generation of counterfactuals on the server\n          this.api.generateCounterfactuals(\n            this.slug,\n            value,\n            this.options,\n          )\n            .then((explanation) => {\n              self.explanation = explanation;\n              self.$refs.resultView.$forceUpdate();\n            })\n            .catch((response) => {\n              alert(`Counterfactuals Error - Possibly timeout due to high computational load`);\n            });\n        })\n        .catch((response) => {\n          alert(`Error - possibly malformed input`);\n        });\n    },\n    onSubmit(value) {\n\n      // If the \"doPrediction\" flag is true through some means then we trigger the execution of the\n      // various predictions to (re-)create the explanation.\n      if (this.options['force_prediction']) {\n        this.predict(value);\n        return;\n      }\n\n      const self = this;\n\n      // 20.05.23 - As the first step on submission we create the has representation of the input element.\n      // each domain specific input widget has to implement the \"getHash()\" function, which returns the\n      // sha256 hash string that represents the input element. Based on that hash we will perform a lookup\n      // if an \"Explanation\" instance already exists for that element. If it does, we can directly print it\n      // if not we have to trigger the creation of the explanation first.\n      const graphHash = this.$refs.input.getHash();\n\n      this.api.getModelExplanation(this.model.slug, graphHash)\n        .then((data) => {\n          self.explanation = data;\n        })\n        .catch((data) => {\n          // Obviously, if we can't find an already existing explanation on the server, we also want to\n          // issue a new prediction to be made.\n          self.predict(value);\n        });\n    },\n    /**\n     * This function is called when the domain specific input widget emits the \"ready\" event. This\n     * happens as soon as that widget is rendered to the DOM. This function will check the URL query\n     * parameters to see if they already contain the instructions to make a certain prediction. If\n     * that is the case that input element which is encoded in the URL parameters is immediately used\n     * to trigger a submission process.\n     */\n    onInputReady() {\n      const input = this.$refs.input;\n      if (this.$route.query.hasOwnProperty('predict')) {\n        // Different domain specific graph representations might need different URL parameter\n        // configurations, which is why the extraction of the graph representation is not hard coded\n        // here but rather left to the specific domain specific input widget.\n        // After the input widget was used to get the graph representation, it is used to trigger\n        // the submit event.\n        const value = input.parseParameters(this.$route.query);\n        this.value = value;\n        input.value = value;\n        this.onSubmit(value);\n      }\n    },\n    getOptionSpec() {\n      // The problem here is that \"model\" first has to be fetched from the API and in the time until that\n      // is done, the variable may be \"undefined\" which would cause errors in this method as we try to\n      // access certain fields of that.\n      // So here we make sure that those fields actually exist in that object!\n      if (this.model['counterfactual_neighborhood_options'] === undefined) {\n        return [];\n      }\n\n      let counterfactual_search_direction_choices = [];\n      for (let [key, value] of Object.entries(this.model.counterfactual_distance_mode_labels)) {\n        counterfactual_search_direction_choices.push({'key': key, 'name': value});\n      }\n\n      return [\n        {\n          'key': 'num_counterfactuals',\n          'name': 'number of counterfactuals',\n          'type': {'name': 'integer', 'min': 1, 'max': 20, 'default': 8},\n        },\n        {\n          'key': 'neighborhood_size',\n          'name': 'counterfactual neighborhood size (limit 3)',\n          'type': {'name': 'integer', 'min': 1, 'max': 3, 'default': 1},\n        },\n        {\n          'key': 'distance_mode',\n          'name': 'counterfactual search direction',\n          'type': {\n            'name': 'choice',\n            'default': 'pos',\n            'choices': counterfactual_search_direction_choices,\n          }\n        },\n        ...this.model['counterfactual_neighborhood_options'],\n        {\n          'key': 'force_prediction',\n          'name': 'ignore cached results? (forces model to always re-predict)',\n          'type': {'name': 'boolean', 'default': true},\n        },\n        {\n          'key': 'fidelity_heatmap',\n          'name': 'visualize fidelity with heatmap?',\n          'type': {'name': 'boolean', 'default': true}\n        },\n      ];\n    },\n  },\n  watch: {\n    /**\n     * This method will get executed when the \"model\" prop changes and if that happens we will use\n     * the default input value defined in the model as the input value for our main input field here. We\n     * have to do it like this because the model will not have been fetched when this component is created!\n     * It will only be available a few ms later and like this we avoid an error.\n     *\n     * @param newValue\n     */\n    model(newValue) {\n      // 11.05.2023 - Important: we need to check if the value is null or not, because only if it is null\n      // we should use the default value. If it is not null here that means that we have already used the\n      // value that is dictated by the URL parameters and we don't want to accidentally overwrite this.\n      if (!this.value) {\n        this.value = newValue.default_value.value;\n      }\n    }\n  },\n}\n</script>\n\n<style scoped>\n\n  .description {\n    padding-top: 20px;\n  }\n\n  .explanation-view {\n    margin-top: 20px;\n  }\n\n  .results-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\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!./SinglePrediction.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!./SinglePrediction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SinglePrediction.vue?vue&type=template&id=cb3835c8&scoped=true&\"\nimport script from \"./SinglePrediction.vue?vue&type=script&lang=js&\"\nexport * from \"./SinglePrediction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SinglePrediction.vue?vue&type=style&index=0&id=cb3835c8&prod&scoped=true&lang=css&\"\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  \"cb3835c8\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"multi-prediction\"},[_vm._v(\"\\n  Multi Prediction not yet implemented...\\n\")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"multi-prediction\">\n    Multi Prediction not yet implemented...\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"MultiPredictionComponent\"\n}\n</script>\n\n<style scoped>\n  .multi-prediction {\n    color: gray;\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!./MultiPrediction.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!./MultiPrediction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultiPrediction.vue?vue&type=template&id=fa66fca8&scoped=true&\"\nimport script from \"./MultiPrediction.vue?vue&type=script&lang=js&\"\nexport * from \"./MultiPrediction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MultiPrediction.vue?vue&type=style&index=0&id=fa66fca8&prod&scoped=true&lang=css&\"\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  \"fa66fca8\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"page-container\">\n    <div class=\"content-container\"\n         v-if=\"model !== null\">\n      <div class=\"title-container\">\n        {{ model.name }}\n      </div>\n\n      <div class=\"description-container\">\n        <!--  It's important that we use the \"markdown-content\" class here because we have defined global\n              style rules for that class which we can make use of here -->\n        <VueMarkdown\n            class=\"markdown-content\"\n            :source=\"model.description\"\n            :html=\"true\"\n            :breaks=\"false\"/>\n\n      </div>\n\n<!--      <div class=\"widget-container\">-->\n<!--        <div class=\"tabs-container\">-->\n<!--          <div :class=\"{'tab': true, 'active': currentTab === index}\"-->\n<!--               v-for=\"(tab, index) in tabs\"-->\n<!--               @click=\"currentTab = index\">-->\n<!--            {{ tab.name }}-->\n<!--          </div>-->\n<!--        </div>-->\n<!--      </div>-->\n\n    </div>   \n\n    <div class=\"content-container\">\n      <component\n        :is=\"tabs[currentTab].component\"\n        :model=\"model\">\n      </component>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {Api} from \"@/lib/api\";\nimport VueMarkdown from 'vue-markdown';\n\nimport SinglePrediction from \"@/components/SinglePrediction\";\nimport MultiPrediction from \"@/components/MultiPrediction\";\n\nexport default {\n  name: \"PredictionPage\",\n  components: {VueMarkdown},\n  data() {\n    return {\n      api: new Api(),\n      slug: this.$route.params.slug,\n      model: {},\n      currentTab: 0,\n      tabs: [\n        {name: 'Predict Single', component: SinglePrediction},\n        {name: 'Predict Many', component: MultiPrediction},\n      ]\n    }\n  },\n  methods: {\n\n  },\n  mounted() {\n    const self = this;\n    this.api.getModel(this.slug).then(model => {\n      self.model = model;\n    })\n  }\n}\n</script>\n\n<style scoped>\n\n  .title-container {\n    font-size: 2em;\n    margin-bottom: 10px;\n    text-align: center;\n  }\n\n  .tabs-container {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    margin-top: 10px;\n    width: auto;\n  }\n\n  .tab {\n    width: 47%;\n    padding: 10px;\n    text-align: center;\n    cursor: pointer;\n    border-style: solid;\n    border-width: 0;\n    border-bottom-width: 2px;\n    border-color: transparent;\n  }\n\n  .tab.active {\n    border-color: #f5f5f5;\n  }\n\n  .tab:hover {\n    border-color: #EBFBF8;\n    /*border-color: black;*/\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!./PredictionPage.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!./PredictionPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PredictionPage.vue?vue&type=template&id=9be392fe&scoped=true&\"\nimport script from \"./PredictionPage.vue?vue&type=script&lang=js&\"\nexport * from \"./PredictionPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PredictionPage.vue?vue&type=style&index=0&id=9be392fe&prod&scoped=true&lang=css&\"\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  \"9be392fe\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-container\"},[(_vm.settings)?_c('div',{staticClass:\"content-container\"},[(!_vm.settings)?_c('ScaleLoader',{staticStyle:{\"margin\":\"0 auto\"},attrs:{\"color\":\"#1C9881\",\"loading\":true}}):_vm._e(),_c('div',{staticClass:\"title-container\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.settings.home_title))]),_c('div',{staticClass:\"sub-title\"},[_vm._v(_vm._s(_vm.settings.home_subtitle))])]),_c('VueMarkdown',{staticClass:\"markdown-content\",attrs:{\"source\":_vm.settings.home_content,\"html\":true,\"breaks\":false}}),_vm._m(0)],1):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"image-banner\"},[_c('img',{attrs:{\"src\":\"/staticfiles/kit_logo.png\",\"alt\":\"kit logo\"}}),_c('img',{attrs:{\"src\":\"/staticfiles/aimat_logo.png\",\"alt\":\"kit logo\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page-container\">\n    <div v-if=\"settings\" class=\"content-container\">\n\n      <ScaleLoader\n          v-if=\"!settings\"\n          color=\"#1C9881\"\n          :loading=\"true\"\n          style=\"margin: 0 auto;\"/>\n\n      <div class=\"title-container\">\n        <div class=\"title\">{{ settings.home_title }}</div>\n        <div class=\"sub-title\">{{ settings.home_subtitle }}</div>\n      </div>\n\n      <VueMarkdown\n            class=\"markdown-content\"\n            :source=\"settings.home_content\"\n            :html=\"true\"\n            :breaks=\"false\"/>\n\n      <div class=\"image-banner\">\n        <img src=\"/staticfiles/kit_logo.png\" alt=\"kit logo\">\n        <img src=\"/staticfiles/aimat_logo.png\" alt=\"kit logo\">\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {Api} from \"@/lib/api\";\nimport VueMarkdown from 'vue-markdown';\nimport {ScaleLoader} from '@saeris/vue-spinners';\n\nexport default {\n  name: \"HomePage\",\n  components: {\n    VueMarkdown,\n    ScaleLoader,\n  },\n  data() {\n    return {\n      api: new Api(),\n      settings: null,\n    }\n  },\n  mounted() {\n    const self = this;\n    this.api.getSettings().then((settings) => {\n      self.settings = settings;\n    })\n  }\n}\n</script>\n\n<style scoped>\n\n.title-container {\n  margin-bottom: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.title {\n  font-size: 1.8em;\n}\n\n.sub-title{\n  font-size: 1.2em;\n  color: gray;\n}\n\n.image-banner {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n}\n\n.image-banner>img {\n  width: 20%;\n  object-fit: contain;\n  margin-left: 20px;\n  margin-right: 20px;\n}\n\n.content {\n  line-height: 1.4em;\n  margin-bottom: 10px;\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!./HomePage.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!./HomePage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HomePage.vue?vue&type=template&id=203b7d68&scoped=true&\"\nimport script from \"./HomePage.vue?vue&type=script&lang=js&\"\nexport * from \"./HomePage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HomePage.vue?vue&type=style&index=0&id=203b7d68&prod&scoped=true&lang=css&\"\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  \"203b7d68\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport VueRouter from 'vue-router'\n\nimport PredictionPage from \"@/pages/PredictionPage\";\nimport HomePage from \"@/pages/HomePage\";\n\nconst routes = [\n  {\n    path: '*',\n    component: HomePage,\n  },\n  {\n    path: '/predict/:slug',\n    component: PredictionPage,\n    props: true,\n  },\n  {\n    path: '/home',\n    component: HomePage,\n  }\n]\n\nVue.use(VueRouter)\nconst router = new VueRouter({\n  scrollBehavior (to, from, savedPosition) { return {x: 0, y: 0} },\n  mode: 'history',\n  routes\n})\n\nexport default router\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\",attrs:{\"id\":\"app\"}},[(_vm.navOpen)?_c('div',{staticClass:\"overlay\"},[_c('div',{staticClass:\"sidebar\"},[_c('div',{staticClass:\"nav\",on:{\"click\":function($event){return _vm.setRoute('/home')}}},[_vm._v(\"\\n        Home\\n      \")]),_vm._l((_vm.categories),function(category){return (category)?_c('div',{staticClass:\"model-category\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"row\",\"align-items\":\"center\"},domProps:{\"innerHTML\":_vm._s(category.content)}}),_vm._l((category.models),function(model){return _c('div',{staticClass:\"nav model-nav\",on:{\"click\":function($event){return _vm.setModelRoute(model.slug)}}},[_vm._v(\"\\n          \"+_vm._s(model.name)+\"\\n        \")])})],2):_vm._e()})],2)]):_vm._e(),_c('div',{staticClass:\"header-container\"},[_c('div',{staticClass:\"header\"},[(_vm.isMobile)?_c('svg',{staticClass:\"menu-icon\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"32\",\"height\":\"32\",\"viewBox\":\"0 0 16 16\"},on:{\"click\":_vm.toggleNavBar}},[_c('path',{attrs:{\"d\":\"M 1 2 L 1 3 L 14 3 L 14 2 Z M 1 7 L 1 8 L 14 8 L 14 7 Z M 1 12 L 1 13 L 14 13 L 14 12 Z\"}})]):_vm._e(),_vm._m(0),(!_vm.isMobile)?_c('div',{staticClass:\"nav-container\"},[_c('div',{staticClass:\"nav\",on:{\"click\":function($event){return _vm.setRoute('/home')}}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\"}},[_c('path',{attrs:{\"d\":\"M 8 1.320313 L 0.660156 8.132813 L 1.339844 8.867188 L 2 8.253906 L 2 14 L 7 14 L 7 9 L 9 9 L 9 14 L 14 14 L 14 8.253906 L 14.660156 8.867188 L 15.339844 8.132813 Z M 8 2.679688 L 13 7.328125 L 13 13 L 10 13 L 10 8 L 6 8 L 6 13 L 3 13 L 3 7.328125 Z\"}})]),_c('span',[_vm._v(\"Home\")])]),_vm._l((_vm.categories),function(category){return (_vm.categories)?_c('nav-dropdown',{staticClass:\"nav\",attrs:{\"elements\":_vm.getCategoryNavElements(category)}},[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"row\",\"align-items\":\"center\"},domProps:{\"innerHTML\":_vm._s(category.content)}})]):_vm._e()})],2):_vm._e()])]),_c('div',{staticClass:\"app-container\"},[_c('router-view',{key:_vm.$route.fullPath})],1),_vm._m(1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title-container\"},[_c('img',{attrs:{\"src\":require(\"./assets/images/aimat_logo_small.png\"),\"height\":\"35px\"}}),_c('div',{staticStyle:{\"margin-top\":\"7px\"}},[_c('span',{attrs:{\"id\":\"title-highlight\"}},[_vm._v(\"Megan\")]),_vm._v(\"Explains\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"footer-container\"},[_c('div',{staticClass:\"footer\"},[_c('div',[_c('div',[_vm._v(\" © Copyright 2023 Jonas Teufel \")])]),_c('div',[_c('div',{staticClass:\"footer-title\"},[_vm._v(\"Legal\")]),_c('a',{attrs:{\"href\":\"https://icons8.com/\"}},[_vm._v(\"we use Icons8\")]),_c('br'),_c('a',{attrs:{\"href\":\"https://www.bw-cloud.org/\"}},[_vm._v(\"hosted by bwCloud\")])])])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"all\",staticClass:\"dropdown\"},[_c('div',{ref:\"title\",staticClass:\"title\",on:{\"click\":_vm.toggleElement}},[_vm._t(\"default\")],2),(_vm.active)?_c('div',{ref:\"content\",staticClass:\"dropdown-content\"},_vm._l((_vm.elements),function(element){return _c('a',{staticClass:\"element\",on:{\"click\":function($event){return _vm.setRoute(element.route)}}},[_vm._v(\"\\n      \"+_vm._s(element.name)+\"\\n    \")])}),0):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"dropdown\"\n    ref=\"all\">\n    <div\n      class=\"title\"\n      @click=\"toggleElement\"\n      ref=\"title\">\n      <slot></slot>\n    </div>\n    <div\n      class=\"dropdown-content\"\n      v-if=\"active\"\n      ref=\"content\">\n      <a\n        class=\"element\"\n        v-for=\"element in elements\"\n        @click=\"setRoute(element.route)\">\n        {{ element.name }}\n      </a>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"NavDropdown\",\n  props: {\n    elements: {\n      type: Array,\n      required: true\n    }\n  },\n  data() {\n    return {\n      active: false,\n    }\n  },\n  methods: {\n    toggleElement() {\n      this.active = !this.active;\n    },\n    handleOutsideClick(event) {\n      if (!this.$refs.all.contains(event.target)) {\n        this.active = false;\n      }\n    },\n    setRoute(route) {\n      this.$router.push(route);\n      this.active = false;\n    }\n  },\n  mounted() {\n    document.addEventListener('click', this.handleOutsideClick)\n  }\n}\n</script>\n\n<style scoped>\n\n.dropdown {\n  position: relative;\n}\n\n.title {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.dropdown-content {\n  position: absolute;\n  background-color: white;\n  z-index: 20;\n  border-style: solid;\n  border-color: lightgray;\n  border-width: 1px;\n  display: flex;\n  flex-direction: column;\n  top: 30px;\n  right: 0px;\n}\n\na.element {\n  height: 1.5em;\n  flex-grow: 1;\n  text-align: left;\n  padding: 15px;\n  padding-bottom: 2px;\n  color: black;\n  cursor: pointer;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\na.element:hover {\n  background-color: #f5f5f5;\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!./NavDropdown.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!./NavDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavDropdown.vue?vue&type=template&id=69b9a412&scoped=true&\"\nimport script from \"./NavDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./NavDropdown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NavDropdown.vue?vue&type=style&index=0&id=69b9a412&prod&scoped=true&lang=css&\"\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  \"69b9a412\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"html\">\n  <div id=\"app\" class=\"container\">\n\n    <div\n      class=\"overlay\"\n      v-if=\"navOpen\">\n\n      <div class=\"sidebar\">\n        <div\n          class=\"nav\"\n          @click=\"setRoute('/home')\">\n          Home\n        </div>\n        <div\n          class=\"model-category\"\n          v-if=\"category\"\n          v-for=\"category in categories\">\n          <div v-html=\"category.content\" style=\"display: flex; flex-direction: row; align-items: center\"/>\n          <div\n            class=\"nav model-nav\"\n            v-for=\"model in category.models\"\n            @click=\"setModelRoute(model.slug)\">\n            {{ model.name }}\n          </div>\n        </div>\n      </div>\n\n    </div>\n\n    <div class=\"header-container\">\n      <div class=\"header\">\n\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" width=\"32\" height=\"32\" viewBox=\"0 0 16 16\"\n          v-if=\"isMobile\"\n          class=\"menu-icon\"\n          @click=\"toggleNavBar\">\n          <path d=\"M 1 2 L 1 3 L 14 3 L 14 2 Z M 1 7 L 1 8 L 14 8 L 14 7 Z M 1 12 L 1 13 L 14 13 L 14 12 Z\"></path>\n        </svg>\n\n        <div class=\"title-container\">\n          <img src=\"./assets/images/aimat_logo_small.png\" height=\"35px\">\n          <div style=\"margin-top:7px;\"><span id=\"title-highlight\">Megan</span>Explains</div>\n        </div>\n\n        <div\n          class=\"nav-container\"\n          v-if=\"!isMobile\">\n          <div\n            class=\"nav\"\n            @click=\"setRoute('/home')\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n              <path d=\"M 8 1.320313 L 0.660156 8.132813 L 1.339844 8.867188 L 2 8.253906 L 2 14 L 7 14 L 7 9 L 9 9 L 9 14 L 14 14 L 14 8.253906 L 14.660156 8.867188 L 15.339844 8.132813 Z M 8 2.679688 L 13 7.328125 L 13 13 L 10 13 L 10 8 L 6 8 L 6 13 L 3 13 L 3 7.328125 Z\"></path>\n            </svg>\n            <span>Home</span>\n          </div>\n\n          <nav-dropdown\n            class=\"nav\"\n            v-if=\"categories\"\n            v-for=\"category in categories\"\n            :elements=\"getCategoryNavElements(category)\">\n            <div v-html=\"category.content\" style=\"display: flex; flex-direction: row; align-items: center\"/>\n          </nav-dropdown>\n        </div>\n\n    </div>\n    </div>\n\n    <div class=\"app-container\">\n      <router-view :key=\"$route.fullPath\"/>\n    </div>\n\n    <div class=\"footer-container\">\n      <div class=\"footer\">\n        <div>\n          <div> © Copyright 2023 Jonas Teufel </div>\n        </div>\n        <div>\n          <div class=\"footer-title\">Legal</div>\n          <a href=\"https://icons8.com/\">we use Icons8</a> <br>\n          <a href=\"https://www.bw-cloud.org/\">hosted by bwCloud</a>\n        </div>\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport {Api} from \"@/lib/api\";\nimport { mapGetters, mapActions } from \"vuex\";\nimport NavDropdown from \"@/components/NavDropdown\";\n\nexport default {\n  name: 'App',\n  components: {NavDropdown},\n  data() {\n    return {\n      url: `${window.location.protocol}//${window.location.hostname}:${window.location.port}`,\n      api: new Api(),\n      models: [],\n      navOpen: false,\n      categories: {},\n    }\n  },\n  mounted() {\n    document.title = 'MeganExplains';\n\n    // 11.05.23 - The \"checkDimensions\" method will update the internal \"isMobile\" state\n    this.checkDimensions();\n    window.addEventListener('resize', this.checkDimensions);\n\n    const self = this;\n\n    this.api.getModels().then((models) => {\n      self.models = models;\n      self.$forceUpdate();\n    })\n\n    // At the start of the application we need to query the backend API for the model categories because\n    // those will determine the navigation structure for the application. Each model category will be\n    // represented as one nav dropdown which will contain the links to each of the individual model papers\n    // that are part of that category.\n    this.api.getModelCategories().then((categories) => {\n      self.categories = categories;\n      self.$forceUpdate();\n    })\n  },\n  methods: {\n    ...mapActions(['updateIsMobile']),\n    setRoute(route) {\n      this.$router.push(route);\n\n      if (this.isMobile) {\n        this.navOpen = false;\n      }\n    },\n    setModelRoute(slug) {\n      const route = `/predict/${slug}`;\n      this.setRoute(route);\n    },\n    checkDimensions() {\n      const value = window.innerWidth <= 900;\n      this.updateIsMobile(value);\n    },\n    toggleNavBar() {\n      this.navOpen = !this.navOpen;\n    },\n    /**\n     *\n     * @param category\n     * @returns {*}\n     */\n    getCategoryNavElements(category) {\n      let elements = [];\n      for (let model of category.models) {\n        \n        // 24.04.24\n        // We actually only want to show a model in the navbar if it's \"show\" attribute is true!\n        // this is boolean attribute which controls if a model should actually be exposed to the \n        // frontend or not.\n        if (!model.show) {\n          continue;\n        }\n\n        elements.push({\n          name: model.name,\n          route: `/predict/${model.slug}`,\n        })\n      }\n      return elements;\n    }\n  },\n  computed: {\n    // Apparently this will map the global \"isMobile\" variable from the VueX store as a computed property\n    // of this component, so I could use it like I use any other attribute.\n    ...mapGetters(['isMobile']),\n  }\n}\n</script>\n\n<style scoped>\n\n.icon {\n  height: 100%;\n  border-style: solid;\n  border-width: 2px;\n  border-color: black;\n  border-radius: 4px;\n  padding: 2px;\n  cursor: pointer;\n  margin-left: 20px;\n}\n\n.overlay {\n  position: fixed;\n  z-index: 3;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0,0,0,0.3);\n  transition: background-color 0.5s ease-in-out;\n}\n\n.sidebar {\n  background-color: white;\n  border-style: solid;\n  border-width: 0;\n  border-right-width: 1px;\n  border-color: lightgray;\n  height: 100%;\n  width: 60%;\n  padding-top: 70px;\n  display: flex;\n  flex-direction: column;\n}\n\n.sidebar>.nav {\n  padding: 0;\n  margin-left: 15px;\n  margin-bottom: 15px;\n  font-size: 1.2em;\n}\n\n</style>\n\n<style>\n\nbody, .container {\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  font-family: \"Lucinda Grande\", \"Lucinda Sans Unicode\", Helvetica, Arial, Verdana, sans-serif;\n}\n\n.container {\n  /*background-color: #FBFDFE;*/\n  background-color: rgba(28,152,129,0.05);\n}\n\n.app-container {\n  background-color: transparent;\n}\n\n.header-container {\n  position: fixed;\n  width: 100%;\n  max-width: 100%;\n  background-color: white;\n  border-style: solid;\n  border-color: lightgray;\n  border-width: 0px;\n  border-bottom-width: 1px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  /* We need to increase this, so other floating elements dont clip through the header when scrolling */\n  z-index: 100;\n}\n\n.header {\n  width: 70%;\n  height: 30px;\n  margin: 10px;\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n}\n\n.header>.title-container {\n  font-size: 1.4em;\n  min-width: 200px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.header>.title-container>img {\n  margin-right: 10px;\n}\n\n#title-highlight {\n  font-size: 1.1em;\n  font-weight: bold;\n  letter-spacing: -2px;\n  color: #1C9881;\n}\n\n.nav-container {\n  height: 100%;\n  width: 100%;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  text-align: center;\n}\n\n.nav {\n  color: black;\n  margin-left: 30px;\n  border-style: solid;\n  border-color: transparent;\n  border-width: 0px;\n  padding: 2px;\n  transition: color 0.2s ease-in-out, fill 0.2s ease-in-out, text-shadow 0.3s ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.nav:hover {\n  cursor: pointer;\n  color: #1C9881;\n  fill: #1C9881;\n  text-shadow: rgba(29,225,201,0.5) 1px 0 20px;\n}\n\ninput[type=\"checkbox\"] {\n  accent-color: #1C9881;\n}\n\nsvg {\n  margin-right: 5px;\n}\n\n.model-nav {\n  flex-grow: 0;\n  max-width: 200px;\n}\n\n.model-category {\n  color: gray;\n  fill: gray;\n  font-size: 1.2em;\n  margin-left: 10px;\n}\n.model-category .model-nav {\n  margin-top: 10px;\n}\n\n.footer-container {\n  width: 100%;\n  margin-top: 100px;\n  margin-bottom: 0px;\n  background-color: white;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-style: solid;\n  border-width: 0;\n  border-top-width: 1px;\n  border-color: lightgray;\n  color: gray !important;\n}\n\n.footer {\n  width: 50%;\n  display: flex;\n  flex-direction: row;\n}\n\n.footer a {\n  text-decoration: none;\n  color: black;\n}\n\n.footer>div {\n  flex-grow: 1;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n}\n\n.footer-title {\n  font-weight: bold;\n  margin-top: 5px;\n  margin-bottom: 5px;\n}\n\n/*  These elements don't actually appear in this component but we will define them here globally and not\n    not scoped so that we can use these design rules in other components. */\n\n.markdown-content {\n  font-size: 1.1em;\n}\n\n.markdown-content p {\n  text-align: justify;\n  line-height: 1.4em;\n}\n\n.markdown-content h3:before {\n  content: '# ';\n  color: #1C9881;\n}\n\na {\n  color: #1C9881;\n}\n\na:visited {\n  color: #1C9881;\n}\n\n.page-container {\n  width: 100%;\n  height: 100%;\n  min-height: 100px;\n  padding-top: 100px;\n  padding-bottom: 100px;\n  background-color: transparent;\n}\n\n.content-container {\n  width: 50%;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  padding: 25px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 30px;\n  background-color: white;\n  border-style: solid;\n  /*border-color: #e6e6e6;*/\n  border-color: lightgray;\n  border-radius: 5px;\n  border-width: 1px;\n  /*box-shadow: 0px 0px 8px lightgray;*/\n}\n\n.katex-html {\n  display: none;\n}\n\n@media (max-width: 900px) {\n\n  html, body, .container {\n    max-width: 100%;\n    font-size: 1.0em;\n  }\n\n  .header-container {\n    align-items: start;\n  }\n  .header {\n    margin-left: 15px;\n    margin-right: 15px;\n  }\n  .header>.menu-icon {\n    margin-right: 15px;\n    fill: darkslategray;\n    cursor: pointer;\n  }\n\n  .footer {\n    width: 100%;\n  }\n\n  .page-container {\n    max-width: 100%;\n    width: 100%;\n    height: 100%;\n    min-height: 100px;\n    padding-top: 100px;\n    padding-bottom: 100px;\n    background-color: transparent;\n  }\n\n  .content-container {\n    width: 100%;\n    max-width: 85%;\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    padding: 25px;\n    margin-bottom: 30px;\n    background-color: white;\n    border-style: solid;\n    border-color: #e6e6e6;\n    border-radius: 5px;\n    border-width: 1px;\n    /*box-shadow: 0px 0px 8px lightgray;*/\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!./App.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!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=797b1fc3&scoped=true&lang=html&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=797b1fc3&prod&scoped=true&lang=css&\"\nimport style1 from \"./App.vue?vue&type=style&index=1&id=797b1fc3&prod&lang=css&\"\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  \"797b1fc3\",\n  null\n  \n)\n\nexport default component.exports","/* eslint-disable no-console */\nimport { register } from 'register-service-worker'\n\nif (process.env.NODE_ENV === 'production') {\n  register(`${process.env.BASE_URL}service-worker.js`, {\n    ready () {\n      console.log(\n        'App is being served from cache by a service worker.\\n' +\n        'For more details, visit https://goo.gl/AFskqB'\n      )\n    },\n    cached () {\n      console.log('Content has been cached for offline use.')\n    },\n    updated () {\n      console.log('New content is available; please refresh.')\n    },\n    offline () {\n      console.log('No internet connection found. App is running in offline mode.')\n    },\n    error (error) {\n      console.error('Error during service worker registration:', error)\n    }\n  })\n}\n","import Vue from 'vue'\nimport store from '@/store'\nimport router from '@/router'\n\nimport axios from 'axios'\naxios.defaults.xsrfCookieName = 'csrftoken'\naxios.defaults.xsrfHeaderName = 'X-CSRFToken'\n\nimport App from '@/App.vue'\nimport './registerServiceWorker'\n\nVue.config.productionTip = false\n\nnew Vue({\n  router,\n  store,\n  render: h => h(App)\n}).$mount('#app')\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegressionResult.vue?vue&type=style&index=0&id=7a1549ad&prod&scoped=true&lang=css&\"","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=1&id=797b1fc3&prod&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResultView.vue?vue&type=style&index=0&id=ff565fda&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PredictionPage.vue?vue&type=style&index=0&id=9be392fe&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassificationResult.vue?vue&type=style&index=0&id=33683e49&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SinglePrediction.vue?vue&type=style&index=0&id=cb3835c8&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionsInput.vue?vue&type=style&index=0&id=621e1cde&prod&scoped=true&lang=css&\"","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=797b1fc3&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MoleculeInput.vue?vue&type=style&index=0&id=39684f5c&prod&scoped=true&lang=css&\""],"sourceRoot":""}