{"version":3,"sources":["webpack:///./src/views/components/organisms/analytics/TrendChart.vue?ec73","webpack:///./src/views/components/organisms/skillmatrix/SkillMatrix.vue?320f","webpack:///./src/views/components/organisms/analytics/ChartCard.vue?425e","webpack:///./src/views/pages/OnboardingAnalytics.vue?2911","webpack:///./src/views/ui-elements/card/analyticsData.js","webpack:///./src/views/components/organisms/skillmatrix/SkillMatrix.vue?6e05","webpack:///src/views/components/organisms/skillmatrix/SkillMatrix.vue","webpack:///./src/views/components/organisms/skillmatrix/SkillMatrix.vue?fd21","webpack:///./src/views/components/organisms/skillmatrix/SkillMatrix.vue?a4fe","webpack:///./src/views/components/organisms/analytics/MetricCard.vue?b6b1","webpack:///src/views/components/organisms/analytics/MetricCard.vue","webpack:///./src/views/components/organisms/analytics/MetricCard.vue?db1e","webpack:///./src/views/components/organisms/analytics/MetricCard.vue?3c4b","webpack:///./src/views/components/organisms/analytics/ChartCard.vue?3384","webpack:///src/views/components/organisms/analytics/ChartCard.vue","webpack:///./src/views/components/organisms/analytics/ChartCard.vue?7651","webpack:///./src/views/components/organisms/analytics/ChartCard.vue?56e0","webpack:///./src/views/components/organisms/analytics/TrendChart.vue?4098","webpack:///src/views/components/organisms/analytics/TrendChart.vue","webpack:///./src/views/components/organisms/analytics/TrendChart.vue?cf04","webpack:///./src/views/components/organisms/analytics/TrendChart.vue?531a","webpack:///src/views/pages/OnboardingAnalytics.vue","webpack:///./src/views/pages/OnboardingAnalytics.vue?6afb","webpack:///./src/views/pages/OnboardingAnalytics.vue?4979","webpack:///./src/views/components/organisms/analytics/MetricCard.vue?b2bb","webpack:///./src/views/pages/OnboardingAnalytics.vue?1180"],"names":["_node_modules_vue_cli_service_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_lib_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_TrendChart_vue_vue_type_style_index_0_id_52fca81f_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_vue_cli_service_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_lib_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_TrendChart_vue_vue_type_style_index_0_id_52fca81f_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n","_node_modules_vue_cli_service_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_lib_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_SkillMatrix_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_vue_cli_service_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_lib_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_SkillMatrix_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_vue_cli_service_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_lib_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_ChartCard_vue_vue_type_style_index_0_id_3c1b75eb_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_vue_cli_service_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_lib_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_ChartCard_vue_vue_type_style_index_0_id_3c1b75eb_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","title","active","InStepResolveMode","on","update:active","$event","_v","staticStyle","width","label-placeholder","model","value","callback","$$v","resolveComment","expression","click","ResolveMarkedStep","_e","InSaveQueryMode","s","query_name","query_url","InQueryPage","type","indexOf","_k","keyCode","undefined","key","SaveSearchQuery","InQueryEditMode","EditSearchQuery","multiple","placeholder","label","closeOnSelect","reduce","space","id","push-tags","options","spaceList","input","LoadHeatMapAndMetricsData","selectedSpace","item","onboardingList","selectedOnboarding","rolesList","selectedRole","days","dateRangeOptions","LoadUserWithMostaCompletedOnboardings","date_range","$acl","check","OpenSaveSearchQuery","margin-left","vs-trigger-click","position","cursor","icon","DeleteSearchQuery","OpenEditQueryMenu","stat","totalSOPs","totalUsers","completionRate","inProgress","notStarted","reloadKey","completed","in_progress","not_started","reloadKeyTrend","completed_trend","started_trend","labels","people","sops","heatmap","heatMap","available-tab-label","assigned-tab-label","assignedSkills","background","height","font-weight","display","margin-bottom","_l","idx","bottom","right","float","src","color","text-color","text","Items","length","toString","max-width","target","href","OnboardingId","StepId","_s","OnboardingName","UniqueUsers","ExpandMarkedSteps","CollapseMarkedSteps","clear","subItem","subIdx","AvatarUrl","getFriendlyUserName","Reason","OpenStepResolveMenu","Id","mostCompletedOnboardings","margin-top","User","avatarUrl","FirstName","LastName","UserName","Count","staticRenderFns","analyticsData","siteTraffic","series","name","data","chartOptions","grid","show","padding","left","chart","dropShadow","enabled","top","blur","opacity","toolbar","sparkline","stroke","curve","xaxis","colors","fill","gradient","shade","gradientToColors","shadeIntensity","opacityFrom","opacityTo","stops","markers","size","hover","tooltip","x","activeUsers","newsletter","revenueComparisonLine","dashArray","borderColor","legend","inverseColors","style","cssClass","axisTicks","categories","axisBorder","yaxis","tickAmount","formatter","val","toFixed","subscribersGained","dataLabels","lines","y","offsetX","offsetY","quarterlySales","revenueGenerated","ordersRecevied","salesBar","states","filter","plotOptions","bar","columnWidth","distributed","endingShape","goalOverviewRadialBar","radialBar","startAngle","endAngle","hollow","track","strokeWidth","fontSize","lineCap","supportTrackerRadialBar","chartData","totalTickets","openTickets","lastResponse","statisticsRadar","radar","polygons","strokeColors","connectorColors","sessionsByDeviceDonut","device","sessionsPercentgae","comparedResultPercentage","comparedResult","productOrdersRadialBar","orderType","counts","margin","total","responsive","breakpoint","customersPie","customerType","salesLine","clientRetentionBar","stacked","browserAnalytics","ratio","time","SkillMatrixvue_type_template_id_21a2f173_render","person","sop","justify-content","flex-direction","overflow","text-overflow","white-space","description","GoToOnboarding","stats","class","getSkillLevel","SkillMatrixvue_type_template_id_21a2f173_staticRenderFns","SkillMatrixvue_type_script_lang_js_","props","Array","required","default","String","availableTabLabel","assignedTabLabel","methods","window","open","skillmatrix_SkillMatrixvue_type_script_lang_js_","component","Object","componentNormalizer","SkillMatrix","MetricCardvue_type_template_id_b15af37e_render","rel","crossorigin","MetricCardvue_type_template_id_b15af37e_staticRenderFns","MetricCardvue_type_script_lang_js_","analytics_MetricCardvue_type_script_lang_js_","MetricCard_component","MetricCard","ChartCardvue_type_template_id_3c1b75eb_scoped_true_render","_m","ChartCardvue_type_template_id_3c1b75eb_scoped_true_staticRenderFns","ChartCardvue_type_script_lang_js_","mounted","instance","scriptTag","document","createElement","getElementsByTagName","appendChild","onload","completionCtx","getElementById","getContext","Chart","datasets","backgroundColor","borderWidth","maintainAspectRatio","plugins","cutout","analytics_ChartCardvue_type_script_lang_js_","ChartCard_component","ChartCard","TrendChartvue_type_template_id_52fca81f_scoped_true_render","TrendChartvue_type_template_id_52fca81f_scoped_true_staticRenderFns","TrendChartvue_type_script_lang_js_","trendsCtx","tension","scales","beginAtZero","analytics_TrendChartvue_type_script_lang_js_","TrendChart_component","TrendChart","OnboardingAnalyticsvue_type_script_lang_js_","onboardingsOpenedData","lastOpenedOnboardings","filtedOnboardings","filtedSelect","stepOnboardingId","stepIdToResolve","stepIdToResolveIndex","tempSpaceList","emailsList","latestSteps","itemsPerPage","flaggedItems","latestCompletedOnboardings","apexChatData","apexChartData","heatMapHeight","openedStats","Total","Title","completedStats","flaggedStats","engagedStats","watch","$route.params.slug","newUrl","oldUrl","LoadSeachQuery","date","Date","getMonth","$route","query","onboardingId","push","params","slug","LoadBlockedLatestSteps","LoadBlockedLatestOnboardings","LoadUsersAndRoles","LoadOnboardings","LoadSpaces","components","StatisticsCardLine","FeatherIcon","VueApexCharts","vue_apexcharts_default","a","vSelect","vue_select_default","LoadOnboardingData","onboardingType","selectedMonth","statCardName","TCVelikClient","GetRelative","then","response","OpenedPerWeek","map","itm","NumberOfOpenedOrClosedOnboardings","catch","err","alert","GetBreadcrumb","parentId","parent","find","element","PostRelative","SpaceIds","OnboardingIds","RoleIds","Days","result","result_metrics","total_sops","completion_rate","total_users","trends","result_metrics_trend","keys","CompletedCount","StartedCount","Label","reloadCharts","event","closest","classList","add","remove","LoadFlaggedStats","LoadEngagedUsers","LoadLatestSteps","forEach","splice","$vs","notify","iconPack","onboarding","index","self","findIndex","o","req","headers","Content-Type","Accept","rolesWithUsers","variables","entity","url","roleIds","onboardingIds","spaceIds","dateRange","payload","setTimeout","$router","replace","location","reload","errors","_instance$selectedOnb","_instance$selectedSpa","_instance$selectedRol","savedQuery","savedAnalyticsQuery","apply","toConsumableArray","spaces","objectSpread","breadcrumbTile","onboardings","userNameCandidate","firstNamePart","secondNamePart","char","toUpperCase","namePart","split","stepId","moment","dateString","fromNow","pages_OnboardingAnalyticsvue_type_script_lang_js_","OnboardingAnalytics_component","__webpack_exports__","_node_modules_vue_cli_service_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_lib_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_MetricCard_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_vue_cli_service_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_lib_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_MetricCard_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_vue_cli_service_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_lib_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_OnboardingAnalytics_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_vue_cli_service_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_lib_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_OnboardingAnalytics_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"2IAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAA0jBE,EAAG,qCCA7jB,IAAAE,EAAAH,EAAA,QAAAI,EAAAJ,EAAAE,EAAAC,GAAmiBC,EAAG,gECAtiB,IAAAC,EAAAL,EAAA,QAAAM,EAAAN,EAAAE,EAAAG,GAAyjBC,EAAG,yHCA5jB,IAAAC,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAAA,EAAA,OAA2BE,YAAA,4DAAuE,CAAAN,EAAA,kBAAAI,EAAA,YAAyCG,MAAA,CAAOC,MAAA,uBAAAC,OAAAT,EAAAU,mBAA8DC,GAAA,CAAKC,gBAAA,SAAAC,GAAiCb,EAAAU,kBAAAG,KAA+B,CAAAT,EAAA,OAAYE,YAAA,UAAqB,CAAAF,EAAA,OAAYE,YAAA,yBAAoC,CAAAN,EAAAc,GAAA,oCAAAV,EAAA,YAA4DE,YAAA,wBAAAS,YAAA,CAAiDC,MAAA,QAAeT,MAAA,CAAQU,oBAAA,YAA+BC,MAAA,CAAQC,MAAAnB,EAAA,eAAAoB,SAAA,SAAAC,GAAoDrB,EAAAsB,eAAAD,GAAuBE,WAAA,qBAA8B,KAAAnB,EAAA,OAAkBE,YAAA,UAAqB,CAAAF,EAAA,OAAYE,YAAA,kCAA6C,CAAAF,EAAA,aAAkBO,GAAA,CAAIa,MAAAxB,EAAAyB,oBAA+B,CAAAzB,EAAAc,GAAA,8BAAAd,EAAA0B,KAAA1B,EAAA,gBAAAI,EAAA,YAAqFG,MAAA,CAAOC,MAAA,oBAAAC,OAAAT,EAAA2B,gBAAAC,EAAA,IAAgEjB,GAAA,CAAKC,gBAAA,SAAAC,GAAiCb,EAAA2B,gBAAAd,KAA6B,CAAAT,EAAA,OAAYE,YAAA,UAAqB,CAAAF,EAAA,OAAYE,YAAA,yBAAoC,CAAAN,EAAAc,GAAA,iCAAAV,EAAA,YAAyDE,YAAA,wBAAAS,YAAA,CAAiDC,MAAA,QAAeT,MAAA,CAAQU,oBAAA,SAA4BC,MAAA,CAAQC,MAAAnB,EAAA,WAAAoB,SAAA,SAAAC,GAAgDrB,EAAA6B,WAAAR,GAAmBE,WAAA,iBAA0B,GAAAnB,EAAA,OAAgBE,YAAA,yBAAoC,CAAAN,EAAAc,GAAA,gCAAAV,EAAA,YAAwDE,YAAA,wBAAAS,YAAA,CAAiDC,MAAA,QAAeT,MAAA,CAAQU,oBAAA,QAA2BC,MAAA,CAAQC,MAAAnB,EAAA,UAAAoB,SAAA,SAAAC,GAA+CrB,EAAA8B,UAAAT,GAAkBE,WAAA,gBAAyB,KAAAvB,EAAA+B,YAAoU/B,EAAA0B,KAApUtB,EAAA,OAAqCE,YAAA,SAAAK,GAAA,CAAyBF,OAAA,SAAAI,GAA0B,IAAAA,EAAAmB,KAAAC,QAAA,QAAAjC,EAAAkC,GAAArB,EAAAsB,QAAA,YAAAC,EAAAvB,EAAAwB,SAAAD,GAA8F,YAAepC,EAAA+B,eAAmB,CAAA3B,EAAA,OAAYE,YAAA,kCAA6C,CAAAF,EAAA,aAAkBO,GAAA,CAAIa,MAAAxB,EAAAsC,kBAA6B,CAAAtC,EAAAc,GAAA,kBAAAd,EAAA0B,KAAA1B,EAAA,gBAAAI,EAAA,YAAkFG,MAAA,CAAOC,MAAA,oBAAAC,OAAAT,EAAAuC,gBAAAX,EAAA,IAAgEjB,GAAA,CAAKC,gBAAA,SAAAC,GAAiCb,EAAAuC,gBAAA1B,KAA6B,CAAAT,EAAA,OAAYE,YAAA,UAAqB,CAAAF,EAAA,OAAYE,YAAA,yBAAoC,CAAAN,EAAAc,GAAA,iCAAAV,EAAA,YAAyDE,YAAA,wBAAAS,YAAA,CAAiDC,MAAA,QAAeT,MAAA,CAAQU,oBAAA,SAA4BC,MAAA,CAAQC,MAAAnB,EAAA,WAAAoB,SAAA,SAAAC,GAAgDrB,EAAA6B,WAAAR,GAAmBE,WAAA,iBAA0B,GAAAnB,EAAA,OAAgBE,YAAA,yBAAoC,CAAAN,EAAAc,GAAA,gCAAAV,EAAA,YAAwDE,YAAA,wBAAAS,YAAA,CAAiDC,MAAA,QAAeT,MAAA,CAAQU,oBAAA,QAA2BC,MAAA,CAAQC,MAAAnB,EAAA,UAAAoB,SAAA,SAAAC,GAA+CrB,EAAA8B,UAAAT,GAAkBE,WAAA,gBAAyB,KAAAvB,EAAA,gBAAAI,EAAA,OAAwCE,YAAA,SAAAK,GAAA,CAAyBF,OAAA,SAAAI,GAA0B,OAAAA,EAAAmB,KAAAC,QAAA,QAAAjC,EAAAkC,GAAArB,EAAAsB,QAAA,YAAAC,EAAAvB,EAAAwB,SAAAD,GAA8F,KAAepC,EAAA+B,YAAAlB,MAAiC,CAAAT,EAAA,OAAYE,YAAA,kCAA6C,CAAAF,EAAA,aAAkBO,GAAA,CAAIa,MAAAxB,EAAAwC,kBAA6B,CAAAxC,EAAAc,GAAA,gBAAAd,EAAA0B,OAAA1B,EAAA0B,KAAA1B,EAAA+B,YAA6oB/B,EAAA0B,KAA7oBtB,EAAA,OAA0EE,YAAA,gBAAAK,GAAA,CAAgCF,OAAA,SAAAI,GAA0B,IAAAA,EAAAmB,KAAAC,QAAA,QAAAjC,EAAAkC,GAAArB,EAAAsB,QAAA,YAAAC,EAAAvB,EAAAwB,SAAAD,GAA8F,YAAepC,EAAA+B,eAAmB,CAAA/B,EAAAc,GAAA,qCAAAV,EAAA,YAA6DG,MAAA,CAAOkC,SAAA,GAAAC,YAAA,WAAAC,MAAA,iBAAAC,eAAA,EAAAC,OAAA,SAAAC,GAAiH,OAAAA,EAAAC,IAAmBC,YAAA,GAAAC,QAAAjD,EAAAkD,WAAwCvC,GAAA,CAAKwC,MAAAnD,EAAAoD,2BAAsClC,MAAA,CAAQC,MAAAnB,EAAA,cAAAoB,SAAA,SAAAC,GAAmDrB,EAAAqD,cAAAhC,GAAsBE,WAAA,oBAA6B,GAAAvB,EAAA+B,YAA6nB/B,EAAA0B,KAA7nBtB,EAAA,OAA4CE,YAAA,iBAAAK,GAAA,CAAiCF,OAAA,SAAAI,GAA0B,IAAAA,EAAAmB,KAAAC,QAAA,QAAAjC,EAAAkC,GAAArB,EAAAsB,QAAA,YAAAC,EAAAvB,EAAAwB,SAAAD,GAA8F,YAAepC,EAAA+B,eAAmB,CAAA/B,EAAAc,GAAA,0CAAAV,EAAA,YAAkEG,MAAA,CAAOkC,SAAA,GAAAC,YAAA,WAAAC,MAAA,OAAAC,eAAA,EAAAC,OAAA,SAAAS,GAAsG,OAAAA,EAAAP,IAAkBC,YAAA,GAAAC,QAAAjD,EAAAuD,gBAA6C5C,GAAA,CAAKwC,MAAAnD,EAAAoD,2BAAsClC,MAAA,CAAQC,MAAAnB,EAAA,mBAAAoB,SAAA,SAAAC,GAAwDrB,EAAAwD,mBAAAnC,GAA2BE,WAAA,yBAAkC,GAAAvB,EAAA+B,YAA+lB/B,EAAA0B,KAA/lBtB,EAAA,OAA4CE,YAAA,gBAAAK,GAAA,CAAgCF,OAAA,SAAAI,GAA0B,IAAAA,EAAAmB,KAAAC,QAAA,QAAAjC,EAAAkC,GAAArB,EAAAsB,QAAA,YAAAC,EAAAvB,EAAAwB,SAAAD,GAA8F,YAAepC,EAAA+B,eAAmB,CAAA/B,EAAAc,GAAA,oCAAAV,EAAA,YAA4DG,MAAA,CAAOkC,SAAA,GAAAC,YAAA,WAAAC,MAAA,OAAAC,eAAA,EAAAC,OAAA,SAAAS,GAAsG,OAAAA,EAAAP,IAAkBC,YAAA,GAAAC,QAAAjD,EAAAyD,WAAwC9C,GAAA,CAAKwC,MAAAnD,EAAAoD,2BAAsClC,MAAA,CAAQC,MAAAnB,EAAA,aAAAoB,SAAA,SAAAC,GAAkDrB,EAAA0D,aAAArC,GAAqBE,WAAA,mBAA4B,GAAAvB,EAAA+B,YAAgoB/B,EAAA0B,KAAhoBtB,EAAA,OAA4CE,YAAA,gBAAAK,GAAA,CAAgCF,OAAA,SAAAI,GAA0B,IAAAA,EAAAmB,KAAAC,QAAA,QAAAjC,EAAAkC,GAAArB,EAAAsB,QAAA,YAAAC,EAAAvB,EAAAwB,SAAAD,GAA8F,YAAepC,EAAA+B,eAAmB,CAAA/B,EAAAc,GAAA,+BAAAV,EAAA,YAAuDG,MAAA,CAAOmC,YAAA,WAAAC,MAAA,QAAAC,eAAA,EAAAC,OAAA,SAAAS,GAAwF,OAAAA,EAAAK,MAAoBV,QAAAjD,EAAA4D,kBAAgCjD,GAAA,CAAKwC,MAAA,SAAAtC,GAAyBb,EAAAoD,4BAAApD,EAAA6D,0CAA6E3C,MAAA,CAAQC,MAAAnB,EAAA,WAAAoB,SAAA,SAAAC,GAAgDrB,EAAA8D,WAAAzC,GAAmBE,WAAA,iBAA0B,GAAAvB,EAAA+D,KAAAC,MAAA,WAAAhE,EAAA+B,YAAA3B,EAAA,aAA6EE,YAAA,iBAAAK,GAAA,CAAiCF,OAAA,SAAAI,GAA0B,IAAAA,EAAAmB,KAAAC,QAAA,QAAAjC,EAAAkC,GAAArB,EAAAsB,QAAA,YAAAC,EAAAvB,EAAAwB,SAAAD,GAA8F,YAAepC,EAAA+B,aAAiBP,MAAAxB,EAAAiE,sBAAkC,CAAAjE,EAAAc,GAAA,4BAAAd,EAAA0B,KAAA1B,EAAA,YAAAI,EAAA,eAAkFE,YAAA,UAAAS,YAAA,CAAmCmD,cAAA,QAAqB3D,MAAA,CAAQwC,GAAA,gBAAAoB,mBAAA,KAA4C,CAAA/D,EAAA,eAAoBE,YAAA,eAAAS,YAAA,CAAwCqD,SAAA,QAAAC,OAAA,WAAsC9D,MAAA,CAAQC,MAAA,YAAA8D,KAAA,cAAuClE,EAAA,oBAAyBW,YAAA,CAAaC,MAAA,UAAiB,CAAAhB,EAAA+D,KAAAC,MAAA,SAAA5D,EAAA,oBAAmDO,GAAA,CAAIa,MAAAxB,EAAAuE,oBAA+B,CAAAvE,EAAAc,GAAA,8BAAAd,EAAA0B,KAAA1B,EAAA+D,KAAAC,MAAA,SAAA5D,EAAA,oBAAiGO,GAAA,CAAIa,MAAAxB,EAAAwE,oBAA+B,CAAAxE,EAAAc,GAAA,4BAAAd,EAAA0B,MAAA,OAAA1B,EAAA0B,MAAA,GAAAtB,EAAA,OAA6EE,YAAA,gBAA2B,CAAAF,EAAA,cAAmBG,MAAA,CAAOC,MAAA,aAAAiE,KAAAzE,EAAA0E,aAA2CtE,EAAA,cAAmBG,MAAA,CAAOC,MAAA,cAAAiE,KAAAzE,EAAA2E,cAA6CvE,EAAA,cAAmBG,MAAA,CAAOC,MAAA,kBAAAiE,KAAAzE,EAAA4E,eAAA,OAA2DxE,EAAA,cAAmBG,MAAA,CAAOC,MAAA,cAAAiE,KAAAzE,EAAA6E,cAA6CzE,EAAA,cAAmBG,MAAA,CAAOC,MAAA,cAAAiE,KAAAzE,EAAA8E,eAA6C,GAAA1E,EAAA,OAAgBE,YAAA,eAA0B,CAAAF,EAAA,aAAkBiC,IAAArC,EAAA+E,UAAAxE,MAAA,CAAyByE,UAAAhF,EAAAgF,UAAAC,YAAAjF,EAAA6E,WAAAK,YAAAlF,EAAA8E,cAAqF1E,EAAA,cAAmBiC,IAAArC,EAAAmF,eAAA5E,MAAA,CAA8ByE,UAAAhF,EAAAoF,gBAAAH,YAAAjF,EAAAqF,cAAAC,OAAAtF,EAAAsF,WAAqF,GAAAlF,EAAA,OAAgBE,YAAA,8BAAyC,CAAAF,EAAA,gBAAqBG,MAAA,CAAOgF,OAAAvF,EAAAuF,OAAAC,KAAAxF,EAAAwF,KAAAC,QAAAzF,EAAA0F,QAAAlF,MAAA,eAAAmF,sBAAA,mBAAAC,qBAAA,mBAAiK1E,MAAA,CAAQC,MAAAnB,EAAA,eAAAoB,SAAA,SAAAC,GAAoDrB,EAAA6F,eAAAxE,GAAuBE,WAAA,qBAA8B,GAAAnB,EAAA,OAAgBE,YAAA,mCAA8C,CAAAF,EAAA,OAAAA,EAAA,WAAAA,EAAA,QAAqCE,YAAA,kFAAAS,YAAA,CAA2G+E,WAAA,6BAAAC,OAAA,SAA2D,CAAA3F,EAAA,eAAoBW,YAAA,CAAagF,OAAA,OAAexF,MAAA,CAAQ+D,KAAA,eAAmB,GAAAlE,EAAA,MAAeE,YAAA,OAAAS,YAAA,CAAgCiF,cAAA,MAAAC,QAAA,eAAA/B,cAAA,OAAAgC,gBAAA,SAA0F,CAAAlG,EAAAc,GAAA,0CAAAd,EAAAmG,GAAAnG,EAAA,sBAAAsD,EAAA8C,GAAgG,OAAAhG,EAAA,OAAiBiC,IAAA,QAAA+D,EAAA9F,YAAA,YAAyC,CAAAF,EAAA,aAAkBW,YAAA,CAAasF,OAAA,MAAAC,MAAA,MAAAL,QAAA,eAAAM,MAAA,QAAqEhG,MAAA,CAAQiG,IAAA,GAAAC,MAAA,SAAAC,aAAA,QAAAC,KAAArD,EAAAsD,MAAAC,OAAAC,cAAoF1G,EAAA,OAAYW,YAAA,CAAakF,QAAA,eAAAM,MAAA,OAAAQ,YAAA,qBAAwE,CAAA3G,EAAA,KAAUG,MAAA,CAAOyG,OAAA,SAAAC,KAAA,uBAAA3D,EAAA4D,aAAA,WAAA5D,EAAA6D,SAAgG,CAAAnH,EAAAc,GAAAd,EAAAoH,GAAA9D,EAAA+D,gBAAA,eAAArH,EAAAoH,GAAA9D,EAAAgE,aAAA,cAAAlH,EAAA,QAAAA,EAAA,OAAgHE,YAAA,cAAAS,YAAA,CAAuCwF,MAAA,UAAiB,CAAAnG,EAAA,UAAeE,YAAA,2BAAAC,MAAA,CAA8CC,MAAA,6CAAoDG,GAAA,CAAKa,MAAA,SAAAX,GAAyB,OAAAb,EAAAuH,kBAAA1G,MAAuC,CAAAT,EAAA,KAAUE,YAAA,sCAA8CF,EAAA,UAAiBE,YAAA,yBAAAC,MAAA,CAA4CC,MAAA,+CAAsDG,GAAA,CAAKa,MAAA,SAAAX,GAAyB,OAAAb,EAAAwH,oBAAA3G,MAAyC,CAAAT,EAAA,KAAUE,YAAA,sCAA4CF,EAAA,OAAgBW,YAAA,CAAa0G,MAAA,OAAAvB,gBAAA,UAAuClG,EAAAmG,GAAA7C,EAAA,eAAAoE,EAAAC,GAA+C,OAAAvH,EAAA,OAAiBiC,IAAA,WAAAsF,EAAArH,YAAA,kBAAqD,CAAAF,EAAA,aAAkBW,YAAA,CAAasF,OAAA,MAAAC,MAAA,MAAAL,QAAA,eAAAM,MAAA,QAAqEhG,MAAA,CAAQiG,IAAAkB,EAAAE,UAAAnB,MAAA,SAAAC,aAAA,QAAAC,KAAA3G,EAAA6H,oBAAAH,MAAuGtH,EAAA,OAAYW,YAAA,CAAakF,QAAA,eAAAM,MAAA,OAAAQ,YAAA,qBAAwE,CAAA3G,EAAA,KAAUG,MAAA,CAAOyG,OAAA,SAAAC,KAAA,uBAAA3D,EAAA4D,aAAA,WAAAQ,EAAAP,SAAmG,CAAAnH,EAAAc,GAAAd,EAAAoH,GAAAM,EAAAI,aAAA1H,EAAA,OAA+CW,YAAA,CAAawF,MAAA,UAAiB,CAAAnG,EAAA,eAAoBE,YAAA,iBAAAS,YAAA,CAA0C0F,MAAA,cAAqBlG,MAAA,CAAQC,MAAA,UAAA8D,KAAA,mBAA2C3D,GAAA,CAAKa,MAAA,SAAAX,GAAyB,OAAAb,EAAA+H,oBAAAL,EAAAM,GAAAL,EAAArE,EAAA4D,mBAAsE,GAAA9G,EAAA,OAAgBW,YAAA,CAAa0G,MAAA,OAAAvB,gBAAA,WAAuC,MAAM,MAAM,OAAA9F,EAAA,OAAAA,EAAA,WAAAA,EAAA,QAA6CE,YAAA,mFAAAS,YAAA,CAA4G+E,WAAA,8BAAAC,OAAA,SAA4D,CAAA3F,EAAA,eAAoBW,YAAA,CAAagF,OAAA,OAAexF,MAAA,CAAQ+D,KAAA,gBAAoB,GAAAlE,EAAA,MAAeE,YAAA,OAAAS,YAAA,CAAgCiF,cAAA,MAAAC,QAAA,eAAA/B,cAAA,OAAAgC,gBAAA,SAA0F,CAAAlG,EAAAc,GAAA,0EAAAd,EAAAmG,GAAAnG,EAAA,kCAAAsD,EAAA8C,GAA4I,UAAApG,EAAAiI,yBAAApB,OAAAzG,EAAA,OAA4DiC,IAAA,QAAA+D,EAAArF,YAAA,CAA+BmH,aAAA,SAAqB,CAAA9H,EAAA,aAAkBW,YAAA,CAAasF,OAAA,MAAAC,MAAA,MAAAL,QAAA,eAAAM,MAAA,QAAqEhG,MAAA,CAAQiG,IAAAlD,EAAA6E,KAAAC,UAAA3B,MAAA,UAAAC,aAAA,QAAAC,KAAA3G,EAAA6H,oBAAAvE,EAAA6E,SAA4G/H,EAAA,OAAYW,YAAA,CAAakF,QAAA,eAAAM,MAAA,OAAAQ,YAAA,qBAAwE,CAAA3G,EAAA,KAAAJ,EAAAc,GAAAd,EAAAoH,GAAA9D,EAAA6E,KAAAE,WAAA/E,EAAA6E,KAAAG,SAAAhF,EAAA6E,KAAA,cAAA7E,EAAA6E,KAAA,SAAA7E,EAAA6E,KAAAI,aAAAnI,EAAA,MAAAJ,EAAAc,GAAA,aAAAd,EAAAoH,GAAA9D,EAAAkF,OAAA,2BAAApI,EAAA,QAAAA,EAAA,OAAkPW,YAAA,CAAa0G,MAAA,OAAAvB,gBAAA,WAAuC,GAAA9F,EAAA,OAAAJ,EAAAc,GAAA,oCAAwD,YACvlX2H,EAAA,qICSeC,EAAA,CAEXC,YAAa,CACTC,OAAQ,CAAC,CACLC,KAAM,eACNC,KAAM,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,OAEpCC,aAAc,CACVC,KAAM,CACFC,MAAM,EACNC,QAAS,CACLC,KAAM,EACN7C,MAAO,IAGf8C,MAAO,CACHpH,KAAM,OACNqH,WAAY,CACRC,SAAS,EACTC,IAAK,EACLJ,KAAM,EACNK,KAAM,EACNC,QAAS,IAEbC,QAAS,CACLT,MAAM,GAEVU,UAAW,CACPL,SAAS,IAGjBM,OAAQ,CACJ5I,MAAO,EACP6I,MAAO,UAEXC,MAAO,CACH9H,KAAM,WAEV+H,OAAQ,CAAC,WACTC,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNC,MAAO,OACPC,iBAAkB,CAAC,WACnBC,eAAgB,EAChBpI,KAAM,aACNqI,YAAa,EACbC,UAAW,EACXC,MAAO,CAAC,EAAG,IAAK,IAAK,OAG7BC,QAAS,CACLC,KAAM,EACNC,MAAO,CACHD,KAAM,IAGdE,QAAS,CACLC,EAAG,CAAE3B,MAAM,MAIvB4B,YAAa,CACTjC,OAAQ,CAAC,CACLC,KAAM,eACNC,KAAM,CAAC,IAAK,IAAM,IAAK,KAAM,IAAM,KAAM,QAE7CC,aAAc,CACVC,KAAM,CACFC,MAAM,EACNC,QAAS,CACLC,KAAM,EACN7C,MAAO,IAGf8C,MAAO,CACHpH,KAAM,OACNqH,WAAY,CACRC,SAAS,EACTC,IAAK,EACLJ,KAAM,EACNK,KAAM,EACNC,QAAS,IAEbC,QAAS,CACLT,MAAM,GAEVU,UAAW,CACPL,SAAS,IAGjBM,OAAQ,CACJ5I,MAAO,EACP6I,MAAO,UAEXC,MAAO,CACH9H,KAAM,WAEV+H,OAAQ,CAAC,WACTC,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNC,MAAO,OACPC,iBAAkB,CAAC,WACnBC,eAAgB,EAChBpI,KAAM,aACNqI,YAAa,EACbC,UAAW,EACXC,MAAO,CAAC,EAAG,GAAI,IAAK,OAG5BC,QAAS,CACLC,KAAM,EACNC,MAAO,CACHD,KAAM,IAGdE,QAAS,CACLC,EAAG,CAAE3B,MAAM,MAIvB6B,WAAY,CACRlC,OAAQ,CAAC,CACLC,KAAM,aACNC,KAAM,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,OAEpCC,aAAc,CACVC,KAAM,CACFC,MAAM,EACNC,QAAS,CACLC,KAAM,EACN7C,MAAO,IAGf8C,MAAO,CACHpH,KAAM,OACNqH,WAAY,CACRC,SAAS,EACTC,IAAK,EACLJ,KAAM,EACNK,KAAM,EACNC,QAAS,IAEbC,QAAS,CACLT,MAAM,GAEVU,UAAW,CACPL,SAAS,IAGjBM,OAAQ,CACJ5I,MAAO,EACP6I,MAAO,UAEXC,MAAO,CACH9H,KAAM,WAEV+H,OAAQ,CAAC,WACTC,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNC,MAAO,OACPC,iBAAkB,CAAC,WACnBC,eAAgB,EAChBpI,KAAM,aACNqI,YAAa,EACbC,UAAW,EACXC,MAAO,CAAC,EAAG,GAAI,IAAK,OAG5BC,QAAS,CACLC,KAAM,EACNC,MAAO,CACHD,KAAM,IAGdE,QAAS,CACLC,EAAG,CAAE3B,MAAM,MAIvB8B,sBAAuB,CACnBnC,OAAQ,CAAC,CACDC,KAAM,aACNC,KAAM,CAAC,KAAO,KAAO,MAAO,MAAO,MAAO,KAAO,MAAO,QAE5D,CACID,KAAM,aACNC,KAAM,CAAC,KAAO,KAAO,MAAO,MAAO,MAAO,MAAO,KAAO,QAGhEC,aAAc,CACVK,MAAO,CACHM,QAAS,CAAET,MAAM,IAErBW,OAAQ,CACJC,MAAO,SACPmB,UAAW,CAAC,EAAG,GACfhK,MAAO,CAAC,EAAG,IAEfgI,KAAM,CACFiC,YAAa,WAEjBC,OAAQ,CACJjC,MAAM,GAEVc,OAAQ,CAAC,UAAW,WACpBC,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNC,MAAO,OACPiB,eAAe,EACfhB,iBAAkB,CAAC,UAAW,WAC9BC,eAAgB,EAChBpI,KAAM,aACNqI,YAAa,EACbC,UAAW,EACXC,MAAO,CAAC,EAAG,IAAK,IAAK,OAG7BC,QAAS,CACLC,KAAM,EACNC,MAAO,CACHD,KAAM,IAGdX,MAAO,CACHxE,OAAQ,CACJ8F,MAAO,CACHC,SAAU,2BAGlBC,UAAW,CACPrC,MAAM,GAEVsC,WAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MACvDC,WAAY,CACRvC,MAAM,IAGdwC,MAAO,CACHC,WAAY,EACZpG,OAAQ,CACJ8F,MAAO,CACHC,SAAU,0BAEdM,UAAW,SAASC,GAChB,OAAOA,EAAM,KAAOA,EAAM,KAAMC,QAAQ,GAAK,IAAMD,KAI/DjB,QAAS,CACLC,EAAG,CAAE3B,MAAM,MAMvB6C,kBAAmB,CACflD,OAAQ,CAAC,CACLC,KAAM,cACNC,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,MAEnCC,aAAc,CACVC,KAAM,CACFC,MAAM,EACNC,QAAS,CACLC,KAAM,EACN7C,MAAO,IAGf8C,MAAO,CACHM,QAAS,CACLT,MAAM,GAEVU,UAAW,CACPL,SAAS,IAGjByC,WAAY,CACRzC,SAAS,GAEbM,OAAQ,CACJC,MAAO,SACP7I,MAAO,KAEXgJ,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNG,eAAgB,GAChBC,YAAa,GACbC,UAAW,GACXC,MAAO,CAAC,EAAG,GAAI,OAGvBT,MAAO,CACH9H,KAAM,UACNgK,MAAO,CACH/C,MAAM,GAEVuC,WAAY,CACRvC,MAAM,GAEV3D,OAAQ,CAAE2D,MAAM,IAEpBwC,MAAO,CAAC,CACJQ,EAAG,EACHC,QAAS,EACTC,QAAS,EACTjD,QAAS,CAAEC,KAAM,EAAG7C,MAAO,KAE/BqE,QAAS,CACLC,EAAG,CAAE3B,MAAM,MAIvBmD,eAAgB,CACZxD,OAAQ,CAAC,CACLC,KAAM,QACNC,KAAM,CAAC,GAAI,GAAI,EAAG,GAAI,EAAG,MAE7BC,aAAc,CACVC,KAAM,CACFC,MAAM,EACNC,QAAS,CACLC,KAAM,EACN7C,MAAO,IAGf8C,MAAO,CACHM,QAAS,CACLT,MAAM,GAEVU,UAAW,CACPL,SAAS,IAGjByC,WAAY,CACRzC,SAAS,GAEbM,OAAQ,CACJC,MAAO,SACP7I,MAAO,KAEXgJ,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNG,eAAgB,GAChBC,YAAa,GACbC,UAAW,GACXC,MAAO,CAAC,EAAG,GAAI,OAGvBT,MAAO,CACH9H,KAAM,UACNgK,MAAO,CACH/C,MAAM,GAEVuC,WAAY,CACRvC,MAAM,GAEV3D,OAAQ,CAAE2D,MAAM,IAEpBwC,MAAO,CAAC,CACJQ,EAAG,EACHC,QAAS,EACTC,QAAS,EACTjD,QAAS,CAAEC,KAAM,EAAG7C,MAAO,KAE/BqE,QAAS,CACLC,EAAG,CAAE3B,MAAM,MAIvBoD,iBAAkB,CACdzD,OAAQ,CAAC,CACLC,KAAM,UACNC,KAAM,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,OAEzCC,aAAc,CACVC,KAAM,CACFC,MAAM,EACNC,QAAS,CACLC,KAAM,EACN7C,MAAO,IAGf8C,MAAO,CACHM,QAAS,CACLT,MAAM,GAEVU,UAAW,CACPL,SAAS,IAGjByC,WAAY,CACRzC,SAAS,GAEbM,OAAQ,CACJC,MAAO,SACP7I,MAAO,KAEXgJ,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNG,eAAgB,GAChBC,YAAa,GACbC,UAAW,GACXC,MAAO,CAAC,EAAG,GAAI,OAGvBT,MAAO,CACH9H,KAAM,UACNgK,MAAO,CACH/C,MAAM,GAEVuC,WAAY,CACRvC,MAAM,GAEV3D,OAAQ,CAAE2D,MAAM,IAEpBwC,MAAO,CAAC,CACJQ,EAAG,EACHC,QAAS,EACTC,QAAS,EACTjD,QAAS,CAAEC,KAAM,EAAG7C,MAAO,KAE/BqE,QAAS,CACLC,EAAG,CAAE3B,MAAM,MAIvBqD,eAAgB,CACZ1D,OAAQ,CAAC,CACLC,KAAM,SACNC,KAAM,CAAC,GAAI,GAAI,EAAG,GAAI,EAAG,GAAI,KAEjCC,aAAc,CACVC,KAAM,CACFC,MAAM,EACNC,QAAS,CACLC,KAAM,EACN7C,MAAO,IAGf8C,MAAO,CACHM,QAAS,CACLT,MAAM,GAEVU,UAAW,CACPL,SAAS,IAGjByC,WAAY,CACRzC,SAAS,GAEbM,OAAQ,CACJC,MAAO,SACP7I,MAAO,KAEXgJ,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNG,eAAgB,GAChBC,YAAa,GACbC,UAAW,GACXC,MAAO,CAAC,EAAG,GAAI,OAGvBT,MAAO,CACH9H,KAAM,UACNgK,MAAO,CACH/C,MAAM,GAEVuC,WAAY,CACRvC,MAAM,GAEV3D,OAAQ,CAAE2D,MAAM,IAEpBwC,MAAO,CAAC,CACJQ,EAAG,EACHC,QAAS,EACTC,QAAS,EACTjD,QAAS,CAAEC,KAAM,EAAG7C,MAAO,KAE/BqE,QAAS,CACLC,EAAG,CAAE3B,MAAM,MAKvBsD,SAAU,CACN3D,OAAQ,CAAC,CACLC,KAAM,WACNC,KAAM,CAAC,GAAI,IAAK,IAAK,IAAK,IAAK,GAAI,MAEvCC,aAAc,CACVC,KAAM,CACFC,MAAM,EACNC,QAAS,CACLC,KAAM,EACN7C,MAAO,IAGf8C,MAAO,CACHpH,KAAM,MACN2H,UAAW,CAAEL,SAAS,GACtBI,QAAS,CAAET,MAAM,IAErBuD,OAAQ,CACJ9B,MAAO,CACH+B,OAAQ,SAGhB1C,OAAQ,CAAC,UAAW,UAAW,UAAW,UAAW,UAAW,WAChE2C,YAAa,CACTC,IAAK,CACDC,YAAa,MACbC,aAAa,EACbC,YAAa,YAIrBnC,QAAS,CACLC,EAAG,CAAE3B,MAAM,MAKvB8D,sBAAuB,CACnBnE,OAAQ,CAAC,IACTG,aAAc,CACV2D,YAAa,CACTM,UAAW,CACPvC,KAAM,IACNwC,YAAa,IACbC,SAAU,IACVC,OAAQ,CACJ1C,KAAM,OAEV2C,MAAO,CACHtH,WAAY,UACZuH,YAAa,OAEjBtB,WAAY,CACRlD,KAAM,CACFI,MAAM,GAEV9H,MAAO,CACHgL,QAAS,GACT1F,MAAO,UACP6G,SAAU,WAK1BvD,OAAQ,CAAC,WACTC,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNC,MAAO,OACPlI,KAAM,aACNoI,eAAgB,GAChBD,iBAAkB,CAAC,WACnBgB,eAAe,EACfd,YAAa,EACbC,UAAW,EACXC,MAAO,CAAC,EAAG,OAGnBX,OAAQ,CACJ2D,QAAS,SAEbnE,MAAO,CACHO,UAAW,CACPL,SAAS,GAEbD,WAAY,CACRC,SAAS,EACTE,KAAM,EACNL,KAAM,EACNI,IAAK,EACLE,QAAS,OAKzB+D,wBAAyB,CACrBC,UAAW,CACPC,aAAc,IACdC,YAAa,IACbC,aAAc,MAElBhF,OAAQ,CAAC,IACTG,aAAc,CACV2D,YAAa,CACTM,UAAW,CACPvC,KAAM,IACN0B,QAAS,GACTc,YAAa,IACbC,SAAU,IACVC,OAAQ,CACJ1C,KAAM,OAEV2C,MAAO,CACHtH,WAAY,OACZuH,YAAa,QAGjBtB,WAAY,CACR5K,MAAO,CACHgL,QAAS,GACT1F,MAAO,UACP6G,SAAU,WAK1BvD,OAAQ,CAAC,WACTC,KAAM,CACFhI,KAAM,WACNiI,SAAU,CAENC,MAAO,OACPlI,KAAM,aACNoI,eAAgB,GAChBD,iBAAkB,CAAC,WACnBgB,eAAe,EACfd,YAAa,EACbC,UAAW,EACXC,MAAO,CAAC,EAAG,OAGnBX,OAAQ,CACJoB,UAAW,GAEf5B,MAAO,CACHO,UAAW,IAGfrE,OAAQ,CAAC,uBAIjBuI,gBAAiB,CACbjF,OAAQ,CAAC,CACLC,KAAM,SACNC,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,IAAK,KAC7B,CACCD,KAAM,QACNC,KAAM,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,MAE/BC,aAAc,CACVzD,OAAQ,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,OAC5CyG,WAAY,CACRX,MAAO,CACHrB,OAAQ,CAAC,UAAW,UAAW,UAAW,UAAW,UAAW,aAGxE0B,MAAO,CACHxC,MAAM,GAEVD,KAAM,CACFC,MAAM,GAEViC,OAAQ,CAAEjC,MAAM,GAChBG,MAAO,CACHC,WAAY,CACRC,SAAS,EACTE,KAAM,EACNL,KAAM,EACNI,IAAK,EACLE,QAAS,IAEbC,QAAS,CACLT,MAAM,IAGdW,OAAQ,CACJ5I,MAAO,GAEX+I,OAAQ,CAAC,UAAW,WACpB2C,YAAa,CACToB,MAAO,CACHC,SAAU,CACNC,aAAc,CAAC,UAAW,cAAe,cAAe,cAAe,cAAe,eACtFC,gBAAiB,iBAI7BjE,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNC,MAAO,OACPC,iBAAkB,CAAC,UAAW,WAC9BC,eAAgB,EAChBpI,KAAM,aACNqI,YAAa,EACbC,UAAW,EACXC,MAAO,CAAC,EAAG,IAAK,IAAK,OAG7BC,QAAS,CACLC,KAAM,KAKlByD,sBAAuB,CACnBxF,cAAe,CACX,CAAEyF,OAAQ,UAAW7J,KAAM,cAAemC,MAAO,UAAW2H,mBAAoB,KAAMC,yBAA0B,GAChH,CAAEF,OAAQ,SAAU7J,KAAM,iBAAkBmC,MAAO,UAAW2H,mBAAoB,KAAMC,yBAA0B,GAClH,CAAEF,OAAQ,SAAU7J,KAAM,aAAcmC,MAAO,SAAU2H,mBAAoB,IAAKC,0BAA2B,IAEjHC,eAAgB,CAAC,GAAI,EAAG,GACxB1F,OAAQ,CAAC,KAAM,KAAM,KACrBG,aAAc,CACVzD,OAAQ,CAAC,UAAW,SAAU,UAC9ByG,WAAY,CACRzC,SAAS,GAEb4B,OAAQ,CAAEjC,MAAM,GAChBG,MAAO,CACH+C,QAAS,GACTnK,KAAM,QACN0H,QAAS,CACLT,MAAM,IAGdW,OAAQ,CAAE5I,MAAO,GACjB+I,OAAQ,CAAC,UAAW,UAAW,WAC/BC,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNE,iBAAkB,CAAC,UAAW,UAAW,eAMzDoE,uBAAwB,CACpB7F,cAAe,CACX,CAAE8F,UAAa,WAAYC,OAAU,MAAOhI,MAAO,WACnD,CAAE+H,UAAa,UAAWC,OAAU,MAAOhI,MAAO,WAClD,CAAE+H,UAAa,YAAaC,OAAU,KAAMhI,MAAO,WAEvDmC,OAAQ,CAAC,GAAI,GAAI,IACjBG,aAAc,CACVzD,OAAQ,CAAC,WAAY,UAAW,YAChCoH,YAAa,CACTM,UAAW,CACPvC,KAAM,IACN0B,QAAS,GACTgB,OAAQ,CACJ1C,KAAM,OAEV2C,MAAO,CACHtH,WAAY,UACZuH,YAAa,OACbqB,OAAQ,IAEZ3C,WAAY,CACR9C,MAAM,EACNJ,KAAM,CACFyE,SAAU,QAEdnM,MAAO,CACHmM,SAAU,OACV7G,MAAO,UACP0F,QAAS,IAEbwC,MAAO,CACH1F,MAAM,EACNtG,MAAO,QACPgJ,UAAW,WACP,OAAO,WAM3BiD,WAAY,CAAC,CACTC,WAAY,IACZ5L,QAAS,CACLyJ,YAAa,CACTM,UAAW,CACPvC,KAAM,IACN0C,OAAQ,CACJ1C,KAAM,OAEV2C,MAAO,CACHtH,WAAY,UACZuH,YAAa,OACbqB,OAAQ,SAM5B3E,OAAQ,CAAC,UAAW,UAAW,WAC/BC,KAAM,CACFhI,KAAM,WACNiI,SAAU,CAENC,MAAO,OACPlI,KAAM,WACNoI,eAAgB,GAChBD,iBAAkB,CAAC,UAAW,UAAW,WACzCgB,eAAe,EACfd,YAAa,EACbC,UAAW,EACXC,MAAO,CAAC,EAAG,OAGnBX,OAAQ,CACJ2D,QAAS,SAEbnE,MAAO,CACHC,WAAY,CACRC,SAAS,EACTE,KAAM,EACNL,KAAM,EACNI,IAAK,EACLE,QAAS,OAMzBqF,aAAc,CACVpG,cAAe,CACX,CAAEqG,aAAgB,MAAON,OAAU,IAAKhI,MAAO,WAC/C,CAAEsI,aAAgB,YAAaN,OAAU,IAAKhI,MAAO,WACrD,CAAEsI,aAAgB,aAAcN,OAAU,IAAKhI,MAAO,WAE1DmC,OAAQ,CAAC,IAAK,IAAK,KACnBG,aAAc,CACVzD,OAAQ,CAAC,MAAO,YAAa,aAC7ByG,WAAY,CACRzC,SAAS,GAEb4B,OAAQ,CAAEjC,MAAM,GAChBG,MAAO,CACHpH,KAAM,MACNmK,QAAS,GACT9C,WAAY,CACRC,SAAS,EACTE,KAAM,EACNL,KAAM,EACNI,IAAK,EACLE,QAAS,IAEbC,QAAS,CACLT,MAAM,IAGdW,OAAQ,CACJ5I,MAAO,GAEX+I,OAAQ,CAAC,UAAW,UAAW,WAC/BC,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNE,iBAAkB,CAAC,UAAW,UAAW,eAMzD6E,UAAW,CACPpG,OAAQ,CAAC,CACLC,KAAM,QACNC,KAAM,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,OAElEC,aAAc,CACVK,MAAO,CACHM,QAAS,CAAET,MAAM,GACjBI,WAAY,CACRC,SAAS,EACTC,IAAK,GACLJ,KAAM,EACNK,KAAM,EACNC,QAAS,KAGjBG,OAAQ,CACJC,MAAO,SACP7I,MAAO,GAEXgI,KAAM,CACFiC,YAAa,WAEjBC,OAAQ,CACJjC,MAAM,GAEVc,OAAQ,CAAC,WACTC,KAAM,CACFhI,KAAM,WACNiI,SAAU,CACNC,MAAO,OACPiB,eAAe,EACfhB,iBAAkB,CAAC,WACnBC,eAAgB,EAChBpI,KAAM,aACNqI,YAAa,EACbC,UAAW,EACXC,MAAO,CAAC,EAAG,IAAK,IAAK,OAG7BC,QAAS,CACLC,KAAM,EACNC,MAAO,CACHD,KAAM,IAGdX,MAAO,CACHxE,OAAQ,CACJ8F,MAAO,CACHC,SAAU,2BAGlBC,UAAW,CACPrC,MAAM,GAEVsC,WAAY,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OAAQ,MAAO,MAAO,MAAO,MAAO,OAC3FC,WAAY,CACRvC,MAAM,IAGdwC,MAAO,CACHC,WAAY,EACZpG,OAAQ,CACJ8F,MAAO,CACHC,SAAU,0BAEdM,UAAW,SAASC,GAChB,OAAOA,EAAM,KAAOA,EAAM,KAAMC,QAAQ,GAAK,IAAMD,KAI/DjB,QAAS,CACLC,EAAG,CAAE3B,MAAM,MAKvBgG,mBAAoB,CAChBrG,OAAQ,CAAC,CACLC,KAAM,cACNC,KAAM,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,MAC/D,CACCD,KAAM,mBACNC,KAAM,EAAE,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,OAE9EC,aAAc,CACVC,KAAM,CACFiC,YAAa,UACb/B,QAAS,CACLC,KAAM,EACN7C,MAAO,IAGf4E,OAAQ,CACJjC,MAAM,GAEV8C,WAAY,CACRzC,SAAS,GAEbF,MAAO,CACH8F,SAAS,EACTlN,KAAM,MACN0H,QAAS,CAAET,MAAM,IAErBc,OAAQ,CAAC,UAAW,WACpB2C,YAAa,CACTC,IAAK,CACDC,YAAa,QAGrB9C,MAAO,CACHxE,OAAQ,CACJ8F,MAAO,CACHC,SAAU,2BAGlBC,UAAW,CACPrC,MAAM,GAEVsC,WAAY,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OAC1FC,WAAY,CACRvC,MAAM,IAGdwC,MAAO,CACHC,WAAY,EACZpG,OAAQ,CACJ8F,MAAO,CACHC,SAAU,4BAItBV,QAAS,CACLC,EAAG,CAAE3B,MAAM,MAKvBkG,iBAAkB,CAAC,CACXpM,GAAI,EACJ8F,KAAM,gBACNuG,MAAO,GACPC,KAAM,0CACNf,eAAgB,OAEpB,CACIvL,GAAI,EACJ8F,KAAM,QACNuG,MAAO,EACPC,KAAM,0CACNf,eAAgB,QAEpB,CACIvL,GAAI,EACJ8F,KAAM,UACNuG,MAAO,GACPC,KAAM,0CACNf,eAAgB,OAEpB,CACIvL,GAAI,EACJ8F,KAAM,oBACNuG,MAAO,GACPC,KAAM,0CACNf,eAAgB,wFCphCxBgB,EAAM,WAAgB,IAAAtP,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,wBAAmC,CAAAF,EAAA,OAAYE,YAAA,QAAmB,CAAAF,EAAA,OAAYE,YAAA,8BAAyC,CAAAN,EAAAyF,SAAAzF,EAAAyF,QAAAoB,OAAA,EAAAzG,EAAA,SAAsDE,YAAA,SAAoB,CAAAF,EAAA,SAAAA,EAAA,MAAAA,EAAA,MAAgCE,YAAA,cAAwBN,EAAAmG,GAAAnG,EAAAyF,QAAA,iBAAA8J,GAAgD,OAAAnP,EAAA,QAAiB,CAAAA,EAAA,OAAYE,YAAA,gBAA2B,CAAAN,EAAAc,GAAA,qBAAAd,EAAAoH,GAAAmI,EAAA3E,GAAA,2BAAuE,KAAAxK,EAAA,QAAAJ,EAAAmG,GAAAnG,EAAA,iBAAAwP,GAAsD,OAAApP,EAAA,MAAAA,EAAA,MAAyBE,YAAA,aAAwB,CAAAF,EAAA,OAAYW,YAAA,CAAakF,QAAA,OAAAwJ,kBAAA,kBAAoD,CAAArP,EAAA,OAAYW,YAAA,CAAakF,QAAA,OAAAyJ,iBAAA,WAA4C,CAAAtP,EAAA,MAAAJ,EAAAc,GAAAd,EAAAoH,GAAAoI,EAAA3G,SAAAzI,EAAA,KAA8CW,YAAA,CAAa0I,QAAA,MAAA1C,YAAA,QAAA4I,SAAA,SAAAC,gBAAA,WAAAC,cAAA,WAA2G,CAAA7P,EAAAc,GAAAd,EAAAoH,GAAAoI,EAAAM,kBAAA1P,EAAA,UAAmDE,YAAA,WAAAC,MAAA,CAA8BC,MAAA,mBAA0BG,GAAA,CAAKa,MAAA,SAAAX,GAAyB,OAAAb,EAAA+P,eAAAP,EAAAzM,OAAoC,CAAA3C,EAAA,KAAUE,YAAA,+BAAmCN,EAAAmG,GAAAqJ,EAAA,cAAAQ,GAA0C,OAAA5P,EAAA,MAAAA,EAAA,OAA0B6P,MAAA,eAAAjQ,EAAAkQ,cAAAF,UAAoD,KAAM,KAAAhQ,EAAA0B,YACrwCyO,EAAe,GCuCnBC,EAAA,CACAvH,KAAA,cAEAwH,MAAA,CACA9K,OAAA,CACAvD,KAAAsO,MACAC,UAAA,EACAC,QAAA,sBAEAhL,KAAA,CACAxD,KAAAsO,MACAC,UAAA,EACAC,QAAA,sBAEA/K,QAAA,CACAzD,KAAAsO,MACAC,UAAA,EACAC,QAAA,sBAGArP,MAAA,CACAa,KAAAsO,MACAE,QAAA,sBAGAhQ,MAAA,CACAwB,KAAAyO,OACAD,QAAA,qBAGAE,kBAAA,CACA1O,KAAAyO,OACAD,QAAA,aAEAG,iBAAA,CACA3O,KAAAyO,OACAD,QAAA,aAGAI,QAAA,CACAV,cADA,SACA5M,GAEA,UAAAA,EAAA2I,EACA,UACA3I,EAAA2I,EAAA,GAAA3I,EAAA2I,EAAA,EACA,UAEA3I,EAAA2I,GAAA,EACA,UAGA,WAGA8D,eAfA,SAeAhN,GACA8N,OAAAC,KAAA,uBAAA/N,MC/FqagO,EAAA,0BCQraC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAzB,EACAa,GACF,EACA,KACA,KACA,MAIegB,EAAAH,UCnBXI,EAAM,WAAgB,IAAApR,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAAA,EAAA,QAA4BG,MAAA,CAAO8Q,IAAA,aAAApK,KAAA,kCAA0D7G,EAAA,QAAaG,MAAA,CAAO8Q,IAAA,aAAApK,KAAA,4BAAAqK,YAAA,MAAwElR,EAAA,QAAaG,MAAA,CAAO0G,KAAA,4FAAiFoK,IAAA,gBAAsCjR,EAAA,OAAYE,YAAA,eAA0B,CAAAF,EAAA,OAAYE,YAAA,gBAA2B,CAAAN,EAAAc,GAAAd,EAAAoH,GAAApH,EAAAQ,UAAAJ,EAAA,OAAwCE,YAAA,gBAA2B,CAAAN,EAAAc,GAAAd,EAAAoH,GAAApH,EAAAyE,cACziB8M,EAAe,GCanBC,EAAA,CACAnB,MAAA,kBCfoaoB,EAAA,ECQhaC,aAAYT,OAAAC,EAAA,KAAAD,CACdQ,EACAL,EACAG,GACF,EACA,KACA,KACA,OAIeI,EAAAD,UCnBXE,EAAM,WAAgB,IAAA5R,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BH,EAAAK,MAAAD,GAAwB,OAAAJ,EAAA6R,GAAA,IACrFC,EAAe,YAAiB,IAAA9R,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,cAAyB,CAAAF,EAAA,MAAWE,YAAA,eAA0B,CAAAN,EAAAc,GAAA,2BAAAV,EAAA,OAA8CE,YAAA,mBAA8B,CAAAF,EAAA,UAAeG,MAAA,CAAOwC,GAAA,2BCSpRgP,EAAA,CACA1B,MAAA,0CACA2B,QAFA,WAGA,IAAAC,EAAAhS,KACAiS,EAAAC,SAAAC,cAAA,UACAF,EAAA1L,IAAA,qEACA0L,EAAAnP,GAAA,QAGAoP,SAAAE,qBAAA,WAAAC,YAAAJ,GACAA,EAAAK,OAAA,WACA,IAAAC,EAAAL,SAAAM,eAAA,mBAAAC,WAAA,MACA,IAAAC,MAAAH,EAAA,CACAxQ,KAAA,WACA8G,KAAA,CACAxD,OAAA,0CACAsN,SAAA,EACA9J,KAAA,CAAAmJ,EAAAjN,UAAAiN,EAAAhN,YAAAgN,EAAA/M,aACA2N,gBAAA,CACA,UACA,UACA,WAEA5H,YAAA,CACA,OACA,OACA,QAEA6H,YAAA,KAGA7P,QAAA,CACA2L,YAAA,EACAmE,qBAAA,EACAC,QAAA,CACA9H,OAAA,CACA9G,SAAA,WAGA6O,OAAA,YCjDmaC,EAAA,ECQ/ZC,aAAYlC,OAAAC,EAAA,KAAAD,CACdiC,EACAtB,EACAE,GACF,EACA,KACA,WACA,OAIesB,EAAAD,UCnBXE,EAAM,WAAgB,IAAArT,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BH,EAAAK,MAAAD,GAAwB,OAAAJ,EAAA6R,GAAA,IACrFyB,EAAe,YAAiB,IAAAtT,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,cAAyB,CAAAF,EAAA,MAAWE,YAAA,eAA0B,CAAAN,EAAAc,GAAA,uBAAAV,EAAA,OAA0CE,YAAA,mBAA8B,CAAAF,EAAA,UAAeG,MAAA,CAAOwC,GAAA,uBCShRwQ,EAAA,CACAlD,MAAA,qCACA2B,QAFA,WAGA,IAAAC,EAAAhS,KACAiS,EAAAC,SAAAC,cAAA,UACAF,EAAA1L,IAAA,qEACA0L,EAAAnP,GAAA,QACAoP,SAAAE,qBAAA,WAAAC,YAAAJ,GACAA,EAAAK,OAAA,WACA,IAAAiB,EAAArB,SAAAM,eAAA,eAAAC,WAAA,MACA,IAAAC,MAAAa,EAAA,CACAxR,KAAA,OACA8G,KAAA,CAEAxD,OAAA2M,EAAA3M,OACAsN,SAAA,EACAjQ,MAAA,YACAmG,KAAAmJ,EAAAjN,UACAiG,YAAA,UACA4H,gBAAA,0BACAY,QAAA,GACAzJ,MAAA,GAEA,CACArH,MAAA,cACAmG,KAAAmJ,EAAAhN,YACAgG,YAAA,UACA4H,gBAAA,0BACAY,QAAA,GACAzJ,MAAA,KAGA/G,QAAA,CACA2L,YAAA,EACAmE,qBAAA,EACAC,QAAA,CACA9H,OAAA,CACA9G,SAAA,WAGAsP,OAAA,CACAzH,EAAA,CACA0H,aAAA,UCpDoaC,EAAA,ECQhaC,aAAY5C,OAAAC,EAAA,KAAAD,CACd2C,EACAP,EACAC,GACF,EACA,KACA,WACA,OAIeQ,EAAAD,UC+PfE,EAAA,CACAjL,KADA,WAEA,OACAjD,eAAA,GACAN,OAAA,CACA,ioCAGA3B,iBAAA,CACA,CAAAjB,MAAA,cAAAgB,KAAA,GACA,CAAAhB,MAAA,eAAAgB,KAAA,IACA,CAAAhB,MAAA,eAAAgB,KAAA,IACA,CAAAhB,MAAA,YAAAgB,KAAA,MAEA6B,KAAA,CACA,kBACA,kBACA,oBACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BAEAwO,sBAAA,KACAC,sBAAA,KACAvO,QAAA,KACAwO,kBAAA,KACAC,aAAA,KACAtS,WAAA,KACAE,aAAA,EACAQ,iBAAA,EACAT,UAAA,KACAyB,eAAA,GACAE,UAAA,KACAnC,eAAA,GACA8S,iBAAA,KACAlR,UAAA,KACAmR,gBAAA,KACAC,qBAAA,EACA5T,mBAAA,EACAiB,iBAAA,EACA4S,cAAA,KACAC,WAAA,KACAhR,mBAAA,GACAkB,UAAA,EACAC,WAAA,EACAC,eAAA,EACAI,UAAA,EACAM,OAAA,GACA2C,yBAAA,GACA7C,gBAAA,GACAC,cAAA,GACAP,WAAA,EACAD,WAAA,EACAE,UAAA,EACAI,eAAA,EACAzB,aAAA,GACAL,cAAA,GACAS,WAAA,GACA2Q,YAAA,KACAC,aAAA,EACAC,aAAA,GACAC,2BAAA,GACAlM,gBACAmM,aAAAC,EAAA,KACAC,cAAA,IACAC,YAAA,CACAC,MAAA,EACAC,MAAA,kBACAtM,OAAA,EACAC,KAAA,SACAC,KAAA,YAEAC,aAAA,CACAC,KAAA,CACAC,MAAA,EACAC,QAAA,CACAC,KAAA,EACA7C,MAAA,IAGA8C,MAAA,CACAM,QAAA,CACAT,MAAA,GAEAU,UAAA,CACAL,SAAA,IAGAyC,WAAA,CACAzC,SAAA,GAEAM,OAAA,CACAC,MAAA,SACA7I,MAAA,KAEAgJ,KAAA,CACAhI,KAAA,WACAiI,SAAA,CACAG,eAAA,GACAC,YAAA,GACAC,UAAA,GACAC,MAAA,aAGAT,MAAA,CACA9H,KAAA,UACAgK,MAAA,CACA/C,MAAA,GAEAuC,WAAA,CACAvC,MAAA,GAEA3D,OAAA,CAAA2D,MAAA,IAEAwC,MAAA,EACAQ,EAAA,EACAC,QAAA,EACAC,QAAA,EACAjD,QAAA,CAAAC,KAAA,EAAA7C,MAAA,KAEAqE,QAAA,CACAC,EAAA,CAAA3B,MAAA,MAKAkM,eAAA,CACAF,MAAA,EACAC,MAAA,oBACAtM,OAAA,EACAC,KAAA,YACAC,KAAA,YAEAC,aAAA,CACAC,KAAA,CACAC,MAAA,EACAC,QAAA,CACAC,KAAA,EACA7C,MAAA,IAGA8C,MAAA,CACAM,QAAA,CACAT,MAAA,GAEAU,UAAA,CACAL,SAAA,IAGAyC,WAAA,CACAzC,SAAA,GAEAM,OAAA,CACAC,MAAA,SACA7I,MAAA,KAEAgJ,KAAA,CACAhI,KAAA,WACAiI,SAAA,CACAG,eAAA,GACAC,YAAA,GACAC,UAAA,GACAC,MAAA,aAGAT,MAAA,CACA9H,KAAA,UACAgK,MAAA,CACA/C,MAAA,GAEAuC,WAAA,CACAvC,MAAA,GAEA3D,OAAA,CAAA2D,MAAA,IAEAwC,MAAA,EACAQ,EAAA,EACAC,QAAA,EACAC,QAAA,EACAjD,QAAA,CAAAC,KAAA,EAAA7C,MAAA,KAEAqE,QAAA,CACAC,EAAA,CAAA3B,MAAA,MAKAmM,aAAA,CACAH,MAAA,EACAC,MAAA,UACAtM,OAAA,EACAC,KAAA,UACAC,KAAA,YAEAC,aAAA,CACAC,KAAA,CACAC,MAAA,EACAC,QAAA,CACAC,KAAA,EACA7C,MAAA,IAGA8C,MAAA,CACAM,QAAA,CACAT,MAAA,GAEAU,UAAA,CACAL,SAAA,IAGAyC,WAAA,CACAzC,SAAA,GAEAM,OAAA,CACAC,MAAA,SACA7I,MAAA,KAEAgJ,KAAA,CACAhI,KAAA,WACAiI,SAAA,CACAG,eAAA,GACAC,YAAA,GACAC,UAAA,GACAC,MAAA,aAGAT,MAAA,CACA9H,KAAA,UACAgK,MAAA,CACA/C,MAAA,GAEAuC,WAAA,CACAvC,MAAA,GAEA3D,OAAA,CAAA2D,MAAA,IAEAwC,MAAA,EACAQ,EAAA,EACAC,QAAA,EACAC,QAAA,EACAjD,QAAA,CAAAC,KAAA,EAAA7C,MAAA,KAEAqE,QAAA,CACAC,EAAA,CAAA3B,MAAA,MAMAoM,aAAA,CACAJ,MAAA,EACAC,MAAA,gBACAtM,OAAA,EACAC,KAAA,UACAC,KAAA,YAEAC,aAAA,CACAC,KAAA,CACAC,MAAA,EACAC,QAAA,CACAC,KAAA,EACA7C,MAAA,IAGA8C,MAAA,CACAM,QAAA,CACAT,MAAA,GAEAU,UAAA,CACAL,SAAA,IAGAyC,WAAA,CACAzC,SAAA,GAEAM,OAAA,CACAC,MAAA,SACA7I,MAAA,KAEAgJ,KAAA,CACAhI,KAAA,WACAiI,SAAA,CACAG,eAAA,GACAC,YAAA,GACAC,UAAA,GACAC,MAAA,aAGAT,MAAA,CACA9H,KAAA,UACAgK,MAAA,CACA/C,MAAA,GAEAuC,WAAA,CACAvC,MAAA,GAEA3D,OAAA,CAAA2D,MAAA,IAEAwC,MAAA,EACAQ,EAAA,EACAC,QAAA,EACAC,QAAA,EACAjD,QAAA,CAAAC,KAAA,EAAA7C,MAAA,KAEAqE,QAAA,CACAC,EAAA,CAAA3B,MAAA,QAMAqM,MAAA,CACAC,qBADA,SACAC,EAAAC,GACAxV,KAAAoD,cAAA,GACApD,KAAAuD,mBAAA,GACAvD,KAAAyD,aAAA,GACA8R,IAAAC,GAAA,MAAAD,GACAvV,KAAA8B,aAAA,EACA9B,KAAAyV,mBAGAzV,KAAA8B,aAAA,EACA9B,KAAAmD,+BAMA4O,QApYA,WAqYA,IAAA2D,EAAA,IAAAC,KACAD,EAAAE,WACA5V,KAAA6V,OAAAC,MAAAC,cACA/V,KAAAuD,mBAAAyS,KAAA,EAAAhW,KAAA6V,OAAAC,MAAAC,cAEA/V,KAAA6V,OAAAI,OAAAC,MACAlW,KAAA8B,aAAA,EACA9B,KAAAyV,kBAGAzV,KAAAmD,4BAMAnD,KAAAmW,yBAEAnW,KAAAoW,+BACApW,KAAAqW,oBACArW,KAAAsW,kBACAtW,KAAAuW,aACAvW,KAAA4D,yCAGA4S,WAAA,CACAC,qBAAA,KACAC,cAAA,KACAC,cAAAC,EAAAC,EACAC,QAAAC,EAAAF,EACA3F,cACAQ,aACAyB,YACAU,cAEAlD,QAAA,CACAqG,mBADA,SACAC,EAAAC,EAAAC,GACA,IAAAnF,EAAAhS,KACAoX,EAAA,KAAAC,YAAA,mDAAAJ,EAAA,kBAAAC,GAAAI,KAAA,SAAAC,GACAA,IACAvF,EAAAmF,GAAAxO,OAAA,GAAAE,KAAA0O,EAAA1O,KAAA2O,cAAAC,IAAA,SAAAC,GAAA,OAAAA,EAAAnP,SAAA,KACAyJ,EAAAmF,GAAAnC,MAAAuC,EAAA1O,KAAA8O,qCAEAC,MAAA,SAAAC,GACAC,MAAA,4CAIAC,cAbA,SAaA1U,GACA,SAAAA,EAAA2U,SAAA,CACA,IAAAC,EAAAjY,KAAAsU,cAAA4D,KAAA,SAAAC,GAAA,OAAAA,EAAArV,KAAAO,EAAA2U,WACA,OAAAhY,KAAA+X,cAAAE,GAAA,MAAA5U,EAAA9C,MAGA,OAAA8C,EAAA9C,OAIA4C,0BAvBA,WAwBA,IAAA6O,EAAAhS,KACAoX,EAAA,KAAAgB,aAAA,2CACAC,SAAArG,EAAA5O,cAAAkV,cAAAtG,EAAAzO,mBAAAgV,QAAAvG,EAAAvO,aAAA+U,KAAAxG,EAAAnO,aACAyT,KAAA,SAAAC,GACA,GAAAA,EAAA,CACAvF,EAAA8C,cAAA,GAAAyC,EAAA1O,KAAA4P,OAAA7R,OAAA,IACAoL,EAAAvM,QAAA8R,EAAA1O,KAAA4P,OACAzG,EAAAvN,UAAA8S,EAAA1O,KAAA6P,eAAAC,WACA3G,EAAArN,eAAA4S,EAAA1O,KAAA6P,eAAAE,gBACA5G,EAAAnN,WAAA0S,EAAA1O,KAAA6P,eAAAzT,YACA+M,EAAApN,WAAA2S,EAAA1O,KAAA6P,eAAA1T,YACAgN,EAAAjN,UAAAwS,EAAA1O,KAAA6P,eAAA3T,UACAiN,EAAAtN,WAAA6S,EAAA1O,KAAA6P,eAAAG,YACA,IAAAC,EAAAvB,EAAA1O,KAAAkQ,qBACA/H,OAAAgI,KAAAF,GAAAlS,SACAoL,EAAA7M,gBAAA2T,EAAArB,IAAA,SAAApU,GAAA,OAAAA,EAAA4V,iBACAjH,EAAA5M,cAAA0T,EAAArB,IAAA,SAAApU,GAAA,OAAAA,EAAA6V,eACAlH,EAAA3M,OAAAyT,EAAArB,IAAA,SAAApU,GAAA,OAAAA,EAAA8V,SAEAnH,EAAAoH,kBAGAxB,MAAA,SAAAC,GACAC,MAAA,qDAGAsB,aAlDA,WAmDApZ,KAAA8E,WAAA,EACA9E,KAAAkF,gBAAA,GAGAoC,kBAvDA,SAuDA+R,GACAA,EAAAtS,OAAAuS,QAAA,aAAAC,UAAAC,IAAA,aAGAjV,kBA3DA,WA4DAvE,KAAAsC,iBAAA,GAGAiF,oBA/DA,SA+DA8R,GACAA,EAAAtS,OAAAuS,QAAA,aAAAC,UAAAE,OAAA,aAaAC,iBA7EA,SA6EAxC,EAAAC,GACA,IAAAnF,EAAAhS,KACAoX,EAAA,KAAAC,YAAA,+CAAAH,GACAI,KAAA,SAAAC,GACAA,IACAvF,EAAAmF,GAAAxO,OAAA,GAAAE,KAAA0O,EAAA1O,KAAA2O,cAAAC,IAAA,SAAAC,GAAA,OAAAA,EAAAnP,SAAA,KACAyJ,EAAAmF,GAAAnC,MAAAuC,EAAA1O,KAAA8O,qCAEAC,MAAA,SAAAC,GACAC,MAAA,4CAGA6B,iBAzFA,SAyFAzC,EAAAC,GACA,IAAAnF,EAAAhS,KACAoX,EAAA,KAAAC,YAAA,gDAAAH,GACAI,KAAA,SAAAC,GACAA,IACAvF,EAAAmF,GAAAxO,OAAA,GAAAE,KAAA0O,EAAA1O,KAAA2O,cAAAC,IAAA,SAAAC,GAAA,OAAAA,EAAAnP,SAAA,KACAyJ,EAAAmF,GAAAnC,MAAAuC,EAAA1O,KAAA8O,qCAEAC,MAAA,SAAAC,GACAC,MAAA,4CAGA8B,gBArGA,WAsGA,IAAA5H,EAAAhS,KACAoX,EAAA,KAAAC,YAAA,wCAAAC,KAAA,SAAAC,GACAA,IACAvF,EAAAwC,YAAA+C,EAAA1O,MAAA,QAEA+O,MAAA,SAAAC,GACAC,MAAA,4CAIAtW,kBAhHA,WAiHA,IAAAwQ,EAAAhS,KACAoX,EAAA,KAAAgB,aAAA,oDAAApG,EAAA3Q,eAAA,WAAA2Q,EAAAoC,iBAAAkD,KAAA,SAAAC,GACAA,IACAvF,EAAA0C,aACAlI,OAAA,SAAA7B,GAAA,OAAAA,EAAA1D,eAAA+K,EAAAmC,mBACA0F,QAAA,SAAAlP,GACAA,EAAAhE,MAAAmT,OAAA9H,EAAAqC,qBAAA,KAEArC,EAAA3Q,eAAA,GACA2Q,EAAAoC,gBAAA,KACApC,EAAAqC,qBAAA,EACArC,EAAAmC,iBAAA,EAEAnC,EAAA+H,IAAAC,OAAA,CACAzZ,MAAA,iBACAiG,MAAA,UACAyT,SAAA,UACA9V,SAAA,aACAE,KAAA,yBAGAuT,MAAA,SAAAC,GACA7F,EAAA+H,IAAAC,OAAA,CACAzZ,MAAA,4DACAiG,MAAA,SACAyT,SAAA,UACA9V,SAAA,aACAE,KAAA,yBAIA8R,uBAhJA,WAiJA,IAAAnE,EAAAhS,KACAoX,EAAA,KAAAC,YAAA,wCAAAC,KAAA,SAAAC,GACAA,IACAvF,EAAA0C,aAAA6C,EAAA1O,MAAA,QAEA+O,MAAA,SAAAC,GACAC,MAAA,4CAGA1B,6BA1JA,WA2JA,IAAApE,EAAAhS,KACAoX,EAAA,KAAAC,YAAA,uCAAAC,KAAA,SAAAC,GACAA,IACAvF,EAAA2C,2BAAA4C,EAAA1O,MAAA,KACAmJ,EAAAkC,aAAAlC,EAAA2C,2BAAAnI,OAAA,SAAA0N,EAAAC,EAAAC,GAAA,OAAAA,EAAAC,UAAA,SAAAC,GAAA,OAAAA,EAAArT,eAAAiT,EAAAjT,iBAAAkT,IACAnI,EAAAiC,kBAAAjC,EAAA2C,8BAEAiD,MAAA,SAAAC,GACAC,MAAA,4CAGAlU,sCAtKA,WAuKA,IAAAoO,EAAAhS,KACAoX,EAAA,KAAAC,YAAA,4DAAArF,EAAAnO,YAAAyT,KAAA,SAAAC,GACAA,IACAvF,EAAAhK,yBAAAuP,EAAA1O,MAAA,QAEA+O,MAAA,SAAAC,GACAC,MAAA,4CAGAzB,kBAhLA,WAiLA,IAAArE,EAAAhS,KACA8V,EAAA,+JAOAyE,EAAA,CACAzE,SAGAsB,EAAA,KAAAgB,aAAA,eAAAmC,EAAA,CACAC,QAAA,CACAC,eAAA,mBACAC,OAAA,sBAEApD,KAAA,SAAAC,GACAA,EAAA1O,YACAmJ,EAAAxO,UAAA+T,EAAA1O,UAAA8R,kBAEA/C,MAAA,SAAAC,GACAC,MAAA,6CAGAzV,gBA1MA,WA2MA,IAAA2P,EAAAhS,KACA8V,EAAA,wOAcA8E,EAAA,CACAC,OAAA,CACA/X,GAAA,EACA8F,KAAA5I,KAAA4B,WACAkZ,IAAA9a,KAAA6B,UACAkZ,QAAA/a,KAAAyD,aACAuX,cAAAhb,KAAAuD,mBACA0X,SAAAjb,KAAAoD,cACA8X,UAAAlb,KAAA6D,aAIAsX,EAAA,CACArF,QACA8E,aAGAxD,EAAA,KAAAgB,aAAA,eAAA+C,EAAA,CACAX,QAAA,CACAC,eAAA,mBACAC,OAAA,sBAEApD,KAAA,SAAAC,GACAA,IACAvF,EAAApQ,WAAA,GACAoQ,EAAAnQ,UAAA,GACAmQ,EAAA+H,IAAAC,OAAA,CACAzZ,MAAA,eACAiG,MAAA,UACAyT,SAAA,UACA9V,SAAA,aACAE,KAAA,yBAGAuT,MAAA,SAAAC,GACA7F,EAAA+H,IAAAC,OAAA,CACAzZ,MAAA,0DACAiG,MAAA,UACAyT,SAAA,UACA9V,SAAA,aACAE,KAAA,yBAIAC,kBAtQA,WAuQA,IAAA0N,EAAAhS,KACA8V,EAAA,kHAOA8E,EAAA,CACAE,IAAA9a,KAAA6V,OAAAI,OAAAC,MAGAiF,EAAA,CACArF,QACA8E,aAGAxD,EAAA,KAAAgB,aAAA,eAAA+C,EAAA,CACAX,QAAA,CACAC,eAAA,mBACAC,OAAA,sBAEApD,KAAA,SAAAC,GACAA,IACAvF,EAAA+H,IAAAC,OAAA,CACAzZ,MAAA,iBACAiG,MAAA,UACAyT,SAAA,UACA9V,SAAA,aACAE,KAAA,sBAEA+W,WAAA,WACApJ,EAAAqJ,QAAAC,QAAA,4BACA1K,OAAA2K,SAAAC,UACA,QAEA5D,MAAA,SAAAC,GACA7F,EAAA+H,IAAAC,OAAA,CACAzZ,MAAA,0DACAiG,MAAA,UACAyT,SAAA,UACA9V,SAAA,aACAE,KAAA,yBAIA9B,gBArTA,WAsTA,IAAAyP,EAAAhS,KACA8V,EAAA,8JAMA8E,EAAA,CACAE,IAAA9a,KAAA6V,OAAAI,OAAAC,KACAtN,KAAA5I,KAAA4B,WACA2T,OAAAvV,KAAA6B,WAGAsZ,EAAA,CACArF,QACA8E,aAGAxD,EAAA,KAAAgB,aAAA,eAAA+C,EAAA,CACAX,QAAA,CACAC,eAAA,mBACAC,OAAA,sBAEApD,KAAA,SAAAC,GACAA,EAAAkE,SACAzJ,EAAA+H,IAAAC,OAAA,CACAzZ,MAAA,iBACAiG,MAAA,UACAyT,SAAA,UACA9V,SAAA,aACAE,KAAA,sBAEA+W,WAAA,WACApJ,EAAAqJ,QAAArF,KAAA,CAAAC,OAAA,CAAAC,KAAAlE,EAAAnQ,aACA+O,OAAA2K,SAAAC,UACA,QAEA5D,MAAA,SAAAC,GACA7F,EAAA+H,IAAAC,OAAA,CACAzZ,MAAA,0DACAiG,MAAA,UACAyT,SAAA,UACA9V,SAAA,aACAE,KAAA,yBAIAoR,eArWA,WAsWA,IAAAzD,EAAAhS,KACA8V,EAAA,oMASAyE,EAAA,CACAzE,QACA8E,UAAA,CACAE,IAAA9a,KAAA6V,OAAAI,OAAAC,OAGAkB,EAAA,KAAAgB,aAAA,eAAAmC,EAAA,CACAC,QAAA,CACAC,eAAA,mBACAC,OAAA,sBAEApD,KAAA,SAAAC,GACA,GAAAA,EAAA,KAAAmE,EAAAC,EAAAC,EACAC,EAAAtE,EAAA1O,UAAAiT,oBAAA,IAGAJ,EAAA1J,EAAAzO,oBAAAyS,KAAA+F,MAAAL,EAAA1K,OAAAgL,EAAA,KAAAhL,CAAA6K,EAAAb,iBAGAW,EAAA3J,EAAA5O,eAAA4S,KAAA+F,MAAAJ,EAAA3K,OAAAgL,EAAA,KAAAhL,CAAA6K,EAAAZ,YACAW,EAAA5J,EAAAvO,cAAAuS,KAAA+F,MAAAH,EAAA5K,OAAAgL,EAAA,KAAAhL,CAAA6K,EAAAd,UAEA/I,EAAAnO,WAAAgY,EAAAX,UACAlJ,EAAA7O,gCAIAa,oBA3YA,WA4YAhE,KAAA0B,iBAAA,GAEA6U,WA9YA,WA+YA,IAAAvE,EAAAhS,KACA8V,EAAA,0LASAyE,EAAA,CACAzE,SAGAsB,EAAA,KAAAgB,aAAA,eAAAmC,EAAA,CACAC,QAAA,CACAC,eAAA,mBACAC,OAAA,sBAEApD,KAAA,SAAAC,GACAA,EAAA1O,YACAmJ,EAAAsC,cAAAiD,EAAA1O,UAAAoT,OACAjK,EAAA/O,UAAAsU,EAAA1O,UAAAoT,OAAAxE,IAAA,SAAApU,GACA,OAAA2N,OAAAkL,EAAA,KAAAlL,CAAA,GACA3N,EADA,CAEA8Y,eAAAnK,EAAA+F,cAAA1U,UAIAuU,MAAA,SAAAC,GACAC,MAAA,8CAIAxB,gBAjbA,WAkbA,IAAAtE,EAAAhS,KACA8V,EAAA,wGAQAyE,EAAA,CACAzE,SAGAsB,EAAA,KAAAgB,aAAA,eAAAmC,EAAA,CACAC,QAAA,CACAC,eAAA,mBACAC,OAAA,sBAEApD,KAAA,SAAAC,GACAA,EAAA1O,YACAmJ,EAAA1O,eAAAiU,EAAA1O,UAAAuT,eAEAxE,MAAA,SAAAC,GACAC,MAAA,8CAIAlQ,oBA7cA,SA6cAyU,GACA,SAAAA,EAAAjU,WAAAiU,EAAAhU,SAAAzB,OAAA,GACA,IAAA0V,EAAAD,EAAAjU,UAAA,GACAmU,EAAAF,EAAAhU,SAAA,GAGA,OAFAiU,EAAAhB,QAAA,iBAAAkB,GAAA,OAAAA,EAAAC,gBACAF,EAAAjB,QAAA,iBAAAkB,GAAA,OAAAA,EAAAC,gBACAH,EAAAC,EAGA,IAAAG,EAAAL,EAAA/T,SAAAqU,MAAA,QAQA,OALAD,IAAApB,QAAA,WAGAoB,IAAApB,QAAA,iBAAAkB,GAAA,OAAAA,EAAAC,gBAEAC,GAEA5U,oBAheA,SAgeA8U,EAAAzC,EAAApE,GACA/V,KAAAS,mBAAA,EACAT,KAAAoU,gBAAAwI,EACA5c,KAAAqU,qBAAA8F,EACAna,KAAAmU,iBAAA4B,GAIA8G,OAxeA,SAweAC,GACA,IAAAD,EAAAtd,EAAA,QACA,OAAAsd,EAAAC,GAAAC,aCpqC+YC,EAAA,ECQ3YC,aAAYjM,OAAAC,EAAA,KAAAD,CACdgM,EACAld,EACA0I,GACF,EACA,KACA,KACA,OAIe0U,EAAA,WAAAD,6CCnBf,IAAAE,EAAA5d,EAAA,QAAA6d,EAAA7d,EAAAE,EAAA0d,GAAkiBC,EAAG,qCCAriB,IAAAC,EAAA9d,EAAA,QAAA+d,EAAA/d,EAAAE,EAAA4d,GAAugBC,EAAG","file":"js/chunk-e5a0e608.8c641a59.js","sourcesContent":["import mod from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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!./TrendChart.vue?vue&type=style&index=0&id=52fca81f&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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!./TrendChart.vue?vue&type=style&index=0&id=52fca81f&scoped=true&lang=css&\"","import mod from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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!./SkillMatrix.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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!./SkillMatrix.vue?vue&type=style&index=0&lang=css&\"","import mod from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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!./ChartCard.vue?vue&type=style&index=0&id=3c1b75eb&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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!./ChartCard.vue?vue&type=style&index=0&id=3c1b75eb&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"vx-row flex flex-col md:flex-row space-x-4 bg-white p-2 \"},[(_vm.InStepResolveMode)?_c('vs-popup',{attrs:{\"title\":\"Resolve flagged step\",\"active\":_vm.InStepResolveMode},on:{\"update:active\":function($event){_vm.InStepResolveMode=$event}}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-base\"},[_vm._v(\"\\n          Comment:\\n          \"),_c('vs-input',{staticClass:\"vx-col w-1/1 lg:w-1/1\",staticStyle:{\"width\":\"100%\"},attrs:{\"label-placeholder\":\"Comment:\"},model:{value:(_vm.resolveComment),callback:function ($$v) {_vm.resolveComment=$$v},expression:\"resolveComment\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vs-button',{on:{\"click\":_vm.ResolveMarkedStep}},[_vm._v(\"Mark as resolved\")])],1)])]):_vm._e(),(_vm.InSaveQueryMode)?_c('vs-popup',{attrs:{\"title\":\"Save search query\",\"active\":_vm.InSaveQueryMode,\"s\":\"\"},on:{\"update:active\":function($event){_vm.InSaveQueryMode=$event}}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-base\"},[_vm._v(\"\\n          Name:\\n          \"),_c('vs-input',{staticClass:\"vx-col w-1/1 lg:w-1/1\",staticStyle:{\"width\":\"100%\"},attrs:{\"label-placeholder\":\"Name:\"},model:{value:(_vm.query_name),callback:function ($$v) {_vm.query_name=$$v},expression:\"query_name\"}})],1),_c('div',{staticClass:\"vx-col w-full mb-base\"},[_vm._v(\"\\n          Url:\\n          \"),_c('vs-input',{staticClass:\"vx-col w-1/1 lg:w-1/1\",staticStyle:{\"width\":\"100%\"},attrs:{\"label-placeholder\":\"Url:\"},model:{value:(_vm.query_url),callback:function ($$v) {_vm.query_url=$$v},expression:\"query_url\"}})],1)]),(!_vm.InQueryPage)?_c('div',{staticClass:\"vx-row\",on:{\"active\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"sync\",undefined,$event.key,undefined)){ return null; }!_vm.InQueryPage}}},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vs-button',{on:{\"click\":_vm.SaveSearchQuery}},[_vm._v(\"Save\")])],1)]):_vm._e()]):_vm._e(),(_vm.InQueryEditMode)?_c('vs-popup',{attrs:{\"title\":\"Edit search query\",\"active\":_vm.InQueryEditMode,\"s\":\"\"},on:{\"update:active\":function($event){_vm.InQueryEditMode=$event}}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-base\"},[_vm._v(\"\\n          Name:\\n          \"),_c('vs-input',{staticClass:\"vx-col w-1/1 lg:w-1/1\",staticStyle:{\"width\":\"100%\"},attrs:{\"label-placeholder\":\"Name:\"},model:{value:(_vm.query_name),callback:function ($$v) {_vm.query_name=$$v},expression:\"query_name\"}})],1),_c('div',{staticClass:\"vx-col w-full mb-base\"},[_vm._v(\"\\n          Url:\\n          \"),_c('vs-input',{staticClass:\"vx-col w-1/1 lg:w-1/1\",staticStyle:{\"width\":\"100%\"},attrs:{\"label-placeholder\":\"Url:\"},model:{value:(_vm.query_url),callback:function ($$v) {_vm.query_url=$$v},expression:\"query_url\"}})],1)]),(_vm.InQueryEditMode)?_c('div',{staticClass:\"vx-row\",on:{\"active\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"sync\",undefined,$event.key,undefined)){ return null; }return _vm.InQueryPage($event)}}},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vs-button',{on:{\"click\":_vm.EditSearchQuery}},[_vm._v(\"Save\")])],1)]):_vm._e()]):_vm._e(),(!_vm.InQueryPage)?_c('div',{staticClass:\"md:w-1/6 ml-2\",on:{\"active\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"sync\",undefined,$event.key,undefined)){ return null; }!_vm.InQueryPage}}},[_vm._v(\"\\n      Filter by spaces:\\n      \"),_c('v-select',{attrs:{\"multiple\":\"\",\"placeholder\":\"Select..\",\"label\":\"breadcrumbTile\",\"closeOnSelect\":false,\"reduce\":function (space) { return space.id; },\"push-tags\":\"\",\"options\":_vm.spaceList},on:{\"input\":_vm.LoadHeatMapAndMetricsData},model:{value:(_vm.selectedSpace),callback:function ($$v) {_vm.selectedSpace=$$v},expression:\"selectedSpace\"}})],1):_vm._e(),(!_vm.InQueryPage)?_c('div',{staticClass:\"md:w-1/6  ml-2\",on:{\"active\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"sync\",undefined,$event.key,undefined)){ return null; }!_vm.InQueryPage}}},[_vm._v(\"\\n      Filter by onboardings:\\n      \"),_c('v-select',{attrs:{\"multiple\":\"\",\"placeholder\":\"Select..\",\"label\":\"name\",\"closeOnSelect\":false,\"reduce\":function (item) { return item.id; },\"push-tags\":\"\",\"options\":_vm.onboardingList},on:{\"input\":_vm.LoadHeatMapAndMetricsData},model:{value:(_vm.selectedOnboarding),callback:function ($$v) {_vm.selectedOnboarding=$$v},expression:\"selectedOnboarding\"}})],1):_vm._e(),(!_vm.InQueryPage)?_c('div',{staticClass:\"md:w-1/6 ml-2\",on:{\"active\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"sync\",undefined,$event.key,undefined)){ return null; }!_vm.InQueryPage}}},[_vm._v(\"\\n      Filter by roles:\\n      \"),_c('v-select',{attrs:{\"multiple\":\"\",\"placeholder\":\"Select..\",\"label\":\"name\",\"closeOnSelect\":false,\"reduce\":function (item) { return item.id; },\"push-tags\":\"\",\"options\":_vm.rolesList},on:{\"input\":_vm.LoadHeatMapAndMetricsData},model:{value:(_vm.selectedRole),callback:function ($$v) {_vm.selectedRole=$$v},expression:\"selectedRole\"}})],1):_vm._e(),(!_vm.InQueryPage)?_c('div',{staticClass:\"md:w-1/6 ml-2\",on:{\"active\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"sync\",undefined,$event.key,undefined)){ return null; }!_vm.InQueryPage}}},[_vm._v(\"\\n      Date range:\\n      \"),_c('v-select',{attrs:{\"placeholder\":\"Select..\",\"label\":\"label\",\"closeOnSelect\":true,\"reduce\":function (item) { return item.days; },\"options\":_vm.dateRangeOptions},on:{\"input\":function($event){_vm.LoadHeatMapAndMetricsData(),_vm.LoadUserWithMostaCompletedOnboardings()}},model:{value:(_vm.date_range),callback:function ($$v) {_vm.date_range=$$v},expression:\"date_range\"}})],1):_vm._e(),(_vm.$acl.check('admin') && !_vm.InQueryPage)?_c('vs-button',{staticClass:\"ml-5 h-10 mt-5\",on:{\"active\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"sync\",undefined,$event.key,undefined)){ return null; }!_vm.InQueryPage},\"click\":_vm.OpenSaveSearchQuery}},[_vm._v(\"Save this search query\")]):_vm._e(),(_vm.InQueryPage)?_c('vs-dropdown',{staticClass:\"pointer\",staticStyle:{\"margin-left\":\"auto\"},attrs:{\"id\":\"menu-dropdown\",\"vs-trigger-click\":\"\"}},[_c('FeatherIcon',{staticClass:\"tool pointer\",staticStyle:{\"position\":\"unset\",\"cursor\":\"pointer\"},attrs:{\"title\":\"Grid view\",\"icon\":\"MenuIcon\"}}),_c('vs-dropdown-menu',{staticStyle:{\"width\":\"120px\"}},[(_vm.$acl.check('admin'))?_c('vs-dropdown-item',{on:{\"click\":_vm.DeleteSearchQuery}},[_vm._v(\"Delete this search query\")]):_vm._e(),(_vm.$acl.check('admin'))?_c('vs-dropdown-item',{on:{\"click\":_vm.OpenEditQueryMenu}},[_vm._v(\"Edit this search query\")]):_vm._e()],1)],1):_vm._e()],1),_c('div',{staticClass:\"metrics-grid\"},[_c('MetricCard',{attrs:{\"title\":\"Total SOPs\",\"stat\":_vm.totalSOPs}}),_c('MetricCard',{attrs:{\"title\":\"Total users\",\"stat\":_vm.totalUsers}}),_c('MetricCard',{attrs:{\"title\":\"Completion Rate\",\"stat\":_vm.completionRate + '%'}}),_c('MetricCard',{attrs:{\"title\":\"In Progress\",\"stat\":_vm.inProgress}}),_c('MetricCard',{attrs:{\"title\":\"Not started\",\"stat\":_vm.notStarted}})],1),_c('div',{staticClass:\"charts-grid\"},[_c('ChartCard',{key:_vm.reloadKey,attrs:{\"completed\":_vm.completed,\"in_progress\":_vm.inProgress,\"not_started\":_vm.notStarted}}),_c('TrendChart',{key:_vm.reloadKeyTrend,attrs:{\"completed\":_vm.completed_trend,\"in_progress\":_vm.started_trend,\"labels\":_vm.labels}})],1),_c('div',{staticClass:\"vx-col w-full mb-base mt-5\"},[_c('skill-matrix',{attrs:{\"people\":_vm.people,\"sops\":_vm.sops,\"heatmap\":_vm.heatMap,\"title\":\"Skill Matrix\",\"available-tab-label\":\"Available Skills\",\"assigned-tab-label\":\"Assigned Skills\"},model:{value:(_vm.assignedSkills),callback:function ($$v) {_vm.assignedSkills=$$v},expression:\"assignedSkills\"}})],1),_c('div',{staticClass:\"grid-bottom w-full mb-base mt-5\"},[_c('div',[_c('vx-card',[_c('span',{staticClass:\"p-3 inline-flex rounded-full feather-icon select-none relative text-danger mb-4\",staticStyle:{\"background\":\"rgba(var(--vs-danger),.15)\",\"height\":\"45px\"}},[_c('FeatherIcon',{staticStyle:{\"height\":\"1em\"},attrs:{\"icon\":\"FlagIcon\"}})],1),_c('h5',{staticClass:\"mb-2\",staticStyle:{\"font-weight\":\"900\",\"display\":\"inline-block\",\"margin-left\":\"20px\",\"margin-bottom\":\"50px\"}},[_vm._v(\"\\n          Flagged Steps:\\n        \")]),_vm._l((_vm.flaggedItems),function(item,idx){return _c('div',{key:'flag_' + idx,staticClass:\"step-box\"},[_c('vs-avatar',{staticStyle:{\"bottom\":\"5px\",\"right\":\"5px\",\"display\":\"inline-block\",\"float\":\"left\"},attrs:{\"src\":\"\",\"color\":\"danger\",\"text-color\":\"white\",\"text\":item.Items.length.toString()}}),_c('div',{staticStyle:{\"display\":\"inline-block\",\"float\":\"left\",\"max-width\":\"calc(95% - 45px)\"}},[_c('a',{attrs:{\"target\":\"_blank\",\"href\":'/pages/pdf-view?oid=' + item.OnboardingId + '&stepId=' + item.StepId}},[_vm._v(_vm._s(item.OnboardingName)+\" (marked by \"+_vm._s(item.UniqueUsers)+\" user/s)\")]),_c('br')]),_c('div',{staticClass:\"expandTools\",staticStyle:{\"float\":\"right\"}},[_c('button',{staticClass:\"icon-button chevron-down\",attrs:{\"title\":\"Expand marked steps for this onboading...\"},on:{\"click\":function($event){return _vm.ExpandMarkedSteps($event)}}},[_c('i',{staticClass:\"fas fa-chevron-down expand-icon\"})]),_c('button',{staticClass:\"icon-button chevron-up\",attrs:{\"title\":\"Collapse marked steps for this onboading...\"},on:{\"click\":function($event){return _vm.CollapseMarkedSteps($event)}}},[_c('i',{staticClass:\"fas fa-chevron-up expand-icon\"})])]),_c('div',{staticStyle:{\"clear\":\"both\",\"margin-bottom\":\"10px\"}}),_vm._l((item.Items),function(subItem,subIdx){return _c('div',{key:'subitem_' + subIdx,staticClass:\"step-box-inner\"},[_c('vs-avatar',{staticStyle:{\"bottom\":\"5px\",\"right\":\"5px\",\"display\":\"inline-block\",\"float\":\"left\"},attrs:{\"src\":subItem.AvatarUrl,\"color\":\"danger\",\"text-color\":\"white\",\"text\":_vm.getFriendlyUserName(subItem)}}),_c('div',{staticStyle:{\"display\":\"inline-block\",\"float\":\"left\",\"max-width\":\"calc(95% - 45px)\"}},[_c('a',{attrs:{\"target\":\"_blank\",\"href\":'/pages/pdf-view?oid=' + item.OnboardingId + '&stepId=' + subItem.StepId}},[_vm._v(_vm._s(subItem.Reason))])]),_c('div',{staticStyle:{\"float\":\"right\"}},[_c('FeatherIcon',{staticClass:\"cursor-pointer\",staticStyle:{\"color\":\"blueviolet\"},attrs:{\"title\":\"Resolve\",\"icon\":\"CheckCircleIcon\"},on:{\"click\":function($event){return _vm.OpenStepResolveMenu(subItem.Id,subIdx,item.OnboardingId)}}})],1),_c('div',{staticStyle:{\"clear\":\"both\",\"margin-bottom\":\"10px\"}})],1)})],2)})],2)],1),_c('div',[_c('vx-card',[_c('span',{staticClass:\"p-3 inline-flex rounded-full feather-icon select-none relative text-success mb-4\",staticStyle:{\"background\":\"rgba(var(--vs-success),.15)\",\"height\":\"45px\"}},[_c('FeatherIcon',{staticStyle:{\"height\":\"1em\"},attrs:{\"icon\":\"CheckIcon\"}})],1),_c('h5',{staticClass:\"mb-2\",staticStyle:{\"font-weight\":\"900\",\"display\":\"inline-block\",\"margin-left\":\"20px\",\"margin-bottom\":\"50px\"}},[_vm._v(\"\\n          Users who have completed the most onboardings:\\n        \")]),_vm._l((_vm.mostCompletedOnboardings),function(item,idx){return (_vm.mostCompletedOnboardings.length != 0)?_c('div',{key:'flag_' + idx,staticStyle:{\"margin-top\":\"10px\"}},[_c('vs-avatar',{staticStyle:{\"bottom\":\"5px\",\"right\":\"5px\",\"display\":\"inline-block\",\"float\":\"left\"},attrs:{\"src\":item.User.avatarUrl,\"color\":\"success\",\"text-color\":\"white\",\"text\":_vm.getFriendlyUserName(item.User)}}),_c('div',{staticStyle:{\"display\":\"inline-block\",\"float\":\"left\",\"max-width\":\"calc(95% - 45px)\"}},[_c('p',[_vm._v(_vm._s(item.User.FirstName && item.User.LastName ? ((item.User.FirstName) + \" \" + (item.User.LastName)) : item.User.UserName))]),_c('em',[_vm._v(\"Completed \"+_vm._s(item.Count)+\" for this time period\")]),_c('br')]),_c('div',{staticStyle:{\"clear\":\"both\",\"margin-bottom\":\"10px\"}})],1):_c('div',[_vm._v(\"No data for this onboarding\")])})],2)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*=========================================================================================\r\n\tFile Name: analyticsData.vue\r\n\tDescription: Data shown by charts\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n\tAuthor: Pixinvent\r\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nexport default {\r\n    // LINE CHART\r\n    siteTraffic: {\r\n        series: [{\r\n            name: 'Traffic Rate',\r\n            data: [150, 200, 125, 225, 200, 250]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                type: 'line',\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    top: 5,\r\n                    left: 0,\r\n                    blur: 4,\r\n                    opacity: 0.10,\r\n                },\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 5,\r\n                curve: 'smooth'\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n            },\r\n            colors: ['#633c92'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#A9A2F6'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    activeUsers: {\r\n        series: [{\r\n            name: 'Active Users',\r\n            data: [750, 1000, 900, 1250, 1000, 1200, 1100]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                type: 'line',\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    top: 5,\r\n                    left: 0,\r\n                    blur: 4,\r\n                    opacity: 0.10,\r\n                },\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 5,\r\n                curve: 'smooth'\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n            },\r\n            colors: ['#28C76F'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#55DD92'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 75, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    newsletter: {\r\n        series: [{\r\n            name: 'Newsletter',\r\n            data: [365, 390, 365, 400, 375, 400]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                type: 'line',\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    top: 5,\r\n                    left: 0,\r\n                    blur: 4,\r\n                    opacity: 0.10,\r\n                },\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 5,\r\n                curve: 'smooth'\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n            },\r\n            colors: ['#FF9F43'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#ffc085'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 75, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    revenueComparisonLine: {\r\n        series: [{\r\n                name: \"This Month\",\r\n                data: [45000, 47000, 44800, 47500, 45500, 48000, 46500, 48600]\r\n            },\r\n            {\r\n                name: \"Last Month\",\r\n                data: [46000, 48000, 45500, 46600, 44500, 46500, 45000, 47000]\r\n            }\r\n        ],\r\n        chartOptions: {\r\n            chart: {\r\n                toolbar: { show: false },\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                dashArray: [0, 8],\r\n                width: [4, 2],\r\n            },\r\n            grid: {\r\n                borderColor: '#e7e7e7',\r\n            },\r\n            legend: {\r\n                show: false,\r\n            },\r\n            colors: ['#F97794', '#b8c2cc'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    inverseColors: false,\r\n                    gradientToColors: ['#633c92', '#b8c2cc'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            xaxis: {\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                },\r\n                axisTicks: {\r\n                    show: false,\r\n                },\r\n                categories: ['01', '05', '09', '13', '17', '21', '26', '31'],\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n            },\r\n            yaxis: {\r\n                tickAmount: 5,\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    },\r\n                    formatter: function(val) {\r\n                        return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;\r\n                    }\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            }\r\n        }\r\n    },\r\n\r\n    // LINE AREA CHART\r\n    subscribersGained: {\r\n        series: [{\r\n            name: 'Subscribers',\r\n            data: [28, 40, 36, 52, 38, 60, 55]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    quarterlySales: {\r\n        series: [{\r\n            name: 'Sales',\r\n            data: [10, 15, 7, 12, 3, 16]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    revenueGenerated: {\r\n        series: [{\r\n            name: 'Revenue',\r\n            data: [350, 275, 400, 300, 350, 300, 450]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    ordersRecevied: {\r\n        series: [{\r\n            name: 'Orders',\r\n            data: [10, 15, 8, 15, 7, 12, 8]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    // BAR CHART\r\n    salesBar: {\r\n        series: [{\r\n            name: 'Sessions',\r\n            data: [75, 125, 225, 175, 125, 75, 25]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                type: 'bar',\r\n                sparkline: { enabled: true },\r\n                toolbar: { show: false },\r\n            },\r\n            states: {\r\n                hover: {\r\n                    filter: 'none'\r\n                }\r\n            },\r\n            colors: ['#e6edf7', '#e6edf7', '#633c92', '#e6edf7', '#e6edf7', '#e6edf7'],\r\n            plotOptions: {\r\n                bar: {\r\n                    columnWidth: '45%',\r\n                    distributed: true,\r\n                    endingShape: 'rounded', // Deprecated\r\n                    // borderRadius: '20px', // Coming Soon\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    // RADIAL BAR\r\n    goalOverviewRadialBar: {\r\n        series: [83],\r\n        chartOptions: {\r\n            plotOptions: {\r\n                radialBar: {\r\n                    size: 110,\r\n                    startAngle: -150,\r\n                    endAngle: 150,\r\n                    hollow: {\r\n                        size: '77%',\r\n                    },\r\n                    track: {\r\n                        background: \"#bfc5cc\",\r\n                        strokeWidth: '50%',\r\n                    },\r\n                    dataLabels: {\r\n                        name: {\r\n                            show: false\r\n                        },\r\n                        value: {\r\n                            offsetY: 18,\r\n                            color: '#99a2ac',\r\n                            fontSize: '4rem'\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            colors: ['#00db89'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    type: 'horizontal',\r\n                    shadeIntensity: 0.5,\r\n                    gradientToColors: ['#00b5b5'],\r\n                    inverseColors: true,\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100]\r\n                },\r\n            },\r\n            stroke: {\r\n                lineCap: 'round'\r\n            },\r\n            chart: {\r\n                sparkline: {\r\n                    enabled: true,\r\n                },\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    blur: 3,\r\n                    left: 1,\r\n                    top: 1,\r\n                    opacity: 0.1\r\n                },\r\n            },\r\n        }\r\n    },\r\n    supportTrackerRadialBar: {\r\n        chartData: {\r\n            totalTickets: 163,\r\n            openTickets: 103,\r\n            lastResponse: '1d',\r\n        },\r\n        series: [83],\r\n        chartOptions: {\r\n            plotOptions: {\r\n                radialBar: {\r\n                    size: 150,\r\n                    offsetY: 15,\r\n                    startAngle: -150,\r\n                    endAngle: 150,\r\n                    hollow: {\r\n                        size: '65%',\r\n                    },\r\n                    track: {\r\n                        background: \"#fff\",\r\n                        strokeWidth: '100%',\r\n\r\n                    },\r\n                    dataLabels: {\r\n                        value: {\r\n                            offsetY: 30,\r\n                            color: '#99a2ac',\r\n                            fontSize: '2rem'\r\n                        }\r\n                    }\r\n                },\r\n            },\r\n            colors: ['#EA5455'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    // enabled: true,\r\n                    shade: 'dark',\r\n                    type: 'horizontal',\r\n                    shadeIntensity: 0.5,\r\n                    gradientToColors: ['#633c92'],\r\n                    inverseColors: true,\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100]\r\n                },\r\n            },\r\n            stroke: {\r\n                dashArray: 8\r\n            },\r\n            chart: {\r\n                sparkline: {\r\n                }\r\n            },\r\n            labels: ['Completed Tickets'],\r\n        }\r\n    },\r\n    // RADAR\r\n    statisticsRadar: {\r\n        series: [{\r\n            name: 'Visits',\r\n            data: [90, 50, 86, 40, 100, 20],\r\n        }, {\r\n            name: 'Sales',\r\n            data: [70, 75, 70, 76, 20, 85],\r\n        }],\r\n        chartOptions: {\r\n            labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],\r\n            dataLabels: {\r\n                style: {\r\n                    colors: ['#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd']\r\n                }\r\n            },\r\n            yaxis: {\r\n                show: false,\r\n            },\r\n            grid: {\r\n                show: false,\r\n            },\r\n            legend: { show: false },\r\n            chart: {\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    blur: 8,\r\n                    left: 1,\r\n                    top: 1,\r\n                    opacity: 0.2\r\n                },\r\n                toolbar: {\r\n                    show: false\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 0\r\n            },\r\n            colors: ['#9f8ed7', '#1edec5'],\r\n            plotOptions: {\r\n                radar: {\r\n                    polygons: {\r\n                        strokeColors: ['#e8e8e8', 'transparent', 'transparent', 'transparent', 'transparent', 'transparent'],\r\n                        connectorColors: 'transparent'\r\n                    }\r\n                }\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#8e9ad6', '#1fcadb'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n            },\r\n        }\r\n    },\r\n    // SessionsByDevice\r\n    sessionsByDeviceDonut: {\r\n        analyticsData: [\r\n            { device: 'Dekstop', icon: 'MonitorIcon', color: 'primary', sessionsPercentgae: 58.6, comparedResultPercentage: 2 },\r\n            { device: 'Mobile', icon: 'SmartphoneIcon', color: 'warning', sessionsPercentgae: 34.9, comparedResultPercentage: 8 },\r\n            { device: 'Tablet', icon: 'TabletIcon', color: 'danger', sessionsPercentgae: 6.5, comparedResultPercentage: -5 },\r\n        ],\r\n        comparedResult: [2, -3, 8],\r\n        series: [58.6, 34.9, 6.5],\r\n        chartOptions: {\r\n            labels: ['Desktop', 'Mobile', 'Tablet'],\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            legend: { show: false },\r\n            chart: {\r\n                offsetY: 30,\r\n                type: 'donut',\r\n                toolbar: {\r\n                    show: false\r\n                }\r\n            },\r\n            stroke: { width: 0 },\r\n            colors: ['#7961F9', '#FF9F43', '#EA5455'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    gradientToColors: ['#9c8cfc', '#FFC085', '#f29292']\r\n                }\r\n            }\r\n        }\r\n    },\r\n    // Product Orders\r\n    productOrdersRadialBar: {\r\n        analyticsData: [\r\n            { 'orderType': 'Finished', 'counts': 23043, color: 'primary' },\r\n            { 'orderType': 'Pending', 'counts': 14658, color: 'warning' },\r\n            { 'orderType': 'Rejected ', 'counts': 4758, color: 'danger' },\r\n        ],\r\n        series: [70, 52, 26],\r\n        chartOptions: {\r\n            labels: ['Finished', 'Pending', 'Rejected'],\r\n            plotOptions: {\r\n                radialBar: {\r\n                    size: 165,\r\n                    offsetY: 30,\r\n                    hollow: {\r\n                        size: '20%'\r\n                    },\r\n                    track: {\r\n                        background: \"#ebebeb\",\r\n                        strokeWidth: '100%',\r\n                        margin: 15,\r\n                    },\r\n                    dataLabels: {\r\n                        show: true,\r\n                        name: {\r\n                            fontSize: '18px',\r\n                        },\r\n                        value: {\r\n                            fontSize: '16px',\r\n                            color: \"#636a71\",\r\n                            offsetY: 11\r\n                        },\r\n                        total: {\r\n                            show: true,\r\n                            label: 'Total',\r\n                            formatter: function() {\r\n                                return 42459\r\n                            }\r\n                        }\r\n                    }\r\n                },\r\n            },\r\n            responsive: [{\r\n                breakpoint: 576,\r\n                options: {\r\n                    plotOptions: {\r\n                        radialBar: {\r\n                            size: 150,\r\n                            hollow: {\r\n                                size: '20%'\r\n                            },\r\n                            track: {\r\n                                background: \"#ebebeb\",\r\n                                strokeWidth: '100%',\r\n                                margin: 15,\r\n                            },\r\n                        }\r\n                    }\r\n                }\r\n            }],\r\n            colors: ['#7961F9', '#FF9F43', '#EA5455'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    // enabled: true,\r\n                    shade: 'dark',\r\n                    type: 'vertical',\r\n                    shadeIntensity: 0.5,\r\n                    gradientToColors: ['#9c8cfc', '#FFC085', '#f29292'],\r\n                    inverseColors: false,\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100]\r\n                },\r\n            },\r\n            stroke: {\r\n                lineCap: 'round'\r\n            },\r\n            chart: {\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    blur: 3,\r\n                    left: 1,\r\n                    top: 1,\r\n                    opacity: 0.1\r\n                },\r\n            }\r\n        }\r\n    },\r\n    // Customers\r\n    customersPie: {\r\n        analyticsData: [\r\n            { 'customerType': 'New', 'counts': 890, color: 'primary' },\r\n            { 'customerType': 'Returning', 'counts': 258, color: 'warning' },\r\n            { 'customerType': 'Referrals ', 'counts': 149, color: 'danger' },\r\n        ],\r\n        series: [690, 258, 149],\r\n        chartOptions: {\r\n            labels: ['New', 'Returning', 'Referrals'],\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            legend: { show: false },\r\n            chart: {\r\n                type: 'pie',\r\n                offsetY: 30,\r\n                dropShadow: {\r\n                    enabled: false,\r\n                    blur: 5,\r\n                    left: 1,\r\n                    top: 1,\r\n                    opacity: 0.2\r\n                },\r\n                toolbar: {\r\n                    show: false\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 5\r\n            },\r\n            colors: ['#7961F9', '#FF9F43', '#EA5455'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    gradientToColors: ['#9c8cfc', '#FFC085', '#f29292']\r\n                }\r\n            }\r\n        }\r\n    },\r\n    // Sales monthly\r\n    salesLine: {\r\n        series: [{\r\n            name: \"Sales\",\r\n            data: [140, 180, 150, 205, 160, 295, 125, 255, 205, 305, 240, 295]\r\n        }],\r\n        chartOptions: {\r\n            chart: {\r\n                toolbar: { show: false },\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    top: 20,\r\n                    left: 2,\r\n                    blur: 6,\r\n                    opacity: 0.20\r\n                }\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 4,\r\n            },\r\n            grid: {\r\n                borderColor: '#ebebeb',\r\n            },\r\n            legend: {\r\n                show: false,\r\n            },\r\n            colors: ['#df87f2'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    inverseColors: false,\r\n                    gradientToColors: ['#633c92'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            xaxis: {\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                },\r\n                axisTicks: {\r\n                    show: false,\r\n                },\r\n                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n            },\r\n            yaxis: {\r\n                tickAmount: 5,\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    },\r\n                    formatter: function(val) {\r\n                        return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;\r\n                    }\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            }\r\n        }\r\n    },\r\n    // ClientRetention Bar Chart\r\n    clientRetentionBar: {\r\n        series: [{\r\n            name: 'New Clients',\r\n            data: [175, 125, 225, 175, 160, 189, 206, 134, 159, 216, 148, 123]\r\n        }, {\r\n            name: 'Retained Clients',\r\n            data: [-144, -155, -141, -167, -122, -143, -158, -107, -126, -131, -140, -137]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                borderColor: '#ebebeb',\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            legend: {\r\n                show: false,\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            chart: {\r\n                stacked: true,\r\n                type: 'bar',\r\n                toolbar: { show: false },\r\n            },\r\n            colors: ['#633c92', '#EA5455'],\r\n            plotOptions: {\r\n                bar: {\r\n                    columnWidth: '10%'\r\n                }\r\n            },\r\n            xaxis: {\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                },\r\n                axisTicks: {\r\n                    show: false,\r\n                },\r\n                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n            },\r\n            yaxis: {\r\n                tickAmount: 5,\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    // OTHER\r\n    browserAnalytics: [{\r\n            id: 1,\r\n            name: 'Google Chrome',\r\n            ratio: 73,\r\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n            comparedResult: '800'\r\n        },\r\n        {\r\n            id: 3,\r\n            name: 'Opera',\r\n            ratio: 8,\r\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n            comparedResult: '-200'\r\n        },\r\n        {\r\n            id: 2,\r\n            name: 'Firefox',\r\n            ratio: 19,\r\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n            comparedResult: '100'\r\n        },\r\n        {\r\n            id: 4,\r\n            name: 'Internet Explorer',\r\n            ratio: 27,\r\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n            comparedResult: '-450'\r\n        },\r\n    ],\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid py-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body matrix-container\"},[(_vm.heatmap && _vm.heatmap.length > 0)?_c('table',{staticClass:\"table\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"name-cell\"}),_vm._l((_vm.heatmap[0].data),function(person){return _c('th',{},[_c('div',{staticClass:\"skill-header\"},[_vm._v(\"\\n                \"+_vm._s(person.x)+\"\\n              \")])])})],2)]),_c('tbody',_vm._l((_vm.heatmap),function(sop){return _c('tr',[_c('td',{staticClass:\"name-cell\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\"}},[_c('h5',[_vm._v(_vm._s(sop.name))]),_c('p',{staticStyle:{\"opacity\":\"75%\",\"max-width\":\"500px\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\",\"white-space\":\"nowrap\"}},[_vm._v(_vm._s(sop.description))])]),_c('button',{staticClass:\"open-btn\",attrs:{\"title\":\"Go to onboaring\"},on:{\"click\":function($event){return _vm.GoToOnboarding(sop.id)}}},[_c('i',{staticClass:\"fas fa-external-link\"})])])]),_vm._l((sop.data),function(stats){return _c('td',[_c('div',{class:'skill-level ' + _vm.getSkillLevel(stats)})])})],2)}),0)]):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-fluid py-4\">\r\n    <div class=\"card\">\r\n      <div class=\"card-body matrix-container\">\r\n        <table class=\"table\" v-if=\"heatmap && heatmap.length > 0\">\r\n          <thead>\r\n            <tr>\r\n              <th class=\"name-cell\"></th>\r\n              <th class=\"\" v-for=\"person in heatmap[0].data\">\r\n                <div class=\"skill-header\">\r\n                  {{person.x}}\r\n                </div>\r\n              </th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr v-for=\"sop in heatmap\">\r\n              <td class=\"name-cell\">\r\n                <div style=\"display: flex; justify-content: space-between\">\r\n                  <div style=\"display: flex; flex-direction: column; \">\r\n                    <h5>{{sop.name}}</h5>\r\n                    <p style=\"opacity: 75%; max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\">{{sop.description}}</p>\r\n                  </div>\r\n                  <button class=\"open-btn\" @click=\"GoToOnboarding(sop.id)\" title=\"Go to onboaring\">\r\n                    <i class=\"fas fa-external-link\"></i>\r\n                  </button>\r\n                </div>\r\n              </td>\r\n              <td v-for=\"stats in sop.data\">\r\n                <div :class=\"'skill-level ' + getSkillLevel(stats)\"></div>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'SkillMatrix',\r\n    // The list of all available skills\r\n    props: {\r\n      people: {\r\n        type: Array,\r\n        required: true,\r\n        default: () => []\r\n      },\r\n      sops: {\r\n        type: Array,\r\n        required: true,\r\n        default: () => []\r\n      },\r\n      heatmap: {\r\n        type: Array,\r\n        required: true,\r\n        default: () => []\r\n      },\r\n      // Value for v-model (assigned skills)\r\n      value: {\r\n        type: Array,\r\n        default: () => []\r\n      },\r\n      // Component title\r\n      title: {\r\n        type: String,\r\n        default: 'Skills Management'\r\n      },\r\n      // Tab labels\r\n      availableTabLabel: {\r\n        type: String,\r\n        default: 'Available'\r\n      },\r\n      assignedTabLabel: {\r\n        type: String,\r\n        default: 'Assigned'\r\n      }\r\n    },\r\n    methods: {\r\n      getSkillLevel(item) {\r\n        const levels = ['level-1', 'level-2', 'level-3'];\r\n        if (item.y == 0)\r\n          return 'level-1';\r\n        if (item.y > 0 && item.y < 5) {\r\n          return 'level-2'\r\n        }\r\n        if (item.y >= 5) {\r\n          return 'level-3';\r\n        }\r\n        else {\r\n          return 'level-1';\r\n        }\r\n      },\r\n      GoToOnboarding(id) {\r\n        window.open(\"/pages/pdf-view?oid=\" + id); \r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style>\r\n  .matrix-container {\r\n    max-height: 80vh;\r\n    overflow: auto;\r\n    position: relative;\r\n  }\r\n\r\n  .open-btn {\r\n    padding: 6px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    background-color:transparent;\r\n    color: #666;\r\n    border: 0px;\r\n    transition: all 0.2s;\r\n    width: 32px;\r\n    height: 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .open-btn:hover {\r\n    background-color: #f3f4f6;\r\n    color: #000;\r\n  }\r\n\r\n  .open-btn.active {\r\n    background-color: #e5e7eb;\r\n    color: #000;\r\n  }\r\n\r\n  /* Remove default table borders */\r\n  .table {\r\n    margin-bottom: 0;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n  }\r\n\r\n    /* Reset borders */\r\n    .table td, .table th {\r\n      border: none;\r\n    }\r\n\r\n    /* Add borders back with specific styling */\r\n    .table td, .table th {\r\n      border-right: 1px solid #dee2e6;\r\n      border-bottom: 1px solid #dee2e6;\r\n    }\r\n\r\n  .skill-header {\r\n    writing-mode: vertical-rl;\r\n    transform: rotate(180deg);\r\n    white-space: nowrap;\r\n    padding: 15px 0;\r\n    min-height: 120px;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .avatar {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    background-color: #e9ecef;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-right: 10px;\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .skill-level {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 4px;\r\n    margin: auto;\r\n  }\r\n\r\n  .level-1 {\r\n    background-color: white;\r\n    border: 1px solid #dee2e6;\r\n  }\r\n\r\n  .level-2 {\r\n    background-color: #ffa500;\r\n  }\r\n\r\n  .level-3 {\r\n    background-color: #28a745;\r\n  }\r\n\r\n  /* Fixed column styling */\r\n  .name-cell {\r\n    position: sticky;\r\n    left: 0;\r\n    background-color: white;\r\n    z-index: 2;\r\n    min-width: 180px;\r\n  }\r\n\r\n  /* Fixed header styling */\r\n  thead th {\r\n    position: sticky;\r\n    top: 0;\r\n    background-color: #f8f9fa;\r\n    z-index: 1;\r\n  }\r\n\r\n    /* Corner cell styling */\r\n    thead th.name-cell {\r\n      z-index: 3;\r\n      background-color: #f8f9fa;\r\n      min-width:300px;\r\n    }\r\n\r\n  .name-text {\r\n    font-size: 0.9rem;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  td {\r\n    padding: 0.4rem !important;\r\n    background-color: white;\r\n  }\r\n\r\n  /* Shadow effects */\r\n  .name-cell {\r\n    box-shadow: 3px 0 4px -2px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  thead th {\r\n    box-shadow: 0 3px 4px -2px rgba(0,0,0,0.1);\r\n  }\r\n\r\n    thead th.name-cell {\r\n      box-shadow: 3px 3px 4px -2px rgba(0,0,0,0.1);\r\n    }\r\n\r\n  /* Card styling */\r\n  .card {\r\n    border: 1px solid #dee2e6;\r\n  }\r\n\r\n  .card-body {\r\n    padding: 0;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .name-cell {\r\n      position: relative;\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./SkillMatrix.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/@vue/cli-plugin-babel/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!./SkillMatrix.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SkillMatrix.vue?vue&type=template&id=21a2f173&\"\nimport script from \"./SkillMatrix.vue?vue&type=script&lang=js&\"\nexport * from \"./SkillMatrix.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SkillMatrix.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('link',{attrs:{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}}),_c('link',{attrs:{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossorigin\":\"\"}}),_c('link',{attrs:{\"href\":\"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;900&display=swap\",\"rel\":\"stylesheet\"}}),_c('div',{staticClass:\"metric-card\"},[_c('div',{staticClass:\"metric-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"metric-value\"},[_vm._v(_vm._s(_vm.stat))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;900&display=swap\" rel=\"stylesheet\">\r\n    <div class=\"metric-card\">\r\n      <div class=\"metric-title\">{{title}}</div>\r\n      <div class=\"metric-value\">{{stat}}</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n  export default {\r\n    props: [\"title\", \"stat\"],\r\n\r\n  };\r\n</script>\r\n\r\n<style>\r\n  .metric-card {\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  .metric-title {\r\n    font-size: 16px;\r\n    color: #666;\r\n    margin-bottom: 10px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .metric-value {\r\n    font-size: 28px;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .metric-trend {\r\n    font-size: 14px;\r\n    margin-top: 5px;\r\n  }\r\n\r\n  .trend-up {\r\n    color: #10b981;\r\n  }\r\n\r\n  .trend-down {\r\n    color: #ef4444;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./MetricCard.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/@vue/cli-plugin-babel/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!./MetricCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MetricCard.vue?vue&type=template&id=b15af37e&\"\nimport script from \"./MetricCard.vue?vue&type=script&lang=js&\"\nexport * from \"./MetricCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MetricCard.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chart-card\"},[_c('h3',{staticClass:\"chart-title\"},[_vm._v(\"SOP Completion Status\")]),_c('div',{staticClass:\"chart-container\"},[_c('canvas',{attrs:{\"id\":\"completionChart\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"chart-card\">\r\n    <h3 class=\"chart-title\">SOP Completion Status</h3>\r\n    <div class=\"chart-container\">\r\n      <canvas id=\"completionChart\"></canvas>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    props: [\"completed\",\"in_progress\",\"not_started\"],\r\n    mounted() {\r\n      const instance = this;\r\n      var scriptTag = document.createElement(\"script\");\r\n      scriptTag.src = \"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js\";\r\n      scriptTag.id = \"chart\";\r\n\r\n      // Append to head\r\n      document.getElementsByTagName('head')[0].appendChild(scriptTag);\r\n      scriptTag.onload = function () {\r\n        const completionCtx = document.getElementById('completionChart').getContext('2d');\r\n        const completionChart = new Chart(completionCtx, {\r\n          type: 'doughnut',\r\n          data: {\r\n            labels: ['Completed', 'In Progress', 'Not Started'],\r\n            datasets: [{\r\n              data: [instance.completed, instance.in_progress, instance.not_started],\r\n              backgroundColor: [\r\n                '#10b981', // green\r\n                '#f59e0b', // amber\r\n                '#ef4444'  // red\r\n              ],\r\n              borderColor: [\r\n                '#fff',\r\n                '#fff',\r\n                '#fff'\r\n              ],\r\n              borderWidth: 2\r\n            }]\r\n          },\r\n          options: {\r\n            responsive: true,\r\n            maintainAspectRatio: false,\r\n            plugins: {\r\n              legend: {\r\n                position: 'bottom'\r\n              }\r\n            },\r\n            cutout: '70%'\r\n          }\r\n        });\r\n      }\r\n      \r\n    }\r\n  };\r\n</script>\r\n\r\n<style scoped>\r\n  .chart-card {\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05));\r\n  }\r\n\r\n  .chart-title {\r\n    font-size: 18px;\r\n    margin-bottom: 20px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .chart-container {\r\n    position: relative;\r\n    height: 300px;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./ChartCard.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/@vue/cli-plugin-babel/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!./ChartCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartCard.vue?vue&type=template&id=3c1b75eb&scoped=true&\"\nimport script from \"./ChartCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChartCard.vue?vue&type=style&index=0&id=3c1b75eb&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  \"3c1b75eb\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chart-card\"},[_c('h3',{staticClass:\"chart-title\"},[_vm._v(\"Completion Trends\")]),_c('div',{staticClass:\"chart-container\"},[_c('canvas',{attrs:{\"id\":\"trendsChart\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"chart-card\">\r\n    <h3 class=\"chart-title\">Completion Trends</h3>\r\n    <div class=\"chart-container\">\r\n      <canvas id=\"trendsChart\"></canvas>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    props: [\"completed\",\"in_progress\",\"labels\"],\r\n    mounted() {\r\n      const instance = this;\r\n      var scriptTag = document.createElement(\"script\");\r\n      scriptTag.src = \"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js\";\r\n      scriptTag.id = \"chart\";\r\n      document.getElementsByTagName('head')[0].appendChild(scriptTag);\r\n      scriptTag.onload = function () {\r\n        const trendsCtx = document.getElementById('trendsChart').getContext('2d');\r\n        const trendsChart = new Chart(trendsCtx, {\r\n          type: 'line',\r\n          data: {\r\n            // labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],\r\n            labels: instance.labels,\r\n            datasets: [{\r\n              label: 'Completed',\r\n              data: instance.completed,\r\n              borderColor: '#10b981',\r\n              backgroundColor: 'rgba(16, 185, 129, 0.1)',\r\n              tension: 0.4,\r\n              fill: true\r\n            },\r\n            {\r\n              label: 'In Progress',\r\n              data: instance.in_progress,\r\n              borderColor: '#f59e0b',\r\n              backgroundColor: 'rgba(245, 158, 11, 0.1)',\r\n              tension: 0.4,\r\n              fill: true\r\n            }]\r\n          },\r\n          options: {\r\n            responsive: true,\r\n            maintainAspectRatio: false,\r\n            plugins: {\r\n              legend: {\r\n                position: 'bottom'\r\n              }\r\n            },\r\n            scales: {\r\n              y: {\r\n                beginAtZero: true\r\n              }\r\n            }\r\n          }\r\n        });\r\n      }\r\n\r\n    }\r\n  };\r\n</script>\r\n\r\n<style scoped>\r\n  .chart-card {\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  .chart-title {\r\n    font-size: 18px;\r\n    margin-bottom: 20px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .chart-container {\r\n    position: relative;\r\n    height: 300px;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./TrendChart.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/@vue/cli-plugin-babel/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!./TrendChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrendChart.vue?vue&type=template&id=52fca81f&scoped=true&\"\nimport script from \"./TrendChart.vue?vue&type=script&lang=js&\"\nexport * from \"./TrendChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrendChart.vue?vue&type=style&index=0&id=52fca81f&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  \"52fca81f\",\n  null\n  \n)\n\nexport default component.exports","\r\n<template>\r\n  <div>\r\n    <div class=\"vx-row flex flex-col md:flex-row space-x-4 bg-white p-2 \">\r\n\r\n      <vs-popup title=\"Resolve flagged step\" :active.sync=\"InStepResolveMode\" v-if=\"InStepResolveMode\">\r\n        <div class=\"vx-row\">\r\n          <div class=\"vx-col w-full mb-base\">\r\n            Comment:\r\n            <vs-input class=\"vx-col w-1/1 lg:w-1/1\" style=\"width:100%;\"\r\n                      label-placeholder=\"Comment:\"\r\n                      v-model=\"resolveComment\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"vx-row\">\r\n          <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n            <vs-button @click=\"ResolveMarkedStep\">Mark as resolved</vs-button>\r\n          </div>\r\n        </div>\r\n      </vs-popup>\r\n\r\n      <vs-popup title=\"Save search query\" :active.sync=\"InSaveQueryMode\" s v-if=\"InSaveQueryMode\">\r\n        <div class=\"vx-row\">\r\n          <div class=\"vx-col w-full mb-base\">\r\n            Name:\r\n            <vs-input class=\"vx-col w-1/1 lg:w-1/1\" style=\"width:100%;\"\r\n                      label-placeholder=\"Name:\"\r\n                      v-model=\"query_name\" />\r\n          </div>\r\n\r\n          <div class=\"vx-col w-full mb-base\">\r\n            Url:\r\n            <vs-input class=\"vx-col w-1/1 lg:w-1/1\" style=\"width:100%;\"\r\n                      label-placeholder=\"Url:\"\r\n                      v-model=\"query_url\" />\r\n          </div>\r\n        </div>\r\n        <div v-if=\"!InQueryPage\" @active.sync=\"!InQueryPage\" class=\"vx-row\">\r\n          <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n            <vs-button @click=\"SaveSearchQuery\">Save</vs-button>\r\n          </div>\r\n        </div>\r\n      </vs-popup>\r\n\r\n\r\n      <vs-popup title=\"Edit search query\" :active.sync=\"InQueryEditMode\" s v-if=\"InQueryEditMode\">\r\n        <div class=\"vx-row\">\r\n          <div class=\"vx-col w-full mb-base\">\r\n            Name:\r\n            <vs-input class=\"vx-col w-1/1 lg:w-1/1\" style=\"width:100%;\"\r\n                      label-placeholder=\"Name:\"\r\n                      v-model=\"query_name\" />\r\n          </div>\r\n\r\n          <div class=\"vx-col w-full mb-base\">\r\n            Url:\r\n            <vs-input class=\"vx-col w-1/1 lg:w-1/1\" style=\"width:100%;\"\r\n                      label-placeholder=\"Url:\"\r\n                      v-model=\"query_url\" />\r\n          </div>\r\n        </div>\r\n        <div v-if=\"InQueryEditMode\" @active.sync=\"InQueryPage\" class=\"vx-row\">\r\n          <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n            <vs-button @click=\"EditSearchQuery\">Save</vs-button>\r\n          </div>\r\n        </div>\r\n      </vs-popup>\r\n\r\n\r\n      <div class=\"md:w-1/6 ml-2\" v-if=\"!InQueryPage\" @active.sync=\"!InQueryPage\">\r\n        Filter by spaces:\r\n        <v-select multiple\r\n                  placeholder=\"Select..\"\r\n                  label=\"breadcrumbTile\"\r\n                  :closeOnSelect=\"false\"\r\n                  v-model=\"selectedSpace\"\r\n                  @input=\"LoadHeatMapAndMetricsData\"\r\n                  :reduce=\"(space) => space.id\"\r\n                  push-tags\r\n                  :options=\"spaceList\" />\r\n      </div>\r\n      <div class=\"md:w-1/6  ml-2\" v-if=\"!InQueryPage\" @active.sync=\"!InQueryPage\">\r\n        Filter by onboardings:\r\n        <v-select multiple\r\n                  placeholder=\"Select..\"\r\n                  label=\"name\"\r\n                  :closeOnSelect=\"false\"\r\n                  v-model=\"selectedOnboarding\"\r\n                  @input=\"LoadHeatMapAndMetricsData\"\r\n                  :reduce=\"(item) => item.id\"\r\n                  push-tags\r\n                  :options=\"onboardingList\" />\r\n      </div>\r\n      <div class=\"md:w-1/6 ml-2\" v-if=\"!InQueryPage\" @active.sync=\"!InQueryPage\">\r\n        Filter by roles:\r\n        <v-select multiple\r\n                  placeholder=\"Select..\"\r\n                  label=\"name\"\r\n                  :closeOnSelect=\"false\"\r\n                  v-model=\"selectedRole\"\r\n                  :reduce=\"(item) => item.id\"\r\n                  @input=\"LoadHeatMapAndMetricsData\"\r\n                  push-tags\r\n                  :options=\"rolesList\" />\r\n      </div>\r\n\r\n      <div class=\"md:w-1/6 ml-2\" v-if=\"!InQueryPage\" @active.sync=\"!InQueryPage\">\r\n        Date range:\r\n        <v-select placeholder=\"Select..\"\r\n                  label=\"label\"\r\n                  :closeOnSelect=\"true\"\r\n                  v-model=\"date_range\"\r\n                  :reduce=\"(item) => item.days\"\r\n                  @input=\"LoadHeatMapAndMetricsData(),LoadUserWithMostaCompletedOnboardings()\"\r\n                  :options=\"dateRangeOptions\" />\r\n      </div>\r\n      <vs-button v-if=\"$acl.check('admin') && !InQueryPage\" @active.sync=\"!InQueryPage\" @click=\"OpenSaveSearchQuery\" class=\"ml-5 h-10 mt-5\">Save this search query</vs-button>\r\n      <vs-dropdown v-if=\"InQueryPage\" id=\"menu-dropdown\" vs-trigger-click class=\"pointer\" style=\"margin-left: auto;\" >\r\n        <FeatherIcon class=\"tool pointer\" title=\"Grid view\" icon=\"MenuIcon\" style=\"position:unset; cursor:pointer;\"></FeatherIcon>\r\n        <vs-dropdown-menu style=\"width:120px;\">\r\n          <vs-dropdown-item  v-if=\"$acl.check('admin')\" @click=\"DeleteSearchQuery\">Delete this search query</vs-dropdown-item>\r\n          <vs-dropdown-item v-if=\"$acl.check('admin')\" @click=\"OpenEditQueryMenu\">Edit this search query</vs-dropdown-item>\r\n        </vs-dropdown-menu>\r\n      </vs-dropdown>\r\n\r\n\r\n    </div>\r\n\r\n    <div class=\"metrics-grid\">\r\n      <MetricCard title=\"Total SOPs\" :stat=\"totalSOPs\"></MetricCard>\r\n      <MetricCard title=\"Total users\" :stat=\"totalUsers\"></MetricCard>\r\n      <MetricCard title=\"Completion Rate\" :stat=\"completionRate + '%'\"></MetricCard>\r\n      <MetricCard title=\"In Progress\" :stat=\"inProgress\"></MetricCard>\r\n      <MetricCard title=\"Not started\" :stat=\"notStarted\"></MetricCard>\r\n    </div>\r\n    <div class=\"charts-grid\">\r\n      <ChartCard :key=\"reloadKey\" :completed=\"completed\" :in_progress=\"inProgress\" :not_started=\"notStarted\"></ChartCard>\r\n      <TrendChart :key=\"reloadKeyTrend\" :completed=\"completed_trend\" :in_progress=\"started_trend\" :labels=\"labels\"></TrendChart>\r\n    </div>\r\n\r\n    <!--<div v-if=\"!InQueryPage\" @active.sync=\"!InQueryPage\" class=\"md:flex -mx-2 mt-5\">\r\n      <div class=\"mb-10 md:mb-0 w-full md:w-1/4 px-2\">\r\n        <div class=\"bg-grid-color-secondary flex\">\r\n          <statistics-card-line v-if=\"engagedStats != null && engagedStats.Total != null\" icon=\"UsersIcon\" :statistic=\"engagedStats.Total\" :statisticTitle=\"engagedStats.Title\" :chartData=\"engagedStats\" type='area' color='primary'></statistics-card-line>\r\n        </div>\r\n      </div>\r\n      <div class=\"mb-10 md:mb-0 w-full md:w-1/4 px-2\">\r\n        <div class=\"bg-grid-color flex\">\r\n          <statistics-card-line v-if=\"openedStats != null && openedStats.Total != null\" icon=\"BookOpenIcon\" :statistic=\"openedStats.Total\" :statisticTitle=\"openedStats.Title\" :chartData=\"openedStats\" type='area' color='warning'>\r\n\r\n          </statistics-card-line>\r\n        </div>\r\n      </div>\r\n      <div class=\"mb-10 md:mb-0 w-full md:w-1/4 px-2\">\r\n        <div class=\"bg-grid-color-secondary flex\">\r\n          <statistics-card-line v-if=\"completedStats != null && completedStats.Total != null\" icon=\"CheckIcon\" :statistic=\"completedStats.Total\" :statisticTitle=\"completedStats.Title\" :chartData=\"completedStats\" type='area' color='success'></statistics-card-line>\r\n        </div>\r\n      </div>\r\n      <div class=\"mb-10 md:mb-0 w-full md:w-1/4 px-2\">\r\n        <div class=\"bg-grid-color-secondary flex\">\r\n          <statistics-card-line v-if=\"flaggedStats != null && flaggedStats.Total != null\" icon=\"FlagIcon\" :statistic=\"flaggedStats.Total\" :statisticTitle=\"flaggedStats.Title\" :chartData=\"flaggedStats\" type='area' color='danger'></statistics-card-line>\r\n        </div>\r\n      </div>\r\n    </div>-->\r\n\r\n    <div class=\"vx-col w-full mb-base mt-5\">\r\n      <skill-matrix v-model=\"assignedSkills\"\r\n                    :people=\"people\"\r\n                    :sops=\"sops\"\r\n                    :heatmap=\"heatMap\"\r\n                    title=\"Skill Matrix\"\r\n                    available-tab-label=\"Available Skills\"\r\n                    assigned-tab-label=\"Assigned Skills\" />\r\n    </div>\r\n    <div class=\"grid-bottom w-full mb-base mt-5\">\r\n      <!--<div class=\"mb-10 md:mb-0 w-full md:w-1/2 px-2\">\r\n    <vx-card>\r\n      <span class=\"p-3 inline-flex rounded-full feather-icon select-none relative text-success mb-4\" style=\"background: rgba(var(--vs-success),.15); height: 45px;\">\r\n        <FeatherIcon icon=\"CheckIcon\" style=\"height:1em;\"></FeatherIcon>\r\n      </span>\r\n      <h5 class=\"mb-2\" style=\"font-weight:900; display:inline-block; margin-left:20px; margin-bottom:50px;\">\r\n        Completed Onboardings:\r\n      </h5>\r\n      <div v-if=\"filtedOnboardings.length != 0\" v-for=\"(item, idx) in filtedOnboardings\" :key=\"'flag_' + idx\" style=\"margin-top:10px;\">\r\n        <vs-avatar :src=\"item.avatarUrl\" style=\"bottom:5px; right:5px; display:inline-block; float:left;\" color=\"success\" text-color=\"white\" :text=\"getFriendlyUserName(item)\" />\r\n        <div style=\"display: inline-block; float: left; max-width: calc(95% - 45px);\">\r\n          <a target=\"_blank\" :href=\"'/pages/pdf-view?oid=' + item.OnboardingId\">{{item.OnboardingName}}</a> <br />\r\n          <em>{{item.Status}}</em>\r\n          {{moment(item.Timestamp)}}\r\n          <a class=\"right-0\" v-if=\"item.Status == 'OPEN'\">Send reminder</a>\r\n        </div>\r\n        <div style=\"clear:both; margin-bottom:10px;\"></div>\r\n      </div>\r\n      <div v-else>No data for this onboarding</div>\r\n    </vx-card>\r\n  </div>-->\r\n\r\n      <div >\r\n        <vx-card>\r\n          <span class=\"p-3 inline-flex rounded-full feather-icon select-none relative text-danger mb-4\" style=\"background: rgba(var(--vs-danger),.15); height: 45px;\">\r\n            <FeatherIcon icon=\"FlagIcon\" style=\"height:1em;\"></FeatherIcon>\r\n          </span>\r\n          <h5 class=\"mb-2\" style=\"font-weight:900; display:inline-block; margin-left:20px; margin-bottom:50px;\">\r\n            Flagged Steps:\r\n          </h5>\r\n          <div v-for=\"(item, idx) in flaggedItems\" :key=\"'flag_' + idx\" class=\"step-box\">\r\n            <vs-avatar src=\"\" style=\"bottom:5px; right:5px; display:inline-block; float:left;\" color=\"danger\" text-color=\"white\" :text=\"item.Items.length.toString()\" />\r\n            <div style=\"display: inline-block; float: left; max-width: calc(95% - 45px);\">\r\n              <a target=\"_blank\" :href=\"'/pages/pdf-view?oid=' + item.OnboardingId + '&stepId=' + item.StepId\">{{item.OnboardingName}} (marked by {{item.UniqueUsers}} user/s)</a> <br />\r\n              <!--{{item.User}}<br />-->\r\n              <!--<em>{{item.Reason}}</em><br />-->\r\n            </div>\r\n            <div class=\"expandTools\" style=\"float:right\">\r\n              <button class=\"icon-button chevron-down\" @click=\"ExpandMarkedSteps($event)\" title=\"Expand marked steps for this onboading...\">\r\n                <i class=\"fas fa-chevron-down expand-icon\"></i>\r\n              </button>\r\n              <button class=\"icon-button chevron-up\" @click=\"CollapseMarkedSteps($event)\" title=\"Collapse marked steps for this onboading...\">\r\n                <i class=\"fas fa-chevron-up expand-icon\"></i>\r\n              </button>\r\n            </div>\r\n            <div style=\"clear:both; margin-bottom:10px;\"></div>\r\n\r\n            <div v-for=\"(subItem, subIdx) in item.Items\" :key=\"'subitem_' + subIdx\" class=\"step-box-inner\">\r\n              <vs-avatar :src=\"subItem.AvatarUrl\" style=\"bottom:5px; right:5px; display:inline-block; float:left;\" color=\"danger\" text-color=\"white\" :text=\"getFriendlyUserName(subItem)\" />\r\n              <div style=\"display: inline-block; float: left; max-width: calc(95% - 45px);\">\r\n                <!--<a target=\"_blank\" :href=\"'/pages/pdf-view?oid=' + item.OnboardingId + '&stepId=' + subItem.StepId\">{{item.OnboardingName}}</a> <br />-->\r\n                <!--{{item.User}}<br />-->\r\n                <a target=\"_blank\" :href=\"'/pages/pdf-view?oid=' + item.OnboardingId + '&stepId=' + subItem.StepId\" >{{subItem.Reason}}</a>\r\n              </div>\r\n              <div style=\"float:right\">\r\n                <FeatherIcon title=\"Resolve\" @click=\"OpenStepResolveMenu(subItem.Id,subIdx,item.OnboardingId)\" class=\"cursor-pointer\" style=\"color:blueviolet\" icon=\"CheckCircleIcon\"></FeatherIcon>\r\n              </div>\r\n              <div style=\"clear:both; margin-bottom:10px;\"></div>\r\n            </div>\r\n          </div>\r\n        </vx-card>\r\n      </div>\r\n      <div >\r\n        <vx-card>\r\n          <span class=\"p-3 inline-flex rounded-full feather-icon select-none relative text-success mb-4\" style=\"background: rgba(var(--vs-success),.15); height: 45px;\">\r\n            <FeatherIcon icon=\"CheckIcon\" style=\"height:1em;\"></FeatherIcon>\r\n          </span>\r\n          <h5 class=\"mb-2\" style=\"font-weight:900; display:inline-block; margin-left:20px; margin-bottom:50px;\">\r\n            Users who have completed the most onboardings:\r\n          </h5>\r\n          <div v-if=\"mostCompletedOnboardings.length != 0\" v-for=\"(item, idx) in mostCompletedOnboardings\" :key=\"'flag_' + idx\" style=\"margin-top:10px;\">\r\n            <vs-avatar :src=\"item.User.avatarUrl\" style=\"bottom:5px; right:5px; display:inline-block; float:left;\" color=\"success\" text-color=\"white\" :text=\"getFriendlyUserName(item.User)\" />\r\n            <div style=\"display: inline-block; float: left; max-width: calc(95% - 45px);\">\r\n              <p>{{ item.User.FirstName && item.User.LastName ? `${item.User.FirstName} ${item.User.LastName}` : item.User.UserName }}</p>\r\n              <em>Completed {{item.Count}} for this time period</em><br />\r\n            </div>\r\n            <div style=\"clear:both; margin-bottom:10px;\"></div>\r\n          </div>\r\n          <div v-else>No data for this onboarding</div>\r\n        </vx-card>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { AclRule } from 'vue-acl'\r\n  import StatisticsCardLine from '@/components/statistics-cards/StatisticsCardLine.vue'\r\n  import analyticsData from '@/views/ui-elements/card/analyticsData.js'\r\n  import TCVelikClient from '@/TCVelikClient/TCVelikClient';\r\n  import FeatherIcon from \"@/components/FeatherIcon.vue\";\r\n  import vSelect from \"vue-select\";\r\n  import VueApexCharts from 'vue-apexcharts'\r\n  import apexChatData from '@/views/charts-and-maps/charts/apex-charts/apexChartData.js'\r\n  import SkillMatrix from '@/views/components/organisms/skillmatrix/SkillMatrix.vue';\r\n  import MetricCard from '@/views/components/organisms/analytics/MetricCard.vue';\r\n  import ChartCard from '@/views/components/organisms/analytics/ChartCard.vue';\r\n  import TrendChart from '@/views/components/organisms/analytics/TrendChart.vue';\r\n\r\n  export default {\r\n    data() {\r\n      return {\r\n        assignedSkills: [],\r\n        people: [\r\n          \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\", \"Pavel Donchev\", \"Ivan Turtev\", \"Plamena Doynova\",\r\n          // ... more skills\r\n        ],\r\n        dateRangeOptions: [\r\n          { label: \"Last 7 days\", days: 7 },\r\n          { label: \"Last 30 days\", days: 30 },\r\n          { label: \"Last 90 days\", days: 90 },\r\n          { label: \"Last Year\", days: 365 }\r\n        ],\r\n        sops: [\r\n          \"Day 1 @ Eveliko\",\r\n          \"Day 2 @ Eveliko\",\r\n          \"Working with MOFA\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\",\r\n          \"Creating and completing SOP\"\r\n        ],\r\n        onboardingsOpenedData: null,\r\n        lastOpenedOnboardings: null,\r\n        heatMap: null,\r\n        filtedOnboardings: null,\r\n        filtedSelect: null,\r\n        query_name: null,\r\n        InQueryPage: false,\r\n        InQueryEditMode:false,\r\n        query_url: null,\r\n        onboardingList: [],\r\n        rolesList: null,\r\n        resolveComment: \"\",\r\n        stepOnboardingId: null,\r\n        spaceList: null,\r\n        stepIdToResolve: null,\r\n        stepIdToResolveIndex: 0,\r\n        InStepResolveMode: false,\r\n        InSaveQueryMode: false,\r\n        tempSpaceList: null,\r\n        emailsList: null,\r\n        selectedOnboarding: [],\r\n        totalSOPs: 0,\r\n        totalUsers: 0,\r\n        completionRate: 0,\r\n        completed: 0,\r\n        labels: [],\r\n        mostCompletedOnboardings: [],\r\n        completed_trend: [],\r\n        started_trend: [],\r\n        notStarted: 0,\r\n        inProgress: 0,\r\n        reloadKey: 0,\r\n        reloadKeyTrend: 0,\r\n        selectedRole: [],\r\n        selectedSpace: [],\r\n        date_range: 30,\r\n        latestSteps: null,\r\n        itemsPerPage: 5,\r\n        flaggedItems: [],\r\n        latestCompletedOnboardings: [],\r\n        analyticsData: analyticsData,\r\n        apexChatData: apexChatData,\r\n        heatMapHeight: 700,\r\n        openedStats: {\r\n          Total: 0,\r\n          Title: \"Weekly openings\",\r\n          series: [{\r\n            name: 'Opened',\r\n            data: [0, 0, 0, 0]\r\n          }],\r\n          chartOptions: {\r\n            grid: {\r\n              show: false,\r\n              padding: {\r\n                left: 0,\r\n                right: 0\r\n              }\r\n            },\r\n            chart: {\r\n              toolbar: {\r\n                show: false,\r\n              },\r\n              sparkline: {\r\n                enabled: true\r\n              }\r\n            },\r\n            dataLabels: {\r\n              enabled: false\r\n            },\r\n            stroke: {\r\n              curve: 'smooth',\r\n              width: 2.5\r\n            },\r\n            fill: {\r\n              type: 'gradient',\r\n              gradient: {\r\n                shadeIntensity: 0.9,\r\n                opacityFrom: 0.7,\r\n                opacityTo: 0.5,\r\n                stops: [0, 80, 100]\r\n              }\r\n            },\r\n            xaxis: {\r\n              type: 'numeric',\r\n              lines: {\r\n                show: false,\r\n              },\r\n              axisBorder: {\r\n                show: false,\r\n              },\r\n              labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n              y: 0,\r\n              offsetX: 0,\r\n              offsetY: 0,\r\n              padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n              x: { show: false }\r\n            },\r\n          },\r\n        },\r\n\r\n        completedStats: {\r\n          Total: 0,\r\n          Title: \"Weekly completion\",\r\n          series: [{\r\n            name: 'Completed',\r\n            data: [0, 0, 0, 0]\r\n          }],\r\n          chartOptions: {\r\n            grid: {\r\n              show: false,\r\n              padding: {\r\n                left: 0,\r\n                right: 0\r\n              }\r\n            },\r\n            chart: {\r\n              toolbar: {\r\n                show: false,\r\n              },\r\n              sparkline: {\r\n                enabled: true\r\n              }\r\n            },\r\n            dataLabels: {\r\n              enabled: false\r\n            },\r\n            stroke: {\r\n              curve: 'smooth',\r\n              width: 2.5\r\n            },\r\n            fill: {\r\n              type: 'gradient',\r\n              gradient: {\r\n                shadeIntensity: 0.9,\r\n                opacityFrom: 0.7,\r\n                opacityTo: 0.5,\r\n                stops: [0, 80, 100]\r\n              }\r\n            },\r\n            xaxis: {\r\n              type: 'numeric',\r\n              lines: {\r\n                show: false,\r\n              },\r\n              axisBorder: {\r\n                show: false,\r\n              },\r\n              labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n              y: 0,\r\n              offsetX: 0,\r\n              offsetY: 0,\r\n              padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n              x: { show: false }\r\n            },\r\n          },\r\n        },\r\n\r\n        flaggedStats: {\r\n          Total: 0,\r\n          Title: \"Flagged\",\r\n          series: [{\r\n            name: 'Flagged',\r\n            data: [0, 0, 0, 0]\r\n          }],\r\n          chartOptions: {\r\n            grid: {\r\n              show: false,\r\n              padding: {\r\n                left: 0,\r\n                right: 0\r\n              }\r\n            },\r\n            chart: {\r\n              toolbar: {\r\n                show: false,\r\n              },\r\n              sparkline: {\r\n                enabled: true\r\n              }\r\n            },\r\n            dataLabels: {\r\n              enabled: false\r\n            },\r\n            stroke: {\r\n              curve: 'smooth',\r\n              width: 2.5\r\n            },\r\n            fill: {\r\n              type: 'gradient',\r\n              gradient: {\r\n                shadeIntensity: 0.9,\r\n                opacityFrom: 0.7,\r\n                opacityTo: 0.5,\r\n                stops: [0, 80, 100]\r\n              }\r\n            },\r\n            xaxis: {\r\n              type: 'numeric',\r\n              lines: {\r\n                show: false,\r\n              },\r\n              axisBorder: {\r\n                show: false,\r\n              },\r\n              labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n              y: 0,\r\n              offsetX: 0,\r\n              offsetY: 0,\r\n              padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n              x: { show: false }\r\n            },\r\n          },\r\n        },\r\n\r\n\r\n        engagedStats: {\r\n          Total: 0,\r\n          Title: \"Engaged Users\",\r\n          series: [{\r\n            name: 'Engaged',\r\n            data: [0, 0, 0, 0]\r\n          }],\r\n          chartOptions: {\r\n            grid: {\r\n              show: false,\r\n              padding: {\r\n                left: 0,\r\n                right: 0\r\n              }\r\n            },\r\n            chart: {\r\n              toolbar: {\r\n                show: false,\r\n              },\r\n              sparkline: {\r\n                enabled: true\r\n              }\r\n            },\r\n            dataLabels: {\r\n              enabled: false\r\n            },\r\n            stroke: {\r\n              curve: 'smooth',\r\n              width: 2.5\r\n            },\r\n            fill: {\r\n              type: 'gradient',\r\n              gradient: {\r\n                shadeIntensity: 0.9,\r\n                opacityFrom: 0.7,\r\n                opacityTo: 0.5,\r\n                stops: [0, 80, 100]\r\n              }\r\n            },\r\n            xaxis: {\r\n              type: 'numeric',\r\n              lines: {\r\n                show: false,\r\n              },\r\n              axisBorder: {\r\n                show: false,\r\n              },\r\n              labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n              y: 0,\r\n              offsetX: 0,\r\n              offsetY: 0,\r\n              padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n              x: { show: false }\r\n            },\r\n          },\r\n        },\r\n      }\r\n    },\r\n    watch: {\r\n      '$route.params.slug'(newUrl, oldUrl) {\r\n        this.selectedSpace = []\r\n        this.selectedOnboarding = []\r\n        this.selectedRole = []\r\n        if (newUrl !== oldUrl && newUrl != null) {\r\n          this.InQueryPage = true;\r\n          this.LoadSeachQuery();\r\n        }\r\n        else {\r\n          this.InQueryPage = false\r\n          this.LoadHeatMapAndMetricsData()\r\n        }\r\n\r\n      }\r\n    },\r\n\r\n    mounted() {\r\n      const date = new Date();\r\n      const month = date.getMonth() + 1;\r\n      if (this.$route.query.onboardingId) {\r\n        this.selectedOnboarding.push(this.$route.query.onboardingId * 1);\r\n      }\r\n      if (this.$route.params.slug) {\r\n        this.InQueryPage = true;\r\n        this.LoadSeachQuery();\r\n      }\r\n      else {\r\n        this.LoadHeatMapAndMetricsData();\r\n      }\r\n      //this.LoadOnboardingData(0, month, \"openedStats\");\r\n      //this.LoadOnboardingData(1, month, \"completedStats\");\r\n      //this.LoadFlaggedStats(month, \"flaggedStats\");\r\n      //this.LoadEngagedUsers(month, \"engagedStats\");\r\n      this.LoadBlockedLatestSteps();\r\n      //this.LoadLatestSteps();\r\n      this.LoadBlockedLatestOnboardings();\r\n      this.LoadUsersAndRoles();\r\n      this.LoadOnboardings();\r\n      this.LoadSpaces();\r\n      this.LoadUserWithMostaCompletedOnboardings();\r\n    },\r\n\r\n    components: {\r\n      StatisticsCardLine,\r\n      FeatherIcon,\r\n      VueApexCharts,\r\n      vSelect,\r\n      SkillMatrix,\r\n      MetricCard,\r\n      ChartCard,\r\n      TrendChart\r\n    },\r\n    methods: {\r\n      LoadOnboardingData(onboardingType, selectedMonth, statCardName) {\r\n        var instance = this;\r\n        TCVelikClient.GetRelative(\"/api/analytics/GetOnboardingData?OnboardingType=\" + onboardingType + \"&SelectedMonth=\" + selectedMonth).then(function (response) {\r\n          if (response) {\r\n            instance[statCardName].series[0].data = response.data.OpenedPerWeek.map(itm => itm.Count) || null\r\n            instance[statCardName].Total = response.data.NumberOfOpenedOrClosedOnboardings;\r\n          }\r\n        }).catch(err => {\r\n          alert(\"There was an error fetching the data.\")\r\n        });\r\n      },\r\n\r\n      GetBreadcrumb(item) {\r\n        if (item.parentId != null) {\r\n          var parent = this.tempSpaceList.find(element => element.id === item.parentId);\r\n          return this.GetBreadcrumb(parent) + \" > \" + item.title\r\n        }\r\n        else {\r\n          return item.title\r\n        }\r\n\r\n      },\r\n      LoadHeatMapAndMetricsData() {\r\n        var instance = this;\r\n        TCVelikClient.PostRelative(\"/api/analytics/GetHeatMapAndMetricsData\", {\r\n          SpaceIds: instance.selectedSpace, OnboardingIds: instance.selectedOnboarding, RoleIds: instance.selectedRole, Days: instance.date_range,\r\n        }).then(function (response) {\r\n          if (response) {\r\n            instance.heatMapHeight = (response.data.result.length * 25) + 300;\r\n            instance.heatMap = response.data.result;\r\n            instance.totalSOPs = response.data.result_metrics.total_sops\r\n            instance.completionRate = response.data.result_metrics.completion_rate\r\n            instance.notStarted = response.data.result_metrics.not_started\r\n            instance.inProgress = response.data.result_metrics.in_progress\r\n            instance.completed = response.data.result_metrics.completed\r\n            instance.totalUsers = response.data.result_metrics.total_users\r\n            var trends = response.data.result_metrics_trend\r\n            if (Object.keys(trends).length) {\r\n              instance.completed_trend = trends.map(item => item.CompletedCount)\r\n              instance.started_trend = trends.map(item => item.StartedCount)\r\n              instance.labels = trends.map(item => item.Label)\r\n            }\r\n            instance.reloadCharts()\r\n\r\n          }\r\n        }).catch(err => {\r\n          alert(\"There was an error fetching the heat map data.\")\r\n        });\r\n      },\r\n      reloadCharts() {\r\n        this.reloadKey += 1\r\n        this.reloadKeyTrend += 1\r\n      },\r\n\r\n      ExpandMarkedSteps(event) {\r\n        event.target.closest(\".step-box\").classList.add('expanded')\r\n      },\r\n\r\n      OpenEditQueryMenu() {\r\n        this.InQueryEditMode = true;\r\n      },\r\n\r\n      CollapseMarkedSteps(event) {\r\n        event.target.closest(\".step-box\").classList.remove('expanded')\r\n      },\r\n      //LoadOnboardingByRoleData(roleId) {\r\n      //  var instance = this;\r\n      //  TCVelikClient.GetRelative(\"/api/analytics/GetOnboardingsByRole?roleId=\" + roleId).then(function (response) {\r\n      //    if (response && response.data) {\r\n      //      instance.filtedOnboardings = response.data\r\n      //    }\r\n      //  }).catch(err => {\r\n      //    alert(\"There was an error fetching the data.\")\r\n      //  });\r\n      //},\r\n\r\n      LoadFlaggedStats(selectedMonth, statCardName) {\r\n        var instance = this;\r\n        TCVelikClient.GetRelative(\"/api/analytics/GetFlaggedData?SelectedMonth=\" + selectedMonth)\r\n          .then(function (response) {\r\n            if (response) {\r\n              instance[statCardName].series[0].data = response.data.OpenedPerWeek.map(itm => itm.Count) || null\r\n              instance[statCardName].Total = response.data.NumberOfOpenedOrClosedOnboardings;\r\n            }\r\n          }).catch(err => {\r\n            alert(\"There was an error fetching the data.\")\r\n          });\r\n      },\r\n      LoadEngagedUsers(selectedMonth, statCardName) {\r\n        var instance = this;\r\n        TCVelikClient.GetRelative(\"/api/analytics/GetEngagedUsers?SelectedMonth=\" + selectedMonth)\r\n          .then(function (response) {\r\n            if (response) {\r\n              instance[statCardName].series[0].data = response.data.OpenedPerWeek.map(itm => itm.Count) || null\r\n              instance[statCardName].Total = response.data.NumberOfOpenedOrClosedOnboardings;\r\n            }\r\n          }).catch(err => {\r\n            alert(\"There was an error fetching the data.\")\r\n          });\r\n      },\r\n      LoadLatestSteps() {\r\n        var instance = this;\r\n        TCVelikClient.GetRelative(\"/api/analytics/GetLatestSteps?type=0\").then(function (response) {\r\n          if (response) {\r\n            instance.latestSteps = response.data || null\r\n          }\r\n        }).catch(err => {\r\n          alert(\"There was an error fetching the data.\")\r\n        });\r\n      },\r\n\r\n      ResolveMarkedStep() {\r\n        var instance = this;\r\n        TCVelikClient.PostRelative(\"/api/analytics/ResolveFlaggedStep?resolveComment=\" + instance.resolveComment + \"&stepId=\" + instance.stepIdToResolve).then(function (response) {\r\n          if (response) {\r\n            instance.flaggedItems\r\n              .filter(x => x.OnboardingId === instance.stepOnboardingId)\r\n              .forEach(x => {\r\n                x.Items.splice(instance.stepIdToResolveIndex, 1);\r\n              });\r\n            instance.resolveComment = \"\"\r\n            instance.stepIdToResolve = null\r\n            instance.stepIdToResolveIndex = 0;\r\n            instance.stepOnboardingId = 0;\r\n\r\n            instance.$vs.notify({\r\n              title: \"Resolved step.\",\r\n              color: \"success\",\r\n              iconPack: \"feather\",\r\n              position: \"top-center\",\r\n              icon: \"icon-check-circle\",\r\n            });\r\n          }\r\n        }).catch(err => {\r\n          instance.$vs.notify({\r\n            title: \"A problem occurred while attempting to resolve this step.\",\r\n            color: \"danger\",\r\n            iconPack: \"feather\",\r\n            position: \"top-center\",\r\n            icon: \"icon-check-circle\",\r\n          });\r\n        });\r\n      },\r\n      LoadBlockedLatestSteps() {\r\n        var instance = this;\r\n        TCVelikClient.GetRelative(\"/api/analytics/GetLatestSteps?type=1\").then(function (response) {\r\n          if (response) {\r\n            instance.flaggedItems = response.data || null\r\n          }\r\n        }).catch(err => {\r\n          alert(\"There was an error fetching the data.\")\r\n        });\r\n      },\r\n      LoadBlockedLatestOnboardings() {\r\n        var instance = this;\r\n        TCVelikClient.GetRelative(\"/api/analytics/GetLatestOnboardings\").then(function (response) {\r\n          if (response) {\r\n            instance.latestCompletedOnboardings = response.data || null\r\n            instance.filtedSelect = instance.latestCompletedOnboardings.filter((onboarding, index, self) => self.findIndex(o => o.OnboardingId === onboarding.OnboardingId) === index);\r\n            instance.filtedOnboardings = instance.latestCompletedOnboardings;\r\n          }\r\n        }).catch(err => {\r\n          alert(\"There was an error fetching the data.\")\r\n        });\r\n      },\r\n      LoadUserWithMostaCompletedOnboardings() {\r\n        var instance = this;\r\n        TCVelikClient.GetRelative(\"/api/analytics/GetUserWithMostaCompletedOnboardings?days=\" + instance.date_range).then(function (response) {\r\n          if (response) {\r\n            instance.mostCompletedOnboardings = response.data || null\r\n          }\r\n        }).catch(err => {\r\n          alert(\"There was an error fetching the data.\")\r\n        });\r\n      },\r\n      LoadUsersAndRoles() {\r\n        var instance = this;\r\n        const query = `\r\n          query RolesWithUsers {\r\n                rolesWithUsers {\r\n                    id\r\n                    name,\r\n                   }\r\n            }`;\r\n        const req = {\r\n          query,\r\n        };\r\n\r\n        TCVelikClient.PostRelative(\"/api/graphql\", req, {\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n            'Accept': 'application/json',\r\n          }\r\n        }).then(function (response) {\r\n          if (response.data.data) {\r\n            instance.rolesList = response.data.data.rolesWithUsers\r\n          }\r\n        }).catch(err => {\r\n          alert(\"There was an error fetching the roles.\")\r\n        })\r\n      },\r\n      SaveSearchQuery() {\r\n        const instance = this;\r\n        const query = `\r\n  mutation SaveAnalyticsQuery($entity: SavedAnalyticsQueryInput!) {\r\n    saveAnalyticsQuery(entity: $entity) {\r\n      id\r\n      name\r\n      url\r\n      roleIds\r\n      onboardingIds\r\n      spaceIds,\r\n      dateRange\r\n    }\r\n  }\r\n`;\r\n\r\n        const variables = {\r\n          entity: {\r\n            id: 0,\r\n            name: this.query_name,\r\n            url: this.query_url,\r\n            roleIds: this.selectedRole,\r\n            onboardingIds: this.selectedOnboarding,\r\n            spaceIds: this.selectedSpace,\r\n            dateRange:this.date_range\r\n          }\r\n        };\r\n\r\n        const payload = {\r\n          query,\r\n          variables\r\n        };\r\n\r\n        TCVelikClient.PostRelative(\"/api/graphql\", payload, {\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n            'Accept': 'application/json',\r\n          }\r\n        }).then(function (response) {\r\n          if (response) {\r\n            instance.query_name = \"\";\r\n            instance.query_url = \"\";\r\n            instance.$vs.notify({\r\n              title: \"Saved query.\",\r\n              color: \"success\",\r\n              iconPack: \"feather\",\r\n              position: \"top-center\",\r\n              icon: \"icon-check-circle\",\r\n            });\r\n          }\r\n        }).catch(err => {\r\n          instance.$vs.notify({\r\n            title: \"A problem occurred while attempting to save your query.\",\r\n            color: \"failure\",\r\n            iconPack: \"feather\",\r\n            position: \"top-center\",\r\n            icon: \"icon-check-circle\",\r\n          });\r\n        });\r\n      },\r\n      DeleteSearchQuery() {\r\n        const instance = this;\r\n        const query = `\r\n  mutation DeleteAnalyticsSeachQuery($url: String!) {\r\n    deleteAnalyticsSeachQuery(url: $url) \r\n    \r\n  }\r\n`;\r\n\r\n        const variables = {\r\n          url: this.$route.params.slug\r\n        };\r\n\r\n        const payload = {\r\n          query,\r\n          variables\r\n        };\r\n\r\n        TCVelikClient.PostRelative(\"/api/graphql\", payload, {\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n            'Accept': 'application/json',\r\n          }\r\n        }).then(function (response) {\r\n          if (response) {\r\n            instance.$vs.notify({\r\n              title: \"Deleted Query.\",\r\n              color: \"success\",\r\n              iconPack: \"feather\",\r\n              position: \"top-center\",\r\n              icon: \"icon-check-circle\",\r\n            });\r\n            setTimeout(() => {\r\n              instance.$router.replace('/pages/analyticsOverview');\r\n              window.location.reload();\r\n            }, 1000);\r\n          }\r\n        }).catch(err => {\r\n          instance.$vs.notify({\r\n            title: \"A problem occurred while attempting to save your query.\",\r\n            color: \"failure\",\r\n            iconPack: \"feather\",\r\n            position: \"top-center\",\r\n            icon: \"icon-check-circle\",\r\n          });\r\n        });\r\n      },\r\n      EditSearchQuery() {\r\n        const instance = this;\r\n        const query = `\r\nmutation EditAnalyticsSeachQuery($url:String!,$name:String!,$newUrl:String!) {\r\n    editAnalyticsSeachQuery(url: $url, name: $name, newUrl: $newUrl)\r\n}\r\n`;\r\n\r\n        const variables = {\r\n          url: this.$route.params.slug,\r\n          name: this.query_name,\r\n          newUrl:this.query_url\r\n        };\r\n\r\n        const payload = {\r\n          query,\r\n          variables\r\n        };\r\n\r\n        TCVelikClient.PostRelative(\"/api/graphql\", payload, {\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n            'Accept': 'application/json',\r\n          }\r\n        }).then(function (response) {\r\n          if (!response.errors) {\r\n            instance.$vs.notify({\r\n              title: \"Saved changes.\",\r\n              color: \"success\",\r\n              iconPack: \"feather\",\r\n              position: \"top-center\",\r\n              icon: \"icon-check-circle\",\r\n            });\r\n            setTimeout(() => {\r\n              instance.$router.push({ params: { slug: instance.query_url } });\r\n              window.location.reload();\r\n            }, 1000);\r\n          }\r\n        }).catch(err => {\r\n          instance.$vs.notify({\r\n            title: \"A problem occurred while attempting to save your query.\",\r\n            color: \"failure\",\r\n            iconPack: \"feather\",\r\n            position: \"top-center\",\r\n            icon: \"icon-check-circle\",\r\n          });\r\n        });\r\n      },\r\n      LoadSeachQuery() {\r\n        var instance = this;\r\n        var query =\r\n          `query SavedAnalyticsQuery($url: String!) {\r\n    savedAnalyticsQuery(where: { url: { eq: $url } }) {\r\n         roleIds,\r\n         onboardingIds,\r\n         spaceIds,\r\n         dateRange\r\n    }\r\n}`\r\n        const req = {\r\n          query,\r\n          variables: {\r\n            url: this.$route.params.slug,\r\n          }\r\n        };\r\n        TCVelikClient.PostRelative(\"/api/graphql\", req, {\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n            'Accept': 'application/json',\r\n          }\r\n        }).then(function (response) {\r\n          if (response) {\r\n            const savedQuery = response.data.data.savedAnalyticsQuery[0];\r\n\r\n            // Find onboarding objects by ID and set selections\r\n            instance.selectedOnboarding.push(...savedQuery.onboardingIds)\r\n\r\n            // Convert space IDs to objects\r\n            instance.selectedSpace.push(...savedQuery.spaceIds)\r\n            instance.selectedRole.push(...savedQuery.roleIds)\r\n            debugger;\r\n            instance.date_range = savedQuery.dateRange\r\n            instance.LoadHeatMapAndMetricsData();\r\n          }\r\n        })\r\n      },\r\n      OpenSaveSearchQuery() {\r\n        this.InSaveQueryMode = true\r\n      },\r\n      LoadSpaces() {\r\n        var instance = this;\r\n        const query = `\r\n          query Spaces {\r\n              spaces {\r\n                  id\r\n                  title,\r\n                  rootId,\r\n                  parentId\r\n              }\r\n          }`;\r\n        const req = {\r\n          query,\r\n        };\r\n\r\n        TCVelikClient.PostRelative(\"/api/graphql\", req, {\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n            'Accept': 'application/json',\r\n          }\r\n        }).then(function (response) {\r\n          if (response.data.data) {\r\n            instance.tempSpaceList = response.data.data.spaces\r\n            instance.spaceList = response.data.data.spaces.map(item => {\r\n              return {\r\n                ...item,               // Spread the existing properties of `item`\r\n                breadcrumbTile: instance.GetBreadcrumb(item)   // Add the new property\r\n              };\r\n            });\r\n          }\r\n        }).catch(err => {\r\n          alert(\"There was an error fetching the spaces.\")\r\n        })\r\n      },\r\n\r\n      LoadOnboardings() {\r\n        var instance = this;\r\n        const query = `\r\n    query Onboardings {\r\n    onboardings {\r\n        id\r\n        name\r\n        description\r\n    }\r\n}`;\r\n        const req = {\r\n          query,\r\n        };\r\n\r\n        TCVelikClient.PostRelative(\"/api/graphql\", req, {\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n            'Accept': 'application/json',\r\n          }\r\n        }).then(function (response) {\r\n          if (response.data.data) {\r\n            instance.onboardingList = response.data.data.onboardings\r\n          }\r\n        }).catch(err => {\r\n          alert(\"There was an error fetching the spaces.\")\r\n        })\r\n      },\r\n\r\n      getFriendlyUserName(userNameCandidate) {\r\n        if (userNameCandidate.FirstName != null && userNameCandidate.LastName.length > 0) {\r\n          let firstNamePart = userNameCandidate.FirstName[0];\r\n          let secondNamePart = userNameCandidate.LastName[0];\r\n          firstNamePart.replace(/\\b\\w/g, char => char.toUpperCase());\r\n          secondNamePart.replace(/\\b\\w/g, char => char.toUpperCase());\r\n          return firstNamePart + secondNamePart;\r\n        }\r\n        // Remove domain part if '@' is present\r\n        let namePart = userNameCandidate.UserName.split('@')[0];\r\n\r\n        // Replace '.' with ' '\r\n        namePart = namePart.replace(/\\./g, ' ');\r\n\r\n        // Capitalize first letters\r\n        namePart = namePart.replace(/\\b\\w/g, char => char.toUpperCase());\r\n\r\n        return namePart;\r\n      },\r\n      OpenStepResolveMenu(stepId, index, onboardingId) {\r\n        this.InStepResolveMode = true;\r\n        this.stepIdToResolve = stepId\r\n        this.stepIdToResolveIndex = index\r\n        this.stepOnboardingId = onboardingId\r\n      },\r\n\r\n\r\n      moment(dateString) {\r\n        const moment = require(\"moment\");\r\n        return moment(dateString).fromNow();\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style>\r\n  .vs-table--tbody {\r\n    overflow: hidden !important;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .metrics-grid {\r\n    margin-top: 20px;\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n    gap: 20px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .metrics-chart {\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  .charts-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n    gap: 20px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .step-box {\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    margin-top: 20px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  .step-box-inner {\r\n    display: none;\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    padding: 10px;\r\n    margin-top: 8px;\r\n    border: 1px solid rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .expanded .step-box-inner {\r\n    display: block;\r\n  }\r\n\r\n  .expanded .chevron-down {\r\n    display: none;\r\n  }\r\n\r\n  .expandTools .chevron-up {\r\n    display: none;\r\n  }\r\n\r\n  .expanded .chevron-up {\r\n    display: block;\r\n  }\r\n\r\n  .icon-button {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    background: transparent;\r\n    color: var(--neutral);\r\n    cursor: pointer;\r\n  }\r\n\r\n    .icon-button:hover {\r\n      background: var(--neutral-light);\r\n      border-radius: 50%;\r\n    }\r\n\r\n  .grid-bottom {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr; \r\n    gap: 10px; \r\n  }\r\n\r\n  @media (max-width: 768px) { \r\n    .grid-bottom {\r\n      grid-template-columns: 1fr; \r\n    }\r\n  }\r\n\r\n  /*body {\r\n      background: #fff;\r\n      padding: 20px;\r\n    }*/\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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!./OnboardingAnalytics.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/@vue/cli-plugin-babel/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!./OnboardingAnalytics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OnboardingAnalytics.vue?vue&type=template&id=f48c0fe8&\"\nimport script from \"./OnboardingAnalytics.vue?vue&type=script&lang=js&\"\nexport * from \"./OnboardingAnalytics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OnboardingAnalytics.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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!./MetricCard.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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!./MetricCard.vue?vue&type=style&index=0&lang=css&\"","import mod from \"-!../../../node_modules/@vue/cli-service/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/lib/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!./OnboardingAnalytics.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/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/lib/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!./OnboardingAnalytics.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}