{"version":3,"sources":["webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics.v2.vue?d6f5","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics-step.v2.vue?25e4","webpack:///./src/views/funnels/funnel/valueDiff.vue","webpack:///src/views/funnels/funnel/valueDiff.vue","webpack:///./src/views/funnels/funnel/valueDiff.vue?2faf","webpack:///./src/views/funnels/funnel/valueDiff.vue?ba4e","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/step_analytics_row.vue?d4f1","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/step_analytics_row.v2.vue?9984","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics.v2.vue?e42a","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics-chart.vue?699d","webpack:///./src/assets/img/chevron-double-down.svg","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/page_analytics_row.vue?ac9a","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/page_analytics_row.v2.vue?4022","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics.v2.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/step_analytics_row.vue","webpack:///src/views/funnels/funnel-plus/funnel/analytics/step_analytics_row.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/step_analytics_row.vue?ffd4","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/step_analytics_row.vue?59e6","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/page_analytics_row.vue","webpack:///src/views/funnels/funnel-plus/funnel/analytics/page_analytics_row.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/page_analytics_row.vue?3d94","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/page_analytics_row.vue?34c5","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics-step.vue","webpack:///src/views/funnels/funnel-plus/funnel/analytics/analytics-step.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics-step.vue?8e79","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics-step.vue?92ad","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics-chart.vue","webpack:///src/views/funnels/funnel-plus/funnel/analytics/analytics-chart.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics-chart.vue?7d87","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics-chart.vue?1af0","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics-step.v2.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/step_analytics_row.v2.vue","webpack:///src/views/funnels/funnel-plus/funnel/analytics/step_analytics_row.v2.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/step_analytics_row.v2.vue?4c9a","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/step_analytics_row.v2.vue?fdec","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/page_analytics_row.v2.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/product_analytics_row.v2.vue","webpack:///src/views/funnels/funnel-plus/funnel/analytics/product_analytics_row.v2.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/product_analytics_row.v2.vue?f9a6","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/product_analytics_row.v2.vue?42c9","webpack:///src/views/funnels/funnel-plus/funnel/analytics/page_analytics_row.v2.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/page_analytics_row.v2.vue?7779","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/page_analytics_row.v2.vue?8e74","webpack:///src/views/funnels/funnel-plus/funnel/analytics/analytics-step.v2.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics-step.v2.vue?c519","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics-step.v2.vue?e36e","webpack:///src/views/funnels/funnel-plus/funnel/analytics/analytics.v2.vue","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics.v2.vue?2a66","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/analytics.v2.vue?451a","webpack:///./src/views/funnels/funnel-plus/funnel/analytics/product_analytics_row.v2.vue?4367"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","content","trigger","expression","attrs","_v","_s","prefix","v","suffix","noOldValue","_e","staticClass","class","big","oldValue","perDiff","staticRenderFns","props","default","type","isMoney","digits","perDigits","computed","oldV","methods","formatPrice","notNaN","component","module","exports","on","$event","openIntercom","endDate","startDate","loading","minDate","maxDate","loadAnalytics","rangeChanged","staticStyle","currencyCode","summary","convRateSummary","scopedSlots","_u","key","fn","proxy","expandCharts","chartStart","chartEnd","chartsLoaded","oldValues","values","aov","oldAov","convRates","ref","instanceId","theme","require","expandChartsChanged","expandAll","expandAllChanged","model","callback","$$v","loadingSteps","_m","_l","visibleSteps","step","index","oldEndDate","oldStartDate","getConditions","deletedSteps","showDeletedSteps","length","deleted","is_deleted","clickable","open","step_id","$emit","step_name","style","Math","max","min","percentage","orders","visits","old_visits","revenue","old_revenue","old_orders","optins","old_optins","components","ValueDiff","data","page","page_id","page_name","showHiddenPages","VButton","showPages","visiblePages","hiddenPages","PageAnalyticsRow","StepAnalyticsRow","collapsed","title","$slots","info","_t","deltaClass","abs","delta","valueFormatted","oldValueFormatted","roundValue","isEmpty","old_value","VSpinner","InfoIcon","Chart","mixins","formatValue","t","fixPer","n","created","hidePages","hideProducts","$set","visibleProducts","p","showHiddenProducts","hiddenProducts","product_id","hideHiddenPages","unique_next_steps","unique_visits","pageviews","downstream_revenue","downstream_orders","watch","handler","console","mounted","showProducts","product","ProductAnalyticsRowV2","PageAnalyticsRowV2","StepAnalyticsRowV2","moment","VSwitch","AnalyticsStepV2","AnalyticsChart","Filters_panel","TimezonePopup","AnalyticsStep","RangePicker","Loading","unit","currentRange","purchaseValue","oldPurchaseValue","purchaseValues","oldPurchaseValues","purchases","oldPurchases","purchasesData","oldPurchasesData","aovData","oldAovData","convRate","oldConvRate","oldConvRates","visitors","oldVisitors","visitorsData","oldVisitorsData","oldOptins","optinsData","oldOptinsData","optinRate","oldOptinRate","optinRates","oldOptinRates","steps","date","funnel","sortedSteps","calcRates","rates","brief","storeRange","analytics","loadRange","reload","window","getDataFromTrends","cleanData","findEntryInData","unitToBrief","localStorage","c","btns","btn"],"mappings":"kHAAA,W,oCCAA,W,oCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOP,EAAIQ,QAAQ,GAAG,CAACC,QAAQ,UAAWC,WAAW,kCAAkCC,MAAM,CAAC,QAAUX,EAAIQ,UAAU,CAACN,EAAG,SAAS,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIc,QAAQ,IAAId,EAAIa,GAAGb,EAAIe,GAAG,IAAIf,EAAIa,GAAGb,EAAIgB,WAAahB,EAAIiB,WAI/NjB,EAAIkB,KAJuOhB,EAAG,MAAM,CAACiB,YAAY,QAAQC,MAAM,CACrX,aAAcpB,EAAIqB,IAClB,aAAarB,EAAIO,OAAOP,EAAIsB,SAC5B,WAAWtB,EAAIO,MAAMP,EAAIsB,SACtB,aAAatB,EAAIO,MAAMP,EAAIsB,WAAW,CAACtB,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIuB,QAAQvB,EAAIO,MAAOP,EAAIsB,WAAW,WAE9FE,EAAkB,G,YCUP,GACfnB,KAAMA,YACNoB,OACAJ,KACAK,WACAC,cAEAC,SACAF,WACAC,cAEApB,OACAmB,WAGAJ,UACAI,WAGAV,QACAU,WACAC,aAEAb,QACAY,WACAC,aAEAE,QACAF,YACAD,WAEAI,WACAH,YACAD,WAEAT,YACAU,aACAD,aAGAK,UACAhB,IACA,IACA,sCACA,0CACA,SACA,uBAGAiB,OACA,yCACA,2CAEAxB,UACA,4BAEA,qEACA,4DAGAyB,SACAC,eACA,uBACA,mCAEAX,aACA,UAEA,6CAEA,cAEA,+CAEAY,UACA,kBACA,KC5FiX,I,YCO7WC,EAAY,eACd,EACArC,EACAyB,GACA,EACA,KACA,WACA,MAIa,OAAAY,E,6CClBf,W,oCCAA,W,sICAA,W,qCCAA,W,wBCAAC,EAAOC,QAAU,IAA0B,wC,oCCA3C,W,kCCAA,W,qICAA,IAAIvC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACiB,YAAY,mDAAmD,CAACjB,EAAG,MAAM,CAACiB,YAAY,gCAAgC,CAACjB,EAAG,MAAM,CAACiB,YAAY,SAAS,CAACnB,EAAIY,GAAG,cAAcV,EAAG,WAAW,CAACE,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,YAAYa,YAAY,eAAeR,MAAM,CAAC,KAAO,GAAG,MAAQ,YAAY,QAAU,sEAAsE4B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxC,EAAIyC,oBAAoB,GAAGvC,EAAG,MAAM,CAACiB,YAAY,SAASjB,EAAG,MAAM,CAACiB,YAAY,4BAA4B,CAACjB,EAAG,eAAe,CAACS,MAAM,CAAC,WAAWX,EAAI0C,QAAQ,aAAa1C,EAAI2C,UAAU,QAAU3C,EAAI4C,QAAQ,WAAW,WAAW5C,EAAI6C,QAAQ,WAAW7C,EAAI8C,SAASP,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOxC,EAAI+C,iBAAiB,aAAe/C,EAAIgD,iBAAiB,KAAK9C,EAAG,MAAM,CAACiB,YAAY,+CAA+C8B,YAAY,CAAC,QAAU,mBAAmB,CAAC/C,EAAG,gBAAgB,CAACqC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOxC,EAAI+C,oBAAoB7C,EAAG,MAAM,CAACiB,YAAY,qBAAqB,CAACjB,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,UAAU,OAASX,EAAIkD,aAAa,YAAW,EAAK,QAAUlD,EAAI4C,QAAQ,WAAW,QAAU5C,EAAImD,QAAQ,WAAW,WAAY,EAAK,OAAS,MAAMjD,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,aAAa,OAAS,GAAG,QAAUX,EAAI4C,QAAQ,kBAAkB5C,EAAI4C,QAAQ,iBAAiB,QAAU5C,EAAIoD,gBAAgB,WAAY,EAAK,OAAS,KAAKC,YAAYrD,EAAIsD,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACtD,EAAG,IAAI,CAACF,EAAIY,GAAG,qBAAqBZ,EAAIY,GAAG,uJAA2J6C,OAAM,OAAUvD,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,gBAAgB,OAAS,GAAG,QAAUX,EAAI4C,QAAQ,iBAAiB,QAAU5C,EAAImD,QAAQ,iBAAiB,WAAY,EAAK,OAAS,IAAIE,YAAYrD,EAAIsD,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACtD,EAAG,IAAI,CAACF,EAAIY,GAAG,mBAAmBZ,EAAIY,GAAG,yGAAyG6C,OAAM,OAAUvD,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,MAAM,OAASX,EAAIkD,aAAa,QAAUlD,EAAI4C,QAAQ,OAAO,QAAU5C,EAAImD,QAAQ,OAAO,YAAW,EAAK,WAAY,EAAK,OAAS,IAAIE,YAAYrD,EAAIsD,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACtD,EAAG,IAAI,CAACF,EAAIY,GAAG,yBAAyBZ,EAAIY,GAAG,oIAAoI6C,OAAM,OAAUvD,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,gBAAgB,OAAS,GAAG,QAAUX,EAAI4C,QAAQ,iBAAiB,QAAU5C,EAAImD,QAAQ,iBAAiB,WAAY,EAAK,OAAS,OAAO,GAAGnD,EAAIY,GAAG,KAAMZ,EAAI0D,aAAc,CAACxD,EAAG,MAAM,CAACiB,YAAY,kBAAkB8B,YAAY,CAAC,aAAa,SAAS,CAAC/C,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,UAAU,UAAYX,EAAI2D,WAAW,OAAS3D,EAAIkD,aAAa,QAAUlD,EAAI4D,SAAS,YAAW,EAAK,QAAU5D,EAAI4C,QAAQ,WAAW,QAAU5C,EAAImD,QAAQ,WAAW,YAAYnD,EAAI6D,aAAa,aAAa7D,EAAI8D,UAAU,WAAW,OAAS9D,EAAI+D,OAAO,eAAe,GAAG7D,EAAG,MAAM,CAACiB,YAAY,kBAAkB8B,YAAY,CAAC,aAAa,QAAQ,CAAC/C,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,SAAS,eAAc,EAAK,QAAUX,EAAI4C,QAAQ,UAAU,QAAU5C,EAAImD,QAAQ,UAAU,aAAanD,EAAI8D,UAAU,UAAU,OAAS9D,EAAI+D,OAAO,UAAU,UAAY/D,EAAI2D,WAAW,QAAU3D,EAAI4D,SAAS,YAAY5D,EAAI6D,gBAAgB3D,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,MAAM,OAASX,EAAIkD,aAAa,MAAQlD,EAAIgE,IAAI,YAAYhE,EAAIiE,OAAO,YAAW,EAAK,QAAUjE,EAAImD,QAAQ,OAAO,aAAanD,EAAI8D,UAAU,OAAO,OAAS9D,EAAI+D,OAAO,OAAO,UAAY/D,EAAI2D,WAAW,QAAU3D,EAAI4D,SAAS,QAAU5D,EAAI4C,QAAQ,OAAO,YAAY5C,EAAI6D,cAAcR,YAAYrD,EAAIsD,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACtD,EAAG,IAAI,CAACF,EAAIY,GAAG,yBAAyBZ,EAAIY,GAAG,oIAAoI6C,OAAM,IAAO,MAAK,EAAM,eAAe,GAAGvD,EAAG,MAAM,CAACiB,YAAY,kBAAkB8B,YAAY,CAAC,aAAa,QAAQ,CAAC/C,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,gBAAgB,eAAc,EAAK,QAAUX,EAAI4C,QAAQ,iBAAiB,QAAU5C,EAAImD,QAAQ,iBAAiB,aAAanD,EAAI8D,UAAU,iBAAiB,OAAS9D,EAAI+D,OAAO,iBAAiB,UAAY/D,EAAI2D,WAAW,QAAU3D,EAAI4D,SAAS,YAAY5D,EAAI6D,gBAAgB3D,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,aAAa,QAAUX,EAAI4C,QAAQ,kBAAoB5C,EAAI4C,QAAQ,iBAAiB,QAAU5C,EAAIoD,gBAAgB,OAAS,IAAI,eAAc,EAAM,aAAapD,EAAIkE,UAAUJ,UAAU,OAAS9D,EAAIkE,UAAUH,OAAO,UAAY/D,EAAI2D,WAAW,QAAU3D,EAAI4D,SAAS,YAAY5D,EAAI6D,iBAAiB,GAAG3D,EAAG,MAAM,CAACiB,YAAY,kBAAkB8B,YAAY,CAAC,aAAa,QAAQ,CAAC/C,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,kBAAkB,eAAc,EAAK,QAAUX,EAAI4C,QAAQ,iBAAiB,QAAU5C,EAAImD,QAAQ,iBAAiB,aAAanD,EAAI8D,UAAU,iBAAiB,OAAS9D,EAAI+D,OAAO,iBAAiB,UAAY/D,EAAI2D,WAAW,QAAU3D,EAAI4D,SAAS,YAAY5D,EAAI6D,gBAAgB3D,EAAG,kBAAkB,CAACS,MAAM,CAAC,MAAQ,aAAa,eAAc,EAAK,QAAUX,EAAI4C,QAAQ,aAAa,QAAU5C,EAAImD,QAAQ,aAAa,aAAanD,EAAI8D,UAAU,aAAa,OAAS9D,EAAI+D,OAAO,aAAa,UAAY/D,EAAI2D,WAAW,QAAU3D,EAAI4D,SAAS,YAAY5D,EAAI6D,iBAAiB,IAAI7D,EAAIkB,KAAKlB,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACiE,IAAK,mBAAkBnE,EAAIoE,WAAajD,YAAY,oBAAoBC,MAAM,CAAC,KAAOpB,EAAI0D,eAAe,CAACxD,EAAG,WAAW,CAACE,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOP,EAAI0D,aAAchD,WAAW,gBAAgB,CAACL,KAAK,QAAQC,QAAQ,UAAUC,MAAO,CAAC8D,MAAM,eAAgB3D,WAAW,0BAA0BC,MAAM,CAAC,KAAO,GAAG,KAAO,GAAG,QAAU,uBAAuB,KAAO2D,EAAQ,UAAyC/B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxC,EAAIuE,0BAA0BrE,EAAG,WAAW,CAACE,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQP,EAAI0D,aAAchD,WAAW,iBAAiB,CAACL,KAAK,QAAQC,QAAQ,UAAUC,MAAO,CAAC8D,MAAM,eAAgB3D,WAAW,0BAA0BC,MAAM,CAAC,KAAO,GAAG,KAAO,GAAG,QAAU,uBAAuB,KAAO2D,EAAQ,UAAyC/B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxC,EAAIuE,0BAA0BrE,EAAG,MAAM,CAACiB,YAAY,UAAU,GAAGjB,EAAG,MAAM,CAACiB,YAAY,iCAAiC8B,YAAY,CAAC,OAAS,OAAO,aAAa,SAAS,CAAC/C,EAAG,MAAM,CAACiB,YAAY,mBAAmB,CAACjB,EAAG,KAAK,CAACF,EAAIY,GAAG,2BAA2BV,EAAG,MAAM,CAACiB,YAAY,SAASjB,EAAG,WAAW,CAACiB,YAAY,aAAaR,MAAM,CAAC,MAAQ,aAAa,MAAQX,EAAIwE,WAAWjC,GAAG,CAAC,OAASvC,EAAIyE,kBAAkBC,MAAM,CAACnE,MAAOP,EAAIwE,UAAWG,SAAS,SAAUC,GAAM5E,EAAIwE,UAAUI,GAAKlE,WAAW,gBAAgB,GAAGR,EAAG,MAAM,CAACiE,IAAI,qBAAqBhD,YAAY,mCAAmC8B,YAAY,CAAC,SAAW,aAAa,CAAC/C,EAAG,UAAU,CAACE,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOP,EAAI6E,aAAcnE,WAAW,mBAAmBR,EAAG,QAAQ,CAACiB,YAAY,mCAAmC,CAACjB,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACF,EAAI8E,GAAG,GAAG9E,EAAI8E,GAAG,GAAG9E,EAAI8E,GAAG,GAAG9E,EAAI8E,GAAG,GAAG9E,EAAI8E,GAAG,GAAG9E,EAAI8E,GAAG,GAAG5E,EAAG,KAAK,CAACiB,YAAY,gBAAgB,CAACjB,EAAG,MAAM,CAACiB,YAAY,WAAW,CAACnB,EAAIY,GAAG,wBAAwBV,EAAG,YAAY,CAACS,MAAM,CAAC,MAAQ,GAAG,MAAQ,cAAc,KAAO,oNAAoN,KAAKX,EAAI8E,GAAG,OAAO9E,EAAI+E,GAAI/E,EAAIgF,cAAc,SAASC,EAAKC,GAAO,MAAO,CAAChF,EAAG,oBAAoB,CAACS,MAAM,CAAC,KAAOsE,EAAK,aAAajF,EAAI2C,UAAU,WAAW3C,EAAI0C,QAAQ,eAAe1C,EAAImF,WAAW,iBAAiBnF,EAAIoF,aAAa,iBAAiBpF,EAAIqF,cAAc,gBAAgBrF,EAAI6E,aAAa,aAAa7E,EAAIwE,iBAAgBxE,EAAI+E,GAAI/E,EAAIsF,cAAc,SAASL,EAAKC,GAAO,OAAQlF,EAAIuF,iBAAkB,CAACrF,EAAG,oBAAoB,CAACS,MAAM,CAAC,KAAOsE,EAAK,gBAAgBjF,EAAI6E,iBAAiB7E,EAAIkB,SAAQ,KAAMlB,EAAIsF,aAAaE,OAAO,EAAGtF,EAAG,MAAM,CAACiB,YAAY,oBAAoBC,MAAM,CAAC,KAAOpB,EAAIuF,mBAAmB,CAACrF,EAAG,WAAW,CAACS,MAAM,CAAC,KAAO,GAAG,KAAO,GAAG,OAAWX,EAAIuF,iBAAiB,OAAO,QAA9B,iBAAqD,KAAOjB,EAAQ,SAAkC/B,GAAG,CAAC,MAAQ,SAASC,GAAQxC,EAAIuF,kBAAkBvF,EAAIuF,qBAAqBrF,EAAG,MAAM,CAACiB,YAAY,UAAU,GAAGnB,EAAIkB,MAAM,KAAKhB,EAAG,MAAM,CAACiB,YAAY,6BAA6B,CAACjB,EAAG,IAAI,CAACiB,YAAY,kBAAkB,CAACjB,EAAG,aAAa,CAACiB,YAAY,OAAOR,MAAM,CAAC,IAAM2D,EAAQ,WAAiCtE,EAAIY,GAAG,6FAA6F,MAAM,MAExpRY,EAAkB,CAAC,WAAY,IAAIxB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACA,EAAG,MAAM,CAACiB,YAAY,WAAW,CAACnB,EAAIY,GAAG,eACvH,WAAY,IAAIZ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACiB,YAAY,gBAAgB,CAACjB,EAAG,MAAM,CAACiB,YAAY,WAAW,CAACnB,EAAIY,GAAG,qBAC/H,WAAY,IAAIZ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACA,EAAG,MAAM,CAACiB,YAAY,WAAW,CAACnB,EAAIY,GAAG,kBAClG,WAAY,IAAIZ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACA,EAAG,MAAM,CAACiB,YAAY,WAAW,CAACnB,EAAIY,GAAG,iBAClG,WAAY,IAAIZ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACA,EAAG,MAAM,CAACiB,YAAY,WAAW,CAACnB,EAAIY,GAAG,uBAClG,WAAY,IAAIZ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACA,EAAG,MAAM,CAACiB,YAAY,WAAW,CAACnB,EAAIY,GAAG,qBAClG,WAAY,IAAIZ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACiB,YAAY,gBAAgB,CAACjB,EAAG,MAAM,CAACiB,YAAY,WAAW,CAACnB,EAAIY,GAAG,6B,gGCR7Hb,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACiB,YAAY,qBAAqBC,MAAM,CAACqE,QAASzF,EAAIiF,KAAKS,WAAYC,UAAU3F,EAAI2F,UAAWC,KAAK5F,EAAI4F,MAAMjF,MAAM,CAAC,UAAUX,EAAIiF,KAAKY,UAAU,CAAC3F,EAAG,KAAK,CAACiB,YAAY,eAAeoB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxC,EAAI8F,MAAM,YAAY,CAAC5F,EAAG,MAAM,CAACiB,YAAY,aAAa,CAAEnB,EAAI2F,UAAWzF,EAAG,aAAa,CAACiB,YAAY,QAAQR,MAAM,CAAC,IAAM2D,EAAQ,WAAoCtE,EAAIkB,KAAMlB,EAAIiF,KAAKS,WAAYxF,EAAG,SAAS,CAACiB,YAAY,QAAQ,CAACnB,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIiF,KAAKc,cAAc/F,EAAIkB,KAAKhB,EAAG,SAAS,CAACiB,YAAY,QAAQ,CAACnB,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIiF,KAAKc,eAAe,KAAK7F,EAAG,KAAK,CAACiB,YAAY,gBAAgB,CAACjB,EAAG,OAAO,CAACiB,YAAY,MAAM6E,MAAQ,SAAQC,KAAKC,IAAI,EAAGD,KAAKE,IAAInG,EAAIoG,WAAWpG,EAAIiF,KAAKoB,OAAQrG,EAAIiF,KAAKqB,QAAS,WAAYpG,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIoG,WAAWpG,EAAIiF,KAAKoB,OAAQrG,EAAIiF,KAAKqB,QAAQ,YAAYtG,EAAIoG,WAAWpG,EAAIiF,KAAKsB,WAAYvG,EAAIiF,KAAKsB,YAAY,OAAS,IAAI,OAAS,MAAM,GAAGrG,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIiF,KAAKqB,OAAO,YAAYtG,EAAIiF,KAAKsB,WAAW,OAAS,OAAO,GAAGrG,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIiF,KAAKuB,QAAQ,YAAYxG,EAAIiF,KAAKwB,YAAY,OAASzG,EAAIkD,aAAa,WAAW,OAAO,GAAGhD,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIiF,KAAKoB,OAAO,YAAYrG,EAAIiF,KAAKyB,WAAW,OAAS,OAAO,GAAGxG,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIiF,KAAK0B,OAAO,YAAY3G,EAAIiF,KAAK2B,WAAW,OAAS,OAAO,GAAG1G,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIoG,WAAWpG,EAAIiF,KAAK0B,OAAQ3G,EAAIiF,KAAKqB,QAAQ,YAAYtG,EAAIoG,WAAWpG,EAAIiF,KAAK2B,WAAY5G,EAAIiF,KAAKsB,YAAY,OAAS,IAAI,OAAS,MAAM,MAE5mD/E,EAAkB,G,YCgDP,GACfnB,wBAAAwG,YAAAC,kBACArF,sBACAsF,OACA,UAEAhF,aACA,mCACA4D,YACA,iCAEAzC,eACA,wCACA,2BAGAjB,SACAmE,gBACA,8BCpEwZ,I,wBCQpZhE,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCnBXrC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAIgH,KAAKC,QAAQ,EAAG/G,EAAG,KAAK,CAACiB,YAAY,qBAAqBC,MAAM,CAACqE,QAASzF,EAAIgH,KAAKtB,YAAY/E,MAAM,CAAC,UAAUX,EAAIgH,KAAKnB,UAAU,CAAC3F,EAAG,KAAK,CAACA,EAAG,MAAM,CAACiB,YAAY,aAAa,CAAEnB,EAAIgH,KAAKtB,YAAoF1F,EAAIgH,KAAKE,UAAjFhH,EAAG,SAAS,CAACiB,YAAY,QAAQ,CAACnB,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIgH,KAAKE,cAA0GhH,EAAG,SAAS,CAACiB,YAAY,cAAc,CAACjB,EAAG,IAAI,CAACF,EAAIY,GAAG,wBAAwBV,EAAG,KAAK,CAACiB,YAAY,gBAAgB,CAACjB,EAAG,OAAO,CAACiB,YAAY,MAAM6E,MAAQ,SAAQC,KAAKC,IAAI,EAAGD,KAAKE,IAAInG,EAAIoG,WAAWpG,EAAIgH,KAAKX,OAAQrG,EAAIgH,KAAKV,QAAS,WAAYpG,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIoG,WAAWpG,EAAIgH,KAAKX,OAAQrG,EAAIgH,KAAKV,QAAQ,YAAYtG,EAAIoG,WAAWpG,EAAIgH,KAAKT,WAAYvG,EAAIgH,KAAKT,YAAY,OAAS,IAAI,OAAS,MAAM,GAAGrG,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIgH,KAAKV,OAAO,YAAYtG,EAAIgH,KAAKT,WAAW,OAAS,OAAO,GAAGrG,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIgH,KAAKR,QAAQ,YAAYxG,EAAIgH,KAAKP,YAAY,OAASzG,EAAIkD,aAAa,WAAW,OAAO,GAAGhD,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIgH,KAAKX,OAAO,YAAYrG,EAAIgH,KAAKN,WAAW,OAAS,OAAO,GAAGxG,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIgH,KAAKL,OAAO,YAAY3G,EAAIgH,KAAKJ,WAAW,OAAS,OAAO,GAAG1G,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIoG,WAAWpG,EAAIgH,KAAKL,OAAQ3G,EAAIgH,KAAKV,QAAQ,YAAYtG,EAAIoG,WAAWpG,EAAIgH,KAAKJ,WAAY5G,EAAIgH,KAAKT,YAAY,OAAS,IAAI,OAAS,MAAM,KAAKrG,EAAG,KAAK,CAACiB,YAAY,2BAA2BC,MAAM,CAACqE,QAASzF,EAAIgH,KAAKtB,aAAa,CAACxF,EAAG,KAAK,CAACA,EAAG,MAAM,CAACiB,YAAY,aAAa,CAACjB,EAAG,SAAS,CAACiB,YAAY,QAAQ,CAACjB,EAAG,WAAW,CAACiB,YAAY,YAAYR,MAAM,CAAC,KAAO,GAAG,KAAO,GAAG,MAAQX,EAAImH,gBAAgB,qBAAsB,sBAAqB5E,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxC,EAAI8F,MAAM,iBAAiB,OAAO5F,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAMA,EAAG,SAE34DsB,EAAkB,G,YCiEP,GACfnB,wBAAAwG,YAAAO,eAAAN,kBACArF,iCACAsF,OACA,UAEAhF,aACA,mCACAmB,eACA,wCACA,2BAGAjB,SACAmE,gBACA,8BClFwZ,ICQpZ,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBXrG,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACiB,YAAY,kBAAkB,CAACjB,EAAG,mBAAmB,CAACS,MAAM,CAAC,KAAOX,EAAIiF,KAAK,KAAOjF,EAAIqH,WAAW9E,GAAG,CAAC,MAAQ,SAASC,GAAQxC,EAAIqH,WAAWrH,EAAIqH,cAAerH,EAAIqH,UAAW,CAACrH,EAAI+E,GAAI/E,EAAIsH,cAAc,SAASN,GAAM,OAAQhH,EAAIsH,aAAa9B,OAAS,EAAGtF,EAAG,mBAAmB,CAACS,MAAM,CAAC,KAAOqG,KAAQhH,EAAIkB,QAAQlB,EAAImH,iBAAmBnH,EAAIuH,YAAY/B,OAAO,EAAGxF,EAAI+E,GAAI/E,EAAIuH,aAAa,SAASP,GAAM,OAAO9G,EAAG,mBAAmB,CAACS,MAAM,CAAC,KAAOqG,QAAUhH,EAAIkB,KAAMlB,EAAIuH,YAAY/B,OAAO,EAAG,CAACtF,EAAG,mBAAmB,CAACS,MAAM,CAAC,KAAO,CAACsG,QAAQ,EAAE5G,KAAK,UAAU,gBAAkBL,EAAImH,iBAAiB5E,GAAG,CAAC,SAAW,SAASC,GAAQxC,EAAImH,iBAAiBnH,EAAImH,qBAAqBnH,EAAIkB,MAAMlB,EAAIkB,MAAM,IAEhwBM,EAAkB,GCsBP,GACfnB,sBAAAwG,YAAAO,eAAAI,mBAAAC,oBAAAhG,eACAsF,OACA,OACAM,aACAF,qBAGApF,UACAwF,cACA,gDAEAD,eACA,kDAGArF,YCxCoZ,ICOhZ,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,I,gCClBXlC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACiB,YAAY,kBAAkBC,MAAM,CAACsG,UAAW1H,EAAI0H,YAAY,CAAG1H,EAAI0H,UAA8cxH,EAAG,QAAQ,CAACmD,YAAYrD,EAAIsD,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACtD,EAAG,MAAM,CAACiB,YAAY,aAAa,CAACjB,EAAG,MAAM,CAACiB,YAAY,sBAAsB,CAACjB,EAAG,OAAO,GAAG,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAI2H,UAAW3H,EAAI4H,OAAOC,KAAM3H,EAAG,YAAY,CAACF,EAAI8H,GAAG,SAAS,GAAG9H,EAAIkB,KAAKhB,EAAG,MAAM,CAACiB,YAAY,SAASjB,EAAG,MAAM,CAACiB,YAAY,QAAQC,MAAM,CAACpB,EAAI+H,aAAa,CAAC/H,EAAIY,GAAGZ,EAAIa,GAAGoF,KAAK+B,IAAIhI,EAAIiI,QAAQ,QAAQ,GAAG/H,EAAG,MAAM,CAACiB,YAAY,4BAA4B,CAACjB,EAAG,OAAO,CAACiB,YAAY,SAAS,CAACnB,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIkI,mBAAmBhI,EAAG,MAAM,CAACiB,YAAY,WAAYnB,EAAI4C,QAAS1C,EAAG,aAAaF,EAAIkB,MAAM,KAAKuC,OAAM,IAAO,MAAK,IAAO,CAACvD,EAAG,OAAO,CAACA,EAAG,IAAI,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAI2H,OAAO,OAAO3H,EAAIY,GAAG,SAASV,EAAG,IAAI,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAImI,sBAAsBnI,EAAIY,GAAG,eAAeV,EAAG,IAAI,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIkI,uBAAzsChI,EAAG,QAAQ,CAACS,MAAM,CAAC,MAAQX,EAAI2H,MAAM,KAAO3H,EAAI+D,OAAO,WAAW/D,EAAI8D,UAAU,OAAS9D,EAAIc,OAAO,cAAcd,EAAIoI,WAAW,WAAWpI,EAAIqI,QAAQ,OAASrI,EAAIgB,OAAO,MAAQhB,EAAImD,QAAQnD,EAAImD,QAAQ5C,MAAM,EAAE,YAAYP,EAAImD,QAAQnD,EAAImD,QAAQmF,UAAU,EAAE,WAAWtI,EAAI4B,QAAQ,UAAY5B,EAAI2C,UAAU,QAAU3C,EAAI0C,QAAQ,QAAU1C,EAAI4C,SAASS,YAAYrD,EAAIsD,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACxD,EAAI8H,GAAG,UAAUrE,OAAM,IAAO,MAAK,MAAsyB,IAE53CjC,EAAkB,G,oCC2CP,GACfnB,uBAAAwG,YAAA0B,gBAAAC,gBAAAC,cACAhH,2EACA,mEACAiH,gBACA3B,OACA,UAGA9E,SACA0G,eACA,WACA,iEAEA,OADAC,qCACA,qCAEA1G,eACA,uBACA,mCAEA2G,UACA,QAGA,OAFAC,yBAEA,SACA,EAEA,IAGA/G,UACAmG,iBACA,qCAEAC,oBACA,wCAEA5H,QACA,0CAEAe,WACA,8CAKAyG,sBACA,0EAEAE,iBACA,oBACA,mBACA,MAEA,iCAEA,cAEA,wBAGAc,aC1GqZ,ICQjZ,G,WAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBXhJ,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACiB,YAAY,kBAAkB,CAACjB,EAAG,qBAAqB,CAACS,MAAM,CAAC,KAAOX,EAAIiF,KAAK,MAAQjF,EAAIgJ,UAAU,aAAahJ,EAAI2C,UAAU,WAAW3C,EAAI0C,QAAQ,eAAe1C,EAAImF,WAAW,iBAAiBnF,EAAIoF,aAAa,iBAAiBpF,EAAIqF,cAAc,gBAAgBrF,EAAI6E,cAActC,GAAG,CAAC,MAAQ,SAASC,GAAQxC,EAAIgJ,WAAWhJ,EAAIgJ,cAAgBhJ,EAAIgJ,UAAw2DhJ,EAAIkB,KAAj2D,CAAClB,EAAI+E,GAAI/E,EAAIsH,cAAc,SAASN,GAAM,OAAQhH,EAAIsH,aAAa9B,OAAS,EAAG,CAACtF,EAAG,qBAAqB,CAACS,MAAM,CAAC,KAAOqG,EAAK,cAAgBA,EAAKiC,aAAa,aAAajJ,EAAI2C,UAAU,WAAW3C,EAAI0C,QAAQ,eAAe1C,EAAImF,WAAW,iBAAiBnF,EAAIoF,aAAa,iBAAiBpF,EAAIqF,cAAc,gBAAgBrF,EAAI6E,cAActC,GAAG,CAAC,YAAc,SAASC,GAAQ,OAAOxC,EAAIkJ,KAAKlC,EAAK,gBAAiBA,EAAKiC,kBAAoBjC,EAAKiC,aAAyqBjJ,EAAIkB,KAA/pB,CAAClB,EAAI+E,GAAI/E,EAAImJ,gBAAgBnC,IAAO,SAASoC,GAAG,OAAQpJ,EAAImJ,gBAAgBnC,GAAMxB,OAAS,EAAGtF,EAAG,2BAA2B,CAACS,MAAM,CAAC,KAAOqG,EAAK,QAAUoC,KAAKpJ,EAAIkB,QAAQ8F,EAAKqC,oBAAsBrJ,EAAIsJ,eAAetC,GAAMxB,OAAO,EAAGxF,EAAI+E,GAAI/E,EAAIsJ,eAAetC,IAAO,SAASoC,GAAG,OAAOlJ,EAAG,2BAA2B,CAACS,MAAM,CAAC,KAAOqG,EAAK,QAAUoC,QAAOpJ,EAAIkB,KAAMlB,EAAIsJ,eAAetC,GAAMxB,OAAO,EAAG,CAACtF,EAAG,2BAA2B,CAACS,MAAM,CAAC,KAAO,CAACsG,QAAQ,EAAE5G,KAAK,UAAU,QAAU,CAACkJ,WAAW,EAAElJ,KAAK,UAAU,gBAAkB2G,EAAKqC,oBAAoB9G,GAAG,CAAC,SAAW,SAASC,GAAQ,OAAOxC,EAAIkJ,KAAKlC,EAAK,sBAAsBA,EAAKqC,yBAAyBrJ,EAAIkB,OAAgBlB,EAAIkB,QAAQlB,EAAIwJ,iBAAmBxJ,EAAIuH,YAAY/B,OAAO,EAAGxF,EAAI+E,GAAI/E,EAAIuH,aAAa,SAASP,GAAM,OAAO9G,EAAG,qBAAqB,CAACS,MAAM,CAAC,KAAOqG,EAAK,gBAAgBhH,EAAI6E,aAAa,aAAa7E,EAAI2C,UAAU,WAAW3C,EAAI0C,QAAQ,eAAe1C,EAAImF,WAAW,iBAAiBnF,EAAIoF,aAAa,iBAAiBpF,EAAIqF,oBAAmBrF,EAAIkB,KAAMlB,EAAIuH,YAAY/B,OAAO,EAAG,CAACtF,EAAG,qBAAqB,CAACS,MAAM,CAAC,KAAO,CAACsG,QAAQ,EAAE5G,KAAK,UAAU,aAAaL,EAAI2C,UAAU,WAAW3C,EAAI0C,QAAQ,eAAe1C,EAAImF,WAAW,iBAAiBnF,EAAIoF,aAAa,iBAAiBpF,EAAIqF,cAAc,gBAAgBrF,EAAI6E,aAAa,gBAAkB7E,EAAIwJ,iBAAiBjH,GAAG,CAAC,SAAW,SAASC,GAAQxC,EAAIwJ,iBAAiBxJ,EAAIwJ,qBAAqBxJ,EAAIkB,OAAgB,IAE7xEM,EAAkB,GCFlBzB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACiB,YAAY,qBAAqBC,MAAM,CAACqE,QAASzF,EAAIiF,KAAKS,WAAY,UAAY1F,EAAI2F,UAAWC,KAAK5F,EAAI4F,MAAMjF,MAAM,CAAC,UAAUX,EAAIiF,KAAKY,UAAU,CAAC3F,EAAG,KAAK,CAACiB,YAAY,eAAeoB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxC,EAAI8F,MAAM,YAAY,CAAC5F,EAAG,MAAM,CAACiB,YAAY,aAAa,CAAEnB,EAAI2F,UAAWzF,EAAG,aAAa,CAACiB,YAAY,QAAQR,MAAM,CAAC,IAAM2D,EAAQ,WAAoCtE,EAAIkB,KAAMlB,EAAIiF,KAAKS,WAAYxF,EAAG,SAAS,CAACiB,YAAY,QAAQ,CAACnB,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIiF,KAAK5E,SAASL,EAAIkB,KAAKhB,EAAG,SAAS,CAACiB,YAAY,QAAQ,CAACnB,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIiF,KAAK5E,UAAU,KAAML,EAAIiF,KAAKwE,mBAAqBzJ,EAAIiF,KAAK0B,QAAU3G,EAAIiF,KAAKoB,OAAQnG,EAAG,KAAK,CAACiB,YAAY,gBAAgB,CAACjB,EAAG,QAAQ,CAACS,MAAM,CAAC,MAAQ,eAAe0C,YAAYrD,EAAIsD,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACtD,EAAG,MAAM,CAACA,EAAG,OAAO,CAACiB,YAAY,MAAM6E,MAAQ,SAAQC,KAAKC,IAAI,EAAGD,KAAKE,IAAInG,EAAIoG,WAAWpG,EAAIiF,KAAKoB,OAAOrG,EAAIiF,KAAKwE,kBAAmBzJ,EAAIiF,KAAKyE,eAAgB,WAAYxJ,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIoG,WAAWpG,EAAIiF,KAAKoB,OAAOrG,EAAIiF,KAAKwE,kBAAmBzJ,EAAIiF,KAAKyE,eAAe,eAAe,GAAG,OAAS,IAAI,OAAS,MAAM,KAAKjG,OAAM,IAAO,MAAK,EAAM,aAAa,CAACvD,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACiB,YAAY,mBAAmB,CAAEnB,EAAIiF,KAAKwE,kBAAmBvJ,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIiF,KAAKwE,sBAAsBvJ,EAAG,KAAK,CAACF,EAAIY,GAAG,4BAA4BZ,EAAIkB,KAAMlB,EAAIiF,KAAKoB,OAAQnG,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIiF,KAAKoB,WAAWnG,EAAG,KAAK,CAACF,EAAIY,GAAG,cAAcZ,EAAIkB,KAAMlB,EAAIiF,KAAK0B,OAAQzG,EAAG,KAAK,CAACA,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIoG,WAAWpG,EAAIiF,KAAK0B,OAAQ3G,EAAIiF,KAAKyE,eAAe,eAAe,GAAG,OAAS,IAAI,OAAS,MAAM,GAAGxJ,EAAG,KAAK,CAACF,EAAIY,GAAG,kBAAkBZ,EAAIkB,KAAMlB,EAAIiF,KAAK0B,OAAQzG,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIiF,KAAK0B,WAAWzG,EAAG,KAAK,CAACF,EAAIY,GAAG,cAAcZ,EAAIkB,YAAY,GAAGhB,EAAG,KAAK,CAACiB,YAAY,gBAAgB,CAACjB,EAAG,OAAO,CAACiB,YAAY,MAAM6E,MAAQ,SAAQC,KAAKC,IAAI,EAAGD,KAAKE,IAAInG,EAAIoG,WAAWpG,EAAIiF,KAAKoB,OAAQrG,EAAIiF,KAAKyE,eAAgB,WAAYxJ,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIoG,WAAWpG,EAAIiF,KAAKoB,OAAQrG,EAAIiF,KAAKyE,eAAe,eAAe,GAAG,OAAS,IAAI,OAAS,MAAM,GAAGxJ,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIiF,KAAKuB,QAAQ,eAAe,GAAG,OAASxG,EAAIkD,aAAa,WAAW,OAAO,GAAGhD,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIiF,KAAKoB,OAAO,eAAe,GAAG,OAAS,OAAO,GAAGnG,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIiF,KAAKyE,cAAc,eAAe,GAAG,OAAS,OAAO,GAAGxJ,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIiF,KAAK0E,UAAU,eAAe,GAAG,OAAS,OAAO,GAAGzJ,EAAG,KAAK,CAACiB,YAAY,uBAAuB,CAAEnB,EAAI4C,QAAS1C,EAAG,YAAY,CAACiB,YAAY,YAAYR,MAAM,CAAC,KAAO,GAAG,aAAa,UAAUT,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAI4J,mBAAmB,eAAe,GAAG,OAAS5J,EAAIkD,aAAa,WAAW,OAAO,GAAGhD,EAAG,KAAK,CAACiB,YAAY,sBAAsB,CAAEnB,EAAI4C,QAAS1C,EAAG,YAAY,CAACiB,YAAY,YAAYR,MAAM,CAAC,KAAO,GAAG,aAAa,UAAUT,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAI6J,kBAAkB,eAAe,GAAG,OAAS,OAAO,MAEjgGrI,EAAkB,GCmFP,GACfnB,0BAAAwG,YAAA0B,gBAAAzB,kBACArF,uGACAiH,gBACA3B,OACA,OACAnE,WACAgH,sBACAC,uBAGA9H,aACA,mCACA4D,YACA,oDAQAzC,eACA,wCACA,2BAGA4G,OACAjF,cACAkF,aACA,OACA,sBAKA9H,SACAmE,gBACA,4BAEA,oBACA,IACA,gBACA,4BACA,sEACA,oFAEA,kCACA,gCAGA,SACA4D,iBAXA,QAaA,mBAIAC,UACA,qBChJ2Z,ICQvZ,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBXlK,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAIgH,KAAKC,QAAQ,EAAG/G,EAAG,KAAK,CAACiB,YAAY,qBAAqBC,MAAM,CAACqE,QAASzF,EAAIgH,KAAKtB,WAAYE,KAAK5F,EAAIkK,cAAclK,EAAI2F,WAAWhF,MAAM,CAAC,UAAUX,EAAIgH,KAAKnB,UAAU,CAAC3F,EAAG,KAAK,CAACkB,MAAM,CAACuE,UAAU3F,EAAI2F,WAAWpD,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxC,EAAI8F,MAAM,kBAAkB,CAAC5F,EAAG,MAAM,CAACiB,YAAY,aAAa,CAAEnB,EAAI2F,UAAWzF,EAAG,aAAa,CAACiB,YAAY,QAAQR,MAAM,CAAC,IAAM2D,EAAQ,WAAoCtE,EAAIkB,KAAMlB,EAAIgH,KAAKtB,YAA+E1F,EAAIgH,KAAK3G,KAA5EH,EAAG,SAAS,CAACiB,YAAY,QAAQ,CAACnB,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIgH,KAAK3G,SAA2FH,EAAG,SAAS,CAACiB,YAAY,cAAc,CAACjB,EAAG,IAAI,CAACF,EAAIY,GAAG,qBAAqB,KAAMZ,EAAIgH,KAAKyC,mBAAqBzJ,EAAIgH,KAAKL,QAAU3G,EAAIgH,KAAKX,OAAQnG,EAAG,KAAK,CAACiB,YAAY,gBAAgB,CAACjB,EAAG,QAAQ,CAACS,MAAM,CAAC,MAAQ,eAAe0C,YAAYrD,EAAIsD,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACtD,EAAG,MAAM,CAACA,EAAG,OAAO,CAACiB,YAAY,MAAM6E,MAAQ,SAAQC,KAAKC,IAAI,EAAGD,KAAKE,IAAInG,EAAIoG,WAAWpG,EAAIgH,KAAKX,OAAOrG,EAAIgH,KAAKyC,kBAAmBzJ,EAAIgH,KAAK0C,eAAgB,WAAYxJ,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIoG,WAAWpG,EAAIgH,KAAKX,OAAOrG,EAAIgH,KAAKyC,kBAAmBzJ,EAAIgH,KAAK0C,eAAe,eAAe,GAAG,OAAS,IAAI,OAAS,MAAM,KAAKjG,OAAM,IAAO,MAAK,EAAM,aAAa,CAACvD,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACiB,YAAY,mBAAmB,CAAEnB,EAAIgH,KAAKyC,kBAAmBvJ,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIgH,KAAKyC,sBAAsBvJ,EAAG,KAAK,CAACF,EAAIY,GAAG,4BAA4BZ,EAAIkB,KAAMlB,EAAIgH,KAAKX,OAAQnG,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIgH,KAAKX,WAAWnG,EAAG,KAAK,CAACF,EAAIY,GAAG,cAAcZ,EAAIkB,KAAMlB,EAAIgH,KAAKL,OAAQzG,EAAG,KAAK,CAACA,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIoG,WAAWpG,EAAIgH,KAAKL,OAAQ3G,EAAIgH,KAAK0C,eAAe,eAAe,GAAG,OAAS,IAAI,OAAS,MAAM,GAAGxJ,EAAG,KAAK,CAACF,EAAIY,GAAG,kBAAkBZ,EAAIkB,KAAMlB,EAAIgH,KAAKL,OAAQzG,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIgH,KAAKL,WAAWzG,EAAG,KAAK,CAACF,EAAIY,GAAG,cAAcZ,EAAIkB,YAAY,GAAGhB,EAAG,KAAK,CAACiB,YAAY,gBAAgB,CAACjB,EAAG,OAAO,CAACiB,YAAY,MAAM6E,MAAQ,SAAQC,KAAKC,IAAI,EAAGD,KAAKE,IAAInG,EAAIoG,WAAWpG,EAAIgH,KAAKX,OAAQrG,EAAIgH,KAAK0C,eAAgB,WAAYxJ,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIoG,WAAWpG,EAAIgH,KAAKX,OAAQrG,EAAIgH,KAAK0C,eAAe,eAAe,GAAG,OAAS,IAAI,OAAS,MAAM,GAAGxJ,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIgH,KAAKR,QAAQ,eAAe,GAAG,OAASxG,EAAIkD,aAAa,WAAW,OAAO,GAAGhD,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIgH,KAAKX,OAAO,eAAe,GAAG,OAAS,OAAO,GAAGnG,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIgH,KAAK0C,cAAc,eAAe,GAAG,OAAS,OAAO,GAAGxJ,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIgH,KAAK2C,UAAU,eAAe,GAAG,OAAS,OAAO,GAAGzJ,EAAG,KAAK,CAACiB,YAAY,uBAAuB,CAAEnB,EAAI4C,QAAS1C,EAAG,YAAY,CAACiB,YAAY,YAAYR,MAAM,CAAC,KAAO,GAAG,aAAa,UAAUT,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAI4J,mBAAmB,eAAe,GAAG,OAAS5J,EAAIkD,aAAa,WAAW,OAAO,GAAGhD,EAAG,KAAK,CAACiB,YAAY,sBAAsB,CAAEnB,EAAI4C,QAAS1C,EAAG,YAAY,CAACiB,YAAY,YAAYR,MAAM,CAAC,KAAO,GAAG,aAAa,UAAUT,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAI6J,kBAAkB,eAAe,GAAG,OAAS,OAAO,KAAK3J,EAAG,KAAK,CAACiB,YAAY,2BAA2BC,MAAM,CAACqE,QAASzF,EAAIgH,KAAKtB,aAAa,CAACxF,EAAG,KAAK,CAACA,EAAG,MAAM,CAACiB,YAAY,aAAa,CAACjB,EAAG,SAAS,CAACiB,YAAY,QAAQ,CAACjB,EAAG,WAAW,CAACiB,YAAY,YAAYR,MAAM,CAAC,KAAO,GAAG,KAAO,IAAI4B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxC,EAAI8F,MAAM,eAAe,CAAC5F,EAAG,aAAa,CAACiB,YAAY,QAAQC,MAAM,CAACwE,KAAK5F,EAAImH,iBAAiBxG,MAAM,CAAC,IAAM2D,EAAQ,YAAqC,IAAI,OAAOpE,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAMA,EAAG,SAEtlHsB,EAAkB,GCFlBzB,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAImK,QAAQZ,WAAW,EAAGrJ,EAAG,KAAK,CAACiB,YAAY,wBAAwBC,MAAM,CAACqE,QAASzF,EAAImK,QAAQzE,YAAY/E,MAAM,CAAC,UAAUX,EAAImK,QAAQZ,aAAa,CAACrJ,EAAG,KAAK,CAACA,EAAG,MAAM,CAACiB,YAAY,aAAa,CAAEnB,EAAImK,QAAQzE,YAAkF1F,EAAImK,QAAQ9J,KAAlFH,EAAG,SAAS,CAACiB,YAAY,QAAQ,CAACnB,EAAIY,GAAGZ,EAAIa,GAAGb,EAAImK,QAAQ9J,SAAiGH,EAAG,SAAS,CAACiB,YAAY,cAAc,CAACjB,EAAG,IAAI,CAACF,EAAIY,GAAG,2BAA2BV,EAAG,KAAK,CAACiB,YAAY,gBAAgB,CAACjB,EAAG,OAAO,CAACiB,YAAY,MAAM6E,MAAQ,SAAQC,KAAKC,IAAI,EAAGD,KAAKE,IAAInG,EAAIoG,WAAWpG,EAAImK,QAAQ9D,OAAQrG,EAAIgH,KAAK0C,eAAgB,WAAYxJ,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAIoG,WAAWpG,EAAImK,QAAQ9D,OAAQrG,EAAIgH,KAAK0C,eAAe,eAAe,GAAG,OAAS,IAAI,OAAS,MAAM,GAAGxJ,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAImK,QAAQ3D,QAAQ,eAAe,GAAG,OAASxG,EAAIkD,aAAa,WAAW,OAAO,GAAGhD,EAAG,KAAK,CAACA,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQX,EAAImK,QAAQ9D,OAAO,eAAe,GAAG,OAAS,OAAO,GAAGnG,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAMA,EAAG,QAAQA,EAAG,KAAK,CAACiB,YAAY,8BAA8BC,MAAM,CAACqE,QAASzF,EAAImK,QAAQzE,aAAa,CAACxF,EAAG,KAAK,CAACA,EAAG,MAAM,CAACiB,YAAY,aAAa,CAACjB,EAAG,SAAS,CAACiB,YAAY,QAAQ,CAACjB,EAAG,WAAW,CAACiB,YAAY,YAAYR,MAAM,CAAC,KAAO,GAAG,KAAO,IAAI4B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxC,EAAI8F,MAAM,eAAe,CAAC5F,EAAG,aAAa,CAACiB,YAAY,QAAQC,MAAM,CAACwE,KAAK5F,EAAImH,iBAAiBxG,MAAM,CAAC,IAAM2D,EAAQ,YAAqC,IAAI,OAAOpE,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAMA,EAAG,MAAMA,EAAG,SAExjDsB,GAAkB,GC+DP,IACfnB,6BAAAwG,YAAAO,eAAAN,kBACArF,2CACAsF,OACA,UAEAhF,aACA,mCACAmB,eACA,wCACA,2BAGAjB,SACAmE,gBACA,8BChF8Z,MCQ1Z,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QC2FA,IACf/F,0BAAAwG,YAAA0B,gBAAA6B,yBAAAhD,eAAAN,kBACArF,iIACAiH,gBACA3B,OACA,OAEAsC,sBACAzG,WACAgH,qBACAC,sBAGA9H,aACA,mCACAmB,eACA,wCACA,0BAEAyC,YACA,gFAGAmE,OACAjF,cACAkF,aACA,OACA,sBAKA9H,SACAmE,gBACA,4BAEA,oBACA,IACA,gBACA,4BACA,sFACA,oFAEA,kCACA,gCAGA,SACA4D,iBAXA,QAaA,mBAIAjB,UACA,qBCrK2Z,MCQvZ,I,UAAY,eACd,GACA,EACA,GACA,EACA,KACA,WACA,OAIa,M,QCkCA,IACf1I,yBACAwG,YACAuD,yBACAC,sBACAC,qBACAlD,gBACA3F,4GACAiH,gBACA3B,OACA,OACAiC,0BACAQ,mBACA5G,aAGAb,UACAwF,cACA,mEAEAD,eACA,qEAGArF,SACAqH,kBACA,yDAEAH,mBACA,2DAGAW,OACAzC,eACA,oBAGA0B,YAEAkB,UACA,iCC7FuZ,MCQnZ,I,UAAY,eACd,GACA,EACA,GACA,EACA,KACA,WACA,OAIa,M,kCC6Mf,MAAMM,GAAS,EAAQ,QAcvB,IAAI,GAAK,EACM,QACflK,iBACAwG,YACA2B,gBACAgC,gBACAC,mBACAC,iBACAC,qBACAC,qBACAxD,eACAyD,gBACArD,mBACAC,mBACAqD,mBACArC,aACAsC,gBAEArC,gBACAjH,aACAsF,OACA,OACA3C,gBACA4G,WACAlI,iBACAH,mBACAD,iBACAuI,4BACAzG,aACAd,gBACAG,gBAEA0B,oBAGA2F,gBACAC,mBACAC,iBAAA7K,SAAA,CAAAA,UACA8K,oBAAA9K,SAAA,CAAAA,UAGA+K,YACAC,eACAC,gBAAAjL,SAAA,CAAAA,UACAkL,mBAAAlL,SAAA,CAAAA,UAGAyD,MACAC,SACAyH,UAAAnL,SAAA,CAAAA,UACAoL,aAAApL,SAAA,CAAAA,UAGAqL,WACAC,cAEAC,eAAAvL,SAAA,CAAAA,UAGAwL,WACAC,cACAC,eAAA1L,SAAA,CAAAA,UACA2L,kBAAA3L,SAAA,CAAAA,UAGAoG,SACAwF,YACAC,aAAA7L,SAAA,CAAAA,UACA8L,gBAAA9L,SAAA,CAAAA,UAGA+L,YACAC,eACAC,aAAAjM,SAAA,CAAAA,UACAkM,gBAAAlM,SAAA,CAAAA,UAEAmM,SAEA9J,SACA,WACA,UACA,UACA,aACA,iBACA,kBAEAmB,QACA,WACA,UACA,UACA,aACA,iBACA,kBAEAZ,SACA,WACA,UACA,UACA,aACA,iBACA,kBAEAW,WACA,SACA,CAAA6I,UAAApM,UAEA,QACA,CAAAoM,UAAApM,UAEA,WACA,CAAAoM,UAAApM,UAEA,eACA,CAAAoM,UAAApM,UAEA,eACA,CAAAoM,UAAApM,WAGAsE,gBACA+H,YAGA7K,aACA,mCACAmB,eACA,wCACA,0BAEAE,kBAEA,OACA7C,wHACA+H,sIAGAuE,cACA,oCAEA7H,eACA,6DAEAM,eACA,4DAEA3B,aACA,yDAEAyB,eACA,uBACA,sDACA,wDAEA,SACA,CACA,qDACA,uDAEA,WAGAxB,WACA,uDAEAuB,aACA,uBACA,0DACA,SACA,CACA,yDACA,WAGAtC,UACA,2CAEAqB,YACA,OACAH,iFACAD,6FAIA7B,SACA6K,eACA,SAQA,OAPAxG,cACA,iBACA,kCACA,aACA,uCACAyG,QAAAJ,YAAAK,cAAAzM,YAEA,GAEAgH,eACA,kCAEAD,gBACA,mCAEAlB,gBACA,4BAEApD,oBACA,iBACA,eACA,oBAEA,kBAEA,sBAEAiK,aACAC,kEAEAC,YACA,iBAAAlC,YAAAtI,UAAAD,GAAA,mBAEA,oBACA,eACA,kBAEA2C,gBACA,+CACA,KACA,IACA,qBACA,SACA2E,gBAGA,UAEAoD,SACA,IAEA,0BACA,yBACA,sBACA,4BACA,gCACA,gCAEA,SACApD,mBAIAvH,eACA4K,kEAEA,6BACA,IAIA,GAHA,mBAGA,mBACA,4BACA,wGACA,8GAGA,+EACA,wFAEA,0BAEA,2BAGA,oBACA,SACArD,iBApBA,QAsBA,qBAGA,+BACA,IACA,mBACA,4BACA,6CACA,oFAEA,kBAGA,SACAA,iBAVA,QAYA,qBAGAsD,2BACA,SAEA,qCAGA,mBAEA,mBAKA,4BACA,WAEAvG,QACAxG,cACAyM,iCACAL,4BAVA5F,IAAAxG,QAAAoM,OAAAK,oCAAA,CACAzM,QAAAoM,OAAAK,qCAmBA,OADA,wBACA,GAGAO,mBAGA,iCACA,iCAEA,kCAIA,qBACA,qBACA,8BAEA,GACAxG,cAAAxG,QAAAoM,OAAAK,uCAIAQ,uBACA,2BACA,iCACA,YAGA,aAEAC,iBACA,iBACA,UACA,YACA,wBACA,kBACA,mDAEA,YACA,4BACA,WACA,4BACA,6BACA,wCACA,iCAEA,2BAEA,QACA,4CAGA,oBACA,IACA,gBACA,4BACA,kGAGA,6BACA,uGACA,oCACA,oHAGA,wBACA,qGACA,+BACA,kHAGA,eACA,4FACA,sBACA,yGAGA,uBACA,8BAEA,YACA,2GACA,0HAEA,oGACA,kHAIA,qBACA,kGACA,4BACA,+GAGA,2DACA,0EACA,oEACA,mFAGA,yDACA,wEACA,kEACA,iFACA,SACAzD,iBArDA,QAuDA,kBAGA,2BACA,IACA,qBACA,4BACA,8FACA,aAEA,SACA,cACAA,iBARA,QAUA,uBAGA,sBACA,IACA,YACA,2DACA,MACAgB,UACA,KACAA,SACA,OACAA,UAGA,YAIA,cAEA,0BACA,SACA,iBAIAvG,mBACAiJ,4EAEAnJ,sBACA,kDAEAmJ,iFAEA,uDAIAzD,UACA,uCACA0D,gCACA,2CACAA,iCAEA,qDACA,gCACAC,cACAC,+BACAA,2DAEAA,oCACAA,2DAEAA,oCACAA,gEAIA,sBAGA9E,UACA,iBAEA,uDACA,0BACA,0DACA,+BC/uBkZ,MCS9Y,I,oBAAY,eACd,GACAhJ,EACAyB,GACA,EACA,KACA,WACA,OAIa,gB,kECpBf","file":"js/chunk-a3ee9b0c.46723b74.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics.v2.vue?vue&type=style&index=0&id=e0dd3928&prod&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics-step.v2.vue?vue&type=style&index=0&id=8b2650b4&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:(_vm.content?{}:{trigger:'manual'}),expression:\"content?{}:{trigger:'manual'}\"}],attrs:{\"content\":_vm.content}},[_c('strong',[_vm._v(_vm._s(_vm.prefix)+\" \"+_vm._s(_vm.v)+\" \"+_vm._s(_vm.suffix))]),(!_vm.noOldValue)?_c('div',{staticClass:\"delta\",class:{\n\t\t\t\t'huge-delta': _vm.big,\n\t\t\t\t'delta-zero':_vm.value==_vm.oldValue,\n\t\t\t\t'delta-up':_vm.value>_vm.oldValue,\n\t      'delta-down':_vm.value<_vm.oldValue}},[_vm._v(_vm._s(_vm.perDiff(_vm.value, _vm.oldValue))+\" %\")]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div v-tippy=\"content?{}:{trigger:'manual'}\" :content=\"content\">\n\t<strong>{{prefix}} {{ v }} {{suffix}}</strong>\n\t<div v-if=\"!noOldValue\" class=\"delta \"\n\t     :class=\"{\n\t\t\t\t'huge-delta': big,\n\t\t\t\t'delta-zero':value==oldValue,\n\t\t\t\t'delta-up':value>oldValue,\n\t      'delta-down':value<oldValue}\">{{perDiff(value, oldValue)}} %</div>\n\n</div>\n</template>\n\n<script>\nimport numbers from \"@/helpers/numbers\";\n\nexport default {\nname: \"ValueDiff\",\n\tprops: {\n\t\tbig:{\n\t\t\tdefault: false,\n\t\t\ttype: Boolean,\n\t\t},\n\t\tisMoney:{\n\t\t\tdefault: false,\n\t\t\ttype: Boolean,\n\t\t},\n\t\tvalue:{\n\t\t\tdefault: 0,\n\t\t\t// type: Number,\n\t\t},\n\t\toldValue:{\n\t\t\tdefault: 0,\n\t\t\t// type: Number,\n\t\t},\n\t\tsuffix:{\n\t\t\tdefault: \"\",\n\t\t\ttype: String,\n\t\t},\n\t\tprefix:{\n\t\t\tdefault: \"\",\n\t\t\ttype: String\n\t\t},\n\t\tdigits: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t\tperDigits: {\n\t\t\ttype: Number,\n\t\t\tdefault: 2,\n\t\t},\n\t\tnoOldValue: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t}\n\t},\n\tcomputed:{\n\t\tv(){\n\t\t\ttry {\n\t\t\t\tlet _v = this.value.toFixed(this.digits);\n\t\t\t\treturn this.isMoney ? this.formatPrice(_v) : _v;\n\t\t\t} catch (e) {\n\t\t\t\treturn this.value || 0;\n\t\t\t}\n\t\t},\n\t\toldV(){\n\t\t\tlet _v = this.oldValue.toFixed(this.digits);\n\t\t\treturn this.isMoney ? this.formatPrice(_v) : _v;\n\t\t},\n\t\tcontent() {\n\t\t\tif (this.noOldValue) return null;// `${this.prefix} <b>${this.v}</b> ${this.suffix}`\n\n\t\t\treturn '<b>'+this.perDiff(this.value, this.oldValue) + '%</b> change, was <b>'+\n\t\t\t\t\tthis.prefix+this.oldV+this.suffix+'</b> previous period.';\n\t\t}\n\t},\n\tmethods:{\n\t\tformatPrice(value) {\n\t\t\tlet val = (value/1).toFixed(2)//.replace('.', ',')\n\t\t\treturn numbers.numberWithCommas(val)\n\t\t},\n\t\tperDiff(value, oldValue){\n\t\t\tlet difference = (value-oldValue);\n\n\t\t\tif (!oldValue && value) return (100).toFixed(this.perDigits); // use current value as the change value.\n\n\t\t\tlet per = difference/oldValue*100;\n\n\t\t\treturn this.notNaN(per).toFixed(this.perDigits);\n\t\t},\n\t\tnotNaN(n) {\n\t\t\tif(isNaN(n)) return 0;\n\t\t\treturn n;\n\t\t},\n\t}\n}\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./valueDiff.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./valueDiff.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./valueDiff.vue?vue&type=template&id=87c0e7a2&scoped=true&\"\nimport script from \"./valueDiff.vue?vue&type=script&lang=js&\"\nexport * from \"./valueDiff.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"87c0e7a2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./step_analytics_row.vue?vue&type=style&index=0&id=7754b9b4&prod&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./step_analytics_row.v2.vue?vue&type=style&index=0&id=2110a4e3&prod&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics.v2.vue?vue&type=style&index=1&id=e0dd3928&prod&lang=scss&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics-chart.vue?vue&type=style&index=0&id=392d9aa4&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/chevron-double-down.17778957.svg\";","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page_analytics_row.vue?vue&type=style&index=0&id=04d0ab84&prod&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page_analytics_row.v2.vue?vue&type=style&index=0&id=ba6133da&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"funnel-analytics-page-v2 layout-column noscroll\"},[_c('div',{staticClass:\"top_info_box justify-between\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Analytics \"),_c('v-button',{directives:[{name:\"tippy\",rawName:\"v-tippy\"}],staticClass:\"try_beta_btn\",attrs:{\"flat\":\"\",\"label\":\"Feedback!\",\"content\":\"Let us know your feedback or if you have noticed any inaccuracies.\"},on:{\"click\":function($event){return _vm.openIntercom()}}})],1),_c('div',{staticClass:\"flex\"}),_c('div',{staticClass:\"layout-row range-wrapper\"},[_c('range-picker',{attrs:{\"end-date\":_vm.endDate,\"start-date\":_vm.startDate,\"loading\":_vm.loading['revenue'],\"min-date\":_vm.minDate,\"max-date\":_vm.maxDate},on:{\"reload\":function($event){return _vm.loadAnalytics()},\"rangeChanged\":_vm.rangeChanged}})],1)]),_c('div',{staticClass:\"main-content funnel-analytics-content scroll\",staticStyle:{\"padding\":\"20px 20px 60px\"}},[_c('filters_panel',{on:{\"change\":function($event){return _vm.loadAnalytics()}}}),_c('div',{staticClass:\"summary-container\"},[_c('analytics-chart',{attrs:{\"title\":\"Revenue\",\"prefix\":_vm.currencyCode,\"is-money\":true,\"loading\":_vm.loading['revenue'],\"summary\":_vm.summary['revenue'],\"collapsed\":true,\"suffix\":\"\"}}),_c('analytics-chart',{attrs:{\"title\":\"Conv. Rate\",\"prefix\":\"\",\"loading\":_vm.loading['unique_orders']||_vm.loading['unique_visits'],\"summary\":_vm.convRateSummary,\"collapsed\":true,\"suffix\":\"%\"},scopedSlots:_vm._u([{key:\"info\",fn:function(){return [_c('b',[_vm._v(\"Conversion Rate\")]),_vm._v(\" - is calculated from the \\\"unique orders\\\" divided by the \\\"unique visits\\\", giving you a more accurate estimate of the overall funnel performance. \")]},proxy:true}])}),_c('analytics-chart',{attrs:{\"title\":\"Unique orders\",\"prefix\":\"\",\"loading\":_vm.loading['unique_orders'],\"summary\":_vm.summary['unique_orders'],\"collapsed\":true,\"suffix\":\"\"},scopedSlots:_vm._u([{key:\"info\",fn:function(){return [_c('b',[_vm._v(\"Unique Orders\")]),_vm._v(\" - this will count all orders made by the same customer within the same session as a single order. \")]},proxy:true}])}),_c('analytics-chart',{attrs:{\"title\":\"AOV\",\"prefix\":_vm.currencyCode,\"loading\":_vm.loading['aov'],\"summary\":_vm.summary['aov'],\"is-money\":true,\"collapsed\":true,\"suffix\":\"\"},scopedSlots:_vm._u([{key:\"info\",fn:function(){return [_c('b',[_vm._v(\"Average Order Value\")]),_vm._v(\" - is calculated by dividing the total revenue of all customers by the number of unique buyers within the select time period. \")]},proxy:true}])}),_c('analytics-chart',{attrs:{\"title\":\"Unique visits\",\"prefix\":\"\",\"loading\":_vm.loading['unique_visits'],\"summary\":_vm.summary['unique_visits'],\"collapsed\":true,\"suffix\":\"\"}})],1),_vm._v(\" \"),(_vm.expandCharts)?[_c('div',{staticClass:\"layout-row flex\",staticStyle:{\"margin-top\":\"10px\"}},[_c('analytics-chart',{attrs:{\"title\":\"Revenue\",\"startDate\":_vm.chartStart,\"prefix\":_vm.currencyCode,\"endDate\":_vm.chartEnd,\"is-money\":true,\"loading\":_vm.loading['revenue'],\"summary\":_vm.summary['revenue'],\"is-empty\":!_vm.chartsLoaded,\"old-values\":_vm.oldValues['revenue'],\"values\":_vm.values['revenue']}})],1),_c('div',{staticClass:\"layout-row flex\",staticStyle:{\"margin-top\":\"5px\"}},[_c('analytics-chart',{attrs:{\"title\":\"Orders\",\"round-value\":true,\"loading\":_vm.loading['orders'],\"summary\":_vm.summary['orders'],\"old-values\":_vm.oldValues['orders'],\"values\":_vm.values['orders'],\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"is-empty\":!_vm.chartsLoaded}}),_c('analytics-chart',{attrs:{\"title\":\"AOV\",\"prefix\":_vm.currencyCode,\"total\":_vm.aov,\"old-total\":_vm.oldAov,\"is-money\":true,\"summary\":_vm.summary['aov'],\"old-values\":_vm.oldValues['aov'],\"values\":_vm.values['aov'],\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"loading\":_vm.loading['aov'],\"is-empty\":!_vm.chartsLoaded},scopedSlots:_vm._u([{key:\"info\",fn:function(){return [_c('b',[_vm._v(\"Average Order Value\")]),_vm._v(\" - is calculated by dividing the total revenue of all customers by the number of unique buyers within the select time period. \")]},proxy:true}],null,false,3475615803)})],1),_c('div',{staticClass:\"layout-row flex\",staticStyle:{\"margin-top\":\"5px\"}},[_c('analytics-chart',{attrs:{\"title\":\"Unique orders\",\"round-value\":true,\"loading\":_vm.loading['unique_orders'],\"summary\":_vm.summary['unique_orders'],\"old-values\":_vm.oldValues['unique_orders'],\"values\":_vm.values['unique_orders'],\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"is-empty\":!_vm.chartsLoaded}}),_c('analytics-chart',{attrs:{\"title\":\"Conv. rate\",\"loading\":_vm.loading['unique_orders'] || _vm.loading['unique_visits'],\"summary\":_vm.convRateSummary,\"suffix\":\"%\",\"round-value\":false,\"old-values\":_vm.convRates.oldValues,\"values\":_vm.convRates.values,\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"is-empty\":!_vm.chartsLoaded}})],1),_c('div',{staticClass:\"layout-row flex\",staticStyle:{\"margin-top\":\"5px\"}},[_c('analytics-chart',{attrs:{\"title\":\"Unique visitors\",\"round-value\":true,\"loading\":_vm.loading['unique_visits'],\"summary\":_vm.summary['unique_visits'],\"old-values\":_vm.oldValues['unique_visits'],\"values\":_vm.values['unique_visits'],\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"is-empty\":!_vm.chartsLoaded}}),_c('analytics-chart',{attrs:{\"title\":\"Page views\",\"round-value\":true,\"loading\":_vm.loading['pageviews'],\"summary\":_vm.summary['pageviews'],\"old-values\":_vm.oldValues['pageviews'],\"values\":_vm.values['pageviews'],\"startDate\":_vm.chartStart,\"endDate\":_vm.chartEnd,\"is-empty\":!_vm.chartsLoaded}})],1)]:_vm._e(),_vm._v(\" \"),_c('div',{ref:`expandChartsBtn_${_vm.instanceId}`,staticClass:\"expand-charts-btn\",class:{'open':_vm.expandCharts}},[_c('v-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.expandCharts),expression:\"expandCharts\"},{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],attrs:{\"flat\":\"\",\"slim\":\"\",\"content\":\"Hide detailed charts\",\"icon\":require('@/assets/img/chevron-double-down.svg')},on:{\"click\":function($event){return _vm.expandChartsChanged()}}}),_c('v-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.expandCharts),expression:\"!expandCharts\"},{name:\"tippy\",rawName:\"v-tippy\",value:({theme:'small-black'}),expression:\"{theme:'small-black'}\"}],attrs:{\"flat\":\"\",\"slim\":\"\",\"content\":\"Show detailed charts\",\"icon\":require('@/assets/img/chevron-double-down.svg')},on:{\"click\":function($event){return _vm.expandChartsChanged()}}}),_c('div',{staticClass:\"flex\"})],1),_c('div',{staticClass:\"performance-breakdown noscroll\",staticStyle:{\"height\":\"auto\",\"margin-top\":\"50px\"}},[_c('div',{staticClass:\"layout-row flex\"},[_c('h2',[_vm._v(\"Performance breakdown\")]),_c('div',{staticClass:\"flex\"}),_c('v-switch',{staticClass:\"expand-all\",attrs:{\"label\":\"Expand all\",\"value\":_vm.expandAll},on:{\"change\":_vm.expandAllChanged},model:{value:(_vm.expandAll),callback:function ($$v) {_vm.expandAll=$$v},expression:\"expandAll\"}})],1),_c('div',{ref:\"analyticsContainer\",staticClass:\"analytics-table-container scroll\",staticStyle:{\"position\":\"relative\"}},[_c('Loading',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loadingSteps),expression:\"loadingSteps\"}]}),_c('table',{staticClass:\"analytics-table table-analitics\"},[_c('tbody',[_c('thead',[_c('tr',[_vm._m(0),_vm._m(1),_vm._m(2),_vm._m(3),_vm._m(4),_vm._m(5),_c('th',{staticClass:\"__downstream\"},[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Downstream Revenue \"),_c('info-icon',{attrs:{\"small\":\"\",\"theme\":\"small-black\",\"info\":\"<b>Downstream Revenue:</b> A Good indicator of the quality of traffic driven by each step/page. Calculates the total revenue of subsequent steps from customers that have gone through the current step/page.\"}})],1)]),_vm._m(6)])]),_vm._l((_vm.visibleSteps),function(step,index){return [_c('analytics-step-v2',{attrs:{\"step\":step,\"start-date\":_vm.startDate,\"end-date\":_vm.endDate,\"old-end-date\":_vm.oldEndDate,\"old-start-date\":_vm.oldStartDate,\"get-conditions\":_vm.getConditions,\"loading-steps\":_vm.loadingSteps,\"show-pages\":_vm.expandAll}})]}),_vm._l((_vm.deletedSteps),function(step,index){return (_vm.showDeletedSteps)?[_c('analytics-step-v2',{attrs:{\"step\":step,\"loading-steps\":_vm.loadingSteps}})]:_vm._e()})],2)]),(_vm.deletedSteps.length>0)?_c('div',{staticClass:\"sticky-bottom-btn\",class:{'open':_vm.showDeletedSteps}},[_c('v-button',{attrs:{\"flat\":\"\",\"slim\":\"\",\"label\":`${_vm.showDeletedSteps?'hide':'show'} deleted steps`,\"icon\":require('@/assets/img/arrow-bottom.svg')},on:{\"click\":function($event){_vm.showDeletedSteps=!_vm.showDeletedSteps}}}),_c('div',{staticClass:\"flex\"})],1):_vm._e()],1)]),_c('div',{staticClass:\"layout-column flex-center\"},[_c('p',{staticClass:\"alert_box blue\"},[_c('inline-svg',{staticClass:\"icon\",attrs:{\"src\":require('@/assets/img/info_icon.svg')}}),_vm._v(\" Your feedback helps us improve, let us know about any missing metrics or inaccuracies. \")],1)])],2)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Step \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('th',{staticClass:\"conv-rate-td\"},[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Conv. rate \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Revenue \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Orders \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Uniq. visits \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('th',[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Page views \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('th',{staticClass:\"__downstream\"},[_c('div',{staticClass:\"th-wrap\"},[_vm._v(\" Downstream Orders \")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('tr',{staticClass:\"step-analytics-row\",class:{deleted: _vm.step.is_deleted, clickable:_vm.clickable, open:_vm.open},attrs:{\"data-id\":_vm.step.step_id}},[_c('td',{staticClass:\"step-name-td\",on:{\"click\":function($event){return _vm.$emit('click')}}},[_c('div',{staticClass:\"step-name\"},[(_vm.clickable)?_c('inline-svg',{staticClass:\"arrow\",attrs:{\"src\":require('@/assets/img/arrow-bottom.svg')}}):_vm._e(),(_vm.step.is_deleted)?_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.step.step_name))]):_vm._e(),_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.step.step_name))])],1)]),_c('td',{staticClass:\"conv-rate-td\"},[_c('span',{staticClass:\"bar\",style:(`width:${Math.max(1, Math.min(_vm.percentage(_vm.step.orders, _vm.step.visits), 100))}%`)}),_c('value-diff',{attrs:{\"value\":_vm.percentage(_vm.step.orders, _vm.step.visits),\"old-value\":_vm.percentage(_vm.step.old_visits, _vm.step.old_visits),\"suffix\":\"%\",\"digits\":2}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.step.visits,\"old-value\":_vm.step.old_visits,\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.step.revenue,\"old-value\":_vm.step.old_revenue,\"prefix\":_vm.currencyCode,\"is-money\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.step.orders,\"old-value\":_vm.step.old_orders,\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.step.optins,\"old-value\":_vm.step.old_optins,\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.percentage(_vm.step.optins, _vm.step.visits),\"old-value\":_vm.percentage(_vm.step.old_optins, _vm.step.old_visits),\"suffix\":\"%\",\"digits\":2}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<tr class=\"step-analytics-row\" :class=\"{deleted: step.is_deleted, clickable:clickable, open:open}\" :data-id=\"step.step_id\">\n\t\t<td class=\"step-name-td\" @click=\"$emit('click')\">\n\t\t\t<div class=\"step-name\">\n\t\t\t\t<inline-svg v-if=\"clickable\" class=\"arrow\" :src=\"require('@/assets/img/arrow-bottom.svg')\" />\n\t\t\t\t<strong v-if=\"step.is_deleted\" class=\"name\">{{ step.step_name }}</strong>\n\n<!--\t\t\t\t<router-link v-else :to=\"'/wfunnel/'+$route.params.id+'/steps/'+step.step_id\">-->\n\t\t\t\t\t<strong class=\"name\">{{ step.step_name }}</strong>\n<!--\t\t\t\t</router-link>-->\n\t\t\t</div>\n\t\t</td>\n\n\t\t<td class=\"conv-rate-td\">\n\t\t\t<span class=\"bar\"\n\t\t\t      :style=\"`width:${Math.max(1, Math.min(percentage(step.orders, step.visits), 100))}%`\" />\n\t\t\t<value-diff :value=\"percentage(step.orders, step.visits)\"\n\t\t\t            :old-value=\"percentage(step.old_visits, step.old_visits)\"\n\t\t\t            suffix=\"%\" :digits=\"2\" />\n\t\t</td>\n\n\t\t<td >\n\t\t\t<value-diff :value=\"step.visits\" :old-value=\"step.old_visits\" suffix=\"\" />\n\t\t</td>\n\n\t\t<td >\n\t\t\t<value-diff :value=\"step.revenue\" :old-value=\"step.old_revenue\"\n\t\t\t            :prefix=\"currencyCode\" is-money />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"step.orders\" :old-value=\"step.old_orders\" suffix=\"\" />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"step.optins\" :old-value=\"step.old_optins\" suffix=\"\" />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"percentage(step.optins, step.visits)\"\n\t\t\t            :old-value=\"percentage(step.old_optins, step.old_visits)\"\n\t\t\t            suffix=\"%\" :digits=\"2\" />\n\t\t</td>\n\t</tr>\n\n</template>\n\n<script>\nimport ValueDiff from \"@/views/funnels/funnel/valueDiff\";\nimport {percentage} from \"@/helpers/analytics\";\nimport {mapGetters} from \"vuex\";\nimport {getSymbol} from \"@/helpers/currencies\";\n\nexport default {\n\tname: \"StepAnalyticsRow\", components: {ValueDiff},\n\tprops: [\"step\",'open'],\n\tdata() {\n\t\treturn {}\n\t},\n\tcomputed:{\n\t\t...mapGetters([\"getFunnelStore\",]),\n\t\tclickable(){\n\t\t\treturn this.step.pages.length>1;\n\t\t},\n\t\tcurrencyCode() {\n\t\t\tlet currency = this.getFunnelStore.currency_code;\n\t\t\treturn getSymbol(currency);\n\t\t},\n\t},\n\tmethods:{\n\t\tpercentage(sub,total) {\n\t\t\treturn percentage(sub,total)\n\t\t},\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.step-analytics-row {\n\t&.clickable {\n\t\t.step-name {\n\t\t\t.arrow {\n\t\t\t\tmargin-right: 5px;\n\n\t\t\t}\n\t\t\t.arrow {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: -20px;\n\t\t\t}\n\t\t}\n\t\t&.open{\n\t\t\t.arrow {\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t}\n\t\t}\n\t\t.step-name-td:hover {\n\t\t\tcursor: pointer;\n\t\t\t.name {\n\t\t\t\tcolor: $sharp-blue;\n\t\t\t}\n\t\t}\n\t}\n\ttd:first-child {\n\t\tpadding-left: 30px;\n\t\twidth: auto;\n\t}\n\t&.deleted {\n\t\t.step-name {\n\t\t\t.name {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./step_analytics_row.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./step_analytics_row.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./step_analytics_row.vue?vue&type=template&id=7754b9b4&scoped=true&\"\nimport script from \"./step_analytics_row.vue?vue&type=script&lang=js&\"\nexport * from \"./step_analytics_row.vue?vue&type=script&lang=js&\"\nimport style0 from \"./step_analytics_row.vue?vue&type=style&index=0&id=7754b9b4&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7754b9b4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.page.page_id>0)?_c('tr',{staticClass:\"page-analytics-row\",class:{deleted: _vm.page.is_deleted},attrs:{\"data-id\":_vm.page.step_id}},[_c('td',[_c('div',{staticClass:\"page-name\"},[(_vm.page.is_deleted)?_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.page.page_name))]):(_vm.page.page_name)?_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.page.page_name))]):_c('strong',{staticClass:\"name empty\"},[_c('i',[_vm._v(\"PAGE VARIANT\")])])])]),_c('td',{staticClass:\"conv-rate-td\"},[_c('span',{staticClass:\"bar\",style:(`width:${Math.max(1, Math.min(_vm.percentage(_vm.page.orders, _vm.page.visits), 100))}%`)}),_c('value-diff',{attrs:{\"value\":_vm.percentage(_vm.page.orders, _vm.page.visits),\"old-value\":_vm.percentage(_vm.page.old_visits, _vm.page.old_visits),\"suffix\":\"%\",\"digits\":2}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.page.visits,\"old-value\":_vm.page.old_visits,\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.page.revenue,\"old-value\":_vm.page.old_revenue,\"prefix\":_vm.currencyCode,\"is-money\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.page.orders,\"old-value\":_vm.page.old_orders,\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.page.optins,\"old-value\":_vm.page.old_optins,\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.percentage(_vm.page.optins, _vm.page.visits),\"old-value\":_vm.percentage(_vm.page.old_optins, _vm.page.old_visits),\"suffix\":\"%\",\"digits\":2}})],1)]):_c('tr',{staticClass:\"page-analytics-row empty\",class:{deleted: _vm.page.is_deleted}},[_c('td',[_c('div',{staticClass:\"page-name\"},[_c('strong',{staticClass:\"name\"},[_c('v-button',{staticClass:\"show-more\",attrs:{\"flat\":\"\",\"slim\":\"\",\"label\":_vm.showHiddenPages?'Hide deleted pages':`Show deleted pages`},on:{\"click\":function($event){return _vm.$emit('showMore')}}})],1)])]),_c('td'),_c('td'),_c('td'),_c('td'),_c('td'),_c('td')])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<tr v-if=\"page.page_id>0\" class=\"page-analytics-row\" :class=\"{deleted: page.is_deleted}\" :data-id=\"page.step_id\">\n\t\t<td>\n\t\t\t<div class=\"page-name\">\n\t\t\t\t<strong v-if=\"page.is_deleted\" class=\"name\">{{ page.page_name }}</strong>\n\n<!--\t\t\t\t<router-link v-else :to=\"'/wfunnel/'+$route.params.id+'/steps/'+page.step_id\">-->\n\t\t\t\t\t<strong v-else-if=\"page.page_name\" class=\"name\">{{ page.page_name }}</strong>\n\t\t\t\t\t<strong v-else class=\"name empty\"><i>PAGE VARIANT</i></strong>\n<!--\t\t\t\t</router-link>-->\n\t\t\t</div>\n\t\t</td>\n\n\t\t<td class=\"conv-rate-td\">\n\t\t\t<span class=\"bar\" :style=\"`width:${Math.max(1, Math.min(percentage(page.orders, page.visits), 100))}%`\" />\n\t\t\t<value-diff :value=\"percentage(page.orders, page.visits)\"\n\t\t\t            :old-value=\"percentage(page.old_visits, page.old_visits)\"\n\t\t\t            suffix=\"%\" :digits=\"2\" />\n\t\t</td>\n\n\t\t<td >\n\t\t\t<value-diff :value=\"page.visits\" :old-value=\"page.old_visits\" suffix=\"\" />\n\t\t</td>\n\n\t\t<td >\n\t\t\t<value-diff :value=\"page.revenue\" :old-value=\"page.old_revenue\"\n\t\t\t            :prefix=\"currencyCode\" is-money />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"page.orders\" :old-value=\"page.old_orders\" suffix=\"\" />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"page.optins\" :old-value=\"page.old_optins\" suffix=\"\" />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"percentage(page.optins, page.visits)\"\n\t\t\t            :old-value=\"percentage(page.old_optins, page.old_visits)\"\n\t\t\t            suffix=\"%\" :digits=\"2\" />\n\t\t</td>\n\t</tr>\n\n<!--\thidden pages entry -->\n\t<tr v-else class=\"page-analytics-row empty\" :class=\"{deleted: page.is_deleted}\" >\n\t\t<td>\n\t\t\t<div class=\"page-name\">\n\t\t\t\t<strong class=\"name\">\n\t\t\t\t\t<v-button class=\"show-more\" flat slim :label=\"showHiddenPages?'Hide deleted pages':`Show deleted pages`\"\n\t\t\t\t\t          @click=\"$emit('showMore')\"/>\n\t\t\t\t</strong>\n\t\t\t</div>\n\t\t</td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t</tr>\n</template>\n\n<script>\nimport ValueDiff from \"@/views/funnels/funnel/valueDiff\";\nimport {percentage} from \"@/helpers/analytics\";\nimport {mapGetters} from \"vuex\";\nimport {getSymbol} from \"@/helpers/currencies\";\nimport VButton from \"@/components/base/v-button\";\n\nexport default {\n\tname: \"PageAnalyticsRow\", components: {VButton, ValueDiff},\n\tprops: [\"page\",\"showHiddenPages\"],\n\tdata() {\n\t\treturn {}\n\t},\n\tcomputed:{\n\t\t...mapGetters([\"getFunnelStore\",]),\n\t\tcurrencyCode() {\n\t\t\tlet currency = this.getFunnelStore.currency_code;\n\t\t\treturn getSymbol(currency);\n\t\t},\n\t},\n\tmethods:{\n\t\tpercentage(sub,total) {\n\t\t\treturn percentage(sub,total)\n\t\t},\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.page-analytics-row {\n\ta.show-more {\n\t\tborder-radius: 10px;\n\t\tborder: 1px solid #ebeff4;\n\t\tpadding: 3px 20px;\n\t\theight: auto;\n\t\tcolor: #8f9092;\n\t\twidth: fit-content;\n\t}\n\t.page-name {\n\t\t&::before {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: flex;\n\t\t\tbackground: transparent;\n\t\t\twidth: 15px;\n\t\t\theight: calc(100% - 1px);\n\t\t\tleft: 0;\n\t\t\tposition: absolute;\n\t\t\ttop: calc(-50% + 0px);\n\t\t\tborder-bottom: 2px solid #ebeff5;\n\t\t\tborder-left: 2px solid #ebeff5;\n\t\t}\n\t\ta:hover {\n\t\t\tstrong {\n\t\t\t\tcolor: #4268e0;\n\t\t\t}\n\t\t}\n\t}\n\t.page-name .name {\n\t\tfont-weight: 500;\n\t\tfont-size: 13px;\n\t\tline-height: 150%;\n\t\tletter-spacing: 0.02em;\n\t\tcolor: #252A32;\n\t}\n\n\ttd {\n\t\tbackground: whitesmoke;\n\t}\n\t&.empty {\n\t\ttd {\n\t\t\tborder-right: none;\n\t\t\tbackground: transparent;\n\t\t}\n\t\ttd:first-child {\n\t\t\tbackground: white !important;\n\t\t}\n\t}\n\ttd:first-child {\n\t\tbackground: rgba(249, 249, 249, 1) !important;\n\t\tpadding-left: 30px;\n\t}\n\n\t&.deleted {\n\t\t.page-name {\n\t\t\t.name {\n\t\t\t\tcolor: #c6c6c6;\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page_analytics_row.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page_analytics_row.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./page_analytics_row.vue?vue&type=template&id=04d0ab84&scoped=true&\"\nimport script from \"./page_analytics_row.vue?vue&type=script&lang=js&\"\nexport * from \"./page_analytics_row.vue?vue&type=script&lang=js&\"\nimport style0 from \"./page_analytics_row.vue?vue&type=style&index=0&id=04d0ab84&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"04d0ab84\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('tbody',{staticClass:\"analytics-step\"},[_c('StepAnalyticsRow',{attrs:{\"step\":_vm.step,\"open\":_vm.showPages},on:{\"click\":function($event){_vm.showPages=!_vm.showPages}}}),(_vm.showPages)?[_vm._l((_vm.visiblePages),function(page){return (_vm.visiblePages.length > 1)?_c('PageAnalyticsRow',{attrs:{\"page\":page}}):_vm._e()}),(_vm.showHiddenPages && _vm.hiddenPages.length>0)?_vm._l((_vm.hiddenPages),function(page){return _c('PageAnalyticsRow',{attrs:{\"page\":page}})}):_vm._e(),(_vm.hiddenPages.length>0)?[_c('PageAnalyticsRow',{attrs:{\"page\":{page_id:0,name:'hidden'},\"showHiddenPages\":_vm.showHiddenPages},on:{\"showMore\":function($event){_vm.showHiddenPages=!_vm.showHiddenPages}}})]:_vm._e()]:_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<tbody class=\"analytics-step\">\n\t\t<StepAnalyticsRow :step=\"step\" @click=\"showPages=!showPages\" :open=\"showPages\" />\n\n\t\t<template v-if=\"showPages\">\n\t\t\t<PageAnalyticsRow v-if=\"visiblePages.length > 1\"\n\t\t\t                  :page=\"page\" v-for=\"(page) in visiblePages\"  />\n\n\t\t\t<template v-if=\"showHiddenPages && hiddenPages.length>0\">\n\t\t\t\t<PageAnalyticsRow :page=\"page\" v-for=\"(page) in hiddenPages\"  />\n\t\t\t</template>\n\n\t\t\t<template v-if=\"hiddenPages.length>0\">\n\t\t\t\t<PageAnalyticsRow :page=\"{page_id:0,name:'hidden'}\" :showHiddenPages=\"showHiddenPages\" @showMore=\"showHiddenPages=!showHiddenPages\" />\n\t\t\t</template>\n\t\t</template>\n\n\t</tbody>\n</template>\n\n<script>\nimport StepAnalyticsRow from \"@/views/funnels/funnel-plus/funnel/analytics/step_analytics_row\";\nimport PageAnalyticsRow from \"@/views/funnels/funnel-plus/funnel/analytics/page_analytics_row\";\nimport VButton from \"@/components/base/v-button\";\nexport default {\n\tname: \"analytics-step\", components: {VButton, PageAnalyticsRow, StepAnalyticsRow}, props: [\"step\"],\n\tdata(){\n\t\treturn {\n\t\t\tshowPages: false,\n\t\t\tshowHiddenPages: false,\n\t\t}\n\t},\n\tcomputed:{\n\t\thiddenPages() {\n\t\t\treturn this.step.pages.filter(x => x.is_deleted)\n\t\t},\n\t\tvisiblePages() {\n\t\t\treturn this.step.pages.filter(x => !x.is_deleted)\n\t\t},\n\t},\n\tmethods:{\n\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics-step.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics-step.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./analytics-step.vue?vue&type=template&id=159be2ce&scoped=true&\"\nimport script from \"./analytics-step.vue?vue&type=script&lang=js&\"\nexport * from \"./analytics-step.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"159be2ce\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"analytics-chart\",class:{collapsed: _vm.collapsed}},[(!_vm.collapsed)?_c('chart',{attrs:{\"title\":_vm.title,\"data\":_vm.values,\"old-data\":_vm.oldValues,\"prefix\":_vm.prefix,\"round-value\":_vm.roundValue,\"is-empty\":_vm.isEmpty,\"suffix\":_vm.suffix,\"total\":_vm.summary?_vm.summary.value:0,\"old-total\":_vm.summary?_vm.summary.old_value:0,\"is-money\":_vm.isMoney,\"startDate\":_vm.startDate,\"endDate\":_vm.endDate,\"loading\":_vm.loading},scopedSlots:_vm._u([{key:\"info\",fn:function(){return [_vm._t(\"info\")]},proxy:true}],null,true)}):_c('tippy',{scopedSlots:_vm._u([{key:\"trigger\",fn:function(){return [_c('div',{staticClass:\"collapsed\"},[_c('div',{staticClass:\"__title layout-row\"},[_c('span',{},[_vm._v(_vm._s(_vm.title))]),(_vm.$slots.info)?_c('info-icon',[_vm._t(\"info\")],2):_vm._e(),_c('div',{staticClass:\"flex\"}),_c('div',{staticClass:\"delta\",class:[_vm.deltaClass]},[_vm._v(_vm._s(Math.abs(_vm.delta))+\"%\")])],1),_c('div',{staticClass:\"__totals layout-row flex\"},[_c('span',{staticClass:\"total\"},[_vm._v(_vm._s(_vm.valueFormatted))]),_c('div',{staticClass:\"flex\"})]),(_vm.loading)?_c('v-spinner'):_vm._e()],1)]},proxy:true}],null,true)},[_c('span',[_c('u',[_vm._v(_vm._s(_vm.title)+\":\")]),_vm._v(\" Was \"),_c('b',[_vm._v(_vm._s(_vm.oldValueFormatted))]),_vm._v(\", now it's \"),_c('b',[_vm._v(_vm._s(_vm.valueFormatted))])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"analytics-chart\" :class=\"{collapsed}\">\n\t<chart v-if=\"!collapsed\" class=\"\" :title=\"title\" :data=\"values\" :old-data=\"oldValues\"\n\t       :prefix=\"prefix\" :round-value=\"roundValue\" :is-empty=\"isEmpty\" :suffix=\"suffix\"\n\t       :total=\"summary?summary.value:0\" :old-total=\"summary?summary.old_value:0\" :is-money=\"isMoney\"\n\t       :startDate=\"startDate\" :endDate=\"endDate\" :loading=\"loading\">\n\t\t<template v-slot:info>\n\t\t\t<slot name=\"info\" />\n\t\t</template>\n\t</chart>\n\n\n\t<tippy v-else >\n\t\t<template v-slot:trigger>\n\t\t\t<div class=\"collapsed\" >\n\t\t\t\t<div class=\"__title layout-row\">\n\t\t\t\t\t<span class=\"\">{{title}}</span>\n\t\t\t\t\t<info-icon v-if=\"$slots.info\">\n\t\t\t\t\t\t<slot name=\"info\"></slot>\n\t\t\t\t\t</info-icon>\n\t\t\t\t\t<div class=\"flex\"></div>\n\t\t\t\t\t<div class=\"delta\" :class=\"[deltaClass]\">{{ Math.abs(delta) }}%</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"__totals layout-row flex\">\n\t\t\t\t\t<span class=\"total\">{{valueFormatted}}</span>\n\t\t\t\t\t<div class=\"flex\"></div>\n\t\t\t\t\t<!--\t\t\t<span class=\"old-total\">{{oldValueFormatted}}</span>-->\n\t\t\t\t</div>\n\t\t\t\t<v-spinner v-if=\"loading\" />\n\n\t\t\t</div>\n\t\t</template>\n\n\t\t\t<span><u>{{title}}:</u> Was <b>{{oldValueFormatted}}</b>, now it's <b>{{valueFormatted}}</b></span>\n\t</tippy>\n</div>\n</template>\n\n<script>\nimport Chart from \"@/components/base/chart\";\nimport API from \"@/api\";\nimport numbers from \"@/helpers/numbers\";\nimport InfoIcon from \"@/components/base/info-icon\";\nimport VSpinner from \"@/components/base/v-spinner\";\n\nexport default {\n\tname: \"analytics-chart\", components: {VSpinner, InfoIcon, Chart},\n\tprops:['title', 'summary', 'startDate', 'endDate', 'prefix', 'suffix', 'isMoney',\n\t       'loading', 'values', 'oldValues', 'roundValue', 'collapsed', 'isEmpty'],\n\tmixins: [API],\n\tdata() {\n\t\treturn {\n\t\t}\n\t},\n\tmethods: {\n\t\tformatValue(value) {\n\t\t\tlet t = value || 0;\n\t\t\tlet v = this.roundValue ? numbers.round_to_zero(t) : numbers.round_to_two(t);\n\t\t\tt = this.isMoney ? this.formatPrice(v) : v;\n\t\t\treturn `${this.prefix} ${t}${this.suffix}`\n\t\t},\n\t\tformatPrice(value) {\n\t\t\tlet val = (value/1).toFixed(2)//.replace('.', ',')\n\t\t\treturn numbers.numberWithCommas(val)\n\t\t},\n\t\tfixPer(precentage) {\n\t\t\tlet n = 0;\n\t\t\tn = numbers.round_to_two(precentage);\n\n\t\t\tif (isNaN(n))\n\t\t\t\treturn 0;\n\t\t\telse\n\t\t\t\treturn n;// Math.abs(n);\n\t\t},\n\t},\n\tcomputed:{\n\t\tvalueFormatted() {\n\t\t\treturn this.formatValue(this.value);\n\t\t},\n\t\toldValueFormatted() {\n\t\t\treturn this.formatValue(this.oldValue);\n\t\t},\n\t\tvalue(){\n\t\t\treturn this.summary? this.summary.value:0\n\t\t},\n\t\toldValue(){\n\t\t\treturn this.summary? this.summary.old_value:0\n\t\t},\n\t\t// sign: function() {\n\t\t// \treturn this.delta >= 0 ? \"+\" : \"-\";\n\t\t// },\n\t\tdeltaClass: function() {\n\t\t\treturn this.delta > 0 ? \"delta-up\" : this.delta < 0 ? \"delta-down\" : \"delta-neutral\";\n\t\t},\n\t\tdelta: function () {\n\t\t\tlet value = this.value || 0;\n\t\t\tlet oldValue = this.oldValue || 0;\n\t\t\tlet difference = (value-oldValue);\n\n\t\t\tif (!oldValue && value) return this.fixPer(100); // use current value as the change value.\n\n\t\t\tlet per = difference/oldValue*100;\n\n\t\t\treturn this.fixPer(per);\n\t\t}\n\t},\n\tcreated() {\n\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.analytics-chart {\n\tdisplay: flex;\n\twidth: 100%;\n\tmargin: 5px 0;\n\n\t&:nth-child(2) {\n\t\tmargin-left: 10px;\n\t}\n\t&.collapsed {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tborder-radius: 4px;\n\t\t//border: 1px solid silver;\n\t\tpadding: 20px 15px;\n\t\tmargin: 0;\n\t\tbackground: #F6F9FE;\n\t\twidth: 100%;\n\t\tposition: relative;\n\n\t\t.__totals {\n\t\t\tmargin-top: 10px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\t.total, .old-total {\n\t\t\t\tfont-size: 25px;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\t\t}\n\t\t.__title {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\t.delta {\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tpadding-right: 0;\n\t\t\t}\n\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics-chart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics-chart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./analytics-chart.vue?vue&type=template&id=392d9aa4&scoped=true&\"\nimport script from \"./analytics-chart.vue?vue&type=script&lang=js&\"\nexport * from \"./analytics-chart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analytics-chart.vue?vue&type=style&index=0&id=392d9aa4&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"392d9aa4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('tbody',{staticClass:\"analytics-step\"},[_c('StepAnalyticsRowV2',{attrs:{\"step\":_vm.step,\"open\":!_vm.hidePages,\"start-date\":_vm.startDate,\"end-date\":_vm.endDate,\"old-end-date\":_vm.oldEndDate,\"old-start-date\":_vm.oldStartDate,\"get-conditions\":_vm.getConditions,\"loading-steps\":_vm.loadingSteps},on:{\"click\":function($event){_vm.hidePages=!_vm.hidePages}}}),(!_vm.hidePages)?[_vm._l((_vm.visiblePages),function(page){return (_vm.visiblePages.length > 0)?[_c('PageAnalyticsRowV2',{attrs:{\"page\":page,\"showProducts\":!page.hideProducts,\"start-date\":_vm.startDate,\"end-date\":_vm.endDate,\"old-end-date\":_vm.oldEndDate,\"old-start-date\":_vm.oldStartDate,\"get-conditions\":_vm.getConditions,\"loading-steps\":_vm.loadingSteps},on:{\"nameClicked\":function($event){return _vm.$set(page,'hideProducts', !page.hideProducts)}}}),(!page.hideProducts)?[_vm._l((_vm.visibleProducts(page)),function(p){return (_vm.visibleProducts(page).length > 0)?_c('product-analytics-row-v2',{attrs:{\"page\":page,\"product\":p}}):_vm._e()}),(page.showHiddenProducts && _vm.hiddenProducts(page).length>0)?_vm._l((_vm.hiddenProducts(page)),function(p){return _c('product-analytics-row-v2',{attrs:{\"page\":page,\"product\":p}})}):_vm._e(),(_vm.hiddenProducts(page).length>0)?[_c('product-analytics-row-v2',{attrs:{\"page\":{page_id:0,name:'hidden'},\"product\":{product_id:0,name:'hidden'},\"showHiddenPages\":page.showHiddenProducts},on:{\"showMore\":function($event){return _vm.$set(page,'showHiddenProducts',!page.showHiddenProducts)}}})]:_vm._e()]:_vm._e()]:_vm._e()}),(_vm.hideHiddenPages && _vm.hiddenPages.length>0)?_vm._l((_vm.hiddenPages),function(page){return _c('PageAnalyticsRowV2',{attrs:{\"page\":page,\"loading-steps\":_vm.loadingSteps,\"start-date\":_vm.startDate,\"end-date\":_vm.endDate,\"old-end-date\":_vm.oldEndDate,\"old-start-date\":_vm.oldStartDate,\"get-conditions\":_vm.getConditions}})}):_vm._e(),(_vm.hiddenPages.length>0)?[_c('PageAnalyticsRowV2',{attrs:{\"page\":{page_id:0,name:'hidden'},\"start-date\":_vm.startDate,\"end-date\":_vm.endDate,\"old-end-date\":_vm.oldEndDate,\"old-start-date\":_vm.oldStartDate,\"get-conditions\":_vm.getConditions,\"loading-steps\":_vm.loadingSteps,\"showHiddenPages\":_vm.hideHiddenPages},on:{\"showMore\":function($event){_vm.hideHiddenPages=!_vm.hideHiddenPages}}})]:_vm._e()]:_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('tr',{staticClass:\"step-analytics-row\",class:{deleted: _vm.step.is_deleted, 'clickable':_vm.clickable, open:_vm.open},attrs:{\"data-id\":_vm.step.step_id}},[_c('td',{staticClass:\"step-name-td\",on:{\"click\":function($event){return _vm.$emit('click')}}},[_c('div',{staticClass:\"step-name\"},[(_vm.clickable)?_c('inline-svg',{staticClass:\"arrow\",attrs:{\"src\":require('@/assets/img/arrow-bottom.svg')}}):_vm._e(),(_vm.step.is_deleted)?_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.step.name))]):_vm._e(),_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.step.name))])],1)]),(_vm.step.unique_next_steps || _vm.step.optins || _vm.step.orders)?_c('td',{staticClass:\"conv-rate-td\"},[_c('tippy',{attrs:{\"theme\":\"small-black\"},scopedSlots:_vm._u([{key:\"trigger\",fn:function(){return [_c('div',[_c('span',{staticClass:\"bar\",style:(`width:${Math.max(1, Math.min(_vm.percentage(_vm.step.orders+_vm.step.unique_next_steps, _vm.step.unique_visits), 100))}%`)}),_c('value-diff',{attrs:{\"value\":_vm.percentage(_vm.step.orders+_vm.step.unique_next_steps, _vm.step.unique_visits),\"no-old-value\":\"\",\"suffix\":\"%\",\"digits\":2}})],1)]},proxy:true}],null,false,3596932093)},[_c('div',[_c('table',{staticClass:\"__brief-tooltip\"},[(_vm.step.unique_next_steps)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.step.unique_next_steps))]),_c('td',[_vm._v(\"Unique click-through\")])]):_vm._e(),(_vm.step.orders)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.step.orders))]),_c('td',[_vm._v(\"Orders\")])]):_vm._e(),(_vm.step.optins)?_c('tr',[_c('td',[_c('value-diff',{attrs:{\"value\":_vm.percentage(_vm.step.optins, _vm.step.unique_visits),\"no-old-value\":\"\",\"suffix\":\"%\",\"digits\":2}})],1),_c('td',[_vm._v(\"Optin rate\")])]):_vm._e(),(_vm.step.optins)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.step.optins))]),_c('td',[_vm._v(\"Optins\")])]):_vm._e()])])])],1):_c('td',{staticClass:\"conv-rate-td\"},[_c('span',{staticClass:\"bar\",style:(`width:${Math.max(1, Math.min(_vm.percentage(_vm.step.orders, _vm.step.unique_visits), 100))}%`)}),_c('value-diff',{attrs:{\"value\":_vm.percentage(_vm.step.orders, _vm.step.unique_visits),\"no-old-value\":\"\",\"suffix\":\"%\",\"digits\":2}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.step.revenue,\"no-old-value\":\"\",\"prefix\":_vm.currencyCode,\"is-money\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.step.orders,\"no-old-value\":\"\",\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.step.unique_visits,\"no-old-value\":\"\",\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.step.pageviews,\"no-old-value\":\"\",\"suffix\":\"\"}})],1),_c('td',{staticClass:\"_downstream-revenue\"},[(_vm.loading)?_c('v-spinner',{staticClass:\"__spinner\",attrs:{\"dots\":\"\",\"dots-color\":\"#555\"}}):_c('value-diff',{attrs:{\"value\":_vm.downstream_revenue,\"no-old-value\":\"\",\"prefix\":_vm.currencyCode,\"is-money\":\"\"}})],1),_c('td',{staticClass:\"_downstream-orders\"},[(_vm.loading)?_c('v-spinner',{staticClass:\"__spinner\",attrs:{\"dots\":\"\",\"dots-color\":\"#555\"}}):_c('value-diff',{attrs:{\"value\":_vm.downstream_orders,\"no-old-value\":\"\",\"suffix\":\"\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<tr class=\"step-analytics-row\" :class=\"{deleted: step.is_deleted, 'clickable':clickable, open:open}\" :data-id=\"step.step_id\">\n\t\t<td class=\"step-name-td\" @click=\"$emit('click')\">\n\t\t\t<div class=\"step-name\">\n\t\t\t\t<inline-svg v-if=\"clickable\" class=\"arrow\" :src=\"require('@/assets/img/arrow-bottom.svg')\" />\n\t\t\t\t<strong v-if=\"step.is_deleted\" class=\"name\">{{ step.name }}</strong>\n\n<!--\t\t\t\t<router-link v-else :to=\"'/wfunnel/'+$route.params.id+'/steps/'+step.step_id\">-->\n\t\t\t\t\t<strong class=\"name\">{{ step.name }}</strong>\n<!--\t\t\t\t</router-link>-->\n\t\t\t</div>\n\t\t</td>\n\n\t\t<td v-if=\"step.unique_next_steps || step.optins || step.orders\" class=\"conv-rate-td\">\n\t\t\t<tippy theme=\"small-black\">\n\t\t\t\t<template v-slot:trigger>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span class=\"bar\"\n\t\t\t\t\t      :style=\"`width:${Math.max(1, Math.min(percentage(step.orders+step.unique_next_steps, step.unique_visits), 100))}%`\" />\n\t\t\t\t\t\t<value-diff :value=\"percentage(step.orders+step.unique_next_steps, step.unique_visits)\"\n\t\t\t\t\t\t            no-old-value suffix=\"%\" :digits=\"2\" />\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\t\t\t\t<div>\n\t\t\t\t\t<table class=\"__brief-tooltip\">\n\t\t\t\t\t\t<tr v-if=\"step.unique_next_steps\">\n\t\t\t\t\t\t\t<td>{{step.unique_next_steps}}</td>\n\t\t\t\t\t\t\t<td>Unique click-through</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr v-if=\"step.orders\">\n\t\t\t\t\t\t\t<td>{{step.orders}}</td>\n\t\t\t\t\t\t\t<td>Orders</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr v-if=\"step.optins\">\n\t\t\t\t\t\t\t<td><value-diff :value=\"percentage(step.optins, step.unique_visits)\"\n\t\t\t\t\t\t\t                no-old-value suffix=\"%\" :digits=\"2\" /></td>\n\t\t\t\t\t\t\t<td>Optin rate</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr v-if=\"step.optins\">\n\t\t\t\t\t\t\t<td>{{step.optins}}</td>\n\t\t\t\t\t\t\t<td>Optins</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</table>\n\t\t\t\t</div>\n\t\t\t</tippy>\n\t\t</td>\n\t\t<td v-else class=\"conv-rate-td\">\n\t\t\t<span class=\"bar\"\n\t\t\t      :style=\"`width:${Math.max(1, Math.min(percentage(step.orders, step.unique_visits), 100))}%`\" />\n\t\t\t<value-diff :value=\"percentage(step.orders, step.unique_visits)\"\n\t\t\t            no-old-value suffix=\"%\" :digits=\"2\" />\n\t\t</td>\n\n\t\t<td >\n\t\t\t<value-diff :value=\"step.revenue\" no-old-value :prefix=\"currencyCode\" is-money />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"step.orders\" no-old-value suffix=\"\" />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"step.unique_visits\" no-old-value suffix=\"\" />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"step.pageviews\" no-old-value suffix=\"\" />\n\t\t</td>\n\t\t<td class=\"_downstream-revenue\">\n\t\t\t<v-spinner class=\"__spinner\" v-if=\"loading\" dots dots-color=\"#555\" />\n\t\t\t<value-diff v-else :value=\"downstream_revenue\" no-old-value :prefix=\"currencyCode\" is-money />\n\t\t</td>\n\t\t<td class=\"_downstream-orders\">\n\t\t\t<v-spinner class=\"__spinner\" v-if=\"loading\" dots dots-color=\"#555\" />\n\t\t\t<value-diff v-else :value=\"downstream_orders\" no-old-value suffix=\"\" />\n\t\t</td>\n\t</tr>\n\n</template>\n\n<script>\nimport ValueDiff from \"@/views/funnels/funnel/valueDiff\";\nimport {percentage} from \"@/helpers/analytics\";\nimport {mapGetters} from \"vuex\";\nimport {getSymbol} from \"@/helpers/currencies\";\nimport API from \"@/api\";\nimport VSpinner from \"@/components/base/v-spinner\";\n\nexport default {\n\tname: \"StepAnalyticsRowV2\", components: {VSpinner, ValueDiff},\n\tprops: [\"step\",'open', \"loadingSteps\", 'startDate', 'endDate','oldStartDate', 'oldEndDate', 'getConditions'],\n\tmixins: [API],\n\tdata() {\n\t\treturn {\n\t\t\tloading:false,\n\t\t\tdownstream_revenue:false,\n\t\t\tdownstream_orders:false,\n\t\t}\n\t},\n\tcomputed:{\n\t\t...mapGetters([\"getFunnelStore\",]),\n\t\tclickable(){\n\t\t\tif (!this.step.pages || !this.step.pages.length) return false;\n\t\t\t// for (let i=0; i < this.step.pages.length; i++){\n\t\t\t// \tlet p = this.step.pages[i]\n\t\t\t// \tif (p.products && p.products.length > 0)\n\t\t\t// \t\treturn true\n\t\t\t// }\n\t\t\treturn true;\n\t\t},\n\t\tcurrencyCode() {\n\t\t\tlet currency = this.getFunnelStore.currency_code;\n\t\t\treturn getSymbol(currency);\n\t\t},\n\t},\n\twatch: {\n\t\tloadingSteps:{\n\t\t\thandler(val, oldVal){\n\t\t\t\tif (val && !oldVal) {\n\t\t\t\t\tthis.loadSummary()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tmethods:{\n\t\tpercentage(sub,total) {\n\t\t\treturn percentage(sub,total)\n\t\t},\n\t\tasync loadSummary() {\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\t\t\t\tlet id = this.$route.params.id;\n\t\t\t\tlet data = await this.api.analytics.getDownstreamSummary(id, this.step.step_id, 0,\n\t\t\t\t\t\tthis.startDate, this.endDate, this.oldStartDate, this.oldEndDate, this.getConditions());\n\n\t\t\t\tthis.downstream_revenue = data.revenue;\n\t\t\t\tthis.downstream_orders = data.orders;\n\n\t\t\t\t// this.values[chart] = data\n\t\t\t} catch (e) {\n\t\t\t\tconsole.error(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t},\n\tmounted() {\n\t\tthis.loadSummary()\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.__brief-tooltip {\n\tpadding: 0 4px;\n\ttr {\n\t\tfont-weight: 500;\n\t}\n\ttr td:first-child {\n\t\tfont-weight: bold;\n\t\tpadding-right: 10px;\n\t}\n}\n.step-analytics-row {\n\ttd._downstream-revenue, td._downstream-orders {\n\t\tposition: relative;\n\t\ttext-align: right;\n\t\talign-content: end;\n\t\t.__spinner {\n\t\t\tright: 0;\n\t\t\tleft: auto;\n\t\t}\n\t}\n\t&.open {\n\t\t\ttd {\n\t\t\t\tborder-top: 1px solid #e6eff7;\n\t\t\t\tborder-bottom: 1px solid #e6eff7;\n\t\t\t}\n\t}\n\t&:hover {\n\t\ttd {\n\t\t\tbackground: #f5f6f8 !important;\n\t\t}\n\t}\n\t//&.clickable {\n\n\t\t.step-name {\n\t\t\tcursor: pointer;\n\t\t\t.name {\n\t\t\t\twhite-space: nowrap;\n\t\t\t\tmax-width: 300px;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t\t.arrow {\n\t\t\t\tmargin-right: 5px;\n\t\t\t}\n\t\t\t.arrow {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: -20px;\n\t\t\t}\n\t\t}\n\t\t&.open{\n\t\t\t.arrow {\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t}\n\t\t}\n\t\t.step-name-td:hover {\n\t\t\tcursor: pointer;\n\t\t\t.name {\n\t\t\t\tcolor: $sharp-blue;\n\t\t\t}\n\t\t}\n\t//}\n\ttd:first-child {\n\t\tpadding-left: 30px;\n\t\twidth: 100%;\n\t}\n\t&.deleted {\n\t\t.step-name {\n\t\t\t.name {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./step_analytics_row.v2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./step_analytics_row.v2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./step_analytics_row.v2.vue?vue&type=template&id=2110a4e3&scoped=true&\"\nimport script from \"./step_analytics_row.v2.vue?vue&type=script&lang=js&\"\nexport * from \"./step_analytics_row.v2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./step_analytics_row.v2.vue?vue&type=style&index=0&id=2110a4e3&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2110a4e3\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.page.page_id>0)?_c('tr',{staticClass:\"page-analytics-row\",class:{deleted: _vm.page.is_deleted, open:_vm.showProducts&&_vm.clickable},attrs:{\"data-id\":_vm.page.step_id}},[_c('td',{class:{clickable:_vm.clickable},on:{\"click\":function($event){return _vm.$emit('nameClicked')}}},[_c('div',{staticClass:\"page-name\"},[(_vm.clickable)?_c('inline-svg',{staticClass:\"arrow\",attrs:{\"src\":require('@/assets/img/arrow-bottom.svg')}}):_vm._e(),(_vm.page.is_deleted)?_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.page.name))]):(_vm.page.name)?_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.page.name))]):_c('strong',{staticClass:\"name empty\"},[_c('i',[_vm._v(\"PAGE VARIANT\")])])],1)]),(_vm.page.unique_next_steps || _vm.page.optins || _vm.page.orders)?_c('td',{staticClass:\"conv-rate-td\"},[_c('tippy',{attrs:{\"theme\":\"small-black\"},scopedSlots:_vm._u([{key:\"trigger\",fn:function(){return [_c('div',[_c('span',{staticClass:\"bar\",style:(`width:${Math.max(1, Math.min(_vm.percentage(_vm.page.orders+_vm.page.unique_next_steps, _vm.page.unique_visits), 100))}%`)}),_c('value-diff',{attrs:{\"value\":_vm.percentage(_vm.page.orders+_vm.page.unique_next_steps, _vm.page.unique_visits),\"no-old-value\":\"\",\"suffix\":\"%\",\"digits\":2}})],1)]},proxy:true}],null,false,1479737661)},[_c('div',[_c('table',{staticClass:\"__brief-tooltip\"},[(_vm.page.unique_next_steps)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.page.unique_next_steps))]),_c('td',[_vm._v(\"Unique click-through\")])]):_vm._e(),(_vm.page.orders)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.page.orders))]),_c('td',[_vm._v(\"Orders\")])]):_vm._e(),(_vm.page.optins)?_c('tr',[_c('td',[_c('value-diff',{attrs:{\"value\":_vm.percentage(_vm.page.optins, _vm.page.unique_visits),\"no-old-value\":\"\",\"suffix\":\"%\",\"digits\":2}})],1),_c('td',[_vm._v(\"Optin rate\")])]):_vm._e(),(_vm.page.optins)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.page.optins))]),_c('td',[_vm._v(\"Optins\")])]):_vm._e()])])])],1):_c('td',{staticClass:\"conv-rate-td\"},[_c('span',{staticClass:\"bar\",style:(`width:${Math.max(1, Math.min(_vm.percentage(_vm.page.orders, _vm.page.unique_visits), 100))}%`)}),_c('value-diff',{attrs:{\"value\":_vm.percentage(_vm.page.orders, _vm.page.unique_visits),\"no-old-value\":\"\",\"suffix\":\"%\",\"digits\":2}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.page.revenue,\"no-old-value\":\"\",\"prefix\":_vm.currencyCode,\"is-money\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.page.orders,\"no-old-value\":\"\",\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.page.unique_visits,\"no-old-value\":\"\",\"suffix\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.page.pageviews,\"no-old-value\":\"\",\"suffix\":\"\"}})],1),_c('td',{staticClass:\"_downstream-revenue\"},[(_vm.loading)?_c('v-spinner',{staticClass:\"__spinner\",attrs:{\"dots\":\"\",\"dots-color\":\"#555\"}}):_c('value-diff',{attrs:{\"value\":_vm.downstream_revenue,\"no-old-value\":\"\",\"prefix\":_vm.currencyCode,\"is-money\":\"\"}})],1),_c('td',{staticClass:\"_downstream-orders\"},[(_vm.loading)?_c('v-spinner',{staticClass:\"__spinner\",attrs:{\"dots\":\"\",\"dots-color\":\"#555\"}}):_c('value-diff',{attrs:{\"value\":_vm.downstream_orders,\"no-old-value\":\"\",\"suffix\":\"\"}})],1)]):_c('tr',{staticClass:\"page-analytics-row empty\",class:{deleted: _vm.page.is_deleted}},[_c('td',[_c('div',{staticClass:\"page-name\"},[_c('strong',{staticClass:\"name\"},[_c('v-button',{staticClass:\"show-more\",attrs:{\"flat\":\"\",\"slim\":\"\"},on:{\"click\":function($event){return _vm.$emit('showMore')}}},[_c('inline-svg',{staticClass:\"arrow\",class:{open:_vm.showHiddenPages},attrs:{\"src\":require('@/assets/img/arrow-bottom.svg')}})],1)],1)])]),_c('td'),_c('td'),_c('td'),_c('td'),_c('td'),_c('td')])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.product.product_id>0)?_c('tr',{staticClass:\"product-analytics-row\",class:{deleted: _vm.product.is_deleted},attrs:{\"data-id\":_vm.product.product_id}},[_c('td',[_c('div',{staticClass:\"page-name\"},[(_vm.product.is_deleted)?_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.product.name))]):(_vm.product.name)?_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.product.name))]):_c('strong',{staticClass:\"name empty\"},[_c('i',[_vm._v(\"UNKNOWN PRODUCT\")])])])]),_c('td',{staticClass:\"conv-rate-td\"},[_c('span',{staticClass:\"bar\",style:(`width:${Math.max(1, Math.min(_vm.percentage(_vm.product.orders, _vm.page.unique_visits), 100))}%`)}),_c('value-diff',{attrs:{\"value\":_vm.percentage(_vm.product.orders, _vm.page.unique_visits),\"no-old-value\":\"\",\"suffix\":\"%\",\"digits\":2}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.product.revenue,\"no-old-value\":\"\",\"prefix\":_vm.currencyCode,\"is-money\":\"\"}})],1),_c('td',[_c('value-diff',{attrs:{\"value\":_vm.product.orders,\"no-old-value\":\"\",\"suffix\":\"\"}})],1),_c('td'),_c('td'),_c('td'),_c('td')]):_c('tr',{staticClass:\"product-analytics-row empty\",class:{deleted: _vm.product.is_deleted}},[_c('td',[_c('div',{staticClass:\"page-name\"},[_c('strong',{staticClass:\"name\"},[_c('v-button',{staticClass:\"show-more\",attrs:{\"flat\":\"\",\"slim\":\"\"},on:{\"click\":function($event){return _vm.$emit('showMore')}}},[_c('inline-svg',{staticClass:\"arrow\",class:{open:_vm.showHiddenPages},attrs:{\"src\":require('@/assets/img/arrow-bottom.svg')}})],1)],1)])]),_c('td'),_c('td'),_c('td'),_c('td'),_c('td'),_c('td')])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<tr v-if=\"product.product_id>0\" class=\"product-analytics-row\"\n\t    :class=\"{deleted: product.is_deleted}\" :data-id=\"product.product_id\">\n\t\t<td>\n\t\t\t<div class=\"page-name\">\n\t\t\t\t<strong v-if=\"product.is_deleted\" class=\"name\">{{ product.name }}</strong>\n\n<!--\t\t\t\t<router-link v-else :to=\"'/wfunnel/'+$route.params.id+'/steps/'+page.step_id\">-->\n\t\t\t\t\t<strong v-else-if=\"product.name\" class=\"name\">{{ product.name }}</strong>\n\t\t\t\t\t<strong v-else class=\"name empty\"><i>UNKNOWN PRODUCT</i></strong>\n<!--\t\t\t\t</router-link>-->\n\t\t\t</div>\n\t\t</td>\n\n\t\t<td class=\"conv-rate-td\">\n\t\t\t<span class=\"bar\"\n\t\t\t      :style=\"`width:${Math.max(1, Math.min(percentage(product.orders, page.unique_visits), 100))}%`\" />\n\t\t\t<value-diff :value=\"percentage(product.orders, page.unique_visits)\"\n\t\t\t            no-old-value suffix=\"%\" :digits=\"2\" />\n\t\t</td>\n\n\t\t<td >\n\t\t\t<value-diff :value=\"product.revenue\" no-old-value :prefix=\"currencyCode\" is-money />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"product.orders\" no-old-value suffix=\"\" />\n\t\t</td>\n\t\t<td >\n\t\t\t<!--\t\t\t<value-diff :value=\"page.unique_visits\" no-old-value suffix=\"\" />-->\n\t\t</td>\n\t\t<td> <!-- pageviews --> </td>\n\t\t<td></td>\n\t\t<td></td>\n\t</tr>\n\n<!--\thidden pages entry -->\n\t<tr v-else class=\"product-analytics-row empty\" :class=\"{deleted: product.is_deleted}\" >\n\t\t<td>\n\t\t\t<div class=\"page-name\">\n\t\t\t\t<strong class=\"name\">\n<!--\t\t\t\t\t:label=\"showHiddenPages?'Hide deleted products':`Show deleted products`\"-->\n\t\t\t\t\t<v-button class=\"show-more\" flat slim\n\t\t\t\t\t          @click=\"$emit('showMore')\" >\n<!--\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/plus_icon_gray.svg')\" />-->\n\t\t\t\t\t\t<inline-svg class=\"arrow\" :class=\"{open:showHiddenPages}\" :src=\"require('@/assets/img/arrow-bottom.svg')\" />\n\t\t\t\t\t</v-button>\n\t\t\t\t</strong>\n\t\t\t</div>\n\t\t</td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t</tr>\n</template>\n\n<script>\nimport ValueDiff from \"@/views/funnels/funnel/valueDiff\";\nimport {percentage} from \"@/helpers/analytics\";\nimport {mapGetters} from \"vuex\";\nimport {getSymbol} from \"@/helpers/currencies\";\nimport VButton from \"@/components/base/v-button\";\n\nexport default {\n\tname: \"ProductAnalyticsRowV2\", components: {VButton, ValueDiff},\n\tprops: [\"product\", \"page\",\"showHiddenPages\"],\n\tdata() {\n\t\treturn {}\n\t},\n\tcomputed:{\n\t\t...mapGetters([\"getFunnelStore\",]),\n\t\tcurrencyCode() {\n\t\t\tlet currency = this.getFunnelStore.currency_code;\n\t\t\treturn getSymbol(currency);\n\t\t},\n\t},\n\tmethods:{\n\t\tpercentage(sub,total) {\n\t\t\treturn percentage(sub,total)\n\t\t},\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.product-analytics-row {\n\ttd:first-child::before {\n\t\tcontent: \"\";\n\t\tdisplay: flex;\n\t\theight: 100%; // calc(100% - 10px);\n\t\tleft: 30px;\n\t\ttop: 0;\n\t\t//top: 50px;\n\t\twidth: 2px;\n\t\tbackground: #ebeff5;\n\t\tposition: absolute;\n\t\tz-index: 2;\n\t\t//bottom: -10px;\n\t}\n\n\ta.show-more {\n\t\tborder-radius: 20px;\n\t\tborder: 1px solid #b0b4ba;\n\t\tpadding: 1px;\n\t\tcolor: #8f9092;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\t//left: 8px;\n\t\t//top: -13px;\n\t\tz-index: 2;\n\t\tbackground: white;\n\t\ttop: -10px;\n\t\tleft: -22px;\n\n\t\t.arrow {\n\t\t\tmargin: auto;\n\t\t\ttop: calc(50% - 7px);\n\t\t\tleft: calc(50% - 7px);\n\t\t\t&.open {\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t}\n\t\t}\n\t}\n\t//&.empty {\n\t//\t.page-name {\n\t//\t\t&::before {\n\t//\t\t\tcontent: \"\";\n\t//\t\t\tdisplay: flex;\n\t//\t\t\tbackground: transparent;\n\t//\t\t\twidth: 0;\n\t//\t\t\theight: calc(50%);\n\t//\t\t\tleft: 20px;\n\t//\t\t\tposition: absolute;\n\t//\t\t\ttop: calc(-50% + 0px);\n\t//\t\t\tborder-bottom: 2px solid red;\n\t//\t\t\tborder-left: 2px solid red;\n\t//\t\t}\n\t//\t}\n\t//\ttd {\n\t//\t\theight: 14px;\n\t//\t\tpadding: 0;\n\t//\t\tpadding-left: 0!important;\n\t//\t}\n\t//}\n\t&.empty {\n\t\t&:last-child td:first-child::before {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: none;\n\t\t\t//height: 100%; // calc(100% - 10px);\n\t\t\tleft: 30px;\n\t\t\ttop: 0;\n\t\t\t//top: 50px;\n\t\t\twidth: 3px;\n\t\t\theight: 3px;\n\t\t\tborder-radius: 10px;\n\t\t\tbackground: silver;\n\t\t\tposition: absolute;\n\t\t\tz-index: 2;\n\t\t\t//bottom: -10px;\n\t\t}\n\t\t.page-name, .page-name .name {\n\t\t\tmargin-left: 0;\n\t\t\toverflow: visible;\n\t\t\t&:before {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t\ttd {\n\t\t\tborder-right: none;\n\t\t\tbackground: transparent;\n\t\t\theight: 5px;\n\t\t\tmin-height: 0;\n\t\t\tmax-height: 5px;\n\t\t\tpadding: 0;\n\t\t}\n\t\ttd:first-child {\n\t\t\tbackground: white !important;\n\t\t}\n\t}\n\n\n\t.page-name {\n\t\t&::before {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: flex;\n\t\t\twidth: 6px;\n\t\t\tleft: -15px;\n\t\t\tposition: absolute;\n\t\t\ttop: calc(50% - 3px);\n\t\t\tbackground: grey;\n\t\t\tborder-radius: 15px;\n\t\t\theight: 6px;\n\t\t}\n\t}\n\t.page-name {\n\t\tposition: relative;\n\t\t.name {\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 150%;\n\t\t\tletter-spacing: 0.02em;\n\t\t\tcolor: #252A32;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 300px;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\n\ttd {\n\t\tbackground: white;\n\t\tborder-top: none;\n\t}\n\n\t&:hover:not(.empty) {\n\t\ttd {\n\t\t\tbackground: #e6e6ea !important;\n\t\t}\n\t}\n\t&.empty {\n\t\ttd {\n\t\t\tborder-right: none;\n\t\t\tbackground: transparent;\n\t\t}\n\t\ttd:first-child {\n\t\t\tbackground: white !important;\n\t\t}\n\t}\n\ttd:first-child {\n\t\t//background: white !important;\n\t\tpadding-left: 80px;\n\t}\n\n\t&.deleted {\n\t\t.page-name {\n\t\t\t.name {\n\t\t\t\tcolor: #8f8f8f;\n\t\t\t}\n\t\t\t&::before {\n\t\t\t\tbackground: silver;\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product_analytics_row.v2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product_analytics_row.v2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./product_analytics_row.v2.vue?vue&type=template&id=3a9bd83e&scoped=true&\"\nimport script from \"./product_analytics_row.v2.vue?vue&type=script&lang=js&\"\nexport * from \"./product_analytics_row.v2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product_analytics_row.v2.vue?vue&type=style&index=0&id=3a9bd83e&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3a9bd83e\",\n  null\n  \n)\n\nexport default component.exports","<template>\n<!--\t<tr class=\"page-analytics-row-wrapper\">-->\n\t<tr v-if=\"page.page_id>0\" class=\"page-analytics-row\" :class=\"{deleted: page.is_deleted, open:showProducts&&clickable}\" :data-id=\"page.step_id\">\n\t\t<td :class=\"{clickable:clickable}\" @click=\"$emit('nameClicked')\">\n\t\t\t<div class=\"page-name\">\n\t\t\t\t<inline-svg v-if=\"clickable\" class=\"arrow\" :src=\"require('@/assets/img/arrow-bottom.svg')\" />\n\t\t\t\t<strong v-if=\"page.is_deleted\" class=\"name\">{{ page.name }}</strong>\n\n<!--\t\t\t\t<router-link v-else :to=\"'/wfunnel/'+$route.params.id+'/steps/'+page.step_id\">-->\n\t\t\t\t\t<strong v-else-if=\"page.name\" class=\"name\">{{ page.name }}</strong>\n\t\t\t\t\t<strong v-else class=\"name empty\"><i>PAGE VARIANT</i></strong>\n<!--\t\t\t\t</router-link>-->\n\t\t\t</div>\n\t\t</td>\n\n\t\t<td v-if=\"page.unique_next_steps || page.optins || page.orders\" class=\"conv-rate-td\">\n\t\t\t<tippy theme=\"small-black\">\n\t\t\t\t<template v-slot:trigger>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span class=\"bar\"\n\t\t\t\t\t\t      :style=\"`width:${Math.max(1, Math.min(percentage(page.orders+page.unique_next_steps, page.unique_visits), 100))}%`\" />\n\t\t\t\t\t\t<value-diff :value=\"percentage(page.orders+page.unique_next_steps, page.unique_visits)\"\n\t\t\t\t\t\t            no-old-value suffix=\"%\" :digits=\"2\" />\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\t\t\t\t<div>\n\t\t\t\t\t<table class=\"__brief-tooltip\">\n\t\t\t\t\t\t<tr v-if=\"page.unique_next_steps\">\n\t\t\t\t\t\t\t<td>{{page.unique_next_steps}}</td>\n\t\t\t\t\t\t\t<td>Unique click-through</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr v-if=\"page.orders\">\n\t\t\t\t\t\t\t<td>{{page.orders}}</td>\n\t\t\t\t\t\t\t<td>Orders</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr v-if=\"page.optins\">\n\t\t\t\t\t\t\t<td><value-diff :value=\"percentage(page.optins, page.unique_visits)\"\n\t\t\t\t\t\t\t                no-old-value suffix=\"%\" :digits=\"2\" /></td>\n\t\t\t\t\t\t\t<td>Optin rate</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr v-if=\"page.optins\">\n\t\t\t\t\t\t\t<td>{{page.optins}}</td>\n\t\t\t\t\t\t\t<td>Optins</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</table>\n\t\t\t\t</div>\n\t\t\t</tippy>\n\t\t</td>\n\t\t<td v-else class=\"conv-rate-td\">\n\t\t\t<span class=\"bar\" :style=\"`width:${Math.max(1, Math.min(percentage(page.orders, page.unique_visits), 100))}%`\" />\n\t\t\t<value-diff :value=\"percentage(page.orders, page.unique_visits)\"\n\t\t\t            no-old-value suffix=\"%\" :digits=\"2\" />\n\t\t</td>\n\n\t\t<td >\n\t\t\t<value-diff :value=\"page.revenue\" no-old-value :prefix=\"currencyCode\" is-money />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"page.orders\" no-old-value suffix=\"\" />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"page.unique_visits\" no-old-value suffix=\"\" />\n\t\t</td>\n\t\t<td >\n\t\t\t<value-diff :value=\"page.pageviews\" no-old-value suffix=\"\" />\n\t\t</td>\n\t\t<td class=\"_downstream-revenue\">\n\t\t\t<v-spinner class=\"__spinner\" v-if=\"loading\" dots dots-color=\"#555\" />\n\t\t\t<value-diff v-else :value=\"downstream_revenue\" no-old-value :prefix=\"currencyCode\" is-money />\n\t\t</td>\n\t\t<td class=\"_downstream-orders\">\n\t\t\t<v-spinner class=\"__spinner\" v-if=\"loading\" dots dots-color=\"#555\" />\n\t\t\t<value-diff v-else :value=\"downstream_orders\" no-old-value suffix=\"\" />\n\t\t</td>\n\t</tr>\n\n<!--\thidden pages entry -->\n\t<tr v-else class=\"page-analytics-row empty\" :class=\"{deleted: page.is_deleted}\" >\n\t\t<td>\n\t\t\t<div class=\"page-name\">\n\t\t\t\t<strong class=\"name\">\n\t\t\t\t\t<v-button class=\"show-more\" flat slim\n\t\t\t\t\t          @click=\"$emit('showMore')\" >\n\t\t\t\t\t\t<inline-svg class=\"arrow\" :class=\"{open:showHiddenPages}\"\n\t\t\t\t\t\t            :src=\"require('@/assets/img/arrow-bottom.svg')\" />\n\t\t\t\t\t</v-button>\n\t\t\t\t</strong>\n\t\t\t</div>\n\t\t</td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t\t<td ></td>\n\t</tr>\n\n<!--</tr>-->\n</template>\n\n<script>\nimport ValueDiff from \"@/views/funnels/funnel/valueDiff\";\nimport {percentage} from \"@/helpers/analytics\";\nimport {mapGetters} from \"vuex\";\nimport {getSymbol} from \"@/helpers/currencies\";\nimport VButton from \"@/components/base/v-button\";\nimport ProductAnalyticsRowV2 from \"@/views/funnels/funnel-plus/funnel/analytics/product_analytics_row.v2\";\nimport API from \"@/api\";\nimport VSpinner from \"@/components/base/v-spinner\";\n\nexport default {\n\tname: \"PageAnalyticsRowV2\", components: {VSpinner, ProductAnalyticsRowV2, VButton, ValueDiff},\n\tprops: [\"page\",\"showHiddenPages\",'showProducts', \"loadingSteps\",'startDate', 'endDate','oldStartDate', 'oldEndDate', 'getConditions'],\n\tmixins: [API],\n\tdata() {\n\t\treturn {\n\t\t\t// showProducts: false,\n\t\t\tshowHiddenProducts: false,\n\t\t\tloading:false,\n\t\t\tdownstream_revenue:0,\n\t\t\tdownstream_orders:0,\n\t\t}\n\t},\n\tcomputed:{\n\t\t...mapGetters([\"getFunnelStore\",]),\n\t\tcurrencyCode() {\n\t\t\tlet currency = this.getFunnelStore.currency_code;\n\t\t\treturn getSymbol(currency);\n\t\t},\n\t\tclickable(){\n\t\t\treturn this.page.products && this.page.products.length>0 && !this.page.is_deleted;\n\t\t},\n\t},\n\twatch: {\n\t\tloadingSteps:{\n\t\t\thandler(val, oldVal) {\n\t\t\t\tif (val && !oldVal) {\n\t\t\t\t\tthis.loadSummary()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tmethods:{\n\t\tpercentage(sub,total) {\n\t\t\treturn percentage(sub,total)\n\t\t},\n\t\tasync loadSummary() {\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\t\t\t\tlet id = this.$route.params.id;\n\t\t\t\tlet data = await this.api.analytics.getDownstreamSummary(id, this.page.step_id, this.page.page_id,\n\t\t\t\t\t\tthis.startDate, this.endDate, this.oldStartDate, this.oldEndDate, this.getConditions());\n\n\t\t\t\tthis.downstream_revenue = data.revenue;\n\t\t\t\tthis.downstream_orders = data.orders;\n\n\t\t\t\t// this.values[chart] = data\n\t\t\t} catch (e) {\n\t\t\t\tconsole.error(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t},\n\tcreated() {\n\t\tthis.loadSummary()\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.__brief-tooltip {\n\tpadding: 0 4px;\n\ttr {\n\t\tfont-weight: 500;\n\t}\n\ttr td:first-child {\n\t\tfont-weight: bold;\n\t\tpadding-right: 10px;\n\t}\n}\n.page-analytics-row {\n\ttd._downstream-revenue, td._downstream-orders {\n\t\tposition: relative;\n\t\ttext-align: right;\n\t\talign-content: end;\n\t\t.__spinner {\n\t\t\tright: 0;\n\t\t\tleft: auto;\n\t\t}\n\t}\n\ttd:first-child::before {\n\t\tcontent: \"\";\n\t\tdisplay: flex;\n\t\theight: 100%; // calc(100% - 10px);\n\t\tleft: 30px;\n\t\ttop: 0;\n\t\t//top: 50px;\n\t\twidth: 2px;\n\t\tbackground: #ebeff5;\n\t\tposition: absolute;\n\t\tz-index: 2;\n\t\t//bottom: -10px;\n\t}\n\t&.open {\n\t\ttd {\n\t\t\tborder-top: 1px solid #e6eff7;\n\t\t\tborder-bottom: 1px solid #e6eff7 !important;\n\t\t}\n\t}\n\ta.show-more {\n\t\tborder-radius: 20px;\n\t\tborder: 1px solid #b0b4ba;\n\t\tpadding: 5px;\n\t\tcolor: #8f9092;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\t//left: 8px;\n\t\t//top: -13px;\n\t\tz-index: 2;\n\t\tbackground: white;\n\t\ttop: -20px;\n\t\tleft: -12px;\n\n\t\t.arrow {\n\t\t\tmargin: auto;\n\t\t\ttop: calc(50% - 7px);\n\t\t\tleft: calc(50% - 7px);\n\t\t\t&.open {\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t}\n\t\t}\n\t}\n\t&:not(.empty):last-child {\n\t\ttd:first-child::before {\n\t\t\theight: 0;\n\t\t}\n\t}\n\t.page-name {\n\t\tposition: relative;\n\t\t&::before {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: flex;\n\t\t\tbackground: transparent;\n\t\t\twidth: 15px;\n\t\t\theight: calc(100% - 1px);\n\t\t\tleft: 0;\n\t\t\tposition: absolute;\n\t\t\ttop: calc(-50% + 0px);\n\t\t\tborder-bottom: 2px solid #ebeff5;\n\t\t\tborder-left: 2px solid #ebeff5;\n\t\t}\n\t\t.name {\n\t\t\tmargin-left: 35px;\n\t\t\twhite-space: nowrap;\n\t\t\tmax-width: 300px;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tdisplay: block;\n\t\t\t&::before {\n\t\t\t\tcontent: \"\";\n\t\t\t\tdisplay: flex;\n\t\t\t\tbackground: $blue;\n\t\t\t\tborder-radius: 10px;\n\t\t\t\theight: 8px;\n\t\t\t\twidth: 8px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: calc(50% - 6px);\n\t\t\t\tleft: 15px;\n\t\t\t}\n\t\t}\n\t}\n\t&:not(:nth-child(1)):not(:nth-child(2)) {\n\t\t.page-name {\n\t\t\t&::before {\n\t\t\t\theight: calc(200% - 1px);\n\t\t\t\ttop: calc(-150% + 0px);\n\t\t\t}\n\t\t}\n\t}\n\t.page-name {\n\t\t.arrow {\n\t\t\tmargin-right: 5px;\n\t\t}\n\t\t.arrow {\n\t\t\tposition: absolute;\n\t\t\tleft: -20px;\n\t\t}\n\t}\n\t&.open{\n\t\t.arrow {\n\t\t\ttransform: rotate(180deg);\n\t\t}\n\t}\n\n\t.clickable {\n\t\tcursor: pointer;\n\n\t\t&:hover {\n\t\t\tstrong {\n\t\t\t\tcolor: #4268e0;\n\t\t\t}\n\t\t}\n\t}\n\t.page-name .name {\n\t\tfont-weight: 400;\n\t\tfont-size: 13px;\n\t\tline-height: 150%;\n\t\tletter-spacing: 0.02em;\n\t\tcolor: #252A32;\n\t\twhite-space: break-spaces;\n\t}\n\n\t&.empty {\n\t\t.page-name, .page-name .name {\n\t\t\tmargin-left: 0;\n\t\t\toverflow: visible;\n\t\t\t&:before {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t\ttd {\n\t\t\tborder-right: none;\n\t\t\tbackground: transparent;\n\t\t\t&::before {\n\t\t\t//\tcontent: '';\n\t\t\t\tdisplay: none;\n\t\t\t//\theight: 1px;\n\t\t\t//\twidth: 100%;\n\t\t\t//\tbox-shadow: 1px 0 3px rgb(0 0 0 / 19%), 4px 0 5px rgb(0 0 0 / 20%), 5px 0 10px rgb(0 0 0 / 28%);\n\t\t\t//\tbackground: rgba(173, 173, 173, 0.36);\n\t\t\t}\n\t\t}\n\t\ttd:first-child {\n\t\t\tbackground: white !important;\n\t\t}\n\t}\n\ttd:first-child {\n\t\t//background: rgba(249, 249, 249, 1) !important;\n\t\tpadding-left: 30px;\n\t}\n\n\t&.deleted {\n\t\t.page-name {\n\t\t\t.name {\n\t\t\t\tcolor: #c6c6c6;\n\t\t\t\t&::before{\n\t\t\t\t\tbackground: #cbcdd6;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page_analytics_row.v2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page_analytics_row.v2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./page_analytics_row.v2.vue?vue&type=template&id=ba6133da&scoped=true&\"\nimport script from \"./page_analytics_row.v2.vue?vue&type=script&lang=js&\"\nexport * from \"./page_analytics_row.v2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./page_analytics_row.v2.vue?vue&type=style&index=0&id=ba6133da&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ba6133da\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<tbody class=\"analytics-step\">\n\t\t<StepAnalyticsRowV2 :step=\"step\" @click=\"hidePages=!hidePages\" :open=\"!hidePages\"\n\t\t                    :start-date=\"startDate\" :end-date=\"endDate\" :old-end-date=\"oldEndDate\" :old-start-date=\"oldStartDate\"\n\t\t                    :get-conditions=\"getConditions\" :loading-steps=\"loadingSteps\"/>\n\n\t\t<template v-if=\"!hidePages\">\n\t\t\t<template v-if=\"visiblePages.length > 0\" v-for=\"(page) in visiblePages\">\n\t\t\t\t<PageAnalyticsRowV2 :page=\"page\" :showProducts=\"!page.hideProducts\"\n\t\t\t\t                    :start-date=\"startDate\" :end-date=\"endDate\" :old-end-date=\"oldEndDate\" :old-start-date=\"oldStartDate\"\n\t\t\t\t                    :get-conditions=\"getConditions\" :loading-steps=\"loadingSteps\"\n\t\t\t\t                    @nameClicked=\"$set(page,'hideProducts', !page.hideProducts)\"  />\n\n\t\t\t\t<template v-if=\"!page.hideProducts\">\n\t\t\t\t\t<product-analytics-row-v2 v-if=\"visibleProducts(page).length > 0\"\n\t\t\t\t\t                          :page=\"page\" :product=\"p\" v-for=\"p in visibleProducts(page)\"  />\n\n\t\t\t\t\t<template v-if=\"page.showHiddenProducts && hiddenProducts(page).length>0\">\n\t\t\t\t\t\t<product-analytics-row-v2 :page=\"page\" :product=\"p\" v-for=\"p in hiddenProducts(page)\"  />\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<template v-if=\"hiddenProducts(page).length>0\">\n\t\t\t\t\t\t<product-analytics-row-v2 :page=\"{page_id:0,name:'hidden'}\"\n\t\t\t\t\t\t                          :product=\"{product_id:0,name:'hidden'}\" :showHiddenPages=\"page.showHiddenProducts\"\n\t\t\t\t\t\t                          @showMore=\"$set(page,'showHiddenProducts',!page.showHiddenProducts)\" />\n\t\t\t\t\t</template>\n\t\t\t\t</template>\n\t\t\t</template>\n\n\t\t\t<template v-if=\"hideHiddenPages && hiddenPages.length>0\">\n\t\t\t\t<PageAnalyticsRowV2 :page=\"page\" v-for=\"(page) in hiddenPages\" :loading-steps=\"loadingSteps\"\n\t\t\t\t                    :start-date=\"startDate\" :end-date=\"endDate\" :old-end-date=\"oldEndDate\" :old-start-date=\"oldStartDate\"\n\t\t\t\t                    :get-conditions=\"getConditions\"/>\n\t\t\t</template>\n\n\t\t\t<template v-if=\"hiddenPages.length>0\">\n\t\t\t\t<PageAnalyticsRowV2 :page=\"{page_id:0,name:'hidden'}\"\n\t\t\t\t                    :start-date=\"startDate\" :end-date=\"endDate\" :old-end-date=\"oldEndDate\" :old-start-date=\"oldStartDate\"\n\t\t\t\t                    :get-conditions=\"getConditions\" :loading-steps=\"loadingSteps\"\n\t\t\t\t                    :showHiddenPages=\"hideHiddenPages\"\n\t\t\t\t                    @showMore=\"hideHiddenPages=!hideHiddenPages\" />\n\t\t\t</template>\n\t\t</template>\n\n\t</tbody>\n</template>\n\n<script>\nimport VButton from \"@/components/base/v-button\";\nimport StepAnalyticsRowV2 from \"@/views/funnels/funnel-plus/funnel/analytics/step_analytics_row.v2\";\nimport PageAnalyticsRowV2 from \"@/views/funnels/funnel-plus/funnel/analytics/page_analytics_row.v2\";\nimport ProductAnalyticsRowV2 from \"@/views/funnels/funnel-plus/funnel/analytics/product_analytics_row.v2\";\nimport API from \"@/api\";\nexport default {\n\tname: \"analytics-step-v2\",\n\tcomponents: {\n\t\tProductAnalyticsRowV2,\n\t\tPageAnalyticsRowV2,\n\t\tStepAnalyticsRowV2,\n\t\tVButton},\n\tprops: [\"step\", \"showPages\", \"loadingSteps\",'startDate', 'endDate','oldStartDate', 'oldEndDate', 'getConditions'],\n\tmixins: [API],\n\tdata(){\n\t\treturn {\n\t\t\thidePages: !this.showPages,\n\t\t\thideHiddenPages: false,\n\t\t\tloading:false,\n\t\t}\n\t},\n\tcomputed:{\n\t\thiddenPages() {\n\t\t\treturn this.step.pages ? this.step.pages.filter(x => x.is_deleted) : []\n\t\t},\n\t\tvisiblePages() {\n\t\t\treturn this.step.pages ? this.step.pages.filter(x => !x.is_deleted) : []\n\t\t},\n\t},\n\tmethods:{\n\t\thiddenProducts(page) {\n\t\t\treturn page.products ? page.products.filter(x => x.is_deleted) : []\n\t\t},\n\t\tvisibleProducts(page) {\n\t\t\treturn page.products ? page.products.filter(x => !x.is_deleted) : []\n\t\t},\n\t},\n\twatch:{\n\t\tshowPages(val,oVal){\n\t\t\tthis.hidePages = !val\n\t\t}\n\t},\n\tcreated() {\n\t},\n\tmounted() {\n\t\tthis.hidePages = !this.showPages;\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.analytics-step {\n\t//&::before {\n\t//\tcontent: \"\";\n\t//\tdisplay: flex;\n\t//\theight: calc(100% - 10px);\n\t//\tleft: 30px;\n\t//\ttop: 50px;\n\t//\twidth: 2px;\n\t//\tbackground: #ebeff5;\n\t//\tposition: absolute;\n\t//\tz-index: 2;\n\t//\tbottom: -10px;\n\t//}\n\n\t&::after {\n\t\tcontent: '';\n\t\tdisplay: flex;\n\t\theight: 10px;\n\t}\n\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics-step.v2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics-step.v2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./analytics-step.v2.vue?vue&type=template&id=8b2650b4&scoped=true&\"\nimport script from \"./analytics-step.v2.vue?vue&type=script&lang=js&\"\nexport * from \"./analytics-step.v2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analytics-step.v2.vue?vue&type=style&index=0&id=8b2650b4&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"8b2650b4\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"funnel-analytics-page-v2 layout-column noscroll\">\n        <div class=\"top_info_box justify-between\">\n            <div class=\"title\">Analytics\n\n\t            <v-button flat class=\"try_beta_btn\" @click=\"openIntercom()\"\n\t                      label=\"Feedback!\" v-tippy content=\"Let us know your feedback or if you have noticed any inaccuracies.\" />\n            </div>\n\n\t        <div class=\"flex\"></div>\n\t        <div class=\"layout-row range-wrapper\">\n\n\t\t        <range-picker :end-date=\"endDate\" :start-date=\"startDate\" @reload=\"loadAnalytics()\"\n\t\t                      :loading=\"loading['revenue']\"\n\t\t                      :min-date=\"minDate\" :max-date=\"maxDate\" @rangeChanged=\"rangeChanged\"/>\n\n<!--\t\t        TODO: period comparission selection -->\n<!--\t\t\t\t\t\t<span class=\"compare-to\"> compare to </span>-->\n<!--\t\t        <range-picker :end-date=\"endDate\" :start-date=\"startDate\" :max-date=\"maxDate\" @rangeChanged=\"rangeChanged\"/>-->\n\t        </div>\n        </div>\n\n            <div class=\"main-content funnel-analytics-content scroll\" style=\"padding: 20px 20px 60px;\">\n\n\t            <filters_panel @change=\"loadAnalytics()\" />\n\n\t            <div class=\"summary-container\">\n\t\t            <analytics-chart title=\"Revenue\" :prefix=\"currencyCode\"\n\t\t                             :is-money=\"true\" :loading=\"loading['revenue']\"\n\t\t                             :summary=\"summary['revenue']\" :collapsed=\"true\" suffix=\"\"/>\n\n\t\t            <analytics-chart title=\"Conv. Rate\" prefix=\"\" :loading=\"loading['unique_orders']||loading['unique_visits']\"\n\t\t                             :summary=\"convRateSummary\"\n\t\t                             :collapsed=\"true\" suffix=\"%\">\n\t\t\t            <template v-slot:info>\n\t\t\t\t            <b>Conversion Rate</b> - is calculated from the \"unique orders\" divided by the \"unique visits\",\n\t\t\t\t            giving you a more accurate estimate of the overall funnel performance.\n\t\t\t            </template>\n\t\t            </analytics-chart>\n\n\t\t            <analytics-chart title=\"Unique orders\" prefix=\"\" :loading=\"loading['unique_orders']\"\n\t\t                             :summary=\"summary['unique_orders']\" :collapsed=\"true\" suffix=\"\">\n\t\t\t            <template v-slot:info>\n\t\t\t\t            <b>Unique Orders</b> - this will count all orders made by the same customer within the\n\t\t\t\t            same session as a single order.\n\t\t\t            </template>\n\n\t\t            </analytics-chart>\n\n\t\t            <analytics-chart title=\"AOV\" :prefix=\"currencyCode\" :loading=\"loading['aov']\"\n\t\t                             :summary=\"summary['aov']\" :is-money=\"true\" :collapsed=\"true\" suffix=\"\">\n\t\t\t            <template v-slot:info>\n\t\t\t\t            <b>Average Order Value</b> - is calculated by dividing the total revenue of all customers by the\n\t\t\t\t            number of unique buyers within the select time period.\n\t\t\t            </template>\n\t\t            </analytics-chart>\n\n\t\t            <analytics-chart title=\"Unique visits\" prefix=\"\" :loading=\"loading['unique_visits']\"\n\t\t                             :summary=\"summary['unique_visits']\" :collapsed=\"true\" suffix=\"\"/>\n\n\t            </div> <!-- Summary container -->\n\n\t            <template v-if=\"expandCharts\">\n\t\t            <div class=\"layout-row flex\" style=\"margin-top: 10px;\">\n\t\t\t            <analytics-chart title=\"Revenue\" :startDate=\"chartStart\" :prefix=\"currencyCode\"\n\t\t\t                             :endDate=\"chartEnd\" :is-money=\"true\" :loading=\"loading['revenue']\"\n\t\t\t                             :summary=\"summary['revenue']\" :is-empty=\"!chartsLoaded\"\n\t\t\t                             :old-values=\"oldValues['revenue']\" :values=\"values['revenue']\"  />\n\t\t            </div>\n\n\t\t            <div class=\"layout-row flex\" style=\"margin-top: 5px;\">\n\t\t\t            <analytics-chart class=\"\" title=\"Orders\" :round-value=\"true\"\n\t\t\t                             :loading=\"loading['orders']\" :summary=\"summary['orders']\"\n\t\t\t                             :old-values=\"oldValues['orders']\" :values=\"values['orders']\"\n\t\t\t                             :startDate=\"chartStart\" :endDate=\"chartEnd\" :is-empty=\"!chartsLoaded\" />\n\n\t\t\t            <analytics-chart class=\"\" title=\"AOV\"  :prefix=\"currencyCode\"\n\t\t\t                             :total=\"aov\" :old-total=\"oldAov\" :is-money=\"true\" :summary=\"summary['aov']\"\n\t\t\t                             :old-values=\"oldValues['aov']\" :values=\"values['aov']\"\n\t\t\t                             :startDate=\"chartStart\" :endDate=\"chartEnd\" :loading=\"loading['aov']\"\n\t\t\t                             :is-empty=\"!chartsLoaded\">\n\t\t\t\t            <template v-slot:info>\n\t\t\t\t\t            <b>Average Order Value</b> - is calculated by dividing the total revenue of all customers by the\n\t\t\t\t\t            number of unique buyers within the select time period.\n\t\t\t\t            </template>\n\t\t\t            </analytics-chart>\n\t\t            </div>\n\n\t\t            <div class=\"layout-row flex\" style=\"margin-top: 5px;\">\n\t\t\t            <analytics-chart class=\"\" title=\"Unique orders\" :round-value=\"true\"\n\t\t\t                             :loading=\"loading['unique_orders']\" :summary=\"summary['unique_orders']\"\n\t\t\t                             :old-values=\"oldValues['unique_orders']\" :values=\"values['unique_orders']\"\n\t\t\t                             :startDate=\"chartStart\" :endDate=\"chartEnd\" :is-empty=\"!chartsLoaded\"/>\n\n\t\t\t            <analytics-chart class=\"\" title=\"Conv. rate\"\n\t\t\t                             :loading=\"loading['unique_orders'] || loading['unique_visits']\"\n\t\t\t                             :summary=\"convRateSummary\" suffix=\"%\" :round-value=\"false\"\n\t\t\t                             :old-values=\"convRates.oldValues\" :values=\"convRates.values\"\n\t\t\t                             :startDate=\"chartStart\" :endDate=\"chartEnd\" :is-empty=\"!chartsLoaded\"/>\n\t\t            </div>\n\n\t\t            <div class=\"layout-row flex\" style=\"margin-top: 5px;\">\n\t\t\t            <analytics-chart class=\"\" title=\"Unique visitors\" :round-value=\"true\"\n\t\t\t                             :loading=\"loading['unique_visits']\" :summary=\"summary['unique_visits']\"\n\t\t\t                             :old-values=\"oldValues['unique_visits']\" :values=\"values['unique_visits']\"\n\t\t\t                             :startDate=\"chartStart\" :endDate=\"chartEnd\" :is-empty=\"!chartsLoaded\"/>\n\n\t\t\t            <analytics-chart class=\"\" title=\"Page views\" :round-value=\"true\"\n\t\t\t                             :loading=\"loading['pageviews']\" :summary=\"summary['pageviews']\"\n\t\t\t                             :old-values=\"oldValues['pageviews']\" :values=\"values['pageviews']\"\n\t\t\t                             :startDate=\"chartStart\" :endDate=\"chartEnd\" :is-empty=\"!chartsLoaded\"/>\n\t\t            </div>\n\t            </template> <!-- expandCharts -->\n\n\t            <div class=\"expand-charts-btn\" :ref=\"`expandChartsBtn_${instanceId}`\" :class=\"{'open':expandCharts}\">\n\t\t            <v-button v-show=\"expandCharts\" flat slim @click=\"expandChartsChanged()\" v-tippy=\"{theme:'small-black'}\"\n\t\t                      content=\"Hide detailed charts\"\n\t\t                      :icon=\"require('@/assets/img/chevron-double-down.svg')\" />\n\t\t            <v-button v-show=\"!expandCharts\" flat slim @click=\"expandChartsChanged()\" v-tippy=\"{theme:'small-black'}\"\n\t\t                      content=\"Show detailed charts\"\n\t\t                      :icon=\"require('@/assets/img/chevron-double-down.svg')\" />\n\t\t            <div class=\"flex\"></div>\n\t            </div>\n\n\t            <div class=\"performance-breakdown noscroll\" style=\"height: auto;margin-top: 50px;\">\n                <div class=\"layout-row flex\">\n\t                <h2>Performance breakdown</h2>\n\t                <div class=\"flex\"></div>\n\t                <v-switch class=\"expand-all\" label=\"Expand all\"\n\t                          v-model=\"expandAll\" :value=\"expandAll\" @change=\"expandAllChanged\" />\n                </div>\n                <div class=\"analytics-table-container scroll\" ref=\"analyticsContainer\"\n                     style=\"position: relative;\">\n                    <Loading v-show=\"loadingSteps\"/>\n                    <table  class=\"analytics-table table-analitics\">\n                      <tbody>\n                      <thead>\n                      <tr>\n                        <th>\n\t                        <div class=\"th-wrap\">\n\t\t                        Step\n\t                        </div>\n                        </th>\n                        <th class=\"conv-rate-td\">\n\t                        <div class=\"th-wrap\">\n\t\t                        Conv. rate\n\t                        </div>\n                        </th>\n                        <th>\n\t                        <div class=\"th-wrap\">\n\t\t                        Revenue\n\t                        </div>\n                        </th>\n                        <th>\n\t                        <div class=\"th-wrap\">\n\t\t                        Orders\n\t                        </div>\n                        </th>\n                        <th>\n\t                        <div class=\"th-wrap\">\n\t\t                        Uniq. visits\n\t                        </div>\n                        </th>\n                        <th>\n\t                        <div class=\"th-wrap\">\n\t\t                        Page views\n\t                        </div>\n                        </th>\n                        <th class=\"__downstream\">\n\t                        <div class=\"th-wrap\">\n\t\t                        Downstream Revenue\n\t\t                        <info-icon small theme=\"small-black\" info=\"<b>Downstream Revenue:</b> A Good indicator of the quality of traffic driven by each step/page. Calculates the total revenue of subsequent steps from customers that have gone through the current step/page.\" />\n\t                        </div>\n                        </th>\n                        <th class=\"__downstream\">\n\t                        <div class=\"th-wrap\">\n\t\t                        Downstream Orders\n\t                        </div>\n                        </th>\n                      </tr>\n                      </thead>\n                      <template v-for=\"(step, index) in visibleSteps\">\n\n                        <analytics-step-v2 :step=\"step\" :start-date=\"startDate\" :end-date=\"endDate\" :old-end-date=\"oldEndDate\" :old-start-date=\"oldStartDate\"\n                                           :get-conditions=\"getConditions\" :loading-steps=\"loadingSteps\"\n                                           :show-pages=\"expandAll\" />\n                      </template>\n\n                      <template v-if=\"showDeletedSteps\" v-for=\"(step, index) in deletedSteps\">\n                        <analytics-step-v2 :step=\"step\" :loading-steps=\"loadingSteps\" />\n                      </template>\n<!--<StepAnalyticsRowV2 :step=\"step\" v-for=\"(step, index) in sortedSteps\"-->\n<!--                    @click=\"$set(step,'hidePages',!step.hidePages)\" :open=\"!step.hidePages\" />-->\n\n                      </tbody>\n                    </table>\n\n                  <div v-if=\"deletedSteps.length>0\" class=\"sticky-bottom-btn\" :class=\"{'open':showDeletedSteps}\">\n                    <v-button flat slim @click=\"showDeletedSteps=!showDeletedSteps\"\n                              :label=\"`${showDeletedSteps?'hide':'show'} deleted steps`\"\n                              :icon=\"require('@/assets/img/arrow-bottom.svg')\" />\n                    <div class=\"flex\"></div>\n                  </div>\n\n                </div>\n              </div>\n\n\t            <div class=\"layout-column flex-center\">\n\t\t            <p class=\"alert_box blue\">\n\t\t\t            <inline-svg class=\"icon\" :src=\"require('@/assets/img/info_icon.svg')\" />\n\t\t\t            Your feedback helps us improve, let us know about any missing metrics or inaccuracies.\n\t\t            </p>\n\t            </div>\n            </div>\n    </div>\n</template>\n\n<script>\n\nimport API from \"@/api\"\nimport {mapGetters} from \"vuex\"\nimport Loading from \"@/components/Loading.vue\"\nimport {getSymbol} from \"@/helpers/currencies\";\nimport Chart from \"@/components/base/chart\";\nconst moment = require('moment-timezone');\nimport RangePicker from \"@/components/base/range-picker\";\nimport analytics, {percentage} from \"@/helpers/analytics\";\nimport StepAnalyticsRow from \"@/views/funnels/funnel-plus/funnel/analytics/step_analytics_row\";\nimport PageAnalyticsRow from \"@/views/funnels/funnel-plus/funnel/analytics/page_analytics_row\";\nimport AnalyticsStep from \"@/views/funnels/funnel-plus/funnel/analytics/analytics-step\";\nimport VButton from \"@/components/base/v-button\";\nimport TimezonePopup from \"@/components/popups/timezone-popup\";\nimport Filters_panel from \"@/views/funnels/funnel-plus/funnel/analytics/filters_panel\";\nimport AnalyticsChart from \"@/views/funnels/funnel-plus/funnel/analytics/analytics-chart\";\nimport AnalyticsStepV2 from \"@/views/funnels/funnel-plus/funnel/analytics/analytics-step.v2\";\nimport {sortItems} from \"@/helpers/sort\";\nimport VSwitch from \"@/components/base/v-switch\";\nimport InfoIcon from \"@/components/base/info-icon\";\nlet id = 1;\nexport default {\n    name: \"Analytics\",\n    components: {\n\t    InfoIcon,\n\t    VSwitch,\n\t    AnalyticsStepV2,\n\t    AnalyticsChart,\n\t    Filters_panel,\n\t    TimezonePopup,\n\t    VButton,\n\t    AnalyticsStep,\n\t    PageAnalyticsRow,\n\t    StepAnalyticsRow,\n\t    RangePicker,\n\t    Chart,\n      Loading\n    },\n    mixins: [API],\n    props: ['id'],\n    data() {\n\t    return {\n\t    \t  instanceId: id++,\n\t        unit: \"day\",\n        \tmaxDate: new Date(),\n\t        startDate: new Date(),\n\t        endDate: new Date(),\n\t\t      currentRange: 'Last 30 days',\n\t\t\t    expandAll: false,\n\t\t\t    expandCharts: false,\n\t\t\t    chartsLoaded: false,\n\n\t\t      showDeletedSteps: false,\n\n\t        // Purchase values\n\t        purchaseValue: 0,\n\t        oldPurchaseValue: 0,\n\t        purchaseValues: [{value:0},{value:0}],\n\t        oldPurchaseValues: [{value:0},{value:0}],\n\n\t        // Purchases\n\t        purchases: 0,\n\t        oldPurchases: 0,\n\t        purchasesData: [{value:0},{value:0}],\n\t        oldPurchasesData: [{value:0},{value:0}],\n\n\t\t    // AOV\n\t\t    aov: 0,\n\t\t    oldAov: 0,\n\t\t    aovData: [{value:0},{value:0}],\n\t\t    oldAovData: [{value:0},{value:0}],\n\n\t\t    // Conv. rate\n\t        convRate: 0,\n\t        oldConvRate: 0,\n\t        // convRates: [{value:0},{value:0}],\n\t        oldConvRates: [{value:0},{value:0}],\n\n\t        // Visitors\n\t        visitors: 0,\n\t        oldVisitors: 0,\n\t        visitorsData: [{value:0},{value:0}],\n\t        oldVisitorsData: [{value:0},{value:0}],\n\n\t        // Optins\n\t        optins: 0,\n\t        oldOptins: 0,\n\t        optinsData: [{value:0},{value:0}],\n\t        oldOptinsData: [{value:0},{value:0}],\n\n\t        // Optin rate\n\t        optinRate: 0,\n\t        oldOptinRate: 0,\n\t        optinRates: [{value:0},{value:0}],\n\t        oldOptinRates: [{value:0},{value:0}],\n\n\t\t\t\t\tsteps: [],\n\n\t\t    loading: {\n\t\t\t    'revenue':true,\n\t\t\t    'optins':true,\n\t\t\t    'orders':true,\n\t\t\t    'pageviews':true,\n\t\t\t    'unique_visits': true,\n\t\t\t    'unique_orders': true,\n\t\t    },\n\t\t    values:{\n\t\t\t    'revenue':[],\n\t\t\t    'orders':[],\n\t\t\t    'optins':[],\n\t\t\t    'pageviews':[],\n\t\t\t    'unique_visits': [],\n\t\t\t    'unique_orders':[],\n\t\t    },\n\t\t    summary:{\n\t\t\t    'revenue': {},\n\t\t\t    'orders': {},\n\t\t\t    'optins': {},\n\t\t\t    'pageviews': {},\n\t\t\t    'unique_visits': {},\n\t\t\t    'unique_orders':{},\n\t\t    },\n\t\t    oldValues:{\n\t\t\t    'revenue':[\n\t\t\t\t    {date:moment(),value:0}\n\t\t\t    ],\n\t\t\t    'orders':[\n\t\t\t\t    {date:moment(),value:0}\n\t\t\t    ],\n\t\t\t    'pageviews':[\n\t\t\t\t    {date:moment(),value:0}\n\t\t\t    ],\n\t\t\t    'unique_orders':[\n\t\t\t\t    {date:moment(),value:0}\n\t\t\t    ],\n\t\t\t    'unique_visits':[\n\t\t\t\t    {date:moment(),value:0}\n\t\t\t    ],\n\t\t    },\n\t\t    loadingSteps: true,\n          funnel: {},\n        }\n    },\n    computed: {\n        ...mapGetters([\"getFunnelStore\",]),\n\t    currencyCode() {\n\t\t    let currency = this.getFunnelStore.currency_code;\n\t\t    return getSymbol(currency);\n\t    },\n\t    convRateSummary() {\n\n\t\t    return {\n\t\t\t    value: Math.max(0, Math.min(percentage(this.summary['unique_orders'].value, this.summary['unique_visits'].value), 100)),\n\t\t\t    old_value: Math.max(0, Math.min(percentage(this.summary['unique_orders'].old_value, this.summary['unique_visits'].old_value), 100))\n\t\t    }\n\t    },\n\t    sortedSteps(){\n        \treturn sortItems(this.steps)\n\t    },\n\t    visibleSteps(){\n\t\t    return sortItems(this.steps.filter(s=>!s.is_deleted))\n\t    },\n\t    deletedSteps(){\n\t\t    return sortItems(this.steps.filter(s=>s.is_deleted))\n\t    },\n\t    chartStart() {\n\t\t    return analytics.formatChartDate(this.unit,this.startDate);\n\t    },\n\t    oldStartDate() {\n\t\t    if (this.unit===\"hour\") {\n\t\t\t    let days = moment(this.endDate).diff(this.startDate, \"hours\")+1;\n\t\t\t    let start = moment(this.startDate).subtract(days, \"hours\").startOf('day');\n\n\t\t\t    return start;\n\t\t    } else {\n\t\t\t    let days = moment(this.endDate).diff(this.startDate, \"days\")+1;\n\t\t\t    let start = moment(this.startDate).subtract(days, \"days\").startOf('day');\n\n\t\t\t    return start;\n\t\t    }\n\t    },\n\t    chartEnd() {\n\t\t    return analytics.formatChartDate(this.unit, this.endDate);\n\t    },\n\t    oldEndDate() {\n\t\t    if (this.unit===\"hour\") {\n\t\t\t    let end = moment(this.startDate).subtract(1, \"hours\").endOf('day');\n\t\t\t    return end;\n\t\t    } else {\n\t\t\t    let end = moment(this.startDate).subtract(1, \"days\").endOf('day');\n\t\t\t    return end;\n\t\t    }\n\t    },\n\t    minDate() {\n\t\t    return moment(this.getFunnelStore.created_at);\n\t    },\n\t    convRates() {\n\t\t    return {\n\t\t\t    values: this.calcRates(this.values['unique_orders'], this.values['unique_visits']),\n\t\t\t    oldValues: this.calcRates(this.oldValues['unique_orders'], this.oldValues['unique_visits'])\n\t\t    }\n\t    }\n    },\n    methods: {\n\t    calcRates(orders,visits) {\n\t\t    let rates = [];\n\t\t    visits.forEach(v => {\n\t\t\t    let vDate = moment(v.date);\n\t\t\t    let order = orders.find(o=>moment(o.date).isSame(vDate))\n\t\t\t    if (!order) return\n\t\t\t    let per = this.percentage(order.value, v.value)\n\t\t\t    rates.push({date:v.date,brief:v.brief,value:per})\n\t\t    })\n\t\t    return rates;\n\t    },\n\t    hiddenPages(pages) {\n\t\t    return pages.filter(x => x.is_deleted)\n\t    },\n\t    visiblePages(pages) {\n\t\t    return pages.filter(x => !x.is_deleted)\n\t    },\n    \tpercentage(sub,total) {\n    \t\treturn percentage(sub,total)\n\t    },\n\t    rangeChanged(currentRange, startDate, endDate) {\n\t\t    this.startDate = startDate;\n\t\t    this.endDate = endDate;\n\t\t    this.currentRange = currentRange;\n\n\t\t    this.storeRange();\n\n\t    \tthis.loadAnalytics();\n\t    },\n\t    storeRange() {\n\t\t    analytics.storeRange(this.currentRange, this.startDate, this.endDate);\n\t    },\n\t    loadRange() {\n\t\t    let {currentRange, startDate, endDate} = analytics.loadRange();\n\n\t\t    this.currentRange = currentRange;\n\t\t    this.endDate = endDate;\n\t\t    this.startDate = startDate;\n\t    },\n\t    getConditions() {\n\t\t    let s = localStorage.getItem(\"filterConditions\")\n\t\t    if (s) {\n\t\t\t    try {\n\t\t\t\t    return JSON.parse(s)\n\t\t\t    } catch (e) {\n\t\t\t\t    console.warn(e)\n\t\t\t    }\n\t\t    }\n\t\t    return []\n\t    },\n\t    reload() {\n\t\t    try {\n\n\t\t\t    this.loadChart('revenue')\n\t\t\t    this.loadChart('orders')\n\t\t\t    this.loadChart('aov')\n\t\t\t    this.loadChart('pageviews')\n\t\t\t    this.loadChart('unique_visits')\n\t\t\t    this.loadChart('unique_orders')\n\n\t\t    } catch (e) {\n\t\t\t    console.error(e)\n\t\t    } finally {\n\t\t    }\n\t    },\n\t    openIntercom() {\n\t\t    window.Intercom(\"showNewMessage\", \"Funnel analytics feedback:\\n\");\n\t    },\n\t    async loadChart(chart='revenue') {\n\t\t    try {\n\t\t\t    this.loading[chart] = true;\n\n\t\t\t    // load only if charts are expanded\n\t\t\t    if (this.expandCharts) {\n\t\t\t\t    let id = this.$route.params.id;\n\t\t\t\t    let data = await this.api.analytics.getTrends_v2(chart, id, this.startDate, this.endDate, this.unit, this.getConditions());\n\t\t\t\t    let data2 = await this.api.analytics.getTrends_v2(chart, id, this.oldStartDate, this.oldEndDate, this.unit, this.getConditions());\n\t\t\t\t    // console.log('loadChart', this.startDate, this.endDate)\n\n\t\t\t\t    this.values[chart] = this.getDataFromTrends(this.unit, data, this.startDate, this.endDate)\n\t\t\t\t    this.oldValues[chart] = this.getDataFromTrends(this.unit, data2, this.oldStartDate, this.oldEndDate)\n\n\t\t\t\t    this.chartsLoaded = true;\n\t\t\t    } else {\n\t\t\t\t    this.chartsLoaded = false;\n\t\t\t    }\n\n\t\t\t    await this.loadSummary(chart)\n\t\t    } catch (e) {\n\t\t\t    console.error(e)\n\t\t    } finally {\n\t\t\t    this.loading[chart] = false;\n\t\t    }\n\t    },\n\t    async loadSummary(chart='revenue') {\n\t\t    try {\n\t\t\t    this.loading[chart] = true;\n\t\t\t    let id = this.$route.params.id;\n\t\t\t    let data = await this.api.analytics.getSummary_v2(chart, id,\n\t\t\t\t\t    this.startDate, this.endDate, this.oldStartDate, this.oldEndDate, this.getConditions());\n\n\t\t\t    this.summary[chart] = data;\n\n\t\t\t    // this.values[chart] = data\n\t\t    } catch (e) {\n\t\t\t    console.error(e)\n\t\t    } finally {\n\t\t\t    this.loading[chart] = false;\n\t\t    }\n\t    },\n\t    getDataFromTrends(unit, trends, startDate, endDate) {\n\t\t    let data = [];\n\n\t\t    let date = moment(startDate).add(1, 'hour').startOf('day');\n\n\t\t    // take min date either NOW or endDate.\n\t\t    let endD = moment.min([endDate, moment()]);\n\n\t\t    if (!trends || trends.length === 0) {\n\t\t\t    data = [{value: 0, date: date, brief: this.unitToBrief(unit, date.unix())}, {\n\t\t\t\t    value: 0, date: endD, brief: this.unitToBrief(unit, endD.unix())\n\t\t\t    }];\n\t\t    } else {\n\t\t\t    for (let i = 0; i < trends.length; i++) {\n\t\t\t\t    let t = trends[i];\n\n\t\t\t\t    data.push({\n\t\t\t\t\t    value: t.value,\n\t\t\t\t\t    brief: this.unitToBrief(unit, t.date),\n\t\t\t\t\t    date: moment.unix(t.date),\n\t\t\t\t\t    // day: t.day,\n\t\t\t\t\t    // month: t.month,\n\t\t\t\t\t    // week: t.week,\n\t\t\t\t\t    // year: t.year, // date: t.date,\n\t\t\t\t\t    // hour: t.hour,\n\t\t\t\t    })\n\t\t\t    }\n\t\t    }\n\t\t    this.cleanData(unit, data, startDate, endDate);\n\t\t    return data;\n\t    },\n\t    // Adds missing days...\n\t    cleanData(unit, data, startDate, endDate) {\n\n\t\t    // cap endDate to today.\n\t\t    if (moment().diff(endDate, \"hours\") < 0) endDate = moment()\n\t\t    if (moment().diff(startDate, \"hours\") < 0) startDate = moment()\n\n\t\t    let unitsDiff = Math.abs(moment(endDate).diff(startDate, unit)) + 1;\n\n\t\t    // console.log('cleanData', unitsDiff, startDate, endDate, unit)\n\n\t\t    for (let i = 0; i < unitsDiff; i++) {\n\t\t\t    let date = moment(startDate).add(i, unit);\n\t\t\t    let entry = this.findEntryInData(date, data, unit);\n\n\t\t\t    if (!entry) {\n\t\t\t\t    data.splice(i, 0, {value: 0, date: date, brief: this.unitToBrief(unit, date.unix())})\n\t\t\t    }\n\t\t    }\n\t    },\n\t    findEntryInData(date, data, unit) {\n\t\t    for (let i = 0; i < data.length; i++) {\n\t\t\t    if (moment(data[i].date).isSame(date, unit+\"s\")) {\n\t\t\t\t    return data[i];\n\t\t\t    }\n\t\t    }\n\t\t    return null;\n\t    },\n\t    unitToBrief(unit, date)  {\n\t\t    let newDate = moment.unix(date);\n\t\t    switch (unit) {\n\t\t\t    case \"week\": {\n\t\t\t\t    let from_date = newDate.startOf('week');\n\t\t\t\t    let to_date = newDate.endOf('week');\n\t\t\t\t    return from_date.format(\"DD MMM\") + \" - \" + to_date.format(\"DD MMM\");\n\t\t\t    }\n\t\t\t    case \"month\":\n\t\t\t\t    return newDate.format(\"MMM YYYY\");\n\t\t\t    case \"hour\": {\n\t\t\t\t    if (moment().isSame(newDate, \"day\")) {\n\t\t\t\t\t    return \"Today - \"+newDate.format(\"HH:00\");\n\t\t\t\t    } else if (moment().subtract(1, \"days\").isSame(newDate, \"day\")) {\n\t\t\t\t\t    return \"Yesterday - \"+newDate.format(\"HH:00\");\n\t\t\t\t    }\n\t\t\t\t    return newDate.format(\"ddd DD - HH:00\");\n\t\t\t    }\n\t\t\t    default:\n\t\t\t\t    return newDate.utcOffset(0,false).format(\"DD MMM\")\n\t\t    }\n\t    },\n\t    async loadCharts(unit) {\n\t    \ttry {\n\t    \t\tthis.loading = true;\n\t\t\t    let id = this.$route.params.id;\n\t\t\t    let data = await this.api.analytics.get(id, this.startDate, this.endDate, unit, this.oldStartDate, this.oldEndDate);\n\n\t\t\t    // Purchase values\n\t\t\t    this.purchaseValue = data.revenue;\n\t\t\t    this.purchaseValues = analytics.getDataFromTrends(this.unit, data.trends, \"revenue\", this.startDate, this.endDate)\n\t\t\t    this.oldPurchaseValue = data.old_revenue;\n\t\t\t    this.oldPurchaseValues = analytics.getDataFromTrends(this.unit, data.old_trends, \"revenue\", this.oldStartDate, this.oldEndDate)\n\n\t\t\t    // Purchases\n\t\t\t    this.purchases = data.orders;\n\t\t\t    this.purchasesData = analytics.getDataFromTrends(this.unit, data.trends, \"orders\", this.startDate, this.endDate)\n\t\t\t    this.oldPurchases = data.old_orders;\n\t\t\t    this.oldPurchasesData = analytics.getDataFromTrends(this.unit, data.old_trends, \"orders\", this.oldStartDate, this.oldEndDate)\n\n\t\t\t    // AOV\n\t\t\t    this.aov = data.aov;\n\t\t\t    this.aovData = analytics.getDataFromTrends(this.unit, data.trends, \"aov\", this.startDate, this.endDate)\n\t\t\t    this.oldAov = data.old_aov;\n\t\t\t    this.oldAovData = analytics.getDataFromTrends(this.unit, data.old_trends, \"aov\", this.oldStartDate, this.oldEndDate)\n\n\t\t\t    // Visitors\n\t\t\t    this.visitors = data.visits;\n\t\t\t    this.oldVisitors = data.old_visits;\n\n\t\t\t    if (unit === \"hour\") {  // handle hourly data differently\n\t\t\t\t    this.visitorsData = analytics.getDataFromTrends(this.unit, data.hourly_visits, \"visits\", this.startDate, this.endDate)\n\t\t\t\t    this.oldVisitorsData = analytics.getDataFromTrends(this.unit, data.old_hourly_visits, \"visits\", this.oldStartDate, this.oldEndDate)\n\t\t\t    } else {\n\t\t\t\t    this.visitorsData = analytics.getDataFromTrends(this.unit, data.trends, \"visits\", this.startDate, this.endDate)\n\t\t\t\t    this.oldVisitorsData = analytics.getDataFromTrends(this.unit, data.old_trends, \"visits\", this.oldStartDate, this.oldEndDate)\n\t\t\t    }\n\n\t\t\t    // Optins\n\t\t\t    this.optins = data.optins;\n\t\t\t    this.optinsData = analytics.getDataFromTrends(this.unit, data.trends, \"optins\", this.startDate, this.endDate)\n\t\t\t    this.oldOptins = data.old_optins;\n\t\t\t    this.oldOptinsData = analytics.getDataFromTrends(this.unit, data.old_trends, \"optins\", this.oldStartDate, this.oldEndDate)\n\n\t\t\t    // Conversion rates\n\t\t\t    this.convRate = percentage(this.purchases, this.visitors);\n\t\t\t    this.convRates = analytics.generateRates(this.visitorsData, this.purchasesData);\n\t\t\t    this.oldConvRate = percentage(this.oldPurchases, this.oldVisitors);\n\t\t\t    this.oldConvRates = analytics.generateRates(this.oldVisitorsData, this.oldPurchasesData);\n\n\t\t\t    // Optin rates\n\t\t\t    this.optinRate = percentage(this.optins, this.visitors);\n\t\t\t    this.optinRates = analytics.generateRates(this.visitorsData, this.optinsData);\n\t\t\t    this.oldOptinRate = percentage(this.oldOptins, this.oldVisitors);\n\t\t\t    this.oldOptinRates = analytics.generateRates(this.oldVisitorsData, this.oldOptinsData);\n\t\t    }catch (e) {\n\t\t\t    console.error(e);\n\t\t    } finally {\n\t\t\t    this.loading = false;\n\t\t    }\n\t    },\n\t    async loadPerfBreakdown(unit) {\n\t\t    try {\n\t\t    \tthis.loadingSteps = true;\n\t\t\t    let id = this.$route.params.id;\n\t\t\t    let data = await this.api.analytics.getBreakdownV2(id, this.startDate, this.endDate, this.getConditions());\n\t\t    \tthis.steps = data;\n\n\t\t    } catch (e) {\n\t\t\t    this.steps = [];\n\t\t\t    console.error(e);\n\t\t    } finally {\n\t\t\t    this.loadingSteps = false;\n\t\t    }\n\t    },\n\t    async loadAnalytics() {\n    \t\ttry {\n\t\t\t    let unit = \"day\";\n\t\t\t    let days = Math.abs(moment(this.endDate).diff(this.startDate, \"days\"))+1;\n\t\t\t    if (days > 6*30) {\n\t\t\t    \tunit = \"month\";\n\t\t\t    } else if (days > 31) {\n\t\t\t\t    unit = \"week\";\n\t\t\t    } else if (days <= 2) {\n\t\t\t\t    unit = \"hour\"\n\t\t\t    }\n\n\t\t\t    this.unit = unit;\n\n\t\t\t    // this.loadCharts(unit); // async\n\n\t\t\t    this.reload()\n\n\t\t\t    this.loadPerfBreakdown(unit); // async\n\t\t    } catch (e) {\n\t\t\t    this.$error(e)\n\t\t    }\n\t    },\n\n\t    expandAllChanged() {\n\t\t    localStorage.setItem('funnelAnalyticsExpandAll', this.expandAll.toString())\n\t    },\n\t    expandChartsChanged() {\n\t\t\t\tthis.$set(this, \"expandCharts\", !this.expandCharts)\n\n\t\t    localStorage.setItem('funnelAnalyticsExpandCharts', this.expandCharts.toString())\n\n\t\t    if (this.expandCharts && !this.chartsLoaded) {this.reload()} // reload charts only, if haven't been loaded already.\n\t    },\n    },\n\n\tmounted() {\n    \tlet c = this.$refs['analyticsContainer']\n\t\tc.addEventListener('scroll', e => {\n\t\t\tif (c.scrollLeft>0) c.classList.add('scrolled')\n\t\t\telse c.classList.remove('scrolled')\n\t\t})\n\t\tlet expandCharts = this.$refs[`expandChartsBtn_${this.instanceId}`]\n\t\tlet btns = expandCharts.querySelectorAll('.button');\n\t\tbtns.forEach(btn=>{\n\t\t\tbtn.addEventListener('hover', e=>{\n\t\t\t\tbtn.closest('.expand-charts-btn').classList.add('hovered')\n\t\t\t})\n\t\t\tbtn.addEventListener('mouseenter', e=>{\n\t\t\t\tbtn.closest('.expand-charts-btn').classList.add('hovered')\n\t\t\t})\n\t\t\tbtn.addEventListener('mouseleave', e=>{\n\t\t\t\tbtn.closest('.expand-charts-btn').classList.remove('hovered')\n\t\t\t});\n\t\t})\n\n\t\tthis.loadAnalytics();\n\n\t},\n\tcreated() {\n\t\tthis.loadRange();\n\n\t\tlet expandAll = localStorage.getItem('funnelAnalyticsExpandAll')\n\t\tthis.expandAll = (expandAll === 'true')\n\t\tlet expandCharts = localStorage.getItem('funnelAnalyticsExpandCharts')\n\t\tthis.expandCharts = (expandCharts === 'true')\n\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.summary-container {\n\tmargin-top: 20px;\n\twidth: 100%;\n\toverflow: hidden;\n\tdisplay: grid;\n\tgrid-gap: 20px;\n\tgrid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n.title .tag {\n\tbackground: #fff3f3;\n\tborder-radius: 4px;\n\tfont-size: 12px;\n\tcolor: #FB595B !important;\n\tpadding: 3px 5px;\n\tposition: relative;\n\ttop: -8px;\n\tleft: 5px;\n}\n.range-wrapper {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\n\t.compare-to {\n\t\tmargin: 0 10px;\n\t}\n}\n</style>\n\n<style lang=\"scss\" >\n.funnel-analytics-page-v2 .top_info_box .title {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\t.try_beta_btn {\n\t\tmargin-left: 20px;\n\t\tborder-radius: 30px;\n\t\tborder: 1px solid $blue;\n\t\tbackground: $light-blue;\n\t\tpadding: 3px 15px;\n\t\tfont-size: 12px;\n\t\t&:hover {\n\t\t\tbackground: $hover-light-blue;\n\t\t}\n\t\t.label {\n\t\t\tcolor: $blue;\n\t\t}\n\t\tsvg, svg path {\n\t\t\tfill: $blue;\n\t\t}\n\t}\n}\n\nth.__downstream {\n\ttext-align: right;\n}\n.funnel-analytics-content {\n\t.expand-all .switch {\n\t\tdisplay: flex;\n\t\tflex-direction: row-reverse;\n\t\t.switch_checkbox {\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: 10px;\n\t\t}\n\t\t.text_label {\n\t\t\tcolor: $dark-grey;\n\t\t}\n\t}\n\t.expand-charts-btn {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 20px;\n\t\tposition: relative;\n\t\theight: 50px;\n\n\t\t&::before {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t\theight: 1px;\n\t\t\tposition: absolute;\n\t\t\ttop: calc(50% - 1px);\n\t\t\tbackground: grey;\n\t\t\tbackground: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(194,194,194,1) 50%, rgba(255,255,255,1) 100%);\n\t\t\ttransition: all 200ms ease-in-out;\n\t\t\tborder-radius: 4px;\n\t\t}\n\t\t&.hovered {\n\t\t\t&::before {\n\t\t\t\tbackground: linear-gradient(90deg, rgb(245, 245, 245) 0%, rgba(194,194,194,1) 50%, rgb(245, 245, 245) 100%);\n\t\t\t\tbox-shadow: 0 0 0 5px whitesmoke;\n\t\t\t}\n\t\t}\n\t\t.button {\n\t\t\tz-index: 2;\n\t\t\tborder: 1px solid $light-grey;\n\t\t\tborder-radius: 30px;\n\t\t\theight: 30px;\n\t\t\twidth: 40px;\n\t\t\tbackground: white;\n\t\t\tposition: absolute;\n\t\t\tleft: calc(50% - 20px);\n\t\t\ttop: calc(50% - 15px);\n\t\t\ttransition: all 200ms ease-in-out;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: whitesmoke;\n\t\t\t\tbox-shadow: 0 0 0 5px whitesmoke;\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $dark-grey;\n\t\t\t\t}\n\t\t\t}\n\t\t\tsvg {\n\t\t\t\theight: 30px;\n\t\t\t\twidth: 30px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: calc(50% - 15px);\n\t\t\t\tleft: calc(50% - 15px);\n\t\t\t\tpath {\n\t\t\t\t\tfill: $grey;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.open {\n\t\t\t.button {\n\t\t\t\tsvg {\n\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t.sticky-bottom-btn {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tposition: sticky;\n\t\tleft: 10px;\n\t\tmargin-top: 10px;\n\t\tbottom: 20px;\n\n\t\t&.open {\n\t\t\t.button {\n\t\t\t\tsvg {\n\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n    .performance-breakdown {\n      .analytics-table-container {\n        overflow-x: scroll;\n        overflow-x: overlay;\n\n\t      .loading {\n\t\t      background: rgba(196, 196, 196, 0.19);\n\t      }\n\t      &.scrolled {\n\t\t      td:first-child, th:first-child {\n\t\t\t      border-right: none;\n\t\t\t      //position: relative;\n\t\t\t      &:after {\n\t\t\t\t      content: \"\";\n\t\t\t\t      display: flex;\n\t\t\t\t      height: 100%;\n\t\t\t\t      width: 1px;\n\t\t\t\t      top: 0;\n\t\t\t\t      right: 0;\n\t\t\t\t      position: absolute;\n\t\t\t\t      box-shadow: 1px 0 3px rgba(0, 0, 0, 0.19), 4px 0 5px rgba(0, 0, 0, 0.2), 5px 0 10px rgba(0, 0, 0, 0.28);\n\t\t\t\t      background: rgba(173, 173, 173, 0.36);\n\t\t\t      }\n\t\t      }\n\t      }\n      }\n        h2 {\n            font-weight: 500;\n            font-size: 18px;\n            line-height: 150%;\n            letter-spacing: 0.02em;\n            color: #252A32;\n            margin-bottom: 30px;\n        }\n        .step-name {\n            a:hover {\n                strong {\n                    color: #4268e0;\n                }\n            }\n        }\n\n        .deleted {\n            .step-name {\n                .name {\n                    color: #c6c6c6;\n                }\n            }\n        }\n    }\n\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics.v2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./analytics.v2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./analytics.v2.vue?vue&type=template&id=e0dd3928&scoped=true&\"\nimport script from \"./analytics.v2.vue?vue&type=script&lang=js&\"\nexport * from \"./analytics.v2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analytics.v2.vue?vue&type=style&index=0&id=e0dd3928&prod&lang=scss&scoped=true&\"\nimport style1 from \"./analytics.v2.vue?vue&type=style&index=1&id=e0dd3928&prod&lang=scss&\"\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  \"e0dd3928\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product_analytics_row.v2.vue?vue&type=style&index=0&id=3a9bd83e&prod&lang=scss&scoped=true&\""],"sourceRoot":""}