@eric-emg/symphiq-components 1.2.12 → 1.2.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -3
- package/fesm2022/symphiq-components.mjs +353 -351
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +4 -3
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -20193,16 +20193,10 @@ const _c1 = () => ({});
|
|
|
20193
20193
|
const _c2 = () => [1, 2, 3, 4, 5, 6];
|
|
20194
20194
|
const _c3 = () => [1, 2, 3, 4];
|
|
20195
20195
|
const _forTrack0$1 = ($index, $item) => $item.value;
|
|
20196
|
-
function SymphiqFunnelAnalysisDashboardComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
20197
|
-
i0.ɵɵelement(0, "div", 52);
|
|
20198
|
-
} if (rf & 2) {
|
|
20199
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
20200
|
-
i0.ɵɵclassProp("light-mode", ctx_r1.isLightMode());
|
|
20201
|
-
} }
|
|
20202
20196
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
20203
20197
|
i0.ɵɵnamespaceSVG();
|
|
20204
20198
|
i0.ɵɵelementStart(0, "svg", 19);
|
|
20205
|
-
i0.ɵɵelement(1, "path",
|
|
20199
|
+
i0.ɵɵelement(1, "path", 52);
|
|
20206
20200
|
i0.ɵɵelementEnd();
|
|
20207
20201
|
i0.ɵɵnamespaceHTML();
|
|
20208
20202
|
i0.ɵɵelementStart(2, "span");
|
|
@@ -20212,7 +20206,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_29_Template(rf, ctx
|
|
|
20212
20206
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
|
|
20213
20207
|
i0.ɵɵnamespaceSVG();
|
|
20214
20208
|
i0.ɵɵelementStart(0, "svg", 19);
|
|
20215
|
-
i0.ɵɵelement(1, "path",
|
|
20209
|
+
i0.ɵɵelement(1, "path", 53);
|
|
20216
20210
|
i0.ɵɵelementEnd();
|
|
20217
20211
|
i0.ɵɵnamespaceHTML();
|
|
20218
20212
|
i0.ɵɵelementStart(2, "span");
|
|
@@ -20224,45 +20218,45 @@ function SymphiqFunnelAnalysisDashboardComponent_For_37_Template(rf, ctx) { if (
|
|
|
20224
20218
|
i0.ɵɵtext(1);
|
|
20225
20219
|
i0.ɵɵelementEnd();
|
|
20226
20220
|
} if (rf & 2) {
|
|
20227
|
-
const
|
|
20228
|
-
i0.ɵɵproperty("value",
|
|
20221
|
+
const section_r2 = ctx.$implicit;
|
|
20222
|
+
i0.ɵɵproperty("value", section_r2.value);
|
|
20229
20223
|
i0.ɵɵadvance();
|
|
20230
|
-
i0.ɵɵtextInterpolate(
|
|
20224
|
+
i0.ɵɵtextInterpolate(section_r2.label);
|
|
20231
20225
|
} }
|
|
20232
20226
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
|
|
20233
|
-
i0.ɵɵelementStart(0, "div", 36)(1, "span",
|
|
20227
|
+
i0.ɵɵelementStart(0, "div", 36)(1, "span", 54);
|
|
20234
20228
|
i0.ɵɵtext(2, "Revenue:");
|
|
20235
20229
|
i0.ɵɵelementEnd();
|
|
20236
|
-
i0.ɵɵelementStart(3, "span",
|
|
20230
|
+
i0.ɵɵelementStart(3, "span", 55);
|
|
20237
20231
|
i0.ɵɵtext(4);
|
|
20238
20232
|
i0.ɵɵelementEnd();
|
|
20239
|
-
i0.ɵɵelementStart(5, "span",
|
|
20233
|
+
i0.ɵɵelementStart(5, "span", 56);
|
|
20240
20234
|
i0.ɵɵtext(6);
|
|
20241
20235
|
i0.ɵɵelementEnd()();
|
|
20242
20236
|
} if (rf & 2) {
|
|
20243
|
-
const
|
|
20244
|
-
i0.ɵɵproperty("ngClass",
|
|
20237
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20238
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-emerald-50 border border-emerald-200" : "bg-emerald-500/10 border border-emerald-500/20");
|
|
20245
20239
|
i0.ɵɵadvance();
|
|
20246
|
-
i0.ɵɵclassMap(
|
|
20240
|
+
i0.ɵɵclassMap(ctx_r2.metaLabelClass());
|
|
20247
20241
|
i0.ɵɵadvance(2);
|
|
20248
|
-
i0.ɵɵclassMap(
|
|
20242
|
+
i0.ɵɵclassMap(ctx_r2.headerTitleClass());
|
|
20249
20243
|
i0.ɵɵadvance();
|
|
20250
|
-
i0.ɵɵtextInterpolate(
|
|
20244
|
+
i0.ɵɵtextInterpolate(ctx_r2.formatValue(ctx_r2.revenueValue()));
|
|
20251
20245
|
i0.ɵɵadvance();
|
|
20252
|
-
i0.ɵɵproperty("ngClass",
|
|
20246
|
+
i0.ɵɵproperty("ngClass", ctx_r2.revenueTrend() >= 0 ? "text-emerald-600" : "text-red-600");
|
|
20253
20247
|
i0.ɵɵadvance();
|
|
20254
|
-
i0.ɵɵtextInterpolate2(" ",
|
|
20248
|
+
i0.ɵɵtextInterpolate2(" ", ctx_r2.revenueTrend() >= 0 ? "+" : "", "", ctx_r2.revenueTrend().toFixed(1), "% ");
|
|
20255
20249
|
} }
|
|
20256
20250
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_61_Template(rf, ctx) { if (rf & 1) {
|
|
20257
20251
|
i0.ɵɵnamespaceSVG();
|
|
20258
20252
|
i0.ɵɵelementStart(0, "svg", 39);
|
|
20259
|
-
i0.ɵɵelement(1, "path",
|
|
20253
|
+
i0.ɵɵelement(1, "path", 52);
|
|
20260
20254
|
i0.ɵɵelementEnd();
|
|
20261
20255
|
} }
|
|
20262
20256
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_62_Template(rf, ctx) { if (rf & 1) {
|
|
20263
20257
|
i0.ɵɵnamespaceSVG();
|
|
20264
20258
|
i0.ɵɵelementStart(0, "svg", 39);
|
|
20265
|
-
i0.ɵɵelement(1, "path",
|
|
20259
|
+
i0.ɵɵelement(1, "path", 53);
|
|
20266
20260
|
i0.ɵɵelementEnd();
|
|
20267
20261
|
} }
|
|
20268
20262
|
function SymphiqFunnelAnalysisDashboardComponent_For_66_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -20277,264 +20271,264 @@ function SymphiqFunnelAnalysisDashboardComponent_For_66_Template(rf, ctx) { if (
|
|
|
20277
20271
|
} }
|
|
20278
20272
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
|
|
20279
20273
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
20280
|
-
i0.ɵɵelementStart(0, "div", 42)(1, "div", 32)(2, "div", 33)(3, "div",
|
|
20274
|
+
i0.ɵɵelementStart(0, "div", 42)(1, "div", 32)(2, "div", 33)(3, "div", 57);
|
|
20281
20275
|
i0.ɵɵnamespaceSVG();
|
|
20282
|
-
i0.ɵɵelementStart(4, "svg",
|
|
20276
|
+
i0.ɵɵelementStart(4, "svg", 58);
|
|
20283
20277
|
i0.ɵɵelement(5, "path", 20);
|
|
20284
20278
|
i0.ɵɵelementEnd();
|
|
20285
20279
|
i0.ɵɵnamespaceHTML();
|
|
20286
|
-
i0.ɵɵelementStart(6, "div",
|
|
20280
|
+
i0.ɵɵelementStart(6, "div", 59)(7, "span", 60);
|
|
20287
20281
|
i0.ɵɵtext(8, "Showing:");
|
|
20288
20282
|
i0.ɵɵelementEnd();
|
|
20289
|
-
i0.ɵɵelementStart(9, "span",
|
|
20283
|
+
i0.ɵɵelementStart(9, "span", 61);
|
|
20290
20284
|
i0.ɵɵtext(10);
|
|
20291
20285
|
i0.ɵɵelementEnd();
|
|
20292
|
-
i0.ɵɵelementStart(11, "span",
|
|
20286
|
+
i0.ɵɵelementStart(11, "span", 62);
|
|
20293
20287
|
i0.ɵɵtext(12);
|
|
20294
20288
|
i0.ɵɵelementEnd()()();
|
|
20295
|
-
i0.ɵɵelementStart(13, "button",
|
|
20296
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r5); const
|
|
20289
|
+
i0.ɵɵelementStart(13, "button", 63);
|
|
20290
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_67_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); ctx_r2.clearSearchResult(); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
20297
20291
|
i0.ɵɵnamespaceSVG();
|
|
20298
20292
|
i0.ɵɵelementStart(14, "svg", 39);
|
|
20299
|
-
i0.ɵɵelement(15, "path",
|
|
20293
|
+
i0.ɵɵelement(15, "path", 64);
|
|
20300
20294
|
i0.ɵɵelementEnd()()()()();
|
|
20301
20295
|
} if (rf & 2) {
|
|
20302
|
-
const
|
|
20303
|
-
i0.ɵɵproperty("ngClass",
|
|
20296
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20297
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-blue-50/95 border-blue-200" : "bg-blue-900/20 border-blue-800/30");
|
|
20304
20298
|
i0.ɵɵadvance(4);
|
|
20305
|
-
i0.ɵɵproperty("ngClass",
|
|
20299
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-600" : "text-blue-400");
|
|
20306
20300
|
i0.ɵɵadvance(3);
|
|
20307
|
-
i0.ɵɵproperty("ngClass",
|
|
20301
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-900" : "text-blue-100");
|
|
20308
20302
|
i0.ɵɵadvance(2);
|
|
20309
|
-
i0.ɵɵproperty("ngClass",
|
|
20303
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-700" : "text-blue-300");
|
|
20310
20304
|
i0.ɵɵadvance();
|
|
20311
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
20305
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r2.searchService.activeSearchResult().title, " ");
|
|
20312
20306
|
i0.ɵɵadvance();
|
|
20313
|
-
i0.ɵɵproperty("ngClass",
|
|
20307
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-blue-100 text-blue-700 border-blue-200" : "bg-blue-800/50 text-blue-300 border-blue-700/50");
|
|
20314
20308
|
i0.ɵɵadvance();
|
|
20315
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
20309
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r2.searchService.activeSearchResult().type, " ");
|
|
20316
20310
|
i0.ɵɵadvance();
|
|
20317
|
-
i0.ɵɵproperty("ngClass",
|
|
20311
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-600 hover:text-blue-800 hover:bg-blue-100" : "text-blue-400 hover:text-blue-200 hover:bg-blue-800/50");
|
|
20318
20312
|
} }
|
|
20319
20313
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
|
|
20320
20314
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
20321
|
-
i0.ɵɵelementStart(0, "button",
|
|
20322
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const
|
|
20315
|
+
i0.ɵɵelementStart(0, "button", 65);
|
|
20316
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_69_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToTop()); });
|
|
20323
20317
|
i0.ɵɵelementEnd();
|
|
20324
20318
|
} if (rf & 2) {
|
|
20325
|
-
const
|
|
20326
|
-
i0.ɵɵproperty("title", "Scroll to Top")("ngClass",
|
|
20319
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20320
|
+
i0.ɵɵproperty("title", "Scroll to Top")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
20327
20321
|
} }
|
|
20328
20322
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template(rf, ctx) { if (rf & 1) {
|
|
20329
20323
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
20330
|
-
i0.ɵɵelementStart(0, "button",
|
|
20331
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const
|
|
20324
|
+
i0.ɵɵelementStart(0, "button", 65);
|
|
20325
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_70_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("insights-section")); });
|
|
20332
20326
|
i0.ɵɵelementEnd();
|
|
20333
20327
|
} if (rf & 2) {
|
|
20334
|
-
const
|
|
20335
|
-
i0.ɵɵproperty("title", "Key Insights")("ngClass",
|
|
20328
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20329
|
+
i0.ɵɵproperty("title", "Key Insights")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
20336
20330
|
} }
|
|
20337
20331
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template(rf, ctx) { if (rf & 1) {
|
|
20338
20332
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
20339
|
-
i0.ɵɵelementStart(0, "button",
|
|
20340
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const
|
|
20333
|
+
i0.ɵɵelementStart(0, "button", 65);
|
|
20334
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_71_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("metrics-section")); });
|
|
20341
20335
|
i0.ɵɵelementEnd();
|
|
20342
20336
|
} if (rf & 2) {
|
|
20343
|
-
const
|
|
20344
|
-
i0.ɵɵproperty("title", "Performance Metrics")("ngClass",
|
|
20337
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20338
|
+
i0.ɵɵproperty("title", "Performance Metrics")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
20345
20339
|
} }
|
|
20346
20340
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template(rf, ctx) { if (rf & 1) {
|
|
20347
20341
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
20348
|
-
i0.ɵɵelementStart(0, "button",
|
|
20349
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const
|
|
20342
|
+
i0.ɵɵelementStart(0, "button", 65);
|
|
20343
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_72_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("breakdowns-section")); });
|
|
20350
20344
|
i0.ɵɵelementEnd();
|
|
20351
20345
|
} if (rf & 2) {
|
|
20352
|
-
const
|
|
20353
|
-
i0.ɵɵproperty("title", "Performance Breakdowns")("ngClass",
|
|
20346
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20347
|
+
i0.ɵɵproperty("title", "Performance Breakdowns")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-blue-500" : "bg-slate-600 hover:bg-blue-400");
|
|
20354
20348
|
} }
|
|
20355
20349
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template(rf, ctx) { if (rf & 1) {
|
|
20356
20350
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
20357
|
-
i0.ɵɵelementStart(0, "button",
|
|
20358
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const
|
|
20351
|
+
i0.ɵɵelementStart(0, "button", 65);
|
|
20352
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_73_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToSection("competitive-section")); });
|
|
20359
20353
|
i0.ɵɵelementEnd();
|
|
20360
20354
|
} if (rf & 2) {
|
|
20361
|
-
const
|
|
20362
|
-
i0.ɵɵproperty("title", "Competitive Intelligence")("ngClass",
|
|
20355
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20356
|
+
i0.ɵɵproperty("title", "Competitive Intelligence")("ngClass", ctx_r2.isLightMode() ? "bg-slate-300 hover:bg-indigo-500" : "bg-slate-600 hover:bg-indigo-400");
|
|
20363
20357
|
} }
|
|
20364
20358
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_76_Template(rf, ctx) { if (rf & 1) {
|
|
20365
20359
|
i0.ɵɵelementStart(0, "div", 47);
|
|
20366
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-overall-assessment",
|
|
20360
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-overall-assessment", 66);
|
|
20367
20361
|
i0.ɵɵelementEnd();
|
|
20368
20362
|
} if (rf & 2) {
|
|
20369
|
-
const
|
|
20363
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20370
20364
|
i0.ɵɵadvance();
|
|
20371
|
-
i0.ɵɵproperty("assessment",
|
|
20365
|
+
i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(8, _c1))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading());
|
|
20372
20366
|
} }
|
|
20373
20367
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20374
|
-
i0.ɵɵelementStart(0, "div",
|
|
20375
|
-
i0.ɵɵelement(2, "div",
|
|
20368
|
+
i0.ɵɵelementStart(0, "div", 67)(1, "div", 78);
|
|
20369
|
+
i0.ɵɵelement(2, "div", 79);
|
|
20376
20370
|
i0.ɵɵelementEnd();
|
|
20377
|
-
i0.ɵɵelementStart(3, "div",
|
|
20371
|
+
i0.ɵɵelementStart(3, "div", 80)(4, "div", 81);
|
|
20378
20372
|
i0.ɵɵnamespaceSVG();
|
|
20379
|
-
i0.ɵɵelementStart(5, "svg",
|
|
20380
|
-
i0.ɵɵelement(6, "path",
|
|
20373
|
+
i0.ɵɵelementStart(5, "svg", 82);
|
|
20374
|
+
i0.ɵɵelement(6, "path", 83);
|
|
20381
20375
|
i0.ɵɵelementEnd()()()();
|
|
20382
20376
|
} if (rf & 2) {
|
|
20383
|
-
const
|
|
20377
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20384
20378
|
i0.ɵɵadvance(2);
|
|
20385
|
-
i0.ɵɵproperty("ngClass",
|
|
20379
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "from-transparent via-blue-500/30 to-transparent" : "from-transparent via-blue-400/20 to-transparent");
|
|
20386
20380
|
i0.ɵɵadvance(2);
|
|
20387
|
-
i0.ɵɵproperty("ngClass",
|
|
20381
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-blue-50 to-indigo-50 border border-blue-200/50 shadow-lg shadow-blue-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-blue-500/20 shadow-lg shadow-blue-500/5");
|
|
20388
20382
|
i0.ɵɵadvance();
|
|
20389
|
-
i0.ɵɵproperty("ngClass",
|
|
20383
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-500" : "text-blue-400");
|
|
20390
20384
|
} }
|
|
20391
20385
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20392
|
-
i0.ɵɵelementStart(0, "div",
|
|
20393
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card",
|
|
20386
|
+
i0.ɵɵelementStart(0, "div", 85);
|
|
20387
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 86);
|
|
20394
20388
|
i0.ɵɵelementEnd();
|
|
20395
20389
|
} if (rf & 2) {
|
|
20396
20390
|
const insight_r11 = ctx.$implicit;
|
|
20397
20391
|
const $index_r12 = ctx.$index;
|
|
20398
|
-
const
|
|
20399
|
-
i0.ɵɵclassMap(
|
|
20392
|
+
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
20393
|
+
i0.ɵɵclassMap(ctx_r2.getInsightCardClass(insight_r11));
|
|
20400
20394
|
i0.ɵɵstyleProp("animation-delay", 0.3 + $index_r12 * 0.1 + "s");
|
|
20401
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight",
|
|
20395
|
+
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "insight-" + $index_r12);
|
|
20402
20396
|
i0.ɵɵadvance();
|
|
20403
|
-
i0.ɵɵproperty("insight", insight_r11)("allMetrics",
|
|
20397
|
+
i0.ɵɵproperty("insight", insight_r11)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r11))("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false);
|
|
20404
20398
|
} }
|
|
20405
20399
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
20406
|
-
i0.ɵɵelementStart(0, "div",
|
|
20407
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template, 2, 13, "div",
|
|
20400
|
+
i0.ɵɵelementStart(0, "div", 76);
|
|
20401
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_For_2_Template, 2, 13, "div", 84, i0.ɵɵrepeaterTrackByIndex);
|
|
20408
20402
|
i0.ɵɵelementEnd();
|
|
20409
20403
|
} if (rf & 2) {
|
|
20410
|
-
const
|
|
20404
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20411
20405
|
i0.ɵɵadvance();
|
|
20412
|
-
i0.ɵɵrepeater(
|
|
20406
|
+
i0.ɵɵrepeater(ctx_r2.insights());
|
|
20413
20407
|
} }
|
|
20414
20408
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20415
|
-
i0.ɵɵelementStart(0, "div",
|
|
20416
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card",
|
|
20409
|
+
i0.ɵɵelementStart(0, "div", 85);
|
|
20410
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-insight-card", 86);
|
|
20417
20411
|
i0.ɵɵelementEnd();
|
|
20418
20412
|
} if (rf & 2) {
|
|
20419
20413
|
const insight_r13 = ctx.$implicit;
|
|
20420
20414
|
const $index_r14 = ctx.$index;
|
|
20421
|
-
const
|
|
20415
|
+
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
20422
20416
|
i0.ɵɵstyleProp("animation-delay", 0.3 + $index_r14 * 0.1 + "s");
|
|
20423
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight",
|
|
20417
|
+
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "insight-" + $index_r14);
|
|
20424
20418
|
i0.ɵɵadvance();
|
|
20425
|
-
i0.ɵɵproperty("insight", insight_r13)("allMetrics",
|
|
20419
|
+
i0.ɵɵproperty("insight", insight_r13)("allMetrics", ctx_r2.allMetrics())("charts", ctx_r2.chartsForInsight(insight_r13))("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true);
|
|
20426
20420
|
} }
|
|
20427
20421
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
20428
|
-
i0.ɵɵelementStart(0, "div",
|
|
20429
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template, 2, 11, "div",
|
|
20422
|
+
i0.ɵɵelementStart(0, "div", 77);
|
|
20423
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_For_2_Template, 2, 11, "div", 87, i0.ɵɵrepeaterTrackByIndex);
|
|
20430
20424
|
i0.ɵɵelementEnd();
|
|
20431
20425
|
} if (rf & 2) {
|
|
20432
|
-
const
|
|
20426
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20433
20427
|
i0.ɵɵadvance();
|
|
20434
|
-
i0.ɵɵrepeater(
|
|
20428
|
+
i0.ɵɵrepeater(ctx_r2.insights());
|
|
20435
20429
|
} }
|
|
20436
20430
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20437
|
-
i0.ɵɵelementStart(0, "div",
|
|
20438
|
-
i0.ɵɵelement(3, "symphiq-skeleton-loader",
|
|
20431
|
+
i0.ɵɵelementStart(0, "div", 88)(1, "div", 89)(2, "div", 90);
|
|
20432
|
+
i0.ɵɵelement(3, "symphiq-skeleton-loader", 91)(4, "symphiq-skeleton-loader", 91);
|
|
20439
20433
|
i0.ɵɵelementEnd();
|
|
20440
|
-
i0.ɵɵelement(5, "symphiq-skeleton-loader",
|
|
20441
|
-
i0.ɵɵelementStart(8, "div",
|
|
20442
|
-
i0.ɵɵelement(9, "symphiq-skeleton-loader",
|
|
20434
|
+
i0.ɵɵelement(5, "symphiq-skeleton-loader", 91)(6, "symphiq-skeleton-loader", 91)(7, "symphiq-skeleton-loader", 91);
|
|
20435
|
+
i0.ɵɵelementStart(8, "div", 92);
|
|
20436
|
+
i0.ɵɵelement(9, "symphiq-skeleton-loader", 91)(10, "symphiq-skeleton-loader", 91);
|
|
20443
20437
|
i0.ɵɵelementEnd();
|
|
20444
|
-
i0.ɵɵelementStart(11, "div",
|
|
20445
|
-
i0.ɵɵelement(12, "symphiq-skeleton-loader",
|
|
20438
|
+
i0.ɵɵelementStart(11, "div", 93);
|
|
20439
|
+
i0.ɵɵelement(12, "symphiq-skeleton-loader", 91)(13, "symphiq-skeleton-loader", 91);
|
|
20446
20440
|
i0.ɵɵelementEnd()()();
|
|
20447
20441
|
} if (rf & 2) {
|
|
20448
|
-
const
|
|
20449
|
-
i0.ɵɵproperty("ngClass",
|
|
20442
|
+
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
20443
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-white border-slate-200" : "bg-slate-800 border-slate-700");
|
|
20450
20444
|
i0.ɵɵadvance(3);
|
|
20451
|
-
i0.ɵɵproperty("width", "48px")("height", "48px")("isLightMode",
|
|
20445
|
+
i0.ɵɵproperty("width", "48px")("height", "48px")("isLightMode", ctx_r2.isLightMode());
|
|
20452
20446
|
i0.ɵɵadvance();
|
|
20453
|
-
i0.ɵɵproperty("width", "60%")("height", "28px")("isLightMode",
|
|
20447
|
+
i0.ɵɵproperty("width", "60%")("height", "28px")("isLightMode", ctx_r2.isLightMode());
|
|
20454
20448
|
i0.ɵɵadvance();
|
|
20455
|
-
i0.ɵɵproperty("width", "100%")("height", "18px")("isLightMode",
|
|
20449
|
+
i0.ɵɵproperty("width", "100%")("height", "18px")("isLightMode", ctx_r2.isLightMode());
|
|
20456
20450
|
i0.ɵɵadvance();
|
|
20457
|
-
i0.ɵɵproperty("width", "95%")("height", "18px")("isLightMode",
|
|
20451
|
+
i0.ɵɵproperty("width", "95%")("height", "18px")("isLightMode", ctx_r2.isLightMode());
|
|
20458
20452
|
i0.ɵɵadvance();
|
|
20459
|
-
i0.ɵɵproperty("width", "85%")("height", "18px")("isLightMode",
|
|
20453
|
+
i0.ɵɵproperty("width", "85%")("height", "18px")("isLightMode", ctx_r2.isLightMode());
|
|
20460
20454
|
i0.ɵɵadvance(2);
|
|
20461
|
-
i0.ɵɵproperty("width", "40%")("height", "14px")("isLightMode",
|
|
20455
|
+
i0.ɵɵproperty("width", "40%")("height", "14px")("isLightMode", ctx_r2.isLightMode());
|
|
20462
20456
|
i0.ɵɵadvance();
|
|
20463
|
-
i0.ɵɵproperty("width", "50%")("height", "36px")("isLightMode",
|
|
20457
|
+
i0.ɵɵproperty("width", "50%")("height", "36px")("isLightMode", ctx_r2.isLightMode());
|
|
20464
20458
|
i0.ɵɵadvance(2);
|
|
20465
|
-
i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode",
|
|
20459
|
+
i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r2.isLightMode());
|
|
20466
20460
|
i0.ɵɵadvance();
|
|
20467
|
-
i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode",
|
|
20461
|
+
i0.ɵɵproperty("width", "80px")("height", "28px")("isLightMode", ctx_r2.isLightMode());
|
|
20468
20462
|
} }
|
|
20469
20463
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
20470
|
-
i0.ɵɵelementStart(0, "div",
|
|
20471
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template, 14, 28, "div",
|
|
20464
|
+
i0.ɵɵelementStart(0, "div", 76);
|
|
20465
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_For_2_Template, 14, 28, "div", 88, i0.ɵɵrepeaterTrackByIdentity);
|
|
20472
20466
|
i0.ɵɵelementEnd();
|
|
20473
20467
|
} if (rf & 2) {
|
|
20474
20468
|
i0.ɵɵadvance();
|
|
20475
20469
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2));
|
|
20476
20470
|
} }
|
|
20477
20471
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Template(rf, ctx) { if (rf & 1) {
|
|
20478
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template, 7, 3, "div",
|
|
20479
|
-
i0.ɵɵelementStart(1, "section",
|
|
20480
|
-
i0.ɵɵelement(2, "div",
|
|
20481
|
-
i0.ɵɵelementStart(3, "div",
|
|
20472
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_0_Template, 7, 3, "div", 67);
|
|
20473
|
+
i0.ɵɵelementStart(1, "section", 68);
|
|
20474
|
+
i0.ɵɵelement(2, "div", 69);
|
|
20475
|
+
i0.ɵɵelementStart(3, "div", 70)(4, "div", 71)(5, "div", 37)(6, "div", 72)(7, "div", 37);
|
|
20482
20476
|
i0.ɵɵnamespaceSVG();
|
|
20483
|
-
i0.ɵɵelementStart(8, "svg",
|
|
20484
|
-
i0.ɵɵelement(9, "path",
|
|
20477
|
+
i0.ɵɵelementStart(8, "svg", 73);
|
|
20478
|
+
i0.ɵɵelement(9, "path", 74);
|
|
20485
20479
|
i0.ɵɵelementEnd();
|
|
20486
20480
|
i0.ɵɵnamespaceHTML();
|
|
20487
|
-
i0.ɵɵelementStart(10, "h2",
|
|
20481
|
+
i0.ɵɵelementStart(10, "h2", 75);
|
|
20488
20482
|
i0.ɵɵtext(11, "Key Insights");
|
|
20489
20483
|
i0.ɵɵelementEnd()()()();
|
|
20490
20484
|
i0.ɵɵelementStart(12, "span", 30);
|
|
20491
20485
|
i0.ɵɵtext(13);
|
|
20492
20486
|
i0.ɵɵelementEnd()();
|
|
20493
|
-
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template, 3, 0, "div",
|
|
20487
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_14_Template, 3, 0, "div", 76)(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_15_Template, 3, 0, "div", 77)(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_77_Conditional_16_Template, 3, 1, "div", 76);
|
|
20494
20488
|
i0.ɵɵelementEnd()();
|
|
20495
20489
|
} if (rf & 2) {
|
|
20496
|
-
const
|
|
20497
|
-
i0.ɵɵconditional(
|
|
20490
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20491
|
+
i0.ɵɵconditional(ctx_r2.selectedSectionFilter() === "ALL" ? 0 : -1);
|
|
20498
20492
|
i0.ɵɵadvance(2);
|
|
20499
|
-
i0.ɵɵproperty("ngClass",
|
|
20493
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-blue-50/50 to-transparent" : "bg-gradient-to-br from-blue-950/20 to-transparent");
|
|
20500
20494
|
i0.ɵɵadvance(4);
|
|
20501
|
-
i0.ɵɵproperty("ngClass",
|
|
20495
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "border-l-4 border-blue-500" : "border-l-4 border-blue-400");
|
|
20502
20496
|
i0.ɵɵadvance(2);
|
|
20503
|
-
i0.ɵɵproperty("ngClass",
|
|
20497
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-blue-500" : "text-blue-400");
|
|
20504
20498
|
i0.ɵɵadvance(2);
|
|
20505
|
-
i0.ɵɵclassMap(
|
|
20499
|
+
i0.ɵɵclassMap(ctx_r2.sectionTitleClass());
|
|
20506
20500
|
i0.ɵɵadvance(2);
|
|
20507
|
-
i0.ɵɵclassMap(
|
|
20501
|
+
i0.ɵɵclassMap(ctx_r2.metaLabelClass());
|
|
20508
20502
|
i0.ɵɵadvance();
|
|
20509
|
-
i0.ɵɵtextInterpolate1("",
|
|
20503
|
+
i0.ɵɵtextInterpolate1("", ctx_r2.insights().length, " insights");
|
|
20510
20504
|
i0.ɵɵadvance();
|
|
20511
|
-
i0.ɵɵconditional(
|
|
20505
|
+
i0.ɵɵconditional(ctx_r2.viewModeService.isExpanded() ? 14 : !ctx_r2.viewModeService.isExpanded() ? 15 : 16);
|
|
20512
20506
|
} }
|
|
20513
20507
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20514
|
-
i0.ɵɵelementStart(0, "div",
|
|
20515
|
-
i0.ɵɵelement(2, "div",
|
|
20508
|
+
i0.ɵɵelementStart(0, "div", 94)(1, "div", 78);
|
|
20509
|
+
i0.ɵɵelement(2, "div", 79);
|
|
20516
20510
|
i0.ɵɵelementEnd();
|
|
20517
|
-
i0.ɵɵelementStart(3, "div",
|
|
20511
|
+
i0.ɵɵelementStart(3, "div", 80)(4, "div", 81);
|
|
20518
20512
|
i0.ɵɵnamespaceSVG();
|
|
20519
|
-
i0.ɵɵelementStart(5, "svg",
|
|
20520
|
-
i0.ɵɵelement(6, "path",
|
|
20513
|
+
i0.ɵɵelementStart(5, "svg", 82);
|
|
20514
|
+
i0.ɵɵelement(6, "path", 110);
|
|
20521
20515
|
i0.ɵɵelementEnd()()()();
|
|
20522
20516
|
} if (rf & 2) {
|
|
20523
|
-
const
|
|
20517
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20524
20518
|
i0.ɵɵadvance(2);
|
|
20525
|
-
i0.ɵɵproperty("ngClass",
|
|
20519
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "from-transparent via-emerald-500/30 to-transparent" : "from-transparent via-emerald-400/20 to-transparent");
|
|
20526
20520
|
i0.ɵɵadvance(2);
|
|
20527
|
-
i0.ɵɵproperty("ngClass",
|
|
20521
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-emerald-50 to-teal-50 border border-emerald-200/50 shadow-lg shadow-emerald-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-emerald-500/20 shadow-lg shadow-emerald-500/5");
|
|
20528
20522
|
i0.ɵɵadvance();
|
|
20529
|
-
i0.ɵɵproperty("ngClass",
|
|
20523
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-emerald-500" : "text-emerald-400");
|
|
20530
20524
|
} }
|
|
20531
20525
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
20532
|
-
i0.ɵɵelementStart(0, "div",
|
|
20533
|
-
i0.ɵɵelement(1, "div",
|
|
20526
|
+
i0.ɵɵelementStart(0, "div", 101);
|
|
20527
|
+
i0.ɵɵelement(1, "div", 111);
|
|
20534
20528
|
i0.ɵɵelementEnd();
|
|
20535
20529
|
} }
|
|
20536
20530
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20537
|
-
i0.ɵɵelementStart(0, "option",
|
|
20531
|
+
i0.ɵɵelementStart(0, "option", 112);
|
|
20538
20532
|
i0.ɵɵtext(1);
|
|
20539
20533
|
i0.ɵɵelementEnd();
|
|
20540
20534
|
} if (rf & 2) {
|
|
@@ -20554,56 +20548,56 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Condition
|
|
|
20554
20548
|
i0.ɵɵtextInterpolate(cat_r16.label);
|
|
20555
20549
|
} }
|
|
20556
20550
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Template(rf, ctx) { if (rf & 1) {
|
|
20557
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_0_Template, 2, 2, "option",
|
|
20551
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_0_Template, 2, 2, "option", 112)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Conditional_1_Template, 2, 2, "option", 27);
|
|
20558
20552
|
} if (rf & 2) {
|
|
20559
20553
|
const cat_r16 = ctx.$implicit;
|
|
20560
20554
|
i0.ɵɵconditional(cat_r16.divider ? 0 : 1);
|
|
20561
20555
|
} }
|
|
20562
20556
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
20563
20557
|
i0.ɵɵnamespaceSVG();
|
|
20564
|
-
i0.ɵɵelement(0, "path",
|
|
20558
|
+
i0.ɵɵelement(0, "path", 104);
|
|
20565
20559
|
} }
|
|
20566
20560
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template(rf, ctx) { if (rf & 1) {
|
|
20567
20561
|
i0.ɵɵnamespaceSVG();
|
|
20568
|
-
i0.ɵɵelement(0, "path",
|
|
20562
|
+
i0.ɵɵelement(0, "path", 105);
|
|
20569
20563
|
} }
|
|
20570
20564
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20571
20565
|
const _r17 = i0.ɵɵgetCurrentView();
|
|
20572
|
-
i0.ɵɵelementStart(0, "button",
|
|
20573
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const cat_r18 = i0.ɵɵnextContext().$implicit; const
|
|
20566
|
+
i0.ɵɵelementStart(0, "button", 114);
|
|
20567
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const cat_r18 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter(cat_r18.value)); });
|
|
20574
20568
|
i0.ɵɵtext(1);
|
|
20575
20569
|
i0.ɵɵelementEnd();
|
|
20576
20570
|
} if (rf & 2) {
|
|
20577
20571
|
const cat_r18 = i0.ɵɵnextContext().$implicit;
|
|
20578
|
-
const
|
|
20579
|
-
i0.ɵɵclassProp("opacity-70",
|
|
20580
|
-
i0.ɵɵproperty("ngClass",
|
|
20572
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20573
|
+
i0.ɵɵclassProp("opacity-70", ctx_r2.isCategoryTransitioning());
|
|
20574
|
+
i0.ɵɵproperty("ngClass", ctx_r2.getCategoryPillClass(cat_r18.value));
|
|
20581
20575
|
i0.ɵɵadvance();
|
|
20582
20576
|
i0.ɵɵtextInterpolate1(" ", cat_r18.label, " ");
|
|
20583
20577
|
} }
|
|
20584
20578
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Template(rf, ctx) { if (rf & 1) {
|
|
20585
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template, 2, 4, "button",
|
|
20579
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Conditional_0_Template, 2, 4, "button", 113);
|
|
20586
20580
|
} if (rf & 2) {
|
|
20587
20581
|
const cat_r18 = ctx.$implicit;
|
|
20588
20582
|
i0.ɵɵconditional(!cat_r18.divider ? 0 : -1);
|
|
20589
20583
|
} }
|
|
20590
20584
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20591
|
-
i0.ɵɵelementStart(0, "div",
|
|
20592
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
20585
|
+
i0.ɵɵelementStart(0, "div", 120);
|
|
20586
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 121);
|
|
20593
20587
|
i0.ɵɵelementEnd();
|
|
20594
20588
|
} if (rf & 2) {
|
|
20595
20589
|
const metric_r19 = ctx.$implicit;
|
|
20596
|
-
const ɵ$
|
|
20597
|
-
const ɵ$
|
|
20598
|
-
const
|
|
20599
|
-
i0.ɵɵclassMap(
|
|
20600
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
20590
|
+
const ɵ$index_386_r20 = ctx.$index;
|
|
20591
|
+
const ɵ$index_377_r21 = i0.ɵɵnextContext(3).$index;
|
|
20592
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20593
|
+
i0.ɵɵclassMap(ctx_r2.getBentoCardClass(metric_r19, ɵ$index_386_r20));
|
|
20594
|
+
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_377_r21 * 0.15 + ɵ$index_386_r20 * 0.08 + "s");
|
|
20601
20595
|
i0.ɵɵadvance();
|
|
20602
|
-
i0.ɵɵproperty("metric", metric_r19)("insights",
|
|
20596
|
+
i0.ɵɵproperty("metric", metric_r19)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(metric_r19))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.funnelAnalysis())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", false);
|
|
20603
20597
|
} }
|
|
20604
20598
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20605
|
-
i0.ɵɵelementStart(0, "div",
|
|
20606
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div",
|
|
20599
|
+
i0.ɵɵelementStart(0, "div", 117);
|
|
20600
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_For_2_Template, 2, 12, "div", 119, i0.ɵɵrepeaterTrackByIndex);
|
|
20607
20601
|
i0.ɵɵelementEnd();
|
|
20608
20602
|
} if (rf & 2) {
|
|
20609
20603
|
const funnelGroup_r22 = i0.ɵɵnextContext(2).$implicit;
|
|
@@ -20611,21 +20605,21 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Condition
|
|
|
20611
20605
|
i0.ɵɵrepeater(funnelGroup_r22.relatedMetrics);
|
|
20612
20606
|
} }
|
|
20613
20607
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20614
|
-
i0.ɵɵelementStart(0, "div",
|
|
20615
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
20608
|
+
i0.ɵɵelementStart(0, "div", 120);
|
|
20609
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 116);
|
|
20616
20610
|
i0.ɵɵelementEnd();
|
|
20617
20611
|
} if (rf & 2) {
|
|
20618
20612
|
const metric_r23 = ctx.$implicit;
|
|
20619
|
-
const ɵ$
|
|
20620
|
-
const ɵ$
|
|
20621
|
-
const
|
|
20622
|
-
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$
|
|
20613
|
+
const ɵ$index_394_r24 = ctx.$index;
|
|
20614
|
+
const ɵ$index_377_r21 = i0.ɵɵnextContext(3).$index;
|
|
20615
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20616
|
+
i0.ɵɵstyleProp("animation-delay", 0.6 + ɵ$index_377_r21 * 0.15 + ɵ$index_394_r24 * 0.08 + "s");
|
|
20623
20617
|
i0.ɵɵadvance();
|
|
20624
|
-
i0.ɵɵproperty("metric", metric_r23)("insights",
|
|
20618
|
+
i0.ɵɵproperty("metric", metric_r23)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(metric_r23))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.funnelAnalysis())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", true);
|
|
20625
20619
|
} }
|
|
20626
20620
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
20627
|
-
i0.ɵɵelementStart(0, "div",
|
|
20628
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div",
|
|
20621
|
+
i0.ɵɵelementStart(0, "div", 118);
|
|
20622
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_For_2_Template, 2, 10, "div", 122, i0.ɵɵrepeaterTrackByIndex);
|
|
20629
20623
|
i0.ɵɵelementEnd();
|
|
20630
20624
|
} if (rf & 2) {
|
|
20631
20625
|
const funnelGroup_r22 = i0.ɵɵnextContext(2).$implicit;
|
|
@@ -20633,185 +20627,185 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Condition
|
|
|
20633
20627
|
i0.ɵɵrepeater(funnelGroup_r22.relatedMetrics);
|
|
20634
20628
|
} }
|
|
20635
20629
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
20636
|
-
i0.ɵɵelementStart(0, "div",
|
|
20637
|
-
i0.ɵɵelement(3, "symphiq-skeleton-loader",
|
|
20630
|
+
i0.ɵɵelementStart(0, "div", 123)(1, "div", 89)(2, "div", 98);
|
|
20631
|
+
i0.ɵɵelement(3, "symphiq-skeleton-loader", 91)(4, "symphiq-skeleton-loader", 91);
|
|
20638
20632
|
i0.ɵɵelementEnd();
|
|
20639
|
-
i0.ɵɵelement(5, "symphiq-skeleton-loader",
|
|
20640
|
-
i0.ɵɵelementStart(6, "div",
|
|
20641
|
-
i0.ɵɵelement(7, "symphiq-skeleton-loader",
|
|
20633
|
+
i0.ɵɵelement(5, "symphiq-skeleton-loader", 91);
|
|
20634
|
+
i0.ɵɵelementStart(6, "div", 124);
|
|
20635
|
+
i0.ɵɵelement(7, "symphiq-skeleton-loader", 91)(8, "symphiq-skeleton-loader", 91);
|
|
20642
20636
|
i0.ɵɵelementEnd();
|
|
20643
|
-
i0.ɵɵelement(9, "symphiq-skeleton-loader",
|
|
20644
|
-
i0.ɵɵelementStart(11, "div",
|
|
20645
|
-
i0.ɵɵelement(12, "symphiq-skeleton-loader",
|
|
20637
|
+
i0.ɵɵelement(9, "symphiq-skeleton-loader", 91)(10, "symphiq-skeleton-loader", 91);
|
|
20638
|
+
i0.ɵɵelementStart(11, "div", 125);
|
|
20639
|
+
i0.ɵɵelement(12, "symphiq-skeleton-loader", 91);
|
|
20646
20640
|
i0.ɵɵelementEnd()()();
|
|
20647
20641
|
} if (rf & 2) {
|
|
20648
|
-
const
|
|
20649
|
-
i0.ɵɵproperty("ngClass",
|
|
20642
|
+
const ctx_r2 = i0.ɵɵnextContext(5);
|
|
20643
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-white border-slate-200" : "bg-slate-800 border-slate-700");
|
|
20650
20644
|
i0.ɵɵadvance(3);
|
|
20651
|
-
i0.ɵɵproperty("width", "60%")("height", "22px")("isLightMode",
|
|
20645
|
+
i0.ɵɵproperty("width", "60%")("height", "22px")("isLightMode", ctx_r2.isLightMode());
|
|
20652
20646
|
i0.ɵɵadvance();
|
|
20653
|
-
i0.ɵɵproperty("width", "60px")("height", "24px")("isLightMode",
|
|
20647
|
+
i0.ɵɵproperty("width", "60px")("height", "24px")("isLightMode", ctx_r2.isLightMode());
|
|
20654
20648
|
i0.ɵɵadvance();
|
|
20655
|
-
i0.ɵɵproperty("width", "45%")("height", "42px")("isLightMode",
|
|
20649
|
+
i0.ɵɵproperty("width", "45%")("height", "42px")("isLightMode", ctx_r2.isLightMode());
|
|
20656
20650
|
i0.ɵɵadvance(2);
|
|
20657
|
-
i0.ɵɵproperty("width", "24px")("height", "24px")("isLightMode",
|
|
20651
|
+
i0.ɵɵproperty("width", "24px")("height", "24px")("isLightMode", ctx_r2.isLightMode());
|
|
20658
20652
|
i0.ɵɵadvance();
|
|
20659
|
-
i0.ɵɵproperty("width", "30%")("height", "20px")("isLightMode",
|
|
20653
|
+
i0.ɵɵproperty("width", "30%")("height", "20px")("isLightMode", ctx_r2.isLightMode());
|
|
20660
20654
|
i0.ɵɵadvance();
|
|
20661
|
-
i0.ɵɵproperty("width", "100%")("height", "16px")("isLightMode",
|
|
20655
|
+
i0.ɵɵproperty("width", "100%")("height", "16px")("isLightMode", ctx_r2.isLightMode());
|
|
20662
20656
|
i0.ɵɵadvance();
|
|
20663
|
-
i0.ɵɵproperty("width", "85%")("height", "16px")("isLightMode",
|
|
20657
|
+
i0.ɵɵproperty("width", "85%")("height", "16px")("isLightMode", ctx_r2.isLightMode());
|
|
20664
20658
|
i0.ɵɵadvance(2);
|
|
20665
|
-
i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode",
|
|
20659
|
+
i0.ɵɵproperty("width", "100%")("height", "120px")("isLightMode", ctx_r2.isLightMode());
|
|
20666
20660
|
} }
|
|
20667
20661
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
20668
|
-
i0.ɵɵelementStart(0, "div",
|
|
20669
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div",
|
|
20662
|
+
i0.ɵɵelementStart(0, "div", 117);
|
|
20663
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_For_2_Template, 13, 25, "div", 123, i0.ɵɵrepeaterTrackByIdentity);
|
|
20670
20664
|
i0.ɵɵelementEnd();
|
|
20671
20665
|
} if (rf & 2) {
|
|
20672
20666
|
i0.ɵɵadvance();
|
|
20673
20667
|
i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3));
|
|
20674
20668
|
} }
|
|
20675
20669
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
20676
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_Template, 3, 0, "div",
|
|
20670
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_0_Template, 3, 0, "div", 117)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_1_Template, 3, 0, "div", 118)(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Conditional_2_Template, 3, 1, "div", 117);
|
|
20677
20671
|
} if (rf & 2) {
|
|
20678
|
-
const
|
|
20679
|
-
i0.ɵɵconditional(
|
|
20672
|
+
const ctx_r2 = i0.ɵɵnextContext(3);
|
|
20673
|
+
i0.ɵɵconditional(ctx_r2.viewModeService.isExpanded() ? 0 : !ctx_r2.viewModeService.isExpanded() ? 1 : 2);
|
|
20680
20674
|
} }
|
|
20681
20675
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Template(rf, ctx) { if (rf & 1) {
|
|
20682
|
-
i0.ɵɵelementStart(0, "div",
|
|
20683
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
20676
|
+
i0.ɵɵelementStart(0, "div", 115);
|
|
20677
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 116);
|
|
20684
20678
|
i0.ɵɵelementEnd();
|
|
20685
20679
|
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Conditional_2_Template, 3, 1);
|
|
20686
20680
|
} if (rf & 2) {
|
|
20687
20681
|
const funnelGroup_r22 = ctx.$implicit;
|
|
20688
|
-
const ɵ$
|
|
20689
|
-
const
|
|
20690
|
-
i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$
|
|
20691
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight",
|
|
20682
|
+
const ɵ$index_377_r21 = ctx.$index;
|
|
20683
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20684
|
+
i0.ɵɵstyleProp("animation-delay", 0.5 + ɵ$index_377_r21 * 0.15 + "s");
|
|
20685
|
+
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "metric-" + ɵ$index_377_r21);
|
|
20692
20686
|
i0.ɵɵadvance();
|
|
20693
|
-
i0.ɵɵproperty("metric", funnelGroup_r22.funnelMetric)("insights",
|
|
20687
|
+
i0.ɵɵproperty("metric", funnelGroup_r22.funnelMetric)("insights", ctx_r2.insights())("charts", ctx_r2.chartsForMetric(funnelGroup_r22.funnelMetric))("allCharts", ctx_r2.allCharts())("analysis", ctx_r2.funnelAnalysis())("isLightMode", ctx_r2.isLightMode())("viewMode", ctx_r2.viewMode())("isCompactMode", ctx_r2.viewModeService.isCompact());
|
|
20694
20688
|
i0.ɵɵadvance();
|
|
20695
20689
|
i0.ɵɵconditional(funnelGroup_r22.relatedMetrics.length > 0 ? 2 : -1);
|
|
20696
20690
|
} }
|
|
20697
20691
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_31_Template(rf, ctx) { if (rf & 1) {
|
|
20698
|
-
i0.ɵɵelementStart(0, "div",
|
|
20692
|
+
i0.ɵɵelementStart(0, "div", 109);
|
|
20699
20693
|
i0.ɵɵnamespaceSVG();
|
|
20700
|
-
i0.ɵɵelementStart(1, "svg",
|
|
20701
|
-
i0.ɵɵelement(2, "path",
|
|
20694
|
+
i0.ɵɵelementStart(1, "svg", 126);
|
|
20695
|
+
i0.ɵɵelement(2, "path", 99);
|
|
20702
20696
|
i0.ɵɵelementEnd();
|
|
20703
20697
|
i0.ɵɵnamespaceHTML();
|
|
20704
|
-
i0.ɵɵelementStart(3, "h3",
|
|
20698
|
+
i0.ɵɵelementStart(3, "h3", 127);
|
|
20705
20699
|
i0.ɵɵtext(4, "No Metrics Found");
|
|
20706
20700
|
i0.ɵɵelementEnd();
|
|
20707
|
-
i0.ɵɵelementStart(5, "p",
|
|
20701
|
+
i0.ɵɵelementStart(5, "p", 128);
|
|
20708
20702
|
i0.ɵɵtext(6, "No performance metrics match your current filter selection. Try adjusting your filters to see more results.");
|
|
20709
20703
|
i0.ɵɵelementEnd()();
|
|
20710
20704
|
} if (rf & 2) {
|
|
20711
|
-
const
|
|
20712
|
-
i0.ɵɵproperty("ngClass",
|
|
20705
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20706
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-slate-50 border-slate-200" : "bg-slate-800/50 border-slate-700");
|
|
20713
20707
|
i0.ɵɵadvance();
|
|
20714
|
-
i0.ɵɵproperty("ngClass",
|
|
20708
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-300" : "text-slate-600");
|
|
20715
20709
|
i0.ɵɵadvance(2);
|
|
20716
|
-
i0.ɵɵproperty("ngClass",
|
|
20710
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-900" : "text-white");
|
|
20717
20711
|
i0.ɵɵadvance(2);
|
|
20718
|
-
i0.ɵɵproperty("ngClass",
|
|
20712
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
20719
20713
|
} }
|
|
20720
20714
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template(rf, ctx) { if (rf & 1) {
|
|
20721
20715
|
const _r15 = i0.ɵɵgetCurrentView();
|
|
20722
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template, 7, 3, "div",
|
|
20723
|
-
i0.ɵɵelementStart(1, "section",
|
|
20724
|
-
i0.ɵɵelement(2, "div",
|
|
20725
|
-
i0.ɵɵelementStart(3, "div",
|
|
20716
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_0_Template, 7, 3, "div", 94);
|
|
20717
|
+
i0.ɵɵelementStart(1, "section", 95);
|
|
20718
|
+
i0.ɵɵelement(2, "div", 96);
|
|
20719
|
+
i0.ɵɵelementStart(3, "div", 70)(4, "div", 97)(5, "div", 98)(6, "div", 37)(7, "div", 72)(8, "div", 37);
|
|
20726
20720
|
i0.ɵɵnamespaceSVG();
|
|
20727
|
-
i0.ɵɵelementStart(9, "svg",
|
|
20728
|
-
i0.ɵɵelement(10, "path",
|
|
20721
|
+
i0.ɵɵelementStart(9, "svg", 73);
|
|
20722
|
+
i0.ɵɵelement(10, "path", 99);
|
|
20729
20723
|
i0.ɵɵelementEnd();
|
|
20730
20724
|
i0.ɵɵnamespaceHTML();
|
|
20731
|
-
i0.ɵɵelementStart(11, "h2",
|
|
20725
|
+
i0.ɵɵelementStart(11, "h2", 75);
|
|
20732
20726
|
i0.ɵɵtext(12, "Performance Metrics");
|
|
20733
20727
|
i0.ɵɵelementEnd()()()();
|
|
20734
|
-
i0.ɵɵelementStart(13, "div",
|
|
20735
|
-
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template, 2, 0, "div",
|
|
20736
|
-
i0.ɵɵelementStart(15, "select",
|
|
20737
|
-
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r15); const
|
|
20728
|
+
i0.ɵɵelementStart(13, "div", 100);
|
|
20729
|
+
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_14_Template, 2, 0, "div", 101);
|
|
20730
|
+
i0.ɵɵelementStart(15, "select", 102);
|
|
20731
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
|
|
20738
20732
|
i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_17_Template, 2, 1, null, null, _forTrack0$1);
|
|
20739
20733
|
i0.ɵɵelementEnd();
|
|
20740
|
-
i0.ɵɵelementStart(18, "button",
|
|
20741
|
-
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r15); const
|
|
20734
|
+
i0.ɵɵelementStart(18, "button", 103);
|
|
20735
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
|
|
20742
20736
|
i0.ɵɵnamespaceSVG();
|
|
20743
20737
|
i0.ɵɵelementStart(19, "svg", 19);
|
|
20744
|
-
i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template, 1, 0, ":svg:path",
|
|
20745
|
-
i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template, 1, 0, ":svg:path",
|
|
20738
|
+
i0.ɵɵconditionalCreate(20, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_20_Template, 1, 0, ":svg:path", 104);
|
|
20739
|
+
i0.ɵɵconditionalCreate(21, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_Conditional_21_Template, 1, 0, ":svg:path", 105);
|
|
20746
20740
|
i0.ɵɵelementEnd();
|
|
20747
20741
|
i0.ɵɵnamespaceHTML();
|
|
20748
20742
|
i0.ɵɵelementStart(22, "span");
|
|
20749
20743
|
i0.ɵɵtext(23, "Sort");
|
|
20750
20744
|
i0.ɵɵelementEnd()()()();
|
|
20751
|
-
i0.ɵɵelementStart(24, "div",
|
|
20745
|
+
i0.ɵɵelementStart(24, "div", 106)(25, "div", 107);
|
|
20752
20746
|
i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_27_Template, 1, 1, null, null, _forTrack0$1);
|
|
20753
20747
|
i0.ɵɵelementEnd()()();
|
|
20754
|
-
i0.ɵɵelementStart(28, "div",
|
|
20755
|
-
i0.ɵɵrepeaterCreate(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Template, 3, 13, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_31_Template, 7, 4, "div",
|
|
20748
|
+
i0.ɵɵelementStart(28, "div", 108);
|
|
20749
|
+
i0.ɵɵrepeaterCreate(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_For_30_Template, 3, 13, null, null, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_78_ForEmpty_31_Template, 7, 4, "div", 109);
|
|
20756
20750
|
i0.ɵɵelementEnd()()();
|
|
20757
20751
|
} if (rf & 2) {
|
|
20758
|
-
const
|
|
20759
|
-
i0.ɵɵconditional(
|
|
20752
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20753
|
+
i0.ɵɵconditional(ctx_r2.selectedSectionFilter() === "ALL" ? 0 : -1);
|
|
20760
20754
|
i0.ɵɵadvance(2);
|
|
20761
|
-
i0.ɵɵproperty("ngClass",
|
|
20755
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-tl from-emerald-50/50 to-transparent" : "bg-gradient-to-tl from-emerald-950/20 to-transparent");
|
|
20762
20756
|
i0.ɵɵadvance(5);
|
|
20763
|
-
i0.ɵɵproperty("ngClass",
|
|
20757
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "border-l-4 border-emerald-500" : "border-l-4 border-emerald-400");
|
|
20764
20758
|
i0.ɵɵadvance(2);
|
|
20765
|
-
i0.ɵɵproperty("ngClass",
|
|
20759
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-emerald-500" : "text-emerald-400");
|
|
20766
20760
|
i0.ɵɵadvance(2);
|
|
20767
|
-
i0.ɵɵclassMap(
|
|
20761
|
+
i0.ɵɵclassMap(ctx_r2.sectionTitleClass());
|
|
20768
20762
|
i0.ɵɵadvance(3);
|
|
20769
|
-
i0.ɵɵconditional(
|
|
20763
|
+
i0.ɵɵconditional(ctx_r2.isCategoryTransitioning() ? 14 : -1);
|
|
20770
20764
|
i0.ɵɵadvance();
|
|
20771
|
-
i0.ɵɵclassMap(
|
|
20772
|
-
i0.ɵɵclassProp("opacity-70",
|
|
20773
|
-
i0.ɵɵproperty("ngModel",
|
|
20765
|
+
i0.ɵɵclassMap(ctx_r2.selectClass());
|
|
20766
|
+
i0.ɵɵclassProp("opacity-70", ctx_r2.isCategoryTransitioning());
|
|
20767
|
+
i0.ɵɵproperty("ngModel", ctx_r2.selectedCategory());
|
|
20774
20768
|
i0.ɵɵadvance();
|
|
20775
|
-
i0.ɵɵrepeater(
|
|
20769
|
+
i0.ɵɵrepeater(ctx_r2.categories);
|
|
20776
20770
|
i0.ɵɵadvance(2);
|
|
20777
|
-
i0.ɵɵclassMap(
|
|
20778
|
-
i0.ɵɵproperty("title",
|
|
20771
|
+
i0.ɵɵclassMap(ctx_r2.sortButtonClass());
|
|
20772
|
+
i0.ɵɵproperty("title", ctx_r2.reverseSortOrder() ? "Sort: Revenue to Views" : "Sort: Views to Revenue");
|
|
20779
20773
|
i0.ɵɵadvance(2);
|
|
20780
|
-
i0.ɵɵconditional(!
|
|
20774
|
+
i0.ɵɵconditional(!ctx_r2.reverseSortOrder() ? 20 : -1);
|
|
20781
20775
|
i0.ɵɵadvance();
|
|
20782
|
-
i0.ɵɵconditional(
|
|
20776
|
+
i0.ɵɵconditional(ctx_r2.reverseSortOrder() ? 21 : -1);
|
|
20783
20777
|
i0.ɵɵadvance(5);
|
|
20784
|
-
i0.ɵɵrepeater(
|
|
20778
|
+
i0.ɵɵrepeater(ctx_r2.categories);
|
|
20785
20779
|
i0.ɵɵadvance(2);
|
|
20786
|
-
i0.ɵɵclassProp("animate-content-change",
|
|
20780
|
+
i0.ɵɵclassProp("animate-content-change", ctx_r2.isCategoryTransitioning())("transition-opacity-slow", ctx_r2.isCategoryTransitioning());
|
|
20787
20781
|
i0.ɵɵadvance();
|
|
20788
|
-
i0.ɵɵrepeater(
|
|
20782
|
+
i0.ɵɵrepeater(ctx_r2.groupedMetrics());
|
|
20789
20783
|
} }
|
|
20790
20784
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20791
|
-
i0.ɵɵelementStart(0, "div",
|
|
20792
|
-
i0.ɵɵelement(2, "div",
|
|
20785
|
+
i0.ɵɵelementStart(0, "div", 129)(1, "div", 78);
|
|
20786
|
+
i0.ɵɵelement(2, "div", 79);
|
|
20793
20787
|
i0.ɵɵelementEnd();
|
|
20794
|
-
i0.ɵɵelementStart(3, "div",
|
|
20788
|
+
i0.ɵɵelementStart(3, "div", 80)(4, "div", 81);
|
|
20795
20789
|
i0.ɵɵnamespaceSVG();
|
|
20796
|
-
i0.ɵɵelementStart(5, "svg",
|
|
20797
|
-
i0.ɵɵelement(6, "path",
|
|
20790
|
+
i0.ɵɵelementStart(5, "svg", 82);
|
|
20791
|
+
i0.ɵɵelement(6, "path", 99);
|
|
20798
20792
|
i0.ɵɵelementEnd()()()();
|
|
20799
20793
|
} if (rf & 2) {
|
|
20800
|
-
const
|
|
20794
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20801
20795
|
i0.ɵɵadvance(2);
|
|
20802
|
-
i0.ɵɵproperty("ngClass",
|
|
20796
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "from-transparent via-purple-500/30 to-transparent" : "from-transparent via-purple-400/20 to-transparent");
|
|
20803
20797
|
i0.ɵɵadvance(2);
|
|
20804
|
-
i0.ɵɵproperty("ngClass",
|
|
20798
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-purple-50 to-pink-50 border border-purple-200/50 shadow-lg shadow-purple-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-purple-500/20 shadow-lg shadow-purple-500/5");
|
|
20805
20799
|
i0.ɵɵadvance();
|
|
20806
|
-
i0.ɵɵproperty("ngClass",
|
|
20800
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-purple-500" : "text-purple-400");
|
|
20807
20801
|
} }
|
|
20808
20802
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
20809
|
-
i0.ɵɵelementStart(0, "div",
|
|
20810
|
-
i0.ɵɵelement(1, "div",
|
|
20803
|
+
i0.ɵɵelementStart(0, "div", 101);
|
|
20804
|
+
i0.ɵɵelement(1, "div", 137);
|
|
20811
20805
|
i0.ɵɵelementEnd();
|
|
20812
20806
|
} }
|
|
20813
20807
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20814
|
-
i0.ɵɵelementStart(0, "option",
|
|
20808
|
+
i0.ɵɵelementStart(0, "option", 112);
|
|
20815
20809
|
i0.ɵɵtext(1);
|
|
20816
20810
|
i0.ɵɵelementEnd();
|
|
20817
20811
|
} if (rf & 2) {
|
|
@@ -20831,119 +20825,119 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Condition
|
|
|
20831
20825
|
i0.ɵɵtextInterpolate(filter_r26.label);
|
|
20832
20826
|
} }
|
|
20833
20827
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Template(rf, ctx) { if (rf & 1) {
|
|
20834
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_0_Template, 2, 2, "option",
|
|
20828
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_0_Template, 2, 2, "option", 112)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Conditional_1_Template, 2, 2, "option", 27);
|
|
20835
20829
|
} if (rf & 2) {
|
|
20836
20830
|
const filter_r26 = ctx.$implicit;
|
|
20837
20831
|
i0.ɵɵconditional(filter_r26.divider ? 0 : 1);
|
|
20838
20832
|
} }
|
|
20839
20833
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_18_Template(rf, ctx) { if (rf & 1) {
|
|
20840
|
-
i0.ɵɵelementStart(0, "div",
|
|
20841
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section",
|
|
20834
|
+
i0.ɵɵelementStart(0, "div", 85);
|
|
20835
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-breakdown-section", 138);
|
|
20842
20836
|
i0.ɵɵelementEnd();
|
|
20843
20837
|
} if (rf & 2) {
|
|
20844
20838
|
const breakdown_r27 = ctx.$implicit;
|
|
20845
20839
|
const $index_r28 = ctx.$index;
|
|
20846
|
-
const
|
|
20840
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20847
20841
|
i0.ɵɵstyleProp("animation-delay", 0.8 + $index_r28 * 0.1 + "s");
|
|
20848
|
-
i0.ɵɵproperty("libSymphiqSearchHighlight",
|
|
20842
|
+
i0.ɵɵproperty("libSymphiqSearchHighlight", ctx_r2.searchService.highlightedResultId())("highlightId", "breakdown-" + $index_r28);
|
|
20849
20843
|
i0.ɵɵadvance();
|
|
20850
|
-
i0.ɵɵproperty("breakdown", breakdown_r27)("charts",
|
|
20844
|
+
i0.ɵɵproperty("breakdown", breakdown_r27)("charts", ctx_r2.chartsForBreakdown(breakdown_r27))("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact());
|
|
20851
20845
|
} }
|
|
20852
20846
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_ForEmpty_19_Template(rf, ctx) { if (rf & 1) {
|
|
20853
|
-
i0.ɵɵelementStart(0, "div",
|
|
20847
|
+
i0.ɵɵelementStart(0, "div", 109);
|
|
20854
20848
|
i0.ɵɵnamespaceSVG();
|
|
20855
|
-
i0.ɵɵelementStart(1, "svg",
|
|
20856
|
-
i0.ɵɵelement(2, "path",
|
|
20849
|
+
i0.ɵɵelementStart(1, "svg", 126);
|
|
20850
|
+
i0.ɵɵelement(2, "path", 139);
|
|
20857
20851
|
i0.ɵɵelementEnd();
|
|
20858
20852
|
i0.ɵɵnamespaceHTML();
|
|
20859
|
-
i0.ɵɵelementStart(3, "h3",
|
|
20853
|
+
i0.ɵɵelementStart(3, "h3", 127);
|
|
20860
20854
|
i0.ɵɵtext(4, "No Breakdowns Found");
|
|
20861
20855
|
i0.ɵɵelementEnd();
|
|
20862
|
-
i0.ɵɵelementStart(5, "p",
|
|
20856
|
+
i0.ɵɵelementStart(5, "p", 128);
|
|
20863
20857
|
i0.ɵɵtext(6, "No performance breakdowns match your current filter selection. Try adjusting your filters to see more results.");
|
|
20864
20858
|
i0.ɵɵelementEnd()();
|
|
20865
20859
|
} if (rf & 2) {
|
|
20866
|
-
const
|
|
20867
|
-
i0.ɵɵproperty("ngClass",
|
|
20860
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20861
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-slate-50 border-slate-200" : "bg-slate-800/50 border-slate-700");
|
|
20868
20862
|
i0.ɵɵadvance();
|
|
20869
|
-
i0.ɵɵproperty("ngClass",
|
|
20863
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-300" : "text-slate-600");
|
|
20870
20864
|
i0.ɵɵadvance(2);
|
|
20871
|
-
i0.ɵɵproperty("ngClass",
|
|
20865
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-900" : "text-white");
|
|
20872
20866
|
i0.ɵɵadvance(2);
|
|
20873
|
-
i0.ɵɵproperty("ngClass",
|
|
20867
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
20874
20868
|
} }
|
|
20875
20869
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template(rf, ctx) { if (rf & 1) {
|
|
20876
20870
|
const _r25 = i0.ɵɵgetCurrentView();
|
|
20877
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template, 7, 3, "div",
|
|
20878
|
-
i0.ɵɵelementStart(1, "section",
|
|
20879
|
-
i0.ɵɵelement(2, "div",
|
|
20880
|
-
i0.ɵɵelementStart(3, "div",
|
|
20871
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_0_Template, 7, 3, "div", 129);
|
|
20872
|
+
i0.ɵɵelementStart(1, "section", 130);
|
|
20873
|
+
i0.ɵɵelement(2, "div", 131);
|
|
20874
|
+
i0.ɵɵelementStart(3, "div", 70)(4, "div", 132)(5, "div", 72)(6, "div", 37);
|
|
20881
20875
|
i0.ɵɵnamespaceSVG();
|
|
20882
|
-
i0.ɵɵelementStart(7, "svg",
|
|
20883
|
-
i0.ɵɵelement(8, "path",
|
|
20876
|
+
i0.ɵɵelementStart(7, "svg", 73);
|
|
20877
|
+
i0.ɵɵelement(8, "path", 133);
|
|
20884
20878
|
i0.ɵɵelementEnd();
|
|
20885
20879
|
i0.ɵɵnamespaceHTML();
|
|
20886
|
-
i0.ɵɵelementStart(9, "h2",
|
|
20880
|
+
i0.ɵɵelementStart(9, "h2", 75);
|
|
20887
20881
|
i0.ɵɵtext(10, "Performance Breakdowns");
|
|
20888
20882
|
i0.ɵɵelementEnd()()();
|
|
20889
|
-
i0.ɵɵelementStart(11, "div",
|
|
20883
|
+
i0.ɵɵelementStart(11, "div", 134);
|
|
20890
20884
|
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_click_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_div_pointerdown_11_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
20891
|
-
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template, 2, 0, "div",
|
|
20892
|
-
i0.ɵɵelementStart(13, "select",
|
|
20893
|
-
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r25); const
|
|
20885
|
+
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Conditional_12_Template, 2, 0, "div", 101);
|
|
20886
|
+
i0.ɵɵelementStart(13, "select", 135);
|
|
20887
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_79_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
|
|
20894
20888
|
i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_15_Template, 2, 1, null, null, _forTrack0$1);
|
|
20895
20889
|
i0.ɵɵelementEnd()()();
|
|
20896
|
-
i0.ɵɵelementStart(16, "div",
|
|
20897
|
-
i0.ɵɵrepeaterCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_18_Template, 2, 8, "div",
|
|
20890
|
+
i0.ɵɵelementStart(16, "div", 136);
|
|
20891
|
+
i0.ɵɵrepeaterCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_For_18_Template, 2, 8, "div", 87, i0.ɵɵrepeaterTrackByIndex, false, SymphiqFunnelAnalysisDashboardComponent_Conditional_79_ForEmpty_19_Template, 7, 4, "div", 109);
|
|
20898
20892
|
i0.ɵɵelementEnd()()();
|
|
20899
20893
|
} if (rf & 2) {
|
|
20900
|
-
const
|
|
20901
|
-
i0.ɵɵconditional(
|
|
20894
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20895
|
+
i0.ɵɵconditional(ctx_r2.selectedSectionFilter() === "ALL" ? 0 : -1);
|
|
20902
20896
|
i0.ɵɵadvance(2);
|
|
20903
|
-
i0.ɵɵproperty("ngClass",
|
|
20897
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-tr from-purple-50/50 to-transparent" : "bg-gradient-to-tr from-purple-950/20 to-transparent");
|
|
20904
20898
|
i0.ɵɵadvance(3);
|
|
20905
|
-
i0.ɵɵproperty("ngClass",
|
|
20899
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "border-l-4 border-purple-500" : "border-l-4 border-purple-400");
|
|
20906
20900
|
i0.ɵɵadvance(2);
|
|
20907
|
-
i0.ɵɵproperty("ngClass",
|
|
20901
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-purple-500" : "text-purple-400");
|
|
20908
20902
|
i0.ɵɵadvance(2);
|
|
20909
|
-
i0.ɵɵclassMap(
|
|
20903
|
+
i0.ɵɵclassMap(ctx_r2.sectionTitleClass());
|
|
20910
20904
|
i0.ɵɵadvance(3);
|
|
20911
|
-
i0.ɵɵconditional(
|
|
20905
|
+
i0.ɵɵconditional(ctx_r2.isBreakdownTransitioning() ? 12 : -1);
|
|
20912
20906
|
i0.ɵɵadvance();
|
|
20913
|
-
i0.ɵɵclassProp("opacity-70",
|
|
20914
|
-
i0.ɵɵproperty("ngModel",
|
|
20907
|
+
i0.ɵɵclassProp("opacity-70", ctx_r2.isBreakdownTransitioning());
|
|
20908
|
+
i0.ɵɵproperty("ngModel", ctx_r2.selectedBreakdownFilter())("ngClass", ctx_r2.isLightMode() ? "bg-white border-slate-300 text-slate-900 hover:border-blue-400 focus:border-blue-500" : "bg-slate-700 border-slate-600 text-white hover:border-slate-500 focus:border-blue-500");
|
|
20915
20909
|
i0.ɵɵadvance();
|
|
20916
|
-
i0.ɵɵrepeater(
|
|
20910
|
+
i0.ɵɵrepeater(ctx_r2.breakdownFilters);
|
|
20917
20911
|
i0.ɵɵadvance(2);
|
|
20918
|
-
i0.ɵɵclassProp("animate-content-change",
|
|
20912
|
+
i0.ɵɵclassProp("animate-content-change", ctx_r2.isBreakdownTransitioning())("transition-opacity-slow", ctx_r2.isBreakdownTransitioning());
|
|
20919
20913
|
i0.ɵɵadvance();
|
|
20920
|
-
i0.ɵɵrepeater(
|
|
20914
|
+
i0.ɵɵrepeater(ctx_r2.breakdowns());
|
|
20921
20915
|
} }
|
|
20922
20916
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20923
|
-
i0.ɵɵelementStart(0, "div",
|
|
20924
|
-
i0.ɵɵelement(2, "div",
|
|
20917
|
+
i0.ɵɵelementStart(0, "div", 140)(1, "div", 78);
|
|
20918
|
+
i0.ɵɵelement(2, "div", 79);
|
|
20925
20919
|
i0.ɵɵelementEnd();
|
|
20926
|
-
i0.ɵɵelementStart(3, "div",
|
|
20920
|
+
i0.ɵɵelementStart(3, "div", 80)(4, "div", 81);
|
|
20927
20921
|
i0.ɵɵnamespaceSVG();
|
|
20928
|
-
i0.ɵɵelementStart(5, "svg",
|
|
20929
|
-
i0.ɵɵelement(6, "path",
|
|
20922
|
+
i0.ɵɵelementStart(5, "svg", 82);
|
|
20923
|
+
i0.ɵɵelement(6, "path", 143);
|
|
20930
20924
|
i0.ɵɵelementEnd()()()();
|
|
20931
20925
|
} if (rf & 2) {
|
|
20932
|
-
const
|
|
20926
|
+
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
20933
20927
|
i0.ɵɵadvance(2);
|
|
20934
|
-
i0.ɵɵproperty("ngClass",
|
|
20928
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "from-transparent via-indigo-500/30 to-transparent" : "from-transparent via-indigo-400/20 to-transparent");
|
|
20935
20929
|
i0.ɵɵadvance(2);
|
|
20936
|
-
i0.ɵɵproperty("ngClass",
|
|
20930
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-indigo-50 to-blue-50 border border-indigo-200/50 shadow-lg shadow-indigo-500/10" : "bg-gradient-to-br from-slate-900 to-slate-800 border border-indigo-500/20 shadow-lg shadow-indigo-500/5");
|
|
20937
20931
|
i0.ɵɵadvance();
|
|
20938
|
-
i0.ɵɵproperty("ngClass",
|
|
20932
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-indigo-500" : "text-indigo-400");
|
|
20939
20933
|
} }
|
|
20940
20934
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
20941
|
-
i0.ɵɵelementStart(0, "div",
|
|
20942
|
-
i0.ɵɵelement(1, "div",
|
|
20935
|
+
i0.ɵɵelementStart(0, "div", 101);
|
|
20936
|
+
i0.ɵɵelement(1, "div", 146);
|
|
20943
20937
|
i0.ɵɵelementEnd();
|
|
20944
20938
|
} }
|
|
20945
20939
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
20946
|
-
i0.ɵɵelementStart(0, "option",
|
|
20940
|
+
i0.ɵɵelementStart(0, "option", 112);
|
|
20947
20941
|
i0.ɵɵtext(1);
|
|
20948
20942
|
i0.ɵɵelementEnd();
|
|
20949
20943
|
} if (rf & 2) {
|
|
@@ -20963,54 +20957,54 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Condition
|
|
|
20963
20957
|
i0.ɵɵtextInterpolate(filter_r30.label);
|
|
20964
20958
|
} }
|
|
20965
20959
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Template(rf, ctx) { if (rf & 1) {
|
|
20966
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_0_Template, 2, 2, "option",
|
|
20960
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_0_Template, 2, 2, "option", 112)(1, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Conditional_1_Template, 2, 2, "option", 27);
|
|
20967
20961
|
} if (rf & 2) {
|
|
20968
20962
|
const filter_r30 = ctx.$implicit;
|
|
20969
20963
|
i0.ɵɵconditional(filter_r30.divider ? 0 : 1);
|
|
20970
20964
|
} }
|
|
20971
20965
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template(rf, ctx) { if (rf & 1) {
|
|
20972
20966
|
const _r29 = i0.ɵɵgetCurrentView();
|
|
20973
|
-
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template, 7, 3, "div",
|
|
20974
|
-
i0.ɵɵelementStart(1, "section",
|
|
20975
|
-
i0.ɵɵelement(2, "div",
|
|
20976
|
-
i0.ɵɵelementStart(3, "div",
|
|
20967
|
+
i0.ɵɵconditionalCreate(0, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_0_Template, 7, 3, "div", 140);
|
|
20968
|
+
i0.ɵɵelementStart(1, "section", 141);
|
|
20969
|
+
i0.ɵɵelement(2, "div", 69);
|
|
20970
|
+
i0.ɵɵelementStart(3, "div", 70)(4, "div", 142)(5, "div", 37)(6, "div", 72)(7, "div", 37);
|
|
20977
20971
|
i0.ɵɵnamespaceSVG();
|
|
20978
|
-
i0.ɵɵelementStart(8, "svg",
|
|
20979
|
-
i0.ɵɵelement(9, "path",
|
|
20972
|
+
i0.ɵɵelementStart(8, "svg", 73);
|
|
20973
|
+
i0.ɵɵelement(9, "path", 143);
|
|
20980
20974
|
i0.ɵɵelementEnd();
|
|
20981
20975
|
i0.ɵɵnamespaceHTML();
|
|
20982
|
-
i0.ɵɵelementStart(10, "h2",
|
|
20976
|
+
i0.ɵɵelementStart(10, "h2", 75);
|
|
20983
20977
|
i0.ɵɵtext(11, "Competitive Intelligence");
|
|
20984
20978
|
i0.ɵɵelementEnd()()()();
|
|
20985
|
-
i0.ɵɵelementStart(12, "div",
|
|
20986
|
-
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template, 2, 0, "div",
|
|
20987
|
-
i0.ɵɵelementStart(14, "select",
|
|
20988
|
-
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r29); const
|
|
20979
|
+
i0.ɵɵelementStart(12, "div", 144);
|
|
20980
|
+
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Conditional_13_Template, 2, 0, "div", 101);
|
|
20981
|
+
i0.ɵɵelementStart(14, "select", 102);
|
|
20982
|
+
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_80_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
|
|
20989
20983
|
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_80_For_16_Template, 2, 1, null, null, _forTrack0$1);
|
|
20990
20984
|
i0.ɵɵelementEnd()()();
|
|
20991
|
-
i0.ɵɵelement(17, "symphiq-competitive-intelligence-view",
|
|
20985
|
+
i0.ɵɵelement(17, "symphiq-competitive-intelligence-view", 145);
|
|
20992
20986
|
i0.ɵɵelementEnd()();
|
|
20993
20987
|
} if (rf & 2) {
|
|
20994
|
-
const
|
|
20995
|
-
i0.ɵɵconditional(
|
|
20988
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20989
|
+
i0.ɵɵconditional(ctx_r2.selectedSectionFilter() === "ALL" ? 0 : -1);
|
|
20996
20990
|
i0.ɵɵadvance(2);
|
|
20997
|
-
i0.ɵɵproperty("ngClass",
|
|
20991
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "bg-gradient-to-br from-indigo-50/50 to-transparent" : "bg-gradient-to-br from-indigo-950/20 to-transparent");
|
|
20998
20992
|
i0.ɵɵadvance(4);
|
|
20999
|
-
i0.ɵɵproperty("ngClass",
|
|
20993
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "border-l-4 border-indigo-500" : "border-l-4 border-indigo-400");
|
|
21000
20994
|
i0.ɵɵadvance(2);
|
|
21001
|
-
i0.ɵɵproperty("ngClass",
|
|
20995
|
+
i0.ɵɵproperty("ngClass", ctx_r2.isLightMode() ? "text-indigo-500" : "text-indigo-400");
|
|
21002
20996
|
i0.ɵɵadvance(2);
|
|
21003
|
-
i0.ɵɵclassMap(
|
|
20997
|
+
i0.ɵɵclassMap(ctx_r2.sectionTitleClass());
|
|
21004
20998
|
i0.ɵɵadvance(3);
|
|
21005
|
-
i0.ɵɵconditional(
|
|
20999
|
+
i0.ɵɵconditional(ctx_r2.isCompetitiveTransitioning() ? 13 : -1);
|
|
21006
21000
|
i0.ɵɵadvance();
|
|
21007
|
-
i0.ɵɵclassMap(
|
|
21008
|
-
i0.ɵɵclassProp("opacity-70",
|
|
21009
|
-
i0.ɵɵproperty("ngModel",
|
|
21001
|
+
i0.ɵɵclassMap(ctx_r2.selectClass());
|
|
21002
|
+
i0.ɵɵclassProp("opacity-70", ctx_r2.isCompetitiveTransitioning());
|
|
21003
|
+
i0.ɵɵproperty("ngModel", ctx_r2.selectedCompetitiveFilter());
|
|
21010
21004
|
i0.ɵɵadvance();
|
|
21011
|
-
i0.ɵɵrepeater(
|
|
21005
|
+
i0.ɵɵrepeater(ctx_r2.competitiveFilters);
|
|
21012
21006
|
i0.ɵɵadvance(2);
|
|
21013
|
-
i0.ɵɵproperty("metrics",
|
|
21007
|
+
i0.ɵɵproperty("metrics", ctx_r2.competitiveMetrics())("allCharts", ctx_r2.allCharts())("isLightMode", ctx_r2.isLightMode())("isCompactMode", ctx_r2.viewModeService.isCompact());
|
|
21014
21008
|
} }
|
|
21015
21009
|
class SymphiqFunnelAnalysisDashboardComponent {
|
|
21016
21010
|
constructor(funnelOrderService, viewModeService, searchService) {
|
|
@@ -21022,6 +21016,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21022
21016
|
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
21023
21017
|
this.funnelAnalysis = input(FUNNEL_ANALYSIS, ...(ngDevMode ? [{ debugName: "funnelAnalysis" }] : []));
|
|
21024
21018
|
this.embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
|
|
21019
|
+
this.scrollContainerId = input(...(ngDevMode ? [undefined, { debugName: "scrollContainerId" }] : []));
|
|
21025
21020
|
// State signals
|
|
21026
21021
|
this.selectedCategory = signal('ALL', ...(ngDevMode ? [{ debugName: "selectedCategory" }] : []));
|
|
21027
21022
|
this.reverseSortOrder = signal(false, ...(ngDevMode ? [{ debugName: "reverseSortOrder" }] : []));
|
|
@@ -21363,8 +21358,19 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21363
21358
|
this.modalComponent.setMetricsAndInsights(this.allMetrics(), this.insights(), this.allCharts());
|
|
21364
21359
|
}
|
|
21365
21360
|
// Set up container scroll listener when in embedded mode
|
|
21366
|
-
if (this.embedded()
|
|
21367
|
-
|
|
21361
|
+
if (this.embedded()) {
|
|
21362
|
+
let container = null;
|
|
21363
|
+
// If a scroll container ID is provided, use that element
|
|
21364
|
+
if (this.scrollContainerId()) {
|
|
21365
|
+
container = document.getElementById(this.scrollContainerId());
|
|
21366
|
+
if (!container) {
|
|
21367
|
+
console.warn(`Scroll container with id "${this.scrollContainerId()}" not found. Scroll tracking will not work.`);
|
|
21368
|
+
}
|
|
21369
|
+
}
|
|
21370
|
+
else if (this.dashboardContainer) {
|
|
21371
|
+
// Fall back to internal dashboard container
|
|
21372
|
+
container = this.dashboardContainer.nativeElement;
|
|
21373
|
+
}
|
|
21368
21374
|
if (container) {
|
|
21369
21375
|
container.addEventListener('scroll', () => this.onContainerScroll(container), { passive: true });
|
|
21370
21376
|
}
|
|
@@ -21780,10 +21786,10 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21780
21786
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
|
|
21781
21787
|
} }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
21782
21788
|
i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
21783
|
-
} }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], embedded: [1, "embedded"] }, decls: 86, vars: 98, consts: [["dashboardContainer", ""], [1, "min-h-screen", "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none", 3, "light-mode"], [1, "absolute", "inset-0", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-[0.03]", "z-20", 2, "background-image", "url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"], [1, "absolute", "top-0", "right-0", "w-[800px]", "h-[800px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "bottom-0", "left-0", "w-[600px]", "h-[600px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "top-1/2", "left-1/2", "-translate-x-1/2", "-translate-y-1/2", "w-[700px]", "h-[700px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "sticky", "top-0", "z-50", "animate-fade-in", 2, "animation-delay", "0s"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-6", "sm:py-8"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-4"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "flex", "flex-col", "gap-4", "min-w-[180px]"], [1, "text-left", "sm:text-right"], [1, "text-xs", "sm:text-sm"], [1, "text-sm", "sm:text-base", "font-medium"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-4", "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "truncate", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["type", "button", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click", "title"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-3"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "title", "ngClass"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["id", "overall-section", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "click", "title", "ngClass"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "relative", "mb-16", "sm:mb-20", "animate-fade-in", 2, "animation-delay", "0.15s"], ["id", "insights-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [3, "width", "height", "isLightMode"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "metrics-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.65s"], ["id", "breakdowns-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [3, "breakdown", "charts", "isLightMode", "isCompactMode"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.85s"], ["id", "competitive-section", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
21789
|
+
} }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], embedded: [1, "embedded"], scrollContainerId: [1, "scrollContainerId"] }, decls: 86, vars: 95, consts: [["dashboardContainer", ""], [1, "min-h-screen", "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "absolute", "inset-0", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-[0.03]", "z-20", 2, "background-image", "url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"], [1, "absolute", "top-0", "right-0", "w-[800px]", "h-[800px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "bottom-0", "left-0", "w-[600px]", "h-[600px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "absolute", "top-1/2", "left-1/2", "-translate-x-1/2", "-translate-y-1/2", "w-[700px]", "h-[700px]", "rounded-full", "blur-3xl", "z-0", 3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "sticky", "top-0", "z-50", "animate-fade-in", 2, "animation-delay", "0s"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-6", "sm:py-8"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-4"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click"], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "flex", "flex-col", "gap-4", "min-w-[180px]"], [1, "text-left", "sm:text-right"], [1, "text-xs", "sm:text-sm"], [1, "text-sm", "sm:text-base", "font-medium"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-4", "flex-1", "min-w-0"], [1, "text-lg", "font-bold", "truncate", "bg-gradient-to-r", "from-blue-600", "via-purple-600", "to-indigo-600", "bg-clip-text", "text-transparent"], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], ["type", "button", "title", "Search (/ or Cmd+K)", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["type", "button", 1, "p-2", "rounded-lg", "transition-all", "duration-200", "hover:scale-110", 3, "click", "title"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-3"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "title", "ngClass"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], ["id", "overall-section", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", 3, "click", "title", "ngClass"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading"], [1, "relative", "mb-16", "sm:mb-20", "animate-fade-in", 2, "animation-delay", "0.15s"], ["id", "insights-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [3, "width", "height", "isLightMode"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "metrics-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 3, "click", "title"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.65s"], ["id", "breakdowns-section", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [3, "breakdown", "charts", "isLightMode", "isCompactMode"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "mb-16", "sm:mb-20", "mt-28", "sm:mt-36", "animate-fade-in", 2, "animation-delay", "0.85s"], ["id", "competitive-section", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
21784
21790
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
21785
21791
|
i0.ɵɵelementStart(0, "div", 1, 0);
|
|
21786
|
-
i0.ɵɵ
|
|
21792
|
+
i0.ɵɵelement(2, "div", 2);
|
|
21787
21793
|
i0.ɵɵelementStart(3, "div");
|
|
21788
21794
|
i0.ɵɵelement(4, "div", 3)(5, "div", 4)(6, "div", 5)(7, "div", 6)(8, "div", 7);
|
|
21789
21795
|
i0.ɵɵelementEnd();
|
|
@@ -21879,12 +21885,12 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21879
21885
|
i0.ɵɵlistener("navigate", function SymphiqFunnelAnalysisDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_85_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleMobileNavigation($event)); });
|
|
21880
21886
|
i0.ɵɵelementEnd()();
|
|
21881
21887
|
} if (rf & 2) {
|
|
21882
|
-
let
|
|
21883
|
-
i0.ɵɵclassProp("relative", !ctx.embedded())
|
|
21888
|
+
let tmp_32_0;
|
|
21889
|
+
i0.ɵɵclassProp("relative", !ctx.embedded());
|
|
21884
21890
|
i0.ɵɵadvance(2);
|
|
21885
|
-
i0.ɵɵ
|
|
21891
|
+
i0.ɵɵclassProp("light-mode", ctx.isLightMode());
|
|
21886
21892
|
i0.ɵɵadvance();
|
|
21887
|
-
i0.ɵɵclassMap(ctx.embedded() ? "
|
|
21893
|
+
i0.ɵɵclassMap(ctx.embedded() ? "inset-0 -z-10 pointer-events-none" : "fixed inset-0 -z-10 pointer-events-none");
|
|
21888
21894
|
i0.ɵɵadvance();
|
|
21889
21895
|
i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "bg-gradient-to-br from-slate-50 via-blue-50/30 to-indigo-50/40" : "bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950");
|
|
21890
21896
|
i0.ɵɵadvance(2);
|
|
@@ -21932,7 +21938,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21932
21938
|
i0.ɵɵadvance(2);
|
|
21933
21939
|
i0.ɵɵclassMap(ctx.headerTitleClass());
|
|
21934
21940
|
i0.ɵɵadvance();
|
|
21935
|
-
i0.ɵɵtextInterpolate2("", (
|
|
21941
|
+
i0.ɵɵtextInterpolate2("", (tmp_32_0 = ctx.requestedByUser()) == null ? null : tmp_32_0.firstName, " ", (tmp_32_0 = ctx.requestedByUser()) == null ? null : tmp_32_0.lastName);
|
|
21936
21942
|
i0.ɵɵadvance();
|
|
21937
21943
|
i0.ɵɵclassProp("max-h-0", !ctx.isScrolled())("opacity-0", !ctx.isScrolled())("max-h-20", ctx.isScrolled())("opacity-100", ctx.isScrolled());
|
|
21938
21944
|
i0.ɵɵadvance();
|
|
@@ -22017,16 +22023,12 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
22017
22023
|
<div
|
|
22018
22024
|
class="min-h-screen bg-transparent"
|
|
22019
22025
|
[class.relative]="!embedded()"
|
|
22020
|
-
[class.h-full]="embedded()"
|
|
22021
|
-
[class.overflow-y-auto]="embedded()"
|
|
22022
22026
|
#dashboardContainer>
|
|
22023
22027
|
<!-- Animated Background Bubbles -->
|
|
22024
|
-
|
|
22025
|
-
<div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
|
|
22026
|
-
}
|
|
22028
|
+
<div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
|
|
22027
22029
|
|
|
22028
22030
|
<!-- Mesh Gradient Background -->
|
|
22029
|
-
<div [class]="embedded() ? '
|
|
22031
|
+
<div [class]="embedded() ? 'inset-0 -z-10 pointer-events-none' : 'fixed inset-0 -z-10 pointer-events-none'">
|
|
22030
22032
|
<div
|
|
22031
22033
|
[ngClass]="isLightMode()
|
|
22032
22034
|
? 'bg-gradient-to-br from-slate-50 via-blue-50/30 to-indigo-50/40'
|
|
@@ -22777,11 +22779,11 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
22777
22779
|
}], dashboardContainer: [{
|
|
22778
22780
|
type: ViewChild,
|
|
22779
22781
|
args: ['dashboardContainer', { static: false }]
|
|
22780
|
-
}], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], onScroll: [{
|
|
22782
|
+
}], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollContainerId: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollContainerId", required: false }] }], onScroll: [{
|
|
22781
22783
|
type: HostListener,
|
|
22782
22784
|
args: ['window:scroll', ['$event']]
|
|
22783
22785
|
}] }); })();
|
|
22784
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber:
|
|
22786
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 907 }); })();
|
|
22785
22787
|
|
|
22786
22788
|
/**
|
|
22787
22789
|
* Shared Theme Color Utilities
|