@eric-emg/symphiq-components 1.2.367 → 1.2.369

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.
@@ -1,7 +1,7 @@
1
1
  import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, MetricEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, AiDynamicContentStatusEnum, normalizeToV3, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, MetricEnumUtil, NumberTypeEnum, LineChartUseCaseEnum, FunnelMetricTypeEnum, FocusAreaHealthEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ProfileAnalysisTypeEnum, ChargebeeSubscriptionStatusEnumUtil, BarChartUseCaseEnum } from '@jebgem/model';
2
2
  export * from '@jebgem/model';
3
3
  import * as i0 from '@angular/core';
4
- import { Injectable, signal, computed, input, ChangeDetectionStrategy, Component, output, inject, ElementRef, Renderer2, effect, Directive, HostListener, untracked, ViewChild, PLATFORM_ID, Inject, Input, afterNextRender } from '@angular/core';
4
+ import { Injectable, signal, computed, input, ChangeDetectionStrategy, Component, output, inject, ElementRef, Renderer2, effect, Directive, HostListener, untracked, ViewChild, PLATFORM_ID, Inject, Input, afterNextRender, NgZone } from '@angular/core';
5
5
  import { BehaviorSubject, of, fromEvent, shareReplay as shareReplay$1, catchError as catchError$1 } from 'rxjs';
6
6
  import { map, catchError, shareReplay, debounceTime, switchMap } from 'rxjs/operators';
7
7
  import * as i1 from '@angular/common/http';
@@ -3233,7 +3233,7 @@ class DataLoaderService {
3233
3233
  }], () => [{ type: i1.HttpClient }], null); })();
3234
3234
 
3235
3235
  const _c0$1c = a0 => ["skeleton-loader", "rounded-lg", "relative", "overflow-hidden", a0];
3236
- const _c1$F = a0 => ["skeleton-shimmer-overlay", "absolute", "inset-0", "bg-gradient-to-r", a0];
3236
+ const _c1$G = a0 => ["skeleton-shimmer-overlay", "absolute", "inset-0", "bg-gradient-to-r", a0];
3237
3237
  class SkeletonLoaderComponent {
3238
3238
  constructor() {
3239
3239
  this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
@@ -3251,7 +3251,7 @@ class SkeletonLoaderComponent {
3251
3251
  i0.ɵɵclassProp("skeleton-shimmer", true)("skeleton-pulse", ctx.pulse());
3252
3252
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$1c, ctx.isLightMode() ? "bg-slate-200/80" : "bg-slate-700/80"));
3253
3253
  i0.ɵɵadvance();
3254
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$F, ctx.isLightMode() ? "from-transparent via-white/60 to-transparent" : "from-transparent via-slate-500/40 to-transparent"));
3254
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$G, ctx.isLightMode() ? "from-transparent via-white/60 to-transparent" : "from-transparent via-slate-500/40 to-transparent"));
3255
3255
  } }, dependencies: [NgClass], styles: [".skeleton-loader[_ngcontent-%COMP%]{position:relative;overflow:hidden}.skeleton-shimmer-overlay[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_shimmer 2s infinite cubic-bezier(.4,0,.6,1);transform:translate(-100%)}@keyframes _ngcontent-%COMP%_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes _ngcontent-%COMP%_pulse{0%,to{opacity:1}50%{opacity:.6}}"], changeDetection: 0 }); }
3256
3256
  }
3257
3257
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeletonLoaderComponent, [{
@@ -6193,8 +6193,8 @@ class OverallAssessmentComponent {
6193
6193
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OverallAssessmentComponent, { className: "OverallAssessmentComponent", filePath: "lib/components/funnel-analysis-dashboard/overall-assessment.component.ts", lineNumber: 303 }); })();
6194
6194
 
6195
6195
  const _c0$19 = () => [1, 2, 3];
6196
- const _c1$E = () => [1, 2, 3, 4];
6197
- const _c2$q = () => [];
6196
+ const _c1$F = () => [1, 2, 3, 4];
6197
+ const _c2$r = () => [];
6198
6198
  function InsightCardComponent_Conditional_0_Conditional_0_For_7_Template(rf, ctx) { if (rf & 1) {
6199
6199
  i0.ɵɵelementStart(0, "div", 7);
6200
6200
  i0.ɵɵelement(1, "symphiq-skeleton-loader", 6)(2, "symphiq-skeleton-loader", 6)(3, "symphiq-skeleton-loader", 6);
@@ -6232,7 +6232,7 @@ function InsightCardComponent_Conditional_0_Conditional_0_Template(rf, ctx) { if
6232
6232
  i0.ɵɵadvance();
6233
6233
  i0.ɵɵrepeater(i0.ɵɵpureFunction0(8, _c0$19));
6234
6234
  i0.ɵɵadvance(3);
6235
- i0.ɵɵrepeater(i0.ɵɵpureFunction0(9, _c1$E));
6235
+ i0.ɵɵrepeater(i0.ɵɵpureFunction0(9, _c1$F));
6236
6236
  } }
6237
6237
  function InsightCardComponent_Conditional_0_Conditional_1_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
6238
6238
  i0.ɵɵnamespaceSVG();
@@ -6380,7 +6380,7 @@ function InsightCardComponent_Conditional_0_Conditional_1_Conditional_13_Conditi
6380
6380
  i0.ɵɵadvance(2);
6381
6381
  i0.ɵɵproperty("ngClass", ctx_r0.recommendationsContainerClass());
6382
6382
  i0.ɵɵadvance(2);
6383
- i0.ɵɵrepeater(ctx_r0.insight().recommendations || i0.ɵɵpureFunction0(2, _c2$q));
6383
+ i0.ɵɵrepeater(ctx_r0.insight().recommendations || i0.ɵɵpureFunction0(2, _c2$r));
6384
6384
  } }
6385
6385
  function InsightCardComponent_Conditional_0_Conditional_1_Conditional_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
6386
6386
  i0.ɵɵelementStart(0, "div", 34)(1, "h4", 44);
@@ -8931,8 +8931,8 @@ class MetricCardComponent {
8931
8931
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricCardComponent, { className: "MetricCardComponent", filePath: "lib/components/funnel-analysis-dashboard/metric-card.component.ts", lineNumber: 537 }); })();
8932
8932
 
8933
8933
  const _c0$18 = () => [1, 2, 3];
8934
- const _c1$D = (a0, a1, a2) => [a0, a1, a2];
8935
- const _c2$p = (a0, a1) => [a0, a1];
8934
+ const _c1$E = (a0, a1, a2) => [a0, a1, a2];
8935
+ const _c2$q = (a0, a1) => [a0, a1];
8936
8936
  const _forTrack0$W = ($index, $item) => $item.metric;
8937
8937
  const _forTrack1$7 = ($index, $item) => $item.dimensionValue;
8938
8938
  function BreakdownSectionComponent_Conditional_0_For_7_For_4_Template(rf, ctx) { if (rf & 1) {
@@ -9105,7 +9105,7 @@ function BreakdownSectionComponent_Conditional_1_For_9_For_27_Conditional_25_Tem
9105
9105
  const group_r5 = i0.ɵɵnextContext().$implicit;
9106
9106
  const ctx_r0 = i0.ɵɵnextContext(2);
9107
9107
  i0.ɵɵclassProp("border-b", ɵ$index_133_r9 < group_r5.values.length - 1);
9108
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(6, _c2$p, ctx_r0.getRowBackgroundClass(metric_r8, ɵ$index_133_r9), ctx_r0.isLightMode() ? "border-slate-200/30" : "border-slate-700/30"));
9108
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(6, _c2$q, ctx_r0.getRowBackgroundClass(metric_r8, ɵ$index_133_r9), ctx_r0.isLightMode() ? "border-slate-200/30" : "border-slate-700/30"));
9109
9109
  i0.ɵɵadvance(2);
9110
9110
  i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "bg-slate-50/50" : "bg-slate-900/20");
9111
9111
  i0.ɵɵadvance();
@@ -9143,7 +9143,7 @@ function BreakdownSectionComponent_Conditional_1_For_9_For_27_Template(rf, ctx)
9143
9143
  const ɵ$index_133_r9 = ctx.$index;
9144
9144
  const group_r5 = i0.ɵɵnextContext().$implicit;
9145
9145
  const ctx_r0 = i0.ɵɵnextContext(2);
9146
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(31, _c1$D, ctx_r0.getRowBackgroundClass(metric_r8, ɵ$index_133_r9), ctx_r0.getPriorityDividerClass(metric_r8, ɵ$index_133_r9, group_r5.values), ctx_r0.isLightMode() ? "hover:bg-blue-50" : "hover:bg-slate-700/30"));
9146
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(31, _c1$E, ctx_r0.getRowBackgroundClass(metric_r8, ɵ$index_133_r9), ctx_r0.getPriorityDividerClass(metric_r8, ɵ$index_133_r9, group_r5.values), ctx_r0.isLightMode() ? "hover:bg-blue-50" : "hover:bg-slate-700/30"));
9147
9147
  i0.ɵɵadvance(3);
9148
9148
  i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "text-slate-600 group-hover:text-slate-900" : "text-slate-400 group-hover:text-white")("libSymphiqTooltip", ctx_r0.getBreakdownRowTooltip(metric_r8))("tooltipPosition", "auto");
9149
9149
  i0.ɵɵadvance();
@@ -25757,7 +25757,7 @@ class FunnelWelcomeBannerComponent {
25757
25757
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelWelcomeBannerComponent, { className: "FunnelWelcomeBannerComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-welcome-banner.component.ts", lineNumber: 113 }); })();
25758
25758
 
25759
25759
  const _c0$10 = [[["", "slot", "overall-performance"]], [["", "slot", "performance-metrics"]], [["", "slot", "performance-breakdowns"]], [["", "slot", "competitive-intelligence"]]];
25760
- const _c1$C = ["[slot=overall-performance]", "[slot=performance-metrics]", "[slot=performance-breakdowns]", "[slot=competitive-intelligence]"];
25760
+ const _c1$D = ["[slot=overall-performance]", "[slot=performance-metrics]", "[slot=performance-breakdowns]", "[slot=competitive-intelligence]"];
25761
25761
  class CollapsibleFunnelSectionGroupComponent {
25762
25762
  constructor() {
25763
25763
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -25888,7 +25888,7 @@ class CollapsibleFunnelSectionGroupComponent {
25888
25888
  : 'border-slate-200';
25889
25889
  }
25890
25890
  static { this.ɵfac = function CollapsibleFunnelSectionGroupComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollapsibleFunnelSectionGroupComponent)(); }; }
25891
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleFunnelSectionGroupComponent, selectors: [["symphiq-collapsible-funnel-section-group"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c1$C, decls: 90, vars: 58, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"]], template: function CollapsibleFunnelSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
25891
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleFunnelSectionGroupComponent, selectors: [["symphiq-collapsible-funnel-section-group"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c1$D, decls: 90, vars: 58, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"]], template: function CollapsibleFunnelSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
25892
25892
  i0.ɵɵprojectionDef(_c0$10);
25893
25893
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
25894
25894
  i0.ɵɵnamespaceSVG();
@@ -26733,8 +26733,8 @@ class ViewModeSwitcherModalComponent {
26733
26733
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewModeSwitcherModalComponent, { className: "ViewModeSwitcherModalComponent", filePath: "lib/components/shared/view-mode-switcher-modal.component.ts", lineNumber: 160 }); })();
26734
26734
 
26735
26735
  const _c0$$ = a0 => ({ name: "check-badge", source: a0 });
26736
- const _c1$B = a0 => ({ name: "check-circle", source: a0 });
26737
- const _c2$o = a0 => ({ name: "chevron-right", source: a0 });
26736
+ const _c1$C = a0 => ({ name: "check-circle", source: a0 });
26737
+ const _c2$p = a0 => ({ name: "chevron-right", source: a0 });
26738
26738
  const _forTrack0$H = ($index, $item) => $item.area;
26739
26739
  function KeyStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
26740
26740
  i0.ɵɵelementStart(0, "div", 1);
@@ -26794,13 +26794,13 @@ function KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template(rf,
26794
26794
  i0.ɵɵadvance();
26795
26795
  i0.ɵɵtextInterpolate1(" ", strength_r3.description, " ");
26796
26796
  i0.ɵɵadvance(3);
26797
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$B, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
26797
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$C, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
26798
26798
  i0.ɵɵadvance();
26799
26799
  i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
26800
26800
  i0.ɵɵadvance();
26801
26801
  i0.ɵɵtextInterpolate1(" ", (strength_r3.supportingAnswers == null ? null : strength_r3.supportingAnswers.length) || 0, " Supporting Answers ");
26802
26802
  i0.ɵɵadvance();
26803
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(16, _c2$o, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
26803
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(16, _c2$p, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
26804
26804
  } }
26805
26805
  function KeyStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
26806
26806
  i0.ɵɵelementStart(0, "div", 2);
@@ -26965,8 +26965,8 @@ class KeyStrengthsListModalContentComponent {
26965
26965
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyStrengthsListModalContentComponent, { className: "KeyStrengthsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/key-strengths-list-modal-content.component.ts", lineNumber: 79 }); })();
26966
26966
 
26967
26967
  const _c0$_ = a0 => ({ name: "shield-check", source: a0 });
26968
- const _c1$A = a0 => ({ name: "exclamation-triangle", source: a0 });
26969
- const _c2$n = a0 => ({ name: "document-text", source: a0 });
26968
+ const _c1$B = a0 => ({ name: "exclamation-triangle", source: a0 });
26969
+ const _c2$o = a0 => ({ name: "document-text", source: a0 });
26970
26970
  const _c3$i = a0 => ({ name: "chevron-right", source: a0 });
26971
26971
  const _forTrack0$G = ($index, $item) => $item.area;
26972
26972
  function CriticalGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -27035,7 +27035,7 @@ function CriticalGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
27035
27035
  i0.ɵɵadvance();
27036
27036
  i0.ɵɵproperty("ngClass", ctx_r0.impactContainerClasses());
27037
27037
  i0.ɵɵadvance(2);
27038
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c1$A, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.impactIconClasses(gap_r3.urgency));
27038
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c1$B, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.impactIconClasses(gap_r3.urgency));
27039
27039
  i0.ɵɵadvance(2);
27040
27040
  i0.ɵɵproperty("ngClass", ctx_r0.impactLabelClasses());
27041
27041
  i0.ɵɵadvance(2);
@@ -27043,7 +27043,7 @@ function CriticalGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
27043
27043
  i0.ɵɵadvance();
27044
27044
  i0.ɵɵtextInterpolate1(" ", gap_r3.impactOnFunnel, " ");
27045
27045
  i0.ɵɵadvance(3);
27046
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(21, _c2$n, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
27046
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(21, _c2$o, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
27047
27047
  i0.ɵɵadvance();
27048
27048
  i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
27049
27049
  i0.ɵɵadvance();
@@ -27281,7 +27281,7 @@ class CriticalGapsListModalContentComponent {
27281
27281
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CriticalGapsListModalContentComponent, { className: "CriticalGapsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/critical-gaps-list-modal-content.component.ts", lineNumber: 98 }); })();
27282
27282
 
27283
27283
  const _c0$Z = a0 => ({ name: "check-circle", source: a0 });
27284
- const _c1$z = a0 => ({ name: "chat-bubble-left-right", source: a0 });
27284
+ const _c1$A = a0 => ({ name: "chat-bubble-left-right", source: a0 });
27285
27285
  const _forTrack0$F = ($index, $item) => $item.questionId;
27286
27286
  function KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
27287
27287
  i0.ɵɵelementStart(0, "div", 19)(1, "span", 20);
@@ -27311,7 +27311,7 @@ function KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Template(rf
27311
27311
  const ctx_r1 = i0.ɵɵnextContext(2);
27312
27312
  i0.ɵɵproperty("ngClass", ctx_r1.answerCardClasses());
27313
27313
  i0.ɵɵadvance(2);
27314
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c1$z, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.answerIconClasses());
27314
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c1$A, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.answerIconClasses());
27315
27315
  i0.ɵɵadvance(2);
27316
27316
  i0.ɵɵproperty("ngClass", ctx_r1.questionClasses());
27317
27317
  i0.ɵɵadvance();
@@ -27522,8 +27522,8 @@ class KeyStrengthDetailModalContentComponent {
27522
27522
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyStrengthDetailModalContentComponent, { className: "KeyStrengthDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/key-strength-detail-modal-content.component.ts", lineNumber: 79 }); })();
27523
27523
 
27524
27524
  const _c0$Y = a0 => ({ name: "exclamation-triangle", source: a0 });
27525
- const _c1$y = a0 => ({ name: "document-text", source: a0 });
27526
- const _c2$m = a0 => ({ name: "chat-bubble-left-right", source: a0 });
27525
+ const _c1$z = a0 => ({ name: "document-text", source: a0 });
27526
+ const _c2$n = a0 => ({ name: "chat-bubble-left-right", source: a0 });
27527
27527
  const _forTrack0$E = ($index, $item) => $item.questionId;
27528
27528
  function CriticalGapDetailModalContentComponent_Conditional_20_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
27529
27529
  i0.ɵɵelementStart(0, "div", 23)(1, "p", 25);
@@ -27572,7 +27572,7 @@ function CriticalGapDetailModalContentComponent_Conditional_20_For_6_Template(rf
27572
27572
  const ctx_r1 = i0.ɵɵnextContext(2);
27573
27573
  i0.ɵɵproperty("ngClass", ctx_r1.answerCardClasses());
27574
27574
  i0.ɵɵadvance(2);
27575
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c2$m, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.answerIconClasses());
27575
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c2$n, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.answerIconClasses());
27576
27576
  i0.ɵɵadvance(2);
27577
27577
  i0.ɵɵproperty("ngClass", ctx_r1.questionClasses());
27578
27578
  i0.ɵɵadvance();
@@ -27600,7 +27600,7 @@ function CriticalGapDetailModalContentComponent_Conditional_20_Template(rf, ctx)
27600
27600
  i0.ɵɵclassMap(ctx_r1.isLightMode() ? "border-slate-200" : "border-slate-700");
27601
27601
  i0.ɵɵproperty("ngClass", ctx_r1.sectionTitleClasses());
27602
27602
  i0.ɵɵadvance();
27603
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c1$y, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.sectionIconClasses());
27603
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c1$z, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.sectionIconClasses());
27604
27604
  i0.ɵɵadvance(3);
27605
27605
  i0.ɵɵrepeater(ctx_r1.gap().supportingAnswers);
27606
27606
  } }
@@ -29385,8 +29385,8 @@ class TopPriorityDetailModalContentComponent {
29385
29385
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TopPriorityDetailModalContentComponent, { className: "TopPriorityDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/top-priority-detail-modal-content.component.ts", lineNumber: 72 }); })();
29386
29386
 
29387
29387
  const _c0$X = a0 => ({ name: "check-badge", source: a0 });
29388
- const _c1$x = a0 => ({ name: "check-circle", source: a0 });
29389
- const _c2$l = a0 => ({ name: "chevron-right", source: a0 });
29388
+ const _c1$y = a0 => ({ name: "check-circle", source: a0 });
29389
+ const _c2$m = a0 => ({ name: "chevron-right", source: a0 });
29390
29390
  const _c3$h = a0 => ({ name: "chart-bar", source: a0 });
29391
29391
  const _forTrack0$D = ($index, $item) => $item.capability;
29392
29392
  function FocusAreaStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -29493,13 +29493,13 @@ function FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Templat
29493
29493
  i0.ɵɵadvance(2);
29494
29494
  i0.ɵɵconditional(ctx_r0.getLinkedMetricsCount(strength_r3) > 0 ? 9 : -1);
29495
29495
  i0.ɵɵadvance(2);
29496
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$x, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
29496
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$y, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
29497
29497
  i0.ɵɵadvance();
29498
29498
  i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
29499
29499
  i0.ɵɵadvance();
29500
29500
  i0.ɵɵtextInterpolate1(" ", (strength_r3.supportingAnswers == null ? null : strength_r3.supportingAnswers.length) || 0, " Supporting Answers ");
29501
29501
  i0.ɵɵadvance(2);
29502
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(16, _c2$l, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
29502
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(16, _c2$m, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
29503
29503
  } }
29504
29504
  function FocusAreaStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
29505
29505
  i0.ɵɵelementStart(0, "div", 2);
@@ -29708,8 +29708,8 @@ class FocusAreaStrengthsListModalContentComponent {
29708
29708
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaStrengthsListModalContentComponent, { className: "FocusAreaStrengthsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-strengths-list-modal-content.component.ts", lineNumber: 109 }); })();
29709
29709
 
29710
29710
  const _c0$W = a0 => ({ name: "exclamation-triangle", source: a0 });
29711
- const _c1$w = a0 => ({ name: "exclamation-circle", source: a0 });
29712
- const _c2$k = a0 => ({ name: "chevron-right", source: a0 });
29711
+ const _c1$x = a0 => ({ name: "exclamation-circle", source: a0 });
29712
+ const _c2$l = a0 => ({ name: "chevron-right", source: a0 });
29713
29713
  function _forTrack0$C($index, $item) { return this.getGapTitle($item); }
29714
29714
  function FocusAreaGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
29715
29715
  i0.ɵɵelementStart(0, "div", 1);
@@ -29817,13 +29817,13 @@ function FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
29817
29817
  i0.ɵɵadvance();
29818
29818
  i0.ɵɵconditional(ctx_r0.getImpactOnMetric(gap_r3) ? 8 : -1);
29819
29819
  i0.ɵɵadvance(3);
29820
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$w, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses(gap_r3));
29820
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$x, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses(gap_r3));
29821
29821
  i0.ɵɵadvance();
29822
29822
  i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
29823
29823
  i0.ɵɵadvance();
29824
29824
  i0.ɵɵtextInterpolate1(" ", (gap_r3.supportingAnswers == null ? null : gap_r3.supportingAnswers.length) || 0, " Supporting Answers ");
29825
29825
  i0.ɵɵadvance();
29826
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(16, _c2$k, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses(gap_r3));
29826
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(16, _c2$l, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses(gap_r3));
29827
29827
  } }
29828
29828
  function FocusAreaGapsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
29829
29829
  i0.ɵɵelementStart(0, "div", 2);
@@ -30102,8 +30102,8 @@ class FocusAreaGapsListModalContentComponent {
30102
30102
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaGapsListModalContentComponent, { className: "FocusAreaGapsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-gaps-list-modal-content.component.ts", lineNumber: 106 }); })();
30103
30103
 
30104
30104
  const _c0$V = a0 => ({ name: "light-bulb", source: a0 });
30105
- const _c1$v = a0 => ({ name: "chevron-right", source: a0 });
30106
- const _c2$j = a0 => ({ name: "chart-bar", source: a0 });
30105
+ const _c1$w = a0 => ({ name: "chevron-right", source: a0 });
30106
+ const _c2$k = a0 => ({ name: "chart-bar", source: a0 });
30107
30107
  const _forTrack0$B = ($index, $item) => $item.opportunity;
30108
30108
  function FocusAreaOpportunitiesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
30109
30109
  i0.ɵɵelementStart(0, "div", 1);
@@ -30151,7 +30151,7 @@ function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Con
30151
30151
  const opportunity_r3 = i0.ɵɵnextContext().$implicit;
30152
30152
  const ctx_r0 = i0.ɵɵnextContext(2);
30153
30153
  i0.ɵɵadvance();
30154
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$j, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
30154
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$k, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
30155
30155
  i0.ɵɵadvance();
30156
30156
  i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
30157
30157
  i0.ɵɵadvance();
@@ -30191,7 +30191,7 @@ function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Tem
30191
30191
  i0.ɵɵadvance(2);
30192
30192
  i0.ɵɵconditional(ctx_r0.getLinkedMetricsCount(opportunity_r3) > 0 ? 8 : -1);
30193
30193
  i0.ɵɵadvance(2);
30194
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$v, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
30194
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$w, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
30195
30195
  } }
30196
30196
  function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
30197
30197
  i0.ɵɵelementStart(0, "div", 2);
@@ -30371,7 +30371,7 @@ class FocusAreaOpportunitiesListModalContentComponent {
30371
30371
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaOpportunitiesListModalContentComponent, { className: "FocusAreaOpportunitiesListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-opportunities-list-modal-content.component.ts", lineNumber: 90 }); })();
30372
30372
 
30373
30373
  const _c0$U = a0 => ({ name: "chevron-right", source: a0 });
30374
- const _c1$u = a0 => ({ name: "chat-bubble-left-right", source: a0 });
30374
+ const _c1$v = a0 => ({ name: "chat-bubble-left-right", source: a0 });
30375
30375
  const _forTrack0$A = ($index, $item) => $item.performanceItemId;
30376
30376
  function FocusAreaStrengthDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
30377
30377
  i0.ɵɵelementStart(0, "div")(1, "p", 2);
@@ -30494,7 +30494,7 @@ function FocusAreaStrengthDetailModalContentComponent_Conditional_6_For_5_Templa
30494
30494
  const ctx_r0 = i0.ɵɵnextContext(2);
30495
30495
  i0.ɵɵproperty("ngClass", ctx_r0.answerClasses());
30496
30496
  i0.ɵɵadvance(2);
30497
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$u, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.answerIconClasses());
30497
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$v, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.answerIconClasses());
30498
30498
  i0.ɵɵadvance();
30499
30499
  i0.ɵɵproperty("ngClass", ctx_r0.answerQuestionClasses());
30500
30500
  i0.ɵɵadvance();
@@ -31092,7 +31092,7 @@ class FocusAreaGapDetailModalContentComponent {
31092
31092
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaGapDetailModalContentComponent, { className: "FocusAreaGapDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-gap-detail-modal-content.component.ts", lineNumber: 98 }); })();
31093
31093
 
31094
31094
  const _c0$S = a0 => ({ name: "chevron-right", source: a0 });
31095
- const _c1$t = () => [];
31095
+ const _c1$u = () => [];
31096
31096
  const _forTrack0$z = ($index, $item) => $item.performanceItemId;
31097
31097
  function FocusAreaOpportunityDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
31098
31098
  i0.ɵɵelementStart(0, "div")(1, "p", 2);
@@ -31181,7 +31181,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_4_Template(
31181
31181
  i0.ɵɵadvance();
31182
31182
  i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
31183
31183
  i0.ɵɵadvance(3);
31184
- i0.ɵɵrepeater(ctx_r0.opportunity().linkedGoalIds || i0.ɵɵpureFunction0(2, _c1$t));
31184
+ i0.ɵɵrepeater(ctx_r0.opportunity().linkedGoalIds || i0.ɵɵpureFunction0(2, _c1$u));
31185
31185
  } }
31186
31186
  function FocusAreaOpportunityDetailModalContentComponent_Conditional_5_For_5_Template(rf, ctx) { if (rf & 1) {
31187
31187
  i0.ɵɵelementStart(0, "span", 10);
@@ -31207,7 +31207,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_5_Template(
31207
31207
  i0.ɵɵadvance();
31208
31208
  i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
31209
31209
  i0.ɵɵadvance(3);
31210
- i0.ɵɵrepeater(ctx_r0.opportunity().linkedFunnelStrengthIds || i0.ɵɵpureFunction0(2, _c1$t));
31210
+ i0.ɵɵrepeater(ctx_r0.opportunity().linkedFunnelStrengthIds || i0.ɵɵpureFunction0(2, _c1$u));
31211
31211
  } }
31212
31212
  class FocusAreaOpportunityDetailModalContentComponent {
31213
31213
  constructor() {
@@ -31544,7 +31544,7 @@ class CircularProgressComponent {
31544
31544
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CircularProgressComponent, { className: "CircularProgressComponent", filePath: "lib/components/business-analysis-dashboard/visualizations/circular-progress.component.ts", lineNumber: 41 }); })();
31545
31545
 
31546
31546
  const _c0$R = ["*"];
31547
- const _c1$s = (a0, a1) => [a0, a1];
31547
+ const _c1$t = (a0, a1) => [a0, a1];
31548
31548
  function VisualizationContainerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
31549
31549
  const _r1 = i0.ɵɵgetCurrentView();
31550
31550
  i0.ɵɵelementStart(0, "button", 3);
@@ -31555,7 +31555,7 @@ function VisualizationContainerComponent_Conditional_1_Template(rf, ctx) { if (r
31555
31555
  i0.ɵɵelementEnd()();
31556
31556
  } if (rf & 2) {
31557
31557
  const ctx_r1 = i0.ɵɵnextContext();
31558
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$s, ctx_r1.iconClass(), ctx_r1.isLightMode() ? "bg-white/90 hover:bg-white" : "bg-slate-800/90 hover:bg-slate-800"));
31558
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$t, ctx_r1.iconClass(), ctx_r1.isLightMode() ? "bg-white/90 hover:bg-white" : "bg-slate-800/90 hover:bg-slate-800"));
31559
31559
  } }
31560
31560
  class VisualizationContainerComponent {
31561
31561
  constructor() {
@@ -31710,7 +31710,7 @@ class MetricBadgeComponent {
31710
31710
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricBadgeComponent, { className: "MetricBadgeComponent", filePath: "lib/components/business-analysis-dashboard/badges/metric-badge.component.ts", lineNumber: 22 }); })();
31711
31711
 
31712
31712
  const _c0$Q = a0 => ({ name: "light-bulb", source: a0 });
31713
- const _c1$r = a0 => ({ name: "chevron-right", source: a0 });
31713
+ const _c1$s = a0 => ({ name: "chevron-right", source: a0 });
31714
31714
  function OpportunityHighlightBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
31715
31715
  i0.ɵɵelementStart(0, "p", 7);
31716
31716
  i0.ɵɵtext(1);
@@ -31785,7 +31785,7 @@ class OpportunityHighlightBannerComponent {
31785
31785
  i0.ɵɵconditional(ctx.message() ? 9 : -1);
31786
31786
  i0.ɵɵadvance();
31787
31787
  i0.ɵɵclassProp("rotate-90", ctx.isExpanded());
31788
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c1$r, ctx.iconSource))("ngClass", ctx.chevronClasses());
31788
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c1$s, ctx.iconSource))("ngClass", ctx.chevronClasses());
31789
31789
  } }, dependencies: [CommonModule, i1$1.NgClass, SymphiqIconComponent], encapsulation: 2, changeDetection: 0 }); }
31790
31790
  }
31791
31791
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpportunityHighlightBannerComponent, [{
@@ -32411,8 +32411,8 @@ class ViewportAnimationDirective {
32411
32411
  }] }); })();
32412
32412
 
32413
32413
  const _c0$O = a0 => ({ name: "star", source: a0 });
32414
- const _c1$q = a0 => ({ name: "globe-americas", source: a0 });
32415
- const _c2$i = a0 => ({ name: "academic-cap", source: a0 });
32414
+ const _c1$r = a0 => ({ name: "globe-americas", source: a0 });
32415
+ const _c2$j = a0 => ({ name: "academic-cap", source: a0 });
32416
32416
  const _c3$g = a0 => ({ name: "information-circle", source: a0 });
32417
32417
  const _c4$c = a0 => ({ name: "signal", source: a0 });
32418
32418
  const _c5$9 = a0 => ({ name: "wrench-screwdriver", source: a0 });
@@ -32519,7 +32519,7 @@ function RegionCardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
32519
32519
  const ctx_r0 = i0.ɵɵnextContext();
32520
32520
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
32521
32521
  i0.ɵɵadvance(2);
32522
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$q, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
32522
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$r, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
32523
32523
  i0.ɵɵadvance();
32524
32524
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
32525
32525
  i0.ɵɵadvance(2);
@@ -32563,7 +32563,7 @@ function RegionCardComponent_Conditional_21_Conditional_5_Template(rf, ctx) { if
32563
32563
  const ctx_r0 = i0.ɵɵnextContext(2);
32564
32564
  i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
32565
32565
  i0.ɵɵadvance(2);
32566
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$i, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
32566
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$j, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
32567
32567
  i0.ɵɵadvance();
32568
32568
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
32569
32569
  i0.ɵɵadvance(2);
@@ -33489,8 +33489,8 @@ class CompetitiveInsightBadgeComponent {
33489
33489
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveInsightBadgeComponent, { className: "CompetitiveInsightBadgeComponent", filePath: "lib/components/business-analysis-dashboard/badges/competitive-insight-badge.component.ts", lineNumber: 25 }); })();
33490
33490
 
33491
33491
  const _c0$N = a0 => ({ name: "calendar-days", source: a0 });
33492
- const _c1$p = a0 => ({ name: "chart-bar", source: a0 });
33493
- const _c2$h = a0 => ({ name: "academic-cap", source: a0 });
33492
+ const _c1$q = a0 => ({ name: "chart-bar", source: a0 });
33493
+ const _c2$i = a0 => ({ name: "academic-cap", source: a0 });
33494
33494
  const _c3$f = a0 => ({ name: "information-circle", source: a0 });
33495
33495
  const _c4$b = a0 => ({ name: "signal", source: a0 });
33496
33496
  const _c5$8 = a0 => ({ name: "wrench-screwdriver", source: a0 });
@@ -33605,7 +33605,7 @@ function SeasonCardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
33605
33605
  const ctx_r0 = i0.ɵɵnextContext();
33606
33606
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
33607
33607
  i0.ɵɵadvance(2);
33608
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$p, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
33608
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$q, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
33609
33609
  i0.ɵɵadvance();
33610
33610
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
33611
33611
  i0.ɵɵadvance(2);
@@ -33649,7 +33649,7 @@ function SeasonCardComponent_Conditional_20_Conditional_5_Template(rf, ctx) { if
33649
33649
  const ctx_r0 = i0.ɵɵnextContext(2);
33650
33650
  i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
33651
33651
  i0.ɵɵadvance(2);
33652
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$h, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
33652
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$i, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
33653
33653
  i0.ɵɵadvance();
33654
33654
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
33655
33655
  i0.ɵɵadvance(2);
@@ -34327,8 +34327,8 @@ class SeasonCardComponent {
34327
34327
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SeasonCardComponent, { className: "SeasonCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/season-card.component.ts", lineNumber: 270 }); })();
34328
34328
 
34329
34329
  const _c0$M = a0 => ({ name: "currency-dollar", source: a0 });
34330
- const _c1$o = a0 => ({ name: "chart-bar", source: a0 });
34331
- const _c2$g = a0 => ({ name: "academic-cap", source: a0 });
34330
+ const _c1$p = a0 => ({ name: "chart-bar", source: a0 });
34331
+ const _c2$h = a0 => ({ name: "academic-cap", source: a0 });
34332
34332
  const _c3$e = a0 => ({ name: "information-circle", source: a0 });
34333
34333
  const _c4$a = a0 => ({ name: "signal", source: a0 });
34334
34334
  const _c5$7 = a0 => ({ name: "wrench-screwdriver", source: a0 });
@@ -34498,7 +34498,7 @@ function CustomerSegmentCardComponent_Conditional_23_Conditional_9_Template(rf,
34498
34498
  const ctx_r0 = i0.ɵɵnextContext(2);
34499
34499
  i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
34500
34500
  i0.ɵɵadvance(2);
34501
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$g, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
34501
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$h, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
34502
34502
  i0.ɵɵadvance();
34503
34503
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
34504
34504
  i0.ɵɵadvance(2);
@@ -34616,7 +34616,7 @@ function CustomerSegmentCardComponent_Conditional_23_Template(rf, ctx) { if (rf
34616
34616
  const ctx_r0 = i0.ɵɵnextContext();
34617
34617
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
34618
34618
  i0.ɵɵadvance(2);
34619
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(12, _c1$o, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
34619
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(12, _c1$p, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
34620
34620
  i0.ɵɵadvance();
34621
34621
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
34622
34622
  i0.ɵɵadvance(2);
@@ -34647,7 +34647,7 @@ function CustomerSegmentCardComponent_Conditional_24_Conditional_5_Template(rf,
34647
34647
  const ctx_r0 = i0.ɵɵnextContext(2);
34648
34648
  i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
34649
34649
  i0.ɵɵadvance(2);
34650
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$g, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
34650
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$h, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
34651
34651
  i0.ɵɵadvance();
34652
34652
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
34653
34653
  i0.ɵɵadvance(2);
@@ -35444,8 +35444,8 @@ class CustomerSegmentCardComponent {
35444
35444
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CustomerSegmentCardComponent, { className: "CustomerSegmentCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/customer-segment-card.component.ts", lineNumber: 366 }); })();
35445
35445
 
35446
35446
  const _c0$L = a0 => ({ name: "currency-dollar", source: a0 });
35447
- const _c1$n = a0 => ({ name: "document-text", source: a0 });
35448
- const _c2$f = a0 => ({ name: "academic-cap", source: a0 });
35447
+ const _c1$o = a0 => ({ name: "document-text", source: a0 });
35448
+ const _c2$g = a0 => ({ name: "academic-cap", source: a0 });
35449
35449
  const _c3$d = a0 => ({ name: "information-circle", source: a0 });
35450
35450
  const _c4$9 = a0 => ({ name: "signal", source: a0 });
35451
35451
  const _c5$6 = a0 => ({ name: "wrench-screwdriver", source: a0 });
@@ -35564,7 +35564,7 @@ function PriceTierCardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
35564
35564
  const ctx_r0 = i0.ɵɵnextContext();
35565
35565
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
35566
35566
  i0.ɵɵadvance(2);
35567
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$n, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
35567
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$o, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
35568
35568
  i0.ɵɵadvance();
35569
35569
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
35570
35570
  i0.ɵɵadvance(2);
@@ -35585,7 +35585,7 @@ function PriceTierCardComponent_Conditional_27_Conditional_5_Template(rf, ctx) {
35585
35585
  const ctx_r0 = i0.ɵɵnextContext(2);
35586
35586
  i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
35587
35587
  i0.ɵɵadvance(2);
35588
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$f, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
35588
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$g, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
35589
35589
  i0.ɵɵadvance();
35590
35590
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
35591
35591
  i0.ɵɵadvance(2);
@@ -36281,8 +36281,8 @@ class PriceTierCardComponent {
36281
36281
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriceTierCardComponent, { className: "PriceTierCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/price-tier-card.component.ts", lineNumber: 261 }); })();
36282
36282
 
36283
36283
  const _c0$K = () => ({ name: "cube", source: "HEROICONS" });
36284
- const _c1$m = () => ({ name: "currency-dollar", source: "HEROICONS" });
36285
- const _c2$e = () => ({ name: "chart-bar", source: "HEROICONS" });
36284
+ const _c1$n = () => ({ name: "currency-dollar", source: "HEROICONS" });
36285
+ const _c2$f = () => ({ name: "chart-bar", source: "HEROICONS" });
36286
36286
  const _c3$c = a0 => ({ name: "chart-bar", source: a0 });
36287
36287
  const _c4$8 = a0 => ({ name: "academic-cap", source: a0 });
36288
36288
  const _c5$5 = a0 => ({ name: "information-circle", source: a0 });
@@ -36348,7 +36348,7 @@ function ProductCategoryCardComponent_Conditional_14_Conditional_3_Template(rf,
36348
36348
  const ctx_r0 = i0.ɵɵnextContext(2);
36349
36349
  i0.ɵɵproperty("ngClass", ctx_r0.getStatBoxClasses());
36350
36350
  i0.ɵɵadvance(2);
36351
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c1$m))("ngClass", ctx_r0.getStatIconClasses());
36351
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c1$n))("ngClass", ctx_r0.getStatIconClasses());
36352
36352
  i0.ɵɵadvance(2);
36353
36353
  i0.ɵɵproperty("ngClass", ctx_r0.getStatLabelClasses());
36354
36354
  i0.ɵɵadvance(2);
@@ -36425,7 +36425,7 @@ function ProductCategoryCardComponent_Conditional_16_Template(rf, ctx) { if (rf
36425
36425
  const ctx_r0 = i0.ɵɵnextContext();
36426
36426
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
36427
36427
  i0.ɵɵadvance(2);
36428
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(7, _c2$e))("ngClass", ctx_r0.getExpandedIconClasses());
36428
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(7, _c2$f))("ngClass", ctx_r0.getExpandedIconClasses());
36429
36429
  i0.ɵɵadvance();
36430
36430
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
36431
36431
  i0.ɵɵadvance(3);
@@ -37438,8 +37438,8 @@ function getCategoryBadgeClasses(category, isDark) {
37438
37438
  }
37439
37439
 
37440
37440
  const _c0$I = a0 => ({ name: "shield-check", source: a0 });
37441
- const _c1$l = a0 => ({ name: "building-storefront", source: a0 });
37442
- const _c2$d = a0 => ({ name: "academic-cap", source: a0 });
37441
+ const _c1$m = a0 => ({ name: "building-storefront", source: a0 });
37442
+ const _c2$e = a0 => ({ name: "academic-cap", source: a0 });
37443
37443
  const _c3$b = a0 => ({ name: "information-circle", source: a0 });
37444
37444
  const _c4$7 = a0 => ({ name: "signal", source: a0 });
37445
37445
  const _c5$4 = a0 => ({ name: "wrench-screwdriver", source: a0 });
@@ -37488,7 +37488,7 @@ function EnhancedListItemCardComponent_Conditional_21_Conditional_7_Template(rf,
37488
37488
  const ctx_r0 = i0.ɵɵnextContext(2);
37489
37489
  i0.ɵɵclassProp("mt-3", ctx_r0.getCompetitorPositioning() || ((tmp_2_0 = ctx_r0.item()) == null ? null : tmp_2_0.differentiationStrength));
37490
37490
  i0.ɵɵadvance(2);
37491
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$l, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
37491
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$m, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
37492
37492
  i0.ɵɵadvance();
37493
37493
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSubtitleClasses());
37494
37494
  i0.ɵɵadvance(2);
@@ -37532,7 +37532,7 @@ function EnhancedListItemCardComponent_Conditional_22_Conditional_5_Template(rf,
37532
37532
  const ctx_r0 = i0.ɵɵnextContext(2);
37533
37533
  i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
37534
37534
  i0.ɵɵadvance(2);
37535
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$d, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
37535
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$e, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
37536
37536
  i0.ɵɵadvance();
37537
37537
  i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
37538
37538
  i0.ɵɵadvance(2);
@@ -38154,8 +38154,8 @@ class EnhancedListItemCardComponent {
38154
38154
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EnhancedListItemCardComponent, { className: "EnhancedListItemCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/enhanced-list-item-card.component.ts", lineNumber: 221 }); })();
38155
38155
 
38156
38156
  const _c0$H = a0 => ({ name: "academic-cap", source: a0 });
38157
- const _c1$k = a0 => ({ name: "information-circle", source: a0 });
38158
- const _c2$c = a0 => ({ name: "signal", source: a0 });
38157
+ const _c1$l = a0 => ({ name: "information-circle", source: a0 });
38158
+ const _c2$d = a0 => ({ name: "signal", source: a0 });
38159
38159
  const _c3$a = a0 => ({ name: "wrench-screwdriver", source: a0 });
38160
38160
  function FocusAreaDetailCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
38161
38161
  i0.ɵɵelementStart(0, "p", 2);
@@ -38255,7 +38255,7 @@ function FocusAreaDetailCardComponent_Conditional_16_Conditional_6_Template(rf,
38255
38255
  const ctx_r0 = i0.ɵɵnextContext(2);
38256
38256
  i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
38257
38257
  i0.ɵɵadvance(2);
38258
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$k, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
38258
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$l, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
38259
38259
  i0.ɵɵadvance();
38260
38260
  i0.ɵɵproperty("ngClass", ctx_r0.expandedTitleClasses());
38261
38261
  i0.ɵɵadvance(2);
@@ -38275,7 +38275,7 @@ function FocusAreaDetailCardComponent_Conditional_16_Conditional_7_Template(rf,
38275
38275
  const ctx_r0 = i0.ɵɵnextContext(2);
38276
38276
  i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
38277
38277
  i0.ɵɵadvance(2);
38278
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c2$c, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
38278
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c2$d, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
38279
38279
  i0.ɵɵadvance();
38280
38280
  i0.ɵɵproperty("ngClass", ctx_r0.expandedTitleClasses());
38281
38281
  i0.ɵɵadvance(2);
@@ -41201,7 +41201,7 @@ class ProfileItemCardComponent {
41201
41201
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileItemCardComponent, { className: "ProfileItemCardComponent", filePath: "lib/components/business-analysis-dashboard/profile-item-card.component.ts", lineNumber: 171 }); })();
41202
41202
 
41203
41203
  const _c0$F = ["scrollContainer"];
41204
- const _c1$j = a0 => ({ name: "arrow-right", source: a0 });
41204
+ const _c1$k = a0 => ({ name: "arrow-right", source: a0 });
41205
41205
  function ItemDetailModalComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
41206
41206
  const _r2 = i0.ɵɵgetCurrentView();
41207
41207
  i0.ɵɵelementStart(0, "button", 7);
@@ -41213,7 +41213,7 @@ function ItemDetailModalComponent_Conditional_7_Template(rf, ctx) { if (rf & 1)
41213
41213
  const ctx_r2 = i0.ɵɵnextContext();
41214
41214
  i0.ɵɵproperty("ngClass", ctx_r2.getPrimaryButtonClasses());
41215
41215
  i0.ɵɵadvance();
41216
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c1$j, ctx_r2.IconSourceEnum.HEROICONS));
41216
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c1$k, ctx_r2.IconSourceEnum.HEROICONS));
41217
41217
  } }
41218
41218
  class ItemDetailModalComponent {
41219
41219
  constructor() {
@@ -41400,8 +41400,8 @@ class ItemDetailModalComponent {
41400
41400
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemDetailModalComponent, { className: "ItemDetailModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/item-detail-modal.component.ts", lineNumber: 53 }); })();
41401
41401
 
41402
41402
  const _c0$E = ["modalContent"];
41403
- const _c1$i = ["modalWrapper"];
41404
- const _c2$b = ["*"];
41403
+ const _c1$j = ["modalWrapper"];
41404
+ const _c2$c = ["*"];
41405
41405
  const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_3_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return lineChart_component; }).then(m => m.LineChartComponent)];
41406
41406
  const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_4_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
41407
41407
  const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_5_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent)];
@@ -43649,12 +43649,12 @@ class ProfileAnalysisModalComponent {
43649
43649
  static { this.ɵfac = function ProfileAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileAnalysisModalComponent)(); }; }
43650
43650
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileAnalysisModalComponent, selectors: [["symphiq-profile-analysis-modal"]], viewQuery: function ProfileAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
43651
43651
  i0.ɵɵviewQuery(_c0$E, 5);
43652
- i0.ɵɵviewQuery(_c1$i, 5);
43652
+ i0.ɵɵviewQuery(_c1$j, 5);
43653
43653
  } if (rf & 2) {
43654
43654
  let _t;
43655
43655
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
43656
43656
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
43657
- } }, inputs: { isLightMode: [1, "isLightMode"], allMetrics: [1, "allMetrics"], allInsights: [1, "allInsights"], allCharts: [1, "allCharts"], allBusinessInsights: [1, "allBusinessInsights"] }, ngContentSelectors: _c2$b, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "overflow-y-auto", 3, "click"], [1, "flex", "items-center", "justify-center", "min-h-screen", "px-4", "pt-4", "pb-20", "text-center", "sm:block", "sm:p-0"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "ngClass"], ["aria-hidden", "true", 1, "hidden", "sm:inline-block", "sm:align-middle", "sm:h-screen"], [1, "relative", "inline-block", "align-bottom", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "sm:my-8", "sm:align-middle", "sm:w-full", "sm:max-w-5xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "text-sm", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-2xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "ml-4"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "z-[10001]", "relative", "ml-4", 3, "click", "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", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "viewMode", "allInsights", "allMetrics", "allBusinessInsights", "allCharts"], [1, "space-y-4"], [1, "space-y-6"], [3, "recommendation", "viewMode", "forceExpanded", "showNavigationChevron", "inModalContext", "isCompactMode", "fromProfileAnalysis", "animationIndex", "allMetrics", "allCharts", "allInsights", "currentModalState", "goalTitle", "objectiveTitle", "strategyTitle"], [3, "item", "viewMode", "sectionTitle", "subsectionTitle", "isCompactMode", "fromProfileAnalysis"], [3, "metric", "insights", "charts", "allCharts", "isLightMode", "isInModal", "currentModalState", "viewMode"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "isInModal", "isLoading", "isCompactMode", "viewMode", "currentModalState"], [1, "chart-modal-content"], [3, "keyStrengths", "viewMode"], [3, "criticalGaps", "viewMode"], [3, "strength", "viewMode"], [3, "gap", "viewMode"], [3, "priorities", "viewMode", "focusAreaName"], [3, "priority", "index", "totalCount", "viewMode", "focusAreaName"], [3, "strengths", "viewMode", "categoryTitle"], [3, "gaps", "viewMode", "categoryTitle"], [3, "opportunities", "viewMode", "categoryTitle"], [3, "strength", "viewMode", "allMetrics", "allCharts", "currentModalState"], [3, "gap", "viewMode", "allMetrics", "allCharts", "currentModalState"], [3, "opportunity", "viewMode", "allMetrics", "allCharts", "currentModalState"], ["type", "button", 1, "p-1.5", "rounded-md", "transition-colors", "cursor-pointer", "hover:scale-110", "flex-shrink-0", 3, "click", "ngClass"], ["size", "w-4 h-4", 3, "icon"], [1, "flex", "items-center", "gap-2", "flex-wrap", "flex-1", "min-w-0"], [1, "opacity-90", "font-medium", "truncate"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "ngClass"], [1, "opacity-75", "font-medium", "truncate"], ["size", "w-4 h-4", 1, "opacity-50", "flex-shrink-0", 3, "icon"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], [1, "px-3", "py-1", "text-xs", "font-semibold", "rounded-full", 3, "ngClass"], [3, "showObjectives", "goal", "viewMode", "allInsights", "allMetrics", "allBusinessInsights", "allCharts"], [1, "text-sm", "mb-6", 3, "ngClass"], [1, "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:shadow-lg", "cursor-pointer", "group", 3, "ngClass"], [1, "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:shadow-lg", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "flex", "items-center", "justify-center", "rounded-full", "text-xs", "font-bold", "border-2", "backdrop-blur-md", "transition-all", "duration-300", "group-hover:scale-110", 3, "ngClass", "ngStyle"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "mb-2", "transition-colors", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "mt-3", "flex", "items-center"], [1, "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transition-colors", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "text-xs", "font-semibold", "rounded-full", "border", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["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"], [3, "cardNavigate", "recommendation", "viewMode", "animationIndex", "showNavigationChevron", "inModalContext"], [3, "close", "scrollToTop", "item", "viewMode", "sectionTitle", "subsectionTitle", "isCompactMode", "fromProfileAnalysis"], [1, "space-y-3"], [1, "text-xs", "font-bold", "uppercase", "tracking-wider", "px-1", 3, "ngClass"], [3, "metricClick", "metric", "isLightMode", "animationKey"], [3, "chartClick", "chart", "viewMode", "isLightMode"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "min-h-[500px]"], [3, "chart", "showAxisLabels", "viewMode"], [1, "flex", "items-center", "justify-center", "py-12"], [1, "animate-spin", "rounded-full", "h-8", "w-8", 3, "ngClass"], [3, "priorityClick", "priorities", "viewMode", "focusAreaName"]], template: function ProfileAnalysisModalComponent_Template(rf, ctx) { if (rf & 1) {
43657
+ } }, inputs: { isLightMode: [1, "isLightMode"], allMetrics: [1, "allMetrics"], allInsights: [1, "allInsights"], allCharts: [1, "allCharts"], allBusinessInsights: [1, "allBusinessInsights"] }, ngContentSelectors: _c2$c, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "overflow-y-auto", 3, "click"], [1, "flex", "items-center", "justify-center", "min-h-screen", "px-4", "pt-4", "pb-20", "text-center", "sm:block", "sm:p-0"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "ngClass"], ["aria-hidden", "true", 1, "hidden", "sm:inline-block", "sm:align-middle", "sm:h-screen"], [1, "relative", "inline-block", "align-bottom", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "sm:my-8", "sm:align-middle", "sm:w-full", "sm:max-w-5xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "text-sm", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-2xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "ml-4"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "z-[10001]", "relative", "ml-4", 3, "click", "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", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "viewMode", "allInsights", "allMetrics", "allBusinessInsights", "allCharts"], [1, "space-y-4"], [1, "space-y-6"], [3, "recommendation", "viewMode", "forceExpanded", "showNavigationChevron", "inModalContext", "isCompactMode", "fromProfileAnalysis", "animationIndex", "allMetrics", "allCharts", "allInsights", "currentModalState", "goalTitle", "objectiveTitle", "strategyTitle"], [3, "item", "viewMode", "sectionTitle", "subsectionTitle", "isCompactMode", "fromProfileAnalysis"], [3, "metric", "insights", "charts", "allCharts", "isLightMode", "isInModal", "currentModalState", "viewMode"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "isInModal", "isLoading", "isCompactMode", "viewMode", "currentModalState"], [1, "chart-modal-content"], [3, "keyStrengths", "viewMode"], [3, "criticalGaps", "viewMode"], [3, "strength", "viewMode"], [3, "gap", "viewMode"], [3, "priorities", "viewMode", "focusAreaName"], [3, "priority", "index", "totalCount", "viewMode", "focusAreaName"], [3, "strengths", "viewMode", "categoryTitle"], [3, "gaps", "viewMode", "categoryTitle"], [3, "opportunities", "viewMode", "categoryTitle"], [3, "strength", "viewMode", "allMetrics", "allCharts", "currentModalState"], [3, "gap", "viewMode", "allMetrics", "allCharts", "currentModalState"], [3, "opportunity", "viewMode", "allMetrics", "allCharts", "currentModalState"], ["type", "button", 1, "p-1.5", "rounded-md", "transition-colors", "cursor-pointer", "hover:scale-110", "flex-shrink-0", 3, "click", "ngClass"], ["size", "w-4 h-4", 3, "icon"], [1, "flex", "items-center", "gap-2", "flex-wrap", "flex-1", "min-w-0"], [1, "opacity-90", "font-medium", "truncate"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "ngClass"], [1, "opacity-75", "font-medium", "truncate"], ["size", "w-4 h-4", 1, "opacity-50", "flex-shrink-0", 3, "icon"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], [1, "px-3", "py-1", "text-xs", "font-semibold", "rounded-full", 3, "ngClass"], [3, "showObjectives", "goal", "viewMode", "allInsights", "allMetrics", "allBusinessInsights", "allCharts"], [1, "text-sm", "mb-6", 3, "ngClass"], [1, "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:shadow-lg", "cursor-pointer", "group", 3, "ngClass"], [1, "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:shadow-lg", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "flex", "items-center", "justify-center", "rounded-full", "text-xs", "font-bold", "border-2", "backdrop-blur-md", "transition-all", "duration-300", "group-hover:scale-110", 3, "ngClass", "ngStyle"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "mb-2", "transition-colors", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "mt-3", "flex", "items-center"], [1, "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transition-colors", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "text-xs", "font-semibold", "rounded-full", "border", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["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"], [3, "cardNavigate", "recommendation", "viewMode", "animationIndex", "showNavigationChevron", "inModalContext"], [3, "close", "scrollToTop", "item", "viewMode", "sectionTitle", "subsectionTitle", "isCompactMode", "fromProfileAnalysis"], [1, "space-y-3"], [1, "text-xs", "font-bold", "uppercase", "tracking-wider", "px-1", 3, "ngClass"], [3, "metricClick", "metric", "isLightMode", "animationKey"], [3, "chartClick", "chart", "viewMode", "isLightMode"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "min-h-[500px]"], [3, "chart", "showAxisLabels", "viewMode"], [1, "flex", "items-center", "justify-center", "py-12"], [1, "animate-spin", "rounded-full", "h-8", "w-8", 3, "ngClass"], [3, "priorityClick", "priorities", "viewMode", "focusAreaName"]], template: function ProfileAnalysisModalComponent_Template(rf, ctx) { if (rf & 1) {
43658
43658
  i0.ɵɵprojectionDef();
43659
43659
  i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Template, 45, 21, "div", 2);
43660
43660
  } if (rf & 2) {
@@ -44204,8 +44204,8 @@ class ProfileAnalysisModalComponent {
44204
44204
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisModalComponent, { className: "ProfileAnalysisModalComponent", filePath: "lib/components/profile-analysis-dashboard/profile-analysis-modal.component.ts", lineNumber: 554 }); })();
44205
44205
 
44206
44206
  const _c0$D = a0 => ({ name: "light-bulb", source: a0 });
44207
- const _c1$h = a0 => ({ name: "trophy", source: a0 });
44208
- const _c2$a = a0 => ({ name: "academic-cap", source: a0 });
44207
+ const _c1$i = a0 => ({ name: "trophy", source: a0 });
44208
+ const _c2$b = a0 => ({ name: "academic-cap", source: a0 });
44209
44209
  const _c3$8 = a0 => ({ name: "signal", source: a0 });
44210
44210
  const _c4$5 = a0 => ({ name: "wrench-screwdriver", source: a0 });
44211
44211
  const _c5$3 = a0 => ({ name: "link", source: a0 });
@@ -44242,7 +44242,7 @@ function CompetitiveGapModalComponent_Conditional_10_Template(rf, ctx) { if (rf
44242
44242
  const ctx_r0 = i0.ɵɵnextContext();
44243
44243
  i0.ɵɵproperty("ngClass", ctx_r0.sectionClasses());
44244
44244
  i0.ɵɵadvance(2);
44245
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$h, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
44245
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$i, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
44246
44246
  i0.ɵɵadvance();
44247
44247
  i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
44248
44248
  i0.ɵɵadvance(2);
@@ -44263,7 +44263,7 @@ function CompetitiveGapModalComponent_Conditional_11_Template(rf, ctx) { if (rf
44263
44263
  const ctx_r0 = i0.ɵɵnextContext();
44264
44264
  i0.ɵɵproperty("ngClass", ctx_r0.sectionClasses());
44265
44265
  i0.ɵɵadvance(2);
44266
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$a, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
44266
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$b, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
44267
44267
  i0.ɵɵadvance();
44268
44268
  i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
44269
44269
  i0.ɵɵadvance(2);
@@ -44535,8 +44535,8 @@ class CompetitiveGapModalComponent {
44535
44535
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveGapModalComponent, { className: "CompetitiveGapModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/competitive-gap-modal.component.ts", lineNumber: 101 }); })();
44536
44536
 
44537
44537
  const _c0$C = a0 => ({ name: "list-bullet", source: a0 });
44538
- const _c1$g = a0 => ({ name: "arrow-right", source: a0 });
44539
- const _c2$9 = a0 => ({ name: "check-circle", source: a0 });
44538
+ const _c1$h = a0 => ({ name: "arrow-right", source: a0 });
44539
+ const _c2$a = a0 => ({ name: "check-circle", source: a0 });
44540
44540
  const _c3$7 = a0 => ({ name: "exclamation-circle", source: a0 });
44541
44541
  const _forTrack0$w = ($index, $item) => $item.order;
44542
44542
  function RecommendationActionStepsModalComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -44576,7 +44576,7 @@ function RecommendationActionStepsModalComponent_For_4_Conditional_12_Template(r
44576
44576
  const ctx_r0 = i0.ɵɵnextContext();
44577
44577
  i0.ɵɵproperty("ngClass", ctx_r0.outcomeContainerClasses());
44578
44578
  i0.ɵɵadvance(2);
44579
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$9, ctx_r0.iconSource))("ngClass", ctx_r0.outcomeIconClasses());
44579
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c2$a, ctx_r0.iconSource))("ngClass", ctx_r0.outcomeIconClasses());
44580
44580
  i0.ɵɵadvance();
44581
44581
  i0.ɵɵproperty("ngClass", ctx_r0.outcomeTitleClasses());
44582
44582
  i0.ɵɵadvance(2);
@@ -44607,7 +44607,7 @@ function RecommendationActionStepsModalComponent_For_4_Template(rf, ctx) { if (r
44607
44607
  i0.ɵɵadvance();
44608
44608
  i0.ɵɵtextInterpolate1(" ", step_r2.order, " ");
44609
44609
  i0.ɵɵadvance(4);
44610
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$g, ctx_r0.iconSource))("ngClass", ctx_r0.actionIconClasses());
44610
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$h, ctx_r0.iconSource))("ngClass", ctx_r0.actionIconClasses());
44611
44611
  i0.ɵɵadvance();
44612
44612
  i0.ɵɵproperty("ngClass", ctx_r0.actionTitleClasses());
44613
44613
  i0.ɵɵadvance(2);
@@ -44775,7 +44775,7 @@ class RecommendationActionStepsModalComponent {
44775
44775
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecommendationActionStepsModalComponent, { className: "RecommendationActionStepsModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/recommendation-action-steps-modal.component.ts", lineNumber: 69 }); })();
44776
44776
 
44777
44777
  const _c0$B = ["modalContent"];
44778
- const _c1$f = ["modalWrapper"];
44778
+ const _c1$g = ["modalWrapper"];
44779
44779
  function BusinessAnalysisModalComponent_Conditional_0_Conditional_10_For_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
44780
44780
  const _r4 = i0.ɵɵgetCurrentView();
44781
44781
  i0.ɵɵelementStart(0, "button", 28);
@@ -45298,7 +45298,7 @@ class BusinessAnalysisModalComponent {
45298
45298
  static { this.ɵfac = function BusinessAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BusinessAnalysisModalComponent)(); }; }
45299
45299
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BusinessAnalysisModalComponent, selectors: [["symphiq-business-analysis-modal"]], viewQuery: function BusinessAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
45300
45300
  i0.ɵɵviewQuery(_c0$B, 5);
45301
- i0.ɵɵviewQuery(_c1$f, 5);
45301
+ i0.ɵɵviewQuery(_c1$g, 5);
45302
45302
  } if (rf & 2) {
45303
45303
  let _t;
45304
45304
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
@@ -45936,8 +45936,8 @@ class IndeterminateSpinnerComponent {
45936
45936
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IndeterminateSpinnerComponent, { className: "IndeterminateSpinnerComponent", filePath: "lib/components/shared/indeterminate-spinner.component.ts", lineNumber: 94 }); })();
45937
45937
 
45938
45938
  const _c0$A = ["dashboardContainer"];
45939
- const _c1$e = () => ({});
45940
- const _c2$8 = () => [1, 2, 3, 4, 5, 6];
45939
+ const _c1$f = () => ({});
45940
+ const _c2$9 = () => [1, 2, 3, 4, 5, 6];
45941
45941
  const _c3$6 = () => [1, 2, 3];
45942
45942
  const _c4$4 = () => [1, 2, 3, 4];
45943
45943
  const _c5$2 = () => [1, 2];
@@ -46271,7 +46271,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_52_Conditional_8_Co
46271
46271
  i0.ɵɵelementEnd();
46272
46272
  } if (rf & 2) {
46273
46273
  const ctx_r2 = i0.ɵɵnextContext(3);
46274
- i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$e))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", true)("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
46274
+ i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$f))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", true)("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
46275
46275
  } }
46276
46276
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_52_Conditional_8_Template(rf, ctx) { if (rf & 1) {
46277
46277
  i0.ɵɵelementStart(0, "div", 76);
@@ -46421,7 +46421,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_2_Co
46421
46421
  i0.ɵɵelementEnd();
46422
46422
  } if (rf & 2) {
46423
46423
  const ctx_r2 = i0.ɵɵnextContext(3);
46424
- i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$e))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
46424
+ i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$f))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
46425
46425
  } }
46426
46426
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_2_Template(rf, ctx) { if (rf & 1) {
46427
46427
  i0.ɵɵelementStart(0, "div", 96);
@@ -46477,7 +46477,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_3_Co
46477
46477
  i0.ɵɵelementEnd();
46478
46478
  } if (rf & 2) {
46479
46479
  i0.ɵɵadvance();
46480
- i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2$8));
46480
+ i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c2$9));
46481
46481
  } }
46482
46482
  function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_3_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
46483
46483
  i0.ɵɵelementStart(0, "div", 115);
@@ -59920,7 +59920,7 @@ class UserDisplayComponent {
59920
59920
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserDisplayComponent, { className: "UserDisplayComponent", filePath: "lib/components/shared/user-display.component.ts", lineNumber: 27 }); })();
59921
59921
 
59922
59922
  const _c0$v = ["absoluteInputRef"];
59923
- const _c1$d = ["percentageInputRef"];
59923
+ const _c1$e = ["percentageInputRef"];
59924
59924
  const _forTrack0$o = ($index, $item) => $item.id;
59925
59925
  function EditMetricTargetModalComponent_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
59926
59926
  const _r3 = i0.ɵɵgetCurrentView();
@@ -61053,7 +61053,7 @@ class EditMetricTargetModalComponent {
61053
61053
  static { this.ɵfac = function EditMetricTargetModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EditMetricTargetModalComponent)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
61054
61054
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditMetricTargetModalComponent, selectors: [["symphiq-edit-metric-target-modal"]], viewQuery: function EditMetricTargetModalComponent_Query(rf, ctx) { if (rf & 1) {
61055
61055
  i0.ɵɵviewQuery(_c0$v, 5);
61056
- i0.ɵɵviewQuery(_c1$d, 5);
61056
+ i0.ɵɵviewQuery(_c1$e, 5);
61057
61057
  } if (rf & 2) {
61058
61058
  let _t;
61059
61059
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
@@ -61486,7 +61486,7 @@ class EditMetricTargetModalComponent {
61486
61486
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditMetricTargetModalComponent, { className: "EditMetricTargetModalComponent", filePath: "lib/components/revenue-calculator-dashboard/edit-metric-target-modal.component.ts", lineNumber: 407 }); })();
61487
61487
 
61488
61488
  const _c0$u = ["absoluteInputRef"];
61489
- const _c1$c = ["percentageInputRef"];
61489
+ const _c1$d = ["percentageInputRef"];
61490
61490
  function InitialTargetSettingComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
61491
61491
  i0.ɵɵtext(0);
61492
61492
  } if (rf & 2) {
@@ -62778,7 +62778,7 @@ class InitialTargetSettingComponent {
62778
62778
  static { this.ɵfac = function InitialTargetSettingComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InitialTargetSettingComponent)(); }; }
62779
62779
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InitialTargetSettingComponent, selectors: [["symphiq-initial-target-setting"]], viewQuery: function InitialTargetSettingComponent_Query(rf, ctx) { if (rf & 1) {
62780
62780
  i0.ɵɵviewQuery(_c0$u, 5);
62781
- i0.ɵɵviewQuery(_c1$c, 5);
62781
+ i0.ɵɵviewQuery(_c1$d, 5);
62782
62782
  } if (rf & 2) {
62783
62783
  let _t;
62784
62784
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
@@ -64305,7 +64305,7 @@ class HierarchyDisplayComponent {
64305
64305
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HierarchyDisplayComponent, { className: "HierarchyDisplayComponent", filePath: "lib/components/business-analysis-dashboard/hierarchy-display.component.ts", lineNumber: 119 }); })();
64306
64306
 
64307
64307
  const _c0$s = a0 => ({ name: "chart-bar", source: a0 });
64308
- const _c1$b = a0 => ({ name: "light-bulb", source: a0 });
64308
+ const _c1$c = a0 => ({ name: "light-bulb", source: a0 });
64309
64309
  function CompetitiveBenchmarkCardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
64310
64310
  const _r1 = i0.ɵɵgetCurrentView();
64311
64311
  i0.ɵɵelementStart(0, "div", 7)(1, "button", 8);
@@ -64510,7 +64510,7 @@ class CompetitiveBenchmarkCardComponent {
64510
64510
  i0.ɵɵadvance();
64511
64511
  i0.ɵɵproperty("ngClass", ctx.getSectionClasses());
64512
64512
  i0.ɵɵadvance(2);
64513
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(23, _c1$b, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.getSectionIconClasses());
64513
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(23, _c1$c, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.getSectionIconClasses());
64514
64514
  i0.ɵɵadvance();
64515
64515
  i0.ɵɵproperty("ngClass", ctx.getSectionTitleClasses());
64516
64516
  i0.ɵɵadvance(2);
@@ -70178,8 +70178,8 @@ class RelatedGoalChipsComponent {
70178
70178
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedGoalChipsComponent, { className: "RelatedGoalChipsComponent", filePath: "lib/components/profile-analysis-dashboard/shared/related-goal-chips.component.ts", lineNumber: 31 }); })();
70179
70179
 
70180
70180
  const _c0$n = a0 => ({ name: "chevron-right", source: a0 });
70181
- const _c1$a = a0 => ({ name: "chevron-down", source: a0 });
70182
- const _c2$7 = a0 => [a0];
70181
+ const _c1$b = a0 => ({ name: "chevron-down", source: a0 });
70182
+ const _c2$8 = a0 => [a0];
70183
70183
  function FocusAreaExecutiveSummaryComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
70184
70184
  i0.ɵɵelement(0, "symphiq-grade-badge", 7);
70185
70185
  } if (rf & 2) {
@@ -70256,7 +70256,7 @@ function FocusAreaExecutiveSummaryComponent_Conditional_33_For_5_Conditional_13_
70256
70256
  i0.ɵɵadvance();
70257
70257
  i0.ɵɵproperty("ngClass", ctx_r0.getMetaTextClasses());
70258
70258
  i0.ɵɵadvance(2);
70259
- i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c2$7, win_r2.relatedGoalId))("allGoals", ctx_r0.allGoals())("viewMode", ctx_r0.viewMode());
70259
+ i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c2$8, win_r2.relatedGoalId))("allGoals", ctx_r0.allGoals())("viewMode", ctx_r0.viewMode());
70260
70260
  } }
70261
70261
  function FocusAreaExecutiveSummaryComponent_Conditional_33_For_5_Template(rf, ctx) { if (rf & 1) {
70262
70262
  i0.ɵɵelementStart(0, "div", 29)(1, "div", 30)(2, "div", 31)(3, "span", 32);
@@ -70518,7 +70518,7 @@ class FocusAreaExecutiveSummaryComponent {
70518
70518
  i0.ɵɵadvance(2);
70519
70519
  i0.ɵɵproperty("ngClass", ctx.getQuickWinsButtonTextClasses());
70520
70520
  i0.ɵɵadvance(2);
70521
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(24, _c1$a, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.getQuickWinsButtonTextClasses());
70521
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(24, _c1$b, ctx.IconSourceEnum.HEROICONS))("ngClass", ctx.getQuickWinsButtonTextClasses());
70522
70522
  i0.ɵɵadvance();
70523
70523
  i0.ɵɵconditional(((tmp_21_0 = ctx.summary()) == null ? null : tmp_21_0.quickWins == null ? null : tmp_21_0.quickWins.length) ? 33 : -1);
70524
70524
  } }, dependencies: [CommonModule, i1$1.NgClass, GradeBadgeComponent,
@@ -70718,8 +70718,8 @@ class FocusAreaExecutiveSummaryComponent {
70718
70718
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaExecutiveSummaryComponent, { className: "FocusAreaExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-dashboard/focus-area-executive-summary.component.ts", lineNumber: 195 }); })();
70719
70719
 
70720
70720
  const _c0$m = a0 => ({ name: "chart-bar", source: a0 });
70721
- const _c1$9 = a0 => ({ name: "signal", source: a0 });
70722
- const _c2$6 = (a0, a1) => ({ name: a0, source: a1 });
70721
+ const _c1$a = a0 => ({ name: "signal", source: a0 });
70722
+ const _c2$7 = (a0, a1) => ({ name: a0, source: a1 });
70723
70723
  const _c3$5 = a0 => ({ name: "flag", source: a0 });
70724
70724
  const _c4$3 = a0 => ({ name: "arrow-trending-up", source: a0 });
70725
70725
  const _c5$1 = a0 => ({ name: "heart", source: a0 });
@@ -70752,7 +70752,7 @@ function MetricExecutiveSummaryComponent_Conditional_17_Conditional_7_Template(r
70752
70752
  } if (rf & 2) {
70753
70753
  const ctx_r0 = i0.ɵɵnextContext(2);
70754
70754
  i0.ɵɵadvance();
70755
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(4, _c2$6, ctx_r0.getYoyIcon(), ctx_r0.iconSource))("ngClass", ctx_r0.yoyChangeClasses());
70755
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(4, _c2$7, ctx_r0.getYoyIcon(), ctx_r0.iconSource))("ngClass", ctx_r0.yoyChangeClasses());
70756
70756
  i0.ɵɵadvance();
70757
70757
  i0.ɵɵproperty("ngClass", ctx_r0.yoyChangeClasses());
70758
70758
  i0.ɵɵadvance();
@@ -70773,7 +70773,7 @@ function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (
70773
70773
  const ctx_r0 = i0.ɵɵnextContext();
70774
70774
  i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
70775
70775
  i0.ɵɵadvance(2);
70776
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$9, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
70776
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$a, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
70777
70777
  i0.ɵɵadvance();
70778
70778
  i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
70779
70779
  i0.ɵɵadvance(2);
@@ -74487,7 +74487,7 @@ class OperationalCategoryCardComponent {
74487
74487
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OperationalCategoryCardComponent, { className: "OperationalCategoryCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/operational-category-card.component.ts", lineNumber: 164 }); })();
74488
74488
 
74489
74489
  const _c0$h = a0 => ({ name: "arrow-trending-up", source: a0 });
74490
- const _c1$8 = a0 => ({ name: "chat-bubble-left-right", source: a0 });
74490
+ const _c1$9 = a0 => ({ name: "chat-bubble-left-right", source: a0 });
74491
74491
  const _forTrack0$h = ($index, $item) => $item.questionId;
74492
74492
  function KeyDriverCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
74493
74493
  i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
@@ -74514,7 +74514,7 @@ function KeyDriverCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
74514
74514
  const ctx_r1 = i0.ɵɵnextContext();
74515
74515
  i0.ɵɵproperty("ngClass", ctx_r1.supportingAnswersClasses());
74516
74516
  i0.ɵɵadvance(2);
74517
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$8, ctx_r1.iconSource))("ngClass", ctx_r1.supportingLabelClasses());
74517
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$9, ctx_r1.iconSource))("ngClass", ctx_r1.supportingLabelClasses());
74518
74518
  i0.ɵɵadvance();
74519
74519
  i0.ɵɵproperty("ngClass", ctx_r1.supportingLabelClasses());
74520
74520
  i0.ɵɵadvance(2);
@@ -74697,7 +74697,7 @@ class KeyDriverCardComponent {
74697
74697
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyDriverCardComponent, { className: "KeyDriverCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/key-driver-card.component.ts", lineNumber: 73 }); })();
74698
74698
 
74699
74699
  const _c0$g = a0 => ({ name: "exclamation-triangle", source: a0 });
74700
- const _c1$7 = a0 => ({ name: "chat-bubble-left-right", source: a0 });
74700
+ const _c1$8 = a0 => ({ name: "chat-bubble-left-right", source: a0 });
74701
74701
  const _forTrack0$g = ($index, $item) => $item.questionId;
74702
74702
  function BottleneckCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
74703
74703
  i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
@@ -74724,7 +74724,7 @@ function BottleneckCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1)
74724
74724
  const ctx_r1 = i0.ɵɵnextContext();
74725
74725
  i0.ɵɵproperty("ngClass", ctx_r1.supportingAnswersClasses());
74726
74726
  i0.ɵɵadvance(2);
74727
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$7, ctx_r1.iconSource))("ngClass", ctx_r1.supportingLabelClasses());
74727
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$8, ctx_r1.iconSource))("ngClass", ctx_r1.supportingLabelClasses());
74728
74728
  i0.ɵɵadvance();
74729
74729
  i0.ɵɵproperty("ngClass", ctx_r1.supportingLabelClasses());
74730
74730
  i0.ɵɵadvance(2);
@@ -74924,8 +74924,8 @@ class BottleneckCardComponent {
74924
74924
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BottleneckCardComponent, { className: "BottleneckCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/bottleneck-card.component.ts", lineNumber: 104 }); })();
74925
74925
 
74926
74926
  const _c0$f = a0 => ({ name: "arrow-right", source: a0 });
74927
- const _c1$6 = a0 => ({ name: "arrow-left", source: a0 });
74928
- const _c2$5 = a0 => ({ name: "arrows-right-left", source: a0 });
74927
+ const _c1$7 = a0 => ({ name: "arrow-left", source: a0 });
74928
+ const _c2$6 = a0 => ({ name: "arrows-right-left", source: a0 });
74929
74929
  const _c3$4 = a0 => ({ name: "scale", source: a0 });
74930
74930
  const _forTrack0$f = ($index, $item) => $item.metric;
74931
74931
  function MetricRelationshipsCardComponent_Conditional_1_For_8_Template(rf, ctx) { if (rf & 1) {
@@ -74988,7 +74988,7 @@ function MetricRelationshipsCardComponent_Conditional_2_Template(rf, ctx) { if (
74988
74988
  i0.ɵɵadvance(2);
74989
74989
  i0.ɵɵproperty("ngClass", ctx_r1.getIconClasses("influencedBy"));
74990
74990
  i0.ɵɵadvance();
74991
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$6, ctx_r1.iconSource));
74991
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c1$7, ctx_r1.iconSource));
74992
74992
  i0.ɵɵadvance();
74993
74993
  i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
74994
74994
  i0.ɵɵadvance(3);
@@ -75034,7 +75034,7 @@ function MetricRelationshipsCardComponent_Conditional_3_Template(rf, ctx) { if (
75034
75034
  i0.ɵɵadvance(2);
75035
75035
  i0.ɵɵproperty("ngClass", ctx_r1.getIconClasses("tradeOffs"));
75036
75036
  i0.ɵɵadvance();
75037
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$5, ctx_r1.iconSource));
75037
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$6, ctx_r1.iconSource));
75038
75038
  i0.ɵɵadvance();
75039
75039
  i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
75040
75040
  i0.ɵɵadvance(3);
@@ -75906,8 +75906,8 @@ class RelatedMetricsListComponent {
75906
75906
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricsListComponent, { className: "RelatedMetricsListComponent", filePath: "lib/components/profile-analysis-dashboard/cards/related-metrics-list.component.ts", lineNumber: 170 }); })();
75907
75907
 
75908
75908
  const _c0$d = (a0, a1) => ({ name: a0, source: a1 });
75909
- const _c1$5 = a0 => ({ name: "signal", source: a0 });
75910
- const _c2$4 = a0 => ({ name: "calendar", source: a0 });
75909
+ const _c1$6 = a0 => ({ name: "signal", source: a0 });
75910
+ const _c2$5 = a0 => ({ name: "calendar", source: a0 });
75911
75911
  const _c3$3 = a0 => ({ name: "flag", source: a0 });
75912
75912
  class PerformanceMetricsCardComponent {
75913
75913
  constructor() {
@@ -76121,7 +76121,7 @@ class PerformanceMetricsCardComponent {
76121
76121
  i0.ɵɵadvance(2);
76122
76122
  i0.ɵɵproperty("ngClass", ctx.metricBoxClasses());
76123
76123
  i0.ɵɵadvance(2);
76124
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(35, _c1$5, ctx.iconSource))("ngClass", ctx.labelClasses());
76124
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(35, _c1$6, ctx.iconSource))("ngClass", ctx.labelClasses());
76125
76125
  i0.ɵɵadvance();
76126
76126
  i0.ɵɵproperty("ngClass", ctx.labelClasses());
76127
76127
  i0.ɵɵadvance(2);
@@ -76131,7 +76131,7 @@ class PerformanceMetricsCardComponent {
76131
76131
  i0.ɵɵadvance();
76132
76132
  i0.ɵɵproperty("ngClass", ctx.metricBoxClasses());
76133
76133
  i0.ɵɵadvance(2);
76134
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(37, _c2$4, ctx.iconSource))("ngClass", ctx.labelClasses());
76134
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(37, _c2$5, ctx.iconSource))("ngClass", ctx.labelClasses());
76135
76135
  i0.ɵɵadvance();
76136
76136
  i0.ɵɵproperty("ngClass", ctx.labelClasses());
76137
76137
  i0.ɵɵadvance(2);
@@ -76264,8 +76264,8 @@ class PerformanceMetricsCardComponent {
76264
76264
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PerformanceMetricsCardComponent, { className: "PerformanceMetricsCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/performance-metrics-card.component.ts", lineNumber: 144 }); })();
76265
76265
 
76266
76266
  const _c0$c = a0 => ({ name: "funnel", source: a0 });
76267
- const _c1$4 = a0 => ({ name: "chart-bar-square", source: a0 });
76268
- const _c2$3 = a0 => ({ name: "chevron-right", source: a0 });
76267
+ const _c1$5 = a0 => ({ name: "chart-bar-square", source: a0 });
76268
+ const _c2$4 = a0 => ({ name: "chevron-right", source: a0 });
76269
76269
  const _c3$2 = a0 => ({ name: "arrow-left", source: a0 });
76270
76270
  const _c4$2 = a0 => ({ name: "arrow-right", source: a0 });
76271
76271
  function FunnelContextCardComponent_Conditional_13_For_7_Template(rf, ctx) { if (rf & 1) {
@@ -76284,7 +76284,7 @@ function FunnelContextCardComponent_Conditional_13_For_7_Template(rf, ctx) { if
76284
76284
  i0.ɵɵadvance(2);
76285
76285
  i0.ɵɵtextInterpolate(ctx_r2.formatMetricName(metric_r2));
76286
76286
  i0.ɵɵadvance();
76287
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$3, ctx_r2.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r2.chevronIconClasses());
76287
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$4, ctx_r2.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r2.chevronIconClasses());
76288
76288
  } }
76289
76289
  function FunnelContextCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
76290
76290
  i0.ɵɵelementStart(0, "div", 9)(1, "div", 10);
@@ -76320,7 +76320,7 @@ function FunnelContextCardComponent_Conditional_14_For_7_Template(rf, ctx) { if
76320
76320
  i0.ɵɵadvance(2);
76321
76321
  i0.ɵɵtextInterpolate(ctx_r2.formatMetricName(metric_r5));
76322
76322
  i0.ɵɵadvance();
76323
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$3, ctx_r2.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r2.chevronIconClasses());
76323
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$4, ctx_r2.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r2.chevronIconClasses());
76324
76324
  } }
76325
76325
  function FunnelContextCardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
76326
76326
  i0.ɵɵelementStart(0, "div")(1, "div", 10);
@@ -76460,11 +76460,11 @@ class FunnelContextCardComponent {
76460
76460
  i0.ɵɵadvance(3);
76461
76461
  i0.ɵɵproperty("ngClass", ctx.stageBadgeClasses());
76462
76462
  i0.ɵɵadvance();
76463
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(15, _c1$4, ctx.iconSource));
76463
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(15, _c1$5, ctx.iconSource));
76464
76464
  i0.ɵɵadvance(2);
76465
76465
  i0.ɵɵtextInterpolate(ctx.formatFunnelStage(ctx.context().funnelStage));
76466
76466
  i0.ɵɵadvance();
76467
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(17, _c2$3, ctx.IconSourceEnumValue.HEROICONS))("ngClass", ctx.stageBadgeChevronClasses());
76467
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(17, _c2$4, ctx.IconSourceEnumValue.HEROICONS))("ngClass", ctx.stageBadgeChevronClasses());
76468
76468
  i0.ɵɵadvance();
76469
76469
  i0.ɵɵproperty("ngClass", ctx.descriptionClasses());
76470
76470
  i0.ɵɵadvance();
@@ -76591,8 +76591,8 @@ class FunnelContextCardComponent {
76591
76591
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelContextCardComponent, { className: "FunnelContextCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/funnel-context-card.component.ts", lineNumber: 125 }); })();
76592
76592
 
76593
76593
  const _c0$b = (a0, a1) => ({ name: a0, source: a1 });
76594
- const _c1$3 = a0 => ({ name: "target", source: a0 });
76595
- const _c2$2 = a0 => ({ name: "star", source: a0 });
76594
+ const _c1$4 = a0 => ({ name: "target", source: a0 });
76595
+ const _c2$3 = a0 => ({ name: "star", source: a0 });
76596
76596
  class MetricComparisonStatsComponent {
76597
76597
  constructor() {
76598
76598
  this.stats = signal({
@@ -76815,7 +76815,7 @@ class MetricComparisonStatsComponent {
76815
76815
  i0.ɵɵadvance();
76816
76816
  i0.ɵɵproperty("ngClass", ctx.statCardClasses());
76817
76817
  i0.ɵɵadvance(2);
76818
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(27, _c1$3, ctx.iconSource))("ngClass", ctx.gapIconClasses());
76818
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(27, _c1$4, ctx.iconSource))("ngClass", ctx.gapIconClasses());
76819
76819
  i0.ɵɵadvance();
76820
76820
  i0.ɵɵproperty("ngClass", ctx.labelClasses());
76821
76821
  i0.ɵɵadvance(2);
@@ -76829,7 +76829,7 @@ class MetricComparisonStatsComponent {
76829
76829
  i0.ɵɵadvance();
76830
76830
  i0.ɵɵproperty("ngClass", ctx.statCardClasses());
76831
76831
  i0.ɵɵadvance(2);
76832
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(29, _c2$2, ctx.iconSource))("ngClass", ctx.ratingIconClasses());
76832
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(29, _c2$3, ctx.iconSource))("ngClass", ctx.ratingIconClasses());
76833
76833
  i0.ɵɵadvance();
76834
76834
  i0.ɵɵproperty("ngClass", ctx.labelClasses());
76835
76835
  i0.ɵɵadvance(2);
@@ -77034,8 +77034,8 @@ class PerformanceOverviewContainerComponent {
77034
77034
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PerformanceOverviewContainerComponent, { className: "PerformanceOverviewContainerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/performance-overview-container.component.ts", lineNumber: 58 }); })();
77035
77035
 
77036
77036
  const _c0$a = a0 => ({ name: "chevron-right", source: a0 });
77037
- const _c1$2 = a0 => ({ name: "chevron-down", source: a0 });
77038
- const _c2$1 = a0 => ({ name: "clock", source: a0 });
77037
+ const _c1$3 = a0 => ({ name: "chevron-down", source: a0 });
77038
+ const _c2$2 = a0 => ({ name: "clock", source: a0 });
77039
77039
  const _c3$1 = a0 => [a0];
77040
77040
  const _c4$1 = () => [];
77041
77041
  const _c5 = a0 => ({ name: "chart-bar", source: a0 });
@@ -77095,7 +77095,7 @@ function ProfileSectionContentComponent_Conditional_1_Conditional_34_For_5_Condi
77095
77095
  const ctx_r1 = i0.ɵɵnextContext(3);
77096
77096
  i0.ɵɵproperty("ngClass", ctx_r1.metaTextClasses());
77097
77097
  i0.ɵɵadvance();
77098
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c2$1, ctx_r1.IconSourceEnumValue.HEROICONS));
77098
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c2$2, ctx_r1.IconSourceEnumValue.HEROICONS));
77099
77099
  i0.ɵɵadvance(2);
77100
77100
  i0.ɵɵtextInterpolate(win_r3.estimatedTimeframe);
77101
77101
  } }
@@ -77260,7 +77260,7 @@ function ProfileSectionContentComponent_Conditional_1_Template(rf, ctx) { if (rf
77260
77260
  i0.ɵɵadvance(2);
77261
77261
  i0.ɵɵproperty("ngClass", ctx_r1.quickWinsButtonClasses());
77262
77262
  i0.ɵɵadvance(2);
77263
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(30, _c1$2, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.quickWinsButtonClasses());
77263
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(30, _c1$3, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.quickWinsButtonClasses());
77264
77264
  i0.ɵɵadvance();
77265
77265
  i0.ɵɵconditional(ctx_r1.getQuickWins() && ctx_r1.getQuickWins().length > 0 ? 34 : -1);
77266
77266
  } }
@@ -77672,7 +77672,7 @@ function ProfileSectionContentComponent_Conditional_11_Conditional_2_For_5_Condi
77672
77672
  const recommendation_r19 = i0.ɵɵnextContext().$implicit;
77673
77673
  const ctx_r1 = i0.ɵɵnextContext(3);
77674
77674
  i0.ɵɵadvance();
77675
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$1, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.summaryTextClasses());
77675
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$2, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.summaryTextClasses());
77676
77676
  i0.ɵɵadvance();
77677
77677
  i0.ɵɵproperty("ngClass", ctx_r1.summaryTextClasses());
77678
77678
  i0.ɵɵadvance();
@@ -77932,7 +77932,7 @@ function ProfileSectionContentComponent_Conditional_13_For_3_Conditional_9_Templ
77932
77932
  const phase_r24 = i0.ɵɵnextContext().$implicit;
77933
77933
  const ctx_r1 = i0.ɵɵnextContext(2);
77934
77934
  i0.ɵɵadvance();
77935
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$1, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.summaryTextClasses());
77935
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c2$2, ctx_r1.IconSourceEnumValue.HEROICONS))("ngClass", ctx_r1.summaryTextClasses());
77936
77936
  i0.ɵɵadvance();
77937
77937
  i0.ɵɵproperty("ngClass", ctx_r1.summaryTextClasses());
77938
77938
  i0.ɵɵadvance();
@@ -88519,9 +88519,11 @@ class ShopProfileQuestionCardComponent {
88519
88519
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionCardComponent, { className: "ShopProfileQuestionCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-card.component.ts", lineNumber: 119 }); })();
88520
88520
 
88521
88521
  const _c0$5 = ["scrollContainer"];
88522
+ const _c1$2 = ["stickySentinel"];
88523
+ const _c2$1 = ["stickyHeader"];
88522
88524
  const _forTrack0$2 = ($index, $item) => $item.tempId;
88523
- function ShopProfileQuestionAnswerComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
88524
- i0.ɵɵelementStart(0, "div", 11);
88525
+ function ShopProfileQuestionAnswerComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
88526
+ i0.ɵɵelementStart(0, "div", 14);
88525
88527
  i0.ɵɵtext(1);
88526
88528
  i0.ɵɵelementEnd();
88527
88529
  } if (rf & 2) {
@@ -88530,20 +88532,18 @@ function ShopProfileQuestionAnswerComponent_Conditional_13_Template(rf, ctx) { i
88530
88532
  i0.ɵɵadvance();
88531
88533
  i0.ɵɵtextInterpolate1(" Shop > ", ctx_r1.breadcrumbPath(), " ");
88532
88534
  } }
88533
- function ShopProfileQuestionAnswerComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
88534
- i0.ɵɵelementStart(0, "div", 32)(1, "div", 19)(2, "p", 33);
88535
- i0.ɵɵtext(3);
88536
- i0.ɵɵelementEnd()()();
88535
+ function ShopProfileQuestionAnswerComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
88536
+ i0.ɵɵelementStart(0, "p", 16);
88537
+ i0.ɵɵtext(1);
88538
+ i0.ɵɵelementEnd();
88537
88539
  } if (rf & 2) {
88538
88540
  const ctx_r1 = i0.ɵɵnextContext();
88539
- i0.ɵɵstyleProp("grid-template-rows", ctx_r1.isSticky() ? "0fr" : "1fr")("opacity", ctx_r1.isSticky() ? 0 : 1);
88540
- i0.ɵɵadvance(2);
88541
88541
  i0.ɵɵproperty("ngClass", ctx_r1.contextTextClasses());
88542
88542
  i0.ɵɵadvance();
88543
88543
  i0.ɵɵtextInterpolate1(" ", ctx_r1.question().context, " ");
88544
88544
  } }
88545
- function ShopProfileQuestionAnswerComponent_Conditional_17_For_10_Template(rf, ctx) { if (rf & 1) {
88546
- i0.ɵɵelementStart(0, "span", 40);
88545
+ function ShopProfileQuestionAnswerComponent_Conditional_20_For_8_Template(rf, ctx) { if (rf & 1) {
88546
+ i0.ɵɵelementStart(0, "span", 41);
88547
88547
  i0.ɵɵtext(1);
88548
88548
  i0.ɵɵelementEnd();
88549
88549
  } if (rf & 2) {
@@ -88553,22 +88553,21 @@ function ShopProfileQuestionAnswerComponent_Conditional_17_For_10_Template(rf, c
88553
88553
  i0.ɵɵadvance();
88554
88554
  i0.ɵɵtextInterpolate1(" ", ctx_r1.getFocusAreaTitle(focusArea_r3), " ");
88555
88555
  } }
88556
- function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
88557
- i0.ɵɵelementStart(0, "div", 32)(1, "div", 19)(2, "div", 34)(3, "div", 35)(4, "span", 36);
88558
- i0.ɵɵtext(5);
88556
+ function ShopProfileQuestionAnswerComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
88557
+ i0.ɵɵelementStart(0, "div", 17)(1, "div", 36)(2, "span", 37);
88558
+ i0.ɵɵtext(3);
88559
88559
  i0.ɵɵelementEnd();
88560
88560
  i0.ɵɵnamespaceSVG();
88561
- i0.ɵɵelementStart(6, "svg", 37);
88562
- i0.ɵɵelement(7, "path", 38);
88561
+ i0.ɵɵelementStart(4, "svg", 38);
88562
+ i0.ɵɵelement(5, "path", 39);
88563
88563
  i0.ɵɵelementEnd()();
88564
88564
  i0.ɵɵnamespaceHTML();
88565
- i0.ɵɵelementStart(8, "div", 39);
88566
- i0.ɵɵrepeaterCreate(9, ShopProfileQuestionAnswerComponent_Conditional_17_For_10_Template, 2, 2, "span", 40, i0.ɵɵrepeaterTrackByIdentity);
88567
- i0.ɵɵelementEnd()()()();
88565
+ i0.ɵɵelementStart(6, "div", 40);
88566
+ i0.ɵɵrepeaterCreate(7, ShopProfileQuestionAnswerComponent_Conditional_20_For_8_Template, 2, 2, "span", 41, i0.ɵɵrepeaterTrackByIdentity);
88567
+ i0.ɵɵelementEnd()();
88568
88568
  } if (rf & 2) {
88569
88569
  const ctx_r1 = i0.ɵɵnextContext();
88570
- i0.ɵɵstyleProp("grid-template-rows", ctx_r1.isSticky() ? "0fr" : "1fr")("opacity", ctx_r1.isSticky() ? 0 : 1);
88571
- i0.ɵɵadvance(4);
88570
+ i0.ɵɵadvance(2);
88572
88571
  i0.ɵɵproperty("ngClass", ctx_r1.relatedLabelClasses());
88573
88572
  i0.ɵɵadvance();
88574
88573
  i0.ɵɵtextInterpolate1(" Related to ", ctx_r1.relatedFocusAreas().length, " focus area(s) ");
@@ -88577,12 +88576,12 @@ function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { i
88577
88576
  i0.ɵɵadvance(3);
88578
88577
  i0.ɵɵrepeater(ctx_r1.relatedFocusAreas());
88579
88578
  } }
88580
- function ShopProfileQuestionAnswerComponent_For_21_Template(rf, ctx) { if (rf & 1) {
88579
+ function ShopProfileQuestionAnswerComponent_For_24_Template(rf, ctx) { if (rf & 1) {
88581
88580
  const _r4 = i0.ɵɵgetCurrentView();
88582
- i0.ɵɵelementStart(0, "label", 16)(1, "input", 41);
88583
- i0.ɵɵlistener("change", function ShopProfileQuestionAnswerComponent_For_21_Template_input_change_1_listener() { const option_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAnswer(option_r5.text)); });
88581
+ i0.ɵɵelementStart(0, "label", 20)(1, "input", 42);
88582
+ i0.ɵɵlistener("change", function ShopProfileQuestionAnswerComponent_For_24_Template_input_change_1_listener() { const option_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAnswer(option_r5.text)); });
88584
88583
  i0.ɵɵelementEnd();
88585
- i0.ɵɵelementStart(2, "span", 42);
88584
+ i0.ɵɵelementStart(2, "span", 43);
88586
88585
  i0.ɵɵtext(3);
88587
88586
  i0.ɵɵelementEnd()();
88588
88587
  } if (rf & 2) {
@@ -88596,10 +88595,10 @@ function ShopProfileQuestionAnswerComponent_For_21_Template(rf, ctx) { if (rf &
88596
88595
  i0.ɵɵadvance();
88597
88596
  i0.ɵɵtextInterpolate1(" ", option_r5.text, " ");
88598
88597
  } }
88599
- function ShopProfileQuestionAnswerComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
88598
+ function ShopProfileQuestionAnswerComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
88600
88599
  const _r6 = i0.ɵɵgetCurrentView();
88601
- i0.ɵɵelementStart(0, "button", 43);
88602
- i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Conditional_32_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAddOtherAnswers()); });
88600
+ i0.ɵɵelementStart(0, "button", 44);
88601
+ i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Conditional_35_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAddOtherAnswers()); });
88603
88602
  i0.ɵɵtext(1, " Add other answers ");
88604
88603
  i0.ɵɵelementEnd();
88605
88604
  } if (rf & 2) {
@@ -88618,10 +88617,11 @@ class ShopProfileQuestionAnswerComponent {
88618
88617
  this.backClick = output();
88619
88618
  this.saveClick = output();
88620
88619
  this.saveAndNextClick = output();
88620
+ this.ngZone = inject(NgZone);
88621
+ this.isSticky = false;
88621
88622
  this.selectedAnswerTexts = signal([], ...(ngDevMode ? [{ debugName: "selectedAnswerTexts" }] : []));
88622
88623
  this.addOtherAnswersExpanded = signal(false, ...(ngDevMode ? [{ debugName: "addOtherAnswersExpanded" }] : []));
88623
88624
  this.customAnswerText = signal('', ...(ngDevMode ? [{ debugName: "customAnswerText" }] : []));
88624
- this.isSticky = signal(false, ...(ngDevMode ? [{ debugName: "isSticky" }] : []));
88625
88625
  this.answerOptions = computed(() => {
88626
88626
  const q = this.question();
88627
88627
  const potentialAnswers = q.potentialAnswers || [];
@@ -88681,8 +88681,6 @@ class ShopProfileQuestionAnswerComponent {
88681
88681
  this.saveButtonsDisabled = computed(() => {
88682
88682
  return this.selectedAnswerTexts().length === 0 || this.addOtherAnswersExpanded();
88683
88683
  }, ...(ngDevMode ? [{ debugName: "saveButtonsDisabled" }] : []));
88684
- this.lastScrollTop = 0;
88685
- this.scrollLogCount = 0;
88686
88684
  // Initialize selected answers from existing profile answers
88687
88685
  effect(() => {
88688
88686
  const questionId = this.question().id;
@@ -88691,32 +88689,38 @@ class ShopProfileQuestionAnswerComponent {
88691
88689
  .map(a => a.answer || '');
88692
88690
  this.selectedAnswerTexts.set(existingAnswers);
88693
88691
  });
88694
- // Log when isSticky changes
88695
- effect(() => {
88696
- const sticky = this.isSticky();
88697
- console.log(`[ScrollDebug] isSticky changed to: ${sticky}`);
88698
- });
88699
88692
  }
88700
- onScroll() {
88701
- const container = this.scrollContainer?.nativeElement;
88702
- if (container) {
88703
- const scrollTop = container.scrollTop;
88704
- const scrollHeight = container.scrollHeight;
88705
- const clientHeight = container.clientHeight;
88706
- const wasSticky = this.isSticky();
88707
- const willBeSticky = scrollTop > 10;
88708
- // Detect scroll jumps (scroll position changed by more than 50px unexpectedly)
88709
- const scrollDelta = scrollTop - this.lastScrollTop;
88710
- const isJump = Math.abs(scrollDelta) > 50;
88711
- this.scrollLogCount++;
88712
- console.log(`[ScrollDebug #${this.scrollLogCount}] scrollTop: ${scrollTop.toFixed(1)}, delta: ${scrollDelta.toFixed(1)}, isJump: ${isJump}, wasSticky: ${wasSticky}, willBeSticky: ${willBeSticky}, scrollHeight: ${scrollHeight}, clientHeight: ${clientHeight}`);
88713
- if (isJump) {
88714
- console.warn(`[ScrollDebug] JUMP DETECTED! From ${this.lastScrollTop.toFixed(1)} to ${scrollTop.toFixed(1)} (delta: ${scrollDelta.toFixed(1)})`);
88715
- console.trace('[ScrollDebug] Stack trace for jump:');
88716
- }
88717
- this.lastScrollTop = scrollTop;
88718
- this.isSticky.set(willBeSticky);
88693
+ ngAfterViewInit() {
88694
+ this.setupStickyObserver();
88695
+ }
88696
+ ngOnDestroy() {
88697
+ this.intersectionObserver?.disconnect();
88698
+ }
88699
+ setupStickyObserver() {
88700
+ const sentinel = this.stickySentinel?.nativeElement;
88701
+ const scrollRoot = this.scrollContainer?.nativeElement;
88702
+ const header = this.stickyHeader?.nativeElement;
88703
+ if (!sentinel || !scrollRoot || !header) {
88704
+ return;
88719
88705
  }
88706
+ this.ngZone.runOutsideAngular(() => {
88707
+ this.intersectionObserver = new IntersectionObserver((entries) => {
88708
+ entries.forEach((entry) => {
88709
+ if (!entry.isIntersecting) {
88710
+ header.classList.add('shadow-md');
88711
+ header.classList.add('is-sticky');
88712
+ }
88713
+ else {
88714
+ header.classList.remove('shadow-md');
88715
+ header.classList.remove('is-sticky');
88716
+ }
88717
+ });
88718
+ }, {
88719
+ root: scrollRoot,
88720
+ threshold: 0
88721
+ });
88722
+ this.intersectionObserver.observe(sentinel);
88723
+ });
88720
88724
  }
88721
88725
  toggleAnswer(text) {
88722
88726
  const current = this.selectedAnswerTexts();
@@ -88822,14 +88826,9 @@ class ShopProfileQuestionAnswerComponent {
88822
88826
  : 'text-slate-400';
88823
88827
  }
88824
88828
  stickyHeaderClasses() {
88825
- if (this.isSticky()) {
88826
- return this.isLightMode()
88827
- ? 'bg-white/95 backdrop-blur-sm'
88828
- : 'bg-slate-800/95 backdrop-blur-sm';
88829
- }
88830
88829
  return this.isLightMode()
88831
- ? 'bg-transparent'
88832
- : 'bg-transparent';
88830
+ ? 'bg-white [&.is-sticky]:bg-white/95 [&.is-sticky]:backdrop-blur-sm'
88831
+ : 'bg-slate-800 [&.is-sticky]:bg-slate-800/95 [&.is-sticky]:backdrop-blur-sm';
88833
88832
  }
88834
88833
  questionTextClasses() {
88835
88834
  return this.isLightMode()
@@ -88919,58 +88918,61 @@ class ShopProfileQuestionAnswerComponent {
88919
88918
  static { this.ɵfac = function ShopProfileQuestionAnswerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShopProfileQuestionAnswerComponent)(); }; }
88920
88919
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShopProfileQuestionAnswerComponent, selectors: [["symphiq-shop-profile-question-answer"]], viewQuery: function ShopProfileQuestionAnswerComponent_Query(rf, ctx) { if (rf & 1) {
88921
88920
  i0.ɵɵviewQuery(_c0$5, 5);
88921
+ i0.ɵɵviewQuery(_c1$2, 5);
88922
+ i0.ɵɵviewQuery(_c2$1, 5);
88922
88923
  } if (rf & 2) {
88923
88924
  let _t;
88924
88925
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
88925
- } }, inputs: { question: [1, "question"], viewMode: [1, "viewMode"], viewType: [1, "viewType"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], filteredQuestions: [1, "filteredQuestions"], profileShopAnswers: [1, "profileShopAnswers"] }, outputs: { backClick: "backClick", saveClick: "saveClick", saveAndNextClick: "saveAndNextClick" }, decls: 42, vars: 34, consts: [["scrollContainer", ""], [1, "flex", "flex-col", "h-full"], [1, "flex-1", "overflow-y-auto", 3, "scroll"], [1, "px-6", "py-4", "border-b", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "flex-1"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", "whitespace-nowrap", 3, "ngClass"], [1, "sticky", "top-0", "z-10", "px-6", "py-4", "transition-all", "duration-300", 3, "ngClass"], [1, "text-sm", "italic", "mb-2", 3, "ngClass"], [1, "font-bold", "transition-all", "duration-300", 3, "ngClass"], [1, "grid", "transition-[grid-template-rows,opacity]", "duration-300", "ease-in-out", 3, "grid-template-rows", "opacity"], [1, "px-6", "py-6"], [1, "space-y-3", "mb-4"], [1, "flex", "items-start", "gap-3", "p-4", "rounded-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.01]", 3, "ngClass"], [1, "mb-6"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", "min-h-0"], [1, "pb-4"], ["rows", "5", "placeholder", "Enter your answer(s) here, separated by returns.", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "text-sm", "resize-y", "transition-colors", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "ngModelChange", "ngModel", "ngClass"], [1, "flex", "items-center", "gap-3", "mt-3"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "active:scale-95", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "sticky", "bottom-0", "z-10", 3, "ngClass"], [1, "flex", "items-center", "gap-4"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-[1.02]", "active:scale-95", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-[1.01]", "active:scale-[0.99]", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "grid", "transition-[grid-template-rows,opacity]", "duration-300", "ease-in-out"], [1, "text-sm", "leading-relaxed", "mt-3", 3, "ngClass"], [1, "mt-4"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1.5", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["type", "checkbox", 1, "mt-0.5", "w-5", "h-5", "rounded", "border-2", "cursor-pointer", "transition-all", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "change", "checked", "ngClass"], [1, "text-base", "flex-1", 3, "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "click", "ngClass"]], template: function ShopProfileQuestionAnswerComponent_Template(rf, ctx) { if (rf & 1) {
88926
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stickySentinel = _t.first);
88927
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stickyHeader = _t.first);
88928
+ } }, inputs: { question: [1, "question"], viewMode: [1, "viewMode"], viewType: [1, "viewType"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], filteredQuestions: [1, "filteredQuestions"], profileShopAnswers: [1, "profileShopAnswers"] }, outputs: { backClick: "backClick", saveClick: "saveClick", saveAndNextClick: "saveAndNextClick" }, decls: 45, vars: 28, consts: [["scrollContainer", ""], ["stickySentinel", ""], ["stickyHeader", ""], [1, "flex", "flex-col", "h-full"], [1, "flex-1", "overflow-y-auto"], [1, "px-6", "py-4", "border-b", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "flex-1"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", "whitespace-nowrap", 3, "ngClass"], [1, "h-0"], [1, "sticky", "top-0", "z-10", "px-6", "py-4", "transition-all", "duration-200", 3, "ngClass"], [1, "text-sm", "italic", "mb-2", 3, "ngClass"], [1, "font-bold", "text-lg", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mt-3", 3, "ngClass"], [1, "mt-4"], [1, "px-6", "py-6"], [1, "space-y-3", "mb-4"], [1, "flex", "items-start", "gap-3", "p-4", "rounded-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.01]", 3, "ngClass"], [1, "mb-6"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", "min-h-0"], [1, "pb-4"], ["rows", "5", "placeholder", "Enter your answer(s) here, separated by returns.", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "text-sm", "resize-y", "transition-colors", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "ngModelChange", "ngModel", "ngClass"], [1, "flex", "items-center", "gap-3", "mt-3"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "active:scale-95", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "sticky", "bottom-0", "z-10", 3, "ngClass"], [1, "flex", "items-center", "gap-4"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-[1.02]", "active:scale-95", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-[1.01]", "active:scale-[0.99]", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1.5", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["type", "checkbox", 1, "mt-0.5", "w-5", "h-5", "rounded", "border-2", "cursor-pointer", "transition-all", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "change", "checked", "ngClass"], [1, "text-base", "flex-1", 3, "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "click", "ngClass"]], template: function ShopProfileQuestionAnswerComponent_Template(rf, ctx) { if (rf & 1) {
88926
88929
  const _r1 = i0.ɵɵgetCurrentView();
88927
- i0.ɵɵelementStart(0, "div", 1)(1, "div", 2, 0);
88928
- i0.ɵɵlistener("scroll", function ShopProfileQuestionAnswerComponent_Template_div_scroll_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onScroll()); });
88929
- i0.ɵɵelementStart(3, "div", 3)(4, "h4", 4);
88930
+ i0.ɵɵelementStart(0, "div", 3)(1, "div", 4, 0)(3, "div", 5)(4, "h4", 6);
88930
88931
  i0.ɵɵtext(5, " Unanswered questions status ");
88931
88932
  i0.ɵɵelementEnd();
88932
- i0.ɵɵelementStart(6, "div", 5)(7, "div", 6)(8, "div", 7);
88933
- i0.ɵɵelement(9, "div", 8);
88933
+ i0.ɵɵelementStart(6, "div", 7)(7, "div", 8)(8, "div", 9);
88934
+ i0.ɵɵelement(9, "div", 10);
88934
88935
  i0.ɵɵelementEnd()();
88935
- i0.ɵɵelementStart(10, "div", 9);
88936
+ i0.ɵɵelementStart(10, "div", 11);
88936
88937
  i0.ɵɵtext(11);
88937
88938
  i0.ɵɵelementEnd()()();
88938
- i0.ɵɵelementStart(12, "div", 10);
88939
- i0.ɵɵconditionalCreate(13, ShopProfileQuestionAnswerComponent_Conditional_13_Template, 2, 2, "div", 11);
88940
- i0.ɵɵelementStart(14, "h2", 12);
88941
- i0.ɵɵtext(15);
88939
+ i0.ɵɵelement(12, "div", 12, 1);
88940
+ i0.ɵɵelementStart(14, "div", 13, 2);
88941
+ i0.ɵɵconditionalCreate(16, ShopProfileQuestionAnswerComponent_Conditional_16_Template, 2, 2, "div", 14);
88942
+ i0.ɵɵelementStart(17, "h2", 15);
88943
+ i0.ɵɵtext(18);
88942
88944
  i0.ɵɵelementEnd();
88943
- i0.ɵɵconditionalCreate(16, ShopProfileQuestionAnswerComponent_Conditional_16_Template, 4, 6, "div", 13);
88944
- i0.ɵɵconditionalCreate(17, ShopProfileQuestionAnswerComponent_Conditional_17_Template, 11, 7, "div", 13);
88945
+ i0.ɵɵconditionalCreate(19, ShopProfileQuestionAnswerComponent_Conditional_19_Template, 2, 2, "p", 16);
88946
+ i0.ɵɵconditionalCreate(20, ShopProfileQuestionAnswerComponent_Conditional_20_Template, 9, 3, "div", 17);
88945
88947
  i0.ɵɵelementEnd();
88946
- i0.ɵɵelementStart(18, "div", 14)(19, "div", 15);
88947
- i0.ɵɵrepeaterCreate(20, ShopProfileQuestionAnswerComponent_For_21_Template, 4, 5, "label", 16, _forTrack0$2);
88948
+ i0.ɵɵelementStart(21, "div", 18)(22, "div", 19);
88949
+ i0.ɵɵrepeaterCreate(23, ShopProfileQuestionAnswerComponent_For_24_Template, 4, 5, "label", 20, _forTrack0$2);
88948
88950
  i0.ɵɵelementEnd();
88949
- i0.ɵɵelementStart(22, "div", 17)(23, "div", 18)(24, "div", 19)(25, "div", 20)(26, "textarea", 21);
88950
- i0.ɵɵtwoWayListener("ngModelChange", function ShopProfileQuestionAnswerComponent_Template_textarea_ngModelChange_26_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.customAnswerText, $event) || (ctx.customAnswerText = $event); return i0.ɵɵresetView($event); });
88951
+ i0.ɵɵelementStart(25, "div", 21)(26, "div", 22)(27, "div", 23)(28, "div", 24)(29, "textarea", 25);
88952
+ i0.ɵɵtwoWayListener("ngModelChange", function ShopProfileQuestionAnswerComponent_Template_textarea_ngModelChange_29_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.customAnswerText, $event) || (ctx.customAnswerText = $event); return i0.ɵɵresetView($event); });
88951
88953
  i0.ɵɵelementEnd();
88952
- i0.ɵɵelementStart(27, "div", 22)(28, "button", 23);
88953
- i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelCustomAnswers()); });
88954
- i0.ɵɵtext(29, " Cancel ");
88954
+ i0.ɵɵelementStart(30, "div", 26)(31, "button", 27);
88955
+ i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelCustomAnswers()); });
88956
+ i0.ɵɵtext(32, " Cancel ");
88955
88957
  i0.ɵɵelementEnd();
88956
- i0.ɵɵelementStart(30, "button", 24);
88957
- i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.addCustomAnswers()); });
88958
- i0.ɵɵtext(31, " Add ");
88958
+ i0.ɵɵelementStart(33, "button", 28);
88959
+ i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.addCustomAnswers()); });
88960
+ i0.ɵɵtext(34, " Add ");
88959
88961
  i0.ɵɵelementEnd()()()()();
88960
- i0.ɵɵconditionalCreate(32, ShopProfileQuestionAnswerComponent_Conditional_32_Template, 2, 1, "button", 25);
88962
+ i0.ɵɵconditionalCreate(35, ShopProfileQuestionAnswerComponent_Conditional_35_Template, 2, 1, "button", 29);
88961
88963
  i0.ɵɵelementEnd()()();
88962
- i0.ɵɵelementStart(33, "div", 26)(34, "div", 27)(35, "button", 28);
88963
- i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
88964
- i0.ɵɵtext(36, " Save ");
88964
+ i0.ɵɵelementStart(36, "div", 30)(37, "div", 31)(38, "button", 32);
88965
+ i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_38_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
88966
+ i0.ɵɵtext(39, " Save ");
88965
88967
  i0.ɵɵelementEnd();
88966
- i0.ɵɵelementStart(37, "button", 29);
88967
- i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSaveAndNext()); });
88968
- i0.ɵɵelementStart(38, "span");
88969
- i0.ɵɵtext(39, "Save & next unanswered");
88968
+ i0.ɵɵelementStart(40, "button", 33);
88969
+ i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_40_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSaveAndNext()); });
88970
+ i0.ɵɵelementStart(41, "span");
88971
+ i0.ɵɵtext(42, "Save & next unanswered");
88970
88972
  i0.ɵɵelementEnd();
88971
88973
  i0.ɵɵnamespaceSVG();
88972
- i0.ɵɵelementStart(40, "svg", 30);
88973
- i0.ɵɵelement(41, "path", 31);
88974
+ i0.ɵɵelementStart(43, "svg", 34);
88975
+ i0.ɵɵelement(44, "path", 35);
88974
88976
  i0.ɵɵelementEnd()()()()();
88975
88977
  } if (rf & 2) {
88976
88978
  i0.ɵɵadvance(3);
@@ -88986,20 +88988,18 @@ class ShopProfileQuestionAnswerComponent {
88986
88988
  i0.ɵɵproperty("ngClass", ctx.progressTextClasses());
88987
88989
  i0.ɵɵadvance();
88988
88990
  i0.ɵɵtextInterpolate2(" ", ctx.answeredCount(), " / ", ctx.totalCount(), " answered ");
88989
- i0.ɵɵadvance();
88990
- i0.ɵɵclassProp("shadow-md", ctx.isSticky());
88991
+ i0.ɵɵadvance(3);
88991
88992
  i0.ɵɵproperty("ngClass", ctx.stickyHeaderClasses());
88993
+ i0.ɵɵadvance(2);
88994
+ i0.ɵɵconditional(ctx.viewType() !== "all" ? 16 : -1);
88992
88995
  i0.ɵɵadvance();
88993
- i0.ɵɵconditional(ctx.viewType() !== "all" ? 13 : -1);
88994
- i0.ɵɵadvance();
88995
- i0.ɵɵclassProp("text-xl", !ctx.isSticky())("text-lg", ctx.isSticky());
88996
88996
  i0.ɵɵproperty("ngClass", ctx.questionTextClasses());
88997
88997
  i0.ɵɵadvance();
88998
88998
  i0.ɵɵtextInterpolate1(" ", ctx.question().question, " ");
88999
88999
  i0.ɵɵadvance();
89000
- i0.ɵɵconditional(ctx.question().context ? 16 : -1);
89000
+ i0.ɵɵconditional(ctx.question().context ? 19 : -1);
89001
89001
  i0.ɵɵadvance();
89002
- i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0 ? 17 : -1);
89002
+ i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0 ? 20 : -1);
89003
89003
  i0.ɵɵadvance(3);
89004
89004
  i0.ɵɵrepeater(ctx.answerOptions());
89005
89005
  i0.ɵɵadvance(3);
@@ -89012,7 +89012,7 @@ class ShopProfileQuestionAnswerComponent {
89012
89012
  i0.ɵɵadvance(2);
89013
89013
  i0.ɵɵproperty("disabled", !ctx.canAddCustomAnswers())("ngClass", ctx.addButtonClasses());
89014
89014
  i0.ɵɵadvance(2);
89015
- i0.ɵɵconditional(!ctx.addOtherAnswersExpanded() ? 32 : -1);
89015
+ i0.ɵɵconditional(!ctx.addOtherAnswersExpanded() ? 35 : -1);
89016
89016
  i0.ɵɵadvance();
89017
89017
  i0.ɵɵproperty("ngClass", ctx.footerClasses());
89018
89018
  i0.ɵɵadvance(2);
@@ -89046,7 +89046,7 @@ class ShopProfileQuestionAnswerComponent {
89046
89046
  template: `
89047
89047
  <div class="flex flex-col h-full">
89048
89048
  <!-- Scrollable Content -->
89049
- <div #scrollContainer class="flex-1 overflow-y-auto" (scroll)="onScroll()">
89049
+ <div #scrollContainer class="flex-1 overflow-y-auto">
89050
89050
  <!-- Unanswered Questions Status -->
89051
89051
  <div [ngClass]="statusHeaderClasses()" class="px-6 py-4 border-b">
89052
89052
  <h4 [ngClass]="statusTitleClasses()" class="text-sm font-semibold mb-3">
@@ -89067,8 +89067,11 @@ class ShopProfileQuestionAnswerComponent {
89067
89067
  </div>
89068
89068
  </div>
89069
89069
 
89070
+ <!-- Sentinel for intersection observer -->
89071
+ <div #stickySentinel class="h-0"></div>
89072
+
89070
89073
  <!-- Sticky Question Header -->
89071
- <div [ngClass]="stickyHeaderClasses()" class="sticky top-0 z-10 px-6 py-4 transition-all duration-300" [class.shadow-md]="isSticky()">
89074
+ <div #stickyHeader [ngClass]="stickyHeaderClasses()" class="sticky top-0 z-10 px-6 py-4 transition-all duration-200">
89072
89075
  <!-- Breadcrumb - hide for All Questions mode -->
89073
89076
  @if (viewType() !== 'all') {
89074
89077
  <div [ngClass]="breadcrumbClasses()" class="text-sm italic mb-2">
@@ -89077,48 +89080,34 @@ class ShopProfileQuestionAnswerComponent {
89077
89080
  }
89078
89081
 
89079
89082
  <!-- Question -->
89080
- <h2 [ngClass]="questionTextClasses()" class="font-bold transition-all duration-300" [class.text-xl]="!isSticky()" [class.text-lg]="isSticky()">
89083
+ <h2 [ngClass]="questionTextClasses()" class="font-bold text-lg">
89081
89084
  {{ question().question }}
89082
89085
  </h2>
89083
89086
 
89084
- <!-- Context - collapse smoothly when sticky -->
89087
+ <!-- Context -->
89085
89088
  @if (question().context) {
89086
- <div
89087
- class="grid transition-[grid-template-rows,opacity] duration-300 ease-in-out"
89088
- [style.grid-template-rows]="isSticky() ? '0fr' : '1fr'"
89089
- [style.opacity]="isSticky() ? 0 : 1">
89090
- <div class="overflow-hidden min-h-0">
89091
- <p [ngClass]="contextTextClasses()" class="text-sm leading-relaxed mt-3">
89092
- {{ question().context }}
89093
- </p>
89094
- </div>
89095
- </div>
89089
+ <p [ngClass]="contextTextClasses()" class="text-sm leading-relaxed mt-3">
89090
+ {{ question().context }}
89091
+ </p>
89096
89092
  }
89097
89093
 
89098
- <!-- Related Focus Areas - collapse smoothly when sticky -->
89094
+ <!-- Related Focus Areas -->
89099
89095
  @if (relatedFocusAreas().length > 0) {
89100
- <div
89101
- class="grid transition-[grid-template-rows,opacity] duration-300 ease-in-out"
89102
- [style.grid-template-rows]="isSticky() ? '0fr' : '1fr'"
89103
- [style.opacity]="isSticky() ? 0 : 1">
89104
- <div class="overflow-hidden min-h-0">
89105
- <div class="mt-4">
89106
- <div class="flex items-center gap-2 mb-2">
89107
- <span [ngClass]="relatedLabelClasses()" class="text-xs font-semibold">
89108
- Related to {{ relatedFocusAreas().length }} focus area(s)
89109
- </span>
89110
- <svg class="w-4 h-4" [ngClass]="relatedLabelClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
89111
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
89112
- </svg>
89113
- </div>
89114
- <div class="flex flex-wrap gap-2">
89115
- @for (focusArea of relatedFocusAreas(); track focusArea) {
89116
- <span [ngClass]="focusAreaChipClasses()" class="px-3 py-1.5 rounded-full text-xs font-medium">
89117
- {{ getFocusAreaTitle(focusArea) }}
89118
- </span>
89119
- }
89120
- </div>
89121
- </div>
89096
+ <div class="mt-4">
89097
+ <div class="flex items-center gap-2 mb-2">
89098
+ <span [ngClass]="relatedLabelClasses()" class="text-xs font-semibold">
89099
+ Related to {{ relatedFocusAreas().length }} focus area(s)
89100
+ </span>
89101
+ <svg class="w-4 h-4" [ngClass]="relatedLabelClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
89102
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
89103
+ </svg>
89104
+ </div>
89105
+ <div class="flex flex-wrap gap-2">
89106
+ @for (focusArea of relatedFocusAreas(); track focusArea) {
89107
+ <span [ngClass]="focusAreaChipClasses()" class="px-3 py-1.5 rounded-full text-xs font-medium">
89108
+ {{ getFocusAreaTitle(focusArea) }}
89109
+ </span>
89110
+ }
89122
89111
  </div>
89123
89112
  </div>
89124
89113
  }
@@ -89222,8 +89211,14 @@ class ShopProfileQuestionAnswerComponent {
89222
89211
  }], () => [], { question: [{ type: i0.Input, args: [{ isSignal: true, alias: "question", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: false }] }], selectedCategoryId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedCategoryId", required: false }] }], selectedFocusAreaId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedFocusAreaId", required: false }] }], filteredQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "filteredQuestions", required: false }] }], profileShopAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileShopAnswers", required: false }] }], backClick: [{ type: i0.Output, args: ["backClick"] }], saveClick: [{ type: i0.Output, args: ["saveClick"] }], saveAndNextClick: [{ type: i0.Output, args: ["saveAndNextClick"] }], scrollContainer: [{
89223
89212
  type: ViewChild,
89224
89213
  args: ['scrollContainer']
89214
+ }], stickySentinel: [{
89215
+ type: ViewChild,
89216
+ args: ['stickySentinel']
89217
+ }], stickyHeader: [{
89218
+ type: ViewChild,
89219
+ args: ['stickyHeader']
89225
89220
  }] }); })();
89226
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber: 215 }); })();
89221
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber: 206 }); })();
89227
89222
 
89228
89223
  const _c0$4 = ["modalContent"];
89229
89224
  const _c1$1 = ["modalWrapper"];