@eric-emg/symphiq-components 1.3.21 → 1.3.22

package/fesm2022/symphiq-components.mjs

@@ -96528,6 +96528,104 @@ class SymphiqProfileShopAnalysisDashboardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileShopAnalysisDashboardComponent, { className: "SymphiqProfileShopAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/symphiq-profile-shop-analysis-dashboard.component.ts", lineNumber: 893 }); })();
 
+function ContinueFooterComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(0, "svg", 3);
+    i0.ɵɵelement(1, "circle", 4)(2, "path", 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Loading...");
+    i0.ɵɵelementEnd();
+} }
+function ContinueFooterComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(2, "svg", 6);
+    i0.ɵɵelement(3, "path", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.buttonText());
+} }
+class ContinueFooterComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.buttonText = input('Continue', ...(ngDevMode ? [{ debugName: "buttonText" }] : []));
+        this.continueClick = output();
+        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
+        this.containerClasses = computed(() => this.isLightMode()
+            ? 'bg-white/95 backdrop-blur-sm border-slate-200'
+            : 'bg-slate-900/95 backdrop-blur-sm border-slate-700', ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+        this.buttonClasses = computed(() => this.isLightMode()
+            ? 'bg-blue-600 hover:bg-blue-700 text-white shadow-lg hover:shadow-xl'
+            : 'bg-blue-500 hover:bg-blue-600 text-white shadow-lg hover:shadow-xl', ...(ngDevMode ? [{ debugName: "buttonClasses" }] : []));
+    }
+    handleClick() {
+        if (this.isLoading()) {
+            return;
+        }
+        this.isLoading.set(true);
+        this.continueClick.emit();
+    }
+    static { this.ɵfac = function ContinueFooterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContinueFooterComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContinueFooterComponent, selectors: [["symphiq-continue-footer"]], inputs: { viewMode: [1, "viewMode"], buttonText: [1, "buttonText"] }, outputs: { continueClick: "continueClick" }, decls: 5, vars: 10, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "shadow-lg", 3, "ngClass"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], ["type", "button", 1, "w-full", "py-4", "px-6", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-3", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function ContinueFooterComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
+            i0.ɵɵlistener("click", function ContinueFooterComponent_Template_button_click_2_listener() { return ctx.handleClick(); });
+            i0.ɵɵconditionalCreate(3, ContinueFooterComponent_Conditional_3_Template, 5, 0)(4, ContinueFooterComponent_Conditional_4_Template, 4, 1);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.containerClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("cursor-pointer", !ctx.isLoading())("cursor-not-allowed", ctx.isLoading())("opacity-70", ctx.isLoading());
+            i0.ɵɵproperty("disabled", ctx.isLoading())("ngClass", ctx.buttonClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isLoading() ? 3 : 4);
+        } }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContinueFooterComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-continue-footer',
+                standalone: true,
+                imports: [CommonModule],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <div [ngClass]="containerClasses()" class="fixed bottom-0 left-0 right-0 z-50 border-t shadow-lg">
+      <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-4">
+        <button
+          type="button"
+          (click)="handleClick()"
+          [disabled]="isLoading()"
+          [ngClass]="buttonClasses()"
+          class="w-full py-4 px-6 rounded-xl font-semibold text-lg transition-all duration-200 flex items-center justify-center gap-3"
+          [class.cursor-pointer]="!isLoading()"
+          [class.cursor-not-allowed]="isLoading()"
+          [class.opacity-70]="isLoading()">
+          @if (isLoading()) {
+            <svg class="w-5 h-5 animate-spin" fill="none" viewBox="0 0 24 24">
+              <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+              <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+            </svg>
+            <span>Loading...</span>
+          } @else {
+            <span>{{ buttonText() }}</span>
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
+            </svg>
+          }
+        </button>
+      </div>
+    </div>
+  `
+            }]
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], buttonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonText", required: false }] }], continueClick: [{ type: i0.Output, args: ["continueClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContinueFooterComponent, { className: "ContinueFooterComponent", filePath: "lib/components/shared/continue-footer.component.ts", lineNumber: 39 }); })();
+
 function ProfileAnalysisStatusSummaryComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 3);
     i0.ɵɵelement(2, "div", 4);
@@ -97651,7 +97749,7 @@ class ProfileAnalysisCardGridComponent {
 
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 26);
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 27);
     i0.ɵɵlistener("nextStepClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_5_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); })("stepClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_5_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -97672,7 +97770,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_29_Templ
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-profile-analysis-card-grid", 27);
+    i0.ɵɵelementStart(0, "symphiq-profile-analysis-card-grid", 28);
     i0.ɵɵlistener("cardClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_30_Template_symphiq_profile_analysis_card_grid_cardClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCardClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -97681,10 +97779,19 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_30_Templ
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-modal", 28);
+    i0.ɵɵelementStart(0, "symphiq-search-modal", 29);
     i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_31_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
     i0.ɵɵelementEnd();
 } }
+function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-continue-footer", 30);
+    i0.ɵɵlistener("continueClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_33_Template_symphiq_continue_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
+} }
 class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     constructor() {
         this.requestedByUser = input(...(ngDevMode ? [undefined, { debugName: "requestedByUser" }] : []));
@@ -97723,6 +97830,11 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
         this.headerScrollService = inject(HeaderScrollService);
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
         this.isSimplifiedView = computed(() => this.displayMode() === DisplayModeEnum.SIMPLIFIED, ...(ngDevMode ? [{ debugName: "isSimplifiedView" }] : []));
+        this.showContinueFooter = computed(() => {
+            return this.isSimplifiedView() &&
+                this.allInterestedFocusAreasAnalysisReviewed() &&
+                this.maxAccessibleStepId() === JourneyStepIdEnum.FOCUS_AREA_ANALYSIS;
+        }, ...(ngDevMode ? [{ debugName: "showContinueFooter" }] : []));
         this.FocusAreaDetailStatusEnum = FocusAreaDetailStatusEnum;
         this.AiDynamicContentStatusEnum = AiDynamicContentStatusEnum;
         this.ProfileAnalysisReviewStatusEnum = ProfileAnalysisReviewStatusEnum;
@@ -98174,7 +98286,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileFocusAreasAnalysesDashboardComponent, selectors: [["symphiq-profile-focus-areas-analyses-dashboard"]], hostBindings: function SymphiqProfileFocusAreasAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileFocusAreasAnalysesDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
-        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 33, vars: 29, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [3, "viewMode", "profileStatusCounts", "analysisStatusCounts", "allReviewed", "hasItems", "config"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "block", 3, "viewMode", "items", "analysisDate", "analysisDatePreposition"], ["title", "Continue Your Journey", "description", "The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue.", 1, "mt-6", "block", 3, "viewMode"], ["title", "Loading Focus Area Data", "subtitle", "Please wait while we retrieve your focus areas...", "size", "large", 3, "viewMode"], [3, "viewMode", "cards", "config"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "cardClick", "viewMode", "cards", "config"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 34, vars: 30, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [3, "viewMode", "profileStatusCounts", "analysisStatusCounts", "allReviewed", "hasItems", "config"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "block", 3, "viewMode", "items", "analysisDate", "analysisDatePreposition"], ["title", "Continue Your Journey", "description", "The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue.", 1, "mt-6", "block", 3, "viewMode"], ["title", "Loading Focus Area Data", "subtitle", "Please wait while we retrieve your focus areas...", "size", "large", 3, "viewMode"], [3, "viewMode", "cards", "config"], ["buttonText", "Continue to Metric Analyses", 3, "viewMode"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "cardClick", "viewMode", "cards", "config"], [3, "closeModal"], ["buttonText", "Continue to Metric Analyses", 3, "continueClick", "viewMode"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
             i0.ɵɵelementStart(3, "div", 3);
@@ -98207,6 +98319,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵelementEnd()();
             i0.ɵɵconditionalCreate(31, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_31_Template, 1, 0, "symphiq-search-modal");
             i0.ɵɵelement(32, "symphiq-tooltip-container");
+            i0.ɵɵconditionalCreate(33, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_33_Template, 1, 1, "symphiq-continue-footer", 26);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
@@ -98240,7 +98353,9 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             i0.ɵɵconditional(ctx.isLoading() ? 29 : 30);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.showSearchModal() ? 31 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, ContinueYourJourneyComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent, LoadingCardComponent], styles: ["@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_status-pop .3s ease-out;transition:all .3s ease-out}@keyframes _ngcontent-%COMP%_alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_alert-pulse 4s ease-in-out infinite}"], data: { animation: [
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showContinueFooter() ? 33 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass, ContinueYourJourneyComponent, ContinueFooterComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent, LoadingCardComponent], styles: ["@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_status-pop .3s ease-out;transition:all .3s ease-out}@keyframes _ngcontent-%COMP%_alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_alert-pulse 4s ease-in-out infinite}"], data: { animation: [
                 trigger('statusBadge', [
                     transition(':enter', [
                         style({ opacity: 0, transform: 'scale(0.8)' }),
@@ -98261,7 +98376,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileFocusAreasAnalysesDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-profile-focus-areas-analyses-dashboard', standalone: true, imports: [CommonModule, ContinueYourJourneyComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent, LoadingCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+        args: [{ selector: 'symphiq-profile-focus-areas-analyses-dashboard', standalone: true, imports: [CommonModule, ContinueYourJourneyComponent, ContinueFooterComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent, LoadingCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                     trigger('statusBadge', [
                         transition(':enter', [
                             style({ opacity: 0, transform: 'scale(0.8)' }),
@@ -98419,13 +98534,22 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
       }
 
       <symphiq-tooltip-container/>
+
+      <!-- Continue Footer -->
+      @if (showContinueFooter()) {
+        <symphiq-continue-footer
+            [viewMode]="viewMode()"
+            buttonText="Continue to Metric Analyses"
+            (continueClick)="nextStepClick.emit()"
+        />
+      }
     </div>
   `, styles: ["@keyframes review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse{animation:review-pulse 2s ease-in-out infinite}@keyframes status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge{animation:status-pop .3s ease-out;transition:all .3s ease-out}@keyframes alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse{animation:alert-pulse 4s ease-in-out infinite}\n"] }]
     }], null, { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalyses: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalyses", required: false }] }], profileFocusAreas: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusAreas", required: false }] }], itemStatusesProfileFocusArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileFocusArea", required: false }] }], itemStatusesProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], profileFocusAreaQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusAreaQuestions", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], navigateToProfileFocusArea: [{ type: i0.Output, args: ["navigateToProfileFocusArea"] }], navigateToProfileAnalysis: [{ type: i0.Output, args: ["navigateToProfileAnalysis"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], answerFocusAreaProfileQuestions: [{ type: i0.Output, args: ["answerFocusAreaProfileQuestions"] }], continueFocusAreaProfileQuestions: [{ type: i0.Output, args: ["continueFocusAreaProfileQuestions"] }], profileQuestionAnswerSave: [{ type: i0.Output, args: ["profileQuestionAnswerSave"] }], focusAreaProfileAdminAnswerAction: [{ type: i0.Output, args: ["focusAreaProfileAdminAnswerAction"] }], onScroll: [{
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 298 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 308 }); })();
 
 const _c0$8 = () => [];
 function SymphiqProfileFocusAreaDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {