@eric-emg/symphiq-components 1.2.370 → 1.2.371

package/fesm2022/symphiq-components.mjs

@@ -26967,7 +26967,7 @@ class KeyStrengthsListModalContentComponent {
 const _c0$_ = a0 => ({ name: "shield-check", source: a0 });
 const _c1$B = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c2$o = a0 => ({ name: "document-text", source: a0 });
-const _c3$i = a0 => ({ name: "chevron-right", source: a0 });
+const _c3$j = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$G = ($index, $item) => $item.area;
 function CriticalGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
@@ -27049,7 +27049,7 @@ function CriticalGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", (gap_r3.supportingAnswers == null ? null : gap_r3.supportingAnswers.length) || 0, " Supporting Answers ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(23, _c3$i, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses(gap_r3.urgency));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(23, _c3$j, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses(gap_r3.urgency));
 } }
 function CriticalGapsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
@@ -29387,7 +29387,7 @@ class TopPriorityDetailModalContentComponent {
 const _c0$X = a0 => ({ name: "check-badge", source: a0 });
 const _c1$y = a0 => ({ name: "check-circle", source: a0 });
 const _c2$m = a0 => ({ name: "chevron-right", source: a0 });
-const _c3$h = a0 => ({ name: "chart-bar", source: a0 });
+const _c3$i = a0 => ({ name: "chart-bar", source: a0 });
 const _forTrack0$D = ($index, $item) => $item.capability;
 function FocusAreaStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
@@ -29445,7 +29445,7 @@ function FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Conditi
     const strength_r3 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c3$h, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c3$i, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
     i0.ɵɵadvance();
@@ -32413,7 +32413,7 @@ class ViewportAnimationDirective {
 const _c0$O = a0 => ({ name: "star", source: a0 });
 const _c1$r = a0 => ({ name: "globe-americas", source: a0 });
 const _c2$j = a0 => ({ name: "academic-cap", source: a0 });
-const _c3$g = a0 => ({ name: "information-circle", source: a0 });
+const _c3$h = a0 => ({ name: "information-circle", source: a0 });
 const _c4$c = a0 => ({ name: "signal", source: a0 });
 const _c5$9 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function RegionCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
@@ -32584,7 +32584,7 @@ function RegionCardComponent_Conditional_21_Conditional_6_Template(rf, ctx) { if
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$g, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$h, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -33491,7 +33491,7 @@ class CompetitiveInsightBadgeComponent {
 const _c0$N = a0 => ({ name: "calendar-days", source: a0 });
 const _c1$q = a0 => ({ name: "chart-bar", source: a0 });
 const _c2$i = a0 => ({ name: "academic-cap", source: a0 });
-const _c3$f = a0 => ({ name: "information-circle", source: a0 });
+const _c3$g = a0 => ({ name: "information-circle", source: a0 });
 const _c4$b = a0 => ({ name: "signal", source: a0 });
 const _c5$8 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function SeasonCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
@@ -33670,7 +33670,7 @@ function SeasonCardComponent_Conditional_20_Conditional_6_Template(rf, ctx) { if
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$f, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$g, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -34329,7 +34329,7 @@ class SeasonCardComponent {
 const _c0$M = a0 => ({ name: "currency-dollar", source: a0 });
 const _c1$p = a0 => ({ name: "chart-bar", source: a0 });
 const _c2$h = a0 => ({ name: "academic-cap", source: a0 });
-const _c3$e = a0 => ({ name: "information-circle", source: a0 });
+const _c3$f = a0 => ({ name: "information-circle", source: a0 });
 const _c4$a = a0 => ({ name: "signal", source: a0 });
 const _c5$7 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function CustomerSegmentCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
@@ -34519,7 +34519,7 @@ function CustomerSegmentCardComponent_Conditional_23_Conditional_10_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c3$e, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c3$f, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -34668,7 +34668,7 @@ function CustomerSegmentCardComponent_Conditional_24_Conditional_6_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$e, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$f, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -35446,7 +35446,7 @@ class CustomerSegmentCardComponent {
 const _c0$L = a0 => ({ name: "currency-dollar", source: a0 });
 const _c1$o = a0 => ({ name: "document-text", source: a0 });
 const _c2$g = a0 => ({ name: "academic-cap", source: a0 });
-const _c3$d = a0 => ({ name: "information-circle", source: a0 });
+const _c3$e = a0 => ({ name: "information-circle", source: a0 });
 const _c4$9 = a0 => ({ name: "signal", source: a0 });
 const _c5$6 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function PriceTierCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
@@ -35606,7 +35606,7 @@ function PriceTierCardComponent_Conditional_27_Conditional_6_Template(rf, ctx) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$d, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$e, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -36283,7 +36283,7 @@ class PriceTierCardComponent {
 const _c0$K = () => ({ name: "cube", source: "HEROICONS" });
 const _c1$n = () => ({ name: "currency-dollar", source: "HEROICONS" });
 const _c2$f = () => ({ name: "chart-bar", source: "HEROICONS" });
-const _c3$c = a0 => ({ name: "chart-bar", source: a0 });
+const _c3$d = a0 => ({ name: "chart-bar", source: a0 });
 const _c4$8 = a0 => ({ name: "academic-cap", source: a0 });
 const _c5$5 = a0 => ({ name: "information-circle", source: a0 });
 const _c6$2 = a0 => ({ name: "signal", source: a0 });
@@ -36494,7 +36494,7 @@ function ProductCategoryCardComponent_Conditional_17_Template(rf, ctx) { if (rf
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c3$c, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c3$d, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -37440,7 +37440,7 @@ function getCategoryBadgeClasses(category, isDark) {
 const _c0$I = a0 => ({ name: "shield-check", source: a0 });
 const _c1$m = a0 => ({ name: "building-storefront", source: a0 });
 const _c2$e = a0 => ({ name: "academic-cap", source: a0 });
-const _c3$b = a0 => ({ name: "information-circle", source: a0 });
+const _c3$c = a0 => ({ name: "information-circle", source: a0 });
 const _c4$7 = a0 => ({ name: "signal", source: a0 });
 const _c5$4 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function EnhancedListItemCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
@@ -37553,7 +37553,7 @@ function EnhancedListItemCardComponent_Conditional_22_Conditional_6_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$b, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$c, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -38156,7 +38156,7 @@ class EnhancedListItemCardComponent {
 const _c0$H = a0 => ({ name: "academic-cap", source: a0 });
 const _c1$l = a0 => ({ name: "information-circle", source: a0 });
 const _c2$d = a0 => ({ name: "signal", source: a0 });
-const _c3$a = a0 => ({ name: "wrench-screwdriver", source: a0 });
+const _c3$b = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function FocusAreaDetailCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 2);
     i0.ɵɵtext(1);
@@ -38305,7 +38305,7 @@ function FocusAreaDetailCardComponent_Conditional_16_Conditional_8_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c3$a, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c3$b, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.expandedTitleClasses());
     i0.ɵɵadvance(3);
@@ -41406,7 +41406,7 @@ const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_3_D
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_4_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_5_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent)];
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
-const _c3$9 = a0 => ({ name: "arrow-left", source: a0 });
+const _c3$a = a0 => ({ name: "arrow-left", source: a0 });
 const _c4$6 = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$x = ($index, $item) => $item.performanceItemId || $index;
 const _forTrack1$4 = ($index, $item) => $item.id || $index;
@@ -41473,7 +41473,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_10_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getBackButtonClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c3$9, ctx_r1.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c3$a, ctx_r1.IconSourceEnum.HEROICONS));
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r1.getBreadcrumbs());
 } }
@@ -44206,7 +44206,7 @@ class ProfileAnalysisModalComponent {
 const _c0$D = a0 => ({ name: "light-bulb", source: a0 });
 const _c1$i = a0 => ({ name: "trophy", source: a0 });
 const _c2$b = a0 => ({ name: "academic-cap", source: a0 });
-const _c3$8 = a0 => ({ name: "signal", source: a0 });
+const _c3$9 = a0 => ({ name: "signal", source: a0 });
 const _c4$5 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 const _c5$3 = a0 => ({ name: "link", source: a0 });
 function CompetitiveGapModalComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
@@ -44284,7 +44284,7 @@ function CompetitiveGapModalComponent_Conditional_12_Template(rf, ctx) { if (rf
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$8, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$9, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(2);
@@ -44537,7 +44537,7 @@ class CompetitiveGapModalComponent {
 const _c0$C = a0 => ({ name: "list-bullet", source: a0 });
 const _c1$h = a0 => ({ name: "arrow-right", source: a0 });
 const _c2$a = a0 => ({ name: "check-circle", source: a0 });
-const _c3$7 = a0 => ({ name: "exclamation-circle", source: a0 });
+const _c3$8 = a0 => ({ name: "exclamation-circle", source: a0 });
 const _forTrack0$w = ($index, $item) => $item.order;
 function RecommendationActionStepsModalComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 5);
@@ -44627,7 +44627,7 @@ function RecommendationActionStepsModalComponent_Conditional_5_Template(rf, ctx)
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyStateClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c3$7, ctx_r0.iconSource));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c3$8, ctx_r0.iconSource));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyTextClasses());
 } }
@@ -45938,7 +45938,7 @@ class IndeterminateSpinnerComponent {
 const _c0$A = ["dashboardContainer"];
 const _c1$f = () => ({});
 const _c2$9 = () => [1, 2, 3, 4, 5, 6];
-const _c3$6 = () => [1, 2, 3];
+const _c3$7 = () => [1, 2, 3];
 const _c4$4 = () => [1, 2, 3, 4];
 const _c5$2 = () => [1, 2];
 const _forTrack0$v = ($index, $item) => $item.value;
@@ -46674,7 +46674,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Co
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3$6));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c3$7));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_4_Conditional_29_For_2_Conditional_2_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 152);
@@ -47109,7 +47109,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Co
     i0.ɵɵadvance();
     i0.ɵɵproperty("width", "60%")("height", "24px")("isLightMode", ctx_r2.isLightMode());
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(4, _c3$6));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(4, _c3$7));
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_53_Conditional_6_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-competitive-intelligence-view", 95);
@@ -70720,7 +70720,7 @@ class FocusAreaExecutiveSummaryComponent {
 const _c0$m = a0 => ({ name: "chart-bar", source: a0 });
 const _c1$a = a0 => ({ name: "signal", source: a0 });
 const _c2$7 = (a0, a1) => ({ name: a0, source: a1 });
-const _c3$5 = a0 => ({ name: "flag", source: a0 });
+const _c3$6 = a0 => ({ name: "flag", source: a0 });
 const _c4$3 = a0 => ({ name: "arrow-trending-up", source: a0 });
 const _c5$1 = a0 => ({ name: "heart", source: a0 });
 const _c6$1 = a0 => ({ name: "light-bulb", source: a0 });
@@ -70796,7 +70796,7 @@ function MetricExecutiveSummaryComponent_Conditional_18_Template(rf, ctx) { if (
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$5, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$6, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
@@ -74926,7 +74926,7 @@ class BottleneckCardComponent {
 const _c0$f = a0 => ({ name: "arrow-right", source: a0 });
 const _c1$7 = a0 => ({ name: "arrow-left", source: a0 });
 const _c2$6 = a0 => ({ name: "arrows-right-left", source: a0 });
-const _c3$4 = a0 => ({ name: "scale", source: a0 });
+const _c3$5 = a0 => ({ name: "scale", source: a0 });
 const _forTrack0$f = ($index, $item) => $item.metric;
 function MetricRelationshipsCardComponent_Conditional_1_For_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
@@ -75008,7 +75008,7 @@ function MetricRelationshipsCardComponent_Conditional_3_For_8_Template(rf, ctx)
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r1.tradeOffItemClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c3$4, ctx_r1.iconSource))("ngClass", ctx_r1.tradeOffIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c3$5, ctx_r1.iconSource))("ngClass", ctx_r1.tradeOffIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.tradeOffMetricClasses());
     i0.ɵɵadvance();
@@ -75908,7 +75908,7 @@ class RelatedMetricsListComponent {
 const _c0$d = (a0, a1) => ({ name: a0, source: a1 });
 const _c1$6 = a0 => ({ name: "signal", source: a0 });
 const _c2$5 = a0 => ({ name: "calendar", source: a0 });
-const _c3$3 = a0 => ({ name: "flag", source: a0 });
+const _c3$4 = a0 => ({ name: "flag", source: a0 });
 class PerformanceMetricsCardComponent {
     constructor() {
         this.metrics = signal({
@@ -76141,7 +76141,7 @@ class PerformanceMetricsCardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.metricBoxClasses());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(39, _c3$3, ctx.iconSource))("ngClass", ctx.labelClasses());
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(39, _c3$4, ctx.iconSource))("ngClass", ctx.labelClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.labelClasses());
             i0.ɵɵadvance(2);
@@ -76266,7 +76266,7 @@ class PerformanceMetricsCardComponent {
 const _c0$c = a0 => ({ name: "funnel", source: a0 });
 const _c1$5 = a0 => ({ name: "chart-bar-square", source: a0 });
 const _c2$4 = a0 => ({ name: "chevron-right", source: a0 });
-const _c3$2 = a0 => ({ name: "arrow-left", source: a0 });
+const _c3$3 = a0 => ({ name: "arrow-left", source: a0 });
 const _c4$2 = a0 => ({ name: "arrow-right", source: a0 });
 function FunnelContextCardComponent_Conditional_13_For_7_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -76298,7 +76298,7 @@ function FunnelContextCardComponent_Conditional_13_Template(rf, ctx) { if (rf &
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c3$2, ctx_r2.iconSource))("ngClass", ctx_r2.labelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c3$3, ctx_r2.iconSource))("ngClass", ctx_r2.labelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r2.sectionHeaderClasses());
     i0.ɵɵadvance(3);
@@ -77036,7 +77036,7 @@ class PerformanceOverviewContainerComponent {
 const _c0$a = a0 => ({ name: "chevron-right", source: a0 });
 const _c1$3 = a0 => ({ name: "chevron-down", source: a0 });
 const _c2$2 = a0 => ({ name: "clock", source: a0 });
-const _c3$1 = a0 => [a0];
+const _c3$2 = a0 => [a0];
 const _c4$1 = () => [];
 const _c5 = a0 => ({ name: "chart-bar", source: a0 });
 const _c6 = a0 => ({ name: "user", source: a0 });
@@ -77111,7 +77111,7 @@ function ProfileSectionContentComponent_Conditional_1_Conditional_34_For_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.metaTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c3$1, win_r3.relatedGoalId))("allGoals", ctx_r1.allGoals() || i0.ɵɵpureFunction0(6, _c4$1))("viewMode", ctx_r1.viewMode());
+    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c3$2, win_r3.relatedGoalId))("allGoals", ctx_r1.allGoals() || i0.ɵɵpureFunction0(6, _c4$1))("viewMode", ctx_r1.viewMode());
 } }
 function ProfileSectionContentComponent_Conditional_1_Conditional_34_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 34)(1, "div", 35)(2, "div", 36)(3, "span", 37);
@@ -88521,9 +88521,10 @@ class ShopProfileQuestionCardComponent {
 const _c0$5 = ["scrollContainer"];
 const _c1$2 = ["stickySentinel"];
 const _c2$1 = ["stickyHeader"];
+const _c3$1 = ["questionTitle"];
 const _forTrack0$2 = ($index, $item) => $item.tempId;
 function ShopProfileQuestionAnswerComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelementStart(0, "div", 15);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -88532,8 +88533,8 @@ function ShopProfileQuestionAnswerComponent_Conditional_16_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" Shop > ", ctx_r1.breadcrumbPath(), " ");
 } }
-function ShopProfileQuestionAnswerComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 16);
+function ShopProfileQuestionAnswerComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 18);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -88542,8 +88543,8 @@ function ShopProfileQuestionAnswerComponent_Conditional_19_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.question().context, " ");
 } }
-function ShopProfileQuestionAnswerComponent_Conditional_20_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 41);
+function ShopProfileQuestionAnswerComponent_Conditional_22_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 43);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -88553,17 +88554,17 @@ function ShopProfileQuestionAnswerComponent_Conditional_20_For_8_Template(rf, ct
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.getFocusAreaTitle(focusArea_r3), " ");
 } }
-function ShopProfileQuestionAnswerComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17)(1, "div", 36)(2, "span", 37);
+function ShopProfileQuestionAnswerComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19)(1, "div", 38)(2, "span", 39);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 38);
-    i0.ɵɵelement(5, "path", 39);
+    i0.ɵɵelementStart(4, "svg", 40);
+    i0.ɵɵelement(5, "path", 41);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 40);
-    i0.ɵɵrepeaterCreate(7, ShopProfileQuestionAnswerComponent_Conditional_20_For_8_Template, 2, 2, "span", 41, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(6, "div", 42);
+    i0.ɵɵrepeaterCreate(7, ShopProfileQuestionAnswerComponent_Conditional_22_For_8_Template, 2, 2, "span", 43, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -88576,12 +88577,12 @@ function ShopProfileQuestionAnswerComponent_Conditional_20_Template(rf, ctx) { i
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.relatedFocusAreas());
 } }
-function ShopProfileQuestionAnswerComponent_For_24_Template(rf, ctx) { if (rf & 1) {
+function ShopProfileQuestionAnswerComponent_For_26_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 20)(1, "input", 42);
-    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)); });
+    i0.ɵɵelementStart(0, "label", 22)(1, "input", 44);
+    i0.ɵɵlistener("change", function ShopProfileQuestionAnswerComponent_For_26_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)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 43);
+    i0.ɵɵelementStart(2, "span", 45);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -88595,10 +88596,10 @@ function ShopProfileQuestionAnswerComponent_For_24_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", option_r5.text, " ");
 } }
-function ShopProfileQuestionAnswerComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+function ShopProfileQuestionAnswerComponent_Conditional_37_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 44);
-    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()); });
+    i0.ɵɵelementStart(0, "button", 46);
+    i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Conditional_37_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAddOtherAnswers()); });
     i0.ɵɵtext(1, " Add other answers ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -88700,6 +88701,7 @@ class ShopProfileQuestionAnswerComponent {
         const sentinel = this.stickySentinel?.nativeElement;
         const scrollRoot = this.scrollContainer?.nativeElement;
         const header = this.stickyHeader?.nativeElement;
+        const title = this.questionTitle?.nativeElement;
         if (!sentinel || !scrollRoot || !header) {
             return;
         }
@@ -88709,10 +88711,12 @@ class ShopProfileQuestionAnswerComponent {
                     if (!entry.isIntersecting) {
                         header.classList.add('shadow-md');
                         header.classList.add('is-sticky');
+                        title?.classList.add('is-sticky');
                     }
                     else {
                         header.classList.remove('shadow-md');
                         header.classList.remove('is-sticky');
+                        title?.classList.remove('is-sticky');
                     }
                 });
             }, {
@@ -88920,59 +88924,62 @@ class ShopProfileQuestionAnswerComponent {
             i0.ɵɵviewQuery(_c0$5, 5);
             i0.ɵɵviewQuery(_c1$2, 5);
             i0.ɵɵviewQuery(_c2$1, 5);
+            i0.ɵɵviewQuery(_c3$1, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stickySentinel = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stickyHeader = _t.first);
-        } }, 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) {
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.questionTitle = _t.first);
+        } }, 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: 47, vars: 28, consts: [["scrollContainer", ""], ["stickySentinel", ""], ["stickyHeader", ""], ["questionTitle", ""], [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-xl", "[&.is-sticky]:text-lg", "transition-all", "duration-200", 3, "ngClass"], [1, "px-6"], [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) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 3)(1, "div", 4, 0)(3, "div", 5)(4, "h4", 6);
+            i0.ɵɵelementStart(0, "div", 4)(1, "div", 5, 0)(3, "div", 6)(4, "h4", 7);
             i0.ɵɵtext(5, " Unanswered questions status ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 7)(7, "div", 8)(8, "div", 9);
-            i0.ɵɵelement(9, "div", 10);
+            i0.ɵɵelementStart(6, "div", 8)(7, "div", 9)(8, "div", 10);
+            i0.ɵɵelement(9, "div", 11);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(10, "div", 11);
+            i0.ɵɵelementStart(10, "div", 12);
             i0.ɵɵtext(11);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelement(12, "div", 12, 1);
-            i0.ɵɵelementStart(14, "div", 13, 2);
-            i0.ɵɵconditionalCreate(16, ShopProfileQuestionAnswerComponent_Conditional_16_Template, 2, 2, "div", 14);
-            i0.ɵɵelementStart(17, "h2", 15);
-            i0.ɵɵtext(18);
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(19, ShopProfileQuestionAnswerComponent_Conditional_19_Template, 2, 2, "p", 16);
-            i0.ɵɵconditionalCreate(20, ShopProfileQuestionAnswerComponent_Conditional_20_Template, 9, 3, "div", 17);
+            i0.ɵɵelement(12, "div", 13, 1);
+            i0.ɵɵelementStart(14, "div", 14, 2);
+            i0.ɵɵconditionalCreate(16, ShopProfileQuestionAnswerComponent_Conditional_16_Template, 2, 2, "div", 15);
+            i0.ɵɵelementStart(17, "h2", 16, 3);
+            i0.ɵɵtext(19);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(20, "div", 17);
+            i0.ɵɵconditionalCreate(21, ShopProfileQuestionAnswerComponent_Conditional_21_Template, 2, 2, "p", 18);
+            i0.ɵɵconditionalCreate(22, ShopProfileQuestionAnswerComponent_Conditional_22_Template, 9, 3, "div", 19);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "div", 18)(22, "div", 19);
-            i0.ɵɵrepeaterCreate(23, ShopProfileQuestionAnswerComponent_For_24_Template, 4, 5, "label", 20, _forTrack0$2);
+            i0.ɵɵelementStart(23, "div", 20)(24, "div", 21);
+            i0.ɵɵrepeaterCreate(25, ShopProfileQuestionAnswerComponent_For_26_Template, 4, 5, "label", 22, _forTrack0$2);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(25, "div", 21)(26, "div", 22)(27, "div", 23)(28, "div", 24)(29, "textarea", 25);
-            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); });
+            i0.ɵɵelementStart(27, "div", 23)(28, "div", 24)(29, "div", 25)(30, "div", 26)(31, "textarea", 27);
+            i0.ɵɵtwoWayListener("ngModelChange", function ShopProfileQuestionAnswerComponent_Template_textarea_ngModelChange_31_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.customAnswerText, $event) || (ctx.customAnswerText = $event); return i0.ɵɵresetView($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(30, "div", 26)(31, "button", 27);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelCustomAnswers()); });
-            i0.ɵɵtext(32, " Cancel ");
+            i0.ɵɵelementStart(32, "div", 28)(33, "button", 29);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelCustomAnswers()); });
+            i0.ɵɵtext(34, " Cancel ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(33, "button", 28);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.addCustomAnswers()); });
-            i0.ɵɵtext(34, " Add ");
+            i0.ɵɵelementStart(35, "button", 30);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.addCustomAnswers()); });
+            i0.ɵɵtext(36, " Add ");
             i0.ɵɵelementEnd()()()()();
-            i0.ɵɵconditionalCreate(35, ShopProfileQuestionAnswerComponent_Conditional_35_Template, 2, 1, "button", 29);
+            i0.ɵɵconditionalCreate(37, ShopProfileQuestionAnswerComponent_Conditional_37_Template, 2, 1, "button", 31);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(36, "div", 30)(37, "div", 31)(38, "button", 32);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_38_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
-            i0.ɵɵtext(39, " Save ");
+            i0.ɵɵelementStart(38, "div", 32)(39, "div", 33)(40, "button", 34);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_40_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
+            i0.ɵɵtext(41, " Save ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(40, "button", 33);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_40_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSaveAndNext()); });
-            i0.ɵɵelementStart(41, "span");
-            i0.ɵɵtext(42, "Save & next unanswered");
+            i0.ɵɵelementStart(42, "button", 35);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_42_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSaveAndNext()); });
+            i0.ɵɵelementStart(43, "span");
+            i0.ɵɵtext(44, "Save & next unanswered");
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(43, "svg", 34);
-            i0.ɵɵelement(44, "path", 35);
+            i0.ɵɵelementStart(45, "svg", 36);
+            i0.ɵɵelement(46, "path", 37);
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
@@ -88994,12 +89001,12 @@ class ShopProfileQuestionAnswerComponent {
             i0.ɵɵconditional(ctx.viewType() !== "all" ? 16 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.questionTextClasses());
-            i0.ɵɵadvance();
+            i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", ctx.question().question, " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.question().context ? 21 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.question().context ? 19 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0 ? 20 : -1);
+            i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0 ? 22 : -1);
             i0.ɵɵadvance(3);
             i0.ɵɵrepeater(ctx.answerOptions());
             i0.ɵɵadvance(3);
@@ -89012,7 +89019,7 @@ class ShopProfileQuestionAnswerComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("disabled", !ctx.canAddCustomAnswers())("ngClass", ctx.addButtonClasses());
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(!ctx.addOtherAnswersExpanded() ? 35 : -1);
+            i0.ɵɵconditional(!ctx.addOtherAnswersExpanded() ? 37 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.footerClasses());
             i0.ɵɵadvance(2);
@@ -89079,11 +89086,14 @@ class ShopProfileQuestionAnswerComponent {
             </div>
           }
 
-          <!-- Question -->
-          <h2 [ngClass]="questionTextClasses()" class="font-bold text-lg">
+          <!-- Question - animates from text-xl to text-lg when sticky -->
+          <h2 #questionTitle [ngClass]="questionTextClasses()" class="font-bold text-xl [&.is-sticky]:text-lg transition-all duration-200">
             {{ question().question }}
           </h2>
+        </div>
 
+        <!-- Context and Focus Areas - scroll under sticky header -->
+        <div class="px-6">
           <!-- Context -->
           @if (question().context) {
             <p [ngClass]="contextTextClasses()" class="text-sm leading-relaxed mt-3">
@@ -89217,8 +89227,11 @@ class ShopProfileQuestionAnswerComponent {
         }], stickyHeader: [{
             type: ViewChild,
             args: ['stickyHeader']
+        }], questionTitle: [{
+            type: ViewChild,
+            args: ['questionTitle']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber: 206 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber: 209 }); })();
 
 const _c0$4 = ["modalContent"];
 const _c1$1 = ["modalWrapper"];