@eric-emg/symphiq-components 1.2.324 → 1.2.327

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 +2121 -926
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +74 -23
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/styles.css +108 -0
package/fesm2022/symphiq-components.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, MetricEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, AiDynamicContentStatusEnum, normalizeToV3, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, MetricEnumUtil, NumberTypeEnum, LineChartUseCaseEnum, FunnelMetricTypeEnum, FocusAreaHealthEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, ProfileAnalysisTypeEnum, BarChartUseCaseEnum } from '@jebgem/model';
1
+ import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, MetricEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, AiDynamicContentStatusEnum, normalizeToV3, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, MetricEnumUtil, NumberTypeEnum, LineChartUseCaseEnum, FunnelMetricTypeEnum, FocusAreaHealthEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, CurrencyCodeEnum, ProfileAnalysisTypeEnum, ChargebeeSubscriptionStatusEnumUtil, BarChartUseCaseEnum } from '@jebgem/model';
2
2
  export * from '@jebgem/model';
3
3
  import * as i0 from '@angular/core';
4
4
  import { Injectable, signal, computed, input, ChangeDetectionStrategy, Component, output, inject, ElementRef, Renderer2, effect, Directive, HostListener, untracked, ViewChild, PLATFORM_ID, Inject, Input, afterNextRender } from '@angular/core';
@@ -3888,7 +3888,7 @@ class CompetitiveScoreService {
3888
3888
  }]
3889
3889
  }], null, null); })();
3890
3890
 
3891
- const _forTrack0$R = ($index, $item) => $item.category;
3891
+ const _forTrack0$S = ($index, $item) => $item.category;
3892
3892
  function CompetitivePositioningSummaryComponent_Conditional_1_For_47_Conditional_12_Template(rf, ctx) { if (rf & 1) {
3893
3893
  i0.ɵɵelementStart(0, "div", 15);
3894
3894
  i0.ɵɵelement(1, "div", 37);
@@ -4047,7 +4047,7 @@ function CompetitivePositioningSummaryComponent_Conditional_1_Template(rf, ctx)
4047
4047
  i0.ɵɵelementEnd()();
4048
4048
  i0.ɵɵnamespaceHTML();
4049
4049
  i0.ɵɵelementStart(43, "div", 24)(44, "div", 25)(45, "div", 26);
4050
- i0.ɵɵrepeaterCreate(46, CompetitivePositioningSummaryComponent_Conditional_1_For_47_Template, 15, 12, "div", 27, _forTrack0$R);
4050
+ i0.ɵɵrepeaterCreate(46, CompetitivePositioningSummaryComponent_Conditional_1_For_47_Template, 15, 12, "div", 27, _forTrack0$S);
4051
4051
  i0.ɵɵelementEnd()()()();
4052
4052
  i0.ɵɵelementStart(48, "div", 28)(49, "button", 29);
4053
4053
  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()); });
@@ -4256,7 +4256,7 @@ function CompetitivePositioningSummaryComponent_Conditional_2_Template(rf, ctx)
4256
4256
  i0.ɵɵelementStart(32, "div", 50)(33, "h4", 51);
4257
4257
  i0.ɵɵtext(34, "By Funnel Stage");
4258
4258
  i0.ɵɵelementEnd();
4259
- i0.ɵɵrepeaterCreate(35, CompetitivePositioningSummaryComponent_Conditional_2_For_36_Template, 12, 11, "div", 52, _forTrack0$R);
4259
+ i0.ɵɵrepeaterCreate(35, CompetitivePositioningSummaryComponent_Conditional_2_For_36_Template, 12, 11, "div", 52, _forTrack0$S);
4260
4260
  i0.ɵɵelementEnd();
4261
4261
  i0.ɵɵelementStart(37, "div", 28)(38, "button", 53);
4262
4262
  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()); });
@@ -8933,7 +8933,7 @@ class MetricCardComponent {
8933
8933
  const _c0$14 = () => [1, 2, 3];
8934
8934
  const _c1$C = (a0, a1, a2) => [a0, a1, a2];
8935
8935
  const _c2$p = (a0, a1) => [a0, a1];
8936
- const _forTrack0$Q = ($index, $item) => $item.metric;
8936
+ const _forTrack0$R = ($index, $item) => $item.metric;
8937
8937
  const _forTrack1$7 = ($index, $item) => $item.dimensionValue;
8938
8938
  function BreakdownSectionComponent_Conditional_0_For_7_For_4_Template(rf, ctx) { if (rf & 1) {
8939
8939
  i0.ɵɵelementStart(0, "div", 7);
@@ -9256,7 +9256,7 @@ function BreakdownSectionComponent_Conditional_1_Template(rf, ctx) { if (rf & 1)
9256
9256
  i0.ɵɵelementEnd()();
9257
9257
  i0.ɵɵconditionalCreate(6, BreakdownSectionComponent_Conditional_1_Conditional_6_Template, 3, 0, "div", 11);
9258
9258
  i0.ɵɵelementStart(7, "div", 12);
9259
- i0.ɵɵrepeaterCreate(8, BreakdownSectionComponent_Conditional_1_For_9_Template, 28, 18, "div", 13, _forTrack0$Q);
9259
+ i0.ɵɵrepeaterCreate(8, BreakdownSectionComponent_Conditional_1_For_9_Template, 28, 18, "div", 13, _forTrack0$R);
9260
9260
  i0.ɵɵelementEnd()();
9261
9261
  } if (rf & 2) {
9262
9262
  const ctx_r0 = i0.ɵɵnextContext();
@@ -10654,7 +10654,7 @@ class ChartCardComponent {
10654
10654
  }], 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"] }] }); }); })();
10655
10655
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChartCardComponent, { className: "ChartCardComponent", filePath: "lib/components/shared/chart-card.component.ts", lineNumber: 101 }); })();
10656
10656
 
10657
- const _forTrack0$P = ($index, $item) => $item.id;
10657
+ const _forTrack0$Q = ($index, $item) => $item.id;
10658
10658
  function FunnelStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
10659
10659
  i0.ɵɵelementStart(0, "div", 1);
10660
10660
  i0.ɵɵnamespaceSVG();
@@ -10768,7 +10768,7 @@ function FunnelStrengthsListModalContentComponent_Conditional_2_For_2_Template(r
10768
10768
  } }
10769
10769
  function FunnelStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
10770
10770
  i0.ɵɵelementStart(0, "div", 2);
10771
- i0.ɵɵrepeaterCreate(1, FunnelStrengthsListModalContentComponent_Conditional_2_For_2_Template, 30, 22, "button", 7, _forTrack0$P);
10771
+ i0.ɵɵrepeaterCreate(1, FunnelStrengthsListModalContentComponent_Conditional_2_For_2_Template, 30, 22, "button", 7, _forTrack0$Q);
10772
10772
  i0.ɵɵelementEnd();
10773
10773
  } if (rf & 2) {
10774
10774
  const ctx_r0 = i0.ɵɵnextContext();
@@ -10978,7 +10978,7 @@ class FunnelStrengthsListModalContentComponent {
10978
10978
  }], null, { strengths: [{ type: i0.Input, args: [{ isSignal: true, alias: "strengths", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: true }] }] }); })();
10979
10979
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelStrengthsListModalContentComponent, { className: "FunnelStrengthsListModalContentComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-strengths-list-modal-content.component.ts", lineNumber: 93 }); })();
10980
10980
 
10981
- const _forTrack0$O = ($index, $item) => $item.severity;
10981
+ const _forTrack0$P = ($index, $item) => $item.severity;
10982
10982
  const _forTrack1$6 = ($index, $item) => $item.id;
10983
10983
  function FunnelWeaknessesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
10984
10984
  i0.ɵɵelementStart(0, "div", 1);
@@ -11157,7 +11157,7 @@ function FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template(
11157
11157
  } }
11158
11158
  function FunnelWeaknessesListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
11159
11159
  i0.ɵɵelementStart(0, "div", 2);
11160
- i0.ɵɵrepeaterCreate(1, FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template, 9, 7, "div", null, _forTrack0$O);
11160
+ i0.ɵɵrepeaterCreate(1, FunnelWeaknessesListModalContentComponent_Conditional_2_For_2_Template, 9, 7, "div", null, _forTrack0$P);
11161
11161
  i0.ɵɵelementEnd();
11162
11162
  } if (rf & 2) {
11163
11163
  const ctx_r0 = i0.ɵɵnextContext();
@@ -12932,7 +12932,7 @@ class ProfileItemLookupService {
12932
12932
  }], null, null); })();
12933
12933
 
12934
12934
  const _c0$11 = a0 => ({ name: "chevron-right", source: a0 });
12935
- const _forTrack0$N = ($index, $item) => $item.id;
12935
+ const _forTrack0$O = ($index, $item) => $item.id;
12936
12936
  function RelatedAreaChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
12937
12937
  const _r1 = i0.ɵɵgetCurrentView();
12938
12938
  i0.ɵɵelementStart(0, "button", 2);
@@ -12953,7 +12953,7 @@ function RelatedAreaChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (r
12953
12953
  } }
12954
12954
  function RelatedAreaChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
12955
12955
  i0.ɵɵelementStart(0, "div", 0);
12956
- i0.ɵɵrepeaterCreate(1, RelatedAreaChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$N);
12956
+ i0.ɵɵrepeaterCreate(1, RelatedAreaChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$O);
12957
12957
  i0.ɵɵelementEnd();
12958
12958
  } if (rf & 2) {
12959
12959
  const ctx_r2 = i0.ɵɵnextContext();
@@ -13178,7 +13178,7 @@ class CompetitorChipListComponent {
13178
13178
  }], 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 }] }] }); })();
13179
13179
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitorChipListComponent, { className: "CompetitorChipListComponent", filePath: "lib/components/business-analysis-dashboard/shared/competitor-chip-list.component.ts", lineNumber: 37 }); })();
13180
13180
 
13181
- const _forTrack0$M = ($index, $item) => $item.id;
13181
+ const _forTrack0$N = ($index, $item) => $item.id;
13182
13182
  function CompetitorContextSectionComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
13183
13183
  const _r1 = i0.ɵɵgetCurrentView();
13184
13184
  i0.ɵɵelementStart(0, "button", 8);
@@ -13261,7 +13261,7 @@ function CompetitorContextSectionComponent_Conditional_0_Template(rf, ctx) { if
13261
13261
  i0.ɵɵconditionalCreate(8, CompetitorContextSectionComponent_Conditional_0_Conditional_8_Template, 5, 4, "button", 4);
13262
13262
  i0.ɵɵelementEnd();
13263
13263
  i0.ɵɵelementStart(9, "div", 5)(10, "div", 6);
13264
- i0.ɵɵrepeaterCreate(11, CompetitorContextSectionComponent_Conditional_0_For_12_Template, 10, 6, "button", 7, _forTrack0$M);
13264
+ i0.ɵɵrepeaterCreate(11, CompetitorContextSectionComponent_Conditional_0_For_12_Template, 10, 6, "button", 7, _forTrack0$N);
13265
13265
  i0.ɵɵelementEnd()()();
13266
13266
  } if (rf & 2) {
13267
13267
  const ctx_r1 = i0.ɵɵnextContext();
@@ -13452,7 +13452,7 @@ class CompetitorContextSectionComponent {
13452
13452
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitorContextSectionComponent, { className: "CompetitorContextSectionComponent", filePath: "lib/components/business-analysis-dashboard/cards/competitor-context-section.component.ts", lineNumber: 86 }); })();
13453
13453
 
13454
13454
  const _c0$$ = a0 => ({ name: "chevron-right", source: a0 });
13455
- const _forTrack0$L = ($index, $item) => $item.id;
13455
+ const _forTrack0$M = ($index, $item) => $item.id;
13456
13456
  function RelatedRecommendationChipsComponent_Conditional_0_For_3_Template(rf, ctx) { if (rf & 1) {
13457
13457
  const _r1 = i0.ɵɵgetCurrentView();
13458
13458
  i0.ɵɵelementStart(0, "button", 4);
@@ -13495,7 +13495,7 @@ function RelatedRecommendationChipsComponent_Conditional_0_Conditional_4_Templat
13495
13495
  } }
13496
13496
  function RelatedRecommendationChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
13497
13497
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
13498
- i0.ɵɵrepeaterCreate(2, RelatedRecommendationChipsComponent_Conditional_0_For_3_Template, 5, 6, "button", 2, _forTrack0$L);
13498
+ i0.ɵɵrepeaterCreate(2, RelatedRecommendationChipsComponent_Conditional_0_For_3_Template, 5, 6, "button", 2, _forTrack0$M);
13499
13499
  i0.ɵɵelementEnd();
13500
13500
  i0.ɵɵconditionalCreate(4, RelatedRecommendationChipsComponent_Conditional_0_Conditional_4_Template, 5, 4, "button", 3);
13501
13501
  i0.ɵɵelementEnd();
@@ -13951,7 +13951,7 @@ class RelatedFunnelInsightsSectionComponent {
13951
13951
  }], 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"] }] }); })();
13952
13952
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedFunnelInsightsSectionComponent, { className: "RelatedFunnelInsightsSectionComponent", filePath: "lib/components/business-analysis-dashboard/shared/related-funnel-insights-section.component.ts", lineNumber: 47 }); })();
13953
13953
 
13954
- const _forTrack0$K = ($index, $item) => $item.order;
13954
+ const _forTrack0$L = ($index, $item) => $item.order;
13955
13955
  function RecommendationCardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
13956
13956
  i0.ɵɵelementStart(0, "div", 9);
13957
13957
  i0.ɵɵelement(1, "symphiq-icon", 11);
@@ -14304,7 +14304,7 @@ function RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6
14304
14304
  } }
14305
14305
  function RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6_Template(rf, ctx) { if (rf & 1) {
14306
14306
  i0.ɵɵelementStart(0, "div", 37);
14307
- i0.ɵɵrepeaterCreate(1, RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6_For_2_Template, 13, 9, "div", 41, _forTrack0$K);
14307
+ i0.ɵɵrepeaterCreate(1, RecommendationCardComponent_Conditional_13_Conditional_12_Conditional_6_For_2_Template, 13, 9, "div", 41, _forTrack0$L);
14308
14308
  i0.ɵɵelementEnd();
14309
14309
  } if (rf & 2) {
14310
14310
  const ctx_r0 = i0.ɵɵnextContext(3);
@@ -15143,7 +15143,7 @@ const ModalComponent_Conditional_0_Conditional_19_Conditional_4_Defer_2_DepsFn =
15143
15143
  const ModalComponent_Conditional_0_Conditional_19_Conditional_5_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
15144
15144
  const ModalComponent_Conditional_0_Conditional_19_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent)];
15145
15145
  const ModalComponent_Conditional_0_Conditional_19_Conditional_7_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
15146
- const _forTrack0$J = ($index, $item) => $item.id || $index;
15146
+ const _forTrack0$K = ($index, $item) => $item.id || $index;
15147
15147
  function ModalComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
15148
15148
  const _r3 = i0.ɵɵgetCurrentView();
15149
15149
  i0.ɵɵelementStart(0, "button", 13);
@@ -15517,7 +15517,7 @@ function ModalComponent_Conditional_0_Conditional_22_For_3_Template(rf, ctx) { i
15517
15517
  function ModalComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
15518
15518
  i0.ɵɵelementStart(0, "div", 22);
15519
15519
  i0.ɵɵconditionalCreate(1, ModalComponent_Conditional_0_Conditional_22_Conditional_1_Template, 2, 2, "p", 55);
15520
- i0.ɵɵrepeaterCreate(2, ModalComponent_Conditional_0_Conditional_22_For_3_Template, 2, 5, "div", null, _forTrack0$J);
15520
+ i0.ɵɵrepeaterCreate(2, ModalComponent_Conditional_0_Conditional_22_For_3_Template, 2, 5, "div", null, _forTrack0$K);
15521
15521
  i0.ɵɵelementEnd();
15522
15522
  } if (rf & 2) {
15523
15523
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -19754,7 +19754,7 @@ class NarrativeTooltipComponent {
19754
19754
  }], null, { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], isLightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLightMode", required: false }] }] }); })();
19755
19755
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NarrativeTooltipComponent, { className: "NarrativeTooltipComponent", filePath: "lib/components/funnel-analysis-dashboard/tooltip/narrative-tooltip.component.ts", lineNumber: 27 }); })();
19756
19756
 
19757
- const _forTrack0$I = ($index, $item) => $item.name;
19757
+ const _forTrack0$J = ($index, $item) => $item.name;
19758
19758
  function CompetitiveStatusTooltipComponent_Conditional_6_For_6_Template(rf, ctx) { if (rf & 1) {
19759
19759
  i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "div", 9);
19760
19760
  i0.ɵɵelement(3, "div", 10);
@@ -19798,7 +19798,7 @@ function CompetitiveStatusTooltipComponent_Conditional_6_Template(rf, ctx) { if
19798
19798
  i0.ɵɵtext(3);
19799
19799
  i0.ɵɵelementEnd();
19800
19800
  i0.ɵɵelementStart(4, "div", 5);
19801
- i0.ɵɵrepeaterCreate(5, CompetitiveStatusTooltipComponent_Conditional_6_For_6_Template, 13, 12, "div", 6, _forTrack0$I);
19801
+ i0.ɵɵrepeaterCreate(5, CompetitiveStatusTooltipComponent_Conditional_6_For_6_Template, 13, 12, "div", 6, _forTrack0$J);
19802
19802
  i0.ɵɵelementEnd()();
19803
19803
  } if (rf & 2) {
19804
19804
  const ctx_r1 = i0.ɵɵnextContext();
@@ -20045,7 +20045,7 @@ class CompetitiveStatusTooltipComponent {
20045
20045
  }], 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 }] }] }); })();
20046
20046
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveStatusTooltipComponent, { className: "CompetitiveStatusTooltipComponent", filePath: "lib/components/funnel-analysis-dashboard/tooltip/competitive-status-tooltip.component.ts", lineNumber: 60 }); })();
20047
20047
 
20048
- const _forTrack0$H = ($index, $item) => $item.name;
20048
+ const _forTrack0$I = ($index, $item) => $item.name;
20049
20049
  function FunnelStageCompetitiveTooltipComponent_Conditional_8_For_7_Template(rf, ctx) { if (rf & 1) {
20050
20050
  i0.ɵɵelementStart(0, "div", 9)(1, "div", 10)(2, "span", 11);
20051
20051
  i0.ɵɵtext(3);
@@ -20085,7 +20085,7 @@ function FunnelStageCompetitiveTooltipComponent_Conditional_8_Template(rf, ctx)
20085
20085
  i0.ɵɵtext(4);
20086
20086
  i0.ɵɵelementEnd()();
20087
20087
  i0.ɵɵelementStart(5, "div", 8);
20088
- i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_8_For_7_Template, 11, 9, "div", 9, _forTrack0$H);
20088
+ i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_8_For_7_Template, 11, 9, "div", 9, _forTrack0$I);
20089
20089
  i0.ɵɵelementEnd()();
20090
20090
  } if (rf & 2) {
20091
20091
  const ctx_r1 = i0.ɵɵnextContext();
@@ -20135,7 +20135,7 @@ function FunnelStageCompetitiveTooltipComponent_Conditional_9_Template(rf, ctx)
20135
20135
  i0.ɵɵtext(4);
20136
20136
  i0.ɵɵelementEnd()();
20137
20137
  i0.ɵɵelementStart(5, "div", 8);
20138
- i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_9_For_7_Template, 11, 9, "div", 9, _forTrack0$H);
20138
+ i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_9_For_7_Template, 11, 9, "div", 9, _forTrack0$I);
20139
20139
  i0.ɵɵelementEnd()();
20140
20140
  } if (rf & 2) {
20141
20141
  const ctx_r1 = i0.ɵɵnextContext();
@@ -20185,7 +20185,7 @@ function FunnelStageCompetitiveTooltipComponent_Conditional_10_Template(rf, ctx)
20185
20185
  i0.ɵɵtext(4);
20186
20186
  i0.ɵɵelementEnd()();
20187
20187
  i0.ɵɵelementStart(5, "div", 8);
20188
- i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_10_For_7_Template, 11, 9, "div", 9, _forTrack0$H);
20188
+ i0.ɵɵrepeaterCreate(6, FunnelStageCompetitiveTooltipComponent_Conditional_10_For_7_Template, 11, 9, "div", 9, _forTrack0$I);
20189
20189
  i0.ɵɵelementEnd()();
20190
20190
  } if (rf & 2) {
20191
20191
  const ctx_r1 = i0.ɵɵnextContext();
@@ -21449,7 +21449,7 @@ class MobileFABComponent {
21449
21449
  }], 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"] }] }); })();
21450
21450
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileFABComponent, { className: "MobileFABComponent", filePath: "lib/components/funnel-analysis-dashboard/mobile-fab.component.ts", lineNumber: 75 }); })();
21451
21451
 
21452
- const _forTrack0$G = ($index, $item) => $item.id;
21452
+ const _forTrack0$H = ($index, $item) => $item.id;
21453
21453
  function MobileBottomNavComponent_For_3_Template(rf, ctx) { if (rf & 1) {
21454
21454
  const _r1 = i0.ɵɵgetCurrentView();
21455
21455
  i0.ɵɵelementStart(0, "button", 3);
@@ -21507,7 +21507,7 @@ class MobileBottomNavComponent {
21507
21507
  static { this.ɵfac = function MobileBottomNavComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MobileBottomNavComponent)(); }; }
21508
21508
  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) {
21509
21509
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
21510
- i0.ɵɵrepeaterCreate(2, MobileBottomNavComponent_For_3_Template, 4, 3, "button", 2, _forTrack0$G);
21510
+ i0.ɵɵrepeaterCreate(2, MobileBottomNavComponent_For_3_Template, 4, 3, "button", 2, _forTrack0$H);
21511
21511
  i0.ɵɵelementEnd()();
21512
21512
  } if (rf & 2) {
21513
21513
  i0.ɵɵproperty("ngClass", ctx.containerClass());
@@ -21712,7 +21712,7 @@ class SearchService {
21712
21712
  }], null, null); })();
21713
21713
 
21714
21714
  const _c0$Z = ["searchInput"];
21715
- const _forTrack0$F = ($index, $item) => $item.id;
21715
+ const _forTrack0$G = ($index, $item) => $item.id;
21716
21716
  function SearchBarComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
21717
21717
  const _r3 = i0.ɵɵgetCurrentView();
21718
21718
  i0.ɵɵelementStart(0, "button", 18);
@@ -21805,7 +21805,7 @@ function SearchBarComponent_Conditional_0_Conditional_14_For_2_Template(rf, ctx)
21805
21805
  } }
21806
21806
  function SearchBarComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
21807
21807
  i0.ɵɵelementStart(0, "div", 15);
21808
- i0.ɵɵrepeaterCreate(1, SearchBarComponent_Conditional_0_Conditional_14_For_2_Template, 16, 12, "button", 19, _forTrack0$F);
21808
+ i0.ɵɵrepeaterCreate(1, SearchBarComponent_Conditional_0_Conditional_14_For_2_Template, 16, 12, "button", 19, _forTrack0$G);
21809
21809
  i0.ɵɵelementEnd();
21810
21810
  } if (rf & 2) {
21811
21811
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -22296,7 +22296,7 @@ class SearchHighlightDirective {
22296
22296
  }]
22297
22297
  }], () => [], { symphiqSearchHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "libSymphiqSearchHighlight", required: false }] }], highlightId: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightId", required: false }] }] }); })();
22298
22298
 
22299
- const _forTrack0$E = ($index, $item) => $item.value;
22299
+ const _forTrack0$F = ($index, $item) => $item.value;
22300
22300
  const _forTrack1$5 = ($index, $item) => $item.performanceItemId;
22301
22301
  function CompetitiveScorecardComponent_For_12_Template(rf, ctx) { if (rf & 1) {
22302
22302
  i0.ɵɵelementStart(0, "div", 7);
@@ -22671,7 +22671,7 @@ class CompetitiveScorecardComponent {
22671
22671
  i0.ɵɵtext(9);
22672
22672
  i0.ɵɵelementEnd()()();
22673
22673
  i0.ɵɵelementStart(10, "div", 6);
22674
- i0.ɵɵrepeaterCreate(11, CompetitiveScorecardComponent_For_12_Template, 4, 7, "div", 7, _forTrack0$E);
22674
+ i0.ɵɵrepeaterCreate(11, CompetitiveScorecardComponent_For_12_Template, 4, 7, "div", 7, _forTrack0$F);
22675
22675
  i0.ɵɵelementEnd();
22676
22676
  i0.ɵɵelementStart(13, "div", 8)(14, "table", 9)(15, "thead")(16, "tr", 10)(17, "th", 11);
22677
22677
  i0.ɵɵtext(18, "Metric");
@@ -23306,7 +23306,7 @@ class SectionDividerComponent {
23306
23306
  }], 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 }] }] }); })();
23307
23307
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionDividerComponent, { className: "SectionDividerComponent", filePath: "lib/components/shared/section-divider.component.ts", lineNumber: 36 }); })();
23308
23308
 
23309
- const _forTrack0$D = ($index, $item) => $item.id;
23309
+ const _forTrack0$E = ($index, $item) => $item.id;
23310
23310
  function FloatingTocComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
23311
23311
  i0.ɵɵnamespaceSVG();
23312
23312
  i0.ɵɵelement(0, "path", 8);
@@ -23358,7 +23358,7 @@ function FloatingTocComponent_For_19_Conditional_7_For_2_Template(rf, ctx) { if
23358
23358
  } }
23359
23359
  function FloatingTocComponent_For_19_Conditional_7_Template(rf, ctx) { if (rf & 1) {
23360
23360
  i0.ɵɵelementStart(0, "div", 17);
23361
- i0.ɵɵrepeaterCreate(1, FloatingTocComponent_For_19_Conditional_7_For_2_Template, 4, 4, "button", 19, _forTrack0$D);
23361
+ i0.ɵɵrepeaterCreate(1, FloatingTocComponent_For_19_Conditional_7_For_2_Template, 4, 4, "button", 19, _forTrack0$E);
23362
23362
  i0.ɵɵelementEnd();
23363
23363
  } if (rf & 2) {
23364
23364
  const section_r2 = i0.ɵɵnextContext().$implicit;
@@ -23748,7 +23748,7 @@ class FloatingTocComponent {
23748
23748
  i0.ɵɵelementEnd()()();
23749
23749
  i0.ɵɵnamespaceHTML();
23750
23750
  i0.ɵɵelementStart(17, "nav", 9);
23751
- i0.ɵɵrepeaterCreate(18, FloatingTocComponent_For_19_Template, 8, 6, "div", 10, _forTrack0$D);
23751
+ i0.ɵɵrepeaterCreate(18, FloatingTocComponent_For_19_Template, 8, 6, "div", 10, _forTrack0$E);
23752
23752
  i0.ɵɵelementEnd();
23753
23753
  i0.ɵɵelementStart(20, "div", 11)(21, "button", 7);
23754
23754
  i0.ɵɵlistener("click", function FloatingTocComponent_Template_button_click_21_listener() { return ctx.scrollToTop(); });
@@ -23902,7 +23902,7 @@ class FloatingTocComponent {
23902
23902
  }], 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 }] }] }); })();
23903
23903
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FloatingTocComponent, { className: "FloatingTocComponent", filePath: "lib/components/business-analysis-dashboard/floating-toc.component.ts", lineNumber: 125 }); })();
23904
23904
 
23905
- const _forTrack0$C = ($index, $item) => $item.id;
23905
+ const _forTrack0$D = ($index, $item) => $item.id;
23906
23906
  function JourneyProgressIndicatorComponent_For_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
23907
23907
  i0.ɵɵnamespaceSVG();
23908
23908
  i0.ɵɵelementStart(0, "svg", 22);
@@ -24135,7 +24135,7 @@ function JourneyProgressIndicatorComponent_Conditional_23_Template(rf, ctx) { if
24135
24135
  i0.ɵɵtext(2, "Journey Progress");
24136
24136
  i0.ɵɵelementEnd();
24137
24137
  i0.ɵɵelementStart(3, "div", 44);
24138
- i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_Conditional_23_For_5_Template, 14, 8, "div", 45, _forTrack0$C);
24138
+ i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_Conditional_23_For_5_Template, 14, 8, "div", 45, _forTrack0$D);
24139
24139
  i0.ɵɵelementEnd()();
24140
24140
  } if (rf & 2) {
24141
24141
  const ctx_r2 = i0.ɵɵnextContext();
@@ -24584,7 +24584,7 @@ class JourneyProgressIndicatorComponent {
24584
24584
  static { this.ɵfac = function JourneyProgressIndicatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || JourneyProgressIndicatorComponent)(); }; }
24585
24585
  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: 12, consts: [[1, "sticky", "top-[60px]", "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) {
24586
24586
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
24587
- i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_For_5_Template, 10, 10, null, null, _forTrack0$C);
24587
+ i0.ɵɵrepeaterCreate(4, JourneyProgressIndicatorComponent_For_5_Template, 10, 10, null, null, _forTrack0$D);
24588
24588
  i0.ɵɵelementEnd();
24589
24589
  i0.ɵɵconditionalCreate(6, JourneyProgressIndicatorComponent_Conditional_6_Template, 3, 11, "button", 4);
24590
24590
  i0.ɵɵelementEnd();
@@ -26735,7 +26735,7 @@ class ViewModeSwitcherModalComponent {
26735
26735
  const _c0$X = a0 => ({ name: "check-badge", source: a0 });
26736
26736
  const _c1$A = a0 => ({ name: "check-circle", source: a0 });
26737
26737
  const _c2$o = a0 => ({ name: "chevron-right", source: a0 });
26738
- const _forTrack0$B = ($index, $item) => $item.area;
26738
+ const _forTrack0$C = ($index, $item) => $item.area;
26739
26739
  function KeyStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
26740
26740
  i0.ɵɵelementStart(0, "div", 1);
26741
26741
  i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -26804,7 +26804,7 @@ function KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template(rf,
26804
26804
  } }
26805
26805
  function KeyStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
26806
26806
  i0.ɵɵelementStart(0, "div", 2);
26807
- i0.ɵɵrepeaterCreate(1, KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$B);
26807
+ i0.ɵɵrepeaterCreate(1, KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$C);
26808
26808
  i0.ɵɵelementEnd();
26809
26809
  } if (rf & 2) {
26810
26810
  const ctx_r0 = i0.ɵɵnextContext();
@@ -26968,7 +26968,7 @@ const _c0$W = a0 => ({ name: "shield-check", source: a0 });
26968
26968
  const _c1$z = a0 => ({ name: "exclamation-triangle", source: a0 });
26969
26969
  const _c2$n = a0 => ({ name: "document-text", source: a0 });
26970
26970
  const _c3$h = a0 => ({ name: "chevron-right", source: a0 });
26971
- const _forTrack0$A = ($index, $item) => $item.area;
26971
+ const _forTrack0$B = ($index, $item) => $item.area;
26972
26972
  function CriticalGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
26973
26973
  i0.ɵɵelementStart(0, "div", 1);
26974
26974
  i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -27053,7 +27053,7 @@ function CriticalGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
27053
27053
  } }
27054
27054
  function CriticalGapsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
27055
27055
  i0.ɵɵelementStart(0, "div", 2);
27056
- i0.ɵɵrepeaterCreate(1, CriticalGapsListModalContentComponent_Conditional_2_For_2_Template, 23, 25, "button", 6, _forTrack0$A);
27056
+ i0.ɵɵrepeaterCreate(1, CriticalGapsListModalContentComponent_Conditional_2_For_2_Template, 23, 25, "button", 6, _forTrack0$B);
27057
27057
  i0.ɵɵelementEnd();
27058
27058
  } if (rf & 2) {
27059
27059
  const ctx_r0 = i0.ɵɵnextContext();
@@ -27282,7 +27282,7 @@ class CriticalGapsListModalContentComponent {
27282
27282
 
27283
27283
  const _c0$V = a0 => ({ name: "check-circle", source: a0 });
27284
27284
  const _c1$y = a0 => ({ name: "chat-bubble-left-right", source: a0 });
27285
- const _forTrack0$z = ($index, $item) => $item.questionId;
27285
+ const _forTrack0$A = ($index, $item) => $item.questionId;
27286
27286
  function KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
27287
27287
  i0.ɵɵelementStart(0, "div", 19)(1, "span", 20);
27288
27288
  i0.ɵɵtext(2);
@@ -27329,7 +27329,7 @@ function KeyStrengthDetailModalContentComponent_Conditional_13_Template(rf, ctx)
27329
27329
  i0.ɵɵtext(3, " Supporting Evidence ");
27330
27330
  i0.ɵɵelementEnd();
27331
27331
  i0.ɵɵelementStart(4, "div", 12);
27332
- i0.ɵɵrepeaterCreate(5, KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Template, 9, 10, "div", 13, _forTrack0$z);
27332
+ i0.ɵɵrepeaterCreate(5, KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Template, 9, 10, "div", 13, _forTrack0$A);
27333
27333
  i0.ɵɵelementEnd()();
27334
27334
  } if (rf & 2) {
27335
27335
  const ctx_r1 = i0.ɵɵnextContext();
@@ -27524,7 +27524,7 @@ class KeyStrengthDetailModalContentComponent {
27524
27524
  const _c0$U = a0 => ({ name: "exclamation-triangle", source: a0 });
27525
27525
  const _c1$x = a0 => ({ name: "document-text", source: a0 });
27526
27526
  const _c2$m = a0 => ({ name: "chat-bubble-left-right", source: a0 });
27527
- const _forTrack0$y = ($index, $item) => $item.questionId;
27527
+ const _forTrack0$z = ($index, $item) => $item.questionId;
27528
27528
  function CriticalGapDetailModalContentComponent_Conditional_20_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
27529
27529
  i0.ɵɵelementStart(0, "div", 23)(1, "p", 25);
27530
27530
  i0.ɵɵtext(2, " Gap Identified: ");
@@ -27592,7 +27592,7 @@ function CriticalGapDetailModalContentComponent_Conditional_20_Template(rf, ctx)
27592
27592
  i0.ɵɵtext(3, " Supporting Evidence ");
27593
27593
  i0.ɵɵelementEnd();
27594
27594
  i0.ɵɵelementStart(4, "div", 17);
27595
- i0.ɵɵrepeaterCreate(5, CriticalGapDetailModalContentComponent_Conditional_20_For_6_Template, 10, 11, "div", 18, _forTrack0$y);
27595
+ i0.ɵɵrepeaterCreate(5, CriticalGapDetailModalContentComponent_Conditional_20_For_6_Template, 10, 11, "div", 18, _forTrack0$z);
27596
27596
  i0.ɵɵelementEnd()();
27597
27597
  } if (rf & 2) {
27598
27598
  const ctx_r1 = i0.ɵɵnextContext();
@@ -29388,7 +29388,7 @@ const _c0$T = a0 => ({ name: "check-badge", source: a0 });
29388
29388
  const _c1$w = a0 => ({ name: "check-circle", source: a0 });
29389
29389
  const _c2$l = a0 => ({ name: "chevron-right", source: a0 });
29390
29390
  const _c3$g = a0 => ({ name: "chart-bar", source: a0 });
29391
- const _forTrack0$x = ($index, $item) => $item.capability;
29391
+ const _forTrack0$y = ($index, $item) => $item.capability;
29392
29392
  function FocusAreaStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
29393
29393
  i0.ɵɵelementStart(0, "div", 1);
29394
29394
  i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -29503,7 +29503,7 @@ function FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Templat
29503
29503
  } }
29504
29504
  function FocusAreaStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
29505
29505
  i0.ɵɵelementStart(0, "div", 2);
29506
- i0.ɵɵrepeaterCreate(1, FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Template, 16, 18, "button", 6, _forTrack0$x);
29506
+ i0.ɵɵrepeaterCreate(1, FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Template, 16, 18, "button", 6, _forTrack0$y);
29507
29507
  i0.ɵɵelementEnd();
29508
29508
  } if (rf & 2) {
29509
29509
  const ctx_r0 = i0.ɵɵnextContext();
@@ -29710,7 +29710,7 @@ class FocusAreaStrengthsListModalContentComponent {
29710
29710
  const _c0$S = a0 => ({ name: "exclamation-triangle", source: a0 });
29711
29711
  const _c1$v = a0 => ({ name: "exclamation-circle", source: a0 });
29712
29712
  const _c2$k = a0 => ({ name: "chevron-right", source: a0 });
29713
- function _forTrack0$w($index, $item) { return this.getGapTitle($item); }
29713
+ function _forTrack0$x($index, $item) { return this.getGapTitle($item); }
29714
29714
  function FocusAreaGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
29715
29715
  i0.ɵɵelementStart(0, "div", 1);
29716
29716
  i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -29827,7 +29827,7 @@ function FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
29827
29827
  } }
29828
29828
  function FocusAreaGapsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
29829
29829
  i0.ɵɵelementStart(0, "div", 2);
29830
- i0.ɵɵrepeaterCreate(1, FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$w, true);
29830
+ i0.ɵɵrepeaterCreate(1, FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$x, true);
29831
29831
  i0.ɵɵelementEnd();
29832
29832
  } if (rf & 2) {
29833
29833
  const ctx_r0 = i0.ɵɵnextContext();
@@ -30104,7 +30104,7 @@ class FocusAreaGapsListModalContentComponent {
30104
30104
  const _c0$R = a0 => ({ name: "light-bulb", source: a0 });
30105
30105
  const _c1$u = a0 => ({ name: "chevron-right", source: a0 });
30106
30106
  const _c2$j = a0 => ({ name: "chart-bar", source: a0 });
30107
- const _forTrack0$v = ($index, $item) => $item.opportunity;
30107
+ const _forTrack0$w = ($index, $item) => $item.opportunity;
30108
30108
  function FocusAreaOpportunitiesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
30109
30109
  i0.ɵɵelementStart(0, "div", 1);
30110
30110
  i0.ɵɵelement(1, "symphiq-icon", 3);
@@ -30195,7 +30195,7 @@ function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Tem
30195
30195
  } }
30196
30196
  function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
30197
30197
  i0.ɵɵelementStart(0, "div", 2);
30198
- i0.ɵɵrepeaterCreate(1, FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Template, 11, 11, "button", 6, _forTrack0$v);
30198
+ i0.ɵɵrepeaterCreate(1, FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Template, 11, 11, "button", 6, _forTrack0$w);
30199
30199
  i0.ɵɵelementEnd();
30200
30200
  } if (rf & 2) {
30201
30201
  const ctx_r0 = i0.ɵɵnextContext();
@@ -30372,7 +30372,7 @@ class FocusAreaOpportunitiesListModalContentComponent {
30372
30372
 
30373
30373
  const _c0$Q = a0 => ({ name: "chevron-right", source: a0 });
30374
30374
  const _c1$t = a0 => ({ name: "chat-bubble-left-right", source: a0 });
30375
- const _forTrack0$u = ($index, $item) => $item.performanceItemId;
30375
+ const _forTrack0$v = ($index, $item) => $item.performanceItemId;
30376
30376
  function FocusAreaStrengthDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
30377
30377
  i0.ɵɵelementStart(0, "div")(1, "p", 2);
30378
30378
  i0.ɵɵtext(2);
@@ -30442,7 +30442,7 @@ function FocusAreaStrengthDetailModalContentComponent_Conditional_4_Template(rf,
30442
30442
  i0.ɵɵtext(2);
30443
30443
  i0.ɵɵelementEnd();
30444
30444
  i0.ɵɵelementStart(3, "div", 9);
30445
- i0.ɵɵrepeaterCreate(4, FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Template, 4, 5, "button", 10, _forTrack0$u);
30445
+ i0.ɵɵrepeaterCreate(4, FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Template, 4, 5, "button", 10, _forTrack0$v);
30446
30446
  i0.ɵɵelementEnd()();
30447
30447
  } if (rf & 2) {
30448
30448
  const ctx_r0 = i0.ɵɵnextContext();
@@ -31093,7 +31093,7 @@ class FocusAreaGapDetailModalContentComponent {
31093
31093
 
31094
31094
  const _c0$O = a0 => ({ name: "chevron-right", source: a0 });
31095
31095
  const _c1$s = () => [];
31096
- const _forTrack0$t = ($index, $item) => $item.performanceItemId;
31096
+ const _forTrack0$u = ($index, $item) => $item.performanceItemId;
31097
31097
  function FocusAreaOpportunityDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
31098
31098
  i0.ɵɵelementStart(0, "div")(1, "p", 2);
31099
31099
  i0.ɵɵtext(2);
@@ -31145,7 +31145,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_3_Template(
31145
31145
  i0.ɵɵtext(2);
31146
31146
  i0.ɵɵelementEnd();
31147
31147
  i0.ɵɵelementStart(3, "div", 6);
31148
- i0.ɵɵrepeaterCreate(4, FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Template, 4, 5, "button", 7, _forTrack0$t);
31148
+ i0.ɵɵrepeaterCreate(4, FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Template, 4, 5, "button", 7, _forTrack0$u);
31149
31149
  i0.ɵɵelementEnd()();
31150
31150
  } if (rf & 2) {
31151
31151
  const ctx_r0 = i0.ɵɵnextContext();
@@ -36288,7 +36288,7 @@ const _c4$7 = a0 => ({ name: "academic-cap", source: a0 });
36288
36288
  const _c5$5 = a0 => ({ name: "information-circle", source: a0 });
36289
36289
  const _c6$2 = a0 => ({ name: "signal", source: a0 });
36290
36290
  const _c7$1 = a0 => ({ name: "wrench-screwdriver", source: a0 });
36291
- const _forTrack0$s = ($index, $item) => $item.name;
36291
+ const _forTrack0$t = ($index, $item) => $item.name;
36292
36292
  function ProductCategoryCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
36293
36293
  i0.ɵɵelementStart(0, "p", 8);
36294
36294
  i0.ɵɵtext(1);
@@ -36419,7 +36419,7 @@ function ProductCategoryCardComponent_Conditional_16_Template(rf, ctx) { if (rf
36419
36419
  i0.ɵɵelementStart(6, "symphiq-visualization-container", 21);
36420
36420
  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)); });
36421
36421
  i0.ɵɵelementStart(7, "div", 22);
36422
- i0.ɵɵrepeaterCreate(8, ProductCategoryCardComponent_Conditional_16_For_9_Template, 2, 5, "div", 23, _forTrack0$s);
36422
+ i0.ɵɵrepeaterCreate(8, ProductCategoryCardComponent_Conditional_16_For_9_Template, 2, 5, "div", 23, _forTrack0$t);
36423
36423
  i0.ɵɵelementEnd()()()();
36424
36424
  } if (rf & 2) {
36425
36425
  const ctx_r0 = i0.ɵɵnextContext();
@@ -41408,7 +41408,7 @@ const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_5_D
41408
41408
  const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
41409
41409
  const _c3$8 = a0 => ({ name: "arrow-left", source: a0 });
41410
41410
  const _c4$5 = a0 => ({ name: "chevron-right", source: a0 });
41411
- const _forTrack0$r = ($index, $item) => $item.performanceItemId || $index;
41411
+ const _forTrack0$s = ($index, $item) => $item.performanceItemId || $index;
41412
41412
  const _forTrack1$4 = ($index, $item) => $item.id || $index;
41413
41413
  function ProfileAnalysisModalComponent_Conditional_0_Conditional_10_For_5_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
41414
41414
  const _r4 = i0.ɵɵgetCurrentView();
@@ -41619,7 +41619,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Templa
41619
41619
  function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
41620
41620
  i0.ɵɵelementStart(0, "div", 20);
41621
41621
  i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Conditional_1_Template, 2, 2, "p", 52);
41622
- i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Template, 13, 10, "div", 53, _forTrack0$r);
41622
+ i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Template, 13, 10, "div", 53, _forTrack0$s);
41623
41623
  i0.ɵɵelementEnd();
41624
41624
  } if (rf & 2) {
41625
41625
  const data_r11 = ctx;
@@ -41699,7 +41699,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_For_3_Templa
41699
41699
  function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
41700
41700
  i0.ɵɵelementStart(0, "div", 20);
41701
41701
  i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Conditional_1_Template, 2, 2, "p", 52);
41702
- i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_For_3_Template, 13, 10, "div", 53, _forTrack0$r);
41702
+ i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_For_3_Template, 13, 10, "div", 53, _forTrack0$s);
41703
41703
  i0.ɵɵelementEnd();
41704
41704
  } if (rf & 2) {
41705
41705
  const data_r14 = ctx;
@@ -41818,7 +41818,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_
41818
41818
  i0.ɵɵelementStart(0, "div", 69)(1, "h3", 70);
41819
41819
  i0.ɵɵtext(2, " Directly Affected Metric ");
41820
41820
  i0.ɵɵelementEnd();
41821
- i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_1_Conditional_0_For_4_Template, 1, 1, null, null, _forTrack0$r);
41821
+ i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_1_Conditional_0_For_4_Template, 1, 1, null, null, _forTrack0$s);
41822
41822
  i0.ɵɵelementEnd();
41823
41823
  } if (rf & 2) {
41824
41824
  const data_r32 = i0.ɵɵnextContext(2);
@@ -41852,7 +41852,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_
41852
41852
  i0.ɵɵelementStart(0, "div", 69)(1, "h3", 70);
41853
41853
  i0.ɵɵtext(2, " Indirectly Affected Metrics ");
41854
41854
  i0.ɵɵelementEnd();
41855
- i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_1_Conditional_1_For_4_Template, 1, 1, null, null, _forTrack0$r);
41855
+ i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_1_Conditional_1_For_4_Template, 1, 1, null, null, _forTrack0$s);
41856
41856
  i0.ɵɵelementEnd();
41857
41857
  } if (rf & 2) {
41858
41858
  const data_r32 = i0.ɵɵnextContext(2);
@@ -41884,7 +41884,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_
41884
41884
  i0.ɵɵproperty("metric", metric_r38)("isLightMode", ctx_r1.isLightMode())("animationKey", $index_r39);
41885
41885
  } }
41886
41886
  function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_2_Template(rf, ctx) { if (rf & 1) {
41887
- i0.ɵɵrepeaterCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_2_For_1_Template, 2, 3, "div", null, _forTrack0$r);
41887
+ i0.ɵɵrepeaterCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_2_For_1_Template, 2, 3, "div", null, _forTrack0$s);
41888
41888
  } if (rf & 2) {
41889
41889
  const data_r32 = i0.ɵɵnextContext();
41890
41890
  i0.ɵɵrepeater(data_r32.metrics);
@@ -44538,7 +44538,7 @@ const _c0$y = a0 => ({ name: "list-bullet", source: a0 });
44538
44538
  const _c1$f = a0 => ({ name: "arrow-right", source: a0 });
44539
44539
  const _c2$9 = a0 => ({ name: "check-circle", source: a0 });
44540
44540
  const _c3$6 = a0 => ({ name: "exclamation-circle", source: a0 });
44541
- const _forTrack0$q = ($index, $item) => $item.order;
44541
+ const _forTrack0$r = ($index, $item) => $item.order;
44542
44542
  function RecommendationActionStepsModalComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
44543
44543
  i0.ɵɵelementStart(0, "div", 1)(1, "div", 5);
44544
44544
  i0.ɵɵelement(2, "symphiq-icon", 6);
@@ -44692,7 +44692,7 @@ class RecommendationActionStepsModalComponent {
44692
44692
  i0.ɵɵelementStart(0, "div", 0);
44693
44693
  i0.ɵɵconditionalCreate(1, RecommendationActionStepsModalComponent_Conditional_1_Template, 8, 7, "div", 1);
44694
44694
  i0.ɵɵelementStart(2, "div", 2);
44695
- i0.ɵɵrepeaterCreate(3, RecommendationActionStepsModalComponent_For_4_Template, 13, 11, "div", 3, _forTrack0$q);
44695
+ i0.ɵɵrepeaterCreate(3, RecommendationActionStepsModalComponent_For_4_Template, 13, 11, "div", 3, _forTrack0$r);
44696
44696
  i0.ɵɵelementEnd();
44697
44697
  i0.ɵɵconditionalCreate(5, RecommendationActionStepsModalComponent_Conditional_5_Template, 4, 5, "div", 4);
44698
44698
  i0.ɵɵelementEnd();
@@ -45941,7 +45941,7 @@ const _c2$8 = () => [1, 2, 3, 4, 5, 6];
45941
45941
  const _c3$5 = () => [1, 2, 3];
45942
45942
  const _c4$3 = () => [1, 2, 3, 4];
45943
45943
  const _c5$2 = () => [1, 2];
45944
- const _forTrack0$p = ($index, $item) => $item.value;
45944
+ const _forTrack0$q = ($index, $item) => $item.value;
45945
45945
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
45946
45946
  i0.ɵɵelement(0, "div", 11);
45947
45947
  } }
@@ -45980,7 +45980,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_25_Template(rf, ctx
45980
45980
  i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_25_Template_div_click_3_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_25_Template_div_mousedown_3_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_25_Template_div_pointerdown_3_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); });
45981
45981
  i0.ɵɵelementStart(4, "select", 49);
45982
45982
  i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_25_Template_select_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeSectionFilter($event)); });
45983
- i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_25_For_6_Template, 2, 2, "option", 50, _forTrack0$p);
45983
+ i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_25_For_6_Template, 2, 2, "option", 50, _forTrack0$q);
45984
45984
  i0.ɵɵelementEnd()()();
45985
45985
  } if (rf & 2) {
45986
45986
  const ctx_r2 = i0.ɵɵnextContext();
@@ -46060,7 +46060,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_46_Template(rf, ctx
46060
46060
  i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_46_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r7); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_46_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r7); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_46_Template_div_pointerdown_0_listener($event) { i0.ɵɵrestoreView(_r7); return i0.ɵɵresetView($event.stopPropagation()); });
46061
46061
  i0.ɵɵelementStart(1, "select", 55);
46062
46062
  i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_46_Template_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeSectionFilter($event)); });
46063
- i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_46_For_3_Template, 2, 2, "option", 50, _forTrack0$p);
46063
+ i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_46_For_3_Template, 2, 2, "option", 50, _forTrack0$q);
46064
46064
  i0.ɵɵelementEnd()();
46065
46065
  } if (rf & 2) {
46066
46066
  const ctx_r2 = i0.ɵɵnextContext();
@@ -46834,7 +46834,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Te
46834
46834
  i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_14_Template, 2, 0, "div", 125);
46835
46835
  i0.ɵɵelementStart(15, "select", 126);
46836
46836
  i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
46837
- i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$p);
46837
+ i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$q);
46838
46838
  i0.ɵɵelementEnd();
46839
46839
  i0.ɵɵelementStart(18, "button", 127);
46840
46840
  i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
@@ -46848,7 +46848,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Te
46848
46848
  i0.ɵɵtext(23, "Sort");
46849
46849
  i0.ɵɵelementEnd()()()();
46850
46850
  i0.ɵɵelementStart(24, "div", 130)(25, "div", 131);
46851
- i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$p);
46851
+ i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$q);
46852
46852
  i0.ɵɵelementEnd()()();
46853
46853
  i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_28_Template, 3, 1, "div", 132)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_29_Template, 4, 5, "div", 133);
46854
46854
  i0.ɵɵelementEnd()();
@@ -47025,7 +47025,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Te
47025
47025
  i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Conditional_12_Template, 2, 0, "div", 125);
47026
47026
  i0.ɵɵelementStart(13, "select", 167);
47027
47027
  i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r37); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
47028
- i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$p);
47028
+ i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$q);
47029
47029
  i0.ɵɵelementEnd()()();
47030
47030
  i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Conditional_16_Template, 3, 1, "div", 98)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_5_Conditional_17_Template, 4, 5, "div", 168);
47031
47031
  i0.ɵɵelementEnd()();
@@ -47136,7 +47136,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Te
47136
47136
  i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Conditional_13_Template, 2, 0, "div", 125);
47137
47137
  i0.ɵɵelementStart(14, "select", 126);
47138
47138
  i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r41); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
47139
- i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$p);
47139
+ i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$q);
47140
47140
  i0.ɵɵelementEnd()()();
47141
47141
  i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Conditional_17_Template, 6, 5, "div", 98)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Conditional_18_Template, 1, 6, "symphiq-competitive-intelligence-view", 95);
47142
47142
  i0.ɵɵelementEnd()();
@@ -49744,7 +49744,7 @@ function getTrendClasses(trendPercent, viewMode) {
49744
49744
  }
49745
49745
  }
49746
49746
 
49747
- const _forTrack0$o = ($index, $item) => $item.performanceItemId;
49747
+ const _forTrack0$p = ($index, $item) => $item.performanceItemId;
49748
49748
  function SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
49749
49749
  i0.ɵɵelementStart(0, "div", 17)(1, "p", 18);
49750
49750
  i0.ɵɵtext(2);
@@ -50363,7 +50363,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
50363
50363
  i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template, 3, 7, "div", 9);
50364
50364
  i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisPreviewComponent_Conditional_13_Template, 18, 23, "div", 10);
50365
50365
  i0.ɵɵelementStart(14, "div", 11);
50366
- i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisPreviewComponent_For_16_Template, 10, 17, "div", 12, _forTrack0$o);
50366
+ i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisPreviewComponent_For_16_Template, 10, 17, "div", 12, _forTrack0$p);
50367
50367
  i0.ɵɵelementEnd();
50368
50368
  i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisPreviewComponent_Conditional_17_Template, 9, 11, "div", 9);
50369
50369
  i0.ɵɵconditionalCreate(18, SymphiqFunnelAnalysisPreviewComponent_Conditional_18_Template, 14, 19, "div", 9);
@@ -50606,7 +50606,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
50606
50606
  }], () => [], { 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"] }] }); })();
50607
50607
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisPreviewComponent, { className: "SymphiqFunnelAnalysisPreviewComponent", filePath: "lib/components/funnel-analysis-preview/symphiq-funnel-analysis-preview.component.ts", lineNumber: 228 }); })();
50608
50608
 
50609
- const _forTrack0$n = ($index, $item) => $item.id;
50609
+ const _forTrack0$o = ($index, $item) => $item.id;
50610
50610
  function SymphiqWelcomeDashboardComponent_For_65_Template(rf, ctx) { if (rf & 1) {
50611
50611
  i0.ɵɵelementStart(0, "div", 31)(1, "div", 36)(2, "div", 37)(3, "span", 38);
50612
50612
  i0.ɵɵtext(4);
@@ -50901,7 +50901,7 @@ class SymphiqWelcomeDashboardComponent {
50901
50901
  i0.ɵɵtext(62, " Your Onboarding Journey ");
50902
50902
  i0.ɵɵelementEnd();
50903
50903
  i0.ɵɵelementStart(63, "div", 30);
50904
- i0.ɵɵrepeaterCreate(64, SymphiqWelcomeDashboardComponent_For_65_Template, 9, 3, "div", 31, _forTrack0$n);
50904
+ i0.ɵɵrepeaterCreate(64, SymphiqWelcomeDashboardComponent_For_65_Template, 9, 3, "div", 31, _forTrack0$o);
50905
50905
  i0.ɵɵelementEnd()()();
50906
50906
  i0.ɵɵelementStart(66, "div", 32);
50907
50907
  i0.ɵɵnamespaceSVG();
@@ -51940,7 +51940,7 @@ class FocusAreaToolsModalComponent {
51940
51940
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaToolsModalComponent, { className: "FocusAreaToolsModalComponent", filePath: "lib/components/create-account-dashboard/focus-area-tools-modal.component.ts", lineNumber: 149 }); })();
51941
51941
 
51942
51942
  const _c0$v = ["shopNameInput"];
51943
- const _forTrack0$m = ($index, $item) => $item.focusAreaDomain;
51943
+ const _forTrack0$n = ($index, $item) => $item.focusAreaDomain;
51944
51944
  function SymphiqCreateAccountDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
51945
51945
  i0.ɵɵelementStart(0, "div", 13);
51946
51946
  i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 17);
@@ -52285,7 +52285,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Con
52285
52285
  i0.ɵɵtext(3);
52286
52286
  i0.ɵɵelementEnd();
52287
52287
  i0.ɵɵelementStart(4, "div", 58);
52288
- i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 59, _forTrack0$m);
52288
+ i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 59, _forTrack0$n);
52289
52289
  i0.ɵɵelementEnd()();
52290
52290
  } if (rf & 2) {
52291
52291
  const ctx_r0 = i0.ɵɵnextContext(3);
@@ -52315,7 +52315,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Con
52315
52315
  i0.ɵɵtext(3);
52316
52316
  i0.ɵɵelementEnd();
52317
52317
  i0.ɵɵelementStart(4, "div", 68);
52318
- i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 69, _forTrack0$m);
52318
+ i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 69, _forTrack0$n);
52319
52319
  i0.ɵɵelementEnd()();
52320
52320
  } if (rf & 2) {
52321
52321
  const ctx_r0 = i0.ɵɵnextContext(3);
@@ -52345,7 +52345,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Con
52345
52345
  i0.ɵɵtext(3);
52346
52346
  i0.ɵɵelementEnd();
52347
52347
  i0.ɵɵelementStart(4, "div", 71);
52348
- i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 72, _forTrack0$m);
52348
+ i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 72, _forTrack0$n);
52349
52349
  i0.ɵɵelementEnd()();
52350
52350
  } if (rf & 2) {
52351
52351
  const ctx_r0 = i0.ɵɵnextContext(3);
@@ -53760,7 +53760,7 @@ class SymphiqCreateAccountDashboardComponent {
53760
53760
  }] }); })();
53761
53761
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 642 }); })();
53762
53762
 
53763
- const _forTrack0$l = ($index, $item) => $item.id;
53763
+ const _forTrack0$m = ($index, $item) => $item.id;
53764
53764
  function SymphiqConnectGaDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
53765
53765
  i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "div", 15);
53766
53766
  i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 16);
@@ -53989,7 +53989,7 @@ function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_
53989
53989
  function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_Template(rf, ctx) { if (rf & 1) {
53990
53990
  const _r5 = i0.ɵɵgetCurrentView();
53991
53991
  i0.ɵɵelementStart(0, "div", 56);
53992
- i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template, 11, 8, "label", 57, _forTrack0$l);
53992
+ i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template, 11, 8, "label", 57, _forTrack0$m);
53993
53993
  i0.ɵɵelementEnd();
53994
53994
  i0.ɵɵelement(3, "div", 58);
53995
53995
  i0.ɵɵelementStart(4, "button", 59);
@@ -55945,7 +55945,7 @@ class TargetChangeBadgeComponent {
55945
55945
  }], () => [{ 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 }] }] }); })();
55946
55946
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TargetChangeBadgeComponent, { className: "TargetChangeBadgeComponent", filePath: "lib/components/revenue-calculator-dashboard/target-change-badge.component.ts", lineNumber: 27 }); })();
55947
55947
 
55948
- const _forTrack0$k = ($index, $item) => $item.stageMetric.metric;
55948
+ const _forTrack0$l = ($index, $item) => $item.stageMetric.metric;
55949
55949
  const _forTrack1$3 = ($index, $item) => $item.calc.metric;
55950
55950
  function FunnelMetricsVisualizationComponent_For_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
55951
55951
  i0.ɵɵelementStart(0, "button", 7);
@@ -56462,7 +56462,7 @@ class FunnelMetricsVisualizationComponent {
56462
56462
  i0.ɵɵelementStart(0, "div", 0);
56463
56463
  i0.ɵɵelement(1, "symphiq-tooltip-container");
56464
56464
  i0.ɵɵelementStart(2, "div", 1);
56465
- i0.ɵɵrepeaterCreate(3, FunnelMetricsVisualizationComponent_For_4_Template, 28, 15, "div", 2, _forTrack0$k);
56465
+ i0.ɵɵrepeaterCreate(3, FunnelMetricsVisualizationComponent_For_4_Template, 28, 15, "div", 2, _forTrack0$l);
56466
56466
  i0.ɵɵelementEnd()();
56467
56467
  } if (rf & 2) {
56468
56468
  i0.ɵɵadvance(3);
@@ -58274,7 +58274,7 @@ class ProgressToTargetChartComponent {
58274
58274
  }] }); })();
58275
58275
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProgressToTargetChartComponent, { className: "ProgressToTargetChartComponent", filePath: "lib/components/revenue-calculator-dashboard/progress-to-target-chart.component.ts", lineNumber: 66 }); })();
58276
58276
 
58277
- const _forTrack0$j = ($index, $item) => $item.metric;
58277
+ const _forTrack0$k = ($index, $item) => $item.metric;
58278
58278
  function MetricReportModalComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
58279
58279
  i0.ɵɵelementStart(0, "button", 10);
58280
58280
  i0.ɵɵnamespaceSVG();
@@ -58410,7 +58410,7 @@ function MetricReportModalComponent_Conditional_0_Conditional_65_Template(rf, ct
58410
58410
  i0.ɵɵtext(12, "Improve by");
58411
58411
  i0.ɵɵelementEnd()()();
58412
58412
  i0.ɵɵelementStart(13, "tbody");
58413
- i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_65_For_15_Template, 15, 7, "tr", 47, _forTrack0$j);
58413
+ i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_65_For_15_Template, 15, 7, "tr", 47, _forTrack0$k);
58414
58414
  i0.ɵɵelementEnd()()()();
58415
58415
  } if (rf & 2) {
58416
58416
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -59727,7 +59727,7 @@ class MetricReportModalComponent {
59727
59727
 
59728
59728
  const _c0$r = ["absoluteInputRef"];
59729
59729
  const _c1$c = ["percentageInputRef"];
59730
- const _forTrack0$i = ($index, $item) => $item.id;
59730
+ const _forTrack0$j = ($index, $item) => $item.id;
59731
59731
  function EditMetricTargetModalComponent_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
59732
59732
  const _r3 = i0.ɵɵgetCurrentView();
59733
59733
  i0.ɵɵelementStart(0, "div", 18);
@@ -60175,7 +60175,7 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_37_Template(rf
60175
60175
  i0.ɵɵtext(8, "Amount set");
60176
60176
  i0.ɵɵelementEnd()();
60177
60177
  i0.ɵɵelementStart(9, "div", 61);
60178
- i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_37_For_11_Template, 9, 5, "div", 62, _forTrack0$i);
60178
+ i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_37_For_11_Template, 9, 5, "div", 62, _forTrack0$j);
60179
60179
  i0.ɵɵelementEnd()()();
60180
60180
  } if (rf & 2) {
60181
60181
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -65259,7 +65259,7 @@ class SearchButtonComponent {
65259
65259
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchButtonComponent, { className: "SearchButtonComponent", filePath: "lib/components/shared/search-button.component.ts", lineNumber: 30 }); })();
65260
65260
 
65261
65261
  const _c0$n = ["searchInput"];
65262
- const _forTrack0$h = ($index, $item) => $item.id;
65262
+ const _forTrack0$i = ($index, $item) => $item.id;
65263
65263
  function SearchModalComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
65264
65264
  const _r3 = i0.ɵɵgetCurrentView();
65265
65265
  i0.ɵɵelementStart(0, "button", 18);
@@ -65387,7 +65387,7 @@ function SearchModalComponent_Conditional_0_Conditional_14_For_2_Template(rf, ct
65387
65387
  } }
65388
65388
  function SearchModalComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
65389
65389
  i0.ɵɵelementStart(0, "div", 15);
65390
- i0.ɵɵrepeaterCreate(1, SearchModalComponent_Conditional_0_Conditional_14_For_2_Template, 17, 13, "button", 19, _forTrack0$h);
65390
+ i0.ɵɵrepeaterCreate(1, SearchModalComponent_Conditional_0_Conditional_14_For_2_Template, 17, 13, "button", 19, _forTrack0$i);
65391
65391
  i0.ɵɵelementEnd();
65392
65392
  } if (rf & 2) {
65393
65393
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -66521,7 +66521,7 @@ class SimplifiedRecommendationCardComponent {
66521
66521
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimplifiedRecommendationCardComponent, { className: "SimplifiedRecommendationCardComponent", filePath: "lib/components/business-analysis-dashboard/simplified-recommendation-card.component.ts", lineNumber: 121 }); })();
66522
66522
 
66523
66523
  const _c0$m = () => [0, 1, 2];
66524
- const _forTrack0$g = ($index, $item) => $item.id;
66524
+ const _forTrack0$h = ($index, $item) => $item.id;
66525
66525
  function RecommendationsTiledGridComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
66526
66526
  i0.ɵɵelementStart(0, "div", 9);
66527
66527
  i0.ɵɵtext(1);
@@ -66545,7 +66545,7 @@ function RecommendationsTiledGridComponent_Conditional_14_For_2_Template(rf, ctx
66545
66545
  } }
66546
66546
  function RecommendationsTiledGridComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
66547
66547
  i0.ɵɵelementStart(0, "div", 11);
66548
- i0.ɵɵrepeaterCreate(1, RecommendationsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-recommendation-card", 13, _forTrack0$g);
66548
+ i0.ɵɵrepeaterCreate(1, RecommendationsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-recommendation-card", 13, _forTrack0$h);
66549
66549
  i0.ɵɵelementEnd();
66550
66550
  } if (rf & 2) {
66551
66551
  const ctx_r0 = i0.ɵɵnextContext();
@@ -66837,7 +66837,7 @@ class RecommendationsTiledGridComponent {
66837
66837
  }], 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"] }] }); })();
66838
66838
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecommendationsTiledGridComponent, { className: "RecommendationsTiledGridComponent", filePath: "lib/components/business-analysis-dashboard/recommendations-tiled-grid.component.ts", lineNumber: 92 }); })();
66839
66839
 
66840
- const _forTrack0$f = ($index, $item) => $item.id;
66840
+ const _forTrack0$g = ($index, $item) => $item.id;
66841
66841
  function CollapsibleSectionGroupComponent_For_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
66842
66842
  i0.ɵɵelementStart(0, "div", 20);
66843
66843
  i0.ɵɵelement(1, "symphiq-icon", 30);
@@ -67064,7 +67064,7 @@ class CollapsibleSectionGroupComponent {
67064
67064
  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. ");
67065
67065
  i0.ɵɵelementEnd()()();
67066
67066
  i0.ɵɵelementStart(21, "div", 16);
67067
- i0.ɵɵrepeaterCreate(22, CollapsibleSectionGroupComponent_For_23_Template, 15, 17, "div", 17, _forTrack0$f);
67067
+ i0.ɵɵrepeaterCreate(22, CollapsibleSectionGroupComponent_For_23_Template, 15, 17, "div", 17, _forTrack0$g);
67068
67068
  i0.ɵɵelementEnd()()();
67069
67069
  } if (rf & 2) {
67070
67070
  i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -68903,106 +68903,106 @@ class ShopWelcomeBannerComponent {
68903
68903
  standalone: true,
68904
68904
  imports: [CommonModule, ConfidenceLevelCardComponent],
68905
68905
  changeDetection: ChangeDetectionStrategy.OnPush,
68906
- template: `
68907
- <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
68908
- <div [ngClass]="contentClasses()" class="px-8 py-8">
68909
- <div class="flex items-start gap-6">
68910
- <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
68911
- <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
68912
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
68913
- </svg>
68914
- </div>
68915
-
68916
- <div class="flex-1">
68917
- <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-3">
68918
- @if (isOnboarded()) {
68919
- Your Shop Analysis
68920
- } @else {
68921
- Welcome to Your Shop Analysis
68922
- }
68923
- </h2>
68924
-
68925
- <!-- Description and Confidence Card in Responsive Layout -->
68926
- <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
68927
- <!-- Description (takes 2 columns on large screens) -->
68928
- <div class="lg:col-span-2 space-y-3">
68929
- <p [ngClass]="textClasses()" class="text-base leading-relaxed">
68930
- Shop Analysis captures the operational context of how {{ businessName() }} is set up and runs day-to-day. By answering questions about your shop setup, fulfillment processes, customer engagement, and technology stack, you help Symphiq understand your current capabilities and constraints.
68931
- </p>
68932
- <p [ngClass]="textClasses()" class="text-base leading-relaxed">
68933
- <strong class="font-semibold">Why this matters:</strong> Understanding your operational reality ensures recommendations fit your actual workflows. Rather than suggesting tactics that require capabilities you don't have, Symphiq tailors advice to what you can execute today—while also identifying high-impact upgrades worth considering.
68934
- </p>
68935
- </div>
68936
-
68937
- <!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
68938
- <div class="lg:col-span-1">
68939
- <symphiq-confidence-level-card
68940
- [viewMode]="viewMode()"
68941
- currentStepId="shop-analysis"
68942
- />
68943
- </div>
68944
- </div>
68945
-
68946
- <div [ngClass]="highlightBoxClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
68947
- <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="highlightIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
68948
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
68949
- </svg>
68950
- <div class="flex-1">
68951
- <h3 [ngClass]="highlightTitleClasses()" class="font-bold text-lg mb-2">
68952
- What You'll See Below
68953
- </h3>
68954
- <ul [ngClass]="highlightListClasses()" class="space-y-2 text-sm">
68955
- <li class="flex items-start gap-2">
68956
- <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
68957
- <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
68958
- </svg>
68959
- <span><strong class="font-semibold">Operational Analysis</strong> — Insights into your shop's strengths, gaps, and opportunities based on your setup and processes</span>
68960
- </li>
68961
- <li class="flex items-start gap-2">
68962
- <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
68963
- <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
68964
- </svg>
68965
- <span><strong class="font-semibold">Capability Recommendations</strong> — Prioritized improvements to your shop infrastructure and operational workflows</span>
68966
- </li>
68967
- <li class="flex items-start gap-2">
68968
- <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
68969
- <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
68970
- </svg>
68971
- <span><strong class="font-semibold">Your Journey</strong> — Next steps to add marketing and metric context for comprehensive, execution-ready recommendations</span>
68972
- </li>
68973
- </ul>
68974
- </div>
68975
- </div>
68976
-
68977
- <div [ngClass]="nextStepsBoxClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
68978
- <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="nextStepsIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
68979
- @if (isOnboarded()) {
68980
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
68981
- } @else {
68982
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
68983
- }
68984
- </svg>
68985
- <div class="flex-1">
68986
- <h3 [ngClass]="nextStepsTitleClasses()" class="font-bold mb-1">
68987
- @if (isOnboarded()) {
68988
- Keep Your Shop Profile Current
68989
- } @else {
68990
- Continue Your Journey
68991
- }
68992
- </h3>
68993
- <p [ngClass]="nextStepsTextClasses()" class="text-sm leading-relaxed">
68994
- @if (isOnboarded()) {
68995
- As you implement improvements, adopt new tools, or change your operational processes, update your Shop Analysis to keep recommendations aligned with your current capabilities. This ensures Symphiq continues to suggest tactics you can actually execute with your existing team and infrastructure.
68996
- } @else {
68997
- The next steps—Focus Area Analysis and Metric Analysis—let you share what marketing tactics you're already using and provide context for each metric in your funnel. This final layer of knowledge ensures every recommendation Symphiq generates fits seamlessly into your current strategy while identifying the highest-leverage improvements.
68998
- }
68999
- </p>
69000
- </div>
69001
- </div>
69002
- </div>
69003
- </div>
69004
- </div>
69005
- </div>
68906
+ template: `
68907
+ <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
68908
+ <div [ngClass]="contentClasses()" class="px-8 py-8">
68909
+ <div class="flex items-start gap-6">
68910
+ <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
68911
+ <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
68912
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
68913
+ </svg>
68914
+ </div>
68915
+
68916
+ <div class="flex-1">
68917
+ <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-3">
68918
+ @if (isOnboarded()) {
68919
+ Your Shop Analysis
68920
+ } @else {
68921
+ Welcome to Your Shop Analysis
68922
+ }
68923
+ </h2>
68924
+
68925
+ <!-- Description and Confidence Card in Responsive Layout -->
68926
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
68927
+ <!-- Description (takes 2 columns on large screens) -->
68928
+ <div class="lg:col-span-2 space-y-3">
68929
+ <p [ngClass]="textClasses()" class="text-base leading-relaxed">
68930
+ Shop Analysis captures the operational context of how {{ businessName() }} is set up and runs day-to-day. By answering questions about your shop setup, fulfillment processes, customer engagement, and technology stack, you help Symphiq understand your current capabilities and constraints.
68931
+ </p>
68932
+ <p [ngClass]="textClasses()" class="text-base leading-relaxed">
68933
+ <strong class="font-semibold">Why this matters:</strong> Understanding your operational reality ensures recommendations fit your actual workflows. Rather than suggesting tactics that require capabilities you don't have, Symphiq tailors advice to what you can execute today—while also identifying high-impact upgrades worth considering.
68934
+ </p>
68935
+ </div>
68936
+
68937
+ <!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
68938
+ <div class="lg:col-span-1">
68939
+ <symphiq-confidence-level-card
68940
+ [viewMode]="viewMode()"
68941
+ currentStepId="shop-analysis"
68942
+ />
68943
+ </div>
68944
+ </div>
68945
+
68946
+ <div [ngClass]="highlightBoxClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
68947
+ <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="highlightIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
68948
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
68949
+ </svg>
68950
+ <div class="flex-1">
68951
+ <h3 [ngClass]="highlightTitleClasses()" class="font-bold text-lg mb-2">
68952
+ What You'll See Below
68953
+ </h3>
68954
+ <ul [ngClass]="highlightListClasses()" class="space-y-2 text-sm">
68955
+ <li class="flex items-start gap-2">
68956
+ <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
68957
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
68958
+ </svg>
68959
+ <span><strong class="font-semibold">Operational Analysis</strong> — Insights into your shop's strengths, gaps, and opportunities based on your setup and processes</span>
68960
+ </li>
68961
+ <li class="flex items-start gap-2">
68962
+ <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
68963
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
68964
+ </svg>
68965
+ <span><strong class="font-semibold">Capability Recommendations</strong> — Prioritized improvements to your shop infrastructure and operational workflows</span>
68966
+ </li>
68967
+ <li class="flex items-start gap-2">
68968
+ <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
68969
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
68970
+ </svg>
68971
+ <span><strong class="font-semibold">Your Journey</strong> — Next steps to add marketing and metric context for comprehensive, execution-ready recommendations</span>
68972
+ </li>
68973
+ </ul>
68974
+ </div>
68975
+ </div>
68976
+
68977
+ <div [ngClass]="nextStepsBoxClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
68978
+ <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="nextStepsIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
68979
+ @if (isOnboarded()) {
68980
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
68981
+ } @else {
68982
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
68983
+ }
68984
+ </svg>
68985
+ <div class="flex-1">
68986
+ <h3 [ngClass]="nextStepsTitleClasses()" class="font-bold mb-1">
68987
+ @if (isOnboarded()) {
68988
+ Keep Your Shop Profile Current
68989
+ } @else {
68990
+ Continue Your Journey
68991
+ }
68992
+ </h3>
68993
+ <p [ngClass]="nextStepsTextClasses()" class="text-sm leading-relaxed">
68994
+ @if (isOnboarded()) {
68995
+ As you implement improvements, adopt new tools, or change your operational processes, update your Shop Analysis to keep recommendations aligned with your current capabilities. This ensures Symphiq continues to suggest tactics you can actually execute with your existing team and infrastructure.
68996
+ } @else {
68997
+ The next steps—Focus Area Analysis and Metric Analysis—let you share what marketing tactics you're already using and provide context for each metric in your funnel. This final layer of knowledge ensures every recommendation Symphiq generates fits seamlessly into your current strategy while identifying the highest-leverage improvements.
68998
+ }
68999
+ </p>
69000
+ </div>
69001
+ </div>
69002
+ </div>
69003
+ </div>
69004
+ </div>
69005
+ </div>
69006
69006
  `
69007
69007
  }]
69008
69008
  }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
@@ -69998,7 +69998,7 @@ class FocusAreaHealthIndicatorComponent {
69998
69998
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaHealthIndicatorComponent, { className: "FocusAreaHealthIndicatorComponent", filePath: "lib/components/profile-analysis-dashboard/focus-area-health-indicator.component.ts", lineNumber: 46 }); })();
69999
69999
 
70000
70000
  const _c0$k = a0 => ({ name: "chevron-right", source: a0 });
70001
- const _forTrack0$e = ($index, $item) => $item.id;
70001
+ const _forTrack0$f = ($index, $item) => $item.id;
70002
70002
  function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
70003
70003
  const _r1 = i0.ɵɵgetCurrentView();
70004
70004
  i0.ɵɵelementStart(0, "button", 2);
@@ -70019,7 +70019,7 @@ function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (r
70019
70019
  } }
70020
70020
  function RelatedGoalChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
70021
70021
  i0.ɵɵelementStart(0, "div", 0);
70022
- i0.ɵɵrepeaterCreate(1, RelatedGoalChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$e);
70022
+ i0.ɵɵrepeaterCreate(1, RelatedGoalChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$f);
70023
70023
  i0.ɵɵelementEnd();
70024
70024
  } if (rf & 2) {
70025
70025
  const ctx_r2 = i0.ɵɵnextContext();
@@ -72878,7 +72878,7 @@ class CapabilityMatrixCardComponent {
72878
72878
  }], () => [], { 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 }] }] }); })();
72879
72879
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CapabilityMatrixCardComponent, { className: "CapabilityMatrixCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/capability-matrix-card.component.ts", lineNumber: 118 }); })();
72880
72880
 
72881
- const _forTrack0$d = ($index, $item) => $item.competitorId || $index;
72881
+ const _forTrack0$e = ($index, $item) => $item.competitorId || $index;
72882
72882
  function CompetitiveComparisonCardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
72883
72883
  i0.ɵɵelementStart(0, "span", 15);
72884
72884
  i0.ɵɵtext(1);
@@ -72991,7 +72991,7 @@ function CompetitiveComparisonCardComponent_Conditional_13_Template(rf, ctx) { i
72991
72991
  i0.ɵɵelementStart(0, "div", 12)(1, "h6", 21);
72992
72992
  i0.ɵɵtext(2, " Competitor Positions ");
72993
72993
  i0.ɵɵelementEnd();
72994
- i0.ɵɵrepeaterCreate(3, CompetitiveComparisonCardComponent_Conditional_13_For_4_Template, 7, 6, "div", 22, _forTrack0$d);
72994
+ i0.ɵɵrepeaterCreate(3, CompetitiveComparisonCardComponent_Conditional_13_For_4_Template, 7, 6, "div", 22, _forTrack0$e);
72995
72995
  i0.ɵɵelementEnd();
72996
72996
  } if (rf & 2) {
72997
72997
  const ctx_r1 = i0.ɵɵnextContext();
@@ -73373,7 +73373,7 @@ class CompetitiveComparisonCardComponent {
73373
73373
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveComparisonCardComponent, { className: "CompetitiveComparisonCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/competitive-comparison-card.component.ts", lineNumber: 125 }); })();
73374
73374
 
73375
73375
  const _c0$f = a0 => ({ name: "chevron-right", source: a0 });
73376
- const _forTrack0$c = ($index, $item) => $item.id;
73376
+ const _forTrack0$d = ($index, $item) => $item.id;
73377
73377
  function PhaseTimelineCardComponent_Conditional_8_For_7_Template(rf, ctx) { if (rf & 1) {
73378
73378
  const _r1 = i0.ɵɵgetCurrentView();
73379
73379
  i0.ɵɵelementStart(0, "button", 15);
@@ -73402,7 +73402,7 @@ function PhaseTimelineCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1
73402
73402
  i0.ɵɵelementEnd();
73403
73403
  i0.ɵɵnamespaceHTML();
73404
73404
  i0.ɵɵelementStart(5, "div", 13);
73405
- i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_8_For_7_Template, 4, 5, "button", 14, _forTrack0$c);
73405
+ i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_8_For_7_Template, 4, 5, "button", 14, _forTrack0$d);
73406
73406
  i0.ɵɵelementEnd()();
73407
73407
  } if (rf & 2) {
73408
73408
  const ctx_r2 = i0.ɵɵnextContext();
@@ -74399,7 +74399,7 @@ class OperationalCategoryCardComponent {
74399
74399
 
74400
74400
  const _c0$d = a0 => ({ name: "arrow-trending-up", source: a0 });
74401
74401
  const _c1$7 = a0 => ({ name: "chat-bubble-left-right", source: a0 });
74402
- const _forTrack0$b = ($index, $item) => $item.questionId;
74402
+ const _forTrack0$c = ($index, $item) => $item.questionId;
74403
74403
  function KeyDriverCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
74404
74404
  i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
74405
74405
  i0.ɵɵtext(2);
@@ -74419,7 +74419,7 @@ function KeyDriverCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
74419
74419
  i0.ɵɵelementStart(3, "span", 12);
74420
74420
  i0.ɵɵtext(4, " Supporting Profile Insights ");
74421
74421
  i0.ɵɵelementEnd()();
74422
- i0.ɵɵrepeaterCreate(5, KeyDriverCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$b);
74422
+ i0.ɵɵrepeaterCreate(5, KeyDriverCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$c);
74423
74423
  i0.ɵɵelementEnd();
74424
74424
  } if (rf & 2) {
74425
74425
  const ctx_r1 = i0.ɵɵnextContext();
@@ -74609,7 +74609,7 @@ class KeyDriverCardComponent {
74609
74609
 
74610
74610
  const _c0$c = a0 => ({ name: "exclamation-triangle", source: a0 });
74611
74611
  const _c1$6 = a0 => ({ name: "chat-bubble-left-right", source: a0 });
74612
- const _forTrack0$a = ($index, $item) => $item.questionId;
74612
+ const _forTrack0$b = ($index, $item) => $item.questionId;
74613
74613
  function BottleneckCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
74614
74614
  i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
74615
74615
  i0.ɵɵtext(2);
@@ -74629,7 +74629,7 @@ function BottleneckCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1)
74629
74629
  i0.ɵɵelementStart(3, "span", 12);
74630
74630
  i0.ɵɵtext(4, " Supporting Profile Insights ");
74631
74631
  i0.ɵɵelementEnd()();
74632
- i0.ɵɵrepeaterCreate(5, BottleneckCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$a);
74632
+ i0.ɵɵrepeaterCreate(5, BottleneckCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$b);
74633
74633
  i0.ɵɵelementEnd();
74634
74634
  } if (rf & 2) {
74635
74635
  const ctx_r1 = i0.ɵɵnextContext();
@@ -74838,7 +74838,7 @@ const _c0$b = a0 => ({ name: "arrow-right", source: a0 });
74838
74838
  const _c1$5 = a0 => ({ name: "arrow-left", source: a0 });
74839
74839
  const _c2$5 = a0 => ({ name: "arrows-right-left", source: a0 });
74840
74840
  const _c3$3 = a0 => ({ name: "scale", source: a0 });
74841
- const _forTrack0$9 = ($index, $item) => $item.metric;
74841
+ const _forTrack0$a = ($index, $item) => $item.metric;
74842
74842
  function MetricRelationshipsCardComponent_Conditional_1_For_8_Template(rf, ctx) { if (rf & 1) {
74843
74843
  i0.ɵɵelementStart(0, "span", 7);
74844
74844
  i0.ɵɵtext(1);
@@ -74937,7 +74937,7 @@ function MetricRelationshipsCardComponent_Conditional_3_Template(rf, ctx) { if (
74937
74937
  i0.ɵɵtext(5, " Trade-offs ");
74938
74938
  i0.ɵɵelementEnd()();
74939
74939
  i0.ɵɵelementStart(6, "div", 8);
74940
- i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 9, _forTrack0$9);
74940
+ i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 9, _forTrack0$a);
74941
74941
  i0.ɵɵelementEnd()();
74942
74942
  } if (rf & 2) {
74943
74943
  const ctx_r1 = i0.ɵɵnextContext();
@@ -75374,7 +75374,7 @@ class RelatedMetricCardComponent {
75374
75374
  }], 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"] }] }); })();
75375
75375
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricCardComponent, { className: "RelatedMetricCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/related-metric-card.component.ts", lineNumber: 68 }); })();
75376
75376
 
75377
- const _forTrack0$8 = ($index, $item) => $item.metric;
75377
+ const _forTrack0$9 = ($index, $item) => $item.metric;
75378
75378
  function RelatedMetricsListComponent_Conditional_1_For_14_Template(rf, ctx) { if (rf & 1) {
75379
75379
  const _r1 = i0.ɵɵgetCurrentView();
75380
75380
  i0.ɵɵelementStart(0, "symphiq-related-metric-card", 12);
@@ -75402,7 +75402,7 @@ function RelatedMetricsListComponent_Conditional_1_Template(rf, ctx) { if (rf &
75402
75402
  i0.ɵɵtext(11);
75403
75403
  i0.ɵɵelementEnd()();
75404
75404
  i0.ɵɵelementStart(12, "div", 10);
75405
- i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_1_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$8);
75405
+ i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_1_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$9);
75406
75406
  i0.ɵɵelementEnd()();
75407
75407
  } if (rf & 2) {
75408
75408
  const ctx_r1 = i0.ɵɵnextContext();
@@ -75448,7 +75448,7 @@ function RelatedMetricsListComponent_Conditional_2_Template(rf, ctx) { if (rf &
75448
75448
  i0.ɵɵtext(11);
75449
75449
  i0.ɵɵelementEnd()();
75450
75450
  i0.ɵɵelementStart(12, "div", 10);
75451
- i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_2_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$8);
75451
+ i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_2_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$9);
75452
75452
  i0.ɵɵelementEnd()();
75453
75453
  } if (rf & 2) {
75454
75454
  const ctx_r1 = i0.ɵɵnextContext();
@@ -75494,7 +75494,7 @@ function RelatedMetricsListComponent_Conditional_3_Template(rf, ctx) { if (rf &
75494
75494
  i0.ɵɵtext(11);
75495
75495
  i0.ɵɵelementEnd()();
75496
75496
  i0.ɵɵelementStart(12, "div", 10);
75497
- i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_3_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$8);
75497
+ i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_3_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$9);
75498
75498
  i0.ɵɵelementEnd()();
75499
75499
  } if (rf & 2) {
75500
75500
  const ctx_r1 = i0.ɵɵnextContext();
@@ -75540,7 +75540,7 @@ function RelatedMetricsListComponent_Conditional_4_Template(rf, ctx) { if (rf &
75540
75540
  i0.ɵɵtext(11);
75541
75541
  i0.ɵɵelementEnd()();
75542
75542
  i0.ɵɵelementStart(12, "div", 10);
75543
- i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_4_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$8);
75543
+ i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_4_For_14_Template, 1, 6, "symphiq-related-metric-card", 11, _forTrack0$9);
75544
75544
  i0.ɵɵelementEnd()();
75545
75545
  } if (rf & 2) {
75546
75546
  const ctx_r1 = i0.ɵɵnextContext();
@@ -76951,7 +76951,7 @@ const _c3 = a0 => [a0];
76951
76951
  const _c4 = () => [];
76952
76952
  const _c5 = a0 => ({ name: "chart-bar", source: a0 });
76953
76953
  const _c6 = a0 => ({ name: "user", source: a0 });
76954
- const _forTrack0$7 = ($index, $item) => $item.id || $index;
76954
+ const _forTrack0$8 = ($index, $item) => $item.id || $index;
76955
76955
  const _forTrack1$2 = ($index, $item) => $item.dimension || $index;
76956
76956
  const _forTrack2$1 = ($index, $item) => $item.phase || $index;
76957
76957
  const _forTrack3$1 = ($index, $item) => $item.driver;
@@ -77277,7 +77277,7 @@ function ProfileSectionContentComponent_Conditional_4_For_2_Template(rf, ctx) {
77277
77277
  } }
77278
77278
  function ProfileSectionContentComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
77279
77279
  i0.ɵɵelementStart(0, "div", 3);
77280
- i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_4_For_2_Template, 2, 3, "div", null, _forTrack0$7);
77280
+ i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_4_For_2_Template, 2, 3, "div", null, _forTrack0$8);
77281
77281
  i0.ɵɵelementEnd();
77282
77282
  } if (rf & 2) {
77283
77283
  const ctx_r1 = i0.ɵɵnextContext();
@@ -77294,7 +77294,7 @@ function ProfileSectionContentComponent_Conditional_5_For_2_Template(rf, ctx) {
77294
77294
  } }
77295
77295
  function ProfileSectionContentComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
77296
77296
  i0.ɵɵelementStart(0, "div", 4);
77297
- i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_5_For_2_Template, 1, 8, "symphiq-goal-card", 48, _forTrack0$7);
77297
+ i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_5_For_2_Template, 1, 8, "symphiq-goal-card", 48, _forTrack0$8);
77298
77298
  i0.ɵɵelementEnd();
77299
77299
  } if (rf & 2) {
77300
77300
  const ctx_r1 = i0.ɵɵnextContext();
@@ -77310,7 +77310,7 @@ function ProfileSectionContentComponent_Conditional_6_For_2_Template(rf, ctx) {
77310
77310
  } }
77311
77311
  function ProfileSectionContentComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
77312
77312
  i0.ɵɵelementStart(0, "div", 5);
77313
- i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_6_For_2_Template, 1, 3, "symphiq-capability-matrix-card", 49, _forTrack0$7);
77313
+ i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_6_For_2_Template, 1, 3, "symphiq-capability-matrix-card", 49, _forTrack0$8);
77314
77314
  i0.ɵɵelementEnd();
77315
77315
  } if (rf & 2) {
77316
77316
  const ctx_r1 = i0.ɵɵnextContext();
@@ -77365,7 +77365,7 @@ function ProfileSectionContentComponent_Conditional_9_For_2_Template(rf, ctx) {
77365
77365
  } }
77366
77366
  function ProfileSectionContentComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
77367
77367
  i0.ɵɵelementStart(0, "div", 8);
77368
- i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_9_For_2_Template, 1, 2, "symphiq-operational-category-card", 53, _forTrack0$7);
77368
+ i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_9_For_2_Template, 1, 2, "symphiq-operational-category-card", 53, _forTrack0$8);
77369
77369
  i0.ɵɵelementEnd();
77370
77370
  } if (rf & 2) {
77371
77371
  const ctx_r1 = i0.ɵɵnextContext();
@@ -77661,7 +77661,7 @@ function ProfileSectionContentComponent_Conditional_11_Conditional_2_Template(rf
77661
77661
  i0.ɵɵtext(2, "Tactical Recommendations");
77662
77662
  i0.ɵɵelementEnd();
77663
77663
  i0.ɵɵelementStart(3, "div", 74);
77664
- i0.ɵɵrepeaterCreate(4, ProfileSectionContentComponent_Conditional_11_Conditional_2_For_5_Template, 14, 12, "div", 16, _forTrack0$7);
77664
+ i0.ɵɵrepeaterCreate(4, ProfileSectionContentComponent_Conditional_11_Conditional_2_For_5_Template, 14, 12, "div", 16, _forTrack0$8);
77665
77665
  i0.ɵɵelementEnd()();
77666
77666
  } if (rf & 2) {
77667
77667
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -79698,7 +79698,7 @@ class ProfileSectionContentComponent {
79698
79698
  }], 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 }] }] }); })();
79699
79699
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileSectionContentComponent, { className: "ProfileSectionContentComponent", filePath: "lib/components/profile-analysis-dashboard/profile-section-content.component.ts", lineNumber: 760 }); })();
79700
79700
 
79701
- const _forTrack0$6 = ($index, $item) => $item.id || $index;
79701
+ const _forTrack0$7 = ($index, $item) => $item.id || $index;
79702
79702
  function GoalObjectivesModalContentComponent_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
79703
79703
  i0.ɵɵelementStart(0, "p", 9);
79704
79704
  i0.ɵɵtext(1);
@@ -79956,7 +79956,7 @@ class GoalObjectivesModalContentComponent {
79956
79956
  static { this.ɵfac = function GoalObjectivesModalContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoalObjectivesModalContentComponent)(); }; }
79957
79957
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GoalObjectivesModalContentComponent, selectors: [["symphiq-goal-objectives-modal-content"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"] }, decls: 3, vars: 0, consts: [[1, "space-y-6"], [1, "rounded-lg", "p-5", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-start", "gap-3"], [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 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"], [1, "flex-1", "min-w-0"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "font-semibold", "text-base", "mb-2", 3, "ngClass"], [1, "text-sm", "mb-3", 3, "ngClass"], [1, "p-3", "rounded-lg", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-3", "mb-3"], [1, "w-full", "px-5", "py-4", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.01]", "active:scale-[0.99]", "cursor-pointer", "group", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["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"], [1, "text-xs", "font-medium", "mb-1", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "p-3", "rounded-lg", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "w-full", "px-5", "py-4", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.01]", "active:scale-[0.99]", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "w-10", "h-10", "rounded-lg", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "text-left"], [1, "text-xs", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transition-transform", "group-hover:translate-x-1", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"]], template: function GoalObjectivesModalContentComponent_Template(rf, ctx) { if (rf & 1) {
79958
79958
  i0.ɵɵelementStart(0, "div", 0);
79959
- i0.ɵɵrepeaterCreate(1, GoalObjectivesModalContentComponent_For_2_Template, 14, 9, "div", 1, _forTrack0$6);
79959
+ i0.ɵɵrepeaterCreate(1, GoalObjectivesModalContentComponent_For_2_Template, 14, 9, "div", 1, _forTrack0$7);
79960
79960
  i0.ɵɵelementEnd();
79961
79961
  } if (rf & 2) {
79962
79962
  let tmp_0_0;
@@ -80056,7 +80056,7 @@ class GoalObjectivesModalContentComponent {
80056
80056
  }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
80057
80057
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalObjectivesModalContentComponent, { className: "GoalObjectivesModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/goal-objectives-modal-content.component.ts", lineNumber: 94 }); })();
80058
80058
 
80059
- const _forTrack0$5 = ($index, $item) => $item.id || $index;
80059
+ const _forTrack0$6 = ($index, $item) => $item.id || $index;
80060
80060
  const _forTrack1$1 = ($index, $item) => ($item == null ? null : $item.questionId) || $index;
80061
80061
  function ObjectiveStrategiesModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
80062
80062
  i0.ɵɵelementStart(0, "div", 2)(1, "p", 6);
@@ -80497,7 +80497,7 @@ class ObjectiveStrategiesModalContentComponent {
80497
80497
  i0.ɵɵconditionalCreate(3, ObjectiveStrategiesModalContentComponent_Conditional_3_Template, 10, 5, "div", 3);
80498
80498
  i0.ɵɵconditionalCreate(4, ObjectiveStrategiesModalContentComponent_Conditional_4_Template, 6, 2, "div", 4);
80499
80499
  i0.ɵɵelementEnd();
80500
- i0.ɵɵrepeaterCreate(5, ObjectiveStrategiesModalContentComponent_For_6_Template, 17, 10, "div", 5, _forTrack0$5);
80500
+ i0.ɵɵrepeaterCreate(5, ObjectiveStrategiesModalContentComponent_For_6_Template, 17, 10, "div", 5, _forTrack0$6);
80501
80501
  i0.ɵɵelementEnd();
80502
80502
  } if (rf & 2) {
80503
80503
  let tmp_1_0;
@@ -80798,7 +80798,7 @@ class TooltipContentBuilder {
80798
80798
  }
80799
80799
  }
80800
80800
 
80801
- const _forTrack0$4 = ($index, $item) => $item.id || $index;
80801
+ const _forTrack0$5 = ($index, $item) => $item.id || $index;
80802
80802
  const _forTrack1 = ($index, $item) => $item.type + $item.label;
80803
80803
  const _forTrack2 = ($index, $item) => $item.order || $index;
80804
80804
  const _forTrack3 = ($index, $item) => ($item == null ? null : $item.questionId) || $index;
@@ -82521,7 +82521,7 @@ class StrategyRecommendationsModalContentComponent {
82521
82521
  i0.ɵɵconditionalCreate(5, StrategyRecommendationsModalContentComponent_Conditional_5_Template, 2, 2, "span", 4);
82522
82522
  i0.ɵɵconditionalCreate(6, StrategyRecommendationsModalContentComponent_Conditional_6_Template, 2, 2, "span", 4);
82523
82523
  i0.ɵɵelementEnd()();
82524
- i0.ɵɵrepeaterCreate(7, StrategyRecommendationsModalContentComponent_For_8_Template, 35, 31, "div", 5, _forTrack0$4);
82524
+ i0.ɵɵrepeaterCreate(7, StrategyRecommendationsModalContentComponent_For_8_Template, 35, 31, "div", 5, _forTrack0$5);
82525
82525
  i0.ɵɵelementEnd();
82526
82526
  } if (rf & 2) {
82527
82527
  let tmp_1_0;
@@ -84551,7 +84551,7 @@ class GapDetailModalContentComponent {
84551
84551
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GapDetailModalContentComponent, { className: "GapDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/gap-detail-modal-content.component.ts", lineNumber: 129 }); })();
84552
84552
 
84553
84553
  const _c0$3 = a0 => ({ name: "chevron-right", source: a0 });
84554
- const _forTrack0$3 = ($index, $item) => $item.id || $index;
84554
+ const _forTrack0$4 = ($index, $item) => $item.id || $index;
84555
84555
  function OpportunityDetailModalContentComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
84556
84556
  i0.ɵɵelementStart(0, "div", 9)(1, "h4", 10);
84557
84557
  i0.ɵɵnamespaceSVG();
@@ -84662,7 +84662,7 @@ function OpportunityDetailModalContentComponent_Conditional_14_Conditional_0_Tem
84662
84662
  i0.ɵɵtext(2, " Related Goals ");
84663
84663
  i0.ɵɵelementEnd();
84664
84664
  i0.ɵɵelementStart(3, "div", 25);
84665
- i0.ɵɵrepeaterCreate(4, OpportunityDetailModalContentComponent_Conditional_14_Conditional_0_For_5_Template, 4, 6, "div", 26, _forTrack0$3);
84665
+ i0.ɵɵrepeaterCreate(4, OpportunityDetailModalContentComponent_Conditional_14_Conditional_0_For_5_Template, 4, 6, "div", 26, _forTrack0$4);
84666
84666
  i0.ɵɵelementEnd()();
84667
84667
  } if (rf & 2) {
84668
84668
  const goals_r6 = i0.ɵɵnextContext();
@@ -85455,7 +85455,7 @@ class SimplifiedGoalCardComponent {
85455
85455
  }], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], animationIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationIndex", required: false }] }], viewMoreClick: [{ type: i0.Output, args: ["viewMoreClick"] }] }); })();
85456
85456
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimplifiedGoalCardComponent, { className: "SimplifiedGoalCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/simplified-goal-card.component.ts", lineNumber: 127 }); })();
85457
85457
 
85458
- const _forTrack0$2 = ($index, $item) => $item.id;
85458
+ const _forTrack0$3 = ($index, $item) => $item.id;
85459
85459
  function StrategicGoalsTiledGridComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
85460
85460
  i0.ɵɵelementStart(0, "div", 9);
85461
85461
  i0.ɵɵtext(1);
@@ -85479,7 +85479,7 @@ function StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template(rf, ctx)
85479
85479
  } }
85480
85480
  function StrategicGoalsTiledGridComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
85481
85481
  i0.ɵɵelementStart(0, "div", 11);
85482
- i0.ɵɵrepeaterCreate(1, StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-goal-card", 13, _forTrack0$2);
85482
+ i0.ɵɵrepeaterCreate(1, StrategicGoalsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-goal-card", 13, _forTrack0$3);
85483
85483
  i0.ɵɵelementEnd();
85484
85484
  } if (rf & 2) {
85485
85485
  const ctx_r0 = i0.ɵɵnextContext();
@@ -85693,7 +85693,7 @@ class StrategicGoalsTiledGridComponent {
85693
85693
  }], null, { goals: [{ type: i0.Input, args: [{ isSignal: true, alias: "goals", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewMoreClick: [{ type: i0.Output, args: ["viewMoreClick"] }] }); })();
85694
85694
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrategicGoalsTiledGridComponent, { className: "StrategicGoalsTiledGridComponent", filePath: "lib/components/profile-analysis-dashboard/cards/strategic-goals-tiled-grid.component.ts", lineNumber: 69 }); })();
85695
85695
 
85696
- const _forTrack0$1 = ($index, $item) => $item.id;
85696
+ const _forTrack0$2 = ($index, $item) => $item.id;
85697
85697
  function CollapsibleAnalysisSectionGroupComponent_For_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
85698
85698
  i0.ɵɵelementStart(0, "div", 20);
85699
85699
  i0.ɵɵelement(1, "symphiq-icon", 31);
@@ -86063,7 +86063,7 @@ class CollapsibleAnalysisSectionGroupComponent {
86063
86063
  i0.ɵɵtext(20);
86064
86064
  i0.ɵɵelementEnd()()();
86065
86065
  i0.ɵɵelementStart(21, "div", 16);
86066
- i0.ɵɵrepeaterCreate(22, CollapsibleAnalysisSectionGroupComponent_For_23_Template, 16, 14, "div", 17, _forTrack0$1);
86066
+ i0.ɵɵrepeaterCreate(22, CollapsibleAnalysisSectionGroupComponent_For_23_Template, 16, 14, "div", 17, _forTrack0$2);
86067
86067
  i0.ɵɵelementEnd()()();
86068
86068
  } if (rf & 2) {
86069
86069
  i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -86257,34 +86257,1107 @@ class CollapsibleAnalysisSectionGroupComponent {
86257
86257
  }], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], executiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "executiveSummary", required: false }] }], focusAreaExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaExecutiveSummary", required: false }] }], metricExecutiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricExecutiveSummary", required: false }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", 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 }] }] }); })();
86258
86258
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleAnalysisSectionGroupComponent, { className: "CollapsibleAnalysisSectionGroupComponent", filePath: "lib/components/profile-analysis-dashboard/cards/collapsible-analysis-section-group.component.ts", lineNumber: 172 }); })();
86259
86259
 
86260
+ const _forTrack0$1 = ($index, $item) => $item.code;
86261
+ function BillingCurrencySelectorCardComponent_For_15_Template(rf, ctx) { if (rf & 1) {
86262
+ const _r1 = i0.ɵɵgetCurrentView();
86263
+ i0.ɵɵelementStart(0, "label", 11)(1, "input", 12);
86264
+ i0.ɵɵtwoWayListener("ngModelChange", function BillingCurrencySelectorCardComponent_For_15_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedCurrency, $event) || (ctx_r1.selectedCurrency = $event); return i0.ɵɵresetView($event); });
86265
+ i0.ɵɵlistener("change", function BillingCurrencySelectorCardComponent_For_15_Template_input_change_1_listener() { const currency_r3 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCurrencyChange(currency_r3.code)); });
86266
+ i0.ɵɵelementEnd();
86267
+ i0.ɵɵelementStart(2, "div", 13)(3, "div", 14)(4, "span", 15);
86268
+ i0.ɵɵtext(5);
86269
+ i0.ɵɵelementEnd();
86270
+ i0.ɵɵelementStart(6, "span", 16);
86271
+ i0.ɵɵtext(7);
86272
+ i0.ɵɵelementEnd()();
86273
+ i0.ɵɵelementStart(8, "p", 7);
86274
+ i0.ɵɵtext(9);
86275
+ i0.ɵɵelementEnd()()();
86276
+ } if (rf & 2) {
86277
+ const currency_r3 = ctx.$implicit;
86278
+ const ctx_r1 = i0.ɵɵnextContext();
86279
+ i0.ɵɵproperty("ngClass", ctx_r1.getCurrencyOptionClasses(currency_r3.code));
86280
+ i0.ɵɵadvance();
86281
+ i0.ɵɵproperty("name", "currency")("value", currency_r3.code);
86282
+ i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedCurrency);
86283
+ i0.ɵɵproperty("disabled", ctx_r1.isLoading())("ngClass", ctx_r1.getRadioClasses());
86284
+ i0.ɵɵadvance(3);
86285
+ i0.ɵɵproperty("ngClass", ctx_r1.getCurrencyCodeClasses());
86286
+ i0.ɵɵadvance();
86287
+ i0.ɵɵtextInterpolate1(" ", currency_r3.code, " ");
86288
+ i0.ɵɵadvance();
86289
+ i0.ɵɵproperty("ngClass", ctx_r1.getCurrencySymbolClasses());
86290
+ i0.ɵɵadvance();
86291
+ i0.ɵɵtextInterpolate1(" (", currency_r3.symbol, ") ");
86292
+ i0.ɵɵadvance();
86293
+ i0.ɵɵproperty("ngClass", ctx_r1.getCurrencyNameClasses());
86294
+ i0.ɵɵadvance();
86295
+ i0.ɵɵtextInterpolate1(" ", currency_r3.name, " ");
86296
+ } }
86297
+ class BillingCurrencySelectorCardComponent {
86298
+ constructor() {
86299
+ this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
86300
+ this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
86301
+ this.currencySelected = output();
86302
+ this.selectedCurrency = signal(null, ...(ngDevMode ? [{ debugName: "selectedCurrency" }] : []));
86303
+ this.currencies = [
86304
+ { code: CurrencyCodeEnum.USD, symbol: '$', name: 'United States Dollar' },
86305
+ { code: CurrencyCodeEnum.EUR, symbol: '€', name: 'Euro' },
86306
+ { code: CurrencyCodeEnum.NOK, symbol: 'kr', name: 'Norwegian Krone' },
86307
+ { code: CurrencyCodeEnum.JPY, symbol: '¥', name: 'Japanese Yen' }
86308
+ ];
86309
+ }
86310
+ handleCurrencyChange(currency) {
86311
+ this.currencySelected.emit(currency);
86312
+ }
86313
+ containerClasses() {
86314
+ return this.viewMode() === ViewModeEnum.DARK
86315
+ ? 'bg-slate-800/40 border-slate-700/50'
86316
+ : 'bg-white border-slate-200';
86317
+ }
86318
+ headerClasses() {
86319
+ return this.viewMode() === ViewModeEnum.DARK
86320
+ ? 'border-slate-700/50 bg-slate-800/60'
86321
+ : 'border-slate-200 bg-gradient-to-r from-blue-50/50 to-purple-50/50';
86322
+ }
86323
+ iconContainerClasses() {
86324
+ return this.viewMode() === ViewModeEnum.DARK
86325
+ ? 'bg-blue-500/20 text-blue-400'
86326
+ : 'bg-blue-100 text-blue-600';
86327
+ }
86328
+ titleClasses() {
86329
+ return this.viewMode() === ViewModeEnum.DARK
86330
+ ? 'text-white'
86331
+ : 'bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent';
86332
+ }
86333
+ subtitleClasses() {
86334
+ return this.viewMode() === ViewModeEnum.DARK
86335
+ ? 'text-slate-400'
86336
+ : 'text-slate-600';
86337
+ }
86338
+ contentClasses() {
86339
+ return this.viewMode() === ViewModeEnum.DARK
86340
+ ? 'bg-slate-800/30'
86341
+ : 'bg-slate-50/30';
86342
+ }
86343
+ getCurrencyOptionClasses(code) {
86344
+ const isSelected = this.selectedCurrency() === code;
86345
+ const isDisabled = this.isLoading();
86346
+ if (this.viewMode() === ViewModeEnum.DARK) {
86347
+ if (isSelected) {
86348
+ return 'bg-blue-500/20 border-blue-500/50';
86349
+ }
86350
+ return isDisabled
86351
+ ? 'bg-slate-800/40 border-slate-700/50 opacity-50 cursor-not-allowed'
86352
+ : 'bg-slate-800/40 border-slate-700/50 hover:border-blue-500/30';
86353
+ }
86354
+ else {
86355
+ if (isSelected) {
86356
+ return 'bg-blue-50 border-blue-400';
86357
+ }
86358
+ return isDisabled
86359
+ ? 'bg-white border-slate-200 opacity-50 cursor-not-allowed'
86360
+ : 'bg-white border-slate-200 hover:border-blue-300';
86361
+ }
86362
+ }
86363
+ getRadioClasses() {
86364
+ return this.viewMode() === ViewModeEnum.DARK
86365
+ ? 'accent-blue-500'
86366
+ : 'accent-blue-600';
86367
+ }
86368
+ getCurrencyCodeClasses() {
86369
+ return this.viewMode() === ViewModeEnum.DARK
86370
+ ? 'text-white'
86371
+ : 'text-slate-900';
86372
+ }
86373
+ getCurrencySymbolClasses() {
86374
+ return this.viewMode() === ViewModeEnum.DARK
86375
+ ? 'text-slate-400'
86376
+ : 'text-slate-600';
86377
+ }
86378
+ getCurrencyNameClasses() {
86379
+ return this.viewMode() === ViewModeEnum.DARK
86380
+ ? 'text-slate-400'
86381
+ : 'text-slate-600';
86382
+ }
86383
+ static { this.ɵfac = function BillingCurrencySelectorCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BillingCurrencySelectorCardComponent)(); }; }
86384
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BillingCurrencySelectorCardComponent, selectors: [["symphiq-billing-currency-selector-card"]], inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"] }, outputs: { currencySelected: "currencySelected" }, decls: 16, vars: 6, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [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", "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "space-y-6"], [1, "space-y-3"], [1, "flex", "items-center", "gap-4", "p-4", "rounded-xl", "border-2", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.01]", 3, "ngClass"], ["type", "radio", 1, "w-5", "h-5", "flex-shrink-0", "cursor-pointer", "disabled:cursor-not-allowed", 3, "ngModelChange", "change", "name", "value", "ngModel", "disabled", "ngClass"], [1, "flex-1"], [1, "flex", "items-center", "gap-2"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "text-sm", 3, "ngClass"]], template: function BillingCurrencySelectorCardComponent_Template(rf, ctx) { if (rf & 1) {
86385
+ i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
86386
+ i0.ɵɵnamespaceSVG();
86387
+ i0.ɵɵelementStart(4, "svg", 4);
86388
+ i0.ɵɵelement(5, "path", 5);
86389
+ i0.ɵɵelementEnd()();
86390
+ i0.ɵɵnamespaceHTML();
86391
+ i0.ɵɵelementStart(6, "div")(7, "h2", 6);
86392
+ i0.ɵɵtext(8, " Select Your Billing Currency ");
86393
+ i0.ɵɵelementEnd();
86394
+ i0.ɵɵelementStart(9, "p", 7);
86395
+ i0.ɵɵtext(10, " Choose the currency for your subscription ");
86396
+ i0.ɵɵelementEnd()()()();
86397
+ i0.ɵɵelementStart(11, "div", 8)(12, "div", 9)(13, "div", 10);
86398
+ i0.ɵɵrepeaterCreate(14, BillingCurrencySelectorCardComponent_For_15_Template, 10, 12, "label", 11, _forTrack0$1);
86399
+ i0.ɵɵelementEnd()()()();
86400
+ } if (rf & 2) {
86401
+ i0.ɵɵproperty("ngClass", ctx.containerClasses());
86402
+ i0.ɵɵadvance();
86403
+ i0.ɵɵproperty("ngClass", ctx.headerClasses());
86404
+ i0.ɵɵadvance(2);
86405
+ i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
86406
+ i0.ɵɵadvance(4);
86407
+ i0.ɵɵproperty("ngClass", ctx.titleClasses());
86408
+ i0.ɵɵadvance(2);
86409
+ i0.ɵɵproperty("ngClass", ctx.subtitleClasses());
86410
+ i0.ɵɵadvance(2);
86411
+ i0.ɵɵproperty("ngClass", ctx.contentClasses());
86412
+ i0.ɵɵadvance(3);
86413
+ i0.ɵɵrepeater(ctx.currencies);
86414
+ } }, dependencies: [CommonModule, i1$1.NgClass, FormsModule, i2$1.DefaultValueAccessor, i2$1.RadioControlValueAccessor, i2$1.NgControlStatus, i2$1.NgModel], encapsulation: 2, changeDetection: 0 }); }
86415
+ }
86416
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BillingCurrencySelectorCardComponent, [{
86417
+ type: Component,
86418
+ args: [{
86419
+ selector: 'symphiq-billing-currency-selector-card',
86420
+ standalone: true,
86421
+ imports: [CommonModule, FormsModule],
86422
+ changeDetection: ChangeDetectionStrategy.OnPush,
86423
+ template: `
86424
+ <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
86425
+ <div [ngClass]="headerClasses()" class="px-6 py-5 border-b">
86426
+ <div class="flex items-center gap-3">
86427
+ <div [ngClass]="iconContainerClasses()" class="p-2.5 rounded-lg">
86428
+ <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
86429
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"></path>
86430
+ </svg>
86431
+ </div>
86432
+ <div>
86433
+ <h2 [ngClass]="titleClasses()" class="text-xl font-bold">
86434
+ Select Your Billing Currency
86435
+ </h2>
86436
+ <p [ngClass]="subtitleClasses()" class="text-sm mt-0.5">
86437
+ Choose the currency for your subscription
86438
+ </p>
86439
+ </div>
86440
+ </div>
86441
+ </div>
86442
+
86443
+ <div [ngClass]="contentClasses()" class="p-6">
86444
+ <div class="space-y-6">
86445
+ <div class="space-y-3">
86446
+ @for (currency of currencies; track currency.code) {
86447
+ <label
86448
+ [ngClass]="getCurrencyOptionClasses(currency.code)"
86449
+ class="flex items-center gap-4 p-4 rounded-xl border-2 cursor-pointer transition-all duration-200 hover:scale-[1.01]">
86450
+ <input
86451
+ type="radio"
86452
+ [name]="'currency'"
86453
+ [value]="currency.code"
86454
+ [(ngModel)]="selectedCurrency"
86455
+ (change)="handleCurrencyChange(currency.code)"
86456
+ [disabled]="isLoading()"
86457
+ [ngClass]="getRadioClasses()"
86458
+ class="w-5 h-5 flex-shrink-0 cursor-pointer disabled:cursor-not-allowed"
86459
+ />
86460
+ <div class="flex-1">
86461
+ <div class="flex items-center gap-2">
86462
+ <span [ngClass]="getCurrencyCodeClasses()" class="text-lg font-bold">
86463
+ {{ currency.code }}
86464
+ </span>
86465
+ <span [ngClass]="getCurrencySymbolClasses()" class="text-sm">
86466
+ ({{ currency.symbol }})
86467
+ </span>
86468
+ </div>
86469
+ <p [ngClass]="getCurrencyNameClasses()" class="text-sm mt-0.5">
86470
+ {{ currency.name }}
86471
+ </p>
86472
+ </div>
86473
+ </label>
86474
+ }
86475
+ </div>
86476
+ </div>
86477
+ </div>
86478
+ </div>
86479
+ `
86480
+ }]
86481
+ }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], currencySelected: [{ type: i0.Output, args: ["currencySelected"] }] }); })();
86482
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BillingCurrencySelectorCardComponent, { className: "BillingCurrencySelectorCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/billing-currency-selector-card.component.ts", lineNumber: 69 }); })();
86483
+
86484
+ class PlanSelectionPlaceholderCardComponent {
86485
+ constructor() {
86486
+ this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
86487
+ this.selectedCurrency = input(CurrencyCodeEnum.USD, ...(ngDevMode ? [{ debugName: "selectedCurrency" }] : []));
86488
+ }
86489
+ containerClasses() {
86490
+ return this.viewMode() === ViewModeEnum.DARK
86491
+ ? 'bg-slate-800/40 border-slate-700/50'
86492
+ : 'bg-white border-slate-200';
86493
+ }
86494
+ headerClasses() {
86495
+ return this.viewMode() === ViewModeEnum.DARK
86496
+ ? 'border-slate-700/50 bg-slate-800/60'
86497
+ : 'border-slate-200 bg-gradient-to-r from-emerald-50/50 to-cyan-50/50';
86498
+ }
86499
+ iconContainerClasses() {
86500
+ return this.viewMode() === ViewModeEnum.DARK
86501
+ ? 'bg-emerald-500/20 text-emerald-400'
86502
+ : 'bg-emerald-100 text-emerald-600';
86503
+ }
86504
+ titleClasses() {
86505
+ return this.viewMode() === ViewModeEnum.DARK
86506
+ ? 'text-white'
86507
+ : 'bg-gradient-to-r from-emerald-600 to-cyan-600 bg-clip-text text-transparent';
86508
+ }
86509
+ subtitleClasses() {
86510
+ return this.viewMode() === ViewModeEnum.DARK
86511
+ ? 'text-slate-400'
86512
+ : 'text-slate-600';
86513
+ }
86514
+ contentClasses() {
86515
+ return this.viewMode() === ViewModeEnum.DARK
86516
+ ? 'bg-slate-800/30'
86517
+ : 'bg-slate-50/30';
86518
+ }
86519
+ placeholderIconClasses() {
86520
+ return this.viewMode() === ViewModeEnum.DARK
86521
+ ? 'bg-blue-500/20 text-blue-400'
86522
+ : 'bg-blue-100 text-blue-600';
86523
+ }
86524
+ placeholderTitleClasses() {
86525
+ return this.viewMode() === ViewModeEnum.DARK
86526
+ ? 'text-white'
86527
+ : 'text-slate-900';
86528
+ }
86529
+ placeholderTextClasses() {
86530
+ return this.viewMode() === ViewModeEnum.DARK
86531
+ ? 'text-slate-300'
86532
+ : 'text-slate-700';
86533
+ }
86534
+ infoBoxClasses() {
86535
+ return this.viewMode() === ViewModeEnum.DARK
86536
+ ? 'bg-blue-500/10 border-blue-500/30'
86537
+ : 'bg-blue-50 border-blue-200';
86538
+ }
86539
+ infoTextClasses() {
86540
+ return this.viewMode() === ViewModeEnum.DARK
86541
+ ? 'text-slate-300'
86542
+ : 'text-slate-700';
86543
+ }
86544
+ static { this.ɵfac = function PlanSelectionPlaceholderCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PlanSelectionPlaceholderCardComponent)(); }; }
86545
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PlanSelectionPlaceholderCardComponent, selectors: [["symphiq-plan-selection-placeholder-card"]], inputs: { viewMode: [1, "viewMode"], selectedCurrency: [1, "selectedCurrency"] }, decls: 33, vars: 13, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [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 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "font-semibold"], [1, "p-8", 3, "ngClass"], [1, "text-center", "space-y-6"], [1, "w-20", "h-20", "mx-auto", "rounded-full", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-10", "h-10"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "space-y-3"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "text-base", "leading-relaxed", "max-w-md", "mx-auto", 3, "ngClass"], [1, "p-5", "rounded-xl", "border", "inline-block", 3, "ngClass"], [1, "flex", "items-start", "gap-3", "text-left"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", "clip-rule", "evenodd"], [1, "flex-1"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function PlanSelectionPlaceholderCardComponent_Template(rf, ctx) { if (rf & 1) {
86546
+ i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
86547
+ i0.ɵɵnamespaceSVG();
86548
+ i0.ɵɵelementStart(4, "svg", 4);
86549
+ i0.ɵɵelement(5, "path", 5);
86550
+ i0.ɵɵelementEnd()();
86551
+ i0.ɵɵnamespaceHTML();
86552
+ i0.ɵɵelementStart(6, "div")(7, "h2", 6);
86553
+ i0.ɵɵtext(8, " Choose Your Plan ");
86554
+ i0.ɵɵelementEnd();
86555
+ i0.ɵɵelementStart(9, "p", 7);
86556
+ i0.ɵɵtext(10, " Selected currency: ");
86557
+ i0.ɵɵelementStart(11, "span", 8);
86558
+ i0.ɵɵtext(12);
86559
+ i0.ɵɵelementEnd()()()()();
86560
+ i0.ɵɵelementStart(13, "div", 9)(14, "div", 10)(15, "div", 11);
86561
+ i0.ɵɵnamespaceSVG();
86562
+ i0.ɵɵelementStart(16, "svg", 12);
86563
+ i0.ɵɵelement(17, "path", 13);
86564
+ i0.ɵɵelementEnd()();
86565
+ i0.ɵɵnamespaceHTML();
86566
+ i0.ɵɵelementStart(18, "div", 14)(19, "h3", 15);
86567
+ i0.ɵɵtext(20, " Plan Selection Coming Soon ");
86568
+ i0.ɵɵelementEnd();
86569
+ i0.ɵɵelementStart(21, "p", 16);
86570
+ i0.ɵɵtext(22, " Your billing currency has been set to ");
86571
+ i0.ɵɵelementStart(23, "strong");
86572
+ i0.ɵɵtext(24);
86573
+ i0.ɵɵelementEnd();
86574
+ i0.ɵɵtext(25, ". Plan selection and subscription management will be available shortly. ");
86575
+ i0.ɵɵelementEnd()();
86576
+ i0.ɵɵelementStart(26, "div", 17)(27, "div", 18);
86577
+ i0.ɵɵnamespaceSVG();
86578
+ i0.ɵɵelementStart(28, "svg", 19);
86579
+ i0.ɵɵelement(29, "path", 20);
86580
+ i0.ɵɵelementEnd();
86581
+ i0.ɵɵnamespaceHTML();
86582
+ i0.ɵɵelementStart(30, "div", 21)(31, "p", 22);
86583
+ i0.ɵɵtext(32, " You'll be able to view and select from our subscription plans once this feature is enabled. In the meantime, your currency preference has been saved. ");
86584
+ i0.ɵɵelementEnd()()()()()()();
86585
+ } if (rf & 2) {
86586
+ i0.ɵɵproperty("ngClass", ctx.containerClasses());
86587
+ i0.ɵɵadvance();
86588
+ i0.ɵɵproperty("ngClass", ctx.headerClasses());
86589
+ i0.ɵɵadvance(2);
86590
+ i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
86591
+ i0.ɵɵadvance(4);
86592
+ i0.ɵɵproperty("ngClass", ctx.titleClasses());
86593
+ i0.ɵɵadvance(2);
86594
+ i0.ɵɵproperty("ngClass", ctx.subtitleClasses());
86595
+ i0.ɵɵadvance(3);
86596
+ i0.ɵɵtextInterpolate(ctx.selectedCurrency());
86597
+ i0.ɵɵadvance();
86598
+ i0.ɵɵproperty("ngClass", ctx.contentClasses());
86599
+ i0.ɵɵadvance(2);
86600
+ i0.ɵɵproperty("ngClass", ctx.placeholderIconClasses());
86601
+ i0.ɵɵadvance(4);
86602
+ i0.ɵɵproperty("ngClass", ctx.placeholderTitleClasses());
86603
+ i0.ɵɵadvance(2);
86604
+ i0.ɵɵproperty("ngClass", ctx.placeholderTextClasses());
86605
+ i0.ɵɵadvance(3);
86606
+ i0.ɵɵtextInterpolate(ctx.selectedCurrency());
86607
+ i0.ɵɵadvance(2);
86608
+ i0.ɵɵproperty("ngClass", ctx.infoBoxClasses());
86609
+ i0.ɵɵadvance(5);
86610
+ i0.ɵɵproperty("ngClass", ctx.infoTextClasses());
86611
+ } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
86612
+ }
86613
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PlanSelectionPlaceholderCardComponent, [{
86614
+ type: Component,
86615
+ args: [{
86616
+ selector: 'symphiq-plan-selection-placeholder-card',
86617
+ standalone: true,
86618
+ imports: [CommonModule],
86619
+ changeDetection: ChangeDetectionStrategy.OnPush,
86620
+ template: `
86621
+ <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
86622
+ <div [ngClass]="headerClasses()" class="px-6 py-5 border-b">
86623
+ <div class="flex items-center gap-3">
86624
+ <div [ngClass]="iconContainerClasses()" class="p-2.5 rounded-lg">
86625
+ <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
86626
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path>
86627
+ </svg>
86628
+ </div>
86629
+ <div>
86630
+ <h2 [ngClass]="titleClasses()" class="text-xl font-bold">
86631
+ Choose Your Plan
86632
+ </h2>
86633
+ <p [ngClass]="subtitleClasses()" class="text-sm mt-0.5">
86634
+ Selected currency: <span class="font-semibold">{{ selectedCurrency() }}</span>
86635
+ </p>
86636
+ </div>
86637
+ </div>
86638
+ </div>
86639
+
86640
+ <div [ngClass]="contentClasses()" class="p-8">
86641
+ <div class="text-center space-y-6">
86642
+ <div [ngClass]="placeholderIconClasses()" class="w-20 h-20 mx-auto rounded-full flex items-center justify-center">
86643
+ <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
86644
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
86645
+ </svg>
86646
+ </div>
86647
+
86648
+ <div class="space-y-3">
86649
+ <h3 [ngClass]="placeholderTitleClasses()" class="text-2xl font-bold">
86650
+ Plan Selection Coming Soon
86651
+ </h3>
86652
+ <p [ngClass]="placeholderTextClasses()" class="text-base leading-relaxed max-w-md mx-auto">
86653
+ Your billing currency has been set to <strong>{{ selectedCurrency() }}</strong>. Plan selection and subscription management will be available shortly.
86654
+ </p>
86655
+ </div>
86656
+
86657
+ <div [ngClass]="infoBoxClasses()" class="p-5 rounded-xl border inline-block">
86658
+ <div class="flex items-start gap-3 text-left">
86659
+ <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
86660
+ <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
86661
+ </svg>
86662
+ <div class="flex-1">
86663
+ <p [ngClass]="infoTextClasses()" class="text-sm leading-relaxed">
86664
+ You'll be able to view and select from our subscription plans once this feature is enabled. In the meantime, your currency preference has been saved.
86665
+ </p>
86666
+ </div>
86667
+ </div>
86668
+ </div>
86669
+ </div>
86670
+ </div>
86671
+ </div>
86672
+ `
86673
+ }]
86674
+ }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], selectedCurrency: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCurrency", required: false }] }] }); })();
86675
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanSelectionPlaceholderCardComponent, { className: "PlanSelectionPlaceholderCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/plan-selection-placeholder-card.component.ts", lineNumber: 64 }); })();
86676
+
86677
+ class SubscriptionValuePropositionCardComponent {
86678
+ constructor() {
86679
+ this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
86680
+ }
86681
+ containerClasses() {
86682
+ return this.viewMode() === ViewModeEnum.DARK
86683
+ ? 'bg-gradient-to-br from-slate-800 via-slate-800/95 to-slate-800 border-slate-700/50'
86684
+ : 'bg-gradient-to-br from-white via-blue-50/20 to-white border-slate-200';
86685
+ }
86686
+ gradientOverlayClasses() {
86687
+ return this.viewMode() === ViewModeEnum.DARK
86688
+ ? 'bg-gradient-to-br from-blue-600 via-cyan-600 to-teal-600'
86689
+ : 'bg-gradient-to-br from-blue-500 via-cyan-500 to-teal-500';
86690
+ }
86691
+ iconContainerClasses() {
86692
+ return this.viewMode() === ViewModeEnum.DARK
86693
+ ? 'bg-gradient-to-br from-blue-500 to-cyan-500 text-white'
86694
+ : 'bg-gradient-to-br from-blue-600 to-cyan-600 text-white';
86695
+ }
86696
+ titleClasses() {
86697
+ return this.viewMode() === ViewModeEnum.DARK
86698
+ ? 'text-white'
86699
+ : 'bg-gradient-to-r from-blue-700 via-cyan-600 to-teal-600 bg-clip-text text-transparent';
86700
+ }
86701
+ subtitleClasses() {
86702
+ return this.viewMode() === ViewModeEnum.DARK
86703
+ ? 'text-slate-300'
86704
+ : 'text-slate-700';
86705
+ }
86706
+ accomplishedBoxClasses() {
86707
+ return this.viewMode() === ViewModeEnum.DARK
86708
+ ? 'bg-emerald-500/10 border-emerald-500/30'
86709
+ : 'bg-emerald-50 border-emerald-300';
86710
+ }
86711
+ sectionTitleClasses() {
86712
+ return this.viewMode() === ViewModeEnum.DARK
86713
+ ? 'text-emerald-400'
86714
+ : 'text-emerald-700';
86715
+ }
86716
+ checkIconClasses() {
86717
+ return this.viewMode() === ViewModeEnum.DARK
86718
+ ? 'text-emerald-400'
86719
+ : 'text-emerald-600';
86720
+ }
86721
+ itemTextClasses() {
86722
+ return this.viewMode() === ViewModeEnum.DARK
86723
+ ? 'text-slate-300'
86724
+ : 'text-slate-700';
86725
+ }
86726
+ unlockBoxClasses() {
86727
+ return this.viewMode() === ViewModeEnum.DARK
86728
+ ? 'bg-blue-500/10 border-blue-500/40'
86729
+ : 'bg-blue-50 border-blue-400';
86730
+ }
86731
+ unlockTitleClasses() {
86732
+ return this.viewMode() === ViewModeEnum.DARK
86733
+ ? 'text-blue-400'
86734
+ : 'text-blue-700';
86735
+ }
86736
+ numberBadgeClasses() {
86737
+ return this.viewMode() === ViewModeEnum.DARK
86738
+ ? 'bg-gradient-to-br from-blue-500 to-cyan-500 text-white'
86739
+ : 'bg-gradient-to-br from-blue-600 to-cyan-600 text-white';
86740
+ }
86741
+ unlockItemTitleClasses() {
86742
+ return this.viewMode() === ViewModeEnum.DARK
86743
+ ? 'text-white'
86744
+ : 'text-slate-900';
86745
+ }
86746
+ unlockItemDescClasses() {
86747
+ return this.viewMode() === ViewModeEnum.DARK
86748
+ ? 'text-slate-400'
86749
+ : 'text-slate-600';
86750
+ }
86751
+ benefitsBoxClasses() {
86752
+ return this.viewMode() === ViewModeEnum.DARK
86753
+ ? 'bg-slate-900/30 border border-slate-700/50'
86754
+ : 'bg-slate-50 border border-slate-200';
86755
+ }
86756
+ benefitsTitleClasses() {
86757
+ return this.viewMode() === ViewModeEnum.DARK
86758
+ ? 'text-white'
86759
+ : 'text-slate-900';
86760
+ }
86761
+ benefitIconClasses() {
86762
+ return this.viewMode() === ViewModeEnum.DARK
86763
+ ? 'text-cyan-400'
86764
+ : 'text-cyan-600';
86765
+ }
86766
+ benefitTextClasses() {
86767
+ return this.viewMode() === ViewModeEnum.DARK
86768
+ ? 'text-slate-300'
86769
+ : 'text-slate-700';
86770
+ }
86771
+ ctaBoxClasses() {
86772
+ return this.viewMode() === ViewModeEnum.DARK
86773
+ ? 'bg-gradient-to-r from-blue-500/20 via-cyan-500/20 to-teal-500/20 border-blue-400/50'
86774
+ : 'bg-gradient-to-r from-blue-50 via-cyan-50 to-teal-50 border-blue-400';
86775
+ }
86776
+ ctaTextClasses() {
86777
+ return this.viewMode() === ViewModeEnum.DARK
86778
+ ? 'text-blue-400'
86779
+ : 'text-blue-700';
86780
+ }
86781
+ ctaSubtextClasses() {
86782
+ return this.viewMode() === ViewModeEnum.DARK
86783
+ ? 'text-slate-400'
86784
+ : 'text-slate-600';
86785
+ }
86786
+ static { this.ɵfac = function SubscriptionValuePropositionCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SubscriptionValuePropositionCardComponent)(); }; }
86787
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscriptionValuePropositionCardComponent, selectors: [["symphiq-subscription-value-proposition-card"]], inputs: { viewMode: [1, "viewMode"] }, decls: 114, vars: 41, consts: [[1, "rounded-2xl", "border", "shadow-2xl", "overflow-hidden", "relative", 3, "ngClass"], [1, "absolute", "inset-0", "opacity-10", 3, "ngClass"], [1, "relative", "z-10", "px-8", "py-10"], [1, "flex", "items-start", "gap-6", "mb-8"], [1, "flex-shrink-0", "w-20", "h-20", "rounded-2xl", "flex", "items-center", "justify-center", "shadow-xl", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-10", "h-10"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "text-3xl", "sm:text-4xl", "font-bold", "mb-4", "leading-tight", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [1, "p-6", "rounded-xl", "border", "mb-8", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-4", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-6", "h-6", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "space-y-3"], [1, "flex", "items-start", "gap-3"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "font-semibold"], [1, "p-6", "rounded-xl", "border-2", "mb-8", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"], [1, "space-y-4"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-bold", "text-base", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "p-6", "rounded-xl", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["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", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "mt-8", "p-6", "rounded-xl", "border-2", "text-center", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"]], template: function SubscriptionValuePropositionCardComponent_Template(rf, ctx) { if (rf & 1) {
86788
+ i0.ɵɵelementStart(0, "div", 0);
86789
+ i0.ɵɵelement(1, "div", 1);
86790
+ i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4);
86791
+ i0.ɵɵnamespaceSVG();
86792
+ i0.ɵɵelementStart(5, "svg", 5);
86793
+ i0.ɵɵelement(6, "path", 6);
86794
+ i0.ɵɵelementEnd()();
86795
+ i0.ɵɵnamespaceHTML();
86796
+ i0.ɵɵelementStart(7, "div", 7)(8, "h2", 8);
86797
+ i0.ɵɵtext(9, " Unlock Your Revenue Growth Journey with Symphiq ");
86798
+ i0.ɵɵelementEnd();
86799
+ i0.ɵɵelementStart(10, "p", 9);
86800
+ i0.ɵɵtext(11, " You've taken the first step by connecting your data and setting growth targets. Now unlock the full power of AI-driven revenue orchestration. ");
86801
+ i0.ɵɵelementEnd()()();
86802
+ i0.ɵɵelementStart(12, "div", 10)(13, "h3", 11);
86803
+ i0.ɵɵnamespaceSVG();
86804
+ i0.ɵɵelementStart(14, "svg", 12);
86805
+ i0.ɵɵelement(15, "path", 13);
86806
+ i0.ɵɵelementEnd();
86807
+ i0.ɵɵtext(16, " What You've Already Accomplished ");
86808
+ i0.ɵɵelementEnd();
86809
+ i0.ɵɵnamespaceHTML();
86810
+ i0.ɵɵelementStart(17, "div", 14)(18, "div", 15);
86811
+ i0.ɵɵnamespaceSVG();
86812
+ i0.ɵɵelementStart(19, "svg", 16);
86813
+ i0.ɵɵelement(20, "path", 13);
86814
+ i0.ɵɵelementEnd();
86815
+ i0.ɵɵnamespaceHTML();
86816
+ i0.ɵɵelementStart(21, "p", 17)(22, "strong", 18);
86817
+ i0.ɵɵtext(23, "Connected GA4 + Shopify");
86818
+ i0.ɵɵelementEnd();
86819
+ i0.ɵɵtext(24, " \u2014 Your data foundation is set ");
86820
+ i0.ɵɵelementEnd()();
86821
+ i0.ɵɵelementStart(25, "div", 15);
86822
+ i0.ɵɵnamespaceSVG();
86823
+ i0.ɵɵelementStart(26, "svg", 16);
86824
+ i0.ɵɵelement(27, "path", 13);
86825
+ i0.ɵɵelementEnd();
86826
+ i0.ɵɵnamespaceHTML();
86827
+ i0.ɵɵelementStart(28, "p", 17)(29, "strong", 18);
86828
+ i0.ɵɵtext(30, "Set Growth Targets");
86829
+ i0.ɵɵelementEnd();
86830
+ i0.ɵɵtext(31, " \u2014 Your revenue goals are defined ");
86831
+ i0.ɵɵelementEnd()();
86832
+ i0.ɵɵelementStart(32, "div", 15);
86833
+ i0.ɵɵnamespaceSVG();
86834
+ i0.ɵɵelementStart(33, "svg", 16);
86835
+ i0.ɵɵelement(34, "path", 13);
86836
+ i0.ɵɵelementEnd();
86837
+ i0.ɵɵnamespaceHTML();
86838
+ i0.ɵɵelementStart(35, "p", 17)(36, "strong", 18);
86839
+ i0.ɵɵtext(37, "Received Funnel Insights");
86840
+ i0.ɵɵelementEnd();
86841
+ i0.ɵɵtext(38, " \u2014 You know your performance landscape ");
86842
+ i0.ɵɵelementEnd()()()();
86843
+ i0.ɵɵelementStart(39, "div", 19)(40, "h3", 11);
86844
+ i0.ɵɵnamespaceSVG();
86845
+ i0.ɵɵelementStart(41, "svg", 20);
86846
+ i0.ɵɵelement(42, "path", 21);
86847
+ i0.ɵɵelementEnd();
86848
+ i0.ɵɵtext(43, " What You'll Unlock Next ");
86849
+ i0.ɵɵelementEnd();
86850
+ i0.ɵɵnamespaceHTML();
86851
+ i0.ɵɵelementStart(44, "div", 22)(45, "div", 15)(46, "div", 23);
86852
+ i0.ɵɵtext(47, " 1 ");
86853
+ i0.ɵɵelementEnd();
86854
+ i0.ɵɵelementStart(48, "div", 7)(49, "p", 24);
86855
+ i0.ɵɵtext(50, " Shop Profile Analysis ");
86856
+ i0.ɵɵelementEnd();
86857
+ i0.ɵɵelementStart(51, "p", 25);
86858
+ i0.ɵɵtext(52, " Deep insights into your operations, capabilities, and infrastructure ");
86859
+ i0.ɵɵelementEnd()()();
86860
+ i0.ɵɵelementStart(53, "div", 15)(54, "div", 23);
86861
+ i0.ɵɵtext(55, " 2 ");
86862
+ i0.ɵɵelementEnd();
86863
+ i0.ɵɵelementStart(56, "div", 7)(57, "p", 24);
86864
+ i0.ɵɵtext(58, " Focus Area Insights ");
86865
+ i0.ɵɵelementEnd();
86866
+ i0.ɵɵelementStart(59, "p", 25);
86867
+ i0.ɵɵtext(60, " Tailored strategies for each marketing channel and growth lever ");
86868
+ i0.ɵɵelementEnd()()();
86869
+ i0.ɵɵelementStart(61, "div", 15)(62, "div", 23);
86870
+ i0.ɵɵtext(63, " 3 ");
86871
+ i0.ɵɵelementEnd();
86872
+ i0.ɵɵelementStart(64, "div", 7)(65, "p", 24);
86873
+ i0.ɵɵtext(66, " Metric-Level Guidance ");
86874
+ i0.ɵɵelementEnd();
86875
+ i0.ɵɵelementStart(67, "p", 25);
86876
+ i0.ɵɵtext(68, " Precise recommendations for every funnel metric ");
86877
+ i0.ɵɵelementEnd()()();
86878
+ i0.ɵɵelementStart(69, "div", 15)(70, "div", 23);
86879
+ i0.ɵɵtext(71, " 4 ");
86880
+ i0.ɵɵelementEnd();
86881
+ i0.ɵɵelementStart(72, "div", 7)(73, "p", 24);
86882
+ i0.ɵɵtext(74, " Unified Strategic Roadmap ");
86883
+ i0.ɵɵelementEnd();
86884
+ i0.ɵɵelementStart(75, "p", 25);
86885
+ i0.ɵɵtext(76, " AI-powered goals, objectives, and execution-ready strategies ");
86886
+ i0.ɵɵelementEnd()()()()();
86887
+ i0.ɵɵelementStart(77, "div", 26)(78, "h3", 27);
86888
+ i0.ɵɵtext(79, " The Symphiq Advantage ");
86889
+ i0.ɵɵelementEnd();
86890
+ i0.ɵɵelementStart(80, "div", 28)(81, "div", 15);
86891
+ i0.ɵɵnamespaceSVG();
86892
+ i0.ɵɵelementStart(82, "svg", 29);
86893
+ i0.ɵɵelement(83, "path", 30);
86894
+ i0.ɵɵelementEnd();
86895
+ i0.ɵɵnamespaceHTML();
86896
+ i0.ɵɵelementStart(84, "p", 25)(85, "strong", 18);
86897
+ i0.ɵɵtext(86, "AI-Powered Recommendations");
86898
+ i0.ɵɵelementEnd();
86899
+ i0.ɵɵtext(87, " tailored to your business context ");
86900
+ i0.ɵɵelementEnd()();
86901
+ i0.ɵɵelementStart(88, "div", 15);
86902
+ i0.ɵɵnamespaceSVG();
86903
+ i0.ɵɵelementStart(89, "svg", 29);
86904
+ i0.ɵɵelement(90, "path", 30);
86905
+ i0.ɵɵelementEnd();
86906
+ i0.ɵɵnamespaceHTML();
86907
+ i0.ɵɵelementStart(91, "p", 25)(92, "strong", 18);
86908
+ i0.ɵɵtext(93, "Knowledge Capture");
86909
+ i0.ɵɵelementEnd();
86910
+ i0.ɵɵtext(94, " that preserves institutional memory ");
86911
+ i0.ɵɵelementEnd()();
86912
+ i0.ɵɵelementStart(95, "div", 15);
86913
+ i0.ɵɵnamespaceSVG();
86914
+ i0.ɵɵelementStart(96, "svg", 29);
86915
+ i0.ɵɵelement(97, "path", 30);
86916
+ i0.ɵɵelementEnd();
86917
+ i0.ɵɵnamespaceHTML();
86918
+ i0.ɵɵelementStart(98, "p", 25)(99, "strong", 18);
86919
+ i0.ɵɵtext(100, "Coordinated Execution");
86920
+ i0.ɵɵelementEnd();
86921
+ i0.ɵɵtext(101, " from goals to actionable tasks ");
86922
+ i0.ɵɵelementEnd()();
86923
+ i0.ɵɵelementStart(102, "div", 15);
86924
+ i0.ɵɵnamespaceSVG();
86925
+ i0.ɵɵelementStart(103, "svg", 29);
86926
+ i0.ɵɵelement(104, "path", 30);
86927
+ i0.ɵɵelementEnd();
86928
+ i0.ɵɵnamespaceHTML();
86929
+ i0.ɵɵelementStart(105, "p", 25)(106, "strong", 18);
86930
+ i0.ɵɵtext(107, "Measurable Outcomes");
86931
+ i0.ɵɵelementEnd();
86932
+ i0.ɵɵtext(108, " tied to funnel performance ");
86933
+ i0.ɵɵelementEnd()()()();
86934
+ i0.ɵɵelementStart(109, "div", 31)(110, "p", 32);
86935
+ i0.ɵɵtext(111, " Ready to Continue? ");
86936
+ i0.ɵɵelementEnd();
86937
+ i0.ɵɵelementStart(112, "p", 25);
86938
+ i0.ɵɵtext(113, " Select your billing currency below, choose a plan, and unlock your complete analysis ");
86939
+ i0.ɵɵelementEnd()()()();
86940
+ } if (rf & 2) {
86941
+ i0.ɵɵproperty("ngClass", ctx.containerClasses());
86942
+ i0.ɵɵadvance();
86943
+ i0.ɵɵproperty("ngClass", ctx.gradientOverlayClasses());
86944
+ i0.ɵɵadvance(3);
86945
+ i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
86946
+ i0.ɵɵadvance(4);
86947
+ i0.ɵɵproperty("ngClass", ctx.titleClasses());
86948
+ i0.ɵɵadvance(2);
86949
+ i0.ɵɵproperty("ngClass", ctx.subtitleClasses());
86950
+ i0.ɵɵadvance(2);
86951
+ i0.ɵɵproperty("ngClass", ctx.accomplishedBoxClasses());
86952
+ i0.ɵɵadvance();
86953
+ i0.ɵɵproperty("ngClass", ctx.sectionTitleClasses());
86954
+ i0.ɵɵadvance();
86955
+ i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
86956
+ i0.ɵɵadvance(5);
86957
+ i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
86958
+ i0.ɵɵadvance(2);
86959
+ i0.ɵɵproperty("ngClass", ctx.itemTextClasses());
86960
+ i0.ɵɵadvance(5);
86961
+ i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
86962
+ i0.ɵɵadvance(2);
86963
+ i0.ɵɵproperty("ngClass", ctx.itemTextClasses());
86964
+ i0.ɵɵadvance(5);
86965
+ i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
86966
+ i0.ɵɵadvance(2);
86967
+ i0.ɵɵproperty("ngClass", ctx.itemTextClasses());
86968
+ i0.ɵɵadvance(4);
86969
+ i0.ɵɵproperty("ngClass", ctx.unlockBoxClasses());
86970
+ i0.ɵɵadvance();
86971
+ i0.ɵɵproperty("ngClass", ctx.unlockTitleClasses());
86972
+ i0.ɵɵadvance(6);
86973
+ i0.ɵɵproperty("ngClass", ctx.numberBadgeClasses());
86974
+ i0.ɵɵadvance(3);
86975
+ i0.ɵɵproperty("ngClass", ctx.unlockItemTitleClasses());
86976
+ i0.ɵɵadvance(2);
86977
+ i0.ɵɵproperty("ngClass", ctx.unlockItemDescClasses());
86978
+ i0.ɵɵadvance(3);
86979
+ i0.ɵɵproperty("ngClass", ctx.numberBadgeClasses());
86980
+ i0.ɵɵadvance(3);
86981
+ i0.ɵɵproperty("ngClass", ctx.unlockItemTitleClasses());
86982
+ i0.ɵɵadvance(2);
86983
+ i0.ɵɵproperty("ngClass", ctx.unlockItemDescClasses());
86984
+ i0.ɵɵadvance(3);
86985
+ i0.ɵɵproperty("ngClass", ctx.numberBadgeClasses());
86986
+ i0.ɵɵadvance(3);
86987
+ i0.ɵɵproperty("ngClass", ctx.unlockItemTitleClasses());
86988
+ i0.ɵɵadvance(2);
86989
+ i0.ɵɵproperty("ngClass", ctx.unlockItemDescClasses());
86990
+ i0.ɵɵadvance(3);
86991
+ i0.ɵɵproperty("ngClass", ctx.numberBadgeClasses());
86992
+ i0.ɵɵadvance(3);
86993
+ i0.ɵɵproperty("ngClass", ctx.unlockItemTitleClasses());
86994
+ i0.ɵɵadvance(2);
86995
+ i0.ɵɵproperty("ngClass", ctx.unlockItemDescClasses());
86996
+ i0.ɵɵadvance(2);
86997
+ i0.ɵɵproperty("ngClass", ctx.benefitsBoxClasses());
86998
+ i0.ɵɵadvance();
86999
+ i0.ɵɵproperty("ngClass", ctx.benefitsTitleClasses());
87000
+ i0.ɵɵadvance(4);
87001
+ i0.ɵɵproperty("ngClass", ctx.benefitIconClasses());
87002
+ i0.ɵɵadvance(2);
87003
+ i0.ɵɵproperty("ngClass", ctx.benefitTextClasses());
87004
+ i0.ɵɵadvance(5);
87005
+ i0.ɵɵproperty("ngClass", ctx.benefitIconClasses());
87006
+ i0.ɵɵadvance(2);
87007
+ i0.ɵɵproperty("ngClass", ctx.benefitTextClasses());
87008
+ i0.ɵɵadvance(5);
87009
+ i0.ɵɵproperty("ngClass", ctx.benefitIconClasses());
87010
+ i0.ɵɵadvance(2);
87011
+ i0.ɵɵproperty("ngClass", ctx.benefitTextClasses());
87012
+ i0.ɵɵadvance(5);
87013
+ i0.ɵɵproperty("ngClass", ctx.benefitIconClasses());
87014
+ i0.ɵɵadvance(2);
87015
+ i0.ɵɵproperty("ngClass", ctx.benefitTextClasses());
87016
+ i0.ɵɵadvance(4);
87017
+ i0.ɵɵproperty("ngClass", ctx.ctaBoxClasses());
87018
+ i0.ɵɵadvance();
87019
+ i0.ɵɵproperty("ngClass", ctx.ctaTextClasses());
87020
+ i0.ɵɵadvance(2);
87021
+ i0.ɵɵproperty("ngClass", ctx.ctaSubtextClasses());
87022
+ } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
87023
+ }
87024
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscriptionValuePropositionCardComponent, [{
87025
+ type: Component,
87026
+ args: [{
87027
+ selector: 'symphiq-subscription-value-proposition-card',
87028
+ standalone: true,
87029
+ imports: [CommonModule],
87030
+ changeDetection: ChangeDetectionStrategy.OnPush,
87031
+ template: `
87032
+ <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-2xl overflow-hidden relative">
87033
+ <div [ngClass]="gradientOverlayClasses()" class="absolute inset-0 opacity-10"></div>
87034
+
87035
+ <div class="relative z-10 px-8 py-10">
87036
+ <div class="flex items-start gap-6 mb-8">
87037
+ <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-20 h-20 rounded-2xl flex items-center justify-center shadow-xl">
87038
+ <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
87039
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
87040
+ </svg>
87041
+ </div>
87042
+
87043
+ <div class="flex-1">
87044
+ <h2 [ngClass]="titleClasses()" class="text-3xl sm:text-4xl font-bold mb-4 leading-tight">
87045
+ Unlock Your Revenue Growth Journey with Symphiq
87046
+ </h2>
87047
+ <p [ngClass]="subtitleClasses()" class="text-lg leading-relaxed">
87048
+ You've taken the first step by connecting your data and setting growth targets. Now unlock the full power of AI-driven revenue orchestration.
87049
+ </p>
87050
+ </div>
87051
+ </div>
87052
+
87053
+ <div [ngClass]="accomplishedBoxClasses()" class="p-6 rounded-xl border mb-8">
87054
+ <h3 [ngClass]="sectionTitleClasses()" class="text-xl font-bold mb-4 flex items-center gap-2">
87055
+ <svg class="w-6 h-6" [ngClass]="checkIconClasses()" fill="currentColor" viewBox="0 0 20 20">
87056
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
87057
+ </svg>
87058
+ What You've Already Accomplished
87059
+ </h3>
87060
+ <div class="space-y-3">
87061
+ <div class="flex items-start gap-3">
87062
+ <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="checkIconClasses()" fill="currentColor" viewBox="0 0 20 20">
87063
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
87064
+ </svg>
87065
+ <p [ngClass]="itemTextClasses()" class="text-base">
87066
+ <strong class="font-semibold">Connected GA4 + Shopify</strong> — Your data foundation is set
87067
+ </p>
87068
+ </div>
87069
+ <div class="flex items-start gap-3">
87070
+ <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="checkIconClasses()" fill="currentColor" viewBox="0 0 20 20">
87071
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
87072
+ </svg>
87073
+ <p [ngClass]="itemTextClasses()" class="text-base">
87074
+ <strong class="font-semibold">Set Growth Targets</strong> — Your revenue goals are defined
87075
+ </p>
87076
+ </div>
87077
+ <div class="flex items-start gap-3">
87078
+ <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="checkIconClasses()" fill="currentColor" viewBox="0 0 20 20">
87079
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
87080
+ </svg>
87081
+ <p [ngClass]="itemTextClasses()" class="text-base">
87082
+ <strong class="font-semibold">Received Funnel Insights</strong> — You know your performance landscape
87083
+ </p>
87084
+ </div>
87085
+ </div>
87086
+ </div>
87087
+
87088
+ <div [ngClass]="unlockBoxClasses()" class="p-6 rounded-xl border-2 mb-8">
87089
+ <h3 [ngClass]="unlockTitleClasses()" class="text-xl font-bold mb-4 flex items-center gap-2">
87090
+ <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
87091
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"></path>
87092
+ </svg>
87093
+ What You'll Unlock Next
87094
+ </h3>
87095
+ <div class="space-y-4">
87096
+ <div class="flex items-start gap-3">
87097
+ <div [ngClass]="numberBadgeClasses()" class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold">
87098
+ 1
87099
+ </div>
87100
+ <div class="flex-1">
87101
+ <p [ngClass]="unlockItemTitleClasses()" class="font-bold text-base mb-1">
87102
+ Shop Profile Analysis
87103
+ </p>
87104
+ <p [ngClass]="unlockItemDescClasses()" class="text-sm">
87105
+ Deep insights into your operations, capabilities, and infrastructure
87106
+ </p>
87107
+ </div>
87108
+ </div>
87109
+ <div class="flex items-start gap-3">
87110
+ <div [ngClass]="numberBadgeClasses()" class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold">
87111
+ 2
87112
+ </div>
87113
+ <div class="flex-1">
87114
+ <p [ngClass]="unlockItemTitleClasses()" class="font-bold text-base mb-1">
87115
+ Focus Area Insights
87116
+ </p>
87117
+ <p [ngClass]="unlockItemDescClasses()" class="text-sm">
87118
+ Tailored strategies for each marketing channel and growth lever
87119
+ </p>
87120
+ </div>
87121
+ </div>
87122
+ <div class="flex items-start gap-3">
87123
+ <div [ngClass]="numberBadgeClasses()" class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold">
87124
+ 3
87125
+ </div>
87126
+ <div class="flex-1">
87127
+ <p [ngClass]="unlockItemTitleClasses()" class="font-bold text-base mb-1">
87128
+ Metric-Level Guidance
87129
+ </p>
87130
+ <p [ngClass]="unlockItemDescClasses()" class="text-sm">
87131
+ Precise recommendations for every funnel metric
87132
+ </p>
87133
+ </div>
87134
+ </div>
87135
+ <div class="flex items-start gap-3">
87136
+ <div [ngClass]="numberBadgeClasses()" class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold">
87137
+ 4
87138
+ </div>
87139
+ <div class="flex-1">
87140
+ <p [ngClass]="unlockItemTitleClasses()" class="font-bold text-base mb-1">
87141
+ Unified Strategic Roadmap
87142
+ </p>
87143
+ <p [ngClass]="unlockItemDescClasses()" class="text-sm">
87144
+ AI-powered goals, objectives, and execution-ready strategies
87145
+ </p>
87146
+ </div>
87147
+ </div>
87148
+ </div>
87149
+ </div>
87150
+
87151
+ <div [ngClass]="benefitsBoxClasses()" class="p-6 rounded-xl">
87152
+ <h3 [ngClass]="benefitsTitleClasses()" class="text-xl font-bold mb-4">
87153
+ The Symphiq Advantage
87154
+ </h3>
87155
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
87156
+ <div class="flex items-start gap-3">
87157
+ <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="benefitIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
87158
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
87159
+ </svg>
87160
+ <p [ngClass]="benefitTextClasses()" class="text-sm">
87161
+ <strong class="font-semibold">AI-Powered Recommendations</strong> tailored to your business context
87162
+ </p>
87163
+ </div>
87164
+ <div class="flex items-start gap-3">
87165
+ <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="benefitIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
87166
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
87167
+ </svg>
87168
+ <p [ngClass]="benefitTextClasses()" class="text-sm">
87169
+ <strong class="font-semibold">Knowledge Capture</strong> that preserves institutional memory
87170
+ </p>
87171
+ </div>
87172
+ <div class="flex items-start gap-3">
87173
+ <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="benefitIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
87174
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
87175
+ </svg>
87176
+ <p [ngClass]="benefitTextClasses()" class="text-sm">
87177
+ <strong class="font-semibold">Coordinated Execution</strong> from goals to actionable tasks
87178
+ </p>
87179
+ </div>
87180
+ <div class="flex items-start gap-3">
87181
+ <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="benefitIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
87182
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
87183
+ </svg>
87184
+ <p [ngClass]="benefitTextClasses()" class="text-sm">
87185
+ <strong class="font-semibold">Measurable Outcomes</strong> tied to funnel performance
87186
+ </p>
87187
+ </div>
87188
+ </div>
87189
+ </div>
87190
+
87191
+ <div [ngClass]="ctaBoxClasses()" class="mt-8 p-6 rounded-xl border-2 text-center">
87192
+ <p [ngClass]="ctaTextClasses()" class="text-lg font-semibold mb-2">
87193
+ Ready to Continue?
87194
+ </p>
87195
+ <p [ngClass]="ctaSubtextClasses()" class="text-sm">
87196
+ Select your billing currency below, choose a plan, and unlock your complete analysis
87197
+ </p>
87198
+ </div>
87199
+ </div>
87200
+ </div>
87201
+ `
87202
+ }]
87203
+ }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
87204
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscriptionValuePropositionCardComponent, { className: "SubscriptionValuePropositionCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/subscription-value-proposition-card.component.ts", lineNumber: 182 }); })();
87205
+
87206
+ function StickySubscriptionContinueButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
87207
+ i0.ɵɵnamespaceSVG();
87208
+ i0.ɵɵelementStart(0, "svg", 4);
87209
+ i0.ɵɵelement(1, "circle", 5)(2, "path", 6);
87210
+ i0.ɵɵelementEnd();
87211
+ i0.ɵɵnamespaceHTML();
87212
+ i0.ɵɵelementStart(3, "span");
87213
+ i0.ɵɵtext(4, "Processing...");
87214
+ i0.ɵɵelementEnd();
87215
+ } }
87216
+ function StickySubscriptionContinueButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
87217
+ i0.ɵɵelementStart(0, "span");
87218
+ i0.ɵɵtext(1, "Continue to Plans");
87219
+ i0.ɵɵelementEnd();
87220
+ i0.ɵɵnamespaceSVG();
87221
+ i0.ɵɵelementStart(2, "svg", 7);
87222
+ i0.ɵɵelement(3, "path", 8);
87223
+ i0.ɵɵelementEnd();
87224
+ } if (rf & 2) {
87225
+ const ctx_r0 = i0.ɵɵnextContext();
87226
+ i0.ɵɵadvance(2);
87227
+ i0.ɵɵclassProp("translate-x-1", ctx_r0.isEnabled());
87228
+ } }
87229
+ function StickySubscriptionContinueButtonComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
87230
+ i0.ɵɵelementStart(0, "p", 3);
87231
+ i0.ɵɵtext(1, " Please select a billing currency above to continue ");
87232
+ i0.ɵɵelementEnd();
87233
+ } if (rf & 2) {
87234
+ const ctx_r0 = i0.ɵɵnextContext();
87235
+ i0.ɵɵproperty("ngClass", ctx_r0.hintTextClasses());
87236
+ } }
87237
+ class StickySubscriptionContinueButtonComponent {
87238
+ constructor() {
87239
+ this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
87240
+ this.isEnabled = input(false, ...(ngDevMode ? [{ debugName: "isEnabled" }] : []));
87241
+ this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
87242
+ this.continueClick = output();
87243
+ }
87244
+ handleClick() {
87245
+ if (this.isEnabled() && !this.isLoading()) {
87246
+ this.continueClick.emit();
87247
+ }
87248
+ }
87249
+ containerClasses() {
87250
+ return this.viewMode() === ViewModeEnum.DARK
87251
+ ? 'bg-slate-900/80 border-slate-700/50'
87252
+ : 'bg-white/80 border-slate-200';
87253
+ }
87254
+ buttonClasses() {
87255
+ const isDisabled = !this.isEnabled() || this.isLoading();
87256
+ if (this.viewMode() === ViewModeEnum.DARK) {
87257
+ if (isDisabled) {
87258
+ return 'bg-slate-700 text-slate-500 cursor-not-allowed opacity-50';
87259
+ }
87260
+ return 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 hover:scale-[1.02] hover:shadow-blue-500/25 active:scale-[0.98] cursor-pointer';
87261
+ }
87262
+ else {
87263
+ if (isDisabled) {
87264
+ return 'bg-slate-300 text-slate-500 cursor-not-allowed opacity-50';
87265
+ }
87266
+ return 'bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 text-white hover:from-blue-700 hover:via-cyan-700 hover:to-teal-700 hover:scale-[1.02] hover:shadow-blue-600/25 active:scale-[0.98] cursor-pointer';
87267
+ }
87268
+ }
87269
+ hintTextClasses() {
87270
+ return this.viewMode() === ViewModeEnum.DARK
87271
+ ? 'text-slate-400'
87272
+ : 'text-slate-600';
87273
+ }
87274
+ static { this.ɵfac = function StickySubscriptionContinueButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StickySubscriptionContinueButtonComponent)(); }; }
87275
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StickySubscriptionContinueButtonComponent, selectors: [["symphiq-sticky-subscription-continue-button"]], inputs: { viewMode: [1, "viewMode"], isEnabled: [1, "isEnabled"], isLoading: [1, "isLoading"] }, outputs: { continueClick: "continueClick" }, decls: 6, vars: 5, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], ["type", "button", 1, "w-full", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], [1, "text-center", "text-sm", "mt-3", 3, "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "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-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function StickySubscriptionContinueButtonComponent_Template(rf, ctx) { if (rf & 1) {
87276
+ i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
87277
+ i0.ɵɵlistener("click", function StickySubscriptionContinueButtonComponent_Template_button_click_2_listener() { return ctx.handleClick(); });
87278
+ i0.ɵɵconditionalCreate(3, StickySubscriptionContinueButtonComponent_Conditional_3_Template, 5, 0)(4, StickySubscriptionContinueButtonComponent_Conditional_4_Template, 4, 2);
87279
+ i0.ɵɵelementEnd();
87280
+ i0.ɵɵconditionalCreate(5, StickySubscriptionContinueButtonComponent_Conditional_5_Template, 2, 1, "p", 3);
87281
+ i0.ɵɵelementEnd()();
87282
+ } if (rf & 2) {
87283
+ i0.ɵɵproperty("ngClass", ctx.containerClasses());
87284
+ i0.ɵɵadvance(2);
87285
+ i0.ɵɵproperty("disabled", !ctx.isEnabled() || ctx.isLoading())("ngClass", ctx.buttonClasses());
87286
+ i0.ɵɵadvance();
87287
+ i0.ɵɵconditional(ctx.isLoading() ? 3 : 4);
87288
+ i0.ɵɵadvance(2);
87289
+ i0.ɵɵconditional(!ctx.isEnabled() && !ctx.isLoading() ? 5 : -1);
87290
+ } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
87291
+ }
87292
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StickySubscriptionContinueButtonComponent, [{
87293
+ type: Component,
87294
+ args: [{
87295
+ selector: 'symphiq-sticky-subscription-continue-button',
87296
+ standalone: true,
87297
+ imports: [CommonModule],
87298
+ changeDetection: ChangeDetectionStrategy.OnPush,
87299
+ template: `
87300
+ <div [ngClass]="containerClasses()" class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-lg">
87301
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
87302
+ <button
87303
+ type="button"
87304
+ (click)="handleClick()"
87305
+ [disabled]="!isEnabled() || isLoading()"
87306
+ [ngClass]="buttonClasses()"
87307
+ class="w-full px-6 py-4 rounded-xl font-semibold text-lg transition-all duration-300 flex items-center justify-center gap-3 shadow-2xl">
87308
+ @if (isLoading()) {
87309
+ <svg class="w-6 h-6 animate-spin" fill="none" viewBox="0 0 24 24">
87310
+ <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
87311
+ <path class="opacity-75" 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"></path>
87312
+ </svg>
87313
+ <span>Processing...</span>
87314
+ } @else {
87315
+ <span>Continue to Plans</span>
87316
+ <svg class="w-6 h-6 transition-transform duration-200" [class.translate-x-1]="isEnabled()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
87317
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
87318
+ </svg>
87319
+ }
87320
+ </button>
87321
+ @if (!isEnabled() && !isLoading()) {
87322
+ <p [ngClass]="hintTextClasses()" class="text-center text-sm mt-3">
87323
+ Please select a billing currency above to continue
87324
+ </p>
87325
+ }
87326
+ </div>
87327
+ </div>
87328
+ `
87329
+ }]
87330
+ }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEnabled", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], continueClick: [{ type: i0.Output, args: ["continueClick"] }] }); })();
87331
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StickySubscriptionContinueButtonComponent, { className: "StickySubscriptionContinueButtonComponent", filePath: "lib/components/profile-analysis-dashboard/cards/sticky-subscription-continue-button.component.ts", lineNumber: 41 }); })();
87332
+
86260
87333
  const _c0$2 = a0 => ({ name: "chevron-right", source: a0 });
86261
87334
  const _c1 = a0 => ({ name: "chevron-down", source: a0 });
86262
87335
  const _c2 = a0 => [a0];
86263
87336
  const _forTrack0 = ($index, $item) => $item.id;
86264
87337
  function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
86265
87338
  const _r1 = i0.ɵɵgetCurrentView();
86266
- i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 22);
87339
+ i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 23);
86267
87340
  i0.ɵɵlistener("nextStepClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); })("stepClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
86268
87341
  i0.ɵɵelementEnd();
86269
87342
  } if (rf & 2) {
86270
87343
  const ctx_r1 = i0.ɵɵnextContext();
86271
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", true)("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
87344
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.shouldShowContinueButton())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
86272
87345
  } }
86273
87346
  function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
86274
- i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 23);
87347
+ i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 24);
86275
87348
  } if (rf & 2) {
86276
87349
  let tmp_3_0;
86277
87350
  const ctx_r1 = i0.ɵɵnextContext(2);
86278
87351
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.businessName) || "your shop")("isOnboarded", ctx_r1.isOnboarded());
86279
87352
  } }
86280
87353
  function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
86281
- i0.ɵɵelement(0, "symphiq-focus-area-welcome-banner", 24);
87354
+ i0.ɵɵelement(0, "symphiq-focus-area-welcome-banner", 25);
86282
87355
  } if (rf & 2) {
86283
87356
  const ctx_r1 = i0.ɵɵnextContext(2);
86284
87357
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("focusAreaDomain", ctx_r1.focusAreaDomain())("focusAreaName", ctx_r1.focusAreaName())("focusAreaDetails", ctx_r1.focusAreaDetails());
86285
87358
  } }
86286
87359
  function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
86287
- i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 25);
87360
+ i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 26);
86288
87361
  } if (rf & 2) {
86289
87362
  let tmp_3_0;
86290
87363
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -86292,9 +87365,9 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Te
86292
87365
  } }
86293
87366
  function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
86294
87367
  i0.ɵɵelementStart(0, "div", 7);
86295
- i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-shop-welcome-banner", 23);
86296
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 1, 4, "symphiq-focus-area-welcome-banner", 24);
86297
- i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template, 1, 3, "symphiq-metric-welcome-banner", 25);
87368
+ i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template, 1, 3, "symphiq-shop-welcome-banner", 24);
87369
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 1, 4, "symphiq-focus-area-welcome-banner", 25);
87370
+ i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template, 1, 3, "symphiq-metric-welcome-banner", 26);
86298
87371
  i0.ɵɵelementEnd();
86299
87372
  } if (rf & 2) {
86300
87373
  const ctx_r1 = i0.ɵɵnextContext();
@@ -86305,9 +87378,46 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template(rf, ctx
86305
87378
  i0.ɵɵadvance();
86306
87379
  i0.ɵɵconditional(ctx_r1.isMetricAnalysis() ? 3 : -1);
86307
87380
  } }
87381
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
87382
+ const _r3 = i0.ɵɵgetCurrentView();
87383
+ i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 29);
87384
+ i0.ɵɵlistener("viewMoreClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
87385
+ i0.ɵɵelementEnd();
87386
+ } if (rf & 2) {
87387
+ const ctx_r1 = i0.ɵɵnextContext(2);
87388
+ i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
87389
+ } }
87390
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
87391
+ const _r4 = i0.ɵɵgetCurrentView();
87392
+ i0.ɵɵelementStart(0, "symphiq-billing-currency-selector-card", 33);
87393
+ i0.ɵɵlistener("currencySelected", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_billing_currency_selector_card_currencySelected_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencySelection($event)); });
87394
+ i0.ɵɵelementEnd();
87395
+ } if (rf & 2) {
87396
+ const ctx_r1 = i0.ɵɵnextContext(3);
87397
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("isLoading", ctx_r1.isCurrencySelectionLoading());
87398
+ } }
87399
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
87400
+ i0.ɵɵelement(0, "symphiq-plan-selection-placeholder-card", 32);
87401
+ } if (rf & 2) {
87402
+ let tmp_4_0;
87403
+ const ctx_r1 = i0.ɵɵnextContext(3);
87404
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_4_0 = ctx_r1.account()) == null ? null : tmp_4_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD);
87405
+ } }
86308
87406
  function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
87407
+ i0.ɵɵelementStart(0, "div", 27);
87408
+ i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 30);
87409
+ i0.ɵɵelementEnd();
87410
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template, 1, 2, "symphiq-billing-currency-selector-card", 31)(3, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 32);
87411
+ } if (rf & 2) {
87412
+ const ctx_r1 = i0.ɵɵnextContext(2);
87413
+ i0.ɵɵadvance();
87414
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
87415
+ i0.ɵɵadvance();
87416
+ i0.ɵɵconditional(!ctx_r1.hasBillingCurrency() ? 2 : 3);
87417
+ } }
87418
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
86309
87419
  i0.ɵɵelementStart(0, "div");
86310
- i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 28);
87420
+ i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 34);
86311
87421
  i0.ɵɵelementEnd();
86312
87422
  } if (rf & 2) {
86313
87423
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -86315,201 +87425,200 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Te
86315
87425
  i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("executiveSummary", ctx_r1.executiveSummary())("focusAreaExecutiveSummary", ctx_r1.focusAreaExecutiveSummary())("metricExecutiveSummary", ctx_r1.metricExecutiveSummary())("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
86316
87426
  } }
86317
87427
  function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
86318
- const _r3 = i0.ɵɵgetCurrentView();
86319
- i0.ɵɵelementStart(0, "div", 26)(1, "symphiq-strategic-goals-tiled-grid", 27);
86320
- i0.ɵɵlistener("viewMoreClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
86321
- i0.ɵɵelementEnd()();
86322
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 2, 11, "div");
87428
+ i0.ɵɵelementStart(0, "div", 27);
87429
+ i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 28)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 4, 2);
87430
+ i0.ɵɵelementEnd();
87431
+ i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_3_Template, 2, 11, "div");
86323
87432
  } if (rf & 2) {
86324
87433
  const ctx_r1 = i0.ɵɵnextContext();
86325
87434
  i0.ɵɵadvance();
86326
- i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
86327
- i0.ɵɵadvance();
86328
- i0.ɵɵconditional(ctx_r1.nonStrategicSections().length > 0 ? 2 : -1);
87435
+ i0.ɵɵconditional(ctx_r1.isSubscriptionActive() || ctx_r1.isFocusAreaAnalysis() || ctx_r1.isMetricAnalysis() ? 1 : 2);
87436
+ i0.ɵɵadvance(2);
87437
+ i0.ɵɵconditional(ctx_r1.nonStrategicSections().length > 0 ? 3 : -1);
86329
87438
  } }
86330
87439
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
86331
- i0.ɵɵelement(0, "symphiq-grade-badge", 39);
87440
+ i0.ɵɵelement(0, "symphiq-grade-badge", 45);
86332
87441
  } if (rf & 2) {
86333
- const summary_r5 = i0.ɵɵnextContext();
87442
+ const summary_r6 = i0.ɵɵnextContext();
86334
87443
  const ctx_r1 = i0.ɵɵnextContext(2);
86335
- i0.ɵɵproperty("grade", summary_r5.overallGrade)("gradeRationale", summary_r5.gradeRationale || "")("viewMode", ctx_r1.viewMode());
87444
+ i0.ɵɵproperty("grade", summary_r6.overallGrade)("gradeRationale", summary_r6.gradeRationale || "")("viewMode", ctx_r1.viewMode());
86336
87445
  } }
86337
87446
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
86338
- i0.ɵɵelementStart(0, "div", 52);
86339
- i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 55);
87447
+ i0.ɵɵelementStart(0, "div", 58);
87448
+ i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 61);
86340
87449
  i0.ɵɵelementEnd();
86341
87450
  } if (rf & 2) {
86342
- const summary_r5 = i0.ɵɵnextContext(2);
87451
+ const summary_r6 = i0.ɵɵnextContext(2);
86343
87452
  const ctx_r1 = i0.ɵɵnextContext(2);
86344
87453
  i0.ɵɵadvance();
86345
- i0.ɵɵproperty("visual", summary_r5.napkinVisual)("viewMode", ctx_r1.viewMode());
87454
+ i0.ɵɵproperty("visual", summary_r6.napkinVisual)("viewMode", ctx_r1.viewMode());
86346
87455
  } }
86347
87456
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
86348
- i0.ɵɵelementStart(0, "div", 40)(1, "h3", 50);
87457
+ i0.ɵɵelementStart(0, "div", 46)(1, "h3", 56);
86349
87458
  i0.ɵɵtext(2, " Analysis Narrative ");
86350
87459
  i0.ɵɵelementEnd();
86351
- i0.ɵɵelementStart(3, "div", 51);
86352
- i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 52);
86353
- i0.ɵɵelementStart(5, "p", 53);
87460
+ i0.ɵɵelementStart(3, "div", 57);
87461
+ i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 58);
87462
+ i0.ɵɵelementStart(5, "p", 59);
86354
87463
  i0.ɵɵtext(6);
86355
87464
  i0.ɵɵelementEnd();
86356
- i0.ɵɵelement(7, "div", 54);
87465
+ i0.ɵɵelement(7, "div", 60);
86357
87466
  i0.ɵɵelementEnd()();
86358
87467
  } if (rf & 2) {
86359
- const summary_r5 = i0.ɵɵnextContext();
87468
+ const summary_r6 = i0.ɵɵnextContext();
86360
87469
  const ctx_r1 = i0.ɵɵnextContext(2);
86361
87470
  i0.ɵɵproperty("ngClass", ctx_r1.getNarrativeClasses());
86362
87471
  i0.ɵɵadvance();
86363
87472
  i0.ɵɵproperty("ngClass", ctx_r1.getSubheadingClasses());
86364
87473
  i0.ɵɵadvance(3);
86365
- i0.ɵɵconditional(summary_r5.napkinVisual && summary_r5.napkinVisual.enabled ? 4 : -1);
87474
+ i0.ɵɵconditional(summary_r6.napkinVisual && summary_r6.napkinVisual.enabled ? 4 : -1);
86366
87475
  i0.ɵɵadvance();
86367
87476
  i0.ɵɵproperty("ngClass", ctx_r1.getTextClasses());
86368
87477
  i0.ɵɵadvance();
86369
- i0.ɵɵtextInterpolate1(" ", summary_r5.narrative, " ");
87478
+ i0.ɵɵtextInterpolate1(" ", summary_r6.narrative, " ");
86370
87479
  } }
86371
87480
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
86372
- i0.ɵɵelementStart(0, "div", 65);
87481
+ i0.ɵɵelementStart(0, "div", 71);
86373
87482
  i0.ɵɵnamespaceSVG();
86374
- i0.ɵɵelementStart(1, "svg", 67);
86375
- i0.ɵɵelement(2, "path", 68);
87483
+ i0.ɵɵelementStart(1, "svg", 73);
87484
+ i0.ɵɵelement(2, "path", 74);
86376
87485
  i0.ɵɵelementEnd();
86377
87486
  i0.ɵɵnamespaceHTML();
86378
87487
  i0.ɵɵelementStart(3, "span");
86379
87488
  i0.ɵɵtext(4);
86380
87489
  i0.ɵɵelementEnd()();
86381
87490
  } if (rf & 2) {
86382
- const win_r6 = i0.ɵɵnextContext().$implicit;
87491
+ const win_r7 = i0.ɵɵnextContext().$implicit;
86383
87492
  const ctx_r1 = i0.ɵɵnextContext(4);
86384
87493
  i0.ɵɵproperty("ngClass", ctx_r1.getMetaTextClasses());
86385
87494
  i0.ɵɵadvance(4);
86386
- i0.ɵɵtextInterpolate(win_r6.estimatedTimeframe);
87495
+ i0.ɵɵtextInterpolate(win_r7.estimatedTimeframe);
86387
87496
  } }
86388
87497
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
86389
- i0.ɵɵelementStart(0, "div", 66)(1, "h4", 69);
87498
+ i0.ɵɵelementStart(0, "div", 72)(1, "h4", 75);
86390
87499
  i0.ɵɵtext(2, " Related Goal ");
86391
87500
  i0.ɵɵelementEnd();
86392
- i0.ɵɵelement(3, "symphiq-related-goal-chips", 70);
87501
+ i0.ɵɵelement(3, "symphiq-related-goal-chips", 76);
86393
87502
  i0.ɵɵelementEnd();
86394
87503
  } if (rf & 2) {
86395
- const win_r6 = i0.ɵɵnextContext().$implicit;
87504
+ const win_r7 = i0.ɵɵnextContext().$implicit;
86396
87505
  const ctx_r1 = i0.ɵɵnextContext(4);
86397
87506
  i0.ɵɵadvance();
86398
87507
  i0.ɵɵproperty("ngClass", ctx_r1.getMetaTextClasses());
86399
87508
  i0.ɵɵadvance(2);
86400
- i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c2, win_r6.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
87509
+ i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c2, win_r7.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
86401
87510
  } }
86402
87511
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template(rf, ctx) { if (rf & 1) {
86403
- i0.ɵɵelementStart(0, "div", 58)(1, "div", 59)(2, "div", 60)(3, "span", 61);
87512
+ i0.ɵɵelementStart(0, "div", 64)(1, "div", 65)(2, "div", 66)(3, "span", 67);
86404
87513
  i0.ɵɵtext(4);
86405
87514
  i0.ɵɵelementEnd();
86406
- i0.ɵɵelementStart(5, "p", 62);
87515
+ i0.ɵɵelementStart(5, "p", 68);
86407
87516
  i0.ɵɵtext(6);
86408
87517
  i0.ɵɵelementEnd()();
86409
- i0.ɵɵelementStart(7, "div", 63)(8, "span", 64);
87518
+ i0.ɵɵelementStart(7, "div", 69)(8, "span", 70);
86410
87519
  i0.ɵɵtext(9);
86411
87520
  i0.ɵɵelementEnd();
86412
- i0.ɵɵelementStart(10, "span", 64);
87521
+ i0.ɵɵelementStart(10, "span", 70);
86413
87522
  i0.ɵɵtext(11);
86414
87523
  i0.ɵɵelementEnd()();
86415
- i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 65);
86416
- i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 66);
87524
+ i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 71);
87525
+ i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 72);
86417
87526
  i0.ɵɵelementEnd()();
86418
87527
  } if (rf & 2) {
86419
- const win_r6 = ctx.$implicit;
86420
- const $index_r7 = ctx.$index;
87528
+ const win_r7 = ctx.$implicit;
87529
+ const $index_r8 = ctx.$index;
86421
87530
  const ctx_r1 = i0.ɵɵnextContext(4);
86422
87531
  i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinCardClasses());
86423
87532
  i0.ɵɵadvance(3);
86424
87533
  i0.ɵɵproperty("ngClass", ctx_r1.getNumberBadgeClasses());
86425
87534
  i0.ɵɵadvance();
86426
- i0.ɵɵtextInterpolate1(" ", $index_r7 + 1, " ");
87535
+ i0.ɵɵtextInterpolate1(" ", $index_r8 + 1, " ");
86427
87536
  i0.ɵɵadvance();
86428
87537
  i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinTextClasses());
86429
87538
  i0.ɵɵadvance();
86430
- i0.ɵɵtextInterpolate1(" ", win_r6.action, " ");
87539
+ i0.ɵɵtextInterpolate1(" ", win_r7.action, " ");
86431
87540
  i0.ɵɵadvance(2);
86432
- i0.ɵɵproperty("ngClass", ctx_r1.getEffortBadgeClasses(win_r6.effort));
87541
+ i0.ɵɵproperty("ngClass", ctx_r1.getEffortBadgeClasses(win_r7.effort));
86433
87542
  i0.ɵɵadvance();
86434
- i0.ɵɵtextInterpolate1(" ", ctx_r1.formatLabel(win_r6.effort), " Effort ");
87543
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.formatLabel(win_r7.effort), " Effort ");
86435
87544
  i0.ɵɵadvance();
86436
- i0.ɵɵproperty("ngClass", ctx_r1.getImpactBadgeClasses(win_r6.impact));
87545
+ i0.ɵɵproperty("ngClass", ctx_r1.getImpactBadgeClasses(win_r7.impact));
86437
87546
  i0.ɵɵadvance();
86438
- i0.ɵɵtextInterpolate1(" ", ctx_r1.formatLabel(win_r6.impact), " Impact ");
87547
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.formatLabel(win_r7.impact), " Impact ");
86439
87548
  i0.ɵɵadvance();
86440
- i0.ɵɵconditional(win_r6.estimatedTimeframe ? 12 : -1);
87549
+ i0.ɵɵconditional(win_r7.estimatedTimeframe ? 12 : -1);
86441
87550
  i0.ɵɵadvance();
86442
- i0.ɵɵconditional(win_r6.relatedGoalId ? 13 : -1);
87551
+ i0.ɵɵconditional(win_r7.relatedGoalId ? 13 : -1);
86443
87552
  } }
86444
87553
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
86445
- i0.ɵɵelementStart(0, "div", 49)(1, "h3", 56);
87554
+ i0.ɵɵelementStart(0, "div", 55)(1, "h3", 62);
86446
87555
  i0.ɵɵtext(2, " Quick Wins ");
86447
87556
  i0.ɵɵelementEnd();
86448
- i0.ɵɵelementStart(3, "div", 57);
86449
- i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 58, i0.ɵɵrepeaterTrackByIndex);
87557
+ i0.ɵɵelementStart(3, "div", 63);
87558
+ i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 64, i0.ɵɵrepeaterTrackByIndex);
86450
87559
  i0.ɵɵelementEnd()();
86451
87560
  } if (rf & 2) {
86452
- const summary_r5 = i0.ɵɵnextContext();
87561
+ const summary_r6 = i0.ɵɵnextContext();
86453
87562
  const ctx_r1 = i0.ɵɵnextContext(2);
86454
87563
  i0.ɵɵadvance();
86455
87564
  i0.ɵɵproperty("ngClass", ctx_r1.getSectionTitleClasses());
86456
87565
  i0.ɵɵadvance(3);
86457
- i0.ɵɵrepeater(summary_r5.quickWins);
87566
+ i0.ɵɵrepeater(summary_r6.quickWins);
86458
87567
  } }
86459
87568
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
86460
- const _r4 = i0.ɵɵgetCurrentView();
86461
- i0.ɵɵelementStart(0, "section", 29)(1, "div", 33)(2, "div", 34)(3, "div", 35)(4, "div", 36)(5, "h2", 37);
87569
+ const _r5 = i0.ɵɵgetCurrentView();
87570
+ i0.ɵɵelementStart(0, "section", 35)(1, "div", 39)(2, "div", 40)(3, "div", 41)(4, "div", 42)(5, "h2", 43);
86462
87571
  i0.ɵɵtext(6, " Executive Summary ");
86463
87572
  i0.ɵɵelementEnd();
86464
- i0.ɵɵelementStart(7, "p", 38);
87573
+ i0.ɵɵelementStart(7, "p", 44);
86465
87574
  i0.ɵɵtext(8);
86466
87575
  i0.ɵɵelementEnd()();
86467
- i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 39);
87576
+ i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 45);
86468
87577
  i0.ɵɵelementEnd();
86469
- i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 40);
86470
- i0.ɵɵelementStart(11, "div", 41)(12, "button", 42);
86471
- i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_12_listener() { const summary_r5 = i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r5)); });
86472
- i0.ɵɵelementStart(13, "div", 43);
87578
+ i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 46);
87579
+ i0.ɵɵelementStart(11, "div", 47)(12, "button", 48);
87580
+ i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_12_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r6)); });
87581
+ i0.ɵɵelementStart(13, "div", 49);
86473
87582
  i0.ɵɵtext(14, " Key Strengths ");
86474
87583
  i0.ɵɵelementEnd();
86475
- i0.ɵɵelementStart(15, "div", 44);
87584
+ i0.ɵɵelementStart(15, "div", 50);
86476
87585
  i0.ɵɵtext(16);
86477
87586
  i0.ɵɵelementEnd();
86478
- i0.ɵɵelementStart(17, "div", 45)(18, "span", 46);
87587
+ i0.ɵɵelementStart(17, "div", 51)(18, "span", 52);
86479
87588
  i0.ɵɵtext(19, "View Details");
86480
87589
  i0.ɵɵelementEnd();
86481
- i0.ɵɵelement(20, "symphiq-icon", 47);
87590
+ i0.ɵɵelement(20, "symphiq-icon", 53);
86482
87591
  i0.ɵɵelementEnd()();
86483
- i0.ɵɵelementStart(21, "button", 42);
86484
- i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_21_listener() { const summary_r5 = i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r5)); });
86485
- i0.ɵɵelementStart(22, "div", 43);
87592
+ i0.ɵɵelementStart(21, "button", 48);
87593
+ i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_21_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r6)); });
87594
+ i0.ɵɵelementStart(22, "div", 49);
86486
87595
  i0.ɵɵtext(23, " Critical Gaps ");
86487
87596
  i0.ɵɵelementEnd();
86488
- i0.ɵɵelementStart(24, "div", 44);
87597
+ i0.ɵɵelementStart(24, "div", 50);
86489
87598
  i0.ɵɵtext(25);
86490
87599
  i0.ɵɵelementEnd();
86491
- i0.ɵɵelementStart(26, "div", 45)(27, "span", 46);
87600
+ i0.ɵɵelementStart(26, "div", 51)(27, "span", 52);
86492
87601
  i0.ɵɵtext(28, "View Details");
86493
87602
  i0.ɵɵelementEnd();
86494
- i0.ɵɵelement(29, "symphiq-icon", 47);
87603
+ i0.ɵɵelement(29, "symphiq-icon", 53);
86495
87604
  i0.ɵɵelementEnd()();
86496
- i0.ɵɵelementStart(30, "button", 42);
86497
- i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
86498
- i0.ɵɵelementStart(31, "div", 43);
87605
+ i0.ɵɵelementStart(30, "button", 48);
87606
+ i0.ɵɵlistener("click", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
87607
+ i0.ɵɵelementStart(31, "div", 49);
86499
87608
  i0.ɵɵtext(32, " Quick Wins ");
86500
87609
  i0.ɵɵelementEnd();
86501
- i0.ɵɵelementStart(33, "div", 44);
87610
+ i0.ɵɵelementStart(33, "div", 50);
86502
87611
  i0.ɵɵtext(34);
86503
87612
  i0.ɵɵelementEnd();
86504
- i0.ɵɵelementStart(35, "div", 45)(36, "span", 46);
87613
+ i0.ɵɵelementStart(35, "div", 51)(36, "span", 52);
86505
87614
  i0.ɵɵtext(37, "Details Below");
86506
87615
  i0.ɵɵelementEnd();
86507
- i0.ɵɵelement(38, "symphiq-icon", 48);
87616
+ i0.ɵɵelement(38, "symphiq-icon", 54);
86508
87617
  i0.ɵɵelementEnd()()()()();
86509
- i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 49);
87618
+ i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 55);
86510
87619
  i0.ɵɵelementEnd();
86511
87620
  } if (rf & 2) {
86512
- const summary_r5 = ctx;
87621
+ const summary_r6 = ctx;
86513
87622
  const ctx_r1 = i0.ɵɵnextContext(2);
86514
87623
  i0.ɵɵadvance();
86515
87624
  i0.ɵɵproperty("ngClass", ctx_r1.getBannerClasses());
@@ -86518,11 +87627,11 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
86518
87627
  i0.ɵɵadvance(2);
86519
87628
  i0.ɵɵproperty("ngClass", ctx_r1.getTextClasses());
86520
87629
  i0.ɵɵadvance();
86521
- i0.ɵɵtextInterpolate1(" ", summary_r5.gradeRationale, " ");
87630
+ i0.ɵɵtextInterpolate1(" ", summary_r6.gradeRationale, " ");
86522
87631
  i0.ɵɵadvance();
86523
- i0.ɵɵconditional(summary_r5.overallGrade ? 9 : -1);
87632
+ i0.ɵɵconditional(summary_r6.overallGrade ? 9 : -1);
86524
87633
  i0.ɵɵadvance();
86525
- i0.ɵɵconditional(summary_r5.narrative ? 10 : -1);
87634
+ i0.ɵɵconditional(summary_r6.narrative ? 10 : -1);
86526
87635
  i0.ɵɵadvance(2);
86527
87636
  i0.ɵɵproperty("ngClass", ctx_r1.getKeyStrengthsStatCardClasses());
86528
87637
  i0.ɵɵadvance();
@@ -86530,7 +87639,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
86530
87639
  i0.ɵɵadvance(2);
86531
87640
  i0.ɵɵproperty("ngClass", ctx_r1.getKeyStrengthsStatValueClasses());
86532
87641
  i0.ɵɵadvance();
86533
- i0.ɵɵtextInterpolate1(" ", (summary_r5.keyStrengths == null ? null : summary_r5.keyStrengths.length) || 0, " ");
87642
+ i0.ɵɵtextInterpolate1(" ", (summary_r6.keyStrengths == null ? null : summary_r6.keyStrengths.length) || 0, " ");
86534
87643
  i0.ɵɵadvance(2);
86535
87644
  i0.ɵɵproperty("ngClass", ctx_r1.getKeyStrengthsButtonTextClasses());
86536
87645
  i0.ɵɵadvance(2);
@@ -86542,7 +87651,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
86542
87651
  i0.ɵɵadvance(2);
86543
87652
  i0.ɵɵproperty("ngClass", ctx_r1.getCriticalGapsStatValueClasses());
86544
87653
  i0.ɵɵadvance();
86545
- i0.ɵɵtextInterpolate1(" ", (summary_r5.criticalGaps == null ? null : summary_r5.criticalGaps.length) || 0, " ");
87654
+ i0.ɵɵtextInterpolate1(" ", (summary_r6.criticalGaps == null ? null : summary_r6.criticalGaps.length) || 0, " ");
86546
87655
  i0.ɵɵadvance(2);
86547
87656
  i0.ɵɵproperty("ngClass", ctx_r1.getCriticalGapsButtonTextClasses());
86548
87657
  i0.ɵɵadvance(2);
@@ -86554,133 +87663,133 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
86554
87663
  i0.ɵɵadvance(2);
86555
87664
  i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinsStatValueClasses());
86556
87665
  i0.ɵɵadvance();
86557
- i0.ɵɵtextInterpolate1(" ", (summary_r5.quickWins == null ? null : summary_r5.quickWins.length) || 0, " ");
87666
+ i0.ɵɵtextInterpolate1(" ", (summary_r6.quickWins == null ? null : summary_r6.quickWins.length) || 0, " ");
86558
87667
  i0.ɵɵadvance(2);
86559
87668
  i0.ɵɵproperty("ngClass", ctx_r1.getQuickWinsButtonTextClasses());
86560
87669
  i0.ɵɵadvance(2);
86561
87670
  i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(32, _c1, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.getQuickWinsButtonTextClasses());
86562
87671
  i0.ɵɵadvance();
86563
- i0.ɵɵconditional(summary_r5.quickWins && summary_r5.quickWins.length > 0 ? 39 : -1);
87672
+ i0.ɵɵconditional(summary_r6.quickWins && summary_r6.quickWins.length > 0 ? 39 : -1);
86564
87673
  } }
86565
87674
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
86566
- const _r8 = i0.ɵɵgetCurrentView();
86567
- i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 71);
86568
- i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
87675
+ const _r9 = i0.ɵɵgetCurrentView();
87676
+ i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 77);
87677
+ i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_focus_area_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
86569
87678
  i0.ɵɵelementEnd();
86570
87679
  } if (rf & 2) {
86571
87680
  const ctx_r1 = i0.ɵɵnextContext(2);
86572
87681
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("allGoals", ctx_r1.allGoals());
86573
87682
  } }
86574
87683
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
86575
- const _r9 = i0.ɵɵgetCurrentView();
86576
- i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 72);
86577
- i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); });
87684
+ const _r10 = i0.ɵɵgetCurrentView();
87685
+ i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 78);
87686
+ i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); });
86578
87687
  i0.ɵɵelementEnd();
86579
87688
  } if (rf & 2) {
86580
87689
  const ctx_r1 = i0.ɵɵnextContext(2);
86581
87690
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
86582
87691
  } }
86583
87692
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
86584
- i0.ɵɵelement(0, "symphiq-section-divider", 73);
87693
+ i0.ɵɵelement(0, "symphiq-section-divider", 79);
86585
87694
  } if (rf & 2) {
86586
- const sectionList_r10 = i0.ɵɵnextContext();
87695
+ const sectionList_r11 = i0.ɵɵnextContext();
86587
87696
  const ctx_r1 = i0.ɵɵnextContext(2);
86588
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r10[0].icon);
87697
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r11[0].icon);
86589
87698
  } }
86590
87699
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
86591
- i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template, 1, 2, "symphiq-section-divider", 73);
87700
+ i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template, 1, 2, "symphiq-section-divider", 79);
86592
87701
  } if (rf & 2) {
86593
- const sectionList_r10 = ctx;
86594
- i0.ɵɵconditional(sectionList_r10.length > 0 && sectionList_r10[0].icon ? 0 : -1);
87702
+ const sectionList_r11 = ctx;
87703
+ i0.ɵɵconditional(sectionList_r11.length > 0 && sectionList_r11[0].icon ? 0 : -1);
86595
87704
  } }
86596
87705
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
86597
- i0.ɵɵelementStart(0, "div", 76);
86598
- i0.ɵɵelement(1, "symphiq-icon", 80);
87706
+ i0.ɵɵelementStart(0, "div", 82);
87707
+ i0.ɵɵelement(1, "symphiq-icon", 86);
86599
87708
  i0.ɵɵelementEnd();
86600
87709
  } if (rf & 2) {
86601
- const section_r11 = i0.ɵɵnextContext().$implicit;
87710
+ const section_r12 = i0.ɵɵnextContext().$implicit;
86602
87711
  const ctx_r1 = i0.ɵɵnextContext(3);
86603
87712
  i0.ɵɵproperty("ngClass", ctx_r1.getSectionIconClasses());
86604
87713
  i0.ɵɵadvance();
86605
- i0.ɵɵproperty("icon", section_r11.icon);
87714
+ i0.ɵɵproperty("icon", section_r12.icon);
86606
87715
  } }
86607
87716
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
86608
- i0.ɵɵelementStart(0, "div", 82);
86609
- i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 55);
87717
+ i0.ɵɵelementStart(0, "div", 88);
87718
+ i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 61);
86610
87719
  i0.ɵɵelementEnd();
86611
87720
  } if (rf & 2) {
86612
- const section_r11 = i0.ɵɵnextContext(2).$implicit;
87721
+ const section_r12 = i0.ɵɵnextContext(2).$implicit;
86613
87722
  const ctx_r1 = i0.ɵɵnextContext(3);
86614
87723
  i0.ɵɵadvance();
86615
- i0.ɵɵproperty("visual", section_r11.visual)("viewMode", ctx_r1.viewMode());
87724
+ i0.ɵɵproperty("visual", section_r12.visual)("viewMode", ctx_r1.viewMode());
86616
87725
  } }
86617
87726
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
86618
- i0.ɵɵelementStart(0, "div", 84)(1, "p", 53);
87727
+ i0.ɵɵelementStart(0, "div", 90)(1, "p", 59);
86619
87728
  i0.ɵɵtext(2);
86620
87729
  i0.ɵɵelementEnd()();
86621
87730
  } if (rf & 2) {
86622
- const section_r11 = i0.ɵɵnextContext(2).$implicit;
87731
+ const section_r12 = i0.ɵɵnextContext(2).$implicit;
86623
87732
  const ctx_r1 = i0.ɵɵnextContext(3);
86624
- i0.ɵɵclassProp("lg:w-1/3", section_r11.visual && section_r11.visual.enabled)("lg:w-full", !section_r11.visual || !section_r11.visual.enabled);
87733
+ i0.ɵɵclassProp("lg:w-1/3", section_r12.visual && section_r12.visual.enabled)("lg:w-full", !section_r12.visual || !section_r12.visual.enabled);
86625
87734
  i0.ɵɵadvance();
86626
87735
  i0.ɵɵproperty("ngClass", ctx_r1.getSectionDescriptionClasses());
86627
87736
  i0.ɵɵadvance();
86628
- i0.ɵɵtextInterpolate1(" ", section_r11.description, " ");
87737
+ i0.ɵɵtextInterpolate1(" ", section_r12.description, " ");
86629
87738
  } }
86630
87739
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
86631
- i0.ɵɵelementStart(0, "div", 81);
86632
- i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 82);
86633
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 83);
87740
+ i0.ɵɵelementStart(0, "div", 87);
87741
+ i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 88);
87742
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 89);
86634
87743
  i0.ɵɵelementEnd();
86635
87744
  } if (rf & 2) {
86636
- const ctx_r11 = i0.ɵɵnextContext();
86637
- const section_r11 = ctx_r11.$implicit;
86638
- const ɵ$index_186_r13 = ctx_r11.$index;
86639
- i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_186_r13 % 2 === 0);
87745
+ const ctx_r12 = i0.ɵɵnextContext();
87746
+ const section_r12 = ctx_r12.$implicit;
87747
+ const ɵ$index_198_r14 = ctx_r12.$index;
87748
+ i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_198_r14 % 2 === 0);
86640
87749
  i0.ɵɵadvance();
86641
- i0.ɵɵconditional(section_r11.visual && section_r11.visual.enabled ? 1 : -1);
87750
+ i0.ɵɵconditional(section_r12.visual && section_r12.visual.enabled ? 1 : -1);
86642
87751
  i0.ɵɵadvance();
86643
- i0.ɵɵconditional(section_r11.description ? 2 : -1);
87752
+ i0.ɵɵconditional(section_r12.description ? 2 : -1);
86644
87753
  } }
86645
87754
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
86646
- i0.ɵɵelement(0, "symphiq-section-divider", 73);
87755
+ i0.ɵɵelement(0, "symphiq-section-divider", 79);
86647
87756
  } if (rf & 2) {
86648
- const ɵ$index_186_r13 = i0.ɵɵnextContext().$index;
86649
- const sectionList_r14 = i0.ɵɵnextContext();
87757
+ const ɵ$index_198_r14 = i0.ɵɵnextContext().$index;
87758
+ const sectionList_r15 = i0.ɵɵnextContext();
86650
87759
  const ctx_r1 = i0.ɵɵnextContext(2);
86651
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r14[ɵ$index_186_r13 + 1].icon);
87760
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r15[ɵ$index_198_r14 + 1].icon);
86652
87761
  } }
86653
87762
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
86654
- i0.ɵɵelementStart(0, "div", 74)(1, "div", 75);
86655
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template, 2, 2, "div", 76);
86656
- i0.ɵɵelementStart(3, "div", 36)(4, "h3", 77);
87763
+ i0.ɵɵelementStart(0, "div", 80)(1, "div", 81);
87764
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template, 2, 2, "div", 82);
87765
+ i0.ɵɵelementStart(3, "div", 42)(4, "h3", 83);
86657
87766
  i0.ɵɵtext(5);
86658
87767
  i0.ɵɵelementEnd()()();
86659
- i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template, 3, 4, "div", 78);
86660
- i0.ɵɵelement(7, "symphiq-profile-section-content", 79);
87768
+ i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template, 3, 4, "div", 84);
87769
+ i0.ɵɵelement(7, "symphiq-profile-section-content", 85);
86661
87770
  i0.ɵɵelementEnd();
86662
- i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 73);
87771
+ i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 79);
86663
87772
  } if (rf & 2) {
86664
- const section_r11 = ctx.$implicit;
86665
- const ɵ$index_186_r13 = ctx.$index;
86666
- const ɵ$count_186_r15 = ctx.$count;
87773
+ const section_r12 = ctx.$implicit;
87774
+ const ɵ$index_198_r14 = ctx.$index;
87775
+ const ɵ$count_198_r16 = ctx.$count;
86667
87776
  const ctx_r1 = i0.ɵɵnextContext(3);
86668
- i0.ɵɵproperty("id", "section-" + section_r11.id)("ngClass", ctx_r1.getSectionCardClasses());
87777
+ i0.ɵɵproperty("id", "section-" + section_r12.id)("ngClass", ctx_r1.getSectionCardClasses());
86669
87778
  i0.ɵɵadvance(2);
86670
- i0.ɵɵconditional(section_r11.icon ? 2 : -1);
87779
+ i0.ɵɵconditional(section_r12.icon ? 2 : -1);
86671
87780
  i0.ɵɵadvance(2);
86672
87781
  i0.ɵɵproperty("ngClass", ctx_r1.getSectionTitleClasses());
86673
87782
  i0.ɵɵadvance();
86674
- i0.ɵɵtextInterpolate1(" ", section_r11.title, " ");
87783
+ i0.ɵɵtextInterpolate1(" ", section_r12.title, " ");
86675
87784
  i0.ɵɵadvance();
86676
- i0.ɵɵconditional(section_r11.description || section_r11.visual && section_r11.visual.enabled ? 6 : -1);
87785
+ i0.ɵɵconditional(section_r12.description || section_r12.visual && section_r12.visual.enabled ? 6 : -1);
86677
87786
  i0.ɵɵadvance();
86678
- i0.ɵɵproperty("section", section_r11)("executiveSummary", section_r11.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_186_r13)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
87787
+ i0.ɵɵproperty("section", section_r12)("executiveSummary", section_r12.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_198_r14)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
86679
87788
  i0.ɵɵadvance();
86680
- i0.ɵɵconditional(!(ɵ$index_186_r13 === ɵ$count_186_r15 - 1) ? 8 : -1);
87789
+ i0.ɵɵconditional(!(ɵ$index_198_r14 === ɵ$count_198_r16 - 1) ? 8 : -1);
86681
87790
  } }
86682
87791
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
86683
- i0.ɵɵelementStart(0, "section", 32);
87792
+ i0.ɵɵelementStart(0, "section", 38);
86684
87793
  i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template, 9, 16, null, null, _forTrack0);
86685
87794
  i0.ɵɵelementEnd();
86686
87795
  } if (rf & 2) {
@@ -86688,11 +87797,11 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_T
86688
87797
  i0.ɵɵrepeater(ctx);
86689
87798
  } }
86690
87799
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
86691
- i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section", 29);
86692
- i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 3, "symphiq-focus-area-executive-summary", 30);
86693
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 4, "symphiq-metric-executive-summary", 31);
87800
+ i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section", 35);
87801
+ i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 3, "symphiq-focus-area-executive-summary", 36);
87802
+ i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 4, "symphiq-metric-executive-summary", 37);
86694
87803
  i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Template, 1, 1);
86695
- i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section", 32);
87804
+ i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section", 38);
86696
87805
  } if (rf & 2) {
86697
87806
  let tmp_1_0;
86698
87807
  let tmp_2_0;
@@ -86725,55 +87834,64 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_12_Template(rf, ct
86725
87834
  function SymphiqProfileAnalysisDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
86726
87835
  i0.ɵɵelement(0, "symphiq-goal-card", 12);
86727
87836
  } if (rf & 2) {
86728
- const data_r16 = ctx;
87837
+ const data_r17 = ctx;
86729
87838
  const ctx_r1 = i0.ɵɵnextContext();
86730
- i0.ɵɵproperty("goal", data_r16.goal)("viewMode", data_r16.viewMode)("isInModal", true)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("businessProfile", ctx_r1.profile());
87839
+ i0.ɵɵproperty("goal", data_r17.goal)("viewMode", data_r17.viewMode)("isInModal", true)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("businessProfile", ctx_r1.profile());
86731
87840
  } }
86732
87841
  function SymphiqProfileAnalysisDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
86733
87842
  i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 13);
86734
87843
  } if (rf & 2) {
86735
- const data_r17 = ctx;
86736
- i0.ɵɵproperty("goal", data_r17.goal)("viewMode", data_r17.viewMode);
87844
+ const data_r18 = ctx;
87845
+ i0.ɵɵproperty("goal", data_r18.goal)("viewMode", data_r18.viewMode);
86737
87846
  } }
86738
87847
  function SymphiqProfileAnalysisDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
86739
87848
  i0.ɵɵelement(0, "symphiq-objective-strategies-modal-content", 14);
86740
87849
  } if (rf & 2) {
86741
- const data_r18 = ctx;
86742
- i0.ɵɵproperty("objective", data_r18.objective)("goalTitle", data_r18.goalTitle)("viewMode", data_r18.viewMode);
87850
+ const data_r19 = ctx;
87851
+ i0.ɵɵproperty("objective", data_r19.objective)("goalTitle", data_r19.goalTitle)("viewMode", data_r19.viewMode);
86743
87852
  } }
86744
87853
  function SymphiqProfileAnalysisDashboardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
86745
87854
  i0.ɵɵelement(0, "symphiq-strategy-recommendations-modal-content", 15);
86746
87855
  } if (rf & 2) {
86747
- const data_r19 = ctx;
87856
+ const data_r20 = ctx;
86748
87857
  const ctx_r1 = i0.ɵɵnextContext();
86749
- i0.ɵɵproperty("strategy", data_r19.strategy)("objectiveTitle", data_r19.objectiveTitle)("goalTitle", data_r19.goalTitle)("viewMode", data_r19.viewMode)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
87858
+ i0.ɵɵproperty("strategy", data_r20.strategy)("objectiveTitle", data_r20.objectiveTitle)("goalTitle", data_r20.goalTitle)("viewMode", data_r20.viewMode)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("allBusinessInsights", ctx_r1.allBusinessInsights())("currentModalState", ctx_r1.getCurrentModalState());
86750
87859
  } }
86751
87860
  function SymphiqProfileAnalysisDashboardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
86752
87861
  i0.ɵɵelement(0, "symphiq-category-detail-modal-content", 16);
86753
87862
  } if (rf & 2) {
86754
- const data_r20 = ctx;
86755
- i0.ɵɵproperty("category", data_r20.category)("viewMode", data_r20.viewMode)("scrollToSection", data_r20.scrollToSection);
87863
+ const data_r21 = ctx;
87864
+ i0.ɵɵproperty("category", data_r21.category)("viewMode", data_r21.viewMode)("scrollToSection", data_r21.scrollToSection);
86756
87865
  } }
86757
87866
  function SymphiqProfileAnalysisDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
86758
87867
  i0.ɵɵelement(0, "symphiq-strength-detail-modal-content", 17);
86759
87868
  } if (rf & 2) {
86760
- const data_r21 = ctx;
87869
+ const data_r22 = ctx;
86761
87870
  const ctx_r1 = i0.ɵɵnextContext();
86762
- i0.ɵɵproperty("strength", data_r21.strength)("viewMode", data_r21.viewMode)("allFunnelStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
87871
+ i0.ɵɵproperty("strength", data_r22.strength)("viewMode", data_r22.viewMode)("allFunnelStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
86763
87872
  } }
86764
87873
  function SymphiqProfileAnalysisDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
86765
87874
  i0.ɵɵelement(0, "symphiq-gap-detail-modal-content", 18);
86766
87875
  } if (rf & 2) {
86767
- const data_r22 = ctx;
87876
+ const data_r23 = ctx;
86768
87877
  const ctx_r1 = i0.ɵɵnextContext();
86769
- i0.ɵɵproperty("gap", data_r22.gap)("viewMode", data_r22.viewMode)("allGoals", ctx_r1.allGoals())("allWeaknesses", ctx_r1.funnelWeaknesses())("currentModalState", ctx_r1.getCurrentModalState());
87878
+ i0.ɵɵproperty("gap", data_r23.gap)("viewMode", data_r23.viewMode)("allGoals", ctx_r1.allGoals())("allWeaknesses", ctx_r1.funnelWeaknesses())("currentModalState", ctx_r1.getCurrentModalState());
86770
87879
  } }
86771
87880
  function SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
86772
87881
  i0.ɵɵelement(0, "symphiq-opportunity-detail-modal-content", 19);
86773
87882
  } if (rf & 2) {
86774
- const data_r23 = ctx;
87883
+ const data_r24 = ctx;
86775
87884
  const ctx_r1 = i0.ɵɵnextContext();
86776
- i0.ɵɵproperty("opportunity", data_r23.opportunity)("viewMode", data_r23.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
87885
+ i0.ɵɵproperty("opportunity", data_r24.opportunity)("viewMode", data_r24.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
87886
+ } }
87887
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
87888
+ const _r25 = i0.ɵɵgetCurrentView();
87889
+ i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 91);
87890
+ i0.ɵɵlistener("continueClick", function SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
87891
+ i0.ɵɵelementEnd();
87892
+ } if (rf & 2) {
87893
+ const ctx_r1 = i0.ɵɵnextContext();
87894
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("isEnabled", ctx_r1.hasCurrencySelected())("isLoading", ctx_r1.isCurrencySelectionLoading());
86777
87895
  } }
86778
87896
  class SymphiqProfileAnalysisDashboardComponent {
86779
87897
  constructor() {
@@ -86796,8 +87914,38 @@ class SymphiqProfileAnalysisDashboardComponent {
86796
87914
  this.maxAccessibleStepId = input(undefined, ...(ngDevMode ? [{ debugName: "maxAccessibleStepId" }] : []));
86797
87915
  this.stepClick = output();
86798
87916
  this.nextStepClick = output();
87917
+ this.currencySelectionClick = output();
87918
+ this.isCurrencySelectionLoading = signal(false, ...(ngDevMode ? [{ debugName: "isCurrencySelectionLoading" }] : []));
87919
+ this.selectedCurrency = signal(null, ...(ngDevMode ? [{ debugName: "selectedCurrency" }] : []));
87920
+ this.isSubscriptionActive = computed(() => {
87921
+ const account = this.account();
87922
+ if (!account)
87923
+ return false;
87924
+ return ChargebeeSubscriptionStatusEnumUtil.isActive(account.subscriptionStatus) ?? false;
87925
+ }, ...(ngDevMode ? [{ debugName: "isSubscriptionActive" }] : []));
87926
+ this.hasBillingCurrency = computed(() => {
87927
+ const account = this.account();
87928
+ return !!account?.billingCurrencyCode;
87929
+ }, ...(ngDevMode ? [{ debugName: "hasBillingCurrency" }] : []));
87930
+ this.hasCurrencySelected = computed(() => {
87931
+ return this.selectedCurrency() !== null;
87932
+ }, ...(ngDevMode ? [{ debugName: "hasCurrencySelected" }] : []));
87933
+ this.shouldShowContinueButton = computed(() => {
87934
+ if (this.isOnboarded())
87935
+ return true;
87936
+ if (this.analysisType() === ProfileAnalysisTypeEnum.SHOP) {
87937
+ return this.isSubscriptionActive();
87938
+ }
87939
+ return true;
87940
+ }, ...(ngDevMode ? [{ debugName: "shouldShowContinueButton" }] : []));
86799
87941
  this.COLLAPSE_THRESHOLD = 20;
86800
87942
  this.EXPAND_THRESHOLD = 10;
87943
+ this.currencySelectionEffect = effect(() => {
87944
+ const hasCurrency = this.hasBillingCurrency();
87945
+ if (hasCurrency && this.isCurrencySelectionLoading()) {
87946
+ this.isCurrencySelectionLoading.set(false);
87947
+ }
87948
+ }, ...(ngDevMode ? [{ debugName: "currencySelectionEffect" }] : []));
86801
87949
  this.embeddedScrollEffect = effect(() => {
86802
87950
  const scrollEvent = this.scrollEvent();
86803
87951
  const isEmbedded = this.embedded();
@@ -87122,6 +88270,7 @@ class SymphiqProfileAnalysisDashboardComponent {
87122
88270
  const profile = this.profile();
87123
88271
  return profile?.profileStructured?.recommendations || [];
87124
88272
  }, ...(ngDevMode ? [{ debugName: "allBusinessInsights" }] : []));
88273
+ this.CurrencyCodeEnum = CurrencyCodeEnum;
87125
88274
  // Update funnel modal data whenever metrics/charts change
87126
88275
  effect(() => {
87127
88276
  const modal = this.funnelModalComponent;
@@ -87313,6 +88462,16 @@ class SymphiqProfileAnalysisDashboardComponent {
87313
88462
  }
87314
88463
  this.closeViewModeSwitcher();
87315
88464
  }
88465
+ handleCurrencySelection(currency) {
88466
+ this.selectedCurrency.set(currency);
88467
+ }
88468
+ handleStickyButtonClick() {
88469
+ const currency = this.selectedCurrency();
88470
+ if (currency) {
88471
+ this.isCurrencySelectionLoading.set(true);
88472
+ this.currencySelectionClick.emit(currency);
88473
+ }
88474
+ }
87316
88475
  getAnalysisTypeLabel() {
87317
88476
  const labels = {
87318
88477
  [ProfileAnalysisTypeEnum.SHOP]: 'Shop',
@@ -87502,7 +88661,7 @@ class SymphiqProfileAnalysisDashboardComponent {
87502
88661
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
87503
88662
  } }, hostBindings: function SymphiqProfileAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
87504
88663
  i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
87505
- } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], analysisType: [1, "analysisType"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 46, consts: [[1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [1, "mb-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "mb-8"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "executiveSummary", "focusAreaExecutiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "allGoals"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "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"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [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", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"]], template: function SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
88664
+ } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], analysisType: [1, "analysisType"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 47, consts: [[1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [1, "mb-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "mb-8"], [3, "goals", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode"], [3, "viewMode", "isLoading"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "viewMode", "isLoading"], [3, "sections", "viewMode", "executiveSummary", "focusAreaExecutiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "allGoals"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "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"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [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", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"]], template: function SymphiqProfileAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
87506
88665
  i0.ɵɵelementStart(0, "div", 0);
87507
88666
  i0.ɵɵelement(1, "div", 1);
87508
88667
  i0.ɵɵelementStart(2, "div");
@@ -87514,7 +88673,7 @@ class SymphiqProfileAnalysisDashboardComponent {
87514
88673
  i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template, 1, 5, "symphiq-journey-progress-indicator", 5);
87515
88674
  i0.ɵɵelementStart(7, "main", 6);
87516
88675
  i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template, 4, 3, "div", 7);
87517
- i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template, 3, 3);
88676
+ i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template, 4, 2);
87518
88677
  i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Template, 5, 5);
87519
88678
  i0.ɵɵelementEnd();
87520
88679
  i0.ɵɵconditionalCreate(11, SymphiqProfileAnalysisDashboardComponent_Conditional_11_Template, 1, 4, "symphiq-floating-toc", 8);
@@ -87536,6 +88695,7 @@ class SymphiqProfileAnalysisDashboardComponent {
87536
88695
  i0.ɵɵconditionalCreate(23, SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 19);
87537
88696
  i0.ɵɵelementEnd();
87538
88697
  i0.ɵɵelement(24, "symphiq-funnel-analysis-modal", 20)(25, "symphiq-business-analysis-modal", 21)(26, "symphiq-tooltip-container");
88698
+ i0.ɵɵconditionalCreate(27, SymphiqProfileAnalysisDashboardComponent_Conditional_27_Template, 1, 3, "symphiq-sticky-subscription-continue-button", 22);
87539
88699
  i0.ɵɵelementEnd()();
87540
88700
  } if (rf & 2) {
87541
88701
  let tmp_5_0;
@@ -87596,547 +88756,582 @@ class SymphiqProfileAnalysisDashboardComponent {
87596
88756
  i0.ɵɵproperty("isLightMode", ctx.isLightMode())("viewMode", ctx.viewMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allCharts", ctx.allCharts());
87597
88757
  i0.ɵɵadvance();
87598
88758
  i0.ɵɵproperty("isLightMode", ctx.isLightMode());
87599
- } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent], encapsulation: 2, changeDetection: 0 }); }
88759
+ i0.ɵɵadvance(2);
88760
+ i0.ɵɵconditional(!ctx.isSubscriptionActive() && !ctx.hasBillingCurrency() && ctx.isSimplifiedView() && !ctx.isFocusAreaAnalysis() && !ctx.isMetricAnalysis() ? 27 : -1);
88761
+ } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent], encapsulation: 2, changeDetection: 0 }); }
87600
88762
  }
87601
88763
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileAnalysisDashboardComponent, [{
87602
88764
  type: Component,
87603
88765
  args: [{
87604
88766
  selector: 'symphiq-profile-analysis-dashboard',
87605
88767
  standalone: true,
87606
- imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent],
88768
+ imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, FloatingTocComponent, SectionNavigationComponent, GradeBadgeComponent, ShopWelcomeBannerComponent, FocusAreaWelcomeBannerComponent, MetricWelcomeBannerComponent, FocusAreaExecutiveSummaryComponent, MetricExecutiveSummaryComponent, NapkinVisualPlaceholderComponent, TooltipContainerComponent, ProfileSectionContentComponent, ProfileAnalysisModalComponent, ModalComponent, GoalCardComponent, GoalObjectivesModalContentComponent, ObjectiveStrategiesModalContentComponent, StrategyRecommendationsModalContentComponent, CategoryDetailModalContentComponent, StrengthDetailModalContentComponent, GapDetailModalContentComponent, OpportunityDetailModalContentComponent, BusinessAnalysisModalComponent, SectionDividerComponent, SymphiqIconComponent, RelatedGoalChipsComponent, StrategicGoalsTiledGridComponent, CollapsibleAnalysisSectionGroupComponent, BillingCurrencySelectorCardComponent, PlanSelectionPlaceholderCardComponent, SubscriptionValuePropositionCardComponent, StickySubscriptionContinueButtonComponent],
87607
88769
  changeDetection: ChangeDetectionStrategy.OnPush,
87608
- template: `
87609
- <div [ngClass]="getContainerClasses()" class="min-h-screen relative">
87610
- <div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
87611
-
87612
- <!-- Scroll Progress Bar -->
87613
- <div
87614
- [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
87615
- <div
87616
- [style.width.%]="scrollProgress()"
87617
- [ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-purple-500' : 'bg-gradient-to-r from-blue-400 to-purple-400'"
87618
- class="h-full transition-all duration-200 ease-out">
87619
- </div>
87620
- </div>
87621
-
87622
- <div class="relative z-[51]">
87623
- <!-- Dashboard Header -->
87624
- <symphiq-dashboard-header
87625
- [title]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'Profile Analysis'"
87626
- [subtitle]="getAnalysisSubtitle()"
87627
- [currentSection]="getAnalysisSubtitle()"
87628
- [viewMode]="viewMode()"
87629
- [viewModeLabel]="displayModeLabel()"
87630
- [isLoading]="isLoading()"
87631
- [requestedByUser]="requestedByUser()"
87632
- [createdDate]="profileAnalysis()?.selfContentCompletedDate"
87633
- (searchClick)="openSearch()"
87634
- (viewModeClick)="openViewModeSwitcher()"
87635
- />
87636
-
87637
- <!-- Journey Progress Banner -->
87638
- @if (isSimplifiedView() && !isOnboarded()) {
87639
- <symphiq-journey-progress-indicator
87640
- [viewMode]="viewMode()"
87641
- [currentStepId]="currentStepId()"
87642
- [showNextStepAction]="true"
87643
- [forDemo]="forDemo()"
87644
- [maxAccessibleStepId]="maxAccessibleStepId()"
87645
- (nextStepClick)="nextStepClick.emit()"
87646
- (stepClick)="stepClick.emit($event)"
87647
- />
87648
- }
87649
-
87650
- <!-- Main Content -->
87651
- <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12">
87652
-
87653
- <!-- Welcome Banner (Simplified View Only) -->
87654
- @if (isSimplifiedView()) {
87655
- <div class="mb-12">
87656
- @if (!isFocusAreaAnalysis() && !isMetricAnalysis()) {
87657
- <symphiq-shop-welcome-banner
87658
- [viewMode]="viewMode()"
87659
- [businessName]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'your shop'"
87660
- [isOnboarded]="isOnboarded()"
87661
- />
87662
- }
87663
- @if (isFocusAreaAnalysis()) {
87664
- <symphiq-focus-area-welcome-banner
87665
- [viewMode]="viewMode()"
87666
- [focusAreaDomain]="focusAreaDomain()"
87667
- [focusAreaName]="focusAreaName()"
87668
- [focusAreaDetails]="focusAreaDetails()"
87669
- />
87670
- }
87671
- @if (isMetricAnalysis()) {
87672
- <symphiq-metric-welcome-banner
87673
- [viewMode]="viewMode()"
87674
- [metricName]="profileAnalysis()?.profileAnalysisStructured?.metricExecutiveSummary?.metric"
87675
- [isOnboarded]="isOnboarded()"
87676
- />
87677
- }
87678
- </div>
87679
- }
87680
-
87681
- <!-- Simplified View Content -->
87682
- @if (isSimplifiedView()) {
87683
- <!-- Strategic Insights & Goals -->
87684
- <div class="mb-8">
87685
- <symphiq-strategic-goals-tiled-grid
87686
- [goals]="strategicRoadmapGoals()"
87687
- [viewMode]="viewMode()"
87688
- (viewMoreClick)="openGoalModal($event)"
87689
- />
87690
- </div>
87691
-
87692
- <!-- Supporting Business Context -->
87693
- @if (nonStrategicSections().length > 0) {
87694
- <div>
87695
- <symphiq-collapsible-analysis-section-group
87696
- [sections]="nonStrategicSections()"
87697
- [viewMode]="viewMode()"
87698
- [executiveSummary]="executiveSummary()"
87699
- [focusAreaExecutiveSummary]="focusAreaExecutiveSummary()"
87700
- [metricExecutiveSummary]="metricExecutiveSummary()"
87701
- [metricName]="metricName()"
87702
- [allGoals]="allGoals()"
87703
- [allMetrics]="allMetrics()"
87704
- [allCharts]="allCharts()"
87705
- [allInsights]="allInsights()"
87706
- [businessProfile]="profile()"
87707
- />
87708
- </div>
87709
- }
87710
- }
87711
-
87712
- <!-- Compact & Expanded View Content -->
87713
- @if (!isSimplifiedView()) {
87714
- <!-- SHOP Executive Summary -->
87715
- @if (!isFocusAreaAnalysis() && executiveSummary(); as summary) {
87716
- <section id="section-executive-summary" class="space-y-6 scroll-mt-24">
87717
- <!-- Summary Banner -->
87718
- <div [ngClass]="getBannerClasses()" class="rounded-2xl p-8 shadow-xl">
87719
- <div class="space-y-6">
87720
- <div class="flex items-start justify-between gap-4">
87721
- <div class="flex-1">
87722
- <h2 [ngClass]="getSectionTitleClasses()" class="text-2xl font-bold mb-3">
87723
- Executive Summary
87724
- </h2>
87725
- <p [ngClass]="getTextClasses()" class="text-lg leading-relaxed">
87726
- {{ summary.gradeRationale }}
87727
- </p>
87728
- </div>
87729
- @if (summary.overallGrade) {
87730
- <symphiq-grade-badge
87731
- [grade]="summary.overallGrade"
87732
- [gradeRationale]="summary.gradeRationale || ''"
87733
- [viewMode]="viewMode()"
87734
- />
87735
- }
87736
- </div>
87737
-
87738
- @if (summary.narrative) {
87739
- <div [ngClass]="getNarrativeClasses()" class="rounded-xl p-6">
87740
- <h3 [ngClass]="getSubheadingClasses()" class="text-lg font-semibold mb-3">
87741
- Analysis Narrative
87742
- </h3>
87743
- <div class="relative">
87744
- @if (summary.napkinVisual && summary.napkinVisual.enabled) {
87745
- <div class="mb-6 lg:float-left lg:mr-6 lg:mb-4 lg:max-w-[66%]">
87746
- <symphiq-napkin-visual-placeholder
87747
- [visual]="summary.napkinVisual"
87748
- [viewMode]="viewMode()"
87749
- />
87750
- </div>
87751
- }
87752
- <p [ngClass]="getTextClasses()" class="text-sm leading-relaxed whitespace-pre-line">
87753
- {{ summary.narrative }}
87754
- </p>
87755
- <div class="clear-both"></div>
87756
- </div>
87757
- </div>
87758
- }
87759
-
87760
- <!-- Stats -->
87761
- <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
87762
- <button
87763
- type="button"
87764
- (click)="onKeyStrengthsClick(summary)"
87765
- [ngClass]="getKeyStrengthsStatCardClasses()"
87766
- class="p-4 rounded-xl text-left transition-all duration-200 hover:scale-[1.02] active:scale-[0.98] group cursor-pointer">
87767
- <div [ngClass]="getKeyStrengthsStatLabelClasses()" class="text-xs font-semibold uppercase mb-1">
87768
- Key Strengths
87769
- </div>
87770
- <div [ngClass]="getKeyStrengthsStatValueClasses()" class="text-3xl font-bold mb-2">
87771
- {{ summary.keyStrengths?.length || 0 }}
87772
- </div>
87773
- <div class="flex items-center gap-1.5 text-xs font-medium">
87774
- <span [ngClass]="getKeyStrengthsButtonTextClasses()">View Details</span>
87775
- <symphiq-icon
87776
- [icon]="{ name: 'chevron-right', source: IconSourceEnum.HEROICONS }"
87777
- size="w-4 h-4"
87778
- [ngClass]="getKeyStrengthsButtonTextClasses()"
87779
- class="transition-transform group-hover:translate-x-1"
87780
- />
87781
- </div>
87782
- </button>
87783
- <button
87784
- type="button"
87785
- (click)="onCriticalGapsClick(summary)"
87786
- [ngClass]="getCriticalGapsStatCardClasses()"
87787
- class="p-4 rounded-xl text-left transition-all duration-200 hover:scale-[1.02] active:scale-[0.98] group cursor-pointer">
87788
- <div [ngClass]="getCriticalGapsStatLabelClasses()" class="text-xs font-semibold uppercase mb-1">
87789
- Critical Gaps
87790
- </div>
87791
- <div [ngClass]="getCriticalGapsStatValueClasses()" class="text-3xl font-bold mb-2">
87792
- {{ summary.criticalGaps?.length || 0 }}
87793
- </div>
87794
- <div class="flex items-center gap-1.5 text-xs font-medium">
87795
- <span [ngClass]="getCriticalGapsButtonTextClasses()">View Details</span>
87796
- <symphiq-icon
87797
- [icon]="{ name: 'chevron-right', source: IconSourceEnum.HEROICONS }"
87798
- size="w-4 h-4"
87799
- [ngClass]="getCriticalGapsButtonTextClasses()"
87800
- class="transition-transform group-hover:translate-x-1"
87801
- />
87802
- </div>
87803
- </button>
87804
- <button
87805
- type="button"
87806
- (click)="scrollToQuickWins()"
87807
- [ngClass]="getQuickWinsStatCardClasses()"
87808
- class="p-4 rounded-xl text-left transition-all duration-200 hover:scale-[1.02] active:scale-[0.98] group cursor-pointer">
87809
- <div [ngClass]="getQuickWinsStatLabelClasses()" class="text-xs font-semibold uppercase mb-1">
87810
- Quick Wins
87811
- </div>
87812
- <div [ngClass]="getQuickWinsStatValueClasses()" class="text-3xl font-bold mb-2">
87813
- {{ summary.quickWins?.length || 0 }}
87814
- </div>
87815
- <div class="flex items-center gap-1.5 text-xs font-medium">
87816
- <span [ngClass]="getQuickWinsButtonTextClasses()">Details Below</span>
87817
- <symphiq-icon
87818
- [icon]="{ name: 'chevron-down', source: IconSourceEnum.HEROICONS }"
87819
- size="w-4 h-4"
87820
- [ngClass]="getQuickWinsButtonTextClasses()"
87821
- class="transition-transform group-hover:translate-y-1 animate-bounce"
87822
- />
87823
- </div>
87824
- </button>
87825
- </div>
87826
- </div>
87827
- </div>
87828
-
87829
- <!-- Quick Wins -->
87830
- @if (summary.quickWins && summary.quickWins.length > 0) {
87831
- <div id="quick-wins-section" class="space-y-4 scroll-mt-24">
87832
- <h3 [ngClass]="getSectionTitleClasses()" class="text-xl font-bold">
87833
- Quick Wins
87834
- </h3>
87835
- <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
87836
- @for (win of summary.quickWins; track $index) {
87837
- <div [ngClass]="getQuickWinCardClasses()"
87838
- class="rounded-xl p-6 transition-all duration-300">
87839
- <div class="space-y-4">
87840
- <div class="flex items-start gap-3">
87841
- <span [ngClass]="getNumberBadgeClasses()"
87842
- class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold">
87843
- {{ $index + 1 }}
87844
- </span>
87845
- <p [ngClass]="getQuickWinTextClasses()" class="font-semibold leading-tight flex-1">
87846
- {{ win.action }}
87847
- </p>
87848
- </div>
87849
-
87850
- <div class="flex flex-wrap gap-2">
87851
- <span [ngClass]="getEffortBadgeClasses(win.effort)"
87852
- class="px-3 py-1 rounded-full text-xs font-semibold">
87853
- {{ formatLabel(win.effort) }} Effort
87854
- </span>
87855
- <span [ngClass]="getImpactBadgeClasses(win.impact)"
87856
- class="px-3 py-1 rounded-full text-xs font-semibold">
87857
- {{ formatLabel(win.impact) }} Impact
87858
- </span>
87859
- </div>
87860
-
87861
- @if (win.estimatedTimeframe) {
87862
- <div class="flex items-center gap-2 text-sm" [ngClass]="getMetaTextClasses()">
87863
- <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
87864
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
87865
- d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
87866
- </svg>
87867
- <span>{{ win.estimatedTimeframe }}</span>
87868
- </div>
87869
- }
87870
-
87871
- @if (win.relatedGoalId) {
87872
- <div class="space-y-2">
87873
- <h4 [ngClass]="getMetaTextClasses()"
87874
- class="text-xs font-semibold uppercase tracking-wider">
87875
- Related Goal
87876
- </h4>
87877
- <symphiq-related-goal-chips
87878
- [relatedGoalIds]="[win.relatedGoalId]"
87879
- [allGoals]="allGoals()"
87880
- [viewMode]="viewMode()"
87881
- />
87882
- </div>
87883
- }
87884
- </div>
87885
- </div>
87886
- }
87887
- </div>
87888
- </div>
87889
- }
87890
- </section>
87891
- }
87892
-
87893
- <!-- FOCUS_AREA Executive Summary -->
87894
- @if (isFocusAreaAnalysis() && focusAreaExecutiveSummary(); as summary) {
87895
- <symphiq-focus-area-executive-summary
87896
- [viewMode]="viewMode()"
87897
- [summary]="summary"
87898
- [allGoals]="allGoals()"
87899
- (topPrioritiesClick)="handleTopPrioritiesClick()"
87900
- (priorityDetailClick)="handlePriorityDetailClick($event)"
87901
- />
87902
- }
87903
-
87904
- <!-- METRIC Executive Summary -->
87905
- @if (isMetricAnalysis() && metricExecutiveSummary(); as summary) {
87906
- <symphiq-metric-executive-summary
87907
- [viewMode]="viewMode()"
87908
- [summary]="summary"
87909
- [metricName]="metricName()"
87910
- [allGoals]="allGoals()"
87911
- (topPrioritiesClick)="handleMetricTopPrioritiesClick()"
87912
- (priorityDetailClick)="handleMetricPriorityDetailClick($event)"
87913
- />
87914
- }
87915
-
87916
- <!-- Divider Before First Section -->
87917
- @if (sections(); as sectionList) {
87918
- @if (sectionList.length > 0 && sectionList[0].icon) {
87919
- <symphiq-section-divider
87920
- [viewMode]="viewMode()"
87921
- [sectionIcon]="sectionList[0].icon"
87922
- />
87923
- }
87924
- }
87925
-
87926
- <!-- Profile Analysis Sections -->
87927
- @if (sections(); as sectionList) {
87928
- <section class="space-y-8">
87929
- @for (section of sectionList; track section.id; let idx = $index; let last = $last) {
87930
- <div [id]="'section-' + section.id" [ngClass]="getSectionCardClasses()"
87931
- class="rounded-xl p-8 scroll-mt-24">
87932
- <!-- Icon and Title -->
87933
- <div class="flex items-start gap-3 mb-6">
87934
- @if (section.icon) {
87935
- <div [ngClass]="getSectionIconClasses()"
87936
- class="flex-shrink-0 w-12 h-12 rounded-xl flex items-center justify-center">
87937
- <symphiq-icon [icon]="section.icon" size="w-6 h-6"></symphiq-icon>
87938
- </div>
87939
- }
87940
- <div class="flex-1">
87941
- <h3 [ngClass]="getSectionTitleClasses()" class="text-2xl font-bold">
87942
- {{ section.title }}
87943
- </h3>
87944
- </div>
87945
- </div>
87946
-
87947
- <!-- Description and Visual Side-by-Side -->
87948
- @if (section.description || (section.visual && section.visual.enabled)) {
87949
- <div class="mb-6 flex flex-col lg:flex-row gap-6 items-start"
87950
- [class.lg:flex-row-reverse]="idx % 2 === 0">
87951
- @if (section.visual && section.visual.enabled) {
87952
- <div class="w-full lg:w-2/3">
87953
- <symphiq-napkin-visual-placeholder
87954
- [visual]="section.visual"
87955
- [viewMode]="viewMode()"
87956
- />
87957
- </div>
87958
- }
87959
- @if (section.description) {
87960
- <div class="w-full"
87961
- [class.lg:w-1/3]="section.visual && section.visual.enabled" [class.lg:w-full]="!section.visual || !section.visual.enabled">
87962
- <p [ngClass]="getSectionDescriptionClasses()"
87963
- class="text-sm leading-relaxed whitespace-pre-line">
87964
- {{ section.description }}
87965
- </p>
87966
- </div>
87967
- }
87968
- </div>
87969
- }
87970
-
87971
- <!-- Section Content -->
87972
- <symphiq-profile-section-content
87973
- [section]="section"
87974
- [executiveSummary]="section.id === 'executive-summary' ? executiveSummary() : undefined"
87975
- [viewMode]="viewMode()"
87976
- [sectionIndex]="idx"
87977
- [allGoals]="allGoals()"
87978
- [allMetrics]="allMetrics()"
87979
- [allCharts]="allCharts()"
87980
- [allInsights]="allInsights()"
87981
- [businessProfile]="profile()"
87982
- />
87983
- </div>
87984
-
87985
- <!-- Section Divider (between sections) -->
87986
- @if (!last) {
87987
- <symphiq-section-divider
87988
- [viewMode]="viewMode()"
87989
- [sectionIcon]="sectionList[idx + 1].icon"
87990
- />
87991
- }
87992
- }
87993
- </section>
87994
- }
87995
- }
87996
-
87997
- </main>
87998
-
87999
- <!-- Table of Contents (Compact & Expanded Views) -->
88000
- @if (!isSimplifiedView() && sections()) {
88001
- <symphiq-floating-toc
88002
- [sections]="tocSections()"
88003
- [viewMode]="viewMode()"
88004
- [embedded]="embedded()"
88005
- [scrollElement]="scrollElement() ?? undefined"
88006
- />
88007
- }
88008
-
88009
- <!-- Section Navigation Dots (Compact & Expanded Views) -->
88010
- @if (!isSimplifiedView() && sections()) {
88011
- <symphiq-section-navigation
88012
- [sections]="tocSections()"
88013
- [viewMode]="viewMode()"
88014
- [embedded]="embedded()"
88015
- [scrollElement]="scrollElement() ?? undefined"
88016
- />
88017
- }
88018
-
88019
- <!-- Search Modal -->
88020
- <symphiq-search-modal
88021
- [isOpen]="isSearchOpen()"
88022
- [isLightMode]="isLightMode()"
88023
- (close)="closeSearch()"
88024
- />
88025
-
88026
- <!-- View Mode Switcher Modal -->
88027
- <symphiq-view-mode-switcher-modal
88028
- [isOpen]="isViewModeSwitcherOpen()"
88029
- [currentMode]="currentDisplayMode()"
88030
- [viewMode]="viewMode()"
88031
- (close)="closeViewModeSwitcher()"
88032
- (modeSelected)="handleDisplayModeChange($event)"
88033
- />
88034
-
88035
- <!-- Profile Analysis Modal -->
88036
- <symphiq-profile-analysis-modal
88037
- [isLightMode]="isLightMode()"
88038
- [allMetrics]="allMetrics()"
88039
- [allInsights]="allInsights()"
88040
- [allBusinessInsights]="allBusinessInsights()"
88041
- [allCharts]="allCharts()"
88042
- >
88043
- @if (modalType() === 'goal-detail' && getGoalDetailData(); as data) {
88044
- <symphiq-goal-card
88045
- [goal]="data.goal"
88046
- [viewMode]="data.viewMode"
88047
- [isInModal]="true"
88048
- [allMetrics]="allMetrics()"
88049
- [allCharts]="allCharts()"
88050
- [allInsights]="allInsights()"
88051
- [currentModalState]="getCurrentModalState()"
88052
- [businessProfile]="profile()"
88053
- />
88054
- }
88055
- @if (modalType() === 'goal-objectives' && getGoalDetailData(); as data) {
88056
- <symphiq-goal-objectives-modal-content
88057
- [goal]="data.goal"
88058
- [viewMode]="data.viewMode"
88059
- />
88060
- }
88061
- @if (modalType() === 'objective-strategies' && getObjectiveStrategiesData(); as data) {
88062
- <symphiq-objective-strategies-modal-content
88063
- [objective]="data.objective"
88064
- [goalTitle]="data.goalTitle"
88065
- [viewMode]="data.viewMode"
88066
- />
88067
- }
88068
- @if (modalType() === 'strategy-recommendations' && getStrategyRecommendationsData(); as data) {
88069
- <symphiq-strategy-recommendations-modal-content
88070
- [strategy]="data.strategy"
88071
- [objectiveTitle]="data.objectiveTitle"
88072
- [goalTitle]="data.goalTitle"
88073
- [viewMode]="data.viewMode"
88074
- [allMetrics]="allMetrics()"
88075
- [allCharts]="allCharts()"
88076
- [allInsights]="allInsights()"
88077
- [allBusinessInsights]="allBusinessInsights()"
88078
- [currentModalState]="getCurrentModalState()"
88079
- />
88080
- }
88081
- @if (modalType() === 'category-detail' && getCategoryDetailData(); as data) {
88082
- <symphiq-category-detail-modal-content
88083
- [category]="data.category"
88084
- [viewMode]="data.viewMode"
88085
- [scrollToSection]="data.scrollToSection"
88086
- />
88087
- }
88088
- @if (modalType() === 'strength-detail' && getStrengthDetailData(); as data) {
88089
- <symphiq-strength-detail-modal-content
88090
- [strength]="data.strength"
88091
- [viewMode]="data.viewMode"
88092
- [allFunnelStrengths]="funnelStrengths()"
88093
- [currentModalState]="getCurrentModalState()"
88094
- />
88095
- }
88096
- @if (modalType() === 'gap-detail' && getGapDetailData(); as data) {
88097
- <symphiq-gap-detail-modal-content
88098
- [gap]="data.gap"
88099
- [viewMode]="data.viewMode"
88100
- [allGoals]="allGoals()"
88101
- [allWeaknesses]="funnelWeaknesses()"
88102
- [currentModalState]="getCurrentModalState()"
88103
- />
88104
- }
88105
- @if (modalType() === 'opportunity-detail' && getOpportunityDetailData(); as data) {
88106
- <symphiq-opportunity-detail-modal-content
88107
- [opportunity]="data.opportunity"
88108
- [viewMode]="data.viewMode"
88109
- [allStrengths]="funnelStrengths()"
88110
- [currentModalState]="getCurrentModalState()"
88111
- />
88112
- }
88113
- </symphiq-profile-analysis-modal>
88114
-
88115
- <!-- Funnel Analysis Modal (for insights and metrics from profile goals) -->
88116
- <symphiq-funnel-analysis-modal
88117
- [isLightMode]="isLightMode()"
88118
- [viewMode]="viewMode()"
88119
- [allMetrics]="allMetrics()"
88120
- [allInsights]="allInsights()"
88121
- [allCharts]="allCharts()"
88122
- />
88123
-
88124
- <!-- Business Analysis Modal (for napkin visuals and other content) -->
88125
- <symphiq-business-analysis-modal [isLightMode]="isLightMode()"/>
88126
-
88127
- <!-- Tooltip Container -->
88128
- <symphiq-tooltip-container/>
88129
- </div>
88770
+ template: `
88771
+ <div [ngClass]="getContainerClasses()" class="min-h-screen relative">
88772
+ <div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
88773
+
88774
+ <!-- Scroll Progress Bar -->
88775
+ <div
88776
+ [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
88777
+ <div
88778
+ [style.width.%]="scrollProgress()"
88779
+ [ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-purple-500' : 'bg-gradient-to-r from-blue-400 to-purple-400'"
88780
+ class="h-full transition-all duration-200 ease-out">
88781
+ </div>
88782
+ </div>
88783
+
88784
+ <div class="relative z-[51]">
88785
+ <!-- Dashboard Header -->
88786
+ <symphiq-dashboard-header
88787
+ [title]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'Profile Analysis'"
88788
+ [subtitle]="getAnalysisSubtitle()"
88789
+ [currentSection]="getAnalysisSubtitle()"
88790
+ [viewMode]="viewMode()"
88791
+ [viewModeLabel]="displayModeLabel()"
88792
+ [isLoading]="isLoading()"
88793
+ [requestedByUser]="requestedByUser()"
88794
+ [createdDate]="profileAnalysis()?.selfContentCompletedDate"
88795
+ (searchClick)="openSearch()"
88796
+ (viewModeClick)="openViewModeSwitcher()"
88797
+ />
88798
+
88799
+ <!-- Journey Progress Banner -->
88800
+ @if (isSimplifiedView() && !isOnboarded()) {
88801
+ <symphiq-journey-progress-indicator
88802
+ [viewMode]="viewMode()"
88803
+ [currentStepId]="currentStepId()"
88804
+ [showNextStepAction]="shouldShowContinueButton()"
88805
+ [forDemo]="forDemo()"
88806
+ [maxAccessibleStepId]="maxAccessibleStepId()"
88807
+ (nextStepClick)="nextStepClick.emit()"
88808
+ (stepClick)="stepClick.emit($event)"
88809
+ />
88810
+ }
88811
+
88812
+ <!-- Main Content -->
88813
+ <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12">
88814
+
88815
+ <!-- Welcome Banner (Simplified View Only) -->
88816
+ @if (isSimplifiedView()) {
88817
+ <div class="mb-12">
88818
+ @if (!isFocusAreaAnalysis() && !isMetricAnalysis()) {
88819
+ <symphiq-shop-welcome-banner
88820
+ [viewMode]="viewMode()"
88821
+ [businessName]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'your shop'"
88822
+ [isOnboarded]="isOnboarded()"
88823
+ />
88824
+ }
88825
+ @if (isFocusAreaAnalysis()) {
88826
+ <symphiq-focus-area-welcome-banner
88827
+ [viewMode]="viewMode()"
88828
+ [focusAreaDomain]="focusAreaDomain()"
88829
+ [focusAreaName]="focusAreaName()"
88830
+ [focusAreaDetails]="focusAreaDetails()"
88831
+ />
88832
+ }
88833
+ @if (isMetricAnalysis()) {
88834
+ <symphiq-metric-welcome-banner
88835
+ [viewMode]="viewMode()"
88836
+ [metricName]="profileAnalysis()?.profileAnalysisStructured?.metricExecutiveSummary?.metric"
88837
+ [isOnboarded]="isOnboarded()"
88838
+ />
88839
+ }
88840
+ </div>
88841
+ }
88842
+
88843
+ <!-- Simplified View Content -->
88844
+ @if (isSimplifiedView()) {
88845
+ <!-- Strategic Insights & Goals (or Subscription Flow) -->
88846
+ <div class="mb-8">
88847
+ @if (isSubscriptionActive() || isFocusAreaAnalysis() || isMetricAnalysis()) {
88848
+ <symphiq-strategic-goals-tiled-grid
88849
+ [goals]="strategicRoadmapGoals()"
88850
+ [viewMode]="viewMode()"
88851
+ (viewMoreClick)="openGoalModal($event)"
88852
+ />
88853
+ } @else {
88854
+ <!-- Subscription Value Proposition -->
88855
+ <div class="mb-8">
88856
+ <symphiq-subscription-value-proposition-card
88857
+ [viewMode]="viewMode()"
88858
+ />
88859
+ </div>
88860
+
88861
+ <!-- Currency Selection or Plan Placeholder -->
88862
+ @if (!hasBillingCurrency()) {
88863
+ <symphiq-billing-currency-selector-card
88864
+ [viewMode]="viewMode()"
88865
+ [isLoading]="isCurrencySelectionLoading()"
88866
+ (currencySelected)="handleCurrencySelection($event)"
88867
+ />
88868
+ } @else {
88869
+ <symphiq-plan-selection-placeholder-card
88870
+ [viewMode]="viewMode()"
88871
+ [selectedCurrency]="account()?.billingCurrencyCode || CurrencyCodeEnum.USD"
88872
+ />
88873
+ }
88874
+ }
88875
+ </div>
88876
+
88877
+ <!-- Supporting Business Context -->
88878
+ @if (nonStrategicSections().length > 0) {
88879
+ <div>
88880
+ <symphiq-collapsible-analysis-section-group
88881
+ [sections]="nonStrategicSections()"
88882
+ [viewMode]="viewMode()"
88883
+ [executiveSummary]="executiveSummary()"
88884
+ [focusAreaExecutiveSummary]="focusAreaExecutiveSummary()"
88885
+ [metricExecutiveSummary]="metricExecutiveSummary()"
88886
+ [metricName]="metricName()"
88887
+ [allGoals]="allGoals()"
88888
+ [allMetrics]="allMetrics()"
88889
+ [allCharts]="allCharts()"
88890
+ [allInsights]="allInsights()"
88891
+ [businessProfile]="profile()"
88892
+ />
88893
+ </div>
88894
+ }
88895
+ }
88896
+
88897
+ <!-- Compact & Expanded View Content -->
88898
+ @if (!isSimplifiedView()) {
88899
+ <!-- SHOP Executive Summary -->
88900
+ @if (!isFocusAreaAnalysis() && executiveSummary(); as summary) {
88901
+ <section id="section-executive-summary" class="space-y-6 scroll-mt-24">
88902
+ <!-- Summary Banner -->
88903
+ <div [ngClass]="getBannerClasses()" class="rounded-2xl p-8 shadow-xl">
88904
+ <div class="space-y-6">
88905
+ <div class="flex items-start justify-between gap-4">
88906
+ <div class="flex-1">
88907
+ <h2 [ngClass]="getSectionTitleClasses()" class="text-2xl font-bold mb-3">
88908
+ Executive Summary
88909
+ </h2>
88910
+ <p [ngClass]="getTextClasses()" class="text-lg leading-relaxed">
88911
+ {{ summary.gradeRationale }}
88912
+ </p>
88913
+ </div>
88914
+ @if (summary.overallGrade) {
88915
+ <symphiq-grade-badge
88916
+ [grade]="summary.overallGrade"
88917
+ [gradeRationale]="summary.gradeRationale || ''"
88918
+ [viewMode]="viewMode()"
88919
+ />
88920
+ }
88921
+ </div>
88922
+
88923
+ @if (summary.narrative) {
88924
+ <div [ngClass]="getNarrativeClasses()" class="rounded-xl p-6">
88925
+ <h3 [ngClass]="getSubheadingClasses()" class="text-lg font-semibold mb-3">
88926
+ Analysis Narrative
88927
+ </h3>
88928
+ <div class="relative">
88929
+ @if (summary.napkinVisual && summary.napkinVisual.enabled) {
88930
+ <div class="mb-6 lg:float-left lg:mr-6 lg:mb-4 lg:max-w-[66%]">
88931
+ <symphiq-napkin-visual-placeholder
88932
+ [visual]="summary.napkinVisual"
88933
+ [viewMode]="viewMode()"
88934
+ />
88935
+ </div>
88936
+ }
88937
+ <p [ngClass]="getTextClasses()" class="text-sm leading-relaxed whitespace-pre-line">
88938
+ {{ summary.narrative }}
88939
+ </p>
88940
+ <div class="clear-both"></div>
88941
+ </div>
88942
+ </div>
88943
+ }
88944
+
88945
+ <!-- Stats -->
88946
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
88947
+ <button
88948
+ type="button"
88949
+ (click)="onKeyStrengthsClick(summary)"
88950
+ [ngClass]="getKeyStrengthsStatCardClasses()"
88951
+ class="p-4 rounded-xl text-left transition-all duration-200 hover:scale-[1.02] active:scale-[0.98] group cursor-pointer">
88952
+ <div [ngClass]="getKeyStrengthsStatLabelClasses()" class="text-xs font-semibold uppercase mb-1">
88953
+ Key Strengths
88954
+ </div>
88955
+ <div [ngClass]="getKeyStrengthsStatValueClasses()" class="text-3xl font-bold mb-2">
88956
+ {{ summary.keyStrengths?.length || 0 }}
88957
+ </div>
88958
+ <div class="flex items-center gap-1.5 text-xs font-medium">
88959
+ <span [ngClass]="getKeyStrengthsButtonTextClasses()">View Details</span>
88960
+ <symphiq-icon
88961
+ [icon]="{ name: 'chevron-right', source: IconSourceEnum.HEROICONS }"
88962
+ size="w-4 h-4"
88963
+ [ngClass]="getKeyStrengthsButtonTextClasses()"
88964
+ class="transition-transform group-hover:translate-x-1"
88965
+ />
88966
+ </div>
88967
+ </button>
88968
+ <button
88969
+ type="button"
88970
+ (click)="onCriticalGapsClick(summary)"
88971
+ [ngClass]="getCriticalGapsStatCardClasses()"
88972
+ class="p-4 rounded-xl text-left transition-all duration-200 hover:scale-[1.02] active:scale-[0.98] group cursor-pointer">
88973
+ <div [ngClass]="getCriticalGapsStatLabelClasses()" class="text-xs font-semibold uppercase mb-1">
88974
+ Critical Gaps
88975
+ </div>
88976
+ <div [ngClass]="getCriticalGapsStatValueClasses()" class="text-3xl font-bold mb-2">
88977
+ {{ summary.criticalGaps?.length || 0 }}
88978
+ </div>
88979
+ <div class="flex items-center gap-1.5 text-xs font-medium">
88980
+ <span [ngClass]="getCriticalGapsButtonTextClasses()">View Details</span>
88981
+ <symphiq-icon
88982
+ [icon]="{ name: 'chevron-right', source: IconSourceEnum.HEROICONS }"
88983
+ size="w-4 h-4"
88984
+ [ngClass]="getCriticalGapsButtonTextClasses()"
88985
+ class="transition-transform group-hover:translate-x-1"
88986
+ />
88987
+ </div>
88988
+ </button>
88989
+ <button
88990
+ type="button"
88991
+ (click)="scrollToQuickWins()"
88992
+ [ngClass]="getQuickWinsStatCardClasses()"
88993
+ class="p-4 rounded-xl text-left transition-all duration-200 hover:scale-[1.02] active:scale-[0.98] group cursor-pointer">
88994
+ <div [ngClass]="getQuickWinsStatLabelClasses()" class="text-xs font-semibold uppercase mb-1">
88995
+ Quick Wins
88996
+ </div>
88997
+ <div [ngClass]="getQuickWinsStatValueClasses()" class="text-3xl font-bold mb-2">
88998
+ {{ summary.quickWins?.length || 0 }}
88999
+ </div>
89000
+ <div class="flex items-center gap-1.5 text-xs font-medium">
89001
+ <span [ngClass]="getQuickWinsButtonTextClasses()">Details Below</span>
89002
+ <symphiq-icon
89003
+ [icon]="{ name: 'chevron-down', source: IconSourceEnum.HEROICONS }"
89004
+ size="w-4 h-4"
89005
+ [ngClass]="getQuickWinsButtonTextClasses()"
89006
+ class="transition-transform group-hover:translate-y-1 animate-bounce"
89007
+ />
89008
+ </div>
89009
+ </button>
89010
+ </div>
89011
+ </div>
89012
+ </div>
89013
+
89014
+ <!-- Quick Wins -->
89015
+ @if (summary.quickWins && summary.quickWins.length > 0) {
89016
+ <div id="quick-wins-section" class="space-y-4 scroll-mt-24">
89017
+ <h3 [ngClass]="getSectionTitleClasses()" class="text-xl font-bold">
89018
+ Quick Wins
89019
+ </h3>
89020
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
89021
+ @for (win of summary.quickWins; track $index) {
89022
+ <div [ngClass]="getQuickWinCardClasses()"
89023
+ class="rounded-xl p-6 transition-all duration-300">
89024
+ <div class="space-y-4">
89025
+ <div class="flex items-start gap-3">
89026
+ <span [ngClass]="getNumberBadgeClasses()"
89027
+ class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold">
89028
+ {{ $index + 1 }}
89029
+ </span>
89030
+ <p [ngClass]="getQuickWinTextClasses()" class="font-semibold leading-tight flex-1">
89031
+ {{ win.action }}
89032
+ </p>
89033
+ </div>
89034
+
89035
+ <div class="flex flex-wrap gap-2">
89036
+ <span [ngClass]="getEffortBadgeClasses(win.effort)"
89037
+ class="px-3 py-1 rounded-full text-xs font-semibold">
89038
+ {{ formatLabel(win.effort) }} Effort
89039
+ </span>
89040
+ <span [ngClass]="getImpactBadgeClasses(win.impact)"
89041
+ class="px-3 py-1 rounded-full text-xs font-semibold">
89042
+ {{ formatLabel(win.impact) }} Impact
89043
+ </span>
89044
+ </div>
89045
+
89046
+ @if (win.estimatedTimeframe) {
89047
+ <div class="flex items-center gap-2 text-sm" [ngClass]="getMetaTextClasses()">
89048
+ <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
89049
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
89050
+ d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
89051
+ </svg>
89052
+ <span>{{ win.estimatedTimeframe }}</span>
89053
+ </div>
89054
+ }
89055
+
89056
+ @if (win.relatedGoalId) {
89057
+ <div class="space-y-2">
89058
+ <h4 [ngClass]="getMetaTextClasses()"
89059
+ class="text-xs font-semibold uppercase tracking-wider">
89060
+ Related Goal
89061
+ </h4>
89062
+ <symphiq-related-goal-chips
89063
+ [relatedGoalIds]="[win.relatedGoalId]"
89064
+ [allGoals]="allGoals()"
89065
+ [viewMode]="viewMode()"
89066
+ />
89067
+ </div>
89068
+ }
89069
+ </div>
89070
+ </div>
89071
+ }
89072
+ </div>
89073
+ </div>
89074
+ }
89075
+ </section>
89076
+ }
89077
+
89078
+ <!-- FOCUS_AREA Executive Summary -->
89079
+ @if (isFocusAreaAnalysis() && focusAreaExecutiveSummary(); as summary) {
89080
+ <symphiq-focus-area-executive-summary
89081
+ [viewMode]="viewMode()"
89082
+ [summary]="summary"
89083
+ [allGoals]="allGoals()"
89084
+ (topPrioritiesClick)="handleTopPrioritiesClick()"
89085
+ (priorityDetailClick)="handlePriorityDetailClick($event)"
89086
+ />
89087
+ }
89088
+
89089
+ <!-- METRIC Executive Summary -->
89090
+ @if (isMetricAnalysis() && metricExecutiveSummary(); as summary) {
89091
+ <symphiq-metric-executive-summary
89092
+ [viewMode]="viewMode()"
89093
+ [summary]="summary"
89094
+ [metricName]="metricName()"
89095
+ [allGoals]="allGoals()"
89096
+ (topPrioritiesClick)="handleMetricTopPrioritiesClick()"
89097
+ (priorityDetailClick)="handleMetricPriorityDetailClick($event)"
89098
+ />
89099
+ }
89100
+
89101
+ <!-- Divider Before First Section -->
89102
+ @if (sections(); as sectionList) {
89103
+ @if (sectionList.length > 0 && sectionList[0].icon) {
89104
+ <symphiq-section-divider
89105
+ [viewMode]="viewMode()"
89106
+ [sectionIcon]="sectionList[0].icon"
89107
+ />
89108
+ }
89109
+ }
89110
+
89111
+ <!-- Profile Analysis Sections -->
89112
+ @if (sections(); as sectionList) {
89113
+ <section class="space-y-8">
89114
+ @for (section of sectionList; track section.id; let idx = $index; let last = $last) {
89115
+ <div [id]="'section-' + section.id" [ngClass]="getSectionCardClasses()"
89116
+ class="rounded-xl p-8 scroll-mt-24">
89117
+ <!-- Icon and Title -->
89118
+ <div class="flex items-start gap-3 mb-6">
89119
+ @if (section.icon) {
89120
+ <div [ngClass]="getSectionIconClasses()"
89121
+ class="flex-shrink-0 w-12 h-12 rounded-xl flex items-center justify-center">
89122
+ <symphiq-icon [icon]="section.icon" size="w-6 h-6"></symphiq-icon>
89123
+ </div>
89124
+ }
89125
+ <div class="flex-1">
89126
+ <h3 [ngClass]="getSectionTitleClasses()" class="text-2xl font-bold">
89127
+ {{ section.title }}
89128
+ </h3>
89129
+ </div>
89130
+ </div>
89131
+
89132
+ <!-- Description and Visual Side-by-Side -->
89133
+ @if (section.description || (section.visual && section.visual.enabled)) {
89134
+ <div class="mb-6 flex flex-col lg:flex-row gap-6 items-start"
89135
+ [class.lg:flex-row-reverse]="idx % 2 === 0">
89136
+ @if (section.visual && section.visual.enabled) {
89137
+ <div class="w-full lg:w-2/3">
89138
+ <symphiq-napkin-visual-placeholder
89139
+ [visual]="section.visual"
89140
+ [viewMode]="viewMode()"
89141
+ />
89142
+ </div>
89143
+ }
89144
+ @if (section.description) {
89145
+ <div class="w-full"
89146
+ [class.lg:w-1/3]="section.visual && section.visual.enabled" [class.lg:w-full]="!section.visual || !section.visual.enabled">
89147
+ <p [ngClass]="getSectionDescriptionClasses()"
89148
+ class="text-sm leading-relaxed whitespace-pre-line">
89149
+ {{ section.description }}
89150
+ </p>
89151
+ </div>
89152
+ }
89153
+ </div>
89154
+ }
89155
+
89156
+ <!-- Section Content -->
89157
+ <symphiq-profile-section-content
89158
+ [section]="section"
89159
+ [executiveSummary]="section.id === 'executive-summary' ? executiveSummary() : undefined"
89160
+ [viewMode]="viewMode()"
89161
+ [sectionIndex]="idx"
89162
+ [allGoals]="allGoals()"
89163
+ [allMetrics]="allMetrics()"
89164
+ [allCharts]="allCharts()"
89165
+ [allInsights]="allInsights()"
89166
+ [businessProfile]="profile()"
89167
+ />
89168
+ </div>
89169
+
89170
+ <!-- Section Divider (between sections) -->
89171
+ @if (!last) {
89172
+ <symphiq-section-divider
89173
+ [viewMode]="viewMode()"
89174
+ [sectionIcon]="sectionList[idx + 1].icon"
89175
+ />
89176
+ }
89177
+ }
89178
+ </section>
89179
+ }
89180
+ }
89181
+
89182
+ </main>
89183
+
89184
+ <!-- Table of Contents (Compact & Expanded Views) -->
89185
+ @if (!isSimplifiedView() && sections()) {
89186
+ <symphiq-floating-toc
89187
+ [sections]="tocSections()"
89188
+ [viewMode]="viewMode()"
89189
+ [embedded]="embedded()"
89190
+ [scrollElement]="scrollElement() ?? undefined"
89191
+ />
89192
+ }
89193
+
89194
+ <!-- Section Navigation Dots (Compact & Expanded Views) -->
89195
+ @if (!isSimplifiedView() && sections()) {
89196
+ <symphiq-section-navigation
89197
+ [sections]="tocSections()"
89198
+ [viewMode]="viewMode()"
89199
+ [embedded]="embedded()"
89200
+ [scrollElement]="scrollElement() ?? undefined"
89201
+ />
89202
+ }
89203
+
89204
+ <!-- Search Modal -->
89205
+ <symphiq-search-modal
89206
+ [isOpen]="isSearchOpen()"
89207
+ [isLightMode]="isLightMode()"
89208
+ (close)="closeSearch()"
89209
+ />
89210
+
89211
+ <!-- View Mode Switcher Modal -->
89212
+ <symphiq-view-mode-switcher-modal
89213
+ [isOpen]="isViewModeSwitcherOpen()"
89214
+ [currentMode]="currentDisplayMode()"
89215
+ [viewMode]="viewMode()"
89216
+ (close)="closeViewModeSwitcher()"
89217
+ (modeSelected)="handleDisplayModeChange($event)"
89218
+ />
89219
+
89220
+ <!-- Profile Analysis Modal -->
89221
+ <symphiq-profile-analysis-modal
89222
+ [isLightMode]="isLightMode()"
89223
+ [allMetrics]="allMetrics()"
89224
+ [allInsights]="allInsights()"
89225
+ [allBusinessInsights]="allBusinessInsights()"
89226
+ [allCharts]="allCharts()"
89227
+ >
89228
+ @if (modalType() === 'goal-detail' && getGoalDetailData(); as data) {
89229
+ <symphiq-goal-card
89230
+ [goal]="data.goal"
89231
+ [viewMode]="data.viewMode"
89232
+ [isInModal]="true"
89233
+ [allMetrics]="allMetrics()"
89234
+ [allCharts]="allCharts()"
89235
+ [allInsights]="allInsights()"
89236
+ [currentModalState]="getCurrentModalState()"
89237
+ [businessProfile]="profile()"
89238
+ />
89239
+ }
89240
+ @if (modalType() === 'goal-objectives' && getGoalDetailData(); as data) {
89241
+ <symphiq-goal-objectives-modal-content
89242
+ [goal]="data.goal"
89243
+ [viewMode]="data.viewMode"
89244
+ />
89245
+ }
89246
+ @if (modalType() === 'objective-strategies' && getObjectiveStrategiesData(); as data) {
89247
+ <symphiq-objective-strategies-modal-content
89248
+ [objective]="data.objective"
89249
+ [goalTitle]="data.goalTitle"
89250
+ [viewMode]="data.viewMode"
89251
+ />
89252
+ }
89253
+ @if (modalType() === 'strategy-recommendations' && getStrategyRecommendationsData(); as data) {
89254
+ <symphiq-strategy-recommendations-modal-content
89255
+ [strategy]="data.strategy"
89256
+ [objectiveTitle]="data.objectiveTitle"
89257
+ [goalTitle]="data.goalTitle"
89258
+ [viewMode]="data.viewMode"
89259
+ [allMetrics]="allMetrics()"
89260
+ [allCharts]="allCharts()"
89261
+ [allInsights]="allInsights()"
89262
+ [allBusinessInsights]="allBusinessInsights()"
89263
+ [currentModalState]="getCurrentModalState()"
89264
+ />
89265
+ }
89266
+ @if (modalType() === 'category-detail' && getCategoryDetailData(); as data) {
89267
+ <symphiq-category-detail-modal-content
89268
+ [category]="data.category"
89269
+ [viewMode]="data.viewMode"
89270
+ [scrollToSection]="data.scrollToSection"
89271
+ />
89272
+ }
89273
+ @if (modalType() === 'strength-detail' && getStrengthDetailData(); as data) {
89274
+ <symphiq-strength-detail-modal-content
89275
+ [strength]="data.strength"
89276
+ [viewMode]="data.viewMode"
89277
+ [allFunnelStrengths]="funnelStrengths()"
89278
+ [currentModalState]="getCurrentModalState()"
89279
+ />
89280
+ }
89281
+ @if (modalType() === 'gap-detail' && getGapDetailData(); as data) {
89282
+ <symphiq-gap-detail-modal-content
89283
+ [gap]="data.gap"
89284
+ [viewMode]="data.viewMode"
89285
+ [allGoals]="allGoals()"
89286
+ [allWeaknesses]="funnelWeaknesses()"
89287
+ [currentModalState]="getCurrentModalState()"
89288
+ />
89289
+ }
89290
+ @if (modalType() === 'opportunity-detail' && getOpportunityDetailData(); as data) {
89291
+ <symphiq-opportunity-detail-modal-content
89292
+ [opportunity]="data.opportunity"
89293
+ [viewMode]="data.viewMode"
89294
+ [allStrengths]="funnelStrengths()"
89295
+ [currentModalState]="getCurrentModalState()"
89296
+ />
89297
+ }
89298
+ </symphiq-profile-analysis-modal>
89299
+
89300
+ <!-- Funnel Analysis Modal (for insights and metrics from profile goals) -->
89301
+ <symphiq-funnel-analysis-modal
89302
+ [isLightMode]="isLightMode()"
89303
+ [viewMode]="viewMode()"
89304
+ [allMetrics]="allMetrics()"
89305
+ [allInsights]="allInsights()"
89306
+ [allCharts]="allCharts()"
89307
+ />
89308
+
89309
+ <!-- Business Analysis Modal (for napkin visuals and other content) -->
89310
+ <symphiq-business-analysis-modal [isLightMode]="isLightMode()"/>
89311
+
89312
+ <!-- Tooltip Container -->
89313
+ <symphiq-tooltip-container/>
89314
+
89315
+ <!-- Sticky Continue Button (Only shown when not subscribed and no currency selected) -->
89316
+ @if (!isSubscriptionActive() && !hasBillingCurrency() && isSimplifiedView() && !isFocusAreaAnalysis() && !isMetricAnalysis()) {
89317
+ <symphiq-sticky-subscription-continue-button
89318
+ [viewMode]="viewMode()"
89319
+ [isEnabled]="hasCurrencySelected()"
89320
+ [isLoading]="isCurrencySelectionLoading()"
89321
+ (continueClick)="handleStickyButtonClick()"
89322
+ />
89323
+ }
89324
+ </div>
88130
89325
  `
88131
89326
  }]
88132
89327
  }], () => [], { funnelModalComponent: [{
88133
89328
  type: ViewChild,
88134
89329
  args: [ModalComponent]
88135
- }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], analysisType: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisType", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], planCardInfos: [{ type: i0.Input, args: [{ isSignal: true, alias: "planCardInfos", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], onWindowScroll: [{
89330
+ }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], analysisType: [{ type: i0.Input, args: [{ isSignal: true, alias: "analysisType", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], planCardInfos: [{ type: i0.Input, args: [{ isSignal: true, alias: "planCardInfos", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], currencySelectionClick: [{ type: i0.Output, args: ["currencySelectionClick"] }], onWindowScroll: [{
88136
89331
  type: HostListener,
88137
89332
  args: ['window:scroll', ['$event']]
88138
89333
  }] }); })();
88139
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 615 }); })();
89334
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 668 }); })();
88140
89335
 
88141
89336
  class ScrollProgressBarComponent {
88142
89337
  constructor() {
@@ -89117,5 +90312,5 @@ var pieChart_component = /*#__PURE__*/Object.freeze({
89117
90312
  * Generated bundle index. Do not edit.
89118
90313
  */
89119
90314
 
89120
- export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DataLoaderService, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
90315
+ export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DataLoaderService, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, StickySubscriptionContinueButtonComponent, SubscriptionValuePropositionCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
89121
90316
  //# sourceMappingURL=symphiq-components.mjs.map