@eric-emg/symphiq-components 1.2.549 → 1.2.550

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.
Files changed (6) hide show
  1. package/fesm2022/symphiq-components.mjs +633 -480
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +40 -40
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/styles.css +80 -0
package/fesm2022/symphiq-components.mjs CHANGED
@@ -544,6 +544,14 @@ class ModalService {
544
544
  const data = { strategy, objectiveTitle, goalTitle, viewMode, expandedRecommendationId };
545
545
  const navigationStack = [];
546
546
  if (goal) {
547
+ const goalDetailData = { goal, viewMode };
548
+ navigationStack.push({
549
+ type: 'goal-detail',
550
+ data: goalDetailData,
551
+ charts: [],
552
+ previousState: null,
553
+ navigationStack: []
554
+ });
547
555
  const goalObjectivesData = { goal, viewMode };
548
556
  navigationStack.push({
549
557
  type: 'goal-objectives',
@@ -3527,7 +3535,7 @@ class DataLoaderService {
3527
3535
  }], () => [{ type: i1.HttpClient }], null); })();
3528
3536
 
3529
3537
  const _c0$1k = a0 => ["skeleton-loader", "rounded-lg", "relative", "overflow-hidden", a0];
3530
- const _c1$J = a0 => ["skeleton-shimmer-overlay", "absolute", "inset-0", "bg-gradient-to-r", a0];
3538
+ const _c1$K = a0 => ["skeleton-shimmer-overlay", "absolute", "inset-0", "bg-gradient-to-r", a0];
3531
3539
  class SkeletonLoaderComponent {
3532
3540
  constructor() {
3533
3541
  this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
@@ -3545,7 +3553,7 @@ class SkeletonLoaderComponent {
3545
3553
  i0.ɵɵclassProp("skeleton-shimmer", true)("skeleton-pulse", ctx.pulse());
3546
3554
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$1k, ctx.isLightMode() ? "bg-slate-200/80" : "bg-slate-700/80"));
3547
3555
  i0.ɵɵadvance();
3548
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$J, ctx.isLightMode() ? "from-transparent via-white/60 to-transparent" : "from-transparent via-slate-500/40 to-transparent"));
3556
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$K, ctx.isLightMode() ? "from-transparent via-white/60 to-transparent" : "from-transparent via-slate-500/40 to-transparent"));
3549
3557
  } }, dependencies: [NgClass], styles: [".skeleton-loader[_ngcontent-%COMP%]{position:relative;overflow:hidden}.skeleton-shimmer-overlay[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_shimmer 2s infinite cubic-bezier(.4,0,.6,1);transform:translate(-100%)}@keyframes _ngcontent-%COMP%_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes _ngcontent-%COMP%_pulse{0%,to{opacity:1}50%{opacity:.6}}"], changeDetection: 0 }); }
3550
3558
  }
3551
3559
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeletonLoaderComponent, [{
@@ -4182,7 +4190,7 @@ class CompetitiveScoreService {
4182
4190
  }]
4183
4191
  }], null, null); })();
4184
4192
 
4185
- const _forTrack0$15 = ($index, $item) => $item.category;
4193
+ const _forTrack0$16 = ($index, $item) => $item.category;
4186
4194
  function CompetitivePositioningSummaryComponent_Conditional_1_For_47_Conditional_12_Template(rf, ctx) { if (rf & 1) {
4187
4195
  i0.ɵɵelementStart(0, "div", 15);
4188
4196
  i0.ɵɵelement(1, "div", 37);
@@ -4341,7 +4349,7 @@ function CompetitivePositioningSummaryComponent_Conditional_1_Template(rf, ctx)
4341
4349
  i0.ɵɵelementEnd()();
4342
4350
  i0.ɵɵnamespaceHTML();
4343
4351
  i0.ɵɵelementStart(43, "div", 24)(44, "div", 25)(45, "div", 26);
4344
- i0.ɵɵrepeaterCreate(46, CompetitivePositioningSummaryComponent_Conditional_1_For_47_Template, 15, 12, "div", 27, _forTrack0$15);
4352
+ i0.ɵɵrepeaterCreate(46, CompetitivePositioningSummaryComponent_Conditional_1_For_47_Template, 15, 12, "div", 27, _forTrack0$16);
4345
4353
  i0.ɵɵelementEnd()()()();
4346
4354
  i0.ɵɵelementStart(48, "div", 28)(49, "button", 29);
4347
4355
  i0.ɵɵlistener("click", function CompetitivePositioningSummaryComponent_Conditional_1_Template_button_click_49_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToCompetitive.emit()); });
@@ -4550,7 +4558,7 @@ function CompetitivePositioningSummaryComponent_Conditional_2_Template(rf, ctx)
4550
4558
  i0.ɵɵelementStart(32, "div", 50)(33, "h4", 51);
4551
4559
  i0.ɵɵtext(34, "By Funnel Stage");
4552
4560
  i0.ɵɵelementEnd();
4553
- i0.ɵɵrepeaterCreate(35, CompetitivePositioningSummaryComponent_Conditional_2_For_36_Template, 12, 11, "div", 52, _forTrack0$15);
4561
+ i0.ɵɵrepeaterCreate(35, CompetitivePositioningSummaryComponent_Conditional_2_For_36_Template, 12, 11, "div", 52, _forTrack0$16);
4554
4562
  i0.ɵɵelementEnd();
4555
4563
  i0.ɵɵelementStart(37, "div", 28)(38, "button", 53);
4556
4564
  i0.ɵɵlistener("click", function CompetitivePositioningSummaryComponent_Conditional_2_Template_button_click_38_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollToCompetitive.emit()); });
@@ -6487,7 +6495,7 @@ class OverallAssessmentComponent {
6487
6495
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OverallAssessmentComponent, { className: "OverallAssessmentComponent", filePath: "lib/components/funnel-analysis-dashboard/overall-assessment.component.ts", lineNumber: 303 }); })();
6488
6496
 
6489
6497
  const _c0$1h = () => [1, 2, 3];
6490
- const _c1$I = () => [1, 2, 3, 4];
6498
+ const _c1$J = () => [1, 2, 3, 4];
6491
6499
  const _c2$u = () => [];
6492
6500
  function InsightCardComponent_Conditional_0_Conditional_0_For_7_Template(rf, ctx) { if (rf & 1) {
6493
6501
  i0.ɵɵelementStart(0, "div", 7);
@@ -6526,7 +6534,7 @@ function InsightCardComponent_Conditional_0_Conditional_0_Template(rf, ctx) { if
6526
6534
  i0.ɵɵadvance();
6527
6535
  i0.ɵɵrepeater(i0.ɵɵpureFunction0(8, _c0$1h));
6528
6536
  i0.ɵɵadvance(3);
6529
- i0.ɵɵrepeater(i0.ɵɵpureFunction0(9, _c1$I));
6537
+ i0.ɵɵrepeater(i0.ɵɵpureFunction0(9, _c1$J));
6530
6538
  } }
6531
6539
  function InsightCardComponent_Conditional_0_Conditional_1_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
6532
6540
  i0.ɵɵnamespaceSVG();
@@ -9225,9 +9233,9 @@ class MetricCardComponent {
9225
9233
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricCardComponent, { className: "MetricCardComponent", filePath: "lib/components/funnel-analysis-dashboard/metric-card.component.ts", lineNumber: 537 }); })();
9226
9234
 
9227
9235
  const _c0$1g = () => [1, 2, 3];
9228
- const _c1$H = (a0, a1, a2) => [a0, a1, a2];
9236
+ const _c1$I = (a0, a1, a2) => [a0, a1, a2];
9229
9237
  const _c2$t = (a0, a1) => [a0, a1];
9230
- const _forTrack0$14 = ($index, $item) => $item.metric;
9238
+ const _forTrack0$15 = ($index, $item) => $item.metric;
9231
9239
  const _forTrack1$9 = ($index, $item) => $item.dimensionValue;
9232
9240
  function BreakdownSectionComponent_Conditional_0_For_7_For_4_Template(rf, ctx) { if (rf & 1) {
9233
9241
  i0.ɵɵelementStart(0, "div", 7);
@@ -9437,7 +9445,7 @@ function BreakdownSectionComponent_Conditional_1_For_9_For_27_Template(rf, ctx)
9437
9445
  const ɵ$index_133_r9 = ctx.$index;
9438
9446
  const group_r5 = i0.ɵɵnextContext().$implicit;
9439
9447
  const ctx_r0 = i0.ɵɵnextContext(2);
9440
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(31, _c1$H, ctx_r0.getRowBackgroundClass(metric_r8, ɵ$index_133_r9), ctx_r0.getPriorityDividerClass(metric_r8, ɵ$index_133_r9, group_r5.values), ctx_r0.isLightMode() ? "hover:bg-blue-50" : "hover:bg-slate-700/30"));
9448
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(31, _c1$I, ctx_r0.getRowBackgroundClass(metric_r8, ɵ$index_133_r9), ctx_r0.getPriorityDividerClass(metric_r8, ɵ$index_133_r9, group_r5.values), ctx_r0.isLightMode() ? "hover:bg-blue-50" : "hover:bg-slate-700/30"));
9441
9449
  i0.ɵɵadvance(3);
9442
9450
  i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "text-slate-600 group-hover:text-slate-900" : "text-slate-400 group-hover:text-white")("libSymphiqTooltip", ctx_r0.getBreakdownRowTooltip(metric_r8))("tooltipPosition", "auto");
9443
9451
  i0.ɵɵadvance();
@@ -9550,7 +9558,7 @@ function BreakdownSectionComponent_Conditional_1_Template(rf, ctx) { if (rf & 1)
9550
9558
  i0.ɵɵelementEnd()();
9551
9559
  i0.ɵɵconditionalCreate(6, BreakdownSectionComponent_Conditional_1_Conditional_6_Template, 3, 0, "div", 11);
9552
9560
  i0.ɵɵelementStart(7, "div", 12);
9553
- i0.ɵɵrepeaterCreate(8, BreakdownSectionComponent_Conditional_1_For_9_Template, 28, 18, "div", 13, _forTrack0$14);
9561
+ i0.ɵɵrepeaterCreate(8, BreakdownSectionComponent_Conditional_1_For_9_Template, 28, 18, "div", 13, _forTrack0$15);
9554
9562
  i0.ɵɵelementEnd()();
9555
9563
  } if (rf & 2) {
9556
9564
  const ctx_r0 = i0.ɵɵnextContext();
@@ -10948,7 +10956,7 @@ class ChartCardComponent {
10948
10956
  }], null, { chart: [{ type: i0.Input, args: [{ isSignal: true, alias: "chart", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], chartClick: [{ type: i0.Output, args: ["chartClick"] }] }); }); })();
10949
10957
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChartCardComponent, { className: "ChartCardComponent", filePath: "lib/components/shared/chart-card.component.ts", lineNumber: 101 }); })();
10950
10958
 
10951
- const _forTrack0$13 = ($index, $item) => $item.id;
10959
+ const _forTrack0$14 = ($index, $item) => $item.id;
10952
10960
  function FunnelStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
10953
10961
  i0.ɵɵelementStart(0, "div", 1);
10954
10962
  i0.ɵɵnamespaceSVG();
@@ -11062,7 +11070,7 @@ function FunnelStrengthsListModalContentComponent_Conditional_2_For_2_Template(r
11062
11070
  } }
11063
11071
  function FunnelStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
11064
11072
  i0.ɵɵelementStart(0, "div", 2);
11065
- i0.ɵɵrepeaterCreate(1, FunnelStrengthsListModalContentComponent_Conditional_2_For_2_Template, 30, 22, "button", 7, _forTrack0$13);
11073
+ i0.ɵɵrepeaterCreate(1, FunnelStrengthsListModalContentComponent_Conditional_2_For_2_Template, 30, 22, "button", 7, _forTrack0$14);
11066
11074
  i0.ɵɵelementEnd();
11067
11075
  } if (rf & 2) {
11068
11076
  const ctx_r0 = i0.ɵɵnextContext();
@@ -11272,7 +11280,7 @@ class FunnelStrengthsListModalContentComponent {
11272
11280
  }], null, { strengths: [{ type: i0.Input, args: [{ isSignal: true, alias: "strengths", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: true }] }] }); })();
11273
11281
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelStrengthsListModalContentComponent, { className: "FunnelStrengthsListModalContentComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-strengths-list-modal-content.component.ts", lineNumber: 93 }); })();
11274
11282
 
11275
- const _forTrack0$12 = ($index, $item) => $item.severity;
11283
+ const _forTrack0$13 = ($index, $item) => $item.severity;
11276
11284
  const _forTrack1$8 = ($index, $item) => $item.id;
11277
11285
  function FunnelWeaknessesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
11278
11286
  i0.ɵɵelementStart(0, "div", 1);
@@ -11451,7 +11459,7 @@ function FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template(
11451
11459
  } }
11452
11460
  function FunnelWeaknessesListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
11453
11461
  i0.ɵɵelementStart(0, "div", 2);
11454
- i0.ɵɵrepeaterCreate(1, FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template, 9, 7, "div", null, _forTrack0$12);
11462
+ i0.ɵɵrepeaterCreate(1, FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template, 9, 7, "div", null, _forTrack0$13);
11455
11463
  i0.ɵɵelementEnd();
11456
11464
  } if (rf & 2) {
11457
11465
  const ctx_r0 = i0.ɵɵnextContext();
@@ -13226,7 +13234,7 @@ class ProfileItemLookupService {
13226
13234
  }], null, null); })();
13227
13235
 
13228
13236
  const _c0$1d = a0 => ({ name: "chevron-right", source: a0 });
13229
- const _forTrack0$11 = ($index, $item) => $item.id;
13237
+ const _forTrack0$12 = ($index, $item) => $item.id;
13230
13238
  function RelatedAreaChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
13231
13239
  const _r1 = i0.ɵɵgetCurrentView();
13232
13240
  i0.ɵɵelementStart(0, "button", 2);
@@ -13247,7 +13255,7 @@ function RelatedAreaChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (r
13247
13255
  } }
13248
13256
  function RelatedAreaChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
13249
13257
  i0.ɵɵelementStart(0, "div", 0);
13250
- i0.ɵɵrepeaterCreate(1, RelatedAreaChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$11);
13258
+ i0.ɵɵrepeaterCreate(1, RelatedAreaChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$12);
13251
13259
  i0.ɵɵelementEnd();
13252
13260
  } if (rf & 2) {
13253
13261
  const ctx_r2 = i0.ɵɵnextContext();
@@ -13472,7 +13480,7 @@ class CompetitorChipListComponent {
13472
13480
  }], null, { relatedCompetitorIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "relatedCompetitorIds", required: false }] }], competitors: [{ type: i0.Input, args: [{ isSignal: true, alias: "competitors", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isDark: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDark", required: false }] }], inModalContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "inModalContext", required: false }] }] }); })();
13473
13481
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitorChipListComponent, { className: "CompetitorChipListComponent", filePath: "lib/components/business-analysis-dashboard/shared/competitor-chip-list.component.ts", lineNumber: 37 }); })();
13474
13482
 
13475
- const _forTrack0$10 = ($index, $item) => $item.id;
13483
+ const _forTrack0$11 = ($index, $item) => $item.id;
13476
13484
  function CompetitorContextSectionComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
13477
13485
  const _r1 = i0.ɵɵgetCurrentView();
13478
13486
  i0.ɵɵelementStart(0, "button", 8);
@@ -13555,7 +13563,7 @@ function CompetitorContextSectionComponent_Conditional_0_Template(rf, ctx) { if
13555
13563
  i0.ɵɵconditionalCreate(8, CompetitorContextSectionComponent_Conditional_0_Conditional_8_Template, 5, 4, "button", 4);
13556
13564
  i0.ɵɵelementEnd();
13557
13565
  i0.ɵɵelementStart(9, "div", 5)(10, "div", 6);
13558
- i0.ɵɵrepeaterCreate(11, CompetitorContextSectionComponent_Conditional_0_For_12_Template, 10, 6, "button", 7, _forTrack0$10);
13566
+ i0.ɵɵrepeaterCreate(11, CompetitorContextSectionComponent_Conditional_0_For_12_Template, 10, 6, "button", 7, _forTrack0$11);
13559
13567
  i0.ɵɵelementEnd()()();
13560
13568
  } if (rf & 2) {
13561
13569
  const ctx_r1 = i0.ɵɵnextContext();
@@ -13746,7 +13754,7 @@ class CompetitorContextSectionComponent {
13746
13754
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitorContextSectionComponent, { className: "CompetitorContextSectionComponent", filePath: "lib/components/business-analysis-dashboard/cards/competitor-context-section.component.ts", lineNumber: 86 }); })();
13747
13755
 
13748
13756
  const _c0$1b = a0 => ({ name: "chevron-right", source: a0 });
13749
- const _forTrack0$$ = ($index, $item) => $item.id;
13757
+ const _forTrack0$10 = ($index, $item) => $item.id;
13750
13758
  function RelatedRecommendationChipsComponent_Conditional_0_For_3_Template(rf, ctx) { if (rf & 1) {
13751
13759
  const _r1 = i0.ɵɵgetCurrentView();
13752
13760
  i0.ɵɵelementStart(0, "button", 4);
@@ -13789,7 +13797,7 @@ function RelatedRecommendationChipsComponent_Conditional_0_Conditional_4_Templat
13789
13797
  } }
13790
13798
  function RelatedRecommendationChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
13791
13799
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
13792
- i0.ɵɵrepeaterCreate(2, RelatedRecommendationChipsComponent_Conditional_0_For_3_Template, 5, 6, "button", 2, _forTrack0$$);
13800
+ i0.ɵɵrepeaterCreate(2, RelatedRecommendationChipsComponent_Conditional_0_For_3_Template, 5, 6, "button", 2, _forTrack0$10);
13793
13801
  i0.ɵɵelementEnd();
13794
13802
  i0.ɵɵconditionalCreate(4, RelatedRecommendationChipsComponent_Conditional_0_Conditional_4_Template, 5, 4, "button", 3);
13795
13803
  i0.ɵɵelementEnd();
@@ -14245,7 +14253,7 @@ class RelatedFunnelInsightsSectionComponent {
14245
14253
  }], null, { insightCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "insightCount", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], insightsClicked: [{ type: i0.Output, args: ["insightsClicked"] }] }); })();
14246
14254
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedFunnelInsightsSectionComponent, { className: "RelatedFunnelInsightsSectionComponent", filePath: "lib/components/business-analysis-dashboard/shared/related-funnel-insights-section.component.ts", lineNumber: 47 }); })();
14247
14255
 
14248
- const _forTrack0$_ = ($index, $item) => $item.order;
14256
+ const _forTrack0$$ = ($index, $item) => $item.order;
14249
14257
  function RecommendationCardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
14250
14258
  i0.ɵɵelementStart(0, "div", 9);
14251
14259
  i0.ɵɵelement(1, "symphiq-icon", 11);
@@ -14598,7 +14606,7 @@ function RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6
14598
14606
  } }
14599
14607
  function RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6_Template(rf, ctx) { if (rf & 1) {
14600
14608
  i0.ɵɵelementStart(0, "div", 37);
14601
- i0.ɵɵrepeaterCreate(1, RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6_For_2_Template, 13, 9, "div", 41, _forTrack0$_);
14609
+ i0.ɵɵrepeaterCreate(1, RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6_For_2_Template, 13, 9, "div", 41, _forTrack0$$);
14602
14610
  i0.ɵɵelementEnd();
14603
14611
  } if (rf & 2) {
14604
14612
  const ctx_r0 = i0.ɵɵnextContext(3);
@@ -15436,7 +15444,7 @@ const ModalComponent_Conditional_0_Conditional_16_Conditional_4_Defer_2_DepsFn =
15436
15444
  const ModalComponent_Conditional_0_Conditional_16_Conditional_5_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
15437
15445
  const ModalComponent_Conditional_0_Conditional_16_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent)];
15438
15446
  const ModalComponent_Conditional_0_Conditional_16_Conditional_7_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
15439
- const _forTrack0$Z = ($index, $item) => $item.id || $index;
15447
+ const _forTrack0$_ = ($index, $item) => $item.id || $index;
15440
15448
  function ModalComponent_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
15441
15449
  const _r3 = i0.ɵɵgetCurrentView();
15442
15450
  i0.ɵɵelementStart(0, "button", 11);
@@ -15810,7 +15818,7 @@ function ModalComponent_Conditional_0_Conditional_19_For_3_Template(rf, ctx) { i
15810
15818
  function ModalComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
15811
15819
  i0.ɵɵelementStart(0, "div", 20);
15812
15820
  i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_19_Conditional_1_Template, 2, 2, "p", 53);
15813
- i0.ɵɵrepeaterCreate(2, ModalComponent_Conditional_0_Conditional_19_For_3_Template, 2, 5, "div", null, _forTrack0$Z);
15821
+ i0.ɵɵrepeaterCreate(2, ModalComponent_Conditional_0_Conditional_19_For_3_Template, 2, 5, "div", null, _forTrack0$_);
15814
15822
  i0.ɵɵelementEnd();
15815
15823
  } if (rf & 2) {
15816
15824
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -20083,7 +20091,7 @@ class NarrativeTooltipComponent {
20083
20091
  }], null, { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }] }); })();
20084
20092
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NarrativeTooltipComponent, { className: "NarrativeTooltipComponent", filePath: "lib/components/funnel-analysis-dashboard/tooltip/narrative-tooltip.component.ts", lineNumber: 27 }); })();
20085
20093
 
20086
- const _forTrack0$Y = ($index, $item) => $item.name;
20094
+ const _forTrack0$Z = ($index, $item) => $item.name;
20087
20095
  function CompetitiveStatusTooltipComponent_Conditional_6_For_6_Template(rf, ctx) { if (rf & 1) {
20088
20096
  i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "div", 9);
20089
20097
  i0.ɵɵelement(3, "div", 10);
@@ -20127,7 +20135,7 @@ function CompetitiveStatusTooltipComponent_Conditional_6_Template(rf, ctx) { if
20127
20135
  i0.ɵɵtext(3);
20128
20136
  i0.ɵɵelementEnd();
20129
20137
  i0.ɵɵelementStart(4, "div", 5);
20130
- i0.ɵɵrepeaterCreate(5, CompetitiveStatusTooltipComponent_Conditional_6_For_6_Template, 13, 12, "div", 6, _forTrack0$Y);
20138
+ i0.ɵɵrepeaterCreate(5, CompetitiveStatusTooltipComponent_Conditional_6_For_6_Template, 13, 12, "div", 6, _forTrack0$Z);
20131
20139
  i0.ɵɵelementEnd()();
20132
20140
  } if (rf & 2) {
20133
20141
  const ctx_r1 = i0.ɵɵnextContext();
@@ -20374,7 +20382,7 @@ class CompetitiveStatusTooltipComponent {
20374
20382
  }], null, { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }] }); })();
20375
20383
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveStatusTooltipComponent, { className: "CompetitiveStatusTooltipComponent", filePath: "lib/components/funnel-analysis-dashboard/tooltip/competitive-status-tooltip.component.ts", lineNumber: 60 }); })();
20376
20384
 
20377
- const _forTrack0$X = ($index, $item) => $item.name;
20385
+ const _forTrack0$Y = ($index, $item) => $item.name;
20378
20386
  function FunnelStageCompetitiveTooltipComponent_Conditional_8_For_7_Template(rf, ctx) { if (rf & 1) {
20379
20387
  i0.ɵɵelementStart(0, "div", 9)(1, "div", 10)(2, "span", 11);
20380
20388
  i0.ɵɵtext(3);
@@ -20414,7 +20422,7 @@ function FunnelStageCompetitiveTooltipComponent_Conditional_8_Template(rf, ctx)
20414
20422
  i0.ɵɵtext(4);
20415
20423
  i0.ɵɵelementEnd()();
20416
20424
  i0.ɵɵelementStart(5, "div", 8);
20417
- i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_8_For_7_Template, 11, 9, "div", 9, _forTrack0$X);
20425
+ i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_8_For_7_Template, 11, 9, "div", 9, _forTrack0$Y);
20418
20426
  i0.ɵɵelementEnd()();
20419
20427
  } if (rf & 2) {
20420
20428
  const ctx_r1 = i0.ɵɵnextContext();
@@ -20464,7 +20472,7 @@ function FunnelStageCompetitiveTooltipComponent_Conditional_9_Template(rf, ctx)
20464
20472
  i0.ɵɵtext(4);
20465
20473
  i0.ɵɵelementEnd()();
20466
20474
  i0.ɵɵelementStart(5, "div", 8);
20467
- i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_9_For_7_Template, 11, 9, "div", 9, _forTrack0$X);
20475
+ i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_9_For_7_Template, 11, 9, "div", 9, _forTrack0$Y);
20468
20476
  i0.ɵɵelementEnd()();
20469
20477
  } if (rf & 2) {
20470
20478
  const ctx_r1 = i0.ɵɵnextContext();
@@ -20514,7 +20522,7 @@ function FunnelStageCompetitiveTooltipComponent_Conditional_10_Template(rf, ctx)
20514
20522
  i0.ɵɵtext(4);
20515
20523
  i0.ɵɵelementEnd()();
20516
20524
  i0.ɵɵelementStart(5, "div", 8);
20517
- i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_10_For_7_Template, 11, 9, "div", 9, _forTrack0$X);
20525
+ i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_10_For_7_Template, 11, 9, "div", 9, _forTrack0$Y);
20518
20526
  i0.ɵɵelementEnd()();
20519
20527
  } if (rf & 2) {
20520
20528
  const ctx_r1 = i0.ɵɵnextContext();
@@ -21802,7 +21810,7 @@ class MobileFABComponent {
21802
21810
  }], null, { isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }], isCompactMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompactMode", required: false }] }], isExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isExpanded", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }], scrollToTop: [{ type: i0.Output, args: ["scrollToTop"] }], toggleView: [{ type: i0.Output, args: ["toggleView"] }] }); })();
21803
21811
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileFABComponent, { className: "MobileFABComponent", filePath: "lib/components/funnel-analysis-dashboard/mobile-fab.component.ts", lineNumber: 75 }); })();
21804
21812
 
21805
- const _forTrack0$W = ($index, $item) => $item.id;
21813
+ const _forTrack0$X = ($index, $item) => $item.id;
21806
21814
  function MobileBottomNavComponent_For_3_Template(rf, ctx) { if (rf & 1) {
21807
21815
  const _r1 = i0.ɵɵgetCurrentView();
21808
21816
  i0.ɵɵelementStart(0, "button", 3);
@@ -21860,7 +21868,7 @@ class MobileBottomNavComponent {
21860
21868
  static { this.ɵfac = function MobileBottomNavComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MobileBottomNavComponent)(); }; }
21861
21869
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileBottomNavComponent, selectors: [["symphiq-mobile-bottom-nav"]], inputs: { isLightMode: [1, "isLightMode"], sections: [1, "sections"], activeSection: [1, "activeSection"] }, outputs: { navigate: "navigate" }, decls: 4, vars: 1, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "lg:hidden", "border-t", "backdrop-blur-md", 3, "ngClass"], [1, "flex", "items-center", "justify-around", "px-2", "py-3"], [1, "flex", "flex-col", "items-center", "gap-1", "px-3", "py-2", "rounded-lg", "transition-all", "duration-200", "active:scale-95", "min-w-[64px]", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "gap-1", "px-3", "py-2", "rounded-lg", "transition-all", "duration-200", "active:scale-95", "min-w-[64px]", 3, "click", "ngClass"], [1, "w-6", "h-6", 3, "innerHTML"], [1, "text-xs", "font-medium"]], template: function MobileBottomNavComponent_Template(rf, ctx) { if (rf & 1) {
21862
21870
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
21863
- i0.ɵɵrepeaterCreate(2, MobileBottomNavComponent_For_3_Template, 4, 3, "button", 2, _forTrack0$W);
21871
+ i0.ɵɵrepeaterCreate(2, MobileBottomNavComponent_For_3_Template, 4, 3, "button", 2, _forTrack0$X);
21864
21872
  i0.ɵɵelementEnd()();
21865
21873
  } if (rf & 2) {
21866
21874
  i0.ɵɵproperty("ngClass", ctx.containerClass());
@@ -22065,7 +22073,7 @@ class SearchService {
22065
22073
  }], null, null); })();
22066
22074
 
22067
22075
  const _c0$19 = ["searchInput"];
22068
- const _forTrack0$V = ($index, $item) => $item.id;
22076
+ const _forTrack0$W = ($index, $item) => $item.id;
22069
22077
  function SearchBarComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
22070
22078
  const _r3 = i0.ɵɵgetCurrentView();
22071
22079
  i0.ɵɵelementStart(0, "button", 18);
@@ -22158,7 +22166,7 @@ function SearchBarComponent_Conditional_0_Conditional_14_For_2_Template(rf, ctx)
22158
22166
  } }
22159
22167
  function SearchBarComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
22160
22168
  i0.ɵɵelementStart(0, "div", 15);
22161
- i0.ɵɵrepeaterCreate(1, SearchBarComponent_Conditional_0_Conditional_14_For_2_Template, 16, 12, "button", 19, _forTrack0$V);
22169
+ i0.ɵɵrepeaterCreate(1, SearchBarComponent_Conditional_0_Conditional_14_For_2_Template, 16, 12, "button", 19, _forTrack0$W);
22162
22170
  i0.ɵɵelementEnd();
22163
22171
  } if (rf & 2) {
22164
22172
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -22649,7 +22657,7 @@ class SearchHighlightDirective {
22649
22657
  }]
22650
22658
  }], () => [], { symphiqSearchHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "libSymphiqSearchHighlight", required: false }] }], highlightId: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightId", required: false }] }] }); })();
22651
22659
 
22652
- const _forTrack0$U = ($index, $item) => $item.value;
22660
+ const _forTrack0$V = ($index, $item) => $item.value;
22653
22661
  const _forTrack1$7 = ($index, $item) => $item.performanceItemId;
22654
22662
  function CompetitiveScorecardComponent_For_12_Template(rf, ctx) { if (rf & 1) {
22655
22663
  i0.ɵɵelementStart(0, "div", 7);
@@ -23024,7 +23032,7 @@ class CompetitiveScorecardComponent {
23024
23032
  i0.ɵɵtext(9);
23025
23033
  i0.ɵɵelementEnd()()();
23026
23034
  i0.ɵɵelementStart(10, "div", 6);
23027
- i0.ɵɵrepeaterCreate(11, CompetitiveScorecardComponent_For_12_Template, 4, 7, "div", 7, _forTrack0$U);
23035
+ i0.ɵɵrepeaterCreate(11, CompetitiveScorecardComponent_For_12_Template, 4, 7, "div", 7, _forTrack0$V);
23028
23036
  i0.ɵɵelementEnd();
23029
23037
  i0.ɵɵelementStart(13, "div", 8)(14, "table", 9)(15, "thead")(16, "tr", 10)(17, "th", 11);
23030
23038
  i0.ɵɵtext(18, "Metric");
@@ -23659,7 +23667,7 @@ class SectionDividerComponent {
23659
23667
  }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], animationDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDelay", required: false }] }], sectionIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionIcon", required: false }] }], subsections: [{ type: i0.Input, args: [{ isSignal: true, alias: "subsections", required: false }] }] }); })();
23660
23668
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionDividerComponent, { className: "SectionDividerComponent", filePath: "lib/components/shared/section-divider.component.ts", lineNumber: 36 }); })();
23661
23669
 
23662
- const _forTrack0$T = ($index, $item) => $item.id;
23670
+ const _forTrack0$U = ($index, $item) => $item.id;
23663
23671
  function FloatingTocComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
23664
23672
  i0.ɵɵnamespaceSVG();
23665
23673
  i0.ɵɵelement(0, "path", 8);
@@ -23711,7 +23719,7 @@ function FloatingTocComponent_For_19_Conditional_7_For_2_Template(rf, ctx) { if
23711
23719
  } }
23712
23720
  function FloatingTocComponent_For_19_Conditional_7_Template(rf, ctx) { if (rf & 1) {
23713
23721
  i0.ɵɵelementStart(0, "div", 17);
23714
- i0.ɵɵrepeaterCreate(1, FloatingTocComponent_For_19_Conditional_7_For_2_Template, 4, 4, "button", 19, _forTrack0$T);
23722
+ i0.ɵɵrepeaterCreate(1, FloatingTocComponent_For_19_Conditional_7_For_2_Template, 4, 4, "button", 19, _forTrack0$U);
23715
23723
  i0.ɵɵelementEnd();
23716
23724
  } if (rf & 2) {
23717
23725
  const section_r2 = i0.ɵɵnextContext().$implicit;
@@ -24101,7 +24109,7 @@ class FloatingTocComponent {
24101
24109
  i0.ɵɵelementEnd()()();
24102
24110
  i0.ɵɵnamespaceHTML();
24103
24111
  i0.ɵɵelementStart(17, "nav", 9);
24104
- i0.ɵɵrepeaterCreate(18, FloatingTocComponent_For_19_Template, 8, 6, "div", 10, _forTrack0$T);
24112
+ i0.ɵɵrepeaterCreate(18, FloatingTocComponent_For_19_Template, 8, 6, "div", 10, _forTrack0$U);
24105
24113
  i0.ɵɵelementEnd();
24106
24114
  i0.ɵɵelementStart(20, "div", 11)(21, "button", 7);
24107
24115
  i0.ɵɵlistener("click", function FloatingTocComponent_Template_button_click_21_listener() { return ctx.scrollToTop(); });
@@ -24255,7 +24263,7 @@ class FloatingTocComponent {
24255
24263
  }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], containerElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerElement", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }] }); })();
24256
24264
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FloatingTocComponent, { className: "FloatingTocComponent", filePath: "lib/components/business-analysis-dashboard/floating-toc.component.ts", lineNumber: 125 }); })();
24257
24265
 
24258
- const _forTrack0$S = ($index, $item) => $item.id;
24266
+ const _forTrack0$T = ($index, $item) => $item.id;
24259
24267
  function JourneyProgressIndicatorComponent_For_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
24260
24268
  i0.ɵɵnamespaceSVG();
24261
24269
  i0.ɵɵelementStart(0, "svg", 22);
@@ -24488,7 +24496,7 @@ function JourneyProgressIndicatorComponent_Conditional_23_Template(rf, ctx) { if
24488
24496
  i0.ɵɵtext(2, "Journey Progress");
24489
24497
  i0.ɵɵelementEnd();
24490
24498
  i0.ɵɵelementStart(3, "div", 44);
24491
- i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_Conditional_23_For_5_Template, 14, 8, "div", 45, _forTrack0$S);
24499
+ i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_Conditional_23_For_5_Template, 14, 8, "div", 45, _forTrack0$T);
24492
24500
  i0.ɵɵelementEnd()();
24493
24501
  } if (rf & 2) {
24494
24502
  const ctx_r2 = i0.ɵɵnextContext();
@@ -24938,7 +24946,7 @@ class JourneyProgressIndicatorComponent {
24938
24946
  static { this.ɵfac = function JourneyProgressIndicatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || JourneyProgressIndicatorComponent)(); }; }
24939
24947
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JourneyProgressIndicatorComponent, selectors: [["symphiq-journey-progress-indicator"]], inputs: { viewMode: [1, "viewMode"], currentStepId: [1, "currentStepId"], showNextStepAction: [1, "showNextStepAction"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { nextStepClick: "nextStepClick", stepClick: "stepClick" }, decls: 25, vars: 14, consts: [[1, "sticky", "z-40", "border-b", "pt-8", "pb-6", "px-6", "transition-all", "duration-200", "overflow-visible", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "overflow-visible"], [1, "hidden", "lg:flex", "items-start", "justify-between", "overflow-visible"], [1, "flex-1", "flex", "items-start", "justify-start", "overflow-visible"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex-shrink-0", "flex", "items-center", "gap-2", "whitespace-nowrap", "ml-4", "mt-0", 3, "disabled", "ngClass", "cursor-pointer", "cursor-not-allowed", "opacity-50", "hover:scale-105"], [1, "lg:hidden"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex-1", "flex", "items-center", "gap-3"], [1, "w-10", "h-10", "min-w-[2.5rem]", "min-h-[2.5rem]", "rounded-full", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5"], [1, "w-3", "h-3", "min-w-[0.75rem]", "min-h-[0.75rem]", "rounded-full", "animate-pulse", 3, "ngClass"], [1, "text-sm", "font-bold", 3, "ngClass"], [1, "flex-1", "text-left"], [1, "flex", "items-center", "gap-1.5", "relative", 3, "mouseenter", "mouseleave", "click"], [1, "text-xs", "cursor-pointer", 3, "ngClass"], [1, "p-0.5", "rounded-full", "cursor-pointer", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "absolute", "top-full", "left-0", "mt-2", "w-80", "max-w-[calc(100vw-2rem)]", "p-4", "rounded-lg", "shadow-xl", "z-50", 3, "ngClass"], ["type", "button", 1, "px-3", "py-1.5", "rounded-lg", "font-medium", "text-xs", "transition-all", "duration-200", "flex-shrink-0", "flex", "items-center", "gap-1.5", "whitespace-nowrap", 3, "disabled", "ngClass", "cursor-pointer", "cursor-not-allowed", "opacity-50", "hover:scale-105"], [1, "flex", "flex-col", "items-center", "relative", "step-column", "overflow-visible", "flex-shrink-0", 3, "mouseenter", "mouseleave", "click"], [1, "w-8", "h-8", "min-w-[2rem]", "min-h-[2rem]", "rounded-full", "flex", "items-center", "justify-center", "flex-shrink-0", "step-circle", "relative", "z-10", "mb-1.5", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], [1, "w-2.5", "h-2.5", "min-w-[0.625rem]", "min-h-[0.625rem]", "rounded-full", "animate-pulse", 3, "ngClass"], [1, "w-2", "h-2", "min-w-[0.5rem]", "min-h-[0.5rem]", "rounded-full", 3, "ngClass"], [1, "text-xs", "font-bold", 3, "ngClass"], [1, "text-[10px]", "text-center", "leading-tight", "whitespace-nowrap", "max-w-[64px]", "overflow-hidden", "text-ellipsis", 3, "ngClass"], [1, "absolute", "rounded-lg", "shadow-2xl", "z-50", "pointer-events-none", 3, "ngClass", "expanded-card-right", "expanded-card-left", "top", "left", "right"], [1, "flex-1", "h-0.5", "transition-all", "duration-200", "mt-[16px]", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "absolute", "rounded-lg", "shadow-2xl", "z-50", "pointer-events-none", 3, "ngClass"], [1, "flex", "items-start", "px-4", "py-3", "expanded-content"], [1, "flex", "items-start", "gap-2", "w-full"], [1, "text-xs", "font-bold", "flex-shrink-0", "mt-0.5", 3, "ngClass"], [1, "flex", "flex-col", "gap-1", "flex-1"], [1, "text-sm", "font-bold", "leading-tight", 3, "ngClass"], [1, "text-xs", "leading-relaxed", "description-fade", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex-shrink-0", "flex", "items-center", "gap-2", "whitespace-nowrap", "ml-4", "mt-0", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2"], [1, "w-6", "h-6", "min-w-[1.5rem]", "min-h-[1.5rem]", "rounded-full", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3", "h-3"], [1, "w-2", "h-2", "min-w-[0.5rem]", "min-h-[0.5rem]", "rounded-full", "animate-pulse", 3, "ngClass"], [1, "w-1.5", "h-1.5", "min-w-[0.375rem]", "min-h-[0.375rem]", "rounded-full", 3, "ngClass"], [1, "text-[10px]", "font-bold", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "text-[10px]", "mt-0.5", 3, "ngClass"], ["type", "button", 1, "px-3", "py-1.5", "rounded-lg", "font-medium", "text-xs", "transition-all", "duration-200", "flex-shrink-0", "flex", "items-center", "gap-1.5", "whitespace-nowrap", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "animate-spin"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"]], template: function JourneyProgressIndicatorComponent_Template(rf, ctx) { if (rf & 1) {
24940
24948
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
24941
- i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_For_5_Template, 10, 10, null, null, _forTrack0$S);
24949
+ i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_For_5_Template, 10, 10, null, null, _forTrack0$T);
24942
24950
  i0.ɵɵelementEnd();
24943
24951
  i0.ɵɵconditionalCreate(6, JourneyProgressIndicatorComponent_Conditional_6_Template, 3, 11, "button", 4);
24944
24952
  i0.ɵɵelementEnd();
@@ -26165,7 +26173,7 @@ class FunnelWelcomeBannerComponent {
26165
26173
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelWelcomeBannerComponent, { className: "FunnelWelcomeBannerComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-welcome-banner.component.ts", lineNumber: 113 }); })();
26166
26174
 
26167
26175
  const _c0$18 = [[["", "slot", "overall-performance"]], [["", "slot", "performance-metrics"]], [["", "slot", "performance-breakdowns"]], [["", "slot", "competitive-intelligence"]]];
26168
- const _c1$G = ["[slot=overall-performance]", "[slot=performance-metrics]", "[slot=performance-breakdowns]", "[slot=competitive-intelligence]"];
26176
+ const _c1$H = ["[slot=overall-performance]", "[slot=performance-metrics]", "[slot=performance-breakdowns]", "[slot=competitive-intelligence]"];
26169
26177
  class CollapsibleFunnelSectionGroupComponent {
26170
26178
  constructor() {
26171
26179
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -26296,7 +26304,7 @@ class CollapsibleFunnelSectionGroupComponent {
26296
26304
  : 'border-slate-200';
26297
26305
  }
26298
26306
  static { this.ɵfac = function CollapsibleFunnelSectionGroupComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollapsibleFunnelSectionGroupComponent)(); }; }
26299
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleFunnelSectionGroupComponent, selectors: [["symphiq-collapsible-funnel-section-group"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c1$G, decls: 90, vars: 58, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["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, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 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"], ["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"], ["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"]], template: function CollapsibleFunnelSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
26307
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleFunnelSectionGroupComponent, selectors: [["symphiq-collapsible-funnel-section-group"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c1$H, decls: 90, vars: 58, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["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, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 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"], ["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"], ["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"]], template: function CollapsibleFunnelSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
26300
26308
  i0.ɵɵprojectionDef(_c0$18);
26301
26309
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
26302
26310
  i0.ɵɵnamespaceSVG();
@@ -27141,9 +27149,9 @@ class ViewModeSwitcherModalComponent {
27141
27149
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewModeSwitcherModalComponent, { className: "ViewModeSwitcherModalComponent", filePath: "lib/components/shared/view-mode-switcher-modal.component.ts", lineNumber: 160 }); })();
27142
27150
 
27143
27151
  const _c0$17 = a0 => ({ name: "check-badge", source: a0 });
27144
- const _c1$F = a0 => ({ name: "check-circle", source: a0 });
27152
+ const _c1$G = a0 => ({ name: "check-circle", source: a0 });
27145
27153
  const _c2$s = a0 => ({ name: "chevron-right", source: a0 });
27146
- const _forTrack0$R = ($index, $item) => $item.area;
27154
+ const _forTrack0$S = ($index, $item) => $item.area;
27147
27155
  function KeyStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
27148
27156
  i0.ɵɵelementStart(0, "div", 1);
27149
27157
  i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -27202,7 +27210,7 @@ function KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template(rf,
27202
27210
  i0.ɵɵadvance();
27203
27211
  i0.ɵɵtextInterpolate1(" ", strength_r3.description, " ");
27204
27212
  i0.ɵɵadvance(3);
27205
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$F, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
27213
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$G, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
27206
27214
  i0.ɵɵadvance();
27207
27215
  i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
27208
27216
  i0.ɵɵadvance();
@@ -27212,7 +27220,7 @@ function KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template(rf,
27212
27220
  } }
27213
27221
  function KeyStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
27214
27222
  i0.ɵɵelementStart(0, "div", 2);
27215
- i0.ɵɵrepeaterCreate(1, KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$R);
27223
+ i0.ɵɵrepeaterCreate(1, KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$S);
27216
27224
  i0.ɵɵelementEnd();
27217
27225
  } if (rf & 2) {
27218
27226
  const ctx_r0 = i0.ɵɵnextContext();
@@ -27373,10 +27381,10 @@ class KeyStrengthsListModalContentComponent {
27373
27381
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyStrengthsListModalContentComponent, { className: "KeyStrengthsListModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/key-strengths-list-modal-content.component.ts", lineNumber: 79 }); })();
27374
27382
 
27375
27383
  const _c0$16 = a0 => ({ name: "shield-check", source: a0 });
27376
- const _c1$E = a0 => ({ name: "exclamation-triangle", source: a0 });
27384
+ const _c1$F = a0 => ({ name: "exclamation-triangle", source: a0 });
27377
27385
  const _c2$r = a0 => ({ name: "document-text", source: a0 });
27378
27386
  const _c3$k = a0 => ({ name: "chevron-right", source: a0 });
27379
- const _forTrack0$Q = ($index, $item) => $item.area;
27387
+ const _forTrack0$R = ($index, $item) => $item.area;
27380
27388
  function CriticalGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
27381
27389
  i0.ɵɵelementStart(0, "div", 1);
27382
27390
  i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -27443,7 +27451,7 @@ function CriticalGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
27443
27451
  i0.ɵɵadvance();
27444
27452
  i0.ɵɵproperty("ngClass", ctx_r0.impactContainerClasses());
27445
27453
  i0.ɵɵadvance(2);
27446
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c1$E, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.impactIconClasses(gap_r3.urgency));
27454
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c1$F, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.impactIconClasses(gap_r3.urgency));
27447
27455
  i0.ɵɵadvance(2);
27448
27456
  i0.ɵɵproperty("ngClass", ctx_r0.impactLabelClasses());
27449
27457
  i0.ɵɵadvance(2);
@@ -27461,7 +27469,7 @@ function CriticalGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
27461
27469
  } }
27462
27470
  function CriticalGapsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
27463
27471
  i0.ɵɵelementStart(0, "div", 2);
27464
- i0.ɵɵrepeaterCreate(1, CriticalGapsListModalContentComponent_Conditional_2_For_2_Template, 23, 25, "button", 6, _forTrack0$Q);
27472
+ i0.ɵɵrepeaterCreate(1, CriticalGapsListModalContentComponent_Conditional_2_For_2_Template, 23, 25, "button", 6, _forTrack0$R);
27465
27473
  i0.ɵɵelementEnd();
27466
27474
  } if (rf & 2) {
27467
27475
  const ctx_r0 = i0.ɵɵnextContext();
@@ -27689,8 +27697,8 @@ class CriticalGapsListModalContentComponent {
27689
27697
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CriticalGapsListModalContentComponent, { className: "CriticalGapsListModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/critical-gaps-list-modal-content.component.ts", lineNumber: 98 }); })();
27690
27698
 
27691
27699
  const _c0$15 = a0 => ({ name: "check-circle", source: a0 });
27692
- const _c1$D = a0 => ({ name: "chat-bubble-left-right", source: a0 });
27693
- const _forTrack0$P = ($index, $item) => $item.questionId;
27700
+ const _c1$E = a0 => ({ name: "chat-bubble-left-right", source: a0 });
27701
+ const _forTrack0$Q = ($index, $item) => $item.questionId;
27694
27702
  function KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
27695
27703
  i0.ɵɵelementStart(0, "div", 19)(1, "span", 20);
27696
27704
  i0.ɵɵtext(2);
@@ -27719,7 +27727,7 @@ function KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Template(rf
27719
27727
  const ctx_r1 = i0.ɵɵnextContext(2);
27720
27728
  i0.ɵɵproperty("ngClass", ctx_r1.answerCardClasses());
27721
27729
  i0.ɵɵadvance(2);
27722
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c1$D, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.answerIconClasses());
27730
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c1$E, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.answerIconClasses());
27723
27731
  i0.ɵɵadvance(2);
27724
27732
  i0.ɵɵproperty("ngClass", ctx_r1.questionClasses());
27725
27733
  i0.ɵɵadvance();
@@ -27737,7 +27745,7 @@ function KeyStrengthDetailModalContentComponent_Conditional_13_Template(rf, ctx)
27737
27745
  i0.ɵɵtext(3, " Supporting Evidence ");
27738
27746
  i0.ɵɵelementEnd();
27739
27747
  i0.ɵɵelementStart(4, "div", 12);
27740
- i0.ɵɵrepeaterCreate(5, KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Template, 9, 10, "div", 13, _forTrack0$P);
27748
+ i0.ɵɵrepeaterCreate(5, KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Template, 9, 10, "div", 13, _forTrack0$Q);
27741
27749
  i0.ɵɵelementEnd()();
27742
27750
  } if (rf & 2) {
27743
27751
  const ctx_r1 = i0.ɵɵnextContext();
@@ -27930,9 +27938,9 @@ class KeyStrengthDetailModalContentComponent {
27930
27938
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyStrengthDetailModalContentComponent, { className: "KeyStrengthDetailModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/key-strength-detail-modal-content.component.ts", lineNumber: 79 }); })();
27931
27939
 
27932
27940
  const _c0$14 = a0 => ({ name: "exclamation-triangle", source: a0 });
27933
- const _c1$C = a0 => ({ name: "document-text", source: a0 });
27941
+ const _c1$D = a0 => ({ name: "document-text", source: a0 });
27934
27942
  const _c2$q = a0 => ({ name: "chat-bubble-left-right", source: a0 });
27935
- const _forTrack0$O = ($index, $item) => $item.questionId;
27943
+ const _forTrack0$P = ($index, $item) => $item.questionId;
27936
27944
  function CriticalGapDetailModalContentComponent_Conditional_20_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
27937
27945
  i0.ɵɵelementStart(0, "div", 23)(1, "p", 25);
27938
27946
  i0.ɵɵtext(2, " Gap Identified: ");
@@ -28000,7 +28008,7 @@ function CriticalGapDetailModalContentComponent_Conditional_20_Template(rf, ctx)
28000
28008
  i0.ɵɵtext(3, " Supporting Evidence ");
28001
28009
  i0.ɵɵelementEnd();
28002
28010
  i0.ɵɵelementStart(4, "div", 17);
28003
- i0.ɵɵrepeaterCreate(5, CriticalGapDetailModalContentComponent_Conditional_20_For_6_Template, 10, 11, "div", 18, _forTrack0$O);
28011
+ i0.ɵɵrepeaterCreate(5, CriticalGapDetailModalContentComponent_Conditional_20_For_6_Template, 10, 11, "div", 18, _forTrack0$P);
28004
28012
  i0.ɵɵelementEnd()();
28005
28013
  } if (rf & 2) {
28006
28014
  const ctx_r1 = i0.ɵɵnextContext();
@@ -28008,7 +28016,7 @@ function CriticalGapDetailModalContentComponent_Conditional_20_Template(rf, ctx)
28008
28016
  i0.ɵɵclassMap(ctx_r1.isLightMode() ? "border-slate-200" : "border-slate-700");
28009
28017
  i0.ɵɵproperty("ngClass", ctx_r1.sectionTitleClasses());
28010
28018
  i0.ɵɵadvance();
28011
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c1$C, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.sectionIconClasses());
28019
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c1$D, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.sectionIconClasses());
28012
28020
  i0.ɵɵadvance(3);
28013
28021
  i0.ɵɵrepeater(ctx_r1.gap().supportingAnswers);
28014
28022
  } }
@@ -29793,10 +29801,10 @@ class TopPriorityDetailModalContentComponent {
29793
29801
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TopPriorityDetailModalContentComponent, { className: "TopPriorityDetailModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/top-priority-detail-modal-content.component.ts", lineNumber: 72 }); })();
29794
29802
 
29795
29803
  const _c0$13 = a0 => ({ name: "check-badge", source: a0 });
29796
- const _c1$B = a0 => ({ name: "check-circle", source: a0 });
29804
+ const _c1$C = a0 => ({ name: "check-circle", source: a0 });
29797
29805
  const _c2$p = a0 => ({ name: "chevron-right", source: a0 });
29798
29806
  const _c3$j = a0 => ({ name: "chart-bar", source: a0 });
29799
- const _forTrack0$N = ($index, $item) => $item.capability;
29807
+ const _forTrack0$O = ($index, $item) => $item.capability;
29800
29808
  function FocusAreaStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
29801
29809
  i0.ɵɵelementStart(0, "div", 1);
29802
29810
  i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -29901,7 +29909,7 @@ function FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Templat
29901
29909
  i0.ɵɵadvance(2);
29902
29910
  i0.ɵɵconditional(ctx_r0.getLinkedMetricsCount(strength_r3) > 0 ? 9 : -1);
29903
29911
  i0.ɵɵadvance(2);
29904
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$B, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
29912
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$C, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
29905
29913
  i0.ɵɵadvance();
29906
29914
  i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
29907
29915
  i0.ɵɵadvance();
@@ -29911,7 +29919,7 @@ function FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Templat
29911
29919
  } }
29912
29920
  function FocusAreaStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
29913
29921
  i0.ɵɵelementStart(0, "div", 2);
29914
- i0.ɵɵrepeaterCreate(1, FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Template, 16, 18, "button", 6, _forTrack0$N);
29922
+ i0.ɵɵrepeaterCreate(1, FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Template, 16, 18, "button", 6, _forTrack0$O);
29915
29923
  i0.ɵɵelementEnd();
29916
29924
  } if (rf & 2) {
29917
29925
  const ctx_r0 = i0.ɵɵnextContext();
@@ -30116,9 +30124,9 @@ class FocusAreaStrengthsListModalContentComponent {
30116
30124
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaStrengthsListModalContentComponent, { className: "FocusAreaStrengthsListModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/focus-area-strengths-list-modal-content.component.ts", lineNumber: 109 }); })();
30117
30125
 
30118
30126
  const _c0$12 = a0 => ({ name: "exclamation-triangle", source: a0 });
30119
- const _c1$A = a0 => ({ name: "exclamation-circle", source: a0 });
30127
+ const _c1$B = a0 => ({ name: "exclamation-circle", source: a0 });
30120
30128
  const _c2$o = a0 => ({ name: "chevron-right", source: a0 });
30121
- function _forTrack0$M($index, $item) { return this.getGapTitle($item); }
30129
+ function _forTrack0$N($index, $item) { return this.getGapTitle($item); }
30122
30130
  function FocusAreaGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
30123
30131
  i0.ɵɵelementStart(0, "div", 1);
30124
30132
  i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -30225,7 +30233,7 @@ function FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
30225
30233
  i0.ɵɵadvance();
30226
30234
  i0.ɵɵconditional(ctx_r0.getImpactOnMetric(gap_r3) ? 8 : -1);
30227
30235
  i0.ɵɵadvance(3);
30228
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$A, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses(gap_r3));
30236
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$B, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses(gap_r3));
30229
30237
  i0.ɵɵadvance();
30230
30238
  i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
30231
30239
  i0.ɵɵadvance();
@@ -30235,7 +30243,7 @@ function FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
30235
30243
  } }
30236
30244
  function FocusAreaGapsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
30237
30245
  i0.ɵɵelementStart(0, "div", 2);
30238
- i0.ɵɵrepeaterCreate(1, FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$M, true);
30246
+ i0.ɵɵrepeaterCreate(1, FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$N, true);
30239
30247
  i0.ɵɵelementEnd();
30240
30248
  } if (rf & 2) {
30241
30249
  const ctx_r0 = i0.ɵɵnextContext();
@@ -30510,9 +30518,9 @@ class FocusAreaGapsListModalContentComponent {
30510
30518
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaGapsListModalContentComponent, { className: "FocusAreaGapsListModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/focus-area-gaps-list-modal-content.component.ts", lineNumber: 106 }); })();
30511
30519
 
30512
30520
  const _c0$11 = a0 => ({ name: "light-bulb", source: a0 });
30513
- const _c1$z = a0 => ({ name: "chevron-right", source: a0 });
30521
+ const _c1$A = a0 => ({ name: "chevron-right", source: a0 });
30514
30522
  const _c2$n = a0 => ({ name: "chart-bar", source: a0 });
30515
- const _forTrack0$L = ($index, $item) => $item.opportunity;
30523
+ const _forTrack0$M = ($index, $item) => $item.opportunity;
30516
30524
  function FocusAreaOpportunitiesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
30517
30525
  i0.ɵɵelementStart(0, "div", 1);
30518
30526
  i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -30599,11 +30607,11 @@ function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Tem
30599
30607
  i0.ɵɵadvance(2);
30600
30608
  i0.ɵɵconditional(ctx_r0.getLinkedMetricsCount(opportunity_r3) > 0 ? 8 : -1);
30601
30609
  i0.ɵɵadvance(2);
30602
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$z, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
30610
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$A, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
30603
30611
  } }
30604
30612
  function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
30605
30613
  i0.ɵɵelementStart(0, "div", 2);
30606
- i0.ɵɵrepeaterCreate(1, FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Template, 11, 11, "button", 6, _forTrack0$L);
30614
+ i0.ɵɵrepeaterCreate(1, FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Template, 11, 11, "button", 6, _forTrack0$M);
30607
30615
  i0.ɵɵelementEnd();
30608
30616
  } if (rf & 2) {
30609
30617
  const ctx_r0 = i0.ɵɵnextContext();
@@ -30779,8 +30787,8 @@ class FocusAreaOpportunitiesListModalContentComponent {
30779
30787
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaOpportunitiesListModalContentComponent, { className: "FocusAreaOpportunitiesListModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/focus-area-opportunities-list-modal-content.component.ts", lineNumber: 90 }); })();
30780
30788
 
30781
30789
  const _c0$10 = a0 => ({ name: "chevron-right", source: a0 });
30782
- const _c1$y = a0 => ({ name: "chat-bubble-left-right", source: a0 });
30783
- const _forTrack0$K = ($index, $item) => $item.performanceItemId;
30790
+ const _c1$z = a0 => ({ name: "chat-bubble-left-right", source: a0 });
30791
+ const _forTrack0$L = ($index, $item) => $item.performanceItemId;
30784
30792
  function FocusAreaStrengthDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
30785
30793
  i0.ɵɵelementStart(0, "div")(1, "p", 2);
30786
30794
  i0.ɵɵtext(2);
@@ -30850,7 +30858,7 @@ function FocusAreaStrengthDetailModalContentComponent_Conditional_4_Template(rf,
30850
30858
  i0.ɵɵtext(2);
30851
30859
  i0.ɵɵelementEnd();
30852
30860
  i0.ɵɵelementStart(3, "div", 9);
30853
- i0.ɵɵrepeaterCreate(4, FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Template, 4, 5, "button", 10, _forTrack0$K);
30861
+ i0.ɵɵrepeaterCreate(4, FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Template, 4, 5, "button", 10, _forTrack0$L);
30854
30862
  i0.ɵɵelementEnd()();
30855
30863
  } if (rf & 2) {
30856
30864
  const ctx_r0 = i0.ɵɵnextContext();
@@ -30902,7 +30910,7 @@ function FocusAreaStrengthDetailModalContentComponent_Conditional_6_For_5_Templa
30902
30910
  const ctx_r0 = i0.ɵɵnextContext(2);
30903
30911
  i0.ɵɵproperty("ngClass", ctx_r0.answerClasses());
30904
30912
  i0.ɵɵadvance(2);
30905
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$y, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.answerIconClasses());
30913
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$z, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.answerIconClasses());
30906
30914
  i0.ɵɵadvance();
30907
30915
  i0.ɵɵproperty("ngClass", ctx_r0.answerQuestionClasses());
30908
30916
  i0.ɵɵadvance();
@@ -31500,8 +31508,8 @@ class FocusAreaGapDetailModalContentComponent {
31500
31508
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaGapDetailModalContentComponent, { className: "FocusAreaGapDetailModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/focus-area-gap-detail-modal-content.component.ts", lineNumber: 98 }); })();
31501
31509
 
31502
31510
  const _c0$_ = a0 => ({ name: "chevron-right", source: a0 });
31503
- const _c1$x = () => [];
31504
- const _forTrack0$J = ($index, $item) => $item.performanceItemId;
31511
+ const _c1$y = () => [];
31512
+ const _forTrack0$K = ($index, $item) => $item.performanceItemId;
31505
31513
  function FocusAreaOpportunityDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
31506
31514
  i0.ɵɵelementStart(0, "div")(1, "p", 2);
31507
31515
  i0.ɵɵtext(2);
@@ -31553,7 +31561,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_3_Template(
31553
31561
  i0.ɵɵtext(2);
31554
31562
  i0.ɵɵelementEnd();
31555
31563
  i0.ɵɵelementStart(3, "div", 6);
31556
- i0.ɵɵrepeaterCreate(4, FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Template, 4, 5, "button", 7, _forTrack0$J);
31564
+ i0.ɵɵrepeaterCreate(4, FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Template, 4, 5, "button", 7, _forTrack0$K);
31557
31565
  i0.ɵɵelementEnd()();
31558
31566
  } if (rf & 2) {
31559
31567
  const ctx_r0 = i0.ɵɵnextContext();
@@ -31589,7 +31597,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_4_Template(
31589
31597
  i0.ɵɵadvance();
31590
31598
  i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
31591
31599
  i0.ɵɵadvance(3);
31592
- i0.ɵɵrepeater(ctx_r0.opportunity().linkedGoalIds || i0.ɵɵpureFunction0(2, _c1$x));
31600
+ i0.ɵɵrepeater(ctx_r0.opportunity().linkedGoalIds || i0.ɵɵpureFunction0(2, _c1$y));
31593
31601
  } }
31594
31602
  function FocusAreaOpportunityDetailModalContentComponent_Conditional_5_For_5_Template(rf, ctx) { if (rf & 1) {
31595
31603
  i0.ɵɵelementStart(0, "span", 10);
@@ -31615,7 +31623,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_5_Template(
31615
31623
  i0.ɵɵadvance();
31616
31624
  i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
31617
31625
  i0.ɵɵadvance(3);
31618
- i0.ɵɵrepeater(ctx_r0.opportunity().linkedFunnelStrengthIds || i0.ɵɵpureFunction0(2, _c1$x));
31626
+ i0.ɵɵrepeater(ctx_r0.opportunity().linkedFunnelStrengthIds || i0.ɵɵpureFunction0(2, _c1$y));
31619
31627
  } }
31620
31628
  class FocusAreaOpportunityDetailModalContentComponent {
31621
31629
  constructor() {
@@ -31952,7 +31960,7 @@ class CircularProgressComponent {
31952
31960
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CircularProgressComponent, { className: "CircularProgressComponent", filePath: "lib/components/business-analysis-dashboard/visualizations/circular-progress.component.ts", lineNumber: 41 }); })();
31953
31961
 
31954
31962
  const _c0$Z = ["*"];
31955
- const _c1$w = (a0, a1) => [a0, a1];
31963
+ const _c1$x = (a0, a1) => [a0, a1];
31956
31964
  function VisualizationContainerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
31957
31965
  const _r1 = i0.ɵɵgetCurrentView();
31958
31966
  i0.ɵɵelementStart(0, "button", 3);
@@ -31963,7 +31971,7 @@ function VisualizationContainerComponent_Conditional_1_Template(rf, ctx) { if (r
31963
31971
  i0.ɵɵelementEnd()();
31964
31972
  } if (rf & 2) {
31965
31973
  const ctx_r1 = i0.ɵɵnextContext();
31966
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$w, ctx_r1.iconClass(), ctx_r1.isLightMode() ? "bg-white/90 hover:bg-white" : "bg-slate-800/90 hover:bg-slate-800"));
31974
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$x, ctx_r1.iconClass(), ctx_r1.isLightMode() ? "bg-white/90 hover:bg-white" : "bg-slate-800/90 hover:bg-slate-800"));
31967
31975
  } }
31968
31976
  class VisualizationContainerComponent {
31969
31977
  constructor() {
@@ -32118,7 +32126,7 @@ class MetricBadgeComponent {
32118
32126
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricBadgeComponent, { className: "MetricBadgeComponent", filePath: "lib/components/business-analysis-dashboard/badges/metric-badge.component.ts", lineNumber: 22 }); })();
32119
32127
 
32120
32128
  const _c0$Y = a0 => ({ name: "light-bulb", source: a0 });
32121
- const _c1$v = a0 => ({ name: "chevron-right", source: a0 });
32129
+ const _c1$w = a0 => ({ name: "chevron-right", source: a0 });
32122
32130
  function OpportunityHighlightBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
32123
32131
  i0.ɵɵelementStart(0, "p", 7);
32124
32132
  i0.ɵɵtext(1);
@@ -32193,7 +32201,7 @@ class OpportunityHighlightBannerComponent {
32193
32201
  i0.ɵɵconditional(ctx.message() ? 9 : -1);
32194
32202
  i0.ɵɵadvance();
32195
32203
  i0.ɵɵclassProp("rotate-90", ctx.isExpanded());
32196
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c1$v, ctx.iconSource))("ngClass", ctx.chevronClasses());
32204
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c1$w, ctx.iconSource))("ngClass", ctx.chevronClasses());
32197
32205
  } }, dependencies: [CommonModule, i1$1.NgClass, SymphiqIconComponent], encapsulation: 2, changeDetection: 0 }); }
32198
32206
  }
32199
32207
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpportunityHighlightBannerComponent, [{
@@ -32819,7 +32827,7 @@ class ViewportAnimationDirective {
32819
32827
  }] }); })();
32820
32828
 
32821
32829
  const _c0$W = a0 => ({ name: "star", source: a0 });
32822
- const _c1$u = a0 => ({ name: "globe-americas", source: a0 });
32830
+ const _c1$v = a0 => ({ name: "globe-americas", source: a0 });
32823
32831
  const _c2$m = a0 => ({ name: "academic-cap", source: a0 });
32824
32832
  const _c3$i = a0 => ({ name: "information-circle", source: a0 });
32825
32833
  const _c4$d = a0 => ({ name: "signal", source: a0 });
@@ -32927,7 +32935,7 @@ function RegionCardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
32927
32935
  const ctx_r0 = i0.ɵɵnextContext();
32928
32936
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
32929
32937
  i0.ɵɵadvance(2);
32930
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$u, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
32938
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$v, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
32931
32939
  i0.ɵɵadvance();
32932
32940
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
32933
32941
  i0.ɵɵadvance(2);
@@ -33893,7 +33901,7 @@ class CompetitiveInsightBadgeComponent {
33893
33901
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveInsightBadgeComponent, { className: "CompetitiveInsightBadgeComponent", filePath: "lib/components/business-analysis-dashboard/badges/competitive-insight-badge.component.ts", lineNumber: 25 }); })();
33894
33902
 
33895
33903
  const _c0$V = a0 => ({ name: "calendar-days", source: a0 });
33896
- const _c1$t = a0 => ({ name: "chart-bar", source: a0 });
33904
+ const _c1$u = a0 => ({ name: "chart-bar", source: a0 });
33897
33905
  const _c2$l = a0 => ({ name: "academic-cap", source: a0 });
33898
33906
  const _c3$h = a0 => ({ name: "information-circle", source: a0 });
33899
33907
  const _c4$c = a0 => ({ name: "signal", source: a0 });
@@ -34009,7 +34017,7 @@ function SeasonCardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
34009
34017
  const ctx_r0 = i0.ɵɵnextContext();
34010
34018
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
34011
34019
  i0.ɵɵadvance(2);
34012
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$t, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
34020
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$u, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
34013
34021
  i0.ɵɵadvance();
34014
34022
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
34015
34023
  i0.ɵɵadvance(2);
@@ -34727,7 +34735,7 @@ class SeasonCardComponent {
34727
34735
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SeasonCardComponent, { className: "SeasonCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/season-card.component.ts", lineNumber: 270 }); })();
34728
34736
 
34729
34737
  const _c0$U = a0 => ({ name: "currency-dollar", source: a0 });
34730
- const _c1$s = a0 => ({ name: "chart-bar", source: a0 });
34738
+ const _c1$t = a0 => ({ name: "chart-bar", source: a0 });
34731
34739
  const _c2$k = a0 => ({ name: "academic-cap", source: a0 });
34732
34740
  const _c3$g = a0 => ({ name: "information-circle", source: a0 });
34733
34741
  const _c4$b = a0 => ({ name: "signal", source: a0 });
@@ -35016,7 +35024,7 @@ function CustomerSegmentCardComponent_Conditional_23_Template(rf, ctx) { if (rf
35016
35024
  const ctx_r0 = i0.ɵɵnextContext();
35017
35025
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
35018
35026
  i0.ɵɵadvance(2);
35019
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(12, _c1$s, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
35027
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(12, _c1$t, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
35020
35028
  i0.ɵɵadvance();
35021
35029
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
35022
35030
  i0.ɵɵadvance(2);
@@ -35843,7 +35851,7 @@ class CustomerSegmentCardComponent {
35843
35851
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CustomerSegmentCardComponent, { className: "CustomerSegmentCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/customer-segment-card.component.ts", lineNumber: 366 }); })();
35844
35852
 
35845
35853
  const _c0$T = a0 => ({ name: "currency-dollar", source: a0 });
35846
- const _c1$r = a0 => ({ name: "document-text", source: a0 });
35854
+ const _c1$s = a0 => ({ name: "document-text", source: a0 });
35847
35855
  const _c2$j = a0 => ({ name: "academic-cap", source: a0 });
35848
35856
  const _c3$f = a0 => ({ name: "information-circle", source: a0 });
35849
35857
  const _c4$a = a0 => ({ name: "signal", source: a0 });
@@ -35963,7 +35971,7 @@ function PriceTierCardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
35963
35971
  const ctx_r0 = i0.ɵɵnextContext();
35964
35972
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
35965
35973
  i0.ɵɵadvance(2);
35966
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$r, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
35974
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$s, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
35967
35975
  i0.ɵɵadvance();
35968
35976
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
35969
35977
  i0.ɵɵadvance(2);
@@ -36679,14 +36687,14 @@ class PriceTierCardComponent {
36679
36687
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriceTierCardComponent, { className: "PriceTierCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/price-tier-card.component.ts", lineNumber: 261 }); })();
36680
36688
 
36681
36689
  const _c0$S = () => ({ name: "cube", source: "HEROICONS" });
36682
- const _c1$q = () => ({ name: "currency-dollar", source: "HEROICONS" });
36690
+ const _c1$r = () => ({ name: "currency-dollar", source: "HEROICONS" });
36683
36691
  const _c2$i = () => ({ name: "chart-bar", source: "HEROICONS" });
36684
36692
  const _c3$e = a0 => ({ name: "chart-bar", source: a0 });
36685
36693
  const _c4$9 = a0 => ({ name: "academic-cap", source: a0 });
36686
36694
  const _c5$6 = a0 => ({ name: "information-circle", source: a0 });
36687
36695
  const _c6$2 = a0 => ({ name: "signal", source: a0 });
36688
36696
  const _c7$1 = a0 => ({ name: "wrench-screwdriver", source: a0 });
36689
- const _forTrack0$I = ($index, $item) => $item.name;
36697
+ const _forTrack0$J = ($index, $item) => $item.name;
36690
36698
  function ProductCategoryCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
36691
36699
  i0.ɵɵelementStart(0, "p", 8);
36692
36700
  i0.ɵɵtext(1);
@@ -36746,7 +36754,7 @@ function ProductCategoryCardComponent_Conditional_14_Conditional_3_Template(rf,
36746
36754
  const ctx_r0 = i0.ɵɵnextContext(2);
36747
36755
  i0.ɵɵproperty("ngClass", ctx_r0.getStatBoxClasses());
36748
36756
  i0.ɵɵadvance(2);
36749
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c1$q))("ngClass", ctx_r0.getStatIconClasses());
36757
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c1$r))("ngClass", ctx_r0.getStatIconClasses());
36750
36758
  i0.ɵɵadvance(2);
36751
36759
  i0.ɵɵproperty("ngClass", ctx_r0.getStatLabelClasses());
36752
36760
  i0.ɵɵadvance(2);
@@ -36817,7 +36825,7 @@ function ProductCategoryCardComponent_Conditional_16_Template(rf, ctx) { if (rf
36817
36825
  i0.ɵɵelementStart(6, "symphiq-visualization-container", 21);
36818
36826
  i0.ɵɵlistener("visualizationClick", function ProductCategoryCardComponent_Conditional_16_Template_symphiq_visualization_container_visualizationClick_6_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openHorizontalBarModal($event)); });
36819
36827
  i0.ɵɵelementStart(7, "div", 22);
36820
- i0.ɵɵrepeaterCreate(8, ProductCategoryCardComponent_Conditional_16_For_9_Template, 2, 5, "div", 23, _forTrack0$I);
36828
+ i0.ɵɵrepeaterCreate(8, ProductCategoryCardComponent_Conditional_16_For_9_Template, 2, 5, "div", 23, _forTrack0$J);
36821
36829
  i0.ɵɵelementEnd()()()();
36822
36830
  } if (rf & 2) {
36823
36831
  const ctx_r0 = i0.ɵɵnextContext();
@@ -37835,7 +37843,7 @@ function getCategoryBadgeClasses(category, isDark) {
37835
37843
  }
37836
37844
 
37837
37845
  const _c0$Q = a0 => ({ name: "shield-check", source: a0 });
37838
- const _c1$p = a0 => ({ name: "building-storefront", source: a0 });
37846
+ const _c1$q = a0 => ({ name: "building-storefront", source: a0 });
37839
37847
  const _c2$h = a0 => ({ name: "academic-cap", source: a0 });
37840
37848
  const _c3$d = a0 => ({ name: "information-circle", source: a0 });
37841
37849
  const _c4$8 = a0 => ({ name: "signal", source: a0 });
@@ -37885,7 +37893,7 @@ function EnhancedListItemCardComponent_Conditional_21_Conditional_7_Template(rf,
37885
37893
  const ctx_r0 = i0.ɵɵnextContext(2);
37886
37894
  i0.ɵɵclassProp("mt-3", ctx_r0.getCompetitorPositioning() || ((tmp_2_0 = ctx_r0.item()) == null ? null : tmp_2_0.differentiationStrength));
37887
37895
  i0.ɵɵadvance(2);
37888
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$p, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
37896
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$q, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
37889
37897
  i0.ɵɵadvance();
37890
37898
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSubtitleClasses());
37891
37899
  i0.ɵɵadvance(2);
@@ -38550,7 +38558,7 @@ class EnhancedListItemCardComponent {
38550
38558
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EnhancedListItemCardComponent, { className: "EnhancedListItemCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/enhanced-list-item-card.component.ts", lineNumber: 221 }); })();
38551
38559
 
38552
38560
  const _c0$P = a0 => ({ name: "academic-cap", source: a0 });
38553
- const _c1$o = a0 => ({ name: "information-circle", source: a0 });
38561
+ const _c1$p = a0 => ({ name: "information-circle", source: a0 });
38554
38562
  const _c2$g = a0 => ({ name: "signal", source: a0 });
38555
38563
  const _c3$c = a0 => ({ name: "wrench-screwdriver", source: a0 });
38556
38564
  function FocusAreaDetailCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
@@ -38651,7 +38659,7 @@ function FocusAreaDetailCardComponent_Conditional_16_Conditional_6_Template(rf,
38651
38659
  const ctx_r0 = i0.ɵɵnextContext(2);
38652
38660
  i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
38653
38661
  i0.ɵɵadvance(2);
38654
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$o, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
38662
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$p, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
38655
38663
  i0.ɵɵadvance();
38656
38664
  i0.ɵɵproperty("ngClass", ctx_r0.expandedTitleClasses());
38657
38665
  i0.ɵɵadvance(2);
@@ -41595,7 +41603,7 @@ class ProfileItemCardComponent {
41595
41603
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileItemCardComponent, { className: "ProfileItemCardComponent", filePath: "lib/components/business-analysis-dashboard/profile-item-card.component.ts", lineNumber: 171 }); })();
41596
41604
 
41597
41605
  const _c0$N = ["scrollContainer"];
41598
- const _c1$n = a0 => ({ name: "arrow-right", source: a0 });
41606
+ const _c1$o = a0 => ({ name: "arrow-right", source: a0 });
41599
41607
  function ItemDetailModalComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
41600
41608
  const _r2 = i0.ɵɵgetCurrentView();
41601
41609
  i0.ɵɵelementStart(0, "button", 7);
@@ -41607,7 +41615,7 @@ function ItemDetailModalComponent_Conditional_7_Template(rf, ctx) { if (rf & 1)
41607
41615
  const ctx_r2 = i0.ɵɵnextContext();
41608
41616
  i0.ɵɵproperty("ngClass", ctx_r2.getPrimaryButtonClasses());
41609
41617
  i0.ɵɵadvance();
41610
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c1$n, ctx_r2.IconSourceEnum.HEROICONS));
41618
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c1$o, ctx_r2.IconSourceEnum.HEROICONS));
41611
41619
  } }
41612
41620
  class ItemDetailModalComponent {
41613
41621
  constructor() {
@@ -41794,7 +41802,7 @@ class ItemDetailModalComponent {
41794
41802
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemDetailModalComponent, { className: "ItemDetailModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/item-detail-modal.component.ts", lineNumber: 53 }); })();
41795
41803
 
41796
41804
  const _c0$M = ["modalContent"];
41797
- const _c1$m = ["modalWrapper"];
41805
+ const _c1$n = ["modalWrapper"];
41798
41806
  const _c2$f = ["*"];
41799
41807
  const ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Conditional_3_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return lineChart_component; }).then(m => m.LineChartComponent)];
41800
41808
  const ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Conditional_4_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
@@ -41802,7 +41810,7 @@ const ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Conditional_5_D
41802
41810
  const ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
41803
41811
  const _c3$b = a0 => ({ name: "arrow-left", source: a0 });
41804
41812
  const _c4$7 = a0 => ({ name: "chevron-right", source: a0 });
41805
- const _forTrack0$H = ($index, $item) => $item.performanceItemId || $index;
41813
+ const _forTrack0$I = ($index, $item) => $item.performanceItemId || $index;
41806
41814
  const _forTrack1$6 = ($index, $item) => $item.id || $index;
41807
41815
  const _forTrack2$2 = ($index, $item) => $item.metric || $index;
41808
41816
  function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
@@ -42014,7 +42022,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_18_For_3_Templa
42014
42022
  function ProfileAnalysisModalComponent_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
42015
42023
  i0.ɵɵelementStart(0, "div", 18);
42016
42024
  i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_18_Conditional_1_Template, 2, 2, "p", 50);
42017
- i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_18_For_3_Template, 13, 10, "div", 51, _forTrack0$H);
42025
+ i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_18_For_3_Template, 13, 10, "div", 51, _forTrack0$I);
42018
42026
  i0.ɵɵelementEnd();
42019
42027
  } if (rf & 2) {
42020
42028
  const data_r11 = ctx;
@@ -42094,7 +42102,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_19_For_3_Templa
42094
42102
  function ProfileAnalysisModalComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
42095
42103
  i0.ɵɵelementStart(0, "div", 18);
42096
42104
  i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_19_Conditional_1_Template, 2, 2, "p", 50);
42097
- i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_19_For_3_Template, 13, 10, "div", 51, _forTrack0$H);
42105
+ i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_19_For_3_Template, 13, 10, "div", 51, _forTrack0$I);
42098
42106
  i0.ɵɵelementEnd();
42099
42107
  } if (rf & 2) {
42100
42108
  const data_r14 = ctx;
@@ -42279,7 +42287,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_
42279
42287
  i0.ɵɵproperty("metric", metric_r38)("isLightMode", ctx_r1.isLightMode())("animationKey", $index_r39);
42280
42288
  } }
42281
42289
  function ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_2_Template(rf, ctx) { if (rf & 1) {
42282
- i0.ɵɵrepeaterCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_2_For_1_Template, 2, 3, "div", null, _forTrack0$H);
42290
+ i0.ɵɵrepeaterCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Conditional_2_For_1_Template, 2, 3, "div", null, _forTrack0$I);
42283
42291
  } if (rf & 2) {
42284
42292
  const data_r32 = i0.ɵɵnextContext();
42285
42293
  i0.ɵɵrepeater(data_r32.metrics);
@@ -44042,7 +44050,7 @@ class ProfileAnalysisModalComponent {
44042
44050
  static { this.ɵfac = function ProfileAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileAnalysisModalComponent)(); }; }
44043
44051
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileAnalysisModalComponent, selectors: [["symphiq-profile-analysis-modal"]], viewQuery: function ProfileAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
44044
44052
  i0.ɵɵviewQuery(_c0$M, 5);
44045
- i0.ɵɵviewQuery(_c1$m, 5);
44053
+ i0.ɵɵviewQuery(_c1$n, 5);
44046
44054
  } if (rf & 2) {
44047
44055
  let _t;
44048
44056
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
@@ -44593,7 +44601,7 @@ class ProfileAnalysisModalComponent {
44593
44601
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisModalComponent, { className: "ProfileAnalysisModalComponent", filePath: "lib/components/profile-analysis-shop-dashboard/profile-analysis-modal.component.ts", lineNumber: 550 }); })();
44594
44602
 
44595
44603
  const _c0$L = a0 => ({ name: "light-bulb", source: a0 });
44596
- const _c1$l = a0 => ({ name: "trophy", source: a0 });
44604
+ const _c1$m = a0 => ({ name: "trophy", source: a0 });
44597
44605
  const _c2$e = a0 => ({ name: "academic-cap", source: a0 });
44598
44606
  const _c3$a = a0 => ({ name: "signal", source: a0 });
44599
44607
  const _c4$6 = a0 => ({ name: "wrench-screwdriver", source: a0 });
@@ -44631,7 +44639,7 @@ function CompetitiveGapModalComponent_Conditional_10_Template(rf, ctx) { if (rf
44631
44639
  const ctx_r0 = i0.ɵɵnextContext();
44632
44640
  i0.ɵɵproperty("ngClass", ctx_r0.sectionClasses());
44633
44641
  i0.ɵɵadvance(2);
44634
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$l, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
44642
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$m, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
44635
44643
  i0.ɵɵadvance();
44636
44644
  i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
44637
44645
  i0.ɵɵadvance(2);
@@ -44924,10 +44932,10 @@ class CompetitiveGapModalComponent {
44924
44932
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveGapModalComponent, { className: "CompetitiveGapModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/competitive-gap-modal.component.ts", lineNumber: 101 }); })();
44925
44933
 
44926
44934
  const _c0$K = a0 => ({ name: "list-bullet", source: a0 });
44927
- const _c1$k = a0 => ({ name: "arrow-right", source: a0 });
44935
+ const _c1$l = a0 => ({ name: "arrow-right", source: a0 });
44928
44936
  const _c2$d = a0 => ({ name: "check-circle", source: a0 });
44929
44937
  const _c3$9 = a0 => ({ name: "exclamation-circle", source: a0 });
44930
- const _forTrack0$G = ($index, $item) => $item.order;
44938
+ const _forTrack0$H = ($index, $item) => $item.order;
44931
44939
  function RecommendationActionStepsModalComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
44932
44940
  i0.ɵɵelementStart(0, "div", 1)(1, "div", 5);
44933
44941
  i0.ɵɵelement(2, "symphiq-icon", 6);
@@ -44996,7 +45004,7 @@ function RecommendationActionStepsModalComponent_For_4_Template(rf, ctx) { if (r
44996
45004
  i0.ɵɵadvance();
44997
45005
  i0.ɵɵtextInterpolate1(" ", step_r2.order, " ");
44998
45006
  i0.ɵɵadvance(4);
44999
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$k, ctx_r0.iconSource))("ngClass", ctx_r0.actionIconClasses());
45007
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$l, ctx_r0.iconSource))("ngClass", ctx_r0.actionIconClasses());
45000
45008
  i0.ɵɵadvance();
45001
45009
  i0.ɵɵproperty("ngClass", ctx_r0.actionTitleClasses());
45002
45010
  i0.ɵɵadvance(2);
@@ -45081,7 +45089,7 @@ class RecommendationActionStepsModalComponent {
45081
45089
  i0.ɵɵelementStart(0, "div", 0);
45082
45090
  i0.ɵɵconditionalCreate(1, RecommendationActionStepsModalComponent_Conditional_1_Template, 8, 7, "div", 1);
45083
45091
  i0.ɵɵelementStart(2, "div", 2);
45084
- i0.ɵɵrepeaterCreate(3, RecommendationActionStepsModalComponent_For_4_Template, 13, 11, "div", 3, _forTrack0$G);
45092
+ i0.ɵɵrepeaterCreate(3, RecommendationActionStepsModalComponent_For_4_Template, 13, 11, "div", 3, _forTrack0$H);
45085
45093
  i0.ɵɵelementEnd();
45086
45094
  i0.ɵɵconditionalCreate(5, RecommendationActionStepsModalComponent_Conditional_5_Template, 4, 5, "div", 4);
45087
45095
  i0.ɵɵelementEnd();
@@ -45164,7 +45172,7 @@ class RecommendationActionStepsModalComponent {
45164
45172
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecommendationActionStepsModalComponent, { className: "RecommendationActionStepsModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/recommendation-action-steps-modal.component.ts", lineNumber: 69 }); })();
45165
45173
 
45166
45174
  const _c0$J = ["modalContent"];
45167
- const _c1$j = ["modalWrapper"];
45175
+ const _c1$k = ["modalWrapper"];
45168
45176
  function BusinessAnalysisModalComponent_Conditional_0_Conditional_7_For_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
45169
45177
  const _r4 = i0.ɵɵgetCurrentView();
45170
45178
  i0.ɵɵelementStart(0, "button", 26);
@@ -45679,7 +45687,7 @@ class BusinessAnalysisModalComponent {
45679
45687
  static { this.ɵfac = function BusinessAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BusinessAnalysisModalComponent)(); }; }
45680
45688
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BusinessAnalysisModalComponent, selectors: [["symphiq-business-analysis-modal"]], viewQuery: function BusinessAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
45681
45689
  i0.ɵɵviewQuery(_c0$J, 5);
45682
- i0.ɵɵviewQuery(_c1$j, 5);
45690
+ i0.ɵɵviewQuery(_c1$k, 5);
45683
45691
  } if (rf & 2) {
45684
45692
  let _t;
45685
45693
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
@@ -46545,7 +46553,7 @@ class SearchButtonComponent {
46545
46553
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchButtonComponent, { className: "SearchButtonComponent", filePath: "lib/components/shared/search-button.component.ts", lineNumber: 30 }); })();
46546
46554
 
46547
46555
  const _c0$I = [[["", "expandedControls", ""]], [["", "condensedLeftContent", ""]], [["", "condensedControls", ""]]];
46548
- const _c1$i = ["[expandedControls]", "[condensedLeftContent]", "[condensedControls]"];
46556
+ const _c1$j = ["[expandedControls]", "[condensedLeftContent]", "[condensedControls]"];
46549
46557
  function DashboardHeaderComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
46550
46558
  i0.ɵɵelement(0, "div", 7);
46551
46559
  } }
@@ -46790,7 +46798,7 @@ class DashboardHeaderComponent {
46790
46798
  : 'bg-slate-800 hover:bg-slate-700 text-slate-300 border border-slate-700';
46791
46799
  }
46792
46800
  static { this.ɵfac = function DashboardHeaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardHeaderComponent)(); }; }
46793
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardHeaderComponent, selectors: [["symphiq-dashboard-header"]], inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], viewModeLabel: [1, "viewModeLabel"], currentSection: [1, "currentSection"], currentSubsection: [1, "currentSubsection"], sectionFading: [1, "sectionFading"], subsectionFading: [1, "subsectionFading"], isLoading: [1, "isLoading"], showControls: [1, "showControls"], hasCondensedLeftContent: [1, "hasCondensedLeftContent"], size: [1, "size"] }, outputs: { searchClick: "searchClick", viewModeClick: "viewModeClick" }, ngContentSelectors: _c1$i, decls: 28, vars: 27, consts: [[1, "sticky", "top-0", "z-50", "overflow-hidden", 2, "transition", "height 300ms ease-in-out", 3, "ngClass"], [1, "transition-opacity", "duration-300", "ease-in-out", "h-full"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4", "h-full", "flex", "items-center"], [1, "flex", "items-center", "justify-between", "w-full"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-3", "min-w-0"], [1, "truncate", 3, "mouseenter", "mouseleave", "ngClass"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [3, "ngClass"], [1, "flex", "items-center", "gap-4"], [1, "flex", "flex-col", "gap-1", "min-w-[180px]"], [1, "absolute", "inset-x-0", "top-0", "h-full", "transition-opacity", "duration-300", "ease-in-out"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "h-full", "flex", "items-center"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0", "mr-4"], [1, "flex-shrink-0", "!mb-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "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", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "text-left", "sm:text-right"], [1, "text-xs"], [1, "text-sm", "font-medium"], [1, "hidden", "sm:inline", 3, "ngClass"], [1, "hidden", "sm:block", "truncate", "min-w-0", 3, "ngClass"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"]], template: function DashboardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
46801
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardHeaderComponent, selectors: [["symphiq-dashboard-header"]], inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], viewModeLabel: [1, "viewModeLabel"], currentSection: [1, "currentSection"], currentSubsection: [1, "currentSubsection"], sectionFading: [1, "sectionFading"], subsectionFading: [1, "subsectionFading"], isLoading: [1, "isLoading"], showControls: [1, "showControls"], hasCondensedLeftContent: [1, "hasCondensedLeftContent"], size: [1, "size"] }, outputs: { searchClick: "searchClick", viewModeClick: "viewModeClick" }, ngContentSelectors: _c1$j, decls: 28, vars: 27, consts: [[1, "sticky", "top-0", "z-50", "overflow-hidden", 2, "transition", "height 300ms ease-in-out", 3, "ngClass"], [1, "transition-opacity", "duration-300", "ease-in-out", "h-full"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4", "h-full", "flex", "items-center"], [1, "flex", "items-center", "justify-between", "w-full"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-3", "min-w-0"], [1, "truncate", 3, "mouseenter", "mouseleave", "ngClass"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [3, "ngClass"], [1, "flex", "items-center", "gap-4"], [1, "flex", "flex-col", "gap-1", "min-w-[180px]"], [1, "absolute", "inset-x-0", "top-0", "h-full", "transition-opacity", "duration-300", "ease-in-out"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "h-full", "flex", "items-center"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0", "mr-4"], [1, "flex-shrink-0", "!mb-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "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", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "text-left", "sm:text-right"], [1, "text-xs"], [1, "text-sm", "font-medium"], [1, "hidden", "sm:inline", 3, "ngClass"], [1, "hidden", "sm:block", "truncate", "min-w-0", 3, "ngClass"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"]], template: function DashboardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
46794
46802
  i0.ɵɵprojectionDef(_c0$I);
46795
46803
  i0.ɵɵelementStart(0, "header", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5)(6, "h1", 6);
46796
46804
  i0.ɵɵlistener("mouseenter", function DashboardHeaderComponent_Template_h1_mouseenter_6_listener($event) { return ctx.onTitleMouseEnter($event); })("mouseleave", function DashboardHeaderComponent_Template_h1_mouseleave_6_listener() { return ctx.onTitleMouseLeave(); });
@@ -46988,12 +46996,12 @@ class DashboardHeaderComponent {
46988
46996
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardHeaderComponent, { className: "DashboardHeaderComponent", filePath: "lib/components/shared/dashboard-header.component.ts", lineNumber: 140 }); })();
46989
46997
 
46990
46998
  const _c0$H = ["dashboardContainer"];
46991
- const _c1$h = () => ({});
46999
+ const _c1$i = () => ({});
46992
47000
  const _c2$c = () => [1, 2, 3, 4, 5, 6];
46993
47001
  const _c3$8 = () => [1, 2, 3];
46994
47002
  const _c4$5 = () => [1, 2, 3, 4];
46995
47003
  const _c5$3 = () => [1, 2];
46996
- const _forTrack0$F = ($index, $item) => $item.value;
47004
+ const _forTrack0$G = ($index, $item) => $item.value;
46997
47005
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_7_For_6_Template(rf, ctx) { if (rf & 1) {
46998
47006
  i0.ɵɵelementStart(0, "option", 26);
46999
47007
  i0.ɵɵtext(1);
@@ -47013,7 +47021,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_7_Template(rf, ctx)
47013
47021
  i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_7_Template_div_click_3_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_7_Template_div_mousedown_3_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_7_Template_div_pointerdown_3_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); });
47014
47022
  i0.ɵɵelementStart(4, "select", 25);
47015
47023
  i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_7_Template_select_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeSectionFilter($event)); });
47016
- i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_7_For_6_Template, 2, 2, "option", 26, _forTrack0$F);
47024
+ i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_7_For_6_Template, 2, 2, "option", 26, _forTrack0$G);
47017
47025
  i0.ɵɵelementEnd()()();
47018
47026
  } if (rf & 2) {
47019
47027
  const ctx_r2 = i0.ɵɵnextContext();
@@ -47065,7 +47073,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_11_Template(rf, ctx
47065
47073
  i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_11_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_11_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_11_Template_div_pointerdown_0_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); });
47066
47074
  i0.ɵɵelementStart(1, "select", 30);
47067
47075
  i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_11_Template_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeSectionFilter($event)); });
47068
- i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_11_For_3_Template, 2, 2, "option", 26, _forTrack0$F);
47076
+ i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_11_For_3_Template, 2, 2, "option", 26, _forTrack0$G);
47069
47077
  i0.ɵɵelementEnd()();
47070
47078
  } if (rf & 2) {
47071
47079
  const ctx_r2 = i0.ɵɵnextContext();
@@ -47276,7 +47284,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_8_Co
47276
47284
  i0.ɵɵelementEnd();
47277
47285
  } if (rf & 2) {
47278
47286
  const ctx_r2 = i0.ɵɵnextContext(3);
47279
- i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$h))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", true)("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
47287
+ i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$i))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", true)("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
47280
47288
  } }
47281
47289
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
47282
47290
  i0.ɵɵelementStart(0, "div", 56);
@@ -47428,7 +47436,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_2_Co
47428
47436
  i0.ɵɵelementEnd();
47429
47437
  } if (rf & 2) {
47430
47438
  const ctx_r2 = i0.ɵɵnextContext(3);
47431
- i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$h))("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())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
47439
+ i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$i))("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())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
47432
47440
  } }
47433
47441
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_2_Template(rf, ctx) { if (rf & 1) {
47434
47442
  i0.ɵɵelementStart(0, "div", 78);
@@ -47841,7 +47849,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_4_Te
47841
47849
  i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_4_Conditional_14_Template, 2, 0, "div", 107);
47842
47850
  i0.ɵɵelementStart(15, "select", 108);
47843
47851
  i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_4_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
47844
- i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$F);
47852
+ i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$G);
47845
47853
  i0.ɵɵelementEnd();
47846
47854
  i0.ɵɵelementStart(18, "button", 109);
47847
47855
  i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_4_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
@@ -47855,7 +47863,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_4_Te
47855
47863
  i0.ɵɵtext(23, "Sort");
47856
47864
  i0.ɵɵelementEnd()()()();
47857
47865
  i0.ɵɵelementStart(24, "div", 113)(25, "div", 114);
47858
- i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$F);
47866
+ i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$G);
47859
47867
  i0.ɵɵelementEnd()()();
47860
47868
  i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_4_Conditional_28_Template, 3, 1, "div", 115)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_4_Conditional_29_Template, 4, 5, "div", 116);
47861
47869
  i0.ɵɵelementEnd()();
@@ -48032,7 +48040,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_5_Te
48032
48040
  i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_5_Conditional_12_Template, 2, 0, "div", 107);
48033
48041
  i0.ɵɵelementStart(13, "select", 150);
48034
48042
  i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_5_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
48035
- i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$F);
48043
+ i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$G);
48036
48044
  i0.ɵɵelementEnd()()();
48037
48045
  i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_5_Conditional_16_Template, 3, 1, "div", 80)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_5_Conditional_17_Template, 4, 5, "div", 151);
48038
48046
  i0.ɵɵelementEnd()();
@@ -48143,7 +48151,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_6_Te
48143
48151
  i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_6_Conditional_13_Template, 2, 0, "div", 107);
48144
48152
  i0.ɵɵelementStart(14, "select", 108);
48145
48153
  i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_6_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
48146
- i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$F);
48154
+ i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$G);
48147
48155
  i0.ɵɵelementEnd()()();
48148
48156
  i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_6_Conditional_17_Template, 6, 5, "div", 80)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_18_Conditional_6_Conditional_18_Template, 1, 6, "symphiq-competitive-intelligence-view", 77);
48149
48157
  i0.ɵɵelementEnd()();
@@ -50634,7 +50642,7 @@ function getTrendClasses(trendPercent, viewMode) {
50634
50642
  }
50635
50643
  }
50636
50644
 
50637
- const _forTrack0$E = ($index, $item) => $item.performanceItemId;
50645
+ const _forTrack0$F = ($index, $item) => $item.performanceItemId;
50638
50646
  function SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
50639
50647
  i0.ɵɵelementStart(0, "div", 17)(1, "p", 18);
50640
50648
  i0.ɵɵtext(2);
@@ -51253,7 +51261,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
51253
51261
  i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template, 3, 7, "div", 9);
51254
51262
  i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisPreviewComponent_Conditional_13_Template, 18, 23, "div", 10);
51255
51263
  i0.ɵɵelementStart(14, "div", 11);
51256
- i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisPreviewComponent_For_16_Template, 10, 17, "div", 12, _forTrack0$E);
51264
+ i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisPreviewComponent_For_16_Template, 10, 17, "div", 12, _forTrack0$F);
51257
51265
  i0.ɵɵelementEnd();
51258
51266
  i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisPreviewComponent_Conditional_17_Template, 9, 11, "div", 9);
51259
51267
  i0.ɵɵconditionalCreate(18, SymphiqFunnelAnalysisPreviewComponent_Conditional_18_Template, 14, 19, "div", 9);
@@ -51496,7 +51504,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
51496
51504
  }], () => [], { analysisInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], onViewAnalysis: [{ type: i0.Output, args: ["onViewAnalysis"] }] }); })();
51497
51505
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisPreviewComponent, { className: "SymphiqFunnelAnalysisPreviewComponent", filePath: "lib/components/funnel-analysis-preview/symphiq-funnel-analysis-preview.component.ts", lineNumber: 228 }); })();
51498
51506
 
51499
- const _forTrack0$D = ($index, $item) => $item.id;
51507
+ const _forTrack0$E = ($index, $item) => $item.id;
51500
51508
  function SymphiqWelcomeDashboardComponent_For_51_Template(rf, ctx) { if (rf & 1) {
51501
51509
  i0.ɵɵelementStart(0, "div", 27)(1, "div", 32)(2, "div", 33)(3, "span", 34);
51502
51510
  i0.ɵɵtext(4);
@@ -51771,7 +51779,7 @@ class SymphiqWelcomeDashboardComponent {
51771
51779
  i0.ɵɵtext(48, " Your Onboarding Journey ");
51772
51780
  i0.ɵɵelementEnd();
51773
51781
  i0.ɵɵelementStart(49, "div", 26);
51774
- i0.ɵɵrepeaterCreate(50, SymphiqWelcomeDashboardComponent_For_51_Template, 9, 3, "div", 27, _forTrack0$D);
51782
+ i0.ɵɵrepeaterCreate(50, SymphiqWelcomeDashboardComponent_For_51_Template, 9, 3, "div", 27, _forTrack0$E);
51775
51783
  i0.ɵɵelementEnd()()();
51776
51784
  i0.ɵɵelementStart(52, "div", 28);
51777
51785
  i0.ɵɵnamespaceSVG();
@@ -52757,7 +52765,7 @@ class FocusAreaToolsModalComponent {
52757
52765
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaToolsModalComponent, { className: "FocusAreaToolsModalComponent", filePath: "lib/components/create-account-dashboard/focus-area-tools-modal.component.ts", lineNumber: 149 }); })();
52758
52766
 
52759
52767
  const _c0$G = ["shopNameInput"];
52760
- const _forTrack0$C = ($index, $item) => $item.focusAreaDomain;
52768
+ const _forTrack0$D = ($index, $item) => $item.focusAreaDomain;
52761
52769
  function SymphiqCreateAccountDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
52762
52770
  i0.ɵɵelementStart(0, "div", 8);
52763
52771
  i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 12);
@@ -53102,7 +53110,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
53102
53110
  i0.ɵɵtext(3);
53103
53111
  i0.ɵɵelementEnd();
53104
53112
  i0.ɵɵelementStart(4, "div", 53);
53105
- i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 54, _forTrack0$C);
53113
+ i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 54, _forTrack0$D);
53106
53114
  i0.ɵɵelementEnd()();
53107
53115
  } if (rf & 2) {
53108
53116
  const ctx_r0 = i0.ɵɵnextContext(3);
@@ -53132,7 +53140,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
53132
53140
  i0.ɵɵtext(3);
53133
53141
  i0.ɵɵelementEnd();
53134
53142
  i0.ɵɵelementStart(4, "div", 63);
53135
- i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 64, _forTrack0$C);
53143
+ i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 64, _forTrack0$D);
53136
53144
  i0.ɵɵelementEnd()();
53137
53145
  } if (rf & 2) {
53138
53146
  const ctx_r0 = i0.ɵɵnextContext(3);
@@ -53162,7 +53170,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
53162
53170
  i0.ɵɵtext(3);
53163
53171
  i0.ɵɵelementEnd();
53164
53172
  i0.ɵɵelementStart(4, "div", 66);
53165
- i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 67, _forTrack0$C);
53173
+ i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 67, _forTrack0$D);
53166
53174
  i0.ɵɵelementEnd()();
53167
53175
  } if (rf & 2) {
53168
53176
  const ctx_r0 = i0.ɵɵnextContext(3);
@@ -54502,7 +54510,7 @@ class SymphiqCreateAccountDashboardComponent {
54502
54510
  }] }); })();
54503
54511
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 603 }); })();
54504
54512
 
54505
- const _forTrack0$B = ($index, $item) => $item.id;
54513
+ const _forTrack0$C = ($index, $item) => $item.id;
54506
54514
  function SymphiqConnectGaDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
54507
54515
  i0.ɵɵelementStart(0, "div", 7)(1, "div", 9)(2, "div", 10);
54508
54516
  i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 11);
@@ -54731,7 +54739,7 @@ function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_T
54731
54739
  function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Template(rf, ctx) { if (rf & 1) {
54732
54740
  const _r5 = i0.ɵɵgetCurrentView();
54733
54741
  i0.ɵɵelementStart(0, "div", 52);
54734
- i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template, 11, 8, "label", 53, _forTrack0$B);
54742
+ i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template, 11, 8, "label", 53, _forTrack0$C);
54735
54743
  i0.ɵɵelementEnd();
54736
54744
  i0.ɵɵelement(3, "div", 54);
54737
54745
  i0.ɵɵelementStart(4, "button", 55);
@@ -56612,7 +56620,7 @@ class TargetChangeBadgeComponent {
56612
56620
  }], () => [{ type: i0.ElementRef }], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], percentageChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "percentageChange", required: false }] }], metric: [{ type: i0.Input, args: [{ isSignal: true, alias: "metric", required: false }] }], priorYear: [{ type: i0.Input, args: [{ isSignal: true, alias: "priorYear", required: false }] }], isCompact: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompact", required: false }] }] }); })();
56613
56621
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TargetChangeBadgeComponent, { className: "TargetChangeBadgeComponent", filePath: "lib/components/revenue-calculator-dashboard/target-change-badge.component.ts", lineNumber: 27 }); })();
56614
56622
 
56615
- const _forTrack0$A = ($index, $item) => $item.stageMetric.metric;
56623
+ const _forTrack0$B = ($index, $item) => $item.stageMetric.metric;
56616
56624
  const _forTrack1$5 = ($index, $item) => $item.calc.metric;
56617
56625
  function FunnelMetricsVisualizationComponent_For_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
56618
56626
  i0.ɵɵelementStart(0, "button", 7);
@@ -57129,7 +57137,7 @@ class FunnelMetricsVisualizationComponent {
57129
57137
  i0.ɵɵelementStart(0, "div", 0);
57130
57138
  i0.ɵɵelement(1, "symphiq-tooltip-container");
57131
57139
  i0.ɵɵelementStart(2, "div", 1);
57132
- i0.ɵɵrepeaterCreate(3, FunnelMetricsVisualizationComponent_For_4_Template, 28, 15, "div", 2, _forTrack0$A);
57140
+ i0.ɵɵrepeaterCreate(3, FunnelMetricsVisualizationComponent_For_4_Template, 28, 15, "div", 2, _forTrack0$B);
57133
57141
  i0.ɵɵelementEnd()();
57134
57142
  } if (rf & 2) {
57135
57143
  i0.ɵɵadvance(3);
@@ -59005,7 +59013,7 @@ class ProgressToTargetChartComponent {
59005
59013
  }] }); })();
59006
59014
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProgressToTargetChartComponent, { className: "ProgressToTargetChartComponent", filePath: "lib/components/revenue-calculator-dashboard/progress-to-target-chart.component.ts", lineNumber: 67 }); })();
59007
59015
 
59008
- const _forTrack0$z = ($index, $item) => $item.metric;
59016
+ const _forTrack0$A = ($index, $item) => $item.metric;
59009
59017
  function MetricReportModalComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
59010
59018
  i0.ɵɵelementStart(0, "button", 9);
59011
59019
  i0.ɵɵnamespaceSVG();
@@ -59141,7 +59149,7 @@ function MetricReportModalComponent_Conditional_0_Conditional_62_Template(rf, ct
59141
59149
  i0.ɵɵtext(12, "Improve by");
59142
59150
  i0.ɵɵelementEnd()()();
59143
59151
  i0.ɵɵelementStart(13, "tbody");
59144
- i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_62_For_15_Template, 15, 7, "tr", 45, _forTrack0$z);
59152
+ i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_62_For_15_Template, 15, 7, "tr", 45, _forTrack0$A);
59145
59153
  i0.ɵɵelementEnd()()()();
59146
59154
  } if (rf & 2) {
59147
59155
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -60678,8 +60686,8 @@ class UserDisplayComponent {
60678
60686
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserDisplayComponent, { className: "UserDisplayComponent", filePath: "lib/components/shared/user-display.component.ts", lineNumber: 27 }); })();
60679
60687
 
60680
60688
  const _c0$C = ["absoluteInputRef"];
60681
- const _c1$g = ["percentageInputRef"];
60682
- const _forTrack0$y = ($index, $item) => $item.id;
60689
+ const _c1$h = ["percentageInputRef"];
60690
+ const _forTrack0$z = ($index, $item) => $item.id;
60683
60691
  function EditMetricTargetModalComponent_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
60684
60692
  const _r3 = i0.ɵɵgetCurrentView();
60685
60693
  i0.ɵɵelementStart(0, "div", 16);
@@ -61073,7 +61081,7 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Template(rf
61073
61081
  i0.ɵɵtext(8, "Amount set");
61074
61082
  i0.ɵɵelementEnd()();
61075
61083
  i0.ɵɵelementStart(9, "div", 59);
61076
- i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_34_For_11_Template, 7, 6, "div", 60, _forTrack0$y);
61084
+ i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_34_For_11_Template, 7, 6, "div", 60, _forTrack0$z);
61077
61085
  i0.ɵɵelementEnd()()();
61078
61086
  } if (rf & 2) {
61079
61087
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -61844,7 +61852,7 @@ class EditMetricTargetModalComponent {
61844
61852
  static { this.ɵfac = function EditMetricTargetModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EditMetricTargetModalComponent)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
61845
61853
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditMetricTargetModalComponent, selectors: [["symphiq-edit-metric-target-modal"]], viewQuery: function EditMetricTargetModalComponent_Query(rf, ctx) { if (rf & 1) {
61846
61854
  i0.ɵɵviewQuery(_c0$C, 5);
61847
- i0.ɵɵviewQuery(_c1$g, 5);
61855
+ i0.ɵɵviewQuery(_c1$h, 5);
61848
61856
  } if (rf & 2) {
61849
61857
  let _t;
61850
61858
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
@@ -62274,7 +62282,7 @@ class EditMetricTargetModalComponent {
62274
62282
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditMetricTargetModalComponent, { className: "EditMetricTargetModalComponent", filePath: "lib/components/revenue-calculator-dashboard/edit-metric-target-modal.component.ts", lineNumber: 404 }); })();
62275
62283
 
62276
62284
  const _c0$B = ["absoluteInputRef"];
62277
- const _c1$f = ["percentageInputRef"];
62285
+ const _c1$g = ["percentageInputRef"];
62278
62286
  function InitialTargetSettingComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
62279
62287
  i0.ɵɵtext(0);
62280
62288
  } if (rf & 2) {
@@ -63566,7 +63574,7 @@ class InitialTargetSettingComponent {
63566
63574
  static { this.ɵfac = function InitialTargetSettingComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InitialTargetSettingComponent)(); }; }
63567
63575
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InitialTargetSettingComponent, selectors: [["symphiq-initial-target-setting"]], viewQuery: function InitialTargetSettingComponent_Query(rf, ctx) { if (rf & 1) {
63568
63576
  i0.ɵɵviewQuery(_c0$B, 5);
63569
- i0.ɵɵviewQuery(_c1$f, 5);
63577
+ i0.ɵɵviewQuery(_c1$g, 5);
63570
63578
  } if (rf & 2) {
63571
63579
  let _t;
63572
63580
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
@@ -65019,7 +65027,7 @@ class HierarchyDisplayComponent {
65019
65027
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HierarchyDisplayComponent, { className: "HierarchyDisplayComponent", filePath: "lib/components/business-analysis-dashboard/hierarchy-display.component.ts", lineNumber: 119 }); })();
65020
65028
 
65021
65029
  const _c0$z = a0 => ({ name: "chart-bar", source: a0 });
65022
- const _c1$e = a0 => ({ name: "light-bulb", source: a0 });
65030
+ const _c1$f = a0 => ({ name: "light-bulb", source: a0 });
65023
65031
  function CompetitiveBenchmarkCardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
65024
65032
  const _r1 = i0.ɵɵgetCurrentView();
65025
65033
  i0.ɵɵelementStart(0, "div", 7)(1, "button", 8);
@@ -65224,7 +65232,7 @@ class CompetitiveBenchmarkCardComponent {
65224
65232
  i0.ɵɵadvance();
65225
65233
  i0.ɵɵproperty("ngClass", ctx.getSectionClasses());
65226
65234
  i0.ɵɵadvance(2);
65227
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(23, _c1$e, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.getSectionIconClasses());
65235
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(23, _c1$f, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.getSectionIconClasses());
65228
65236
  i0.ɵɵadvance();
65229
65237
  i0.ɵɵproperty("ngClass", ctx.getSectionTitleClasses());
65230
65238
  i0.ɵɵadvance(2);
@@ -66005,7 +66013,7 @@ class FloatingBackButtonComponent {
66005
66013
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FloatingBackButtonComponent, { className: "FloatingBackButtonComponent", filePath: "lib/components/business-analysis-dashboard/floating-back-button.component.ts", lineNumber: 70 }); })();
66006
66014
 
66007
66015
  const _c0$y = ["searchInput"];
66008
- const _forTrack0$x = ($index, $item) => $item.id;
66016
+ const _forTrack0$y = ($index, $item) => $item.id;
66009
66017
  function SearchModalComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
66010
66018
  const _r3 = i0.ɵɵgetCurrentView();
66011
66019
  i0.ɵɵelementStart(0, "button", 18);
@@ -66133,7 +66141,7 @@ function SearchModalComponent_Conditional_0_Conditional_14_For_2_Template(rf, ct
66133
66141
  } }
66134
66142
  function SearchModalComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
66135
66143
  i0.ɵɵelementStart(0, "div", 15);
66136
- i0.ɵɵrepeaterCreate(1, SearchModalComponent_Conditional_0_Conditional_14_For_2_Template, 17, 13, "button", 19, _forTrack0$x);
66144
+ i0.ɵɵrepeaterCreate(1, SearchModalComponent_Conditional_0_Conditional_14_For_2_Template, 17, 13, "button", 19, _forTrack0$y);
66137
66145
  i0.ɵɵelementEnd();
66138
66146
  } if (rf & 2) {
66139
66147
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -67267,7 +67275,7 @@ class SimplifiedRecommendationCardComponent {
67267
67275
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimplifiedRecommendationCardComponent, { className: "SimplifiedRecommendationCardComponent", filePath: "lib/components/business-analysis-dashboard/simplified-recommendation-card.component.ts", lineNumber: 121 }); })();
67268
67276
 
67269
67277
  const _c0$x = () => [0, 1, 2];
67270
- const _forTrack0$w = ($index, $item) => $item.id;
67278
+ const _forTrack0$x = ($index, $item) => $item.id;
67271
67279
  function RecommendationsTiledGridComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
67272
67280
  i0.ɵɵelementStart(0, "div", 9);
67273
67281
  i0.ɵɵtext(1);
@@ -67291,7 +67299,7 @@ function RecommendationsTiledGridComponent_Conditional_14_For_2_Template(rf, ctx
67291
67299
  } }
67292
67300
  function RecommendationsTiledGridComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
67293
67301
  i0.ɵɵelementStart(0, "div", 11);
67294
- i0.ɵɵrepeaterCreate(1, RecommendationsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-recommendation-card", 13, _forTrack0$w);
67302
+ i0.ɵɵrepeaterCreate(1, RecommendationsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-recommendation-card", 13, _forTrack0$x);
67295
67303
  i0.ɵɵelementEnd();
67296
67304
  } if (rf & 2) {
67297
67305
  const ctx_r0 = i0.ɵɵnextContext();
@@ -67583,7 +67591,7 @@ class RecommendationsTiledGridComponent {
67583
67591
  }], null, { recommendations: [{ type: i0.Input, args: [{ isSignal: true, alias: "recommendations", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], viewMoreClick: [{ type: i0.Output, args: ["viewMoreClick"] }] }); })();
67584
67592
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecommendationsTiledGridComponent, { className: "RecommendationsTiledGridComponent", filePath: "lib/components/business-analysis-dashboard/recommendations-tiled-grid.component.ts", lineNumber: 92 }); })();
67585
67593
 
67586
- const _forTrack0$v = ($index, $item) => $item.id;
67594
+ const _forTrack0$w = ($index, $item) => $item.id;
67587
67595
  function CollapsibleSectionGroupComponent_For_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
67588
67596
  i0.ɵɵelementStart(0, "div", 20);
67589
67597
  i0.ɵɵelement(1, "symphiq-icon", 30);
@@ -67810,7 +67818,7 @@ class CollapsibleSectionGroupComponent {
67810
67818
  i0.ɵɵtext(20, " The information below was gathered from your website and competitor research. While recommendations above are based on this initial analysis, connecting your GA4 data will provide quantitative insights that dramatically improve recommendation accuracy. ");
67811
67819
  i0.ɵɵelementEnd()()();
67812
67820
  i0.ɵɵelementStart(21, "div", 16);
67813
- i0.ɵɵrepeaterCreate(22, CollapsibleSectionGroupComponent_For_23_Template, 15, 17, "div", 17, _forTrack0$v);
67821
+ i0.ɵɵrepeaterCreate(22, CollapsibleSectionGroupComponent_For_23_Template, 15, 17, "div", 17, _forTrack0$w);
67814
67822
  i0.ɵɵelementEnd()()();
67815
67823
  } if (rf & 2) {
67816
67824
  i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -69613,7 +69621,7 @@ class MetricWelcomeBannerComponent {
69613
69621
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricWelcomeBannerComponent, { className: "MetricWelcomeBannerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-welcome-banner.component.ts", lineNumber: 100 }); })();
69614
69622
 
69615
69623
  const _c0$v = a0 => ({ name: "chevron-right", source: a0 });
69616
- const _forTrack0$u = ($index, $item) => $item.id;
69624
+ const _forTrack0$v = ($index, $item) => $item.id;
69617
69625
  function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
69618
69626
  const _r1 = i0.ɵɵgetCurrentView();
69619
69627
  i0.ɵɵelementStart(0, "button", 2);
@@ -69634,7 +69642,7 @@ function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (r
69634
69642
  } }
69635
69643
  function RelatedGoalChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
69636
69644
  i0.ɵɵelementStart(0, "div", 0);
69637
- i0.ɵɵrepeaterCreate(1, RelatedGoalChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$u);
69645
+ i0.ɵɵrepeaterCreate(1, RelatedGoalChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$v);
69638
69646
  i0.ɵɵelementEnd();
69639
69647
  } if (rf & 2) {
69640
69648
  const ctx_r2 = i0.ɵɵnextContext();
@@ -69704,7 +69712,7 @@ class RelatedGoalChipsComponent {
69704
69712
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedGoalChipsComponent, { className: "RelatedGoalChipsComponent", filePath: "lib/components/profile-analysis-shop-dashboard/shared/related-goal-chips.component.ts", lineNumber: 31 }); })();
69705
69713
 
69706
69714
  const _c0$u = a0 => ({ name: "chart-bar", source: a0 });
69707
- const _c1$d = a0 => ({ name: "arrow-right", source: a0 });
69715
+ const _c1$e = a0 => ({ name: "arrow-right", source: a0 });
69708
69716
  const _c2$b = a0 => ({ name: "signal", source: a0 });
69709
69717
  const _c3$7 = (a0, a1) => ({ name: a0, source: a1 });
69710
69718
  const _c4$4 = a0 => ({ name: "flag", source: a0 });
@@ -70328,7 +70336,7 @@ class MetricExecutiveSummaryComponent {
70328
70336
  i0.ɵɵadvance(2);
70329
70337
  i0.ɵɵproperty("ngClass", ctx.viewDetailsButtonClasses());
70330
70338
  i0.ɵɵadvance(3);
70331
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(22, _c1$d, ctx.iconSource));
70339
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(22, _c1$e, ctx.iconSource));
70332
70340
  i0.ɵɵadvance();
70333
70341
  i0.ɵɵproperty("ngClass", ctx.viewReportButtonClasses());
70334
70342
  i0.ɵɵadvance(5);
@@ -72077,7 +72085,7 @@ class CapabilityMatrixCardComponent {
72077
72085
  }], () => [], { capability: [{ type: i0.Input, args: [{ isSignal: true, alias: "capability", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }] }); })();
72078
72086
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CapabilityMatrixCardComponent, { className: "CapabilityMatrixCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/capability-matrix-card.component.ts", lineNumber: 118 }); })();
72079
72087
 
72080
- const _forTrack0$t = ($index, $item) => $item.competitorId || $index;
72088
+ const _forTrack0$u = ($index, $item) => $item.competitorId || $index;
72081
72089
  function CompetitiveComparisonCardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
72082
72090
  i0.ɵɵelementStart(0, "span", 15);
72083
72091
  i0.ɵɵtext(1);
@@ -72190,7 +72198,7 @@ function CompetitiveComparisonCardComponent_Conditional_13_Template(rf, ctx) { i
72190
72198
  i0.ɵɵelementStart(0, "div", 12)(1, "h6", 21);
72191
72199
  i0.ɵɵtext(2, " Competitor Positions ");
72192
72200
  i0.ɵɵelementEnd();
72193
- i0.ɵɵrepeaterCreate(3, CompetitiveComparisonCardComponent_Conditional_13_For_4_Template, 7, 6, "div", 22, _forTrack0$t);
72201
+ i0.ɵɵrepeaterCreate(3, CompetitiveComparisonCardComponent_Conditional_13_For_4_Template, 7, 6, "div", 22, _forTrack0$u);
72194
72202
  i0.ɵɵelementEnd();
72195
72203
  } if (rf & 2) {
72196
72204
  const ctx_r1 = i0.ɵɵnextContext();
@@ -72579,7 +72587,7 @@ class CompetitiveComparisonCardComponent {
72579
72587
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveComparisonCardComponent, { className: "CompetitiveComparisonCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/competitive-comparison-card.component.ts", lineNumber: 126 }); })();
72580
72588
 
72581
72589
  const _c0$r = a0 => ({ name: "chevron-right", source: a0 });
72582
- const _forTrack0$s = ($index, $item) => $item.id;
72590
+ const _forTrack0$t = ($index, $item) => $item.id;
72583
72591
  function PhaseTimelineCardComponent_Conditional_8_For_7_Template(rf, ctx) { if (rf & 1) {
72584
72592
  const _r1 = i0.ɵɵgetCurrentView();
72585
72593
  i0.ɵɵelementStart(0, "button", 15);
@@ -72608,7 +72616,7 @@ function PhaseTimelineCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1
72608
72616
  i0.ɵɵelementEnd();
72609
72617
  i0.ɵɵnamespaceHTML();
72610
72618
  i0.ɵɵelementStart(5, "div", 13);
72611
- i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_8_For_7_Template, 4, 5, "button", 14, _forTrack0$s);
72619
+ i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_8_For_7_Template, 4, 5, "button", 14, _forTrack0$t);
72612
72620
  i0.ɵɵelementEnd()();
72613
72621
  } if (rf & 2) {
72614
72622
  const ctx_r2 = i0.ɵɵnextContext();
@@ -72645,7 +72653,7 @@ function PhaseTimelineCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1
72645
72653
  i0.ɵɵelementEnd();
72646
72654
  i0.ɵɵnamespaceHTML();
72647
72655
  i0.ɵɵelementStart(5, "div", 18);
72648
- i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_9_For_7_Template, 4, 5, "button", 14, _forTrack0$s);
72656
+ i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_9_For_7_Template, 4, 5, "button", 14, _forTrack0$t);
72649
72657
  i0.ɵɵelementEnd()();
72650
72658
  } if (rf & 2) {
72651
72659
  const ctx_r2 = i0.ɵɵnextContext();
@@ -73658,8 +73666,8 @@ class OperationalCategoryCardComponent {
73658
73666
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OperationalCategoryCardComponent, { className: "OperationalCategoryCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/operational-category-card.component.ts", lineNumber: 164 }); })();
73659
73667
 
73660
73668
  const _c0$p = a0 => ({ name: "arrow-trending-up", source: a0 });
73661
- const _c1$c = a0 => ({ name: "chat-bubble-left-right", source: a0 });
73662
- const _forTrack0$r = ($index, $item) => $item.questionId;
73669
+ const _c1$d = a0 => ({ name: "chat-bubble-left-right", source: a0 });
73670
+ const _forTrack0$s = ($index, $item) => $item.questionId;
73663
73671
  function KeyDriverCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
73664
73672
  i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
73665
73673
  i0.ɵɵtext(2);
@@ -73679,13 +73687,13 @@ function KeyDriverCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
73679
73687
  i0.ɵɵelementStart(3, "span", 12);
73680
73688
  i0.ɵɵtext(4, " Supporting Profile Insights ");
73681
73689
  i0.ɵɵelementEnd()();
73682
- i0.ɵɵrepeaterCreate(5, KeyDriverCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$r);
73690
+ i0.ɵɵrepeaterCreate(5, KeyDriverCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$s);
73683
73691
  i0.ɵɵelementEnd();
73684
73692
  } if (rf & 2) {
73685
73693
  const ctx_r1 = i0.ɵɵnextContext();
73686
73694
  i0.ɵɵproperty("ngClass", ctx_r1.supportingAnswersClasses());
73687
73695
  i0.ɵɵadvance(2);
73688
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$c, ctx_r1.iconSource))("ngClass", ctx_r1.supportingLabelClasses());
73696
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$d, ctx_r1.iconSource))("ngClass", ctx_r1.supportingLabelClasses());
73689
73697
  i0.ɵɵadvance();
73690
73698
  i0.ɵɵproperty("ngClass", ctx_r1.supportingLabelClasses());
73691
73699
  i0.ɵɵadvance(2);
@@ -73868,8 +73876,8 @@ class KeyDriverCardComponent {
73868
73876
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyDriverCardComponent, { className: "KeyDriverCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/key-driver-card.component.ts", lineNumber: 73 }); })();
73869
73877
 
73870
73878
  const _c0$o = a0 => ({ name: "exclamation-triangle", source: a0 });
73871
- const _c1$b = a0 => ({ name: "chat-bubble-left-right", source: a0 });
73872
- const _forTrack0$q = ($index, $item) => $item.questionId;
73879
+ const _c1$c = a0 => ({ name: "chat-bubble-left-right", source: a0 });
73880
+ const _forTrack0$r = ($index, $item) => $item.questionId;
73873
73881
  function BottleneckCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
73874
73882
  i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
73875
73883
  i0.ɵɵtext(2);
@@ -73889,13 +73897,13 @@ function BottleneckCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1)
73889
73897
  i0.ɵɵelementStart(3, "span", 12);
73890
73898
  i0.ɵɵtext(4, " Supporting Profile Insights ");
73891
73899
  i0.ɵɵelementEnd()();
73892
- i0.ɵɵrepeaterCreate(5, BottleneckCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$q);
73900
+ i0.ɵɵrepeaterCreate(5, BottleneckCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$r);
73893
73901
  i0.ɵɵelementEnd();
73894
73902
  } if (rf & 2) {
73895
73903
  const ctx_r1 = i0.ɵɵnextContext();
73896
73904
  i0.ɵɵproperty("ngClass", ctx_r1.supportingAnswersClasses());
73897
73905
  i0.ɵɵadvance(2);
73898
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$b, ctx_r1.iconSource))("ngClass", ctx_r1.supportingLabelClasses());
73906
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$c, ctx_r1.iconSource))("ngClass", ctx_r1.supportingLabelClasses());
73899
73907
  i0.ɵɵadvance();
73900
73908
  i0.ɵɵproperty("ngClass", ctx_r1.supportingLabelClasses());
73901
73909
  i0.ɵɵadvance(2);
@@ -74095,20 +74103,25 @@ class BottleneckCardComponent {
74095
74103
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BottleneckCardComponent, { className: "BottleneckCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/bottleneck-card.component.ts", lineNumber: 104 }); })();
74096
74104
 
74097
74105
  const _c0$n = a0 => ({ name: "arrow-right", source: a0 });
74098
- const _c1$a = a0 => ({ name: "arrow-left", source: a0 });
74106
+ const _c1$b = a0 => ({ name: "arrow-left", source: a0 });
74099
74107
  const _c2$a = a0 => ({ name: "arrows-right-left", source: a0 });
74100
74108
  const _c3$6 = a0 => ({ name: "scale", source: a0 });
74101
- const _forTrack0$p = ($index, $item) => $item.metric;
74109
+ const _forTrack0$q = ($index, $item) => $item.metric;
74102
74110
  function MetricRelationshipsCardComponent_Conditional_1_For_8_Template(rf, ctx) { if (rf & 1) {
74103
- i0.ɵɵelementStart(0, "span", 7);
74111
+ const _r1 = i0.ɵɵgetCurrentView();
74112
+ i0.ɵɵelementStart(0, "button", 8);
74113
+ i0.ɵɵlistener("click", function MetricRelationshipsCardComponent_Conditional_1_For_8_Template_button_click_0_listener() { const metric_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onMetricClick(metric_r2)); });
74104
74114
  i0.ɵɵtext(1);
74105
- i0.ɵɵelementEnd();
74115
+ i0.ɵɵnamespaceSVG();
74116
+ i0.ɵɵelementStart(2, "svg", 9);
74117
+ i0.ɵɵelement(3, "path", 10);
74118
+ i0.ɵɵelementEnd()();
74106
74119
  } if (rf & 2) {
74107
- const metric_r1 = ctx.$implicit;
74108
- const ctx_r1 = i0.ɵɵnextContext(2);
74109
- i0.ɵɵproperty("ngClass", ctx_r1.getMetricBadgeClasses("influences"));
74120
+ const metric_r2 = ctx.$implicit;
74121
+ const ctx_r2 = i0.ɵɵnextContext(2);
74122
+ i0.ɵɵproperty("ngClass", ctx_r2.getMetricBadgeClasses("influences"));
74110
74123
  i0.ɵɵadvance();
74111
- i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricName(metric_r1), " ");
74124
+ i0.ɵɵtextInterpolate1(" ", ctx_r2.getMetricTitle(metric_r2), " ");
74112
74125
  } }
74113
74126
  function MetricRelationshipsCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
74114
74127
  i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
@@ -74118,30 +74131,35 @@ function MetricRelationshipsCardComponent_Conditional_1_Template(rf, ctx) { if (
74118
74131
  i0.ɵɵtext(5, " Directly Influences ");
74119
74132
  i0.ɵɵelementEnd()();
74120
74133
  i0.ɵɵelementStart(6, "div", 6);
74121
- i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_1_For_8_Template, 2, 2, "span", 7, i0.ɵɵrepeaterTrackByIdentity);
74134
+ i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_1_For_8_Template, 4, 2, "button", 7, i0.ɵɵrepeaterTrackByIdentity);
74122
74135
  i0.ɵɵelementEnd()();
74123
74136
  } if (rf & 2) {
74124
- const ctx_r1 = i0.ɵɵnextContext();
74125
- i0.ɵɵproperty("ngClass", ctx_r1.sectionClasses());
74137
+ const ctx_r2 = i0.ɵɵnextContext();
74138
+ i0.ɵɵproperty("ngClass", ctx_r2.sectionClasses());
74126
74139
  i0.ɵɵadvance(2);
74127
- i0.ɵɵproperty("ngClass", ctx_r1.getIconClasses("influences"));
74140
+ i0.ɵɵproperty("ngClass", ctx_r2.getIconClasses("influences"));
74128
74141
  i0.ɵɵadvance();
74129
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$n, ctx_r1.iconSource));
74142
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c0$n, ctx_r2.iconSource));
74130
74143
  i0.ɵɵadvance();
74131
- i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
74144
+ i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
74132
74145
  i0.ɵɵadvance(3);
74133
- i0.ɵɵrepeater(ctx_r1.relationships().directlyInfluences);
74146
+ i0.ɵɵrepeater(ctx_r2.relationships().directlyInfluences);
74134
74147
  } }
74135
74148
  function MetricRelationshipsCardComponent_Conditional_2_For_8_Template(rf, ctx) { if (rf & 1) {
74136
- i0.ɵɵelementStart(0, "span", 7);
74149
+ const _r4 = i0.ɵɵgetCurrentView();
74150
+ i0.ɵɵelementStart(0, "button", 8);
74151
+ i0.ɵɵlistener("click", function MetricRelationshipsCardComponent_Conditional_2_For_8_Template_button_click_0_listener() { const metric_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onMetricClick(metric_r5)); });
74137
74152
  i0.ɵɵtext(1);
74138
- i0.ɵɵelementEnd();
74153
+ i0.ɵɵnamespaceSVG();
74154
+ i0.ɵɵelementStart(2, "svg", 9);
74155
+ i0.ɵɵelement(3, "path", 10);
74156
+ i0.ɵɵelementEnd()();
74139
74157
  } if (rf & 2) {
74140
- const metric_r3 = ctx.$implicit;
74141
- const ctx_r1 = i0.ɵɵnextContext(2);
74142
- i0.ɵɵproperty("ngClass", ctx_r1.getMetricBadgeClasses("influencedBy"));
74158
+ const metric_r5 = ctx.$implicit;
74159
+ const ctx_r2 = i0.ɵɵnextContext(2);
74160
+ i0.ɵɵproperty("ngClass", ctx_r2.getMetricBadgeClasses("influencedBy"));
74143
74161
  i0.ɵɵadvance();
74144
- i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricName(metric_r3), " ");
74162
+ i0.ɵɵtextInterpolate1(" ", ctx_r2.getMetricTitle(metric_r5), " ");
74145
74163
  } }
74146
74164
  function MetricRelationshipsCardComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
74147
74165
  i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
@@ -74151,43 +74169,43 @@ function MetricRelationshipsCardComponent_Conditional_2_Template(rf, ctx) { if (
74151
74169
  i0.ɵɵtext(5, " Directly Influenced By ");
74152
74170
  i0.ɵɵelementEnd()();
74153
74171
  i0.ɵɵelementStart(6, "div", 6);
74154
- i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_2_For_8_Template, 2, 2, "span", 7, i0.ɵɵrepeaterTrackByIdentity);
74172
+ i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_2_For_8_Template, 4, 2, "button", 7, i0.ɵɵrepeaterTrackByIdentity);
74155
74173
  i0.ɵɵelementEnd()();
74156
74174
  } if (rf & 2) {
74157
- const ctx_r1 = i0.ɵɵnextContext();
74158
- i0.ɵɵproperty("ngClass", ctx_r1.sectionClasses());
74175
+ const ctx_r2 = i0.ɵɵnextContext();
74176
+ i0.ɵɵproperty("ngClass", ctx_r2.sectionClasses());
74159
74177
  i0.ɵɵadvance(2);
74160
- i0.ɵɵproperty("ngClass", ctx_r1.getIconClasses("influencedBy"));
74178
+ i0.ɵɵproperty("ngClass", ctx_r2.getIconClasses("influencedBy"));
74161
74179
  i0.ɵɵadvance();
74162
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$a, ctx_r1.iconSource));
74180
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$b, ctx_r2.iconSource));
74163
74181
  i0.ɵɵadvance();
74164
- i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
74182
+ i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
74165
74183
  i0.ɵɵadvance(3);
74166
- i0.ɵɵrepeater(ctx_r1.relationships().directlyInfluencedBy);
74184
+ i0.ɵɵrepeater(ctx_r2.relationships().directlyInfluencedBy);
74167
74185
  } }
74168
74186
  function MetricRelationshipsCardComponent_Conditional_3_For_8_Template(rf, ctx) { if (rf & 1) {
74169
- i0.ɵɵelementStart(0, "div", 9)(1, "div", 10);
74170
- i0.ɵɵelement(2, "symphiq-icon", 11);
74171
- i0.ɵɵelementStart(3, "span", 12);
74187
+ i0.ɵɵelementStart(0, "div", 12)(1, "div", 13);
74188
+ i0.ɵɵelement(2, "symphiq-icon", 14);
74189
+ i0.ɵɵelementStart(3, "span", 15);
74172
74190
  i0.ɵɵtext(4);
74173
74191
  i0.ɵɵelementEnd()();
74174
- i0.ɵɵelementStart(5, "p", 13);
74192
+ i0.ɵɵelementStart(5, "p", 16);
74175
74193
  i0.ɵɵtext(6);
74176
74194
  i0.ɵɵelementEnd()();
74177
74195
  } if (rf & 2) {
74178
- const tradeOff_r4 = ctx.$implicit;
74179
- const ctx_r1 = i0.ɵɵnextContext(2);
74180
- i0.ɵɵproperty("ngClass", ctx_r1.tradeOffItemClasses());
74196
+ const tradeOff_r6 = ctx.$implicit;
74197
+ const ctx_r2 = i0.ɵɵnextContext(2);
74198
+ i0.ɵɵproperty("ngClass", ctx_r2.tradeOffItemClasses());
74181
74199
  i0.ɵɵadvance(2);
74182
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c3$6, ctx_r1.iconSource))("ngClass", ctx_r1.tradeOffIconClasses());
74200
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c3$6, ctx_r2.iconSource))("ngClass", ctx_r2.tradeOffIconClasses());
74183
74201
  i0.ɵɵadvance();
74184
- i0.ɵɵproperty("ngClass", ctx_r1.tradeOffMetricClasses());
74202
+ i0.ɵɵproperty("ngClass", ctx_r2.tradeOffMetricClasses());
74185
74203
  i0.ɵɵadvance();
74186
- i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricName(tradeOff_r4.metric), " ");
74204
+ i0.ɵɵtextInterpolate1(" ", ctx_r2.formatMetricName(tradeOff_r6.metric), " ");
74187
74205
  i0.ɵɵadvance();
74188
- i0.ɵɵproperty("ngClass", ctx_r1.tradeOffDescriptionClasses());
74206
+ i0.ɵɵproperty("ngClass", ctx_r2.tradeOffDescriptionClasses());
74189
74207
  i0.ɵɵadvance();
74190
- i0.ɵɵtextInterpolate1(" ", tradeOff_r4.tradeOffDescription, " ");
74208
+ i0.ɵɵtextInterpolate1(" ", tradeOff_r6.tradeOffDescription, " ");
74191
74209
  } }
74192
74210
  function MetricRelationshipsCardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
74193
74211
  i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
@@ -74196,25 +74214,26 @@ function MetricRelationshipsCardComponent_Conditional_3_Template(rf, ctx) { if (
74196
74214
  i0.ɵɵelementStart(4, "h4", 5);
74197
74215
  i0.ɵɵtext(5, " Trade-offs ");
74198
74216
  i0.ɵɵelementEnd()();
74199
- i0.ɵɵelementStart(6, "div", 8);
74200
- i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 9, _forTrack0$p);
74217
+ i0.ɵɵelementStart(6, "div", 11);
74218
+ i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 12, _forTrack0$q);
74201
74219
  i0.ɵɵelementEnd()();
74202
74220
  } if (rf & 2) {
74203
- const ctx_r1 = i0.ɵɵnextContext();
74204
- i0.ɵɵproperty("ngClass", ctx_r1.sectionClasses());
74221
+ const ctx_r2 = i0.ɵɵnextContext();
74222
+ i0.ɵɵproperty("ngClass", ctx_r2.sectionClasses());
74205
74223
  i0.ɵɵadvance(2);
74206
- i0.ɵɵproperty("ngClass", ctx_r1.getIconClasses("tradeOffs"));
74224
+ i0.ɵɵproperty("ngClass", ctx_r2.getIconClasses("tradeOffs"));
74207
74225
  i0.ɵɵadvance();
74208
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$a, ctx_r1.iconSource));
74226
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$a, ctx_r2.iconSource));
74209
74227
  i0.ɵɵadvance();
74210
- i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
74228
+ i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
74211
74229
  i0.ɵɵadvance(3);
74212
- i0.ɵɵrepeater(ctx_r1.relationships().tradeOffs);
74230
+ i0.ɵɵrepeater(ctx_r2.relationships().tradeOffs);
74213
74231
  } }
74214
74232
  class MetricRelationshipsCardComponent {
74215
74233
  constructor() {
74216
74234
  this.relationships = input.required(...(ngDevMode ? [{ debugName: "relationships" }] : []));
74217
74235
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
74236
+ this.metricClicked = output();
74218
74237
  this.iconSource = IconSourceEnum.HEROICONS;
74219
74238
  this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
74220
74239
  this.containerClasses = computed(() => {
@@ -74274,18 +74293,31 @@ class MetricRelationshipsCardComponent {
74274
74293
  getMetricBadgeClasses(type) {
74275
74294
  if (this.isDark()) {
74276
74295
  if (type === 'influences')
74277
- return 'bg-green-500/10 text-green-400 border border-green-500/30';
74278
- return 'bg-blue-500/10 text-blue-400 border border-blue-500/30';
74296
+ return 'bg-green-500/10 text-green-400 border border-green-500/30 hover:bg-green-500/20 hover:border-green-500/50 hover:shadow-[0_0_12px_rgba(34,197,94,0.3)]';
74297
+ return 'bg-blue-500/10 text-blue-400 border border-blue-500/30 hover:bg-blue-500/20 hover:border-blue-500/50 hover:shadow-[0_0_12px_rgba(59,130,246,0.3)]';
74279
74298
  }
74280
74299
  if (type === 'influences')
74281
- return 'bg-green-50 text-green-700 border border-green-200';
74282
- return 'bg-blue-50 text-blue-700 border border-blue-200';
74300
+ return 'bg-green-50 text-green-700 border border-green-200 hover:bg-green-100 hover:border-green-300 hover:shadow-md';
74301
+ return 'bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100 hover:border-blue-300 hover:shadow-md';
74283
74302
  }
74284
74303
  formatMetricName(metric) {
74285
74304
  return metric.replace(/_/g, ' ').replace(/\b\w/g, (l) => l.toUpperCase());
74286
74305
  }
74306
+ getMetricTitle(metric) {
74307
+ const metricEnum = metric;
74308
+ if (Object.values(MetricEnum).includes(metricEnum)) {
74309
+ return MetricEnumUtil.title(metricEnum);
74310
+ }
74311
+ return this.formatMetricName(metric);
74312
+ }
74313
+ onMetricClick(metric) {
74314
+ const metricEnum = metric;
74315
+ if (Object.values(MetricEnum).includes(metricEnum)) {
74316
+ this.metricClicked.emit(metricEnum);
74317
+ }
74318
+ }
74287
74319
  static { this.ɵfac = function MetricRelationshipsCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MetricRelationshipsCardComponent)(); }; }
74288
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricRelationshipsCardComponent, selectors: [["symphiq-metric-relationships-card"]], inputs: { relationships: [1, "relationships"], viewMode: [1, "viewMode"] }, decls: 4, vars: 4, consts: [[1, "space-y-6", 3, "ngClass"], [1, "rounded-xl", "p-5", "border", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-4"], [1, "p-2", "rounded-lg", 3, "ngClass"], ["size", "w-4 h-4", 3, "icon"], [1, "font-semibold", "text-sm", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-lg", "p-3", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-3.5 h-3.5", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"]], template: function MetricRelationshipsCardComponent_Template(rf, ctx) { if (rf & 1) {
74320
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricRelationshipsCardComponent, selectors: [["symphiq-metric-relationships-card"]], inputs: { relationships: [1, "relationships"], viewMode: [1, "viewMode"] }, outputs: { metricClicked: "metricClicked" }, decls: 4, vars: 4, consts: [[1, "space-y-6", 3, "ngClass"], [1, "rounded-xl", "p-5", "border", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-4"], [1, "p-2", "rounded-lg", 3, "ngClass"], ["size", "w-4 h-4", 3, "icon"], [1, "font-semibold", "text-sm", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], ["type", "button", 1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "flex", "items-center", "gap-1.5", "cursor-pointer", "transition-all", "duration-200", "hover:scale-105", 3, "ngClass"], ["type", "button", 1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "flex", "items-center", "gap-1.5", "cursor-pointer", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "space-y-3"], [1, "rounded-lg", "p-3", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-3.5 h-3.5", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"]], template: function MetricRelationshipsCardComponent_Template(rf, ctx) { if (rf & 1) {
74289
74321
  i0.ɵɵelementStart(0, "div", 0);
74290
74322
  i0.ɵɵconditionalCreate(1, MetricRelationshipsCardComponent_Conditional_1_Template, 9, 6, "div", 1);
74291
74323
  i0.ɵɵconditionalCreate(2, MetricRelationshipsCardComponent_Conditional_2_Template, 9, 6, "div", 1);
@@ -74325,9 +74357,17 @@ class MetricRelationshipsCardComponent {
74325
74357
  </div>
74326
74358
  <div class="flex flex-wrap gap-2">
74327
74359
  @for (metric of relationships().directlyInfluences; track metric) {
74328
- <span [ngClass]="getMetricBadgeClasses('influences')" class="px-3 py-1.5 rounded-lg text-xs font-medium">
74329
- {{ formatMetricName(metric) }}
74330
- </span>
74360
+ <button
74361
+ type="button"
74362
+ (click)="onMetricClick(metric)"
74363
+ [ngClass]="getMetricBadgeClasses('influences')"
74364
+ class="px-3 py-1.5 rounded-lg text-xs font-medium flex items-center gap-1.5 cursor-pointer transition-all duration-200 hover:scale-105"
74365
+ >
74366
+ {{ getMetricTitle(metric) }}
74367
+ <svg class="w-3.5 h-3.5 opacity-60" fill="none" stroke="currentColor" viewBox="0 0 24 24">
74368
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
74369
+ </svg>
74370
+ </button>
74331
74371
  }
74332
74372
  </div>
74333
74373
  </div>
@@ -74348,9 +74388,17 @@ class MetricRelationshipsCardComponent {
74348
74388
  </div>
74349
74389
  <div class="flex flex-wrap gap-2">
74350
74390
  @for (metric of relationships().directlyInfluencedBy; track metric) {
74351
- <span [ngClass]="getMetricBadgeClasses('influencedBy')" class="px-3 py-1.5 rounded-lg text-xs font-medium">
74352
- {{ formatMetricName(metric) }}
74353
- </span>
74391
+ <button
74392
+ type="button"
74393
+ (click)="onMetricClick(metric)"
74394
+ [ngClass]="getMetricBadgeClasses('influencedBy')"
74395
+ class="px-3 py-1.5 rounded-lg text-xs font-medium flex items-center gap-1.5 cursor-pointer transition-all duration-200 hover:scale-105"
74396
+ >
74397
+ {{ getMetricTitle(metric) }}
74398
+ <svg class="w-3.5 h-3.5 opacity-60" fill="none" stroke="currentColor" viewBox="0 0 24 24">
74399
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
74400
+ </svg>
74401
+ </button>
74354
74402
  }
74355
74403
  </div>
74356
74404
  </div>
@@ -74393,25 +74441,50 @@ class MetricRelationshipsCardComponent {
74393
74441
  </div>
74394
74442
  `
74395
74443
  }]
74396
- }], null, { relationships: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationships", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
74397
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricRelationshipsCardComponent, { className: "MetricRelationshipsCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/metric-relationships-card.component.ts", lineNumber: 105 }); })();
74444
+ }], null, { relationships: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationships", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], metricClicked: [{ type: i0.Output, args: ["metricClicked"] }] }); })();
74445
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricRelationshipsCardComponent, { className: "MetricRelationshipsCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/metric-relationships-card.component.ts", lineNumber: 121 }); })();
74398
74446
 
74399
- const _c0$m = a0 => ({ name: "link", source: a0 });
74400
- function RelatedMetricCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
74401
- i0.ɵɵelementStart(0, "div", 9);
74402
- i0.ɵɵelement(1, "symphiq-icon", 10);
74403
- i0.ɵɵelementStart(2, "span", 11);
74404
- i0.ɵɵtext(3);
74405
- i0.ɵɵelementEnd()();
74447
+ const _c0$m = a0 => ({ name: "chevron-right", source: a0 });
74448
+ const _c1$a = a0 => ({ name: "link", source: a0 });
74449
+ const _forTrack0$p = ($index, $item) => $item.id;
74450
+ function RelatedMetricCardComponent_Conditional_18_For_7_Template(rf, ctx) { if (rf & 1) {
74451
+ const _r1 = i0.ɵɵgetCurrentView();
74452
+ i0.ɵɵelementStart(0, "button", 17);
74453
+ i0.ɵɵlistener("click", function RelatedMetricCardComponent_Conditional_18_For_7_Template_button_click_0_listener($event) { const goal_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.openGoalModal(goal_r2, $event)); });
74454
+ i0.ɵɵelementStart(1, "span");
74455
+ i0.ɵɵtext(2);
74456
+ i0.ɵɵelementEnd();
74457
+ i0.ɵɵelement(3, "symphiq-icon", 18);
74458
+ i0.ɵɵelementEnd();
74406
74459
  } if (rf & 2) {
74407
- const ctx_r0 = i0.ɵɵnextContext();
74408
- i0.ɵɵproperty("ngClass", ctx_r0.borderClasses());
74460
+ const goal_r2 = ctx.$implicit;
74461
+ const ctx_r2 = i0.ɵɵnextContext(2);
74462
+ i0.ɵɵproperty("ngClass", ctx_r2.goalChipClasses());
74463
+ i0.ɵɵadvance(2);
74464
+ i0.ɵɵtextInterpolate(goal_r2.title);
74409
74465
  i0.ɵɵadvance();
74410
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c0$m, ctx_r0.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r0.sharedGoalsIconClasses());
74466
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$m, ctx_r2.IconSourceEnumValue.HEROICONS));
74467
+ } }
74468
+ function RelatedMetricCardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
74469
+ i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
74470
+ i0.ɵɵelement(2, "symphiq-icon", 13);
74471
+ i0.ɵɵelementStart(3, "span", 14);
74472
+ i0.ɵɵtext(4);
74473
+ i0.ɵɵelementEnd()();
74474
+ i0.ɵɵelementStart(5, "div", 15);
74475
+ i0.ɵɵrepeaterCreate(6, RelatedMetricCardComponent_Conditional_18_For_7_Template, 4, 5, "button", 16, _forTrack0$p);
74476
+ i0.ɵɵelementEnd()();
74477
+ } if (rf & 2) {
74478
+ const ctx_r2 = i0.ɵɵnextContext();
74479
+ i0.ɵɵproperty("ngClass", ctx_r2.borderClasses());
74480
+ i0.ɵɵadvance(2);
74481
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$a, ctx_r2.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r2.sharedGoalsIconClasses());
74411
74482
  i0.ɵɵadvance();
74412
- i0.ɵɵproperty("ngClass", ctx_r0.sharedGoalsTextClasses());
74483
+ i0.ɵɵproperty("ngClass", ctx_r2.sharedGoalsTextClasses());
74413
74484
  i0.ɵɵadvance();
74414
- i0.ɵɵtextInterpolate2(" ", ctx_r0.sharedGoalIds().length, " Shared ", ctx_r0.sharedGoalIds().length === 1 ? "Goal" : "Goals", " ");
74485
+ i0.ɵɵtextInterpolate2(" ", ctx_r2.sharedGoalObjects().length, " Shared ", ctx_r2.sharedGoalObjects().length === 1 ? "Goal" : "Goals", " ");
74486
+ i0.ɵɵadvance(2);
74487
+ i0.ɵɵrepeater(ctx_r2.sharedGoalObjects());
74415
74488
  } }
74416
74489
  const IconSourceEnumValue$2 = IconSourceEnum;
74417
74490
  class RelatedMetricCardComponent {
@@ -74422,9 +74495,15 @@ class RelatedMetricCardComponent {
74422
74495
  this.priority = input.required(...(ngDevMode ? [{ debugName: "priority" }] : []));
74423
74496
  this.sharedGoalIds = input(...(ngDevMode ? [undefined, { debugName: "sharedGoalIds" }] : []));
74424
74497
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
74498
+ this.allGoals = input([], ...(ngDevMode ? [{ debugName: "allGoals" }] : []));
74425
74499
  this.cardClicked = output();
74500
+ this.modalService = inject(ModalService);
74426
74501
  this.IconSourceEnumValue = IconSourceEnumValue$2;
74427
74502
  this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
74503
+ this.sharedGoalObjects = computed(() => {
74504
+ const goalIds = this.sharedGoalIds() || [];
74505
+ return this.allGoals().filter(goal => goalIds.includes(goal.id || ''));
74506
+ }, ...(ngDevMode ? [{ debugName: "sharedGoalObjects" }] : []));
74428
74507
  this.cardClasses = computed(() => {
74429
74508
  return this.isDark()
74430
74509
  ? 'bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50'
@@ -74503,6 +74582,18 @@ class RelatedMetricCardComponent {
74503
74582
  ? 'text-slate-400'
74504
74583
  : 'text-slate-600';
74505
74584
  }, ...(ngDevMode ? [{ debugName: "sharedGoalsTextClasses" }] : []));
74585
+ this.goalChipClasses = computed(() => {
74586
+ if (this.isDark()) {
74587
+ return 'bg-blue-500/20 text-blue-400 border border-blue-500/30 hover:bg-blue-500/30 hover:border-blue-500/40 hover:shadow-lg hover:shadow-blue-500/20';
74588
+ }
74589
+ return 'bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100 hover:border-blue-300 hover:shadow-lg hover:shadow-blue-500/20';
74590
+ }, ...(ngDevMode ? [{ debugName: "goalChipClasses" }] : []));
74591
+ this.viewDetailsChipClasses = computed(() => {
74592
+ if (this.isDark()) {
74593
+ return 'bg-emerald-500/20 text-emerald-400 border border-emerald-500/30 hover:bg-emerald-500/30 hover:border-emerald-500/40 hover:shadow-emerald-500/20';
74594
+ }
74595
+ return 'bg-emerald-50 text-emerald-700 border border-emerald-200 hover:bg-emerald-100 hover:border-emerald-300 hover:shadow-emerald-500/20';
74596
+ }, ...(ngDevMode ? [{ debugName: "viewDetailsChipClasses" }] : []));
74506
74597
  }
74507
74598
  getRelationshipIcon() {
74508
74599
  const relationship = this.relationship();
@@ -74531,14 +74622,23 @@ class RelatedMetricCardComponent {
74531
74622
  formatPriority(priority) {
74532
74623
  return priority.replace(/_/g, ' ');
74533
74624
  }
74534
- onCardClick() {
74625
+ openGoalModal(goal, event) {
74626
+ if (event) {
74627
+ event.stopPropagation();
74628
+ event.preventDefault();
74629
+ }
74630
+ this.modalService.navigateToGoalDetail(goal, this.viewMode());
74631
+ }
74632
+ onViewDetailsClick(event) {
74633
+ if (event) {
74634
+ event.stopPropagation();
74635
+ event.preventDefault();
74636
+ }
74535
74637
  this.cardClicked.emit(this.metric());
74536
74638
  }
74537
74639
  static { this.ɵfac = function RelatedMetricCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RelatedMetricCardComponent)(); }; }
74538
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RelatedMetricCardComponent, selectors: [["symphiq-related-metric-card"]], inputs: { metric: [1, "metric"], relationship: [1, "relationship"], relationshipDescription: [1, "relationshipDescription"], priority: [1, "priority"], sharedGoalIds: [1, "sharedGoalIds"], viewMode: [1, "viewMode"] }, outputs: { cardClicked: "cardClicked" }, decls: 14, vars: 11, consts: [[1, "rounded-xl", "p-4", "transition-all", "duration-200", "hover:scale-[1.01]", "cursor-pointer", "border", 3, "click", "ngClass"], [1, "flex", "items-start", "justify-between", "gap-3", "mb-3"], [1, "flex-1", "min-w-0"], [1, "text-base", "font-semibold", "mb-1", "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], ["size", "w-3 h-3", 3, "icon"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-bold", "uppercase", "tracking-wide", "whitespace-nowrap", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-3", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "pt-3", "border-t", 3, "ngClass"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"]], template: function RelatedMetricCardComponent_Template(rf, ctx) { if (rf & 1) {
74539
- i0.ɵɵelementStart(0, "div", 0);
74540
- i0.ɵɵlistener("click", function RelatedMetricCardComponent_Template_div_click_0_listener() { return ctx.onCardClick(); });
74541
- i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h4", 3);
74640
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RelatedMetricCardComponent, selectors: [["symphiq-related-metric-card"]], inputs: { metric: [1, "metric"], relationship: [1, "relationship"], relationshipDescription: [1, "relationshipDescription"], priority: [1, "priority"], sharedGoalIds: [1, "sharedGoalIds"], viewMode: [1, "viewMode"], allGoals: [1, "allGoals"] }, outputs: { cardClicked: "cardClicked" }, decls: 19, vars: 15, consts: [[1, "rounded-xl", "p-4", "transition-all", "duration-200", "border", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-3", "mb-3"], [1, "flex-1", "min-w-0"], [1, "text-base", "font-semibold", "mb-1", "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], ["size", "w-3 h-3", 3, "icon"], [1, "px-2.5", "py-1", "rounded-full", "text-xs", "font-bold", "uppercase", "tracking-wide", "whitespace-nowrap", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "flex-1", 3, "ngClass"], ["type", "button", 1, "cursor-pointer", "flex-shrink-0", "flex", "items-center", "gap-1.5", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-semibold", "transition-all", "duration-200", "hover:scale-105", "hover:shadow-lg", 3, "click", "ngClass"], ["size", "w-3.5 h-3.5", 1, "flex-shrink-0", 3, "icon"], [1, "pt-3", "border-t", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", "hover:shadow-md", 3, "ngClass"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", "hover:shadow-md", 3, "click", "ngClass"], ["size", "w-3.5 h-3.5", 1, "flex-shrink-0", "opacity-60", 3, "icon"]], template: function RelatedMetricCardComponent_Template(rf, ctx) { if (rf & 1) {
74641
+ i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h4", 3);
74542
74642
  i0.ɵɵtext(4);
74543
74643
  i0.ɵɵelementEnd();
74544
74644
  i0.ɵɵelementStart(5, "div", 4)(6, "span", 5);
@@ -74548,10 +74648,17 @@ class RelatedMetricCardComponent {
74548
74648
  i0.ɵɵelementStart(9, "span", 7);
74549
74649
  i0.ɵɵtext(10);
74550
74650
  i0.ɵɵelementEnd()();
74551
- i0.ɵɵelementStart(11, "p", 8);
74552
- i0.ɵɵtext(12);
74651
+ i0.ɵɵelementStart(11, "div", 1)(12, "p", 8);
74652
+ i0.ɵɵtext(13);
74653
+ i0.ɵɵelementEnd();
74654
+ i0.ɵɵelementStart(14, "button", 9);
74655
+ i0.ɵɵlistener("click", function RelatedMetricCardComponent_Template_button_click_14_listener($event) { return ctx.onViewDetailsClick($event); });
74656
+ i0.ɵɵelementStart(15, "span");
74657
+ i0.ɵɵtext(16, "View Details");
74553
74658
  i0.ɵɵelementEnd();
74554
- i0.ɵɵconditionalCreate(13, RelatedMetricCardComponent_Conditional_13_Template, 4, 8, "div", 9);
74659
+ i0.ɵɵelement(17, "symphiq-icon", 10);
74660
+ i0.ɵɵelementEnd()();
74661
+ i0.ɵɵconditionalCreate(18, RelatedMetricCardComponent_Conditional_18_Template, 8, 8, "div", 11);
74555
74662
  i0.ɵɵelementEnd();
74556
74663
  } if (rf & 2) {
74557
74664
  i0.ɵɵproperty("ngClass", ctx.cardClasses());
@@ -74569,12 +74676,16 @@ class RelatedMetricCardComponent {
74569
74676
  i0.ɵɵproperty("ngClass", ctx.priorityBadgeClasses());
74570
74677
  i0.ɵɵadvance();
74571
74678
  i0.ɵɵtextInterpolate1(" ", ctx.formatPriority(ctx.priority()), " ");
74572
- i0.ɵɵadvance();
74679
+ i0.ɵɵadvance(2);
74573
74680
  i0.ɵɵproperty("ngClass", ctx.descriptionClasses());
74574
74681
  i0.ɵɵadvance();
74575
74682
  i0.ɵɵtextInterpolate1(" ", ctx.relationshipDescription(), " ");
74576
74683
  i0.ɵɵadvance();
74577
- i0.ɵɵconditional(ctx.sharedGoalIds() && ctx.sharedGoalIds().length > 0 ? 13 : -1);
74684
+ i0.ɵɵproperty("ngClass", ctx.viewDetailsChipClasses());
74685
+ i0.ɵɵadvance(3);
74686
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c0$m, ctx.IconSourceEnumValue.HEROICONS));
74687
+ i0.ɵɵadvance();
74688
+ i0.ɵɵconditional(ctx.sharedGoalObjects().length > 0 ? 18 : -1);
74578
74689
  } }, dependencies: [CommonModule, i1$1.NgClass, SymphiqIconComponent], encapsulation: 2, changeDetection: 0 }); }
74579
74690
  }
74580
74691
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RelatedMetricCardComponent, [{
@@ -74584,55 +74695,78 @@ class RelatedMetricCardComponent {
74584
74695
  standalone: true,
74585
74696
  changeDetection: ChangeDetectionStrategy.OnPush,
74586
74697
  imports: [CommonModule, SymphiqIconComponent],
74587
- template: `
74588
- <div
74589
- [ngClass]="cardClasses()"
74590
- class="rounded-xl p-4 transition-all duration-200 hover:scale-[1.01] cursor-pointer border"
74591
- (click)="onCardClick()">
74592
- <!-- Header with metric name and relationship badge -->
74593
- <div class="flex items-start justify-between gap-3 mb-3">
74594
- <div class="flex-1 min-w-0">
74595
- <h4 [ngClass]="metricNameClasses()" class="text-base font-semibold mb-1 truncate">
74596
- {{ formatMetricName(metric()) }}
74597
- </h4>
74598
- <div class="flex items-center gap-2">
74599
- <span [ngClass]="relationshipBadgeClasses()" class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
74600
- <symphiq-icon
74601
- [icon]="getRelationshipIcon()"
74602
- size="w-3 h-3"
74603
- />
74604
- {{ formatRelationship(relationship()) }}
74605
- </span>
74606
- </div>
74607
- </div>
74608
- <span [ngClass]="priorityBadgeClasses()" class="px-2.5 py-1 rounded-full text-xs font-bold uppercase tracking-wide whitespace-nowrap flex-shrink-0">
74609
- {{ formatPriority(priority()) }}
74610
- </span>
74611
- </div>
74612
-
74613
- <!-- Description -->
74614
- <p [ngClass]="descriptionClasses()" class="text-sm leading-relaxed mb-3">
74615
- {{ relationshipDescription() }}
74616
- </p>
74617
-
74618
- <!-- Shared Goals Count -->
74619
- @if (sharedGoalIds() && sharedGoalIds()!.length > 0) {
74620
- <div class="flex items-center gap-2 pt-3 border-t" [ngClass]="borderClasses()">
74621
- <symphiq-icon
74622
- [icon]="{ name: 'link', source: IconSourceEnumValue.HEROICONS }"
74623
- size="w-4 h-4"
74624
- [ngClass]="sharedGoalsIconClasses()"
74625
- />
74626
- <span [ngClass]="sharedGoalsTextClasses()" class="text-xs font-medium">
74627
- {{ sharedGoalIds()!.length }} Shared {{ sharedGoalIds()!.length === 1 ? 'Goal' : 'Goals' }}
74628
- </span>
74629
- </div>
74630
- }
74631
- </div>
74698
+ template: `
74699
+ <div
74700
+ [ngClass]="cardClasses()"
74701
+ class="rounded-xl p-4 transition-all duration-200 border">
74702
+ <!-- Header with metric name and relationship badge -->
74703
+ <div class="flex items-start justify-between gap-3 mb-3">
74704
+ <div class="flex-1 min-w-0">
74705
+ <h4 [ngClass]="metricNameClasses()" class="text-base font-semibold mb-1 truncate">
74706
+ {{ formatMetricName(metric()) }}
74707
+ </h4>
74708
+ <div class="flex items-center gap-2">
74709
+ <span [ngClass]="relationshipBadgeClasses()" class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
74710
+ <symphiq-icon
74711
+ [icon]="getRelationshipIcon()"
74712
+ size="w-3 h-3"
74713
+ />
74714
+ {{ formatRelationship(relationship()) }}
74715
+ </span>
74716
+ </div>
74717
+ </div>
74718
+ <span [ngClass]="priorityBadgeClasses()" class="px-2.5 py-1 rounded-full text-xs font-bold uppercase tracking-wide whitespace-nowrap flex-shrink-0">
74719
+ {{ formatPriority(priority()) }}
74720
+ </span>
74721
+ </div>
74722
+
74723
+ <!-- Description -->
74724
+ <div class="flex items-start justify-between gap-3 mb-3">
74725
+ <p [ngClass]="descriptionClasses()" class="text-sm leading-relaxed flex-1">
74726
+ {{ relationshipDescription() }}
74727
+ </p>
74728
+ <button
74729
+ type="button"
74730
+ [ngClass]="viewDetailsChipClasses()"
74731
+ (click)="onViewDetailsClick($event)"
74732
+ class="cursor-pointer flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold transition-all duration-200 hover:scale-105 hover:shadow-lg">
74733
+ <span>View Details</span>
74734
+ <symphiq-icon [icon]="{ name: 'chevron-right', source: IconSourceEnumValue.HEROICONS }" size="w-3.5 h-3.5" class="flex-shrink-0"></symphiq-icon>
74735
+ </button>
74736
+ </div>
74737
+
74738
+ <!-- Shared Goals as Chips -->
74739
+ @if (sharedGoalObjects().length > 0) {
74740
+ <div class="pt-3 border-t" [ngClass]="borderClasses()">
74741
+ <div class="flex items-center gap-2 mb-2">
74742
+ <symphiq-icon
74743
+ [icon]="{ name: 'link', source: IconSourceEnumValue.HEROICONS }"
74744
+ size="w-4 h-4"
74745
+ [ngClass]="sharedGoalsIconClasses()"
74746
+ />
74747
+ <span [ngClass]="sharedGoalsTextClasses()" class="text-xs font-medium">
74748
+ {{ sharedGoalObjects().length }} Shared {{ sharedGoalObjects().length === 1 ? 'Goal' : 'Goals' }}
74749
+ </span>
74750
+ </div>
74751
+ <div class="flex flex-wrap gap-2">
74752
+ @for (goal of sharedGoalObjects(); track goal.id) {
74753
+ <button
74754
+ type="button"
74755
+ [ngClass]="goalChipClasses()"
74756
+ (click)="openGoalModal(goal, $event)"
74757
+ class="cursor-pointer flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-medium transition-all duration-200 hover:scale-105 hover:shadow-md">
74758
+ <span>{{ goal.title }}</span>
74759
+ <symphiq-icon [icon]="{ name: 'chevron-right', source: IconSourceEnumValue.HEROICONS }" size="w-3.5 h-3.5" class="flex-shrink-0 opacity-60"></symphiq-icon>
74760
+ </button>
74761
+ }
74762
+ </div>
74763
+ </div>
74764
+ }
74765
+ </div>
74632
74766
  `
74633
74767
  }]
74634
- }], null, { metric: [{ type: i0.Input, args: [{ isSignal: true, alias: "metric", required: true }] }], relationship: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationship", required: true }] }], relationshipDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationshipDescription", required: true }] }], priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "priority", required: true }] }], sharedGoalIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "sharedGoalIds", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], cardClicked: [{ type: i0.Output, args: ["cardClicked"] }] }); })();
74635
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricCardComponent, { className: "RelatedMetricCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/related-metric-card.component.ts", lineNumber: 68 }); })();
74768
+ }], null, { metric: [{ type: i0.Input, args: [{ isSignal: true, alias: "metric", required: true }] }], relationship: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationship", required: true }] }], relationshipDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationshipDescription", required: true }] }], priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "priority", required: true }] }], sharedGoalIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "sharedGoalIds", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], cardClicked: [{ type: i0.Output, args: ["cardClicked"] }] }); })();
74769
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricCardComponent, { className: "RelatedMetricCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/related-metric-card.component.ts", lineNumber: 93 }); })();
74636
74770
 
74637
74771
  const _forTrack0$o = ($index, $item) => $item.metric;
74638
74772
  function RelatedMetricsListComponent_Conditional_1_For_14_Template(rf, ctx) { if (rf & 1) {
@@ -74643,7 +74777,7 @@ function RelatedMetricsListComponent_Conditional_1_For_14_Template(rf, ctx) { if
74643
74777
  } if (rf & 2) {
74644
74778
  const metric_r3 = ctx.$implicit;
74645
74779
  const ctx_r1 = i0.ɵɵnextContext(2);
74646
- i0.ɵɵproperty("metric", metric_r3.metric)("relationship", metric_r3.relationship)("relationshipDescription", metric_r3.relationshipDescription)("priority", metric_r3.priority)("sharedGoalIds", metric_r3.sharedGoalIds)("viewMode", ctx_r1.viewMode());
74780
+ i0.ɵɵproperty("metric", metric_r3.metric)("relationship", metric_r3.relationship)("relationshipDescription", metric_r3.relationshipDescription)("priority", metric_r3.priority)("sharedGoalIds", metric_r3.sharedGoalIds)("viewMode", ctx_r1.viewMode())("allGoals", ctx_r1.allGoals());
74647
74781
  } }
74648
74782
  function RelatedMetricsListComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
74649
74783
  i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
@@ -74662,7 +74796,7 @@ function RelatedMetricsListComponent_Conditional_1_Template(rf, ctx) { if (rf &
74662
74796
  i0.ɵɵtext(11);
74663
74797
  i0.ɵɵelementEnd()();
74664
74798
  i0.ɵɵelementStart(12, "div", 10);
74665
- i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_1_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$o);
74799
+ i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_1_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$o);
74666
74800
  i0.ɵɵelementEnd()();
74667
74801
  } if (rf & 2) {
74668
74802
  const ctx_r1 = i0.ɵɵnextContext();
@@ -74689,7 +74823,7 @@ function RelatedMetricsListComponent_Conditional_2_For_14_Template(rf, ctx) { if
74689
74823
  } if (rf & 2) {
74690
74824
  const metric_r5 = ctx.$implicit;
74691
74825
  const ctx_r1 = i0.ɵɵnextContext(2);
74692
- i0.ɵɵproperty("metric", metric_r5.metric)("relationship", metric_r5.relationship)("relationshipDescription", metric_r5.relationshipDescription)("priority", metric_r5.priority)("sharedGoalIds", metric_r5.sharedGoalIds)("viewMode", ctx_r1.viewMode());
74826
+ i0.ɵɵproperty("metric", metric_r5.metric)("relationship", metric_r5.relationship)("relationshipDescription", metric_r5.relationshipDescription)("priority", metric_r5.priority)("sharedGoalIds", metric_r5.sharedGoalIds)("viewMode", ctx_r1.viewMode())("allGoals", ctx_r1.allGoals());
74693
74827
  } }
74694
74828
  function RelatedMetricsListComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
74695
74829
  i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
@@ -74708,7 +74842,7 @@ function RelatedMetricsListComponent_Conditional_2_Template(rf, ctx) { if (rf &
74708
74842
  i0.ɵɵtext(11);
74709
74843
  i0.ɵɵelementEnd()();
74710
74844
  i0.ɵɵelementStart(12, "div", 10);
74711
- i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_2_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$o);
74845
+ i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_2_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$o);
74712
74846
  i0.ɵɵelementEnd()();
74713
74847
  } if (rf & 2) {
74714
74848
  const ctx_r1 = i0.ɵɵnextContext();
@@ -74735,7 +74869,7 @@ function RelatedMetricsListComponent_Conditional_3_For_14_Template(rf, ctx) { if
74735
74869
  } if (rf & 2) {
74736
74870
  const metric_r7 = ctx.$implicit;
74737
74871
  const ctx_r1 = i0.ɵɵnextContext(2);
74738
- i0.ɵɵproperty("metric", metric_r7.metric)("relationship", metric_r7.relationship)("relationshipDescription", metric_r7.relationshipDescription)("priority", metric_r7.priority)("sharedGoalIds", metric_r7.sharedGoalIds)("viewMode", ctx_r1.viewMode());
74872
+ i0.ɵɵproperty("metric", metric_r7.metric)("relationship", metric_r7.relationship)("relationshipDescription", metric_r7.relationshipDescription)("priority", metric_r7.priority)("sharedGoalIds", metric_r7.sharedGoalIds)("viewMode", ctx_r1.viewMode())("allGoals", ctx_r1.allGoals());
74739
74873
  } }
74740
74874
  function RelatedMetricsListComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
74741
74875
  i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
@@ -74754,7 +74888,7 @@ function RelatedMetricsListComponent_Conditional_3_Template(rf, ctx) { if (rf &
74754
74888
  i0.ɵɵtext(11);
74755
74889
  i0.ɵɵelementEnd()();
74756
74890
  i0.ɵɵelementStart(12, "div", 10);
74757
- i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_3_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$o);
74891
+ i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_3_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$o);
74758
74892
  i0.ɵɵelementEnd()();
74759
74893
  } if (rf & 2) {
74760
74894
  const ctx_r1 = i0.ɵɵnextContext();
@@ -74781,7 +74915,7 @@ function RelatedMetricsListComponent_Conditional_4_For_14_Template(rf, ctx) { if
74781
74915
  } if (rf & 2) {
74782
74916
  const metric_r9 = ctx.$implicit;
74783
74917
  const ctx_r1 = i0.ɵɵnextContext(2);
74784
- i0.ɵɵproperty("metric", metric_r9.metric)("relationship", metric_r9.relationship)("relationshipDescription", metric_r9.relationshipDescription)("priority", metric_r9.priority)("sharedGoalIds", metric_r9.sharedGoalIds)("viewMode", ctx_r1.viewMode());
74918
+ i0.ɵɵproperty("metric", metric_r9.metric)("relationship", metric_r9.relationship)("relationshipDescription", metric_r9.relationshipDescription)("priority", metric_r9.priority)("sharedGoalIds", metric_r9.sharedGoalIds)("viewMode", ctx_r1.viewMode())("allGoals", ctx_r1.allGoals());
74785
74919
  } }
74786
74920
  function RelatedMetricsListComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
74787
74921
  i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
@@ -74800,7 +74934,7 @@ function RelatedMetricsListComponent_Conditional_4_Template(rf, ctx) { if (rf &
74800
74934
  i0.ɵɵtext(11);
74801
74935
  i0.ɵɵelementEnd()();
74802
74936
  i0.ɵɵelementStart(12, "div", 10);
74803
- i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_4_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$o);
74937
+ i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_4_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$o);
74804
74938
  i0.ɵɵelementEnd()();
74805
74939
  } if (rf & 2) {
74806
74940
  const ctx_r1 = i0.ɵɵnextContext();
@@ -74824,6 +74958,7 @@ class RelatedMetricsListComponent {
74824
74958
  this.relatedMetrics = input.required(...(ngDevMode ? [{ debugName: "relatedMetrics" }] : []));
74825
74959
  this.currentMetricName = input('this metric', ...(ngDevMode ? [{ debugName: "currentMetricName" }] : []));
74826
74960
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
74961
+ this.allGoals = input([], ...(ngDevMode ? [{ debugName: "allGoals" }] : []));
74827
74962
  this.metricClicked = output();
74828
74963
  this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
74829
74964
  this.groupedMetrics = computed(() => {
@@ -74896,7 +75031,7 @@ class RelatedMetricsListComponent {
74896
75031
  this.metricClicked.emit(metric);
74897
75032
  }
74898
75033
  static { this.ɵfac = function RelatedMetricsListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RelatedMetricsListComponent)(); }; }
74899
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RelatedMetricsListComponent, selectors: [["symphiq-related-metrics-list"]], inputs: { relatedMetrics: [1, "relatedMetrics"], currentMetricName: [1, "currentMetricName"], viewMode: [1, "viewMode"] }, outputs: { metricClicked: "metricClicked" }, decls: 5, vars: 4, consts: [[1, "space-y-8"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3"], [1, "w-10", "h-10", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M10 19l-7-7m0 0l7-7m-7 7h18"], [1, "flex-1"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "text-xs", "mt-0.5", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-sm", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-4"], [3, "metric", "relationship", "relationshipDescription", "priority", "sharedGoalIds", "viewMode"], [3, "cardClicked", "metric", "relationship", "relationshipDescription", "priority", "sharedGoalIds", "viewMode"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M14 5l7 7m0 0l-7 7m7-7H3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"]], template: function RelatedMetricsListComponent_Template(rf, ctx) { if (rf & 1) {
75034
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RelatedMetricsListComponent, selectors: [["symphiq-related-metrics-list"]], inputs: { relatedMetrics: [1, "relatedMetrics"], currentMetricName: [1, "currentMetricName"], viewMode: [1, "viewMode"], allGoals: [1, "allGoals"] }, outputs: { metricClicked: "metricClicked" }, decls: 5, vars: 4, consts: [[1, "space-y-8"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3"], [1, "w-10", "h-10", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M10 19l-7-7m0 0l7-7m-7 7h18"], [1, "flex-1"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "text-xs", "mt-0.5", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-sm", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-4"], [3, "metric", "relationship", "relationshipDescription", "priority", "sharedGoalIds", "viewMode", "allGoals"], [3, "cardClicked", "metric", "relationship", "relationshipDescription", "priority", "sharedGoalIds", "viewMode", "allGoals"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M14 5l7 7m0 0l-7 7m7-7H3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"]], template: function RelatedMetricsListComponent_Template(rf, ctx) { if (rf & 1) {
74900
75035
  i0.ɵɵelementStart(0, "div", 0);
74901
75036
  i0.ɵɵconditionalCreate(1, RelatedMetricsListComponent_Conditional_1_Template, 15, 6, "div", 1);
74902
75037
  i0.ɵɵconditionalCreate(2, RelatedMetricsListComponent_Conditional_2_Template, 15, 6, "div", 1);
@@ -74921,160 +75056,164 @@ class RelatedMetricsListComponent {
74921
75056
  standalone: true,
74922
75057
  changeDetection: ChangeDetectionStrategy.OnPush,
74923
75058
  imports: [CommonModule, RelatedMetricCardComponent],
74924
- template: `
74925
- <div class="space-y-8">
74926
- <!-- Upstream Influences -->
74927
- @if (groupedMetrics().upstream.length > 0) {
74928
- <div class="space-y-4">
74929
- <div class="flex items-center gap-3">
74930
- <div [ngClass]="sectionIconClasses('upstream')" class="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0">
74931
- <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
74932
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
74933
- </svg>
74934
- </div>
74935
- <div class="flex-1">
74936
- <h3 [ngClass]="sectionTitleClasses()" class="text-lg font-bold">
74937
- Upstream Influences
74938
- </h3>
74939
- <p [ngClass]="sectionDescriptionClasses()" class="text-xs mt-0.5">
74940
- Metrics that directly influence {{ currentMetricName() }}
74941
- </p>
74942
- </div>
74943
- <span [ngClass]="countBadgeClasses('upstream')" class="px-3 py-1 rounded-full text-sm font-bold">
74944
- {{ groupedMetrics().upstream.length }}
74945
- </span>
74946
- </div>
74947
- <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
74948
- @for (metric of groupedMetrics().upstream; track metric.metric) {
74949
- <symphiq-related-metric-card
74950
- [metric]="metric.metric"
74951
- [relationship]="metric.relationship"
74952
- [relationshipDescription]="metric.relationshipDescription"
74953
- [priority]="metric.priority"
74954
- [sharedGoalIds]="metric.sharedGoalIds"
74955
- [viewMode]="viewMode()"
74956
- (cardClicked)="onMetricClick($event)"
74957
- />
74958
- }
74959
- </div>
74960
- </div>
74961
- }
74962
-
74963
- <!-- Downstream Effects -->
74964
- @if (groupedMetrics().downstream.length > 0) {
74965
- <div class="space-y-4">
74966
- <div class="flex items-center gap-3">
74967
- <div [ngClass]="sectionIconClasses('downstream')" class="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0">
74968
- <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
74969
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
74970
- </svg>
74971
- </div>
74972
- <div class="flex-1">
74973
- <h3 [ngClass]="sectionTitleClasses()" class="text-lg font-bold">
74974
- Downstream Effects
74975
- </h3>
74976
- <p [ngClass]="sectionDescriptionClasses()" class="text-xs mt-0.5">
74977
- Metrics that {{ currentMetricName() }} influences
74978
- </p>
74979
- </div>
74980
- <span [ngClass]="countBadgeClasses('downstream')" class="px-3 py-1 rounded-full text-sm font-bold">
74981
- {{ groupedMetrics().downstream.length }}
74982
- </span>
74983
- </div>
74984
- <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
74985
- @for (metric of groupedMetrics().downstream; track metric.metric) {
74986
- <symphiq-related-metric-card
74987
- [metric]="metric.metric"
74988
- [relationship]="metric.relationship"
74989
- [relationshipDescription]="metric.relationshipDescription"
74990
- [priority]="metric.priority"
74991
- [sharedGoalIds]="metric.sharedGoalIds"
74992
- [viewMode]="viewMode()"
74993
- (cardClicked)="onMetricClick($event)"
74994
- />
74995
- }
74996
- </div>
74997
- </div>
74998
- }
74999
-
75000
- <!-- Parallel Metrics -->
75001
- @if (groupedMetrics().parallel.length > 0) {
75002
- <div class="space-y-4">
75003
- <div class="flex items-center gap-3">
75004
- <div [ngClass]="sectionIconClasses('parallel')" class="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0">
75005
- <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
75006
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"/>
75007
- </svg>
75008
- </div>
75009
- <div class="flex-1">
75010
- <h3 [ngClass]="sectionTitleClasses()" class="text-lg font-bold">
75011
- Parallel Metrics
75012
- </h3>
75013
- <p [ngClass]="sectionDescriptionClasses()" class="text-xs mt-0.5">
75014
- Metrics that move together with {{ currentMetricName() }}
75015
- </p>
75016
- </div>
75017
- <span [ngClass]="countBadgeClasses('parallel')" class="px-3 py-1 rounded-full text-sm font-bold">
75018
- {{ groupedMetrics().parallel.length }}
75019
- </span>
75020
- </div>
75021
- <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
75022
- @for (metric of groupedMetrics().parallel; track metric.metric) {
75023
- <symphiq-related-metric-card
75024
- [metric]="metric.metric"
75025
- [relationship]="metric.relationship"
75026
- [relationshipDescription]="metric.relationshipDescription"
75027
- [priority]="metric.priority"
75028
- [sharedGoalIds]="metric.sharedGoalIds"
75029
- [viewMode]="viewMode()"
75030
- (cardClicked)="onMetricClick($event)"
75031
- />
75032
- }
75033
- </div>
75034
- </div>
75035
- }
75036
-
75037
- <!-- Trade-off Metrics -->
75038
- @if (groupedMetrics().tradeOff.length > 0) {
75039
- <div class="space-y-4">
75040
- <div class="flex items-center gap-3">
75041
- <div [ngClass]="sectionIconClasses('tradeoff')" class="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0">
75042
- <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
75043
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/>
75044
- </svg>
75045
- </div>
75046
- <div class="flex-1">
75047
- <h3 [ngClass]="sectionTitleClasses()" class="text-lg font-bold">
75048
- Trade-off Metrics
75049
- </h3>
75050
- <p [ngClass]="sectionDescriptionClasses()" class="text-xs mt-0.5">
75051
- Metrics that may conflict with {{ currentMetricName() }}
75052
- </p>
75053
- </div>
75054
- <span [ngClass]="countBadgeClasses('tradeoff')" class="px-3 py-1 rounded-full text-sm font-bold">
75055
- {{ groupedMetrics().tradeOff.length }}
75056
- </span>
75057
- </div>
75058
- <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
75059
- @for (metric of groupedMetrics().tradeOff; track metric.metric) {
75060
- <symphiq-related-metric-card
75061
- [metric]="metric.metric"
75062
- [relationship]="metric.relationship"
75063
- [relationshipDescription]="metric.relationshipDescription"
75064
- [priority]="metric.priority"
75065
- [sharedGoalIds]="metric.sharedGoalIds"
75066
- [viewMode]="viewMode()"
75067
- (cardClicked)="onMetricClick($event)"
75068
- />
75069
- }
75070
- </div>
75071
- </div>
75072
- }
75073
- </div>
75059
+ template: `
75060
+ <div class="space-y-8">
75061
+ <!-- Upstream Influences -->
75062
+ @if (groupedMetrics().upstream.length > 0) {
75063
+ <div class="space-y-4">
75064
+ <div class="flex items-center gap-3">
75065
+ <div [ngClass]="sectionIconClasses('upstream')" class="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0">
75066
+ <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
75067
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
75068
+ </svg>
75069
+ </div>
75070
+ <div class="flex-1">
75071
+ <h3 [ngClass]="sectionTitleClasses()" class="text-lg font-bold">
75072
+ Upstream Influences
75073
+ </h3>
75074
+ <p [ngClass]="sectionDescriptionClasses()" class="text-xs mt-0.5">
75075
+ Metrics that directly influence {{ currentMetricName() }}
75076
+ </p>
75077
+ </div>
75078
+ <span [ngClass]="countBadgeClasses('upstream')" class="px-3 py-1 rounded-full text-sm font-bold">
75079
+ {{ groupedMetrics().upstream.length }}
75080
+ </span>
75081
+ </div>
75082
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
75083
+ @for (metric of groupedMetrics().upstream; track metric.metric) {
75084
+ <symphiq-related-metric-card
75085
+ [metric]="metric.metric"
75086
+ [relationship]="metric.relationship"
75087
+ [relationshipDescription]="metric.relationshipDescription"
75088
+ [priority]="metric.priority"
75089
+ [sharedGoalIds]="metric.sharedGoalIds"
75090
+ [viewMode]="viewMode()"
75091
+ [allGoals]="allGoals()"
75092
+ (cardClicked)="onMetricClick($event)"
75093
+ />
75094
+ }
75095
+ </div>
75096
+ </div>
75097
+ }
75098
+
75099
+ <!-- Downstream Effects -->
75100
+ @if (groupedMetrics().downstream.length > 0) {
75101
+ <div class="space-y-4">
75102
+ <div class="flex items-center gap-3">
75103
+ <div [ngClass]="sectionIconClasses('downstream')" class="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0">
75104
+ <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
75105
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
75106
+ </svg>
75107
+ </div>
75108
+ <div class="flex-1">
75109
+ <h3 [ngClass]="sectionTitleClasses()" class="text-lg font-bold">
75110
+ Downstream Effects
75111
+ </h3>
75112
+ <p [ngClass]="sectionDescriptionClasses()" class="text-xs mt-0.5">
75113
+ Metrics that {{ currentMetricName() }} influences
75114
+ </p>
75115
+ </div>
75116
+ <span [ngClass]="countBadgeClasses('downstream')" class="px-3 py-1 rounded-full text-sm font-bold">
75117
+ {{ groupedMetrics().downstream.length }}
75118
+ </span>
75119
+ </div>
75120
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
75121
+ @for (metric of groupedMetrics().downstream; track metric.metric) {
75122
+ <symphiq-related-metric-card
75123
+ [metric]="metric.metric"
75124
+ [relationship]="metric.relationship"
75125
+ [relationshipDescription]="metric.relationshipDescription"
75126
+ [priority]="metric.priority"
75127
+ [sharedGoalIds]="metric.sharedGoalIds"
75128
+ [viewMode]="viewMode()"
75129
+ [allGoals]="allGoals()"
75130
+ (cardClicked)="onMetricClick($event)"
75131
+ />
75132
+ }
75133
+ </div>
75134
+ </div>
75135
+ }
75136
+
75137
+ <!-- Parallel Metrics -->
75138
+ @if (groupedMetrics().parallel.length > 0) {
75139
+ <div class="space-y-4">
75140
+ <div class="flex items-center gap-3">
75141
+ <div [ngClass]="sectionIconClasses('parallel')" class="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0">
75142
+ <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
75143
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"/>
75144
+ </svg>
75145
+ </div>
75146
+ <div class="flex-1">
75147
+ <h3 [ngClass]="sectionTitleClasses()" class="text-lg font-bold">
75148
+ Parallel Metrics
75149
+ </h3>
75150
+ <p [ngClass]="sectionDescriptionClasses()" class="text-xs mt-0.5">
75151
+ Metrics that move together with {{ currentMetricName() }}
75152
+ </p>
75153
+ </div>
75154
+ <span [ngClass]="countBadgeClasses('parallel')" class="px-3 py-1 rounded-full text-sm font-bold">
75155
+ {{ groupedMetrics().parallel.length }}
75156
+ </span>
75157
+ </div>
75158
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
75159
+ @for (metric of groupedMetrics().parallel; track metric.metric) {
75160
+ <symphiq-related-metric-card
75161
+ [metric]="metric.metric"
75162
+ [relationship]="metric.relationship"
75163
+ [relationshipDescription]="metric.relationshipDescription"
75164
+ [priority]="metric.priority"
75165
+ [sharedGoalIds]="metric.sharedGoalIds"
75166
+ [viewMode]="viewMode()"
75167
+ [allGoals]="allGoals()"
75168
+ (cardClicked)="onMetricClick($event)"
75169
+ />
75170
+ }
75171
+ </div>
75172
+ </div>
75173
+ }
75174
+
75175
+ <!-- Trade-off Metrics -->
75176
+ @if (groupedMetrics().tradeOff.length > 0) {
75177
+ <div class="space-y-4">
75178
+ <div class="flex items-center gap-3">
75179
+ <div [ngClass]="sectionIconClasses('tradeoff')" class="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0">
75180
+ <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
75181
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/>
75182
+ </svg>
75183
+ </div>
75184
+ <div class="flex-1">
75185
+ <h3 [ngClass]="sectionTitleClasses()" class="text-lg font-bold">
75186
+ Trade-off Metrics
75187
+ </h3>
75188
+ <p [ngClass]="sectionDescriptionClasses()" class="text-xs mt-0.5">
75189
+ Metrics that may conflict with {{ currentMetricName() }}
75190
+ </p>
75191
+ </div>
75192
+ <span [ngClass]="countBadgeClasses('tradeoff')" class="px-3 py-1 rounded-full text-sm font-bold">
75193
+ {{ groupedMetrics().tradeOff.length }}
75194
+ </span>
75195
+ </div>
75196
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
75197
+ @for (metric of groupedMetrics().tradeOff; track metric.metric) {
75198
+ <symphiq-related-metric-card
75199
+ [metric]="metric.metric"
75200
+ [relationship]="metric.relationship"
75201
+ [relationshipDescription]="metric.relationshipDescription"
75202
+ [priority]="metric.priority"
75203
+ [sharedGoalIds]="metric.sharedGoalIds"
75204
+ [viewMode]="viewMode()"
75205
+ [allGoals]="allGoals()"
75206
+ (cardClicked)="onMetricClick($event)"
75207
+ />
75208
+ }
75209
+ </div>
75210
+ </div>
75211
+ }
75212
+ </div>
75074
75213
  `
75075
75214
  }]
75076
- }], null, { relatedMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "relatedMetrics", required: true }] }], currentMetricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMetricName", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], metricClicked: [{ type: i0.Output, args: ["metricClicked"] }] }); })();
75077
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricsListComponent, { className: "RelatedMetricsListComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/related-metrics-list.component.ts", lineNumber: 170 }); })();
75215
+ }], null, { relatedMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "relatedMetrics", required: true }] }], currentMetricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMetricName", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], metricClicked: [{ type: i0.Output, args: ["metricClicked"] }] }); })();
75216
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricsListComponent, { className: "RelatedMetricsListComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/related-metrics-list.component.ts", lineNumber: 175 }); })();
75078
75217
 
75079
75218
  const _c0$l = (a0, a1) => ({ name: a0, source: a1 });
75080
75219
  const _c1$9 = a0 => ({ name: "signal", source: a0 });
@@ -77414,11 +77553,13 @@ function ProfileSectionContentComponent_Conditional_15_Template(rf, ctx) { if (r
77414
77553
  i0.ɵɵrepeater(ctx_r1.getBottlenecks());
77415
77554
  } }
77416
77555
  function ProfileSectionContentComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
77556
+ const _r30 = i0.ɵɵgetCurrentView();
77417
77557
  i0.ɵɵelementStart(0, "div")(1, "h3", 110);
77418
77558
  i0.ɵɵtext(2, "Metric Relationships");
77419
77559
  i0.ɵɵelementEnd();
77420
- i0.ɵɵelement(3, "symphiq-metric-relationships-card", 114);
77421
- i0.ɵɵelementEnd();
77560
+ i0.ɵɵelementStart(3, "symphiq-metric-relationships-card", 114);
77561
+ i0.ɵɵlistener("metricClicked", function ProfileSectionContentComponent_Conditional_16_Template_symphiq_metric_relationships_card_metricClicked_3_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRelationshipMetricClick($event)); });
77562
+ i0.ɵɵelementEnd()();
77422
77563
  } if (rf & 2) {
77423
77564
  const ctx_r1 = i0.ɵɵnextContext();
77424
77565
  i0.ɵɵadvance();
@@ -77427,13 +77568,14 @@ function ProfileSectionContentComponent_Conditional_16_Template(rf, ctx) { if (r
77427
77568
  i0.ɵɵproperty("relationships", ctx_r1.getMetricRelationships())("viewMode", ctx_r1.viewMode());
77428
77569
  } }
77429
77570
  function ProfileSectionContentComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
77430
- i0.ɵɵelementStart(0, "div");
77431
- i0.ɵɵelement(1, "symphiq-related-metrics-list", 115);
77432
- i0.ɵɵelementEnd();
77571
+ const _r31 = i0.ɵɵgetCurrentView();
77572
+ i0.ɵɵelementStart(0, "div")(1, "symphiq-related-metrics-list", 115);
77573
+ i0.ɵɵlistener("metricClicked", function ProfileSectionContentComponent_Conditional_17_Template_symphiq_related_metrics_list_metricClicked_1_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRelationshipMetricClick($event)); });
77574
+ i0.ɵɵelementEnd()();
77433
77575
  } if (rf & 2) {
77434
77576
  const ctx_r1 = i0.ɵɵnextContext();
77435
77577
  i0.ɵɵadvance();
77436
- i0.ɵɵproperty("relatedMetrics", ctx_r1.getRelatedMetrics())("currentMetricName", ctx_r1.getCurrentMetricName())("viewMode", ctx_r1.viewMode());
77578
+ i0.ɵɵproperty("relatedMetrics", ctx_r1.getRelatedMetrics())("currentMetricName", ctx_r1.getCurrentMetricName())("viewMode", ctx_r1.viewMode())("allGoals", ctx_r1.allGoals() || i0.ɵɵpureFunction0(4, _c4$1));
77437
77579
  } }
77438
77580
  function ProfileSectionContentComponent_Conditional_18_For_2_Template(rf, ctx) { if (rf & 1) {
77439
77581
  i0.ɵɵelementStart(0, "div", 16)(1, "div", 116)(2, "h4", 75);
@@ -77446,21 +77588,21 @@ function ProfileSectionContentComponent_Conditional_18_For_2_Template(rf, ctx) {
77446
77588
  i0.ɵɵtext(7);
77447
77589
  i0.ɵɵelementEnd()();
77448
77590
  } if (rf & 2) {
77449
- const area_r30 = ctx.$implicit;
77591
+ const area_r32 = ctx.$implicit;
77450
77592
  const ctx_r1 = i0.ɵɵnextContext(2);
77451
77593
  i0.ɵɵproperty("ngClass", ctx_r1.relatedAreaCardClasses());
77452
77594
  i0.ɵɵadvance(2);
77453
77595
  i0.ɵɵproperty("ngClass", ctx_r1.summaryTitleClasses());
77454
77596
  i0.ɵɵadvance();
77455
- i0.ɵɵtextInterpolate(ctx_r1.formatFocusAreaDomain(area_r30.focusAreaDomain));
77597
+ i0.ɵɵtextInterpolate(ctx_r1.formatFocusAreaDomain(area_r32.focusAreaDomain));
77456
77598
  i0.ɵɵadvance();
77457
- i0.ɵɵproperty("ngClass", ctx_r1.getRelationshipPriorityBadgeClasses(area_r30.priority));
77599
+ i0.ɵɵproperty("ngClass", ctx_r1.getRelationshipPriorityBadgeClasses(area_r32.priority));
77458
77600
  i0.ɵɵadvance();
77459
- i0.ɵɵtextInterpolate1(" ", ctx_r1.formatRelationshipPriority(area_r30.priority), " ");
77601
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.formatRelationshipPriority(area_r32.priority), " ");
77460
77602
  i0.ɵɵadvance();
77461
77603
  i0.ɵɵproperty("ngClass", ctx_r1.summaryTextClasses());
77462
77604
  i0.ɵɵadvance();
77463
- i0.ɵɵtextInterpolate(area_r30.relationship);
77605
+ i0.ɵɵtextInterpolate(area_r32.relationship);
77464
77606
  } }
77465
77607
  function ProfileSectionContentComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
77466
77608
  i0.ɵɵelementStart(0, "div", 10);
@@ -78020,6 +78162,14 @@ class ProfileSectionContentComponent {
78020
78162
  }
78021
78163
  return title;
78022
78164
  }
78165
+ onRelationshipMetricClick(metricEnum) {
78166
+ const metrics = this.allMetrics() || [];
78167
+ const metricData = metrics.find(m => m.metric === metricEnum);
78168
+ if (metricData) {
78169
+ const charts = this.allCharts() || [];
78170
+ this.modalService.openMetricModal(metricData, charts);
78171
+ }
78172
+ }
78023
78173
  onFocusAreaStrengthsClick() {
78024
78174
  const strengths = this.getFocusAreaStrengths();
78025
78175
  if (strengths && strengths.length > 0) {
@@ -78247,7 +78397,7 @@ class ProfileSectionContentComponent {
78247
78397
  this.modalService.openRecommendationMetricsListModal(metrics, relevantCharts, recommendationContext, directlyAffectedMetricId, indirectlyAffectedMetricIds);
78248
78398
  }
78249
78399
  static { this.ɵfac = function ProfileSectionContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileSectionContentComponent)(); }; }
78250
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileSectionContentComponent, selectors: [["symphiq-profile-section-content"]], inputs: { section: [1, "section"], executiveSummary: [1, "executiveSummary"], viewMode: [1, "viewMode"], sectionIndex: [1, "sectionIndex"], allGoals: [1, "allGoals"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], allInsights: [1, "allInsights"], businessProfile: [1, "businessProfile"] }, decls: 20, vars: 19, consts: [[1, "space-y-6"], [3, "performanceOverviewData", "mode"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mb-8"], [1, "flex", "flex-col", "gap-4"], [1, "space-y-8"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], [1, "flex", "flex-col", "gap-8"], [1, "space-y-6", "mt-6", "relative"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [1, "space-y-6", "relative"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [1, "text-center", "py-12", "px-6", "rounded-xl", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "flex-1"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "group", 3, "ngClass"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "mt-8"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", "mb-6", 3, "ngClass"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["size", "w-4 h-4", 3, "icon"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "metricClick", "performanceOverviewData", "mode"], [3, "item", "viewMode", "animationIndex"], [3, "goal", "viewMode", "goalIndex", "sectionIndex", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "capability", "viewMode", "allGoals"], [3, "comparison", "viewMode"], [1, "absolute", "left-8", "top-0", "bottom-0", "w-0.5", "pointer-events-none", 3, "ngClass"], [3, "phase", "viewMode", "isLast", "allGoals"], [3, "category", "viewMode"], [3, "categoryClick", "category", "viewMode"], [1, "rounded-xl", "p-6", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "text-lg", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-3", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "text-sm", "mb-4", "leading-relaxed", 3, "ngClass"], [1, "rounded-lg", "p-4", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wider", "opacity-60", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-3"], [1, "text-base", "font-bold", "flex-1", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wider", "ml-2", "flex-shrink-0", 3, "ngClass"], [1, "rounded-lg", "p-4", "mb-3", 3, "ngClass"], [1, "inline-block", "px-3", "py-1", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], [1, "grid", "grid-cols-1", "gap-6"], [1, "text-lg", "font-bold", "flex-1", 3, "ngClass"], [1, "flex", "gap-2", "ml-4", "flex-shrink-0"], [1, "flex", "items-center", "gap-2", "mb-3"], ["type", "button", 1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "w-full", "cursor-pointer", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], ["type", "button", 1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "w-full", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "text-sm", "font-medium"], [1, "text-lg", "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "opacity-80", 3, "ngClass"], [1, "rounded-lg", "p-5", "flex", "items-start", "justify-between", 3, "ngClass"], [1, "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wider", "ml-4", "flex-shrink-0", 3, "ngClass"], [1, "absolute", "left-5", "top-0", "bottom-0", "w-0.5", "pointer-events-none", "border-l-2", "border-dashed", 3, "ngClass"], [1, "flex", "items-start", "gap-4", "relative"], [1, "z-10", "flex-shrink-0", "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"], [1, "rounded-xl", "p-8", "flex-1", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "mb-6"], ["size", "w-5 h-5", 3, "icon", "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-lg", "leading-none", "mt-0.5", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "flex-1", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-4", 3, "ngClass"], [1, "font-semibold", "mb-2", "text-sm", 3, "ngClass"], [1, "text-xs", "mb-3", "leading-relaxed", 3, "ngClass"], ["size", "w-3 h-3", 3, "icon", "ngClass"], [1, "text-xs", "opacity-75", 3, "ngClass"], [1, "rounded-lg", "p-4", "text-center", 3, "ngClass"], [1, "text-xs", "font-medium", "mb-2", "opacity-75", 3, "ngClass"], [1, "text-xs", "opacity-60", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-4"], [3, "driver", "viewMode"], [3, "bottleneck", "viewMode"], [3, "relationships", "viewMode"], [3, "relatedMetrics", "currentMetricName", "viewMode"], [1, "flex", "items-start", "justify-between", "mb-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", "opacity-50"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"]], template: function ProfileSectionContentComponent_Template(rf, ctx) { if (rf & 1) {
78400
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileSectionContentComponent, selectors: [["symphiq-profile-section-content"]], inputs: { section: [1, "section"], executiveSummary: [1, "executiveSummary"], viewMode: [1, "viewMode"], sectionIndex: [1, "sectionIndex"], allGoals: [1, "allGoals"], allMetrics: [1, "allMetrics"], allCharts: [1, "allCharts"], allInsights: [1, "allInsights"], businessProfile: [1, "businessProfile"] }, decls: 20, vars: 19, consts: [[1, "space-y-6"], [3, "performanceOverviewData", "mode"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mb-8"], [1, "flex", "flex-col", "gap-4"], [1, "space-y-8"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], [1, "flex", "flex-col", "gap-8"], [1, "space-y-6", "mt-6", "relative"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [1, "space-y-6", "relative"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [1, "text-center", "py-12", "px-6", "rounded-xl", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "flex-1"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "group", 3, "ngClass"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "mt-8"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", "mb-6", 3, "ngClass"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["size", "w-4 h-4", 3, "icon"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "metricClick", "performanceOverviewData", "mode"], [3, "item", "viewMode", "animationIndex"], [3, "goal", "viewMode", "goalIndex", "sectionIndex", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "capability", "viewMode", "allGoals"], [3, "comparison", "viewMode"], [1, "absolute", "left-8", "top-0", "bottom-0", "w-0.5", "pointer-events-none", 3, "ngClass"], [3, "phase", "viewMode", "isLast", "allGoals"], [3, "category", "viewMode"], [3, "categoryClick", "category", "viewMode"], [1, "rounded-xl", "p-6", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "text-lg", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-3", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "text-sm", "mb-4", "leading-relaxed", 3, "ngClass"], [1, "rounded-lg", "p-4", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wider", "opacity-60", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-3"], [1, "text-base", "font-bold", "flex-1", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wider", "ml-2", "flex-shrink-0", 3, "ngClass"], [1, "rounded-lg", "p-4", "mb-3", 3, "ngClass"], [1, "inline-block", "px-3", "py-1", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], [1, "grid", "grid-cols-1", "gap-6"], [1, "text-lg", "font-bold", "flex-1", 3, "ngClass"], [1, "flex", "gap-2", "ml-4", "flex-shrink-0"], [1, "flex", "items-center", "gap-2", "mb-3"], ["type", "button", 1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "w-full", "cursor-pointer", 3, "ngClass"], [1, "text-xs", "font-medium", 3, "ngClass"], ["type", "button", 1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "w-full", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "text-sm", "font-medium"], [1, "text-lg", "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "opacity-80", 3, "ngClass"], [1, "rounded-lg", "p-5", "flex", "items-start", "justify-between", 3, "ngClass"], [1, "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "uppercase", "tracking-wider", "ml-4", "flex-shrink-0", 3, "ngClass"], [1, "absolute", "left-5", "top-0", "bottom-0", "w-0.5", "pointer-events-none", "border-l-2", "border-dashed", 3, "ngClass"], [1, "flex", "items-start", "gap-4", "relative"], [1, "z-10", "flex-shrink-0", "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"], [1, "rounded-xl", "p-8", "flex-1", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "mb-6"], ["size", "w-5 h-5", 3, "icon", "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-lg", "leading-none", "mt-0.5", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "flex-1", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-4", 3, "ngClass"], [1, "font-semibold", "mb-2", "text-sm", 3, "ngClass"], [1, "text-xs", "mb-3", "leading-relaxed", 3, "ngClass"], ["size", "w-3 h-3", 3, "icon", "ngClass"], [1, "text-xs", "opacity-75", 3, "ngClass"], [1, "rounded-lg", "p-4", "text-center", 3, "ngClass"], [1, "text-xs", "font-medium", "mb-2", "opacity-75", 3, "ngClass"], [1, "text-xs", "opacity-60", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-4"], [3, "driver", "viewMode"], [3, "bottleneck", "viewMode"], [3, "metricClicked", "relationships", "viewMode"], [3, "metricClicked", "relatedMetrics", "currentMetricName", "viewMode", "allGoals"], [1, "flex", "items-start", "justify-between", "mb-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", "opacity-50"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"]], template: function ProfileSectionContentComponent_Template(rf, ctx) { if (rf & 1) {
78251
78401
  i0.ɵɵelementStart(0, "div", 0);
78252
78402
  i0.ɵɵconditionalCreate(1, ProfileSectionContentComponent_Conditional_1_Template, 35, 32);
78253
78403
  i0.ɵɵconditionalCreate(2, ProfileSectionContentComponent_Conditional_2_Template, 1, 2, "symphiq-performance-overview-container", 1);
@@ -78265,7 +78415,7 @@ class ProfileSectionContentComponent {
78265
78415
  i0.ɵɵconditionalCreate(14, ProfileSectionContentComponent_Conditional_14_Template, 6, 1, "div");
78266
78416
  i0.ɵɵconditionalCreate(15, ProfileSectionContentComponent_Conditional_15_Template, 6, 1, "div");
78267
78417
  i0.ɵɵconditionalCreate(16, ProfileSectionContentComponent_Conditional_16_Template, 4, 3, "div");
78268
- i0.ɵɵconditionalCreate(17, ProfileSectionContentComponent_Conditional_17_Template, 2, 3, "div");
78418
+ i0.ɵɵconditionalCreate(17, ProfileSectionContentComponent_Conditional_17_Template, 2, 5, "div");
78269
78419
  i0.ɵɵconditionalCreate(18, ProfileSectionContentComponent_Conditional_18_Template, 3, 0, "div", 10);
78270
78420
  i0.ɵɵconditionalCreate(19, ProfileSectionContentComponent_Conditional_19_Template, 5, 2, "div", 11);
78271
78421
  i0.ɵɵelementEnd();
@@ -79014,6 +79164,7 @@ class ProfileSectionContentComponent {
79014
79164
  <symphiq-metric-relationships-card
79015
79165
  [relationships]="getMetricRelationships()"
79016
79166
  [viewMode]="viewMode()"
79167
+ (metricClicked)="onRelationshipMetricClick($event)"
79017
79168
  />
79018
79169
  </div>
79019
79170
  }
@@ -79025,6 +79176,8 @@ class ProfileSectionContentComponent {
79025
79176
  [relatedMetrics]="getRelatedMetrics()"
79026
79177
  [currentMetricName]="getCurrentMetricName()"
79027
79178
  [viewMode]="viewMode()"
79179
+ [allGoals]="allGoals() || []"
79180
+ (metricClicked)="onRelationshipMetricClick($event)"
79028
79181
  />
79029
79182
  </div>
79030
79183
  }
@@ -79060,7 +79213,7 @@ class ProfileSectionContentComponent {
79060
79213
  `
79061
79214
  }]
79062
79215
  }], null, { section: [{ type: i0.Input, args: [{ isSignal: true, alias: "section", required: false }] }], executiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "executiveSummary", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], sectionIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionIndex", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }] }); })();
79063
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileSectionContentComponent, { className: "ProfileSectionContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/profile-section-content.component.ts", lineNumber: 760 }); })();
79216
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileSectionContentComponent, { className: "ProfileSectionContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/profile-section-content.component.ts", lineNumber: 763 }); })();
79064
79217
 
79065
79218
  const _forTrack0$m = ($index, $item) => $item.id || $index;
79066
79219
  function GoalObjectivesModalContentComponent_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {