@eric-emg/symphiq-components 1.2.326 → 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.
@@ -68687,51 +68687,24 @@ function ShopWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1
68687
68687
  function ShopWelcomeBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
68688
68688
  i0.ɵɵtext(0, " Welcome to Your Shop Analysis ");
68689
68689
  } }
68690
- function ShopWelcomeBannerComponent_Conditional_48_Template(rf, ctx) { if (rf & 1) {
68691
- i0.ɵɵelementStart(0, "div", 14);
68692
- i0.ɵɵnamespaceSVG();
68693
- i0.ɵɵelementStart(1, "svg", 15);
68694
- i0.ɵɵelement(2, "path", 27);
68695
- i0.ɵɵelementEnd();
68696
- i0.ɵɵnamespaceHTML();
68697
- i0.ɵɵelementStart(3, "div", 6)(4, "h3", 17);
68698
- i0.ɵɵtext(5, " Unlock Strategic Insights & Goals ");
68699
- i0.ɵɵelementEnd();
68700
- i0.ɵɵelementStart(6, "p", 26);
68701
- i0.ɵɵtext(7, " This analysis provides valuable operational insights about your shop setup and capabilities. To unlock ");
68702
- i0.ɵɵelementStart(8, "strong", 11);
68703
- i0.ɵɵtext(9, "Strategic Insights & Goals");
68704
- i0.ɵɵelementEnd();
68705
- i0.ɵɵtext(10, " and continue your journey with personalized recommendations, select your billing currency below. ");
68706
- i0.ɵɵelementEnd()()();
68707
- } if (rf & 2) {
68708
- const ctx_r0 = i0.ɵɵnextContext();
68709
- i0.ɵɵproperty("ngClass", ctx_r0.subscriptionBoxClasses());
68710
- i0.ɵɵadvance();
68711
- i0.ɵɵproperty("ngClass", ctx_r0.subscriptionIconClasses());
68712
- i0.ɵɵadvance(3);
68713
- i0.ɵɵproperty("ngClass", ctx_r0.subscriptionTitleClasses());
68714
- i0.ɵɵadvance(2);
68715
- i0.ɵɵproperty("ngClass", ctx_r0.subscriptionTextClasses());
68716
- } }
68717
- function ShopWelcomeBannerComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
68690
+ function ShopWelcomeBannerComponent_Conditional_50_Template(rf, ctx) { if (rf & 1) {
68718
68691
  i0.ɵɵnamespaceSVG();
68719
68692
  i0.ɵɵelement(0, "path", 23);
68720
68693
  } }
68721
- function ShopWelcomeBannerComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
68694
+ function ShopWelcomeBannerComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
68722
68695
  i0.ɵɵnamespaceSVG();
68723
68696
  i0.ɵɵelement(0, "path", 24);
68724
68697
  } }
68725
- function ShopWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
68698
+ function ShopWelcomeBannerComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
68726
68699
  i0.ɵɵtext(0, " Keep Your Shop Profile Current ");
68727
68700
  } }
68728
- function ShopWelcomeBannerComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
68701
+ function ShopWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
68729
68702
  i0.ɵɵtext(0, " Continue Your Journey ");
68730
68703
  } }
68731
- function ShopWelcomeBannerComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
68704
+ function ShopWelcomeBannerComponent_Conditional_57_Template(rf, ctx) { if (rf & 1) {
68732
68705
  i0.ɵɵtext(0, " 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. ");
68733
68706
  } }
68734
- function ShopWelcomeBannerComponent_Conditional_59_Template(rf, ctx) { if (rf & 1) {
68707
+ function ShopWelcomeBannerComponent_Conditional_58_Template(rf, ctx) { if (rf & 1) {
68735
68708
  i0.ɵɵtext(0, " The next steps\u2014Focus Area Analysis and Metric Analysis\u2014let 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. ");
68736
68709
  } }
68737
68710
  class ShopWelcomeBannerComponent {
@@ -68739,7 +68712,6 @@ class ShopWelcomeBannerComponent {
68739
68712
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
68740
68713
  this.businessName = input('your shop', ...(ngDevMode ? [{ debugName: "businessName" }] : []));
68741
68714
  this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
68742
- this.isSubscriptionActive = input(true, ...(ngDevMode ? [{ debugName: "isSubscriptionActive" }] : []));
68743
68715
  }
68744
68716
  containerClasses() {
68745
68717
  return this.viewMode() === ViewModeEnum.DARK
@@ -68806,28 +68778,8 @@ class ShopWelcomeBannerComponent {
68806
68778
  ? 'text-slate-300'
68807
68779
  : 'text-slate-700';
68808
68780
  }
68809
- subscriptionBoxClasses() {
68810
- return this.viewMode() === ViewModeEnum.DARK
68811
- ? 'bg-amber-500/10 border-amber-500/30'
68812
- : 'bg-amber-50 border-amber-300';
68813
- }
68814
- subscriptionIconClasses() {
68815
- return this.viewMode() === ViewModeEnum.DARK
68816
- ? 'text-amber-400'
68817
- : 'text-amber-600';
68818
- }
68819
- subscriptionTitleClasses() {
68820
- return this.viewMode() === ViewModeEnum.DARK
68821
- ? 'text-amber-400'
68822
- : 'text-amber-700';
68823
- }
68824
- subscriptionTextClasses() {
68825
- return this.viewMode() === ViewModeEnum.DARK
68826
- ? 'text-slate-300'
68827
- : 'text-slate-700';
68828
- }
68829
68781
  static { this.ɵfac = function ShopWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShopWelcomeBannerComponent)(); }; }
68830
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShopWelcomeBannerComponent, selectors: [["symphiq-shop-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], isOnboarded: [1, "isOnboarded"], isSubscriptionActive: [1, "isSubscriptionActive"] }, decls: 60, vars: 21, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["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"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "shop-analysis", 3, "viewMode"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "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, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["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, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["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"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"]], template: function ShopWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
68782
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShopWelcomeBannerComponent, selectors: [["symphiq-shop-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], isOnboarded: [1, "isOnboarded"] }, decls: 59, vars: 20, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["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"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "shop-analysis", 3, "viewMode"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "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, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["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, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["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"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function ShopWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
68831
68783
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
68832
68784
  i0.ɵɵnamespaceSVG();
68833
68785
  i0.ɵɵelementStart(4, "svg", 4);
@@ -68890,18 +68842,17 @@ class ShopWelcomeBannerComponent {
68890
68842
  i0.ɵɵelementEnd();
68891
68843
  i0.ɵɵtext(47, " \u2014 Next steps to add marketing and metric context for comprehensive, execution-ready recommendations");
68892
68844
  i0.ɵɵelementEnd()()()()();
68893
- i0.ɵɵconditionalCreate(48, ShopWelcomeBannerComponent_Conditional_48_Template, 11, 4, "div", 14);
68894
- i0.ɵɵelementStart(49, "div", 22);
68845
+ i0.ɵɵelementStart(48, "div", 22);
68895
68846
  i0.ɵɵnamespaceSVG();
68896
- i0.ɵɵelementStart(50, "svg", 15);
68897
- i0.ɵɵconditionalCreate(51, ShopWelcomeBannerComponent_Conditional_51_Template, 1, 0, ":svg:path", 23)(52, ShopWelcomeBannerComponent_Conditional_52_Template, 1, 0, ":svg:path", 24);
68847
+ i0.ɵɵelementStart(49, "svg", 15);
68848
+ i0.ɵɵconditionalCreate(50, ShopWelcomeBannerComponent_Conditional_50_Template, 1, 0, ":svg:path", 23)(51, ShopWelcomeBannerComponent_Conditional_51_Template, 1, 0, ":svg:path", 24);
68898
68849
  i0.ɵɵelementEnd();
68899
68850
  i0.ɵɵnamespaceHTML();
68900
- i0.ɵɵelementStart(53, "div", 6)(54, "h3", 25);
68901
- i0.ɵɵconditionalCreate(55, ShopWelcomeBannerComponent_Conditional_55_Template, 1, 0)(56, ShopWelcomeBannerComponent_Conditional_56_Template, 1, 0);
68851
+ i0.ɵɵelementStart(52, "div", 6)(53, "h3", 25);
68852
+ i0.ɵɵconditionalCreate(54, ShopWelcomeBannerComponent_Conditional_54_Template, 1, 0)(55, ShopWelcomeBannerComponent_Conditional_55_Template, 1, 0);
68902
68853
  i0.ɵɵelementEnd();
68903
- i0.ɵɵelementStart(57, "p", 26);
68904
- i0.ɵɵconditionalCreate(58, ShopWelcomeBannerComponent_Conditional_58_Template, 1, 0)(59, ShopWelcomeBannerComponent_Conditional_59_Template, 1, 0);
68854
+ i0.ɵɵelementStart(56, "p", 26);
68855
+ i0.ɵɵconditionalCreate(57, ShopWelcomeBannerComponent_Conditional_57_Template, 1, 0)(58, ShopWelcomeBannerComponent_Conditional_58_Template, 1, 0);
68905
68856
  i0.ɵɵelementEnd()()()()()()();
68906
68857
  } if (rf & 2) {
68907
68858
  i0.ɵɵproperty("ngClass", ctx.containerClasses());
@@ -68930,21 +68881,19 @@ class ShopWelcomeBannerComponent {
68930
68881
  i0.ɵɵadvance(2);
68931
68882
  i0.ɵɵproperty("ngClass", ctx.highlightListClasses());
68932
68883
  i0.ɵɵadvance(22);
68933
- i0.ɵɵconditional(!ctx.isSubscriptionActive() && !ctx.isOnboarded() ? 48 : -1);
68934
- i0.ɵɵadvance();
68935
68884
  i0.ɵɵproperty("ngClass", ctx.nextStepsBoxClasses());
68936
68885
  i0.ɵɵadvance();
68937
68886
  i0.ɵɵproperty("ngClass", ctx.nextStepsIconClasses());
68938
68887
  i0.ɵɵadvance();
68939
- i0.ɵɵconditional(ctx.isOnboarded() ? 51 : 52);
68888
+ i0.ɵɵconditional(ctx.isOnboarded() ? 50 : 51);
68940
68889
  i0.ɵɵadvance(3);
68941
68890
  i0.ɵɵproperty("ngClass", ctx.nextStepsTitleClasses());
68942
68891
  i0.ɵɵadvance();
68943
- i0.ɵɵconditional(ctx.isOnboarded() ? 55 : 56);
68892
+ i0.ɵɵconditional(ctx.isOnboarded() ? 54 : 55);
68944
68893
  i0.ɵɵadvance(2);
68945
68894
  i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
68946
68895
  i0.ɵɵadvance();
68947
- i0.ɵɵconditional(ctx.isOnboarded() ? 58 : 59);
68896
+ i0.ɵɵconditional(ctx.isOnboarded() ? 57 : 58);
68948
68897
  } }, dependencies: [CommonModule, i1$1.NgClass, ConfidenceLevelCardComponent], encapsulation: 2, changeDetection: 0 }); }
68949
68898
  }
68950
68899
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShopWelcomeBannerComponent, [{
@@ -69025,23 +68974,6 @@ class ShopWelcomeBannerComponent {
69025
68974
  </div>
69026
68975
  </div>
69027
68976
 
69028
- <!-- Subscription Call-to-Action (Only shown when not subscribed) -->
69029
- @if (!isSubscriptionActive() && !isOnboarded()) {
69030
- <div [ngClass]="subscriptionBoxClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
69031
- <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="subscriptionIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
69032
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
69033
- </svg>
69034
- <div class="flex-1">
69035
- <h3 [ngClass]="subscriptionTitleClasses()" class="font-bold text-lg mb-2">
69036
- Unlock Strategic Insights & Goals
69037
- </h3>
69038
- <p [ngClass]="subscriptionTextClasses()" class="text-sm leading-relaxed">
69039
- This analysis provides valuable operational insights about your shop setup and capabilities. To unlock <strong class="font-semibold">Strategic Insights & Goals</strong> and continue your journey with personalized recommendations, select your billing currency below.
69040
- </p>
69041
- </div>
69042
- </div>
69043
- }
69044
-
69045
68977
  <div [ngClass]="nextStepsBoxClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
69046
68978
  <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="nextStepsIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
69047
68979
  @if (isOnboarded()) {
@@ -69073,8 +69005,8 @@ class ShopWelcomeBannerComponent {
69073
69005
  </div>
69074
69006
  `
69075
69007
  }]
69076
- }], 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 }] }], isSubscriptionActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSubscriptionActive", required: false }] }] }); })();
69077
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopWelcomeBannerComponent, { className: "ShopWelcomeBannerComponent", filePath: "lib/components/profile-analysis-dashboard/shop-welcome-banner.component.ts", lineNumber: 130 }); })();
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 }] }] }); })();
69009
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopWelcomeBannerComponent, { className: "ShopWelcomeBannerComponent", filePath: "lib/components/profile-analysis-dashboard/shop-welcome-banner.component.ts", lineNumber: 113 }); })();
69078
69010
 
69079
69011
  function FocusAreaWelcomeBannerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
69080
69012
  i0.ɵɵtext(0);
@@ -86328,13 +86260,14 @@ class CollapsibleAnalysisSectionGroupComponent {
86328
86260
  const _forTrack0$1 = ($index, $item) => $item.code;
86329
86261
  function BillingCurrencySelectorCardComponent_For_15_Template(rf, ctx) { if (rf & 1) {
86330
86262
  const _r1 = i0.ɵɵgetCurrentView();
86331
- i0.ɵɵelementStart(0, "label", 11)(1, "input", 15);
86263
+ i0.ɵɵelementStart(0, "label", 11)(1, "input", 12);
86332
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)); });
86333
86266
  i0.ɵɵelementEnd();
86334
- i0.ɵɵelementStart(2, "div", 16)(3, "div", 17)(4, "span", 18);
86267
+ i0.ɵɵelementStart(2, "div", 13)(3, "div", 14)(4, "span", 15);
86335
86268
  i0.ɵɵtext(5);
86336
86269
  i0.ɵɵelementEnd();
86337
- i0.ɵɵelementStart(6, "span", 19);
86270
+ i0.ɵɵelementStart(6, "span", 16);
86338
86271
  i0.ɵɵtext(7);
86339
86272
  i0.ɵɵelementEnd()();
86340
86273
  i0.ɵɵelementStart(8, "p", 7);
@@ -86361,48 +86294,12 @@ function BillingCurrencySelectorCardComponent_For_15_Template(rf, ctx) { if (rf
86361
86294
  i0.ɵɵadvance();
86362
86295
  i0.ɵɵtextInterpolate1(" ", currency_r3.name, " ");
86363
86296
  } }
86364
- function BillingCurrencySelectorCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
86365
- i0.ɵɵelementStart(0, "div", 12);
86366
- i0.ɵɵnamespaceSVG();
86367
- i0.ɵɵelementStart(1, "svg", 20);
86368
- i0.ɵɵelement(2, "path", 21);
86369
- i0.ɵɵelementEnd();
86370
- i0.ɵɵnamespaceHTML();
86371
- i0.ɵɵelementStart(3, "p", 19);
86372
- i0.ɵɵtext(4, " Please select a currency to continue ");
86373
- i0.ɵɵelementEnd()();
86374
- } if (rf & 2) {
86375
- const ctx_r1 = i0.ɵɵnextContext();
86376
- i0.ɵɵproperty("ngClass", ctx_r1.errorBoxClasses());
86377
- i0.ɵɵadvance(3);
86378
- i0.ɵɵproperty("ngClass", ctx_r1.errorTextClasses());
86379
- } }
86380
- function BillingCurrencySelectorCardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
86381
- i0.ɵɵnamespaceSVG();
86382
- i0.ɵɵelementStart(0, "svg", 22);
86383
- i0.ɵɵelement(1, "circle", 23)(2, "path", 24);
86384
- i0.ɵɵelementEnd();
86385
- i0.ɵɵnamespaceHTML();
86386
- i0.ɵɵelementStart(3, "span");
86387
- i0.ɵɵtext(4, "Processing...");
86388
- i0.ɵɵelementEnd();
86389
- } }
86390
- function BillingCurrencySelectorCardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
86391
- i0.ɵɵelementStart(0, "span");
86392
- i0.ɵɵtext(1, "Continue");
86393
- i0.ɵɵelementEnd();
86394
- i0.ɵɵnamespaceSVG();
86395
- i0.ɵɵelementStart(2, "svg", 4);
86396
- i0.ɵɵelement(3, "path", 25);
86397
- i0.ɵɵelementEnd();
86398
- } }
86399
86297
  class BillingCurrencySelectorCardComponent {
86400
86298
  constructor() {
86401
86299
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
86402
86300
  this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
86403
86301
  this.currencySelected = output();
86404
86302
  this.selectedCurrency = signal(null, ...(ngDevMode ? [{ debugName: "selectedCurrency" }] : []));
86405
- this.showValidationError = signal(false, ...(ngDevMode ? [{ debugName: "showValidationError" }] : []));
86406
86303
  this.currencies = [
86407
86304
  { code: CurrencyCodeEnum.USD, symbol: '$', name: 'United States Dollar' },
86408
86305
  { code: CurrencyCodeEnum.EUR, symbol: '€', name: 'Euro' },
@@ -86410,13 +86307,7 @@ class BillingCurrencySelectorCardComponent {
86410
86307
  { code: CurrencyCodeEnum.JPY, symbol: '¥', name: 'Japanese Yen' }
86411
86308
  ];
86412
86309
  }
86413
- handleContinue() {
86414
- const currency = this.selectedCurrency();
86415
- if (!currency) {
86416
- this.showValidationError.set(true);
86417
- return;
86418
- }
86419
- this.showValidationError.set(false);
86310
+ handleCurrencyChange(currency) {
86420
86311
  this.currencySelected.emit(currency);
86421
86312
  }
86422
86313
  containerClasses() {
@@ -86489,31 +86380,8 @@ class BillingCurrencySelectorCardComponent {
86489
86380
  ? 'text-slate-400'
86490
86381
  : 'text-slate-600';
86491
86382
  }
86492
- errorBoxClasses() {
86493
- return this.viewMode() === ViewModeEnum.DARK
86494
- ? 'bg-red-500/10 border-red-500/30 text-red-400'
86495
- : 'bg-red-50 border-red-200 text-red-700';
86496
- }
86497
- errorTextClasses() {
86498
- return this.viewMode() === ViewModeEnum.DARK
86499
- ? 'text-red-400'
86500
- : 'text-red-700';
86501
- }
86502
- continueButtonClasses() {
86503
- const isDisabled = this.isLoading();
86504
- if (this.viewMode() === ViewModeEnum.DARK) {
86505
- return isDisabled
86506
- ? 'bg-blue-500/50 text-white cursor-not-allowed'
86507
- : 'bg-blue-500 text-white hover:bg-blue-600 hover:scale-[1.02] active:scale-[0.98] cursor-pointer';
86508
- }
86509
- else {
86510
- return isDisabled
86511
- ? 'bg-blue-400 text-white cursor-not-allowed'
86512
- : 'bg-blue-600 text-white hover:bg-blue-700 hover:scale-[1.02] active:scale-[0.98] cursor-pointer';
86513
- }
86514
- }
86515
86383
  static { this.ɵfac = function BillingCurrencySelectorCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BillingCurrencySelectorCardComponent)(); }; }
86516
- 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: 21, vars: 10, 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"], [1, "p-3", "rounded-lg", "border", "flex", "items-start", "gap-2", 3, "ngClass"], [1, "pt-4"], ["type", "button", 1, "w-full", "px-6", "py-3", "rounded-xl", "font-semibold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", 3, "click", "disabled", "ngClass"], ["type", "radio", 1, "w-5", "h-5", "flex-shrink-0", "cursor-pointer", "disabled:cursor-not-allowed", 3, "ngModelChange", "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"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", "clip-rule", "evenodd"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "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"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function BillingCurrencySelectorCardComponent_Template(rf, ctx) { if (rf & 1) {
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) {
86517
86385
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
86518
86386
  i0.ɵɵnamespaceSVG();
86519
86387
  i0.ɵɵelementStart(4, "svg", 4);
@@ -86528,12 +86396,7 @@ class BillingCurrencySelectorCardComponent {
86528
86396
  i0.ɵɵelementEnd()()()();
86529
86397
  i0.ɵɵelementStart(11, "div", 8)(12, "div", 9)(13, "div", 10);
86530
86398
  i0.ɵɵrepeaterCreate(14, BillingCurrencySelectorCardComponent_For_15_Template, 10, 12, "label", 11, _forTrack0$1);
86531
- i0.ɵɵelementEnd();
86532
- i0.ɵɵconditionalCreate(16, BillingCurrencySelectorCardComponent_Conditional_16_Template, 5, 2, "div", 12);
86533
- i0.ɵɵelementStart(17, "div", 13)(18, "button", 14);
86534
- i0.ɵɵlistener("click", function BillingCurrencySelectorCardComponent_Template_button_click_18_listener() { return ctx.handleContinue(); });
86535
- i0.ɵɵconditionalCreate(19, BillingCurrencySelectorCardComponent_Conditional_19_Template, 5, 0)(20, BillingCurrencySelectorCardComponent_Conditional_20_Template, 4, 0);
86536
- i0.ɵɵelementEnd()()()()();
86399
+ i0.ɵɵelementEnd()()()();
86537
86400
  } if (rf & 2) {
86538
86401
  i0.ɵɵproperty("ngClass", ctx.containerClasses());
86539
86402
  i0.ɵɵadvance();
@@ -86548,12 +86411,6 @@ class BillingCurrencySelectorCardComponent {
86548
86411
  i0.ɵɵproperty("ngClass", ctx.contentClasses());
86549
86412
  i0.ɵɵadvance(3);
86550
86413
  i0.ɵɵrepeater(ctx.currencies);
86551
- i0.ɵɵadvance(2);
86552
- i0.ɵɵconditional(ctx.showValidationError() ? 16 : -1);
86553
- i0.ɵɵadvance(2);
86554
- i0.ɵɵproperty("disabled", ctx.isLoading())("ngClass", ctx.continueButtonClasses());
86555
- i0.ɵɵadvance();
86556
- i0.ɵɵconditional(ctx.isLoading() ? 19 : 20);
86557
86414
  } }, dependencies: [CommonModule, i1$1.NgClass, FormsModule, i2$1.DefaultValueAccessor, i2$1.RadioControlValueAccessor, i2$1.NgControlStatus, i2$1.NgModel], encapsulation: 2, changeDetection: 0 }); }
86558
86415
  }
86559
86416
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BillingCurrencySelectorCardComponent, [{
@@ -86595,6 +86452,7 @@ class BillingCurrencySelectorCardComponent {
86595
86452
  [name]="'currency'"
86596
86453
  [value]="currency.code"
86597
86454
  [(ngModel)]="selectedCurrency"
86455
+ (change)="handleCurrencyChange(currency.code)"
86598
86456
  [disabled]="isLoading()"
86599
86457
  [ngClass]="getRadioClasses()"
86600
86458
  class="w-5 h-5 flex-shrink-0 cursor-pointer disabled:cursor-not-allowed"
@@ -86615,46 +86473,13 @@ class BillingCurrencySelectorCardComponent {
86615
86473
  </label>
86616
86474
  }
86617
86475
  </div>
86618
-
86619
- @if (showValidationError()) {
86620
- <div [ngClass]="errorBoxClasses()" class="p-3 rounded-lg border flex items-start gap-2">
86621
- <svg class="w-5 h-5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
86622
- <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path>
86623
- </svg>
86624
- <p [ngClass]="errorTextClasses()" class="text-sm">
86625
- Please select a currency to continue
86626
- </p>
86627
- </div>
86628
- }
86629
-
86630
- <div class="pt-4">
86631
- <button
86632
- type="button"
86633
- (click)="handleContinue()"
86634
- [disabled]="isLoading()"
86635
- [ngClass]="continueButtonClasses()"
86636
- class="w-full px-6 py-3 rounded-xl font-semibold text-base transition-all duration-200 flex items-center justify-center gap-2">
86637
- @if (isLoading()) {
86638
- <svg class="w-5 h-5 animate-spin" fill="none" viewBox="0 0 24 24">
86639
- <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
86640
- <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>
86641
- </svg>
86642
- <span>Processing...</span>
86643
- } @else {
86644
- <span>Continue</span>
86645
- <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
86646
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
86647
- </svg>
86648
- }
86649
- </button>
86650
- </div>
86651
86476
  </div>
86652
86477
  </div>
86653
86478
  </div>
86654
86479
  `
86655
86480
  }]
86656
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"] }] }); })();
86657
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BillingCurrencySelectorCardComponent, { className: "BillingCurrencySelectorCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/billing-currency-selector-card.component.ts", lineNumber: 101 }); })();
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 }); })();
86658
86483
 
86659
86484
  class PlanSelectionPlaceholderCardComponent {
86660
86485
  constructor() {
@@ -86849,170 +86674,832 @@ class PlanSelectionPlaceholderCardComponent {
86849
86674
  }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], selectedCurrency: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCurrency", required: false }] }] }); })();
86850
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 }); })();
86851
86676
 
86852
- const _c0$2 = a0 => ({ name: "chevron-right", source: a0 });
86853
- const _c1 = a0 => ({ name: "chevron-down", source: a0 });
86854
- const _c2 = a0 => [a0];
86855
- const _forTrack0 = ($index, $item) => $item.id;
86856
- function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
86857
- const _r1 = i0.ɵɵgetCurrentView();
86858
- i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 22);
86859
- 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)); });
86860
- i0.ɵɵelementEnd();
86861
- } if (rf & 2) {
86862
- const ctx_r1 = i0.ɵɵnextContext();
86863
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.shouldShowContinueButton())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
86864
- } }
86865
- function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
86866
- i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 23);
86867
- } if (rf & 2) {
86868
- let tmp_3_0;
86869
- const ctx_r1 = i0.ɵɵnextContext(2);
86870
- 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())("isSubscriptionActive", ctx_r1.isSubscriptionActive());
86871
- } }
86872
- function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
86873
- i0.ɵɵelement(0, "symphiq-focus-area-welcome-banner", 24);
86874
- } if (rf & 2) {
86875
- const ctx_r1 = i0.ɵɵnextContext(2);
86876
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("focusAreaDomain", ctx_r1.focusAreaDomain())("focusAreaName", ctx_r1.focusAreaName())("focusAreaDetails", ctx_r1.focusAreaDetails());
86877
- } }
86878
- function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
86879
- i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 25);
86880
- } if (rf & 2) {
86881
- let tmp_3_0;
86882
- const ctx_r1 = i0.ɵɵnextContext(2);
86883
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("metricName", (tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary.metric)("isOnboarded", ctx_r1.isOnboarded());
86884
- } }
86885
- function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
86886
- i0.ɵɵelementStart(0, "div", 7);
86887
- i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template, 1, 4, "symphiq-shop-welcome-banner", 23);
86888
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 1, 4, "symphiq-focus-area-welcome-banner", 24);
86889
- i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template, 1, 3, "symphiq-metric-welcome-banner", 25);
86890
- i0.ɵɵelementEnd();
86891
- } if (rf & 2) {
86892
- const ctx_r1 = i0.ɵɵnextContext();
86893
- i0.ɵɵadvance();
86894
- i0.ɵɵconditional(!ctx_r1.isFocusAreaAnalysis() && !ctx_r1.isMetricAnalysis() ? 1 : -1);
86895
- i0.ɵɵadvance();
86896
- i0.ɵɵconditional(ctx_r1.isFocusAreaAnalysis() ? 2 : -1);
86897
- i0.ɵɵadvance();
86898
- i0.ɵɵconditional(ctx_r1.isMetricAnalysis() ? 3 : -1);
86899
- } }
86900
- function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
86901
- const _r3 = i0.ɵɵgetCurrentView();
86902
- i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 28);
86903
- 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)); });
86904
- i0.ɵɵelementEnd();
86905
- } if (rf & 2) {
86906
- const ctx_r1 = i0.ɵɵnextContext(2);
86907
- i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
86908
- } }
86909
- function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
86910
- const _r4 = i0.ɵɵgetCurrentView();
86911
- i0.ɵɵelementStart(0, "symphiq-billing-currency-selector-card", 31);
86912
- i0.ɵɵlistener("currencySelected", function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_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)); });
86913
- i0.ɵɵelementEnd();
86914
- } if (rf & 2) {
86915
- const ctx_r1 = i0.ɵɵnextContext(3);
86916
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("isLoading", ctx_r1.isCurrencySelectionLoading());
86917
- } }
86918
- function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
86919
- i0.ɵɵelement(0, "symphiq-plan-selection-placeholder-card", 30);
86920
- } if (rf & 2) {
86921
- let tmp_4_0;
86922
- const ctx_r1 = i0.ɵɵnextContext(3);
86923
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_4_0 = ctx_r1.account()) == null ? null : tmp_4_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD);
86924
- } }
86925
- function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
86926
- i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template, 1, 2, "symphiq-billing-currency-selector-card", 29)(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 30);
86927
- } if (rf & 2) {
86928
- const ctx_r1 = i0.ɵɵnextContext(2);
86929
- i0.ɵɵconditional(!ctx_r1.hasBillingCurrency() ? 0 : 1);
86930
- } }
86931
- function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
86932
- i0.ɵɵelementStart(0, "div");
86933
- i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 32);
86934
- i0.ɵɵelementEnd();
86935
- } if (rf & 2) {
86936
- const ctx_r1 = i0.ɵɵnextContext(2);
86937
- i0.ɵɵadvance();
86938
- 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());
86939
- } }
86940
- function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
86941
- i0.ɵɵelementStart(0, "div", 26);
86942
- i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 27)(2, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 2, 1);
86943
- i0.ɵɵelementEnd();
86944
- i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_9_Conditional_3_Template, 2, 11, "div");
86945
- } if (rf & 2) {
86946
- const ctx_r1 = i0.ɵɵnextContext();
86947
- i0.ɵɵadvance();
86948
- i0.ɵɵconditional(ctx_r1.isSubscriptionActive() || ctx_r1.isFocusAreaAnalysis() || ctx_r1.isMetricAnalysis() ? 1 : 2);
86949
- i0.ɵɵadvance(2);
86950
- i0.ɵɵconditional(ctx_r1.nonStrategicSections().length > 0 ? 3 : -1);
86951
- } }
86952
- function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
86953
- i0.ɵɵelement(0, "symphiq-grade-badge", 43);
86954
- } if (rf & 2) {
86955
- const summary_r6 = i0.ɵɵnextContext();
86956
- const ctx_r1 = i0.ɵɵnextContext(2);
86957
- i0.ɵɵproperty("grade", summary_r6.overallGrade)("gradeRationale", summary_r6.gradeRationale || "")("viewMode", ctx_r1.viewMode());
86958
- } }
86959
- function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
86960
- i0.ɵɵelementStart(0, "div", 56);
86961
- i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 59);
86962
- i0.ɵɵelementEnd();
86963
- } if (rf & 2) {
86964
- const summary_r6 = i0.ɵɵnextContext(2);
86965
- const ctx_r1 = i0.ɵɵnextContext(2);
86966
- i0.ɵɵadvance();
86967
- i0.ɵɵproperty("visual", summary_r6.napkinVisual)("viewMode", ctx_r1.viewMode());
86968
- } }
86969
- function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
86970
- i0.ɵɵelementStart(0, "div", 44)(1, "h3", 54);
86971
- i0.ɵɵtext(2, " Analysis Narrative ");
86972
- i0.ɵɵelementEnd();
86973
- i0.ɵɵelementStart(3, "div", 55);
86974
- i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 56);
86975
- i0.ɵɵelementStart(5, "p", 57);
86976
- i0.ɵɵtext(6);
86977
- i0.ɵɵelementEnd();
86978
- i0.ɵɵelement(7, "div", 58);
86979
- i0.ɵɵelementEnd()();
86980
- } if (rf & 2) {
86981
- const summary_r6 = i0.ɵɵnextContext();
86982
- const ctx_r1 = i0.ɵɵnextContext(2);
86983
- i0.ɵɵproperty("ngClass", ctx_r1.getNarrativeClasses());
86984
- i0.ɵɵadvance();
86985
- i0.ɵɵproperty("ngClass", ctx_r1.getSubheadingClasses());
86986
- i0.ɵɵadvance(3);
86987
- i0.ɵɵconditional(summary_r6.napkinVisual && summary_r6.napkinVisual.enabled ? 4 : -1);
86988
- i0.ɵɵadvance();
86989
- i0.ɵɵproperty("ngClass", ctx_r1.getTextClasses());
86990
- i0.ɵɵadvance();
86991
- i0.ɵɵtextInterpolate1(" ", summary_r6.narrative, " ");
86992
- } }
86993
- function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
86994
- i0.ɵɵelementStart(0, "div", 69);
86995
- i0.ɵɵnamespaceSVG();
86996
- i0.ɵɵelementStart(1, "svg", 71);
86997
- i0.ɵɵelement(2, "path", 72);
86998
- i0.ɵɵelementEnd();
86999
- i0.ɵɵnamespaceHTML();
87000
- i0.ɵɵelementStart(3, "span");
87001
- i0.ɵɵtext(4);
87002
- i0.ɵɵelementEnd()();
87003
- } if (rf & 2) {
87004
- const win_r7 = i0.ɵɵnextContext().$implicit;
87005
- const ctx_r1 = i0.ɵɵnextContext(4);
87006
- i0.ɵɵproperty("ngClass", ctx_r1.getMetaTextClasses());
87007
- i0.ɵɵadvance(4);
87008
- i0.ɵɵtextInterpolate(win_r7.estimatedTimeframe);
87009
- } }
87010
- function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
87011
- i0.ɵɵelementStart(0, "div", 70)(1, "h4", 73);
87012
- i0.ɵɵtext(2, " Related Goal ");
87013
- i0.ɵɵelementEnd();
87014
- i0.ɵɵelement(3, "symphiq-related-goal-chips", 74);
87015
- i0.ɵɵelementEnd();
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
+
87333
+ const _c0$2 = a0 => ({ name: "chevron-right", source: a0 });
87334
+ const _c1 = a0 => ({ name: "chevron-down", source: a0 });
87335
+ const _c2 = a0 => [a0];
87336
+ const _forTrack0 = ($index, $item) => $item.id;
87337
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
87338
+ const _r1 = i0.ɵɵgetCurrentView();
87339
+ i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 23);
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)); });
87341
+ i0.ɵɵelementEnd();
87342
+ } if (rf & 2) {
87343
+ const ctx_r1 = i0.ɵɵnextContext();
87344
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.shouldShowContinueButton())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
87345
+ } }
87346
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
87347
+ i0.ɵɵelement(0, "symphiq-shop-welcome-banner", 24);
87348
+ } if (rf & 2) {
87349
+ let tmp_3_0;
87350
+ const ctx_r1 = i0.ɵɵnextContext(2);
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());
87352
+ } }
87353
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
87354
+ i0.ɵɵelement(0, "symphiq-focus-area-welcome-banner", 25);
87355
+ } if (rf & 2) {
87356
+ const ctx_r1 = i0.ɵɵnextContext(2);
87357
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("focusAreaDomain", ctx_r1.focusAreaDomain())("focusAreaName", ctx_r1.focusAreaName())("focusAreaDetails", ctx_r1.focusAreaDetails());
87358
+ } }
87359
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
87360
+ i0.ɵɵelement(0, "symphiq-metric-welcome-banner", 26);
87361
+ } if (rf & 2) {
87362
+ let tmp_3_0;
87363
+ const ctx_r1 = i0.ɵɵnextContext(2);
87364
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("metricName", (tmp_3_0 = ctx_r1.profileAnalysis()) == null ? null : tmp_3_0.profileAnalysisStructured == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary == null ? null : tmp_3_0.profileAnalysisStructured.metricExecutiveSummary.metric)("isOnboarded", ctx_r1.isOnboarded());
87365
+ } }
87366
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
87367
+ i0.ɵɵelementStart(0, "div", 7);
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);
87371
+ i0.ɵɵelementEnd();
87372
+ } if (rf & 2) {
87373
+ const ctx_r1 = i0.ɵɵnextContext();
87374
+ i0.ɵɵadvance();
87375
+ i0.ɵɵconditional(!ctx_r1.isFocusAreaAnalysis() && !ctx_r1.isMetricAnalysis() ? 1 : -1);
87376
+ i0.ɵɵadvance();
87377
+ i0.ɵɵconditional(ctx_r1.isFocusAreaAnalysis() ? 2 : -1);
87378
+ i0.ɵɵadvance();
87379
+ i0.ɵɵconditional(ctx_r1.isMetricAnalysis() ? 3 : -1);
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
+ } }
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) {
87419
+ i0.ɵɵelementStart(0, "div");
87420
+ i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 34);
87421
+ i0.ɵɵelementEnd();
87422
+ } if (rf & 2) {
87423
+ const ctx_r1 = i0.ɵɵnextContext(2);
87424
+ i0.ɵɵadvance();
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());
87426
+ } }
87427
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
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");
87432
+ } if (rf & 2) {
87433
+ const ctx_r1 = i0.ɵɵnextContext();
87434
+ i0.ɵɵadvance();
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);
87438
+ } }
87439
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
87440
+ i0.ɵɵelement(0, "symphiq-grade-badge", 45);
87441
+ } if (rf & 2) {
87442
+ const summary_r6 = i0.ɵɵnextContext();
87443
+ const ctx_r1 = i0.ɵɵnextContext(2);
87444
+ i0.ɵɵproperty("grade", summary_r6.overallGrade)("gradeRationale", summary_r6.gradeRationale || "")("viewMode", ctx_r1.viewMode());
87445
+ } }
87446
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
87447
+ i0.ɵɵelementStart(0, "div", 58);
87448
+ i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 61);
87449
+ i0.ɵɵelementEnd();
87450
+ } if (rf & 2) {
87451
+ const summary_r6 = i0.ɵɵnextContext(2);
87452
+ const ctx_r1 = i0.ɵɵnextContext(2);
87453
+ i0.ɵɵadvance();
87454
+ i0.ɵɵproperty("visual", summary_r6.napkinVisual)("viewMode", ctx_r1.viewMode());
87455
+ } }
87456
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
87457
+ i0.ɵɵelementStart(0, "div", 46)(1, "h3", 56);
87458
+ i0.ɵɵtext(2, " Analysis Narrative ");
87459
+ i0.ɵɵelementEnd();
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);
87463
+ i0.ɵɵtext(6);
87464
+ i0.ɵɵelementEnd();
87465
+ i0.ɵɵelement(7, "div", 60);
87466
+ i0.ɵɵelementEnd()();
87467
+ } if (rf & 2) {
87468
+ const summary_r6 = i0.ɵɵnextContext();
87469
+ const ctx_r1 = i0.ɵɵnextContext(2);
87470
+ i0.ɵɵproperty("ngClass", ctx_r1.getNarrativeClasses());
87471
+ i0.ɵɵadvance();
87472
+ i0.ɵɵproperty("ngClass", ctx_r1.getSubheadingClasses());
87473
+ i0.ɵɵadvance(3);
87474
+ i0.ɵɵconditional(summary_r6.napkinVisual && summary_r6.napkinVisual.enabled ? 4 : -1);
87475
+ i0.ɵɵadvance();
87476
+ i0.ɵɵproperty("ngClass", ctx_r1.getTextClasses());
87477
+ i0.ɵɵadvance();
87478
+ i0.ɵɵtextInterpolate1(" ", summary_r6.narrative, " ");
87479
+ } }
87480
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
87481
+ i0.ɵɵelementStart(0, "div", 71);
87482
+ i0.ɵɵnamespaceSVG();
87483
+ i0.ɵɵelementStart(1, "svg", 73);
87484
+ i0.ɵɵelement(2, "path", 74);
87485
+ i0.ɵɵelementEnd();
87486
+ i0.ɵɵnamespaceHTML();
87487
+ i0.ɵɵelementStart(3, "span");
87488
+ i0.ɵɵtext(4);
87489
+ i0.ɵɵelementEnd()();
87490
+ } if (rf & 2) {
87491
+ const win_r7 = i0.ɵɵnextContext().$implicit;
87492
+ const ctx_r1 = i0.ɵɵnextContext(4);
87493
+ i0.ɵɵproperty("ngClass", ctx_r1.getMetaTextClasses());
87494
+ i0.ɵɵadvance(4);
87495
+ i0.ɵɵtextInterpolate(win_r7.estimatedTimeframe);
87496
+ } }
87497
+ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
87498
+ i0.ɵɵelementStart(0, "div", 72)(1, "h4", 75);
87499
+ i0.ɵɵtext(2, " Related Goal ");
87500
+ i0.ɵɵelementEnd();
87501
+ i0.ɵɵelement(3, "symphiq-related-goal-chips", 76);
87502
+ i0.ɵɵelementEnd();
87016
87503
  } if (rf & 2) {
87017
87504
  const win_r7 = i0.ɵɵnextContext().$implicit;
87018
87505
  const ctx_r1 = i0.ɵɵnextContext(4);
@@ -87022,20 +87509,20 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
87022
87509
  i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c2, win_r7.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
87023
87510
  } }
87024
87511
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template(rf, ctx) { if (rf & 1) {
87025
- i0.ɵɵelementStart(0, "div", 62)(1, "div", 63)(2, "div", 64)(3, "span", 65);
87512
+ i0.ɵɵelementStart(0, "div", 64)(1, "div", 65)(2, "div", 66)(3, "span", 67);
87026
87513
  i0.ɵɵtext(4);
87027
87514
  i0.ɵɵelementEnd();
87028
- i0.ɵɵelementStart(5, "p", 66);
87515
+ i0.ɵɵelementStart(5, "p", 68);
87029
87516
  i0.ɵɵtext(6);
87030
87517
  i0.ɵɵelementEnd()();
87031
- i0.ɵɵelementStart(7, "div", 67)(8, "span", 68);
87518
+ i0.ɵɵelementStart(7, "div", 69)(8, "span", 70);
87032
87519
  i0.ɵɵtext(9);
87033
87520
  i0.ɵɵelementEnd();
87034
- i0.ɵɵelementStart(10, "span", 68);
87521
+ i0.ɵɵelementStart(10, "span", 70);
87035
87522
  i0.ɵɵtext(11);
87036
87523
  i0.ɵɵelementEnd()();
87037
- i0.ɵɵconditionalCreate(12, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 69);
87038
- i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 70);
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);
87039
87526
  i0.ɵɵelementEnd()();
87040
87527
  } if (rf & 2) {
87041
87528
  const win_r7 = ctx.$implicit;
@@ -87064,11 +87551,11 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
87064
87551
  i0.ɵɵconditional(win_r7.relatedGoalId ? 13 : -1);
87065
87552
  } }
87066
87553
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
87067
- i0.ɵɵelementStart(0, "div", 53)(1, "h3", 60);
87554
+ i0.ɵɵelementStart(0, "div", 55)(1, "h3", 62);
87068
87555
  i0.ɵɵtext(2, " Quick Wins ");
87069
87556
  i0.ɵɵelementEnd();
87070
- i0.ɵɵelementStart(3, "div", 61);
87071
- i0.ɵɵrepeaterCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 62, 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);
87072
87559
  i0.ɵɵelementEnd()();
87073
87560
  } if (rf & 2) {
87074
87561
  const summary_r6 = i0.ɵɵnextContext();
@@ -87080,55 +87567,55 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_C
87080
87567
  } }
87081
87568
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
87082
87569
  const _r5 = i0.ɵɵgetCurrentView();
87083
- i0.ɵɵelementStart(0, "section", 33)(1, "div", 37)(2, "div", 38)(3, "div", 39)(4, "div", 40)(5, "h2", 41);
87570
+ i0.ɵɵelementStart(0, "section", 35)(1, "div", 39)(2, "div", 40)(3, "div", 41)(4, "div", 42)(5, "h2", 43);
87084
87571
  i0.ɵɵtext(6, " Executive Summary ");
87085
87572
  i0.ɵɵelementEnd();
87086
- i0.ɵɵelementStart(7, "p", 42);
87573
+ i0.ɵɵelementStart(7, "p", 44);
87087
87574
  i0.ɵɵtext(8);
87088
87575
  i0.ɵɵelementEnd()();
87089
- i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 43);
87576
+ i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 45);
87090
87577
  i0.ɵɵelementEnd();
87091
- i0.ɵɵconditionalCreate(10, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_10_Template, 8, 5, "div", 44);
87092
- i0.ɵɵelementStart(11, "div", 45)(12, "button", 46);
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);
87093
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)); });
87094
- i0.ɵɵelementStart(13, "div", 47);
87581
+ i0.ɵɵelementStart(13, "div", 49);
87095
87582
  i0.ɵɵtext(14, " Key Strengths ");
87096
87583
  i0.ɵɵelementEnd();
87097
- i0.ɵɵelementStart(15, "div", 48);
87584
+ i0.ɵɵelementStart(15, "div", 50);
87098
87585
  i0.ɵɵtext(16);
87099
87586
  i0.ɵɵelementEnd();
87100
- i0.ɵɵelementStart(17, "div", 49)(18, "span", 50);
87587
+ i0.ɵɵelementStart(17, "div", 51)(18, "span", 52);
87101
87588
  i0.ɵɵtext(19, "View Details");
87102
87589
  i0.ɵɵelementEnd();
87103
- i0.ɵɵelement(20, "symphiq-icon", 51);
87590
+ i0.ɵɵelement(20, "symphiq-icon", 53);
87104
87591
  i0.ɵɵelementEnd()();
87105
- i0.ɵɵelementStart(21, "button", 46);
87592
+ i0.ɵɵelementStart(21, "button", 48);
87106
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)); });
87107
- i0.ɵɵelementStart(22, "div", 47);
87594
+ i0.ɵɵelementStart(22, "div", 49);
87108
87595
  i0.ɵɵtext(23, " Critical Gaps ");
87109
87596
  i0.ɵɵelementEnd();
87110
- i0.ɵɵelementStart(24, "div", 48);
87597
+ i0.ɵɵelementStart(24, "div", 50);
87111
87598
  i0.ɵɵtext(25);
87112
87599
  i0.ɵɵelementEnd();
87113
- i0.ɵɵelementStart(26, "div", 49)(27, "span", 50);
87600
+ i0.ɵɵelementStart(26, "div", 51)(27, "span", 52);
87114
87601
  i0.ɵɵtext(28, "View Details");
87115
87602
  i0.ɵɵelementEnd();
87116
- i0.ɵɵelement(29, "symphiq-icon", 51);
87603
+ i0.ɵɵelement(29, "symphiq-icon", 53);
87117
87604
  i0.ɵɵelementEnd()();
87118
- i0.ɵɵelementStart(30, "button", 46);
87605
+ i0.ɵɵelementStart(30, "button", 48);
87119
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()); });
87120
- i0.ɵɵelementStart(31, "div", 47);
87607
+ i0.ɵɵelementStart(31, "div", 49);
87121
87608
  i0.ɵɵtext(32, " Quick Wins ");
87122
87609
  i0.ɵɵelementEnd();
87123
- i0.ɵɵelementStart(33, "div", 48);
87610
+ i0.ɵɵelementStart(33, "div", 50);
87124
87611
  i0.ɵɵtext(34);
87125
87612
  i0.ɵɵelementEnd();
87126
- i0.ɵɵelementStart(35, "div", 49)(36, "span", 50);
87613
+ i0.ɵɵelementStart(35, "div", 51)(36, "span", 52);
87127
87614
  i0.ɵɵtext(37, "Details Below");
87128
87615
  i0.ɵɵelementEnd();
87129
- i0.ɵɵelement(38, "symphiq-icon", 52);
87616
+ i0.ɵɵelement(38, "symphiq-icon", 54);
87130
87617
  i0.ɵɵelementEnd()()()()();
87131
- i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 53);
87618
+ i0.ɵɵconditionalCreate(39, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Conditional_39_Template, 6, 1, "div", 55);
87132
87619
  i0.ɵɵelementEnd();
87133
87620
  } if (rf & 2) {
87134
87621
  const summary_r6 = ctx;
@@ -87186,7 +87673,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_T
87186
87673
  } }
87187
87674
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
87188
87675
  const _r9 = i0.ɵɵgetCurrentView();
87189
- i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 75);
87676
+ i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 77);
87190
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)); });
87191
87678
  i0.ɵɵelementEnd();
87192
87679
  } if (rf & 2) {
@@ -87195,7 +87682,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_T
87195
87682
  } }
87196
87683
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
87197
87684
  const _r10 = i0.ɵɵgetCurrentView();
87198
- i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 76);
87685
+ i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 78);
87199
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)); });
87200
87687
  i0.ɵɵelementEnd();
87201
87688
  } if (rf & 2) {
@@ -87203,21 +87690,21 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_T
87203
87690
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
87204
87691
  } }
87205
87692
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
87206
- i0.ɵɵelement(0, "symphiq-section-divider", 77);
87693
+ i0.ɵɵelement(0, "symphiq-section-divider", 79);
87207
87694
  } if (rf & 2) {
87208
87695
  const sectionList_r11 = i0.ɵɵnextContext();
87209
87696
  const ctx_r1 = i0.ɵɵnextContext(2);
87210
87697
  i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r11[0].icon);
87211
87698
  } }
87212
87699
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
87213
- i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template, 1, 2, "symphiq-section-divider", 77);
87700
+ i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Conditional_0_Template, 1, 2, "symphiq-section-divider", 79);
87214
87701
  } if (rf & 2) {
87215
87702
  const sectionList_r11 = ctx;
87216
87703
  i0.ɵɵconditional(sectionList_r11.length > 0 && sectionList_r11[0].icon ? 0 : -1);
87217
87704
  } }
87218
87705
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
87219
- i0.ɵɵelementStart(0, "div", 80);
87220
- i0.ɵɵelement(1, "symphiq-icon", 84);
87706
+ i0.ɵɵelementStart(0, "div", 82);
87707
+ i0.ɵɵelement(1, "symphiq-icon", 86);
87221
87708
  i0.ɵɵelementEnd();
87222
87709
  } if (rf & 2) {
87223
87710
  const section_r12 = i0.ɵɵnextContext().$implicit;
@@ -87227,8 +87714,8 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
87227
87714
  i0.ɵɵproperty("icon", section_r12.icon);
87228
87715
  } }
87229
87716
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
87230
- i0.ɵɵelementStart(0, "div", 86);
87231
- i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 59);
87717
+ i0.ɵɵelementStart(0, "div", 88);
87718
+ i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 61);
87232
87719
  i0.ɵɵelementEnd();
87233
87720
  } if (rf & 2) {
87234
87721
  const section_r12 = i0.ɵɵnextContext(2).$implicit;
@@ -87237,7 +87724,7 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
87237
87724
  i0.ɵɵproperty("visual", section_r12.visual)("viewMode", ctx_r1.viewMode());
87238
87725
  } }
87239
87726
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
87240
- i0.ɵɵelementStart(0, "div", 88)(1, "p", 57);
87727
+ i0.ɵɵelementStart(0, "div", 90)(1, "p", 59);
87241
87728
  i0.ɵɵtext(2);
87242
87729
  i0.ɵɵelementEnd()();
87243
87730
  } if (rf & 2) {
@@ -87250,42 +87737,42 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
87250
87737
  i0.ɵɵtextInterpolate1(" ", section_r12.description, " ");
87251
87738
  } }
87252
87739
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
87253
- i0.ɵɵelementStart(0, "div", 85);
87254
- i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 86);
87255
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 87);
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);
87256
87743
  i0.ɵɵelementEnd();
87257
87744
  } if (rf & 2) {
87258
87745
  const ctx_r12 = i0.ɵɵnextContext();
87259
87746
  const section_r12 = ctx_r12.$implicit;
87260
- const ɵ$index_194_r14 = ctx_r12.$index;
87261
- i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_194_r14 % 2 === 0);
87747
+ const ɵ$index_198_r14 = ctx_r12.$index;
87748
+ i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_198_r14 % 2 === 0);
87262
87749
  i0.ɵɵadvance();
87263
87750
  i0.ɵɵconditional(section_r12.visual && section_r12.visual.enabled ? 1 : -1);
87264
87751
  i0.ɵɵadvance();
87265
87752
  i0.ɵɵconditional(section_r12.description ? 2 : -1);
87266
87753
  } }
87267
87754
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
87268
- i0.ɵɵelement(0, "symphiq-section-divider", 77);
87755
+ i0.ɵɵelement(0, "symphiq-section-divider", 79);
87269
87756
  } if (rf & 2) {
87270
- const ɵ$index_194_r14 = i0.ɵɵnextContext().$index;
87757
+ const ɵ$index_198_r14 = i0.ɵɵnextContext().$index;
87271
87758
  const sectionList_r15 = i0.ɵɵnextContext();
87272
87759
  const ctx_r1 = i0.ɵɵnextContext(2);
87273
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r15[ɵ$index_194_r14 + 1].icon);
87760
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r15[ɵ$index_198_r14 + 1].icon);
87274
87761
  } }
87275
87762
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
87276
- i0.ɵɵelementStart(0, "div", 78)(1, "div", 79);
87277
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_2_Template, 2, 2, "div", 80);
87278
- i0.ɵɵelementStart(3, "div", 40)(4, "h3", 81);
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);
87279
87766
  i0.ɵɵtext(5);
87280
87767
  i0.ɵɵelementEnd()()();
87281
- i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_6_Template, 3, 4, "div", 82);
87282
- i0.ɵɵelement(7, "symphiq-profile-section-content", 83);
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);
87283
87770
  i0.ɵɵelementEnd();
87284
- i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 77);
87771
+ i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 79);
87285
87772
  } if (rf & 2) {
87286
87773
  const section_r12 = ctx.$implicit;
87287
- const ɵ$index_194_r14 = ctx.$index;
87288
- const ɵ$count_194_r16 = ctx.$count;
87774
+ const ɵ$index_198_r14 = ctx.$index;
87775
+ const ɵ$count_198_r16 = ctx.$count;
87289
87776
  const ctx_r1 = i0.ɵɵnextContext(3);
87290
87777
  i0.ɵɵproperty("id", "section-" + section_r12.id)("ngClass", ctx_r1.getSectionCardClasses());
87291
87778
  i0.ɵɵadvance(2);
@@ -87297,12 +87784,12 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_F
87297
87784
  i0.ɵɵadvance();
87298
87785
  i0.ɵɵconditional(section_r12.description || section_r12.visual && section_r12.visual.enabled ? 6 : -1);
87299
87786
  i0.ɵɵadvance();
87300
- i0.ɵɵproperty("section", section_r12)("executiveSummary", section_r12.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_194_r14)("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());
87301
87788
  i0.ɵɵadvance();
87302
- i0.ɵɵconditional(!(ɵ$index_194_r14 === ɵ$count_194_r16 - 1) ? 8 : -1);
87789
+ i0.ɵɵconditional(!(ɵ$index_198_r14 === ɵ$count_198_r16 - 1) ? 8 : -1);
87303
87790
  } }
87304
87791
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
87305
- i0.ɵɵelementStart(0, "section", 36);
87792
+ i0.ɵɵelementStart(0, "section", 38);
87306
87793
  i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_For_2_Template, 9, 16, null, null, _forTrack0);
87307
87794
  i0.ɵɵelementEnd();
87308
87795
  } if (rf & 2) {
@@ -87310,11 +87797,11 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_T
87310
87797
  i0.ɵɵrepeater(ctx);
87311
87798
  } }
87312
87799
  function SymphiqProfileAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
87313
- i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_0_Template, 40, 34, "section", 33);
87314
- i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_1_Template, 1, 3, "symphiq-focus-area-executive-summary", 34);
87315
- i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_2_Template, 1, 4, "symphiq-metric-executive-summary", 35);
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);
87316
87803
  i0.ɵɵconditionalCreate(3, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_3_Template, 1, 1);
87317
- i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section", 36);
87804
+ i0.ɵɵconditionalCreate(4, SymphiqProfileAnalysisDashboardComponent_Conditional_10_Conditional_4_Template, 3, 0, "section", 38);
87318
87805
  } if (rf & 2) {
87319
87806
  let tmp_1_0;
87320
87807
  let tmp_2_0;
@@ -87397,6 +87884,15 @@ function SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template(rf, ct
87397
87884
  const ctx_r1 = i0.ɵɵnextContext();
87398
87885
  i0.ɵɵproperty("opportunity", data_r24.opportunity)("viewMode", data_r24.viewMode)("allStrengths", ctx_r1.funnelStrengths())("currentModalState", ctx_r1.getCurrentModalState());
87399
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());
87895
+ } }
87400
87896
  class SymphiqProfileAnalysisDashboardComponent {
87401
87897
  constructor() {
87402
87898
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -87420,6 +87916,7 @@ class SymphiqProfileAnalysisDashboardComponent {
87420
87916
  this.nextStepClick = output();
87421
87917
  this.currencySelectionClick = output();
87422
87918
  this.isCurrencySelectionLoading = signal(false, ...(ngDevMode ? [{ debugName: "isCurrencySelectionLoading" }] : []));
87919
+ this.selectedCurrency = signal(null, ...(ngDevMode ? [{ debugName: "selectedCurrency" }] : []));
87423
87920
  this.isSubscriptionActive = computed(() => {
87424
87921
  const account = this.account();
87425
87922
  if (!account)
@@ -87430,6 +87927,9 @@ class SymphiqProfileAnalysisDashboardComponent {
87430
87927
  const account = this.account();
87431
87928
  return !!account?.billingCurrencyCode;
87432
87929
  }, ...(ngDevMode ? [{ debugName: "hasBillingCurrency" }] : []));
87930
+ this.hasCurrencySelected = computed(() => {
87931
+ return this.selectedCurrency() !== null;
87932
+ }, ...(ngDevMode ? [{ debugName: "hasCurrencySelected" }] : []));
87433
87933
  this.shouldShowContinueButton = computed(() => {
87434
87934
  if (this.isOnboarded())
87435
87935
  return true;
@@ -87963,8 +88463,14 @@ class SymphiqProfileAnalysisDashboardComponent {
87963
88463
  this.closeViewModeSwitcher();
87964
88464
  }
87965
88465
  handleCurrencySelection(currency) {
87966
- this.isCurrencySelectionLoading.set(true);
87967
- this.currencySelectionClick.emit(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
+ }
87968
88474
  }
87969
88475
  getAnalysisTypeLabel() {
87970
88476
  const labels = {
@@ -88155,7 +88661,7 @@ class SymphiqProfileAnalysisDashboardComponent {
88155
88661
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
88156
88662
  } }, hostBindings: function SymphiqProfileAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
88157
88663
  i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
88158
- } }, 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: 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", "isSubscriptionActive"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "focusAreaDetails"], [3, "viewMode", "metricName", "isOnboarded"], [1, "mb-8"], [3, "goals", "viewMode"], [3, "viewMoreClick", "goals", "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"]], 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) {
88159
88665
  i0.ɵɵelementStart(0, "div", 0);
88160
88666
  i0.ɵɵelement(1, "div", 1);
88161
88667
  i0.ɵɵelementStart(2, "div");
@@ -88189,6 +88695,7 @@ class SymphiqProfileAnalysisDashboardComponent {
88189
88695
  i0.ɵɵconditionalCreate(23, SymphiqProfileAnalysisDashboardComponent_Conditional_23_Template, 1, 4, "symphiq-opportunity-detail-modal-content", 19);
88190
88696
  i0.ɵɵelementEnd();
88191
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);
88192
88699
  i0.ɵɵelementEnd()();
88193
88700
  } if (rf & 2) {
88194
88701
  let tmp_5_0;
@@ -88249,14 +88756,16 @@ class SymphiqProfileAnalysisDashboardComponent {
88249
88756
  i0.ɵɵproperty("isLightMode", ctx.isLightMode())("viewMode", ctx.viewMode())("allMetrics", ctx.allMetrics())("allInsights", ctx.allInsights())("allCharts", ctx.allCharts());
88250
88757
  i0.ɵɵadvance();
88251
88758
  i0.ɵɵproperty("isLightMode", ctx.isLightMode());
88252
- } }, 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], 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 }); }
88253
88762
  }
88254
88763
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileAnalysisDashboardComponent, [{
88255
88764
  type: Component,
88256
88765
  args: [{
88257
88766
  selector: 'symphiq-profile-analysis-dashboard',
88258
88767
  standalone: true,
88259
- 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],
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],
88260
88769
  changeDetection: ChangeDetectionStrategy.OnPush,
88261
88770
  template: `
88262
88771
  <div [ngClass]="getContainerClasses()" class="min-h-screen relative">
@@ -88311,7 +88820,6 @@ class SymphiqProfileAnalysisDashboardComponent {
88311
88820
  [viewMode]="viewMode()"
88312
88821
  [businessName]="profileAnalysis()?.profileAnalysisStructured?.businessName || 'your shop'"
88313
88822
  [isOnboarded]="isOnboarded()"
88314
- [isSubscriptionActive]="isSubscriptionActive()"
88315
88823
  />
88316
88824
  }
88317
88825
  @if (isFocusAreaAnalysis()) {
@@ -88334,7 +88842,7 @@ class SymphiqProfileAnalysisDashboardComponent {
88334
88842
 
88335
88843
  <!-- Simplified View Content -->
88336
88844
  @if (isSimplifiedView()) {
88337
- <!-- Strategic Insights & Goals (or Currency Selection/Plan Placeholder) -->
88845
+ <!-- Strategic Insights & Goals (or Subscription Flow) -->
88338
88846
  <div class="mb-8">
88339
88847
  @if (isSubscriptionActive() || isFocusAreaAnalysis() || isMetricAnalysis()) {
88340
88848
  <symphiq-strategic-goals-tiled-grid
@@ -88343,6 +88851,14 @@ class SymphiqProfileAnalysisDashboardComponent {
88343
88851
  (viewMoreClick)="openGoalModal($event)"
88344
88852
  />
88345
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 -->
88346
88862
  @if (!hasBillingCurrency()) {
88347
88863
  <symphiq-billing-currency-selector-card
88348
88864
  [viewMode]="viewMode()"
@@ -88795,6 +89311,16 @@ class SymphiqProfileAnalysisDashboardComponent {
88795
89311
 
88796
89312
  <!-- Tooltip Container -->
88797
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
+ }
88798
89324
  </div>
88799
89325
  `
88800
89326
  }]
@@ -88805,7 +89331,7 @@ class SymphiqProfileAnalysisDashboardComponent {
88805
89331
  type: HostListener,
88806
89332
  args: ['window:scroll', ['$event']]
88807
89333
  }] }); })();
88808
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 649 }); })();
89334
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisDashboardComponent, { className: "SymphiqProfileAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-dashboard/symphiq-profile-analysis-dashboard.component.ts", lineNumber: 668 }); })();
88809
89335
 
88810
89336
  class ScrollProgressBarComponent {
88811
89337
  constructor() {
@@ -89786,5 +90312,5 @@ var pieChart_component = /*#__PURE__*/Object.freeze({
89786
90312
  * Generated bundle index. Do not edit.
89787
90313
  */
89788
90314
 
89789
- 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 };
89790
90316
  //# sourceMappingURL=symphiq-components.mjs.map