@eric-emg/symphiq-components 1.3.3 → 1.3.5

package/fesm2022/symphiq-components.mjs

@@ -53523,50 +53523,74 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r0.accountData() || ctx_r0.focusAreasEditMode() ? 4 : -1);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 73)(1, "div", 77)(2, "span", 59);
+    i0.ɵɵtext(3, " Focus Areas ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 78);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 79);
+    i0.ɵɵelement(7, "div", 80);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaProgressLabelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaProgressCountClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" ", ctx_r0.focusAreasAnswered(), " / ", ctx_r0.totalFocusAreas(), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaProgressBarBgClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", ctx_r0.focusAreaProgressPercent(), "%");
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaProgressBarFillClasses());
+} }
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 76);
-    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.focusAreasEditMode() ? ctx_r0.cancelFocusAreasEditMode() : ctx_r0.cancelEditMode()); });
+    i0.ɵɵelementStart(0, "button", 81);
+    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.focusAreasEditMode() ? ctx_r0.cancelFocusAreasEditMode() : ctx_r0.cancelEditMode()); });
     i0.ɵɵtext(1, " Cancel ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.cancelButtonClasses());
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Saving Focus Areas... ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Updating Account... ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Creating Account... ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 77);
-    i0.ɵɵelement(1, "circle", 78)(2, "path", 79);
+    i0.ɵɵelementStart(0, "svg", 82);
+    i0.ɵɵelement(1, "circle", 83)(2, "path", 84);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_3_Template, 1, 0)(4, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_4_Template, 1, 0)(5, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_5_Template, 1, 0);
+    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_3_Template, 1, 0)(4, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_4_Template, 1, 0)(5, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_5_Template, 1, 0);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r0.focusAreasEditMode() ? 3 : ctx_r0.accountData() && ctx_r0.editMode() ? 4 : 5);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Save Focus Areas ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Save Changes ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Create Account ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_0_Template, 1, 0)(1, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_1_Template, 1, 0)(2, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_2_Template, 1, 0);
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_0_Template, 1, 0)(1, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_1_Template, 1, 0)(2, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_2_Template, 1, 0);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 80);
-    i0.ɵɵelement(4, "path", 81);
+    i0.ɵɵelementStart(3, "svg", 85);
+    i0.ɵɵelement(4, "path", 86);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -53574,22 +53598,26 @@ function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Tem
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11)(1, "div", 72)(2, "div", 73);
-    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_3_Template, 2, 1, "button", 74);
-    i0.ɵɵelementStart(4, "button", 75);
-    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_11_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.focusAreasEditMode() ? ctx_r0.handleSaveFocusAreas() : ctx_r0.handleContinue()); });
-    i0.ɵɵconditionalCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Template, 6, 1)(6, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Template, 5, 1);
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 72);
+    i0.ɵɵconditionalCreate(2, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_2_Template, 8, 8, "div", 73);
+    i0.ɵɵelementStart(3, "div", 74);
+    i0.ɵɵconditionalCreate(4, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_4_Template, 2, 1, "button", 75);
+    i0.ɵɵelementStart(5, "button", 76);
+    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_11_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.focusAreasEditMode() ? ctx_r0.handleSaveFocusAreas() : ctx_r0.handleContinue()); });
+    i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Template, 6, 1)(7, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Template, 5, 1);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.stickyButtonContainerClasses());
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r0.accountData() && ctx_r0.editMode() || ctx_r0.accountData() && ctx_r0.focusAreasEditMode() ? 3 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.formValid() && !ctx_r0.accountData() && !ctx_r0.focusAreasEditMode() ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.accountData() && ctx_r0.editMode() || ctx_r0.accountData() && ctx_r0.focusAreasEditMode() ? 4 : -1);
     i0.ɵɵadvance();
     i0.ɵɵclassProp("cursor-pointer", ctx_r0.isButtonEnabled())("cursor-not-allowed", !ctx_r0.isButtonEnabled())("opacity-50", !ctx_r0.isButtonEnabled())("hover:scale-105", ctx_r0.isButtonEnabled());
     i0.ɵɵproperty("disabled", !ctx_r0.isButtonEnabled())("ngClass", ctx_r0.continueButtonClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isLoading() ? 5 : 6);
+    i0.ɵɵconditional(ctx_r0.isLoading() ? 6 : 7);
 } }
 var ShopPlatformEnum;
 (function (ShopPlatformEnum) {
@@ -53657,6 +53685,7 @@ class SymphiqCreateAccountDashboardComponent {
         this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
         this.isCreatingAccount = computed(() => this.isLoading() && !this.accountData(), ...(ngDevMode ? [{ debugName: "isCreatingAccount" }] : []));
         this.formChanged = signal(false, ...(ngDevMode ? [{ debugName: "formChanged" }] : []));
+        this.formValid = signal(false, ...(ngDevMode ? [{ debugName: "formValid" }] : []));
         this.originalFormValue = null;
         this.loadTime = Date.now();
         this.ShopPlatformEnum = ShopPlatformEnum;
@@ -53693,6 +53722,12 @@ class SymphiqCreateAccountDashboardComponent {
         this.allFocusAreasAnswered = computed(() => {
             return this.focusAreasAnswered() === this.totalFocusAreas();
         }, ...(ngDevMode ? [{ debugName: "allFocusAreasAnswered" }] : []));
+        this.focusAreaProgressPercent = computed(() => {
+            const total = this.totalFocusAreas();
+            if (total === 0)
+                return 0;
+            return (this.focusAreasAnswered() / total) * 100;
+        }, ...(ngDevMode ? [{ debugName: "focusAreaProgressPercent" }] : []));
         this.currentEditingFocusAreaTitle = computed(() => {
             const domain = this.currentEditingFocusArea();
             return domain ? FocusAreaDomainEnumUtil.title(domain) : '';
@@ -53740,6 +53775,22 @@ class SymphiqCreateAccountDashboardComponent {
                 title: FocusAreaDomainEnumUtil.title(fa.focusAreaDomain)
             }));
         }, ...(ngDevMode ? [{ debugName: "notInterestedFocusAreasDisplay" }] : []));
+        this.isButtonEnabled = computed(() => {
+            if (this.isLoading())
+                return false;
+            if (this.focusAreasEditMode()) {
+                return this.allFocusAreasAnswered() && this.focusAreasChanged();
+            }
+            if (!this.formValid())
+                return false;
+            if (!this.accountData()) {
+                return this.allFocusAreasAnswered();
+            }
+            if (this.accountData() && this.editMode()) {
+                return this.formChanged();
+            }
+            return true;
+        }, ...(ngDevMode ? [{ debugName: "isButtonEnabled" }] : []));
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
         this.containerWrapperClasses = computed(() => {
             if (this.embedded()) {
@@ -53833,6 +53884,38 @@ class SymphiqCreateAccountDashboardComponent {
                 ? 'bg-gradient-to-r from-blue-600 to-cyan-600 hover:from-blue-700 hover:to-cyan-700 text-white'
                 : 'bg-gradient-to-r from-blue-500 to-cyan-500 hover:from-blue-600 hover:to-cyan-600 text-white';
         }, ...(ngDevMode ? [{ debugName: "continueButtonClasses" }] : []));
+        this.focusAreaProgressLabelClasses = computed(() => {
+            return this.isLightMode()
+                ? 'text-slate-600'
+                : 'text-slate-400';
+        }, ...(ngDevMode ? [{ debugName: "focusAreaProgressLabelClasses" }] : []));
+        this.focusAreaProgressCountClasses = computed(() => {
+            const allAnswered = this.allFocusAreasAnswered();
+            if (allAnswered) {
+                return this.isLightMode()
+                    ? 'text-emerald-600'
+                    : 'text-emerald-400';
+            }
+            return this.isLightMode()
+                ? 'text-blue-600'
+                : 'text-blue-400';
+        }, ...(ngDevMode ? [{ debugName: "focusAreaProgressCountClasses" }] : []));
+        this.focusAreaProgressBarBgClasses = computed(() => {
+            return this.isLightMode()
+                ? 'bg-slate-200'
+                : 'bg-slate-700';
+        }, ...(ngDevMode ? [{ debugName: "focusAreaProgressBarBgClasses" }] : []));
+        this.focusAreaProgressBarFillClasses = computed(() => {
+            const allAnswered = this.allFocusAreasAnswered();
+            if (allAnswered) {
+                return this.isLightMode()
+                    ? 'bg-gradient-to-r from-emerald-500 to-teal-500'
+                    : 'bg-gradient-to-r from-emerald-400 to-teal-400';
+            }
+            return this.isLightMode()
+                ? 'bg-gradient-to-r from-blue-500 to-cyan-500'
+                : 'bg-gradient-to-r from-blue-400 to-cyan-400';
+        }, ...(ngDevMode ? [{ debugName: "focusAreaProgressBarFillClasses" }] : []));
         this.progressBadgeClasses = computed(() => {
             const allAnswered = this.allFocusAreasAnswered();
             return this.isLightMode()
@@ -53920,6 +54003,10 @@ class SymphiqCreateAccountDashboardComponent {
                 this.checkFormChanged();
             }
         });
+        this.accountForm.statusChanges.subscribe(() => {
+            this.formValid.set(this.accountForm.valid);
+        });
+        this.formValid.set(this.accountForm.valid);
     }
     onScroll() {
         this.headerScrollService.handleScroll(this.embedded());
@@ -53968,22 +54055,6 @@ class SymphiqCreateAccountDashboardComponent {
     isFormValid() {
         return this.accountForm.valid;
     }
-    isButtonEnabled() {
-        if (this.isLoading())
-            return false;
-        if (this.focusAreasEditMode()) {
-            return this.allFocusAreasAnswered() && this.focusAreasChanged();
-        }
-        if (!this.isFormValid())
-            return false;
-        if (!this.accountData()) {
-            return this.allFocusAreasAnswered();
-        }
-        if (this.accountData() && this.editMode()) {
-            return this.formChanged();
-        }
-        return true;
-    }
     handleContinue() {
         if (this.accountForm.get('website')?.value) {
             return;
@@ -54205,7 +54276,7 @@ class SymphiqCreateAccountDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.shopNameInput = _t.first);
         } }, hostBindings: function SymphiqCreateAccountDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqCreateAccountDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
-        } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], accountData: [1, "accountData"], forDemo: [1, "forDemo"], showNextStepAction: [1, "showNextStepAction"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { onCreateAccount: "onCreateAccount", stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 12, vars: 26, consts: [["shopNameInput", ""], [3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "flex", "flex-col", "items-center", "justify-center", "min-h-[60vh]", "gap-6"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [3, "close", "save", "isOpen", "focusAreaDomain", "focusAreaTitle", "selectedTools", "viewMode"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-6"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "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", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "space-y-4"], [1, "block", "text-sm", "font-medium", "mb-1", 3, "ngClass"], ["target", "_blank", "rel", "noopener noreferrer", 1, "text-base", "hover:underline", 3, "href", "ngClass"], [1, "mb-6"], [1, "space-y-6", 3, "formGroup"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-red-500"], ["type", "text", "formControlName", "shopName", "placeholder", "Enter your shop name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "mt-1", "text-sm", 3, "ngClass"], [1, "flex", "items-center"], [1, "px-4", "py-3", "rounded-l-lg", "border-2", "border-r-0", "text-sm", "font-medium", 3, "ngClass"], ["type", "text", "formControlName", "shopUrl", "placeholder", "yourshop.com", 1, "flex-1", "px-4", "py-3", "rounded-r-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "block", "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-4"], [1, "cursor-pointer", 3, "ngClass"], ["type", "radio", "formControlName", "shopPlatform", 1, "sr-only", 3, "value"], [1, "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border-2", "transition-all", "duration-200"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1"], [1, "font-semibold", 3, "ngClass"], ["type", "text", "formControlName", "companyName", "placeholder", "Enter company name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass", "readonly"], [1, "mt-2"], [1, "flex", "items-center", "gap-2", "cursor-pointer"], ["type", "checkbox", 1, "w-4", "h-4", "rounded", "border-2", "transition-all", "duration-200", 3, "change", "checked", "ngClass"], [1, "text-sm", 3, "ngClass"], ["formControlName", "website", "tabindex", "-1", "autocomplete", "off", 1, "absolute", "-left-[9999px]", "opacity-0"], ["type", "text", "formControlName", "otherPlatformName", "placeholder", "Enter platform name (e.g., WooCommerce, Magento)", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "text-base", "font-bold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-emerald-500"], [1, "space-y-3"], [1, "p-4", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-2"], [1, "font-semibold", "text-sm", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-blue-500"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-3"], [1, "p-3", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400"], [1, "grid", "grid-cols-2", "sm:grid-cols-3", "gap-2"], [1, "p-2", "rounded", "text-center", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [3, "statusChange", "toolsClick", "focusAreaDomain", "selectedStatus", "selectedTools", "viewMode", "title", "description"], [1, "my-4", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-lg", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-3", "shadow-lg", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqCreateAccountDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], accountData: [1, "accountData"], forDemo: [1, "forDemo"], showNextStepAction: [1, "showNextStepAction"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { onCreateAccount: "onCreateAccount", stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 12, vars: 26, consts: [["shopNameInput", ""], [3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "flex", "flex-col", "items-center", "justify-center", "min-h-[60vh]", "gap-6"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [3, "close", "save", "isOpen", "focusAreaDomain", "focusAreaTitle", "selectedTools", "viewMode"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-6"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "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", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "space-y-4"], [1, "block", "text-sm", "font-medium", "mb-1", 3, "ngClass"], ["target", "_blank", "rel", "noopener noreferrer", 1, "text-base", "hover:underline", 3, "href", "ngClass"], [1, "mb-6"], [1, "space-y-6", 3, "formGroup"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-red-500"], ["type", "text", "formControlName", "shopName", "placeholder", "Enter your shop name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "mt-1", "text-sm", 3, "ngClass"], [1, "flex", "items-center"], [1, "px-4", "py-3", "rounded-l-lg", "border-2", "border-r-0", "text-sm", "font-medium", 3, "ngClass"], ["type", "text", "formControlName", "shopUrl", "placeholder", "yourshop.com", 1, "flex-1", "px-4", "py-3", "rounded-r-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "block", "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-4"], [1, "cursor-pointer", 3, "ngClass"], ["type", "radio", "formControlName", "shopPlatform", 1, "sr-only", 3, "value"], [1, "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border-2", "transition-all", "duration-200"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1"], [1, "font-semibold", 3, "ngClass"], ["type", "text", "formControlName", "companyName", "placeholder", "Enter company name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass", "readonly"], [1, "mt-2"], [1, "flex", "items-center", "gap-2", "cursor-pointer"], ["type", "checkbox", 1, "w-4", "h-4", "rounded", "border-2", "transition-all", "duration-200", 3, "change", "checked", "ngClass"], [1, "text-sm", 3, "ngClass"], ["formControlName", "website", "tabindex", "-1", "autocomplete", "off", 1, "absolute", "-left-[9999px]", "opacity-0"], ["type", "text", "formControlName", "otherPlatformName", "placeholder", "Enter platform name (e.g., WooCommerce, Magento)", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "text-base", "font-bold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-emerald-500"], [1, "space-y-3"], [1, "p-4", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-2"], [1, "font-semibold", "text-sm", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-blue-500"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-3"], [1, "p-3", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400"], [1, "grid", "grid-cols-2", "sm:grid-cols-3", "gap-2"], [1, "p-2", "rounded", "text-center", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [3, "statusChange", "toolsClick", "focusAreaDomain", "selectedStatus", "selectedTools", "viewMode", "title", "description"], [1, "my-4", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "mb-3"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-lg", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-3", "shadow-lg", 3, "click", "disabled", "ngClass"], [1, "flex", "items-center", "justify-between", "mb-1.5"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", "ease-out", 3, "ngClass"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqCreateAccountDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1)(1, "div");
             i0.ɵɵelement(2, "div", 2);
             i0.ɵɵelementEnd();
@@ -54221,7 +54292,7 @@ class SymphiqCreateAccountDashboardComponent {
             i0.ɵɵelementStart(10, "symphiq-focus-area-tools-modal", 10);
             i0.ɵɵlistener("close", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_close_10_listener() { return ctx.onToolsModalClose(); })("save", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_save_10_listener($event) { return ctx.onToolsModalSave($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(11, SymphiqCreateAccountDashboardComponent_Conditional_11_Template, 7, 13, "div", 11);
+            i0.ɵɵconditionalCreate(11, SymphiqCreateAccountDashboardComponent_Conditional_11_Template, 8, 14, "div", 11);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerWrapperClasses());
@@ -54700,6 +54771,25 @@ class SymphiqCreateAccountDashboardComponent {
         @if ((!accountData() || editMode() || focusAreasEditMode()) && !isCreatingAccount()) {
           <div [ngClass]="stickyButtonContainerClasses()" class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-sm">
             <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
+              @if (formValid() && !accountData() && !focusAreasEditMode()) {
+                <div class="mb-3">
+                  <div class="flex items-center justify-between mb-1.5">
+                    <span [ngClass]="focusAreaProgressLabelClasses()" class="text-xs font-medium">
+                      Focus Areas
+                    </span>
+                    <span [ngClass]="focusAreaProgressCountClasses()" class="text-xs font-semibold">
+                      {{ focusAreasAnswered() }} / {{ totalFocusAreas() }}
+                    </span>
+                  </div>
+                  <div [ngClass]="focusAreaProgressBarBgClasses()" class="h-2 rounded-full overflow-hidden">
+                    <div
+                      [style.width.%]="focusAreaProgressPercent()"
+                      [ngClass]="focusAreaProgressBarFillClasses()"
+                      class="h-full rounded-full transition-all duration-500 ease-out">
+                    </div>
+                  </div>
+                </div>
+              }
               <div class="flex items-center gap-3">
                 @if ((accountData() && editMode()) || (accountData() && focusAreasEditMode())) {
                   <button
@@ -54759,7 +54849,7 @@ class SymphiqCreateAccountDashboardComponent {
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 605 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 624 }); })();
 
 const _forTrack0$D = ($index, $item) => $item.property.id;
 function SymphiqConnectGaDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
@@ -91272,11 +91362,38 @@ class ProfileQuestionsModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileQuestionsModalComponent, { className: "ProfileQuestionsModalComponent", filePath: "lib/components/shared/profile/profile-questions-modal.component.ts", lineNumber: 209 }); })();
 
 const _c0$a = ["chartdiv"];
-function ProfileStatusCardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+function ProfileStatusCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 16)(2, "div", 17)(3, "div", 18);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(4, "svg", 8);
+    i0.ɵɵelement(5, "path", 19);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(6, "div")(7, "h2", 20);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "p", 21);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.headerClasses());
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngClass", ctx_r1.iconContainerClasses());
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.config().title, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.subtitleClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.answeredQuestions(), " of ", ctx_r1.totalQuestions(), " questions answered ");
+} }
+function ProfileStatusCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3", 22);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(2, "p", 17);
+    i0.ɵɵelement(2, "p", 11);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r1.getIntroTitleClasses());
@@ -91285,27 +91402,27 @@ function ProfileStatusCardComponent_Conditional_20_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.getIntroTextClasses())("innerHTML", ctx_r1.config().introText, i0.ɵɵsanitizeHtml);
 } }
-function ProfileStatusCardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 17);
+function ProfileStatusCardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p", 11);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r1.getIntroTextClasses())("innerHTML", ctx_r1.config().introTextMinimal, i0.ɵɵsanitizeHtml);
 } }
-function ProfileStatusCardComponent_Conditional_25_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function ProfileStatusCardComponent_Conditional_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 23)(1, "symphiq-profile-view-toggle", 25);
-    i0.ɵɵlistener("viewChanged", function ProfileStatusCardComponent_Conditional_25_Conditional_0_Template_symphiq_profile_view_toggle_viewChanged_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleViewChange($event)); });
+    i0.ɵɵlistener("viewChanged", function ProfileStatusCardComponent_Conditional_15_Conditional_0_Template_symphiq_profile_view_toggle_viewChanged_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleViewChange($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentView", ctx_r1.currentView())("options", ctx_r1.viewToggleOptions());
 } }
-function ProfileStatusCardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+function ProfileStatusCardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, ProfileStatusCardComponent_Conditional_25_Conditional_0_Template, 2, 3, "div", 23);
+    i0.ɵɵconditionalCreate(0, ProfileStatusCardComponent_Conditional_15_Conditional_0_Template, 2, 3, "div", 23);
     i0.ɵɵelementStart(1, "symphiq-profile-category-list", 24);
-    i0.ɵɵlistener("itemClick", function ProfileStatusCardComponent_Conditional_25_Template_symphiq_profile_category_list_itemClick_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleItemClick($event)); });
+    i0.ɵɵlistener("itemClick", function ProfileStatusCardComponent_Conditional_15_Template_symphiq_profile_category_list_itemClick_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleItemClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -91313,10 +91430,10 @@ function ProfileStatusCardComponent_Conditional_25_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("items", ctx_r1.currentGroupedQuestions())("delayAnimation", ctx_r1.questionsModalOpen());
 } }
-function ProfileStatusCardComponent_Conditional_26_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function ProfileStatusCardComponent_Conditional_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 27);
-    i0.ɵɵlistener("click", function ProfileStatusCardComponent_Conditional_26_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.adminAnswerAction.emit(false)); });
+    i0.ɵɵlistener("click", function ProfileStatusCardComponent_Conditional_16_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.adminAnswerAction.emit(false)); });
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 28);
     i0.ɵɵelement(2, "path", 29);
@@ -91330,10 +91447,10 @@ function ProfileStatusCardComponent_Conditional_26_Conditional_1_Template(rf, ct
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1("Un-answer ", ctx_r1.computedAnsweredCount(), " ?s");
 } }
-function ProfileStatusCardComponent_Conditional_26_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function ProfileStatusCardComponent_Conditional_16_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 27);
-    i0.ɵɵlistener("click", function ProfileStatusCardComponent_Conditional_26_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleAdminAnswerAll()); });
+    i0.ɵɵlistener("click", function ProfileStatusCardComponent_Conditional_16_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleAdminAnswerAll()); });
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 28);
     i0.ɵɵelement(2, "path", 30);
@@ -91347,10 +91464,10 @@ function ProfileStatusCardComponent_Conditional_26_Conditional_2_Template(rf, ct
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1("Answer ", ctx_r1.unansweredQuestions(), " ?s");
 } }
-function ProfileStatusCardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵconditionalCreate(1, ProfileStatusCardComponent_Conditional_26_Conditional_1_Template, 5, 1, "button", 26);
-    i0.ɵɵconditionalCreate(2, ProfileStatusCardComponent_Conditional_26_Conditional_2_Template, 5, 1, "button", 26);
+function ProfileStatusCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵconditionalCreate(1, ProfileStatusCardComponent_Conditional_16_Conditional_1_Template, 5, 1, "button", 26);
+    i0.ɵɵconditionalCreate(2, ProfileStatusCardComponent_Conditional_16_Conditional_2_Template, 5, 1, "button", 26);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -91373,6 +91490,7 @@ class ProfileStatusCardComponent {
         this.users = input([], ...(ngDevMode ? [{ debugName: "users" }] : []));
         this.startAnsweringAll = input(false, ...(ngDevMode ? [{ debugName: "startAnsweringAll" }] : []));
         this.currentUser = input(undefined, ...(ngDevMode ? [{ debugName: "currentUser" }] : []));
+        this.hideHeader = input(false, ...(ngDevMode ? [{ debugName: "hideHeader" }] : []));
         this.config = input({
             title: 'Profile',
             breadcrumbPrefix: ''
@@ -91759,52 +91877,33 @@ class ProfileStatusCardComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartDiv = _t.first);
-        } }, inputs: { viewMode: [1, "viewMode"], totalQuestions: [1, "totalQuestions"], answeredQuestions: [1, "answeredQuestions"], questions: [1, "questions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], startAnsweringAll: [1, "startAnsweringAll"], currentUser: [1, "currentUser"], config: [1, "config"], groupConfig: [1, "groupConfig"], categoryNameFormatter: [1, "categoryNameFormatter"], focusAreaNameFormatter: [1, "focusAreaNameFormatter"], questionFilterFn: [1, "questionFilterFn"], questionGroupByCategory: [1, "questionGroupByCategory"], questionGroupByFocusArea: [1, "questionGroupByFocusArea"] }, outputs: { startCategoryQuestions: "startCategoryQuestions", questionAnswerRequested: "questionAnswerRequested", answerSave: "answerSave", adminAnswerAction: "adminAnswerAction" }, decls: 28, vars: 29, consts: [["chartdiv", ""], [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 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "flex", "flex-wrap", "items-center", "gap-6", "mb-8"], [1, "rounded-xl", "p-6", "flex-1", "min-w-[300px]", 3, "ngClass"], [1, "flex", "items-start", "gap-4"], [1, "flex-shrink-0", "p-2", "rounded-lg", 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, "leading-relaxed", 3, "ngClass", "innerHTML"], [1, "flex-shrink-0"], [1, "w-[250px]", "h-[250px]"], [1, "flex", "items-center", "justify-center", "gap-4", "mt-6", "pt-6", "border-t", "border-slate-700/50"], [3, "close", "questionAnswerClick", "answerSave", "isOpen", "questions", "profileAnswers", "profileAnswerHistories", "users", "selectedCategoryId", "selectedFocusAreaId", "showAllQuestions", "startDirectAnswer", "viewMode", "breadcrumbPrefix", "showFocusAreaChips", "categoryNameFormatter", "focusAreaNameFormatter", "questionFilterFn"], [1, "font-semibold", "text-lg", "mb-3", 3, "ngClass"], [1, "flex", "justify-center", "mb-6"], [3, "itemClick", "viewMode", "items", "delayAnimation"], [3, "viewChanged", "viewMode", "currentView", "options"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-4", "py-2", "rounded-lg", "border-2", "border-violet-500/70", "bg-transparent", "text-violet-400", "hover:bg-violet-500/10", "transition-colors"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-4", "py-2", "rounded-lg", "border-2", "border-violet-500/70", "bg-transparent", "text-violet-400", "hover:bg-violet-500/10", "transition-colors", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 13l4 4L19 7"]], template: function ProfileStatusCardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], totalQuestions: [1, "totalQuestions"], answeredQuestions: [1, "answeredQuestions"], questions: [1, "questions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], startAnsweringAll: [1, "startAnsweringAll"], currentUser: [1, "currentUser"], hideHeader: [1, "hideHeader"], config: [1, "config"], groupConfig: [1, "groupConfig"], categoryNameFormatter: [1, "categoryNameFormatter"], focusAreaNameFormatter: [1, "focusAreaNameFormatter"], questionFilterFn: [1, "questionFilterFn"], questionGroupByCategory: [1, "questionGroupByCategory"], questionGroupByFocusArea: [1, "questionGroupByFocusArea"] }, outputs: { startCategoryQuestions: "startCategoryQuestions", questionAnswerRequested: "questionAnswerRequested", answerSave: "answerSave", adminAnswerAction: "adminAnswerAction" }, decls: 18, vars: 29, consts: [["chartdiv", ""], [1, "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "flex", "flex-wrap", "items-center", "gap-6", "mb-8"], [1, "rounded-xl", "p-6", "flex-1", "min-w-[300px]", 3, "ngClass"], [1, "flex", "items-start", "gap-4"], [1, "flex-shrink-0", "p-2", "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", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "leading-relaxed", 3, "ngClass", "innerHTML"], [1, "flex-shrink-0"], [1, "w-[250px]", "h-[250px]"], [1, "flex", "items-center", "justify-center", "gap-4", "mt-6", "pt-6", "border-t", "border-slate-700/50"], [3, "close", "questionAnswerClick", "answerSave", "isOpen", "questions", "profileAnswers", "profileAnswerHistories", "users", "selectedCategoryId", "selectedFocusAreaId", "showAllQuestions", "startDirectAnswer", "viewMode", "breadcrumbPrefix", "showFocusAreaChips", "categoryNameFormatter", "focusAreaNameFormatter", "questionFilterFn"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "font-semibold", "text-lg", "mb-3", 3, "ngClass"], [1, "flex", "justify-center", "mb-6"], [3, "itemClick", "viewMode", "items", "delayAnimation"], [3, "viewChanged", "viewMode", "currentView", "options"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-4", "py-2", "rounded-lg", "border-2", "border-violet-500/70", "bg-transparent", "text-violet-400", "hover:bg-violet-500/10", "transition-colors"], ["type", "button", 1, "flex", "items-center", "gap-2", "px-4", "py-2", "rounded-lg", "border-2", "border-violet-500/70", "bg-transparent", "text-violet-400", "hover:bg-violet-500/10", "transition-colors", 3, "click"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 13l4 4L19 7"]], template: function ProfileStatusCardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3)(3, "div", 4)(4, "div", 5);
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(5, "svg", 6);
-            i0.ɵɵelement(6, "path", 7);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(7, "div")(8, "h2", 8);
-            i0.ɵɵtext(9);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "p", 9);
-            i0.ɵɵtext(11);
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(12, "div", 10)(13, "div", 11)(14, "div", 12)(15, "div", 13)(16, "div", 14);
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵconditionalCreate(1, ProfileStatusCardComponent_Conditional_1_Template, 11, 7, "div", 2);
+            i0.ɵɵelementStart(2, "div", 3)(3, "div", 4)(4, "div", 5)(5, "div", 6)(6, "div", 7);
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(17, "svg", 6);
-            i0.ɵɵelement(18, "path", 15);
+            i0.ɵɵelementStart(7, "svg", 8);
+            i0.ɵɵelement(8, "path", 9);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(19, "div", 16);
-            i0.ɵɵconditionalCreate(20, ProfileStatusCardComponent_Conditional_20_Template, 3, 4)(21, ProfileStatusCardComponent_Conditional_21_Template, 1, 2, "p", 17);
+            i0.ɵɵelementStart(9, "div", 10);
+            i0.ɵɵconditionalCreate(10, ProfileStatusCardComponent_Conditional_10_Template, 3, 4)(11, ProfileStatusCardComponent_Conditional_11_Template, 1, 2, "p", 11);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(22, "div", 18);
-            i0.ɵɵelement(23, "div", 19, 0);
+            i0.ɵɵelementStart(12, "div", 12);
+            i0.ɵɵelement(13, "div", 13, 0);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(25, ProfileStatusCardComponent_Conditional_25_Template, 2, 4);
-            i0.ɵɵconditionalCreate(26, ProfileStatusCardComponent_Conditional_26_Template, 3, 2, "div", 20);
+            i0.ɵɵconditionalCreate(15, ProfileStatusCardComponent_Conditional_15_Template, 2, 4);
+            i0.ɵɵconditionalCreate(16, ProfileStatusCardComponent_Conditional_16_Template, 3, 2, "div", 14);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(27, "symphiq-profile-questions-modal", 21);
-            i0.ɵɵlistener("close", function ProfileStatusCardComponent_Template_symphiq_profile_questions_modal_close_27_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onQuestionsModalClose()); })("questionAnswerClick", function ProfileStatusCardComponent_Template_symphiq_profile_questions_modal_questionAnswerClick_27_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onQuestionAnswerClick($event)); })("answerSave", function ProfileStatusCardComponent_Template_symphiq_profile_questions_modal_answerSave_27_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAnswerSave($event)); });
+            i0.ɵɵelementStart(17, "symphiq-profile-questions-modal", 15);
+            i0.ɵɵlistener("close", function ProfileStatusCardComponent_Template_symphiq_profile_questions_modal_close_17_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onQuestionsModalClose()); })("questionAnswerClick", function ProfileStatusCardComponent_Template_symphiq_profile_questions_modal_questionAnswerClick_17_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onQuestionAnswerClick($event)); })("answerSave", function ProfileStatusCardComponent_Template_symphiq_profile_questions_modal_answerSave_17_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAnswerSave($event)); });
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", ctx.containerClasses());
+            i0.ɵɵclassProp("rounded-2xl", !ctx.hideHeader())("border", !ctx.hideHeader())("shadow-lg", !ctx.hideHeader());
+            i0.ɵɵproperty("ngClass", ctx.hideHeader() ? "" : ctx.containerClasses());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.headerClasses());
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngClass", ctx.titleClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.config().title, " ");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.subtitleClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate2(" ", ctx.answeredQuestions(), " of ", ctx.totalQuestions(), " questions answered ");
+            i0.ɵɵconditional(!ctx.hideHeader() ? 1 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.contentClasses());
             i0.ɵɵadvance(2);
@@ -91812,11 +91911,11 @@ class ProfileStatusCardComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.getIntroIconClasses());
             i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.shouldShowFullIntro() && ctx.config().introTitle && ctx.config().introText ? 20 : ctx.config().introTextMinimal ? 21 : -1);
+            i0.ɵɵconditional(ctx.shouldShowFullIntro() && ctx.config().introTitle && ctx.config().introText ? 10 : ctx.config().introTextMinimal ? 11 : -1);
             i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.hasQuestions() ? 25 : -1);
+            i0.ɵɵconditional(ctx.hasQuestions() ? 15 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showAdminButtons() ? 26 : -1);
+            i0.ɵɵconditional(ctx.showAdminButtons() ? 16 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("isOpen", ctx.questionsModalOpen())("questions", ctx.questions())("profileAnswers", ctx.profileAnswers())("profileAnswerHistories", ctx.profileAnswerHistories())("users", ctx.users())("selectedCategoryId", ctx.selectedCategoryId())("selectedFocusAreaId", ctx.selectedFocusAreaId())("showAllQuestions", ctx.showAllQuestions())("startDirectAnswer", ctx.startDirectAnswer())("viewMode", ctx.viewMode())("breadcrumbPrefix", ctx.config().breadcrumbPrefix)("showFocusAreaChips", ctx.groupConfig().showFocusAreaChips)("categoryNameFormatter", ctx.categoryNameFormatter())("focusAreaNameFormatter", ctx.focusAreaNameFormatter())("questionFilterFn", ctx.questionFilterFn());
         } }, dependencies: [CommonModule, i1$1.NgClass, ProfileCategoryListComponent, ProfileViewToggleComponent, ProfileQuestionsModalComponent], encapsulation: 2, changeDetection: 0 }); }
@@ -91829,26 +91928,28 @@ class ProfileStatusCardComponent {
                 imports: [CommonModule, ProfileCategoryListComponent, ProfileViewToggleComponent, ProfileQuestionsModalComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
-    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
-      <div [ngClass]="headerClasses()" class="px-6 py-5 border-b">
-        <div class="flex items-center justify-between">
-          <div class="flex items-center gap-3">
-            <div [ngClass]="iconContainerClasses()" class="p-2.5 rounded-lg">
-              <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="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"></path>
-              </svg>
-            </div>
-            <div>
-              <h2 [ngClass]="titleClasses()" class="text-xl font-bold">
-                {{ config().title }}
-              </h2>
-              <p [ngClass]="subtitleClasses()" class="text-sm mt-0.5">
-                {{ answeredQuestions() }} of {{ totalQuestions() }} questions answered
-              </p>
+    <div [ngClass]="hideHeader() ? '' : containerClasses()" [class.rounded-2xl]="!hideHeader()" [class.border]="!hideHeader()" [class.shadow-lg]="!hideHeader()" class="overflow-hidden">
+      @if (!hideHeader()) {
+        <div [ngClass]="headerClasses()" class="px-6 py-5 border-b">
+          <div class="flex items-center justify-between">
+            <div class="flex items-center gap-3">
+              <div [ngClass]="iconContainerClasses()" class="p-2.5 rounded-lg">
+                <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="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"></path>
+                </svg>
+              </div>
+              <div>
+                <h2 [ngClass]="titleClasses()" class="text-xl font-bold">
+                  {{ config().title }}
+                </h2>
+                <p [ngClass]="subtitleClasses()" class="text-sm mt-0.5">
+                  {{ answeredQuestions() }} of {{ totalQuestions() }} questions answered
+                </p>
+              </div>
             </div>
           </div>
         </div>
-      </div>
+      }
 
       <div [ngClass]="contentClasses()" class="p-6">
         <div class="flex flex-wrap items-center gap-6 mb-8">
@@ -91951,11 +92052,11 @@ class ProfileStatusCardComponent {
       (answerSave)="onAnswerSave($event)" />
   `
             }]
-    }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], totalQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalQuestions", required: false }] }], answeredQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "answeredQuestions", required: false }] }], questions: [{ type: i0.Input, args: [{ isSignal: true, alias: "questions", required: false }] }], profileAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswers", required: false }] }], profileAnswerHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswerHistories", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], startAnsweringAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAnsweringAll", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], groupConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupConfig", required: false }] }], categoryNameFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "categoryNameFormatter", required: false }] }], focusAreaNameFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaNameFormatter", required: false }] }], questionFilterFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionFilterFn", required: false }] }], questionGroupByCategory: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionGroupByCategory", required: false }] }], questionGroupByFocusArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionGroupByFocusArea", required: false }] }], startCategoryQuestions: [{ type: i0.Output, args: ["startCategoryQuestions"] }], questionAnswerRequested: [{ type: i0.Output, args: ["questionAnswerRequested"] }], answerSave: [{ type: i0.Output, args: ["answerSave"] }], adminAnswerAction: [{ type: i0.Output, args: ["adminAnswerAction"] }], chartDiv: [{
+    }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], totalQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalQuestions", required: false }] }], answeredQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "answeredQuestions", required: false }] }], questions: [{ type: i0.Input, args: [{ isSignal: true, alias: "questions", required: false }] }], profileAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswers", required: false }] }], profileAnswerHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswerHistories", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], startAnsweringAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAnsweringAll", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], hideHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideHeader", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], groupConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupConfig", required: false }] }], categoryNameFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "categoryNameFormatter", required: false }] }], focusAreaNameFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaNameFormatter", required: false }] }], questionFilterFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionFilterFn", required: false }] }], questionGroupByCategory: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionGroupByCategory", required: false }] }], questionGroupByFocusArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionGroupByFocusArea", required: false }] }], startCategoryQuestions: [{ type: i0.Output, args: ["startCategoryQuestions"] }], questionAnswerRequested: [{ type: i0.Output, args: ["questionAnswerRequested"] }], answerSave: [{ type: i0.Output, args: ["answerSave"] }], adminAnswerAction: [{ type: i0.Output, args: ["adminAnswerAction"] }], chartDiv: [{
             type: ViewChild,
             args: ['chartdiv', { static: false }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileStatusCardComponent, { className: "ProfileStatusCardComponent", filePath: "lib/components/shared/profile/profile-status-card.component.ts", lineNumber: 176 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileStatusCardComponent, { className: "ProfileStatusCardComponent", filePath: "lib/components/shared/profile/profile-status-card.component.ts", lineNumber: 178 }); })();
 
 function ProfileStickyFooterComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
@@ -92955,7 +93056,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵelement(12, "path", 54);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(13, "div", 55)(14, "div", 56)(15, "div", 57)(16, "symphiq-profile-status-card", 34);
+    i0.ɵɵelementStart(13, "div", 55)(14, "div", 56)(15, "div", 57)(16, "symphiq-profile-status-card", 58);
     i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template_symphiq_profile_status_card_startCategoryQuestions_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template_symphiq_profile_status_card_answerSave_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleProfileQuestionAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template_symphiq_profile_status_card_adminAnswerAction_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.shopProfileAdminAnswerAction.emit($event)); });
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
@@ -92979,7 +93080,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getShopProfileCardContentClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("questions", ctx_r1.profileShopQuestions() || i0.ɵɵpureFunction0(23, _c2$2))("profileAnswers", ctx_r1.profileAnswers() || i0.ɵɵpureFunction0(24, _c2$2))("profileAnswerHistories", ctx_r1.profileAnswerHistories() || i0.ɵɵpureFunction0(25, _c2$2))("users", ctx_r1.users() || i0.ɵɵpureFunction0(26, _c2$2))("config", ctx_r1.shopProfilePostAnalysisCardConfig)("groupConfig", ctx_r1.shopProfileStatusCardGroupConfig)("currentUser", ctx_r1.currentUser());
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("totalQuestions", ctx_r1.totalShopQuestions())("answeredQuestions", ctx_r1.answeredShopQuestions())("questions", ctx_r1.profileShopQuestions() || i0.ɵɵpureFunction0(24, _c2$2))("profileAnswers", ctx_r1.profileAnswers() || i0.ɵɵpureFunction0(25, _c2$2))("profileAnswerHistories", ctx_r1.profileAnswerHistories() || i0.ɵɵpureFunction0(26, _c2$2))("users", ctx_r1.users() || i0.ɵɵpureFunction0(27, _c2$2))("config", ctx_r1.shopProfilePostAnalysisCardConfig)("groupConfig", ctx_r1.shopProfileStatusCardGroupConfig)("currentUser", ctx_r1.currentUser())("hideHeader", true);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_0_Template, 3, 14, "div", 32);
@@ -92987,7 +93088,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template(rf,
     i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_2_Template, 4, 1, "div", 32);
     i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_3_Template, 4, 1, "div", 32);
     i0.ɵɵconditionalCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_4_Template, 2, 10, "div");
-    i0.ɵɵconditionalCreate(5, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template, 17, 27, "div", 33);
+    i0.ɵɵconditionalCreate(5, SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Conditional_5_Template, 17, 28, "div", 33);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r1.shouldShowShopProfileStatus() && !ctx_r1.isMetricAnalysis() && !ctx_r1.profileAnalysis() ? 0 : -1);
@@ -93003,15 +93104,15 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_8_Template(rf,
     i0.ɵɵconditional(ctx_r1.shouldShowPostAnalysisShopProfile() ? 5 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-grade-badge", 67);
+    i0.ɵɵelement(0, "symphiq-grade-badge", 68);
 } if (rf & 2) {
     const summary_r10 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("grade", summary_r10.overallGrade)("gradeRationale", summary_r10.gradeRationale || "")("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 80);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 83);
+    i0.ɵɵelementStart(0, "div", 81);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 84);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const summary_r10 = i0.ɵɵnextContext(2);
@@ -93020,15 +93121,15 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵproperty("visual", summary_r10.napkinVisual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68)(1, "h3", 78);
+    i0.ɵɵelementStart(0, "div", 69)(1, "h3", 79);
     i0.ɵɵtext(2, " Analysis Narrative ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 79);
-    i0.ɵɵconditionalCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 80);
-    i0.ɵɵelementStart(5, "p", 81);
+    i0.ɵɵelementStart(3, "div", 80);
+    i0.ɵɵconditionalCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Conditional_4_Template, 2, 2, "div", 81);
+    i0.ɵɵelementStart(5, "p", 82);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "div", 82);
+    i0.ɵɵelement(7, "div", 83);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const summary_r10 = i0.ɵɵnextContext();
@@ -93044,10 +93145,10 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵtextInterpolate1(" ", summary_r10.narrative, " ");
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 92);
+    i0.ɵɵelementStart(0, "div", 93);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 94);
-    i0.ɵɵelement(2, "path", 95);
+    i0.ɵɵelementStart(1, "svg", 95);
+    i0.ɵɵelement(2, "path", 96);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(3, "span");
@@ -93061,10 +93162,10 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵtextInterpolate(entry_r11.win.estimatedTimeframe);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 93)(1, "h4", 96);
+    i0.ɵɵelementStart(0, "div", 94)(1, "h4", 97);
     i0.ɵɵtext(2, " Related Goal ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "symphiq-related-goal-chips", 97);
+    i0.ɵɵelement(3, "symphiq-related-goal-chips", 98);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const entry_r11 = i0.ɵɵnextContext().$implicit;
@@ -93075,20 +93176,20 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c5, entry_r11.win.relatedGoalId))("allGoals", ctx_r1.allGoals())("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 85)(1, "div", 86)(2, "div", 87)(3, "span", 88);
+    i0.ɵɵelementStart(0, "div", 86)(1, "div", 87)(2, "div", 88)(3, "span", 89);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 89);
+    i0.ɵɵelementStart(5, "p", 90);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 90)(8, "span", 91);
+    i0.ɵɵelementStart(7, "div", 91)(8, "span", 92);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 91);
+    i0.ɵɵelementStart(10, "span", 92);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 92);
-    i0.ɵɵconditionalCreate(13, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 93);
+    i0.ɵɵconditionalCreate(12, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_12_Template, 5, 2, "div", 93);
+    i0.ɵɵconditionalCreate(13, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Conditional_13_Template, 4, 6, "div", 94);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const entry_r11 = ctx.$implicit;
@@ -93116,11 +93217,11 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵconditional(entry_r11.win.relatedGoalId ? 13 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77)(1, "h3", 51);
+    i0.ɵɵelementStart(0, "div", 78)(1, "h3", 51);
     i0.ɵɵtext(2, " Quick Wins ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 84);
-    i0.ɵɵrepeaterCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 85, _forTrack0$8);
+    i0.ɵɵelementStart(3, "div", 85);
+    i0.ɵɵrepeaterCreate(4, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_For_5_Template, 14, 11, "div", 86, _forTrack0$8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -93131,55 +93232,55 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "section", 58)(1, "div", 61)(2, "div", 62)(3, "div", 63)(4, "div", 64)(5, "h2", 65);
+    i0.ɵɵelementStart(0, "section", 59)(1, "div", 62)(2, "div", 63)(3, "div", 64)(4, "div", 65)(5, "h2", 66);
     i0.ɵɵtext(6, " Executive Summary ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 66);
+    i0.ɵɵelementStart(7, "p", 67);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 67);
+    i0.ɵɵconditionalCreate(9, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_9_Template, 1, 3, "symphiq-grade-badge", 68);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Template, 8, 5, "div", 68);
-    i0.ɵɵelementStart(11, "div", 69)(12, "button", 70);
+    i0.ɵɵconditionalCreate(10, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_10_Template, 8, 5, "div", 69);
+    i0.ɵɵelementStart(11, "div", 70)(12, "button", 71);
     i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_12_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onKeyStrengthsClick(summary_r10)); });
-    i0.ɵɵelementStart(13, "div", 71);
+    i0.ɵɵelementStart(13, "div", 72);
     i0.ɵɵtext(14, " Key Strengths ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 72);
+    i0.ɵɵelementStart(15, "div", 73);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 73)(18, "span", 74);
+    i0.ɵɵelementStart(17, "div", 74)(18, "span", 75);
     i0.ɵɵtext(19, "View Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(20, "symphiq-icon", 75);
+    i0.ɵɵelement(20, "symphiq-icon", 76);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "button", 70);
+    i0.ɵɵelementStart(21, "button", 71);
     i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_21_listener() { const summary_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCriticalGapsClick(summary_r10)); });
-    i0.ɵɵelementStart(22, "div", 71);
+    i0.ɵɵelementStart(22, "div", 72);
     i0.ɵɵtext(23, " Critical Gaps ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 72);
+    i0.ɵɵelementStart(24, "div", 73);
     i0.ɵɵtext(25);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 73)(27, "span", 74);
+    i0.ɵɵelementStart(26, "div", 74)(27, "span", 75);
     i0.ɵɵtext(28, "View Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(29, "symphiq-icon", 75);
+    i0.ɵɵelement(29, "symphiq-icon", 76);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "button", 70);
+    i0.ɵɵelementStart(30, "button", 71);
     i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollToQuickWins()); });
-    i0.ɵɵelementStart(31, "div", 71);
+    i0.ɵɵelementStart(31, "div", 72);
     i0.ɵɵtext(32, " Quick Wins ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 72);
+    i0.ɵɵelementStart(33, "div", 73);
     i0.ɵɵtext(34);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "div", 73)(36, "span", 74);
+    i0.ɵɵelementStart(35, "div", 74)(36, "span", 75);
     i0.ɵɵtext(37, "Details Below");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(38, "symphiq-icon", 76);
+    i0.ɵɵelement(38, "symphiq-icon", 77);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵconditionalCreate(39, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_Template, 6, 1, "div", 77);
+    i0.ɵɵconditionalCreate(39, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Conditional_39_Template, 6, 1, "div", 78);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const summary_r10 = ctx;
@@ -93237,7 +93338,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 98);
+    i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 99);
     i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricPriorityDetailClick($event)); })("viewMetricDetailsClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template_symphiq_metric_executive_summary_viewMetricDetailsClick_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleMetricViewDetailsClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -93245,21 +93346,21 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 99);
+    i0.ɵɵelement(0, "symphiq-section-divider", 100);
 } if (rf & 2) {
     const sectionList_r13 = i0.ɵɵnextContext();
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r13[0].icon);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template, 1, 2, "symphiq-section-divider", 99);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_0_Template, 1, 2, "symphiq-section-divider", 100);
 } if (rf & 2) {
     const sectionList_r13 = ctx;
     i0.ɵɵconditional(sectionList_r13.length > 0 && sectionList_r13[0].icon ? 0 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 102);
-    i0.ɵɵelement(1, "symphiq-icon", 106);
+    i0.ɵɵelementStart(0, "div", 103);
+    i0.ɵɵelement(1, "symphiq-icon", 107);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r14 = i0.ɵɵnextContext().$implicit;
@@ -93269,8 +93370,8 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵproperty("icon", section_r14.icon);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 108);
-    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 83);
+    i0.ɵɵelementStart(0, "div", 109);
+    i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 84);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const section_r14 = i0.ɵɵnextContext(2).$implicit;
@@ -93279,7 +93380,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵproperty("visual", section_r14.visual)("viewMode", ctx_r1.viewMode());
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 110)(1, "p", 81);
+    i0.ɵɵelementStart(0, "div", 111)(1, "p", 82);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -93292,9 +93393,9 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵtextInterpolate1(" ", section_r14.description, " ");
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 107);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 108);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 109);
+    i0.ɵɵelementStart(0, "div", 108);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 109);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 110);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r14 = i0.ɵɵnextContext();
@@ -93307,7 +93408,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵconditional(section_r14.description ? 2 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-section-divider", 99);
+    i0.ɵɵelement(0, "symphiq-section-divider", 100);
 } if (rf & 2) {
     const ɵ$index_261_r16 = i0.ɵɵnextContext().$index;
     const sectionList_r17 = i0.ɵɵnextContext();
@@ -93315,15 +93416,15 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r17[ɵ$index_261_r16 + 1].icon);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 100)(1, "div", 101);
-    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_2_Template, 2, 2, "div", 102);
-    i0.ɵɵelementStart(3, "div", 64)(4, "h3", 103);
+    i0.ɵɵelementStart(0, "div", 101)(1, "div", 102);
+    i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_2_Template, 2, 2, "div", 103);
+    i0.ɵɵelementStart(3, "div", 65)(4, "h3", 104);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(6, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Template, 3, 4, "div", 104);
-    i0.ɵɵelement(7, "symphiq-profile-section-content", 105);
+    i0.ɵɵconditionalCreate(6, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_6_Template, 3, 4, "div", 105);
+    i0.ɵɵelement(7, "symphiq-profile-section-content", 106);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 99);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 100);
 } if (rf & 2) {
     const section_r14 = ctx.$implicit;
     const ɵ$index_261_r16 = ctx.$index;
@@ -93344,7 +93445,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵconditional(!(ɵ$index_261_r16 === ɵ$count_261_r18 - 1) ? 8 : -1);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 60);
+    i0.ɵɵelementStart(0, "section", 61);
     i0.ɵɵrepeaterCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_For_2_Template, 9, 16, null, null, _forTrack1$1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -93352,10 +93453,10 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
     i0.ɵɵrepeater(ctx);
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template, 40, 34, "section", 58);
-    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 1, 4, "symphiq-metric-executive-summary", 59);
+    i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_0_Template, 40, 34, "section", 59);
+    i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_1_Template, 1, 4, "symphiq-metric-executive-summary", 60);
     i0.ɵɵconditionalCreate(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Template, 1, 1);
-    i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Template, 3, 0, "section", 60);
+    i0.ɵɵconditionalCreate(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_3_Template, 3, 0, "section", 61);
 } if (rf & 2) {
     let tmp_1_0;
     let tmp_2_0;
@@ -93437,7 +93538,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_22_Template(rf
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 111);
+    i0.ɵɵelementStart(0, "symphiq-sticky-subscription-continue-button", 112);
     i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_26_Template_symphiq_sticky_subscription_continue_button_continueClick_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleStickyButtonClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -93446,7 +93547,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_26_Template(rf
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-profile-sticky-footer", 112);
+    i0.ɵɵelementStart(0, "symphiq-profile-sticky-footer", 113);
     i0.ɵɵlistener("continueClick", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template_symphiq_profile_sticky_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleShopProfileContinueClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -93455,18 +93556,18 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_27_Template(rf
 } }
 function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 25)(1, "div", 113)(2, "div", 114)(3, "button", 115);
+    i0.ɵɵelementStart(0, "div", 25)(1, "div", 114)(2, "div", 115)(3, "button", 116);
     i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCancelCurrencyEdit()); });
     i0.ɵɵtext(4, " Cancel ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 116);
+    i0.ɵɵelementStart(5, "button", 117);
     i0.ɵɵlistener("click", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_28_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleContinueToPlans()); });
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7, "Continue to Plans");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 117);
-    i0.ɵɵelement(9, "path", 118);
+    i0.ɵɵelementStart(8, "svg", 118);
+    i0.ɵɵelement(9, "path", 119);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -93497,7 +93598,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             title: 'Shop Profile',
             introTitle: '',
             introText: '',
-            introTextMinimal: '',
+            introTextMinimal: 'Review or update your shop profile answers below. Any changes will be reflected in your next analysis.',
             breadcrumbPrefix: 'Shop Profile'
         };
         this.SHOP_PROFILE_CARD_STORAGE_KEY = 'shop-profile-card-expanded';
@@ -94597,7 +94698,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.planSelectionContainer = _t.first);
         } }, hostBindings: function SymphiqProfileShopAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileShopAnalysisDashboardComponent_scroll_HostBindingHandler() { return ctx.onWindowScroll(); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 59, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], ["title", "Loading Your Shop Profile Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "goals", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [1, "mb-32"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["type", "button", 1, "cursor-pointer", "w-full", "px-6", "py-5", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["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"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 59, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], ["title", "Loading Your Shop Profile Analysis", "subtitle", "Please wait while we prepare your personalized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "goals", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [1, "mb-32"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["type", "button", 1, "cursor-pointer", "w-full", "px-6", "py-5", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["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"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser", "hideHeader"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2);
             i0.ɵɵelement(1, "div", 3)(2, "symphiq-scroll-progress-bar", 4);
             i0.ɵɵelementStart(3, "div", 5)(4, "symphiq-dashboard-header", 6);
@@ -94980,6 +95081,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
                           [config]="shopProfilePostAnalysisCardConfig"
                           [groupConfig]="shopProfileStatusCardGroupConfig"
                           [currentUser]="currentUser()"
+                          [hideHeader]="true"
                           (startCategoryQuestions)="handleStartCategoryQuestions($event)"
                           (answerSave)="handleProfileQuestionAnswerSave($event)"
                           (adminAnswerAction)="shopProfileAdminAnswerAction.emit($event)"
@@ -95480,7 +95582,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileShopAnalysisDashboardComponent, { className: "SymphiqProfileShopAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/symphiq-profile-shop-analysis-dashboard.component.ts", lineNumber: 891 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileShopAnalysisDashboardComponent, { className: "SymphiqProfileShopAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/symphiq-profile-shop-analysis-dashboard.component.ts", lineNumber: 892 }); })();
 
 function ProfileAnalysisStatusSummaryComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 3);