@eric-emg/symphiq-components 1.2.362 → 1.2.364

package/fesm2022/symphiq-components.mjs

@@ -88520,7 +88520,17 @@ class ShopProfileQuestionCardComponent {
 
 const _c0$5 = ["scrollContainer"];
 const _forTrack0$2 = ($index, $item) => $item.tempId;
-function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+function ShopProfileQuestionAnswerComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Shop > ", ctx_r1.breadcrumbPath(), " ");
+} }
+function ShopProfileQuestionAnswerComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 13);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -88530,8 +88540,8 @@ function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.question().context, " ");
 } }
-function ShopProfileQuestionAnswerComponent_Conditional_18_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 37);
+function ShopProfileQuestionAnswerComponent_Conditional_17_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -88541,17 +88551,17 @@ function ShopProfileQuestionAnswerComponent_Conditional_18_For_8_Template(rf, ct
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.getFocusAreaTitle(focusArea_r3), " ");
 } }
-function ShopProfileQuestionAnswerComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14)(1, "div", 32)(2, "span", 33);
+function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14)(1, "div", 33)(2, "span", 34);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 34);
-    i0.ɵɵelement(5, "path", 35);
+    i0.ɵɵelementStart(4, "svg", 35);
+    i0.ɵɵelement(5, "path", 36);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 36);
-    i0.ɵɵrepeaterCreate(7, ShopProfileQuestionAnswerComponent_Conditional_18_For_8_Template, 2, 2, "span", 37, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(6, "div", 37);
+    i0.ɵɵrepeaterCreate(7, ShopProfileQuestionAnswerComponent_Conditional_17_For_8_Template, 2, 2, "span", 38, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -88564,12 +88574,12 @@ function ShopProfileQuestionAnswerComponent_Conditional_18_Template(rf, ctx) { i
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.relatedFocusAreas());
 } }
-function ShopProfileQuestionAnswerComponent_For_22_Template(rf, ctx) { if (rf & 1) {
+function ShopProfileQuestionAnswerComponent_For_21_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 17)(1, "input", 38);
-    i0.ɵɵlistener("change", function ShopProfileQuestionAnswerComponent_For_22_Template_input_change_1_listener() { const option_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAnswer(option_r5.text)); });
+    i0.ɵɵelementStart(0, "label", 17)(1, "input", 39);
+    i0.ɵɵlistener("change", function ShopProfileQuestionAnswerComponent_For_21_Template_input_change_1_listener() { const option_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAnswer(option_r5.text)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 39);
+    i0.ɵɵelementStart(2, "span", 40);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -88583,10 +88593,10 @@ function ShopProfileQuestionAnswerComponent_For_22_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", option_r5.text, " ");
 } }
-function ShopProfileQuestionAnswerComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+function ShopProfileQuestionAnswerComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 40);
-    i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Conditional_33_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAddOtherAnswers()); });
+    i0.ɵɵelementStart(0, "button", 41);
+    i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Conditional_32_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAddOtherAnswers()); });
     i0.ɵɵtext(1, " Add other answers ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -88858,8 +88868,8 @@ class ShopProfileQuestionAnswerComponent {
     }
     footerClasses() {
         return this.isLightMode()
-            ? 'bg-white/80 border-slate-200'
-            : 'bg-slate-800/80 border-slate-700/50';
+            ? 'bg-white border-slate-200'
+            : 'bg-slate-800 border-slate-700/50';
     }
     saveButtonClasses() {
         if (this.saveButtonsDisabled()) {
@@ -88887,59 +88897,58 @@ class ShopProfileQuestionAnswerComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
-        } }, inputs: { question: [1, "question"], viewMode: [1, "viewMode"], viewType: [1, "viewType"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], filteredQuestions: [1, "filteredQuestions"], profileShopAnswers: [1, "profileShopAnswers"] }, outputs: { backClick: "backClick", saveClick: "saveClick", saveAndNextClick: "saveAndNextClick" }, decls: 43, vars: 35, consts: [["scrollContainer", ""], [1, "flex", "flex-col", "h-full"], [1, "px-6", "py-4", "border-b", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "flex-1"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", "whitespace-nowrap", 3, "ngClass"], [1, "flex-1", "overflow-y-auto", 3, "scroll"], [1, "sticky", "top-0", "z-10", "px-6", "py-4", "transition-all", "duration-300", 3, "ngClass"], [1, "text-sm", "italic", "mb-2", 3, "ngClass"], [1, "font-bold", "transition-all", "duration-300", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mt-3", 3, "ngClass"], [1, "mt-4"], [1, "px-6", "py-6"], [1, "space-y-3", "mb-4"], [1, "flex", "items-start", "gap-3", "p-4", "rounded-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.01]", 3, "ngClass"], [1, "mb-6"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", "min-h-0"], [1, "pb-4"], ["rows", "5", "placeholder", "Enter your answer(s) here, separated by returns.", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "text-sm", "resize-y", "transition-colors", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "ngModelChange", "ngModel", "ngClass"], [1, "flex", "items-center", "gap-3", "mt-3"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "active:scale-95", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "backdrop-blur-sm", "sticky", "bottom-0", "z-10", 3, "ngClass"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-105", "active:scale-95", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-105", "active:scale-95", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1.5", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["type", "checkbox", 1, "mt-0.5", "w-5", "h-5", "rounded", "border-2", "cursor-pointer", "transition-all", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "change", "checked", "ngClass"], [1, "text-base", "flex-1", 3, "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "click", "ngClass"]], template: function ShopProfileQuestionAnswerComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { question: [1, "question"], viewMode: [1, "viewMode"], viewType: [1, "viewType"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], filteredQuestions: [1, "filteredQuestions"], profileShopAnswers: [1, "profileShopAnswers"] }, outputs: { backClick: "backClick", saveClick: "saveClick", saveAndNextClick: "saveAndNextClick" }, decls: 42, vars: 34, consts: [["scrollContainer", ""], [1, "flex", "flex-col", "h-full"], [1, "flex-1", "overflow-y-auto", 3, "scroll"], [1, "px-6", "py-4", "border-b", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "flex-1"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", "whitespace-nowrap", 3, "ngClass"], [1, "sticky", "top-0", "z-10", "px-6", "py-4", "transition-all", "duration-300", 3, "ngClass"], [1, "text-sm", "italic", "mb-2", 3, "ngClass"], [1, "font-bold", "transition-all", "duration-300", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mt-3", 3, "ngClass"], [1, "mt-4"], [1, "px-6", "py-6"], [1, "space-y-3", "mb-4"], [1, "flex", "items-start", "gap-3", "p-4", "rounded-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.01]", 3, "ngClass"], [1, "mb-6"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", "min-h-0"], [1, "pb-4"], ["rows", "5", "placeholder", "Enter your answer(s) here, separated by returns.", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "text-sm", "resize-y", "transition-colors", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "ngModelChange", "ngModel", "ngClass"], [1, "flex", "items-center", "gap-3", "mt-3"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "active:scale-95", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "sticky", "bottom-0", "z-10", 3, "ngClass"], [1, "flex", "items-center", "gap-4"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-[1.02]", "active:scale-95", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-[1.01]", "active:scale-[0.99]", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1.5", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["type", "checkbox", 1, "mt-0.5", "w-5", "h-5", "rounded", "border-2", "cursor-pointer", "transition-all", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "change", "checked", "ngClass"], [1, "text-base", "flex-1", 3, "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "click", "ngClass"]], template: function ShopProfileQuestionAnswerComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h4", 3);
-            i0.ɵɵtext(3, " Unanswered questions status ");
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2, 0);
+            i0.ɵɵlistener("scroll", function ShopProfileQuestionAnswerComponent_Template_div_scroll_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onScroll()); });
+            i0.ɵɵelementStart(3, "div", 3)(4, "h4", 4);
+            i0.ɵɵtext(5, " Unanswered questions status ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 4)(5, "div", 5)(6, "div", 6);
-            i0.ɵɵelement(7, "div", 7);
+            i0.ɵɵelementStart(6, "div", 5)(7, "div", 6)(8, "div", 7);
+            i0.ɵɵelement(9, "div", 8);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(8, "div", 8);
-            i0.ɵɵtext(9);
+            i0.ɵɵelementStart(10, "div", 9);
+            i0.ɵɵtext(11);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(10, "div", 9, 0);
-            i0.ɵɵlistener("scroll", function ShopProfileQuestionAnswerComponent_Template_div_scroll_10_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onScroll()); });
-            i0.ɵɵelementStart(12, "div", 10)(13, "div", 11);
-            i0.ɵɵtext(14);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(15, "h2", 12);
-            i0.ɵɵtext(16);
+            i0.ɵɵelementStart(12, "div", 10);
+            i0.ɵɵconditionalCreate(13, ShopProfileQuestionAnswerComponent_Conditional_13_Template, 2, 2, "div", 11);
+            i0.ɵɵelementStart(14, "h2", 12);
+            i0.ɵɵtext(15);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(17, ShopProfileQuestionAnswerComponent_Conditional_17_Template, 2, 2, "p", 13);
-            i0.ɵɵconditionalCreate(18, ShopProfileQuestionAnswerComponent_Conditional_18_Template, 9, 3, "div", 14);
+            i0.ɵɵconditionalCreate(16, ShopProfileQuestionAnswerComponent_Conditional_16_Template, 2, 2, "p", 13);
+            i0.ɵɵconditionalCreate(17, ShopProfileQuestionAnswerComponent_Conditional_17_Template, 9, 3, "div", 14);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(19, "div", 15)(20, "div", 16);
-            i0.ɵɵrepeaterCreate(21, ShopProfileQuestionAnswerComponent_For_22_Template, 4, 5, "label", 17, _forTrack0$2);
+            i0.ɵɵelementStart(18, "div", 15)(19, "div", 16);
+            i0.ɵɵrepeaterCreate(20, ShopProfileQuestionAnswerComponent_For_21_Template, 4, 5, "label", 17, _forTrack0$2);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(23, "div", 18)(24, "div", 19)(25, "div", 20)(26, "div", 21)(27, "textarea", 22);
-            i0.ɵɵtwoWayListener("ngModelChange", function ShopProfileQuestionAnswerComponent_Template_textarea_ngModelChange_27_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.customAnswerText, $event) || (ctx.customAnswerText = $event); return i0.ɵɵresetView($event); });
+            i0.ɵɵelementStart(22, "div", 18)(23, "div", 19)(24, "div", 20)(25, "div", 21)(26, "textarea", 22);
+            i0.ɵɵtwoWayListener("ngModelChange", function ShopProfileQuestionAnswerComponent_Template_textarea_ngModelChange_26_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.customAnswerText, $event) || (ctx.customAnswerText = $event); return i0.ɵɵresetView($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(28, "div", 23)(29, "button", 24);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelCustomAnswers()); });
-            i0.ɵɵtext(30, " Cancel ");
+            i0.ɵɵelementStart(27, "div", 23)(28, "button", 24);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelCustomAnswers()); });
+            i0.ɵɵtext(29, " Cancel ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(31, "button", 25);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.addCustomAnswers()); });
-            i0.ɵɵtext(32, " Add ");
+            i0.ɵɵelementStart(30, "button", 25);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.addCustomAnswers()); });
+            i0.ɵɵtext(31, " Add ");
             i0.ɵɵelementEnd()()()()();
-            i0.ɵɵconditionalCreate(33, ShopProfileQuestionAnswerComponent_Conditional_33_Template, 2, 1, "button", 26);
+            i0.ɵɵconditionalCreate(32, ShopProfileQuestionAnswerComponent_Conditional_32_Template, 2, 1, "button", 26);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(34, "div", 27)(35, "div", 4)(36, "button", 28);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_36_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
-            i0.ɵɵtext(37, " Save ");
+            i0.ɵɵelementStart(33, "div", 27)(34, "div", 28)(35, "button", 29);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
+            i0.ɵɵtext(36, " Save ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(38, "button", 29);
-            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_38_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSaveAndNext()); });
-            i0.ɵɵelementStart(39, "span");
-            i0.ɵɵtext(40, "Save & next unanswered");
+            i0.ɵɵelementStart(37, "button", 30);
+            i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSaveAndNext()); });
+            i0.ɵɵelementStart(38, "span");
+            i0.ɵɵtext(39, "Save & next unanswered");
             i0.ɵɵelementEnd();
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(41, "svg", 30);
-            i0.ɵɵelement(42, "path", 31);
+            i0.ɵɵelementStart(40, "svg", 31);
+            i0.ɵɵelement(41, "path", 32);
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
-            i0.ɵɵadvance();
+            i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", ctx.statusHeaderClasses());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.statusTitleClasses());
@@ -88952,22 +88961,20 @@ class ShopProfileQuestionAnswerComponent {
             i0.ɵɵproperty("ngClass", ctx.progressTextClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate2(" ", ctx.answeredCount(), " / ", ctx.totalCount(), " answered ");
-            i0.ɵɵadvance(3);
+            i0.ɵɵadvance();
             i0.ɵɵclassProp("shadow-md", ctx.isSticky());
             i0.ɵɵproperty("ngClass", ctx.stickyHeaderClasses());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.breadcrumbClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" Shop > ", ctx.breadcrumbPath(), " ");
+            i0.ɵɵconditional(ctx.viewType() !== "all" ? 13 : -1);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("text-xl", !ctx.isSticky())("text-lg", ctx.isSticky());
             i0.ɵɵproperty("ngClass", ctx.questionTextClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.question().question, " ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.question().context && !ctx.isSticky() ? 17 : -1);
+            i0.ɵɵconditional(ctx.question().context && !ctx.isSticky() ? 16 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0 && !ctx.isSticky() ? 18 : -1);
+            i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0 && !ctx.isSticky() ? 17 : -1);
             i0.ɵɵadvance(3);
             i0.ɵɵrepeater(ctx.answerOptions());
             i0.ɵɵadvance(3);
@@ -88980,7 +88987,7 @@ class ShopProfileQuestionAnswerComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("disabled", !ctx.canAddCustomAnswers())("ngClass", ctx.addButtonClasses());
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(!ctx.addOtherAnswersExpanded() ? 33 : -1);
+            i0.ɵɵconditional(!ctx.addOtherAnswersExpanded() ? 32 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.footerClasses());
             i0.ɵɵadvance(2);
@@ -89013,34 +89020,36 @@ class ShopProfileQuestionAnswerComponent {
                 ],
                 template: `
     <div class="flex flex-col h-full">
-      <!-- Unanswered Questions Status -->
-      <div [ngClass]="statusHeaderClasses()" class="px-6 py-4 border-b">
-        <h4 [ngClass]="statusTitleClasses()" class="text-sm font-semibold mb-3">
-          Unanswered questions status
-        </h4>
-        <div class="flex items-center gap-3">
-          <div class="flex-1">
-            <div [ngClass]="progressBarContainerClasses()" class="h-2 rounded-full overflow-hidden">
-              <div
-                [ngClass]="progressBarFillClasses()"
-                class="h-full transition-all duration-500 ease-out rounded-full"
-                [style.width.%]="progressPercentage()"></div>
+      <!-- Scrollable Content -->
+      <div #scrollContainer class="flex-1 overflow-y-auto" (scroll)="onScroll()">
+        <!-- Unanswered Questions Status -->
+        <div [ngClass]="statusHeaderClasses()" class="px-6 py-4 border-b">
+          <h4 [ngClass]="statusTitleClasses()" class="text-sm font-semibold mb-3">
+            Unanswered questions status
+          </h4>
+          <div class="flex items-center gap-3">
+            <div class="flex-1">
+              <div [ngClass]="progressBarContainerClasses()" class="h-2 rounded-full overflow-hidden">
+                <div
+                  [ngClass]="progressBarFillClasses()"
+                  class="h-full transition-all duration-500 ease-out rounded-full"
+                  [style.width.%]="progressPercentage()"></div>
+              </div>
+            </div>
+            <div [ngClass]="progressTextClasses()" class="text-sm font-medium whitespace-nowrap">
+              {{ answeredCount() }} / {{ totalCount() }} answered
             </div>
-          </div>
-          <div [ngClass]="progressTextClasses()" class="text-sm font-medium whitespace-nowrap">
-            {{ answeredCount() }} / {{ totalCount() }} answered
           </div>
         </div>
-      </div>
 
-      <!-- Scrollable Content -->
-      <div #scrollContainer class="flex-1 overflow-y-auto" (scroll)="onScroll()">
         <!-- Sticky Question Header -->
         <div [ngClass]="stickyHeaderClasses()" class="sticky top-0 z-10 px-6 py-4 transition-all duration-300" [class.shadow-md]="isSticky()">
-          <!-- Breadcrumb -->
-          <div [ngClass]="breadcrumbClasses()" class="text-sm italic mb-2">
-            Shop > {{ breadcrumbPath() }}
-          </div>
+          <!-- Breadcrumb - hide for All Questions mode -->
+          @if (viewType() !== 'all') {
+            <div [ngClass]="breadcrumbClasses()" class="text-sm italic mb-2">
+              Shop > {{ breadcrumbPath() }}
+            </div>
+          }
 
           <!-- Question -->
           <h2 [ngClass]="questionTextClasses()" class="font-bold transition-all duration-300" [class.text-xl]="!isSticky()" [class.text-lg]="isSticky()">
@@ -89145,14 +89154,14 @@ class ShopProfileQuestionAnswerComponent {
       </div>
 
       <!-- Sticky Footer -->
-      <div [ngClass]="footerClasses()" class="px-6 py-4 border-t backdrop-blur-sm sticky bottom-0 z-10">
-        <div class="flex items-center gap-3">
+      <div [ngClass]="footerClasses()" class="px-6 py-4 border-t sticky bottom-0 z-10">
+        <div class="flex items-center gap-4">
           <button
             type="button"
             (click)="onSave()"
             [disabled]="saveButtonsDisabled()"
             [ngClass]="saveButtonClasses()"
-            class="px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 border disabled:opacity-50 disabled:cursor-not-allowed hover:scale-105 active:scale-95 disabled:hover:scale-100">
+            class="px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 border disabled:opacity-50 disabled:cursor-not-allowed hover:scale-[1.02] active:scale-95 disabled:hover:scale-100">
             Save
           </button>
           <button
@@ -89160,7 +89169,7 @@ class ShopProfileQuestionAnswerComponent {
             (click)="onSaveAndNext()"
             [disabled]="saveButtonsDisabled()"
             [ngClass]="saveAndNextButtonClasses()"
-            class="flex-1 px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed hover:scale-105 active:scale-95 disabled:hover:scale-100">
+            class="flex-1 px-5 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed hover:scale-[1.01] active:scale-[0.99] disabled:hover:scale-100">
             <span>Save & next unanswered</span>
             <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
@@ -89175,7 +89184,7 @@ class ShopProfileQuestionAnswerComponent {
             type: ViewChild,
             args: ['scrollContainer']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber: 199 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber: 201 }); })();
 
 const _c0$4 = ["modalContent"];
 const _c1$1 = ["modalWrapper"];
@@ -89274,10 +89283,20 @@ function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_8_Template
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.filteredQuestions().length === 0 ? 16 : 17);
 } }
-function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.viewType() === "category" ? "Category" : "Focus Area", " ");
+} }
+function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-shop-profile-question-answer", 36);
-    i0.ɵɵlistener("backClick", function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_15_Template_symphiq_shop_profile_question_answer_backClick_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onBackFromAnswerMode()); })("saveClick", function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_15_Template_symphiq_shop_profile_question_answer_saveClick_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSaveAnswer()); })("saveAndNextClick", function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_15_Template_symphiq_shop_profile_question_answer_saveAndNextClick_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSaveAndNextAnswer()); });
+    i0.ɵɵlistener("backClick", function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_14_Template_symphiq_shop_profile_question_answer_backClick_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onBackFromAnswerMode()); })("saveClick", function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_14_Template_symphiq_shop_profile_question_answer_saveClick_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSaveAnswer()); })("saveAndNextClick", function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_14_Template_symphiq_shop_profile_question_answer_saveAndNextClick_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSaveAndNextAnswer()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -89292,21 +89311,20 @@ function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Template
     i0.ɵɵelement(5, "path", 32);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div")(7, "div", 11);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "h3", 33);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(6, "div");
+    i0.ɵɵconditionalCreate(7, ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_7_Template, 2, 2, "div", 11);
+    i0.ɵɵelementStart(8, "h3", 33);
+    i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "button", 31);
-    i0.ɵɵlistener("click", function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onClose()); });
+    i0.ɵɵelementStart(10, "button", 31);
+    i0.ɵɵlistener("click", function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onClose()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(12, "svg", 18);
-    i0.ɵɵelement(13, "path", 19);
+    i0.ɵɵelementStart(11, "svg", 18);
+    i0.ɵɵelement(12, "path", 19);
     i0.ɵɵelementEnd()()()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(14, "div", 34);
-    i0.ɵɵconditionalCreate(15, ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_15_Template, 1, 7, "symphiq-shop-profile-question-answer", 35);
+    i0.ɵɵelementStart(13, "div", 34);
+    i0.ɵɵconditionalCreate(14, ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Conditional_14_Template, 1, 7, "symphiq-shop-profile-question-answer", 35);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -89314,9 +89332,7 @@ function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Template
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.closeButtonClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.viewType() === "all" ? "All Questions" : ctx_r1.viewType() === "category" ? "Category" : "Focus Area", " ");
+    i0.ɵɵconditional(ctx_r1.viewType() !== "all" ? 7 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
     i0.ɵɵadvance();
@@ -89324,7 +89340,7 @@ function ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Template
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.closeButtonClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.questionForAnswer() ? 15 : -1);
+    i0.ɵɵconditional(ctx_r1.questionForAnswer() ? 14 : -1);
 } }
 function ShopProfileQuestionsModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -89337,7 +89353,7 @@ function ShopProfileQuestionsModalComponent_Conditional_0_Template(rf, ctx) { if
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "div", 7, 1);
     i0.ɵɵlistener("click", function ShopProfileQuestionsModalComponent_Conditional_0_Template_div_click_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵconditionalCreate(8, ShopProfileQuestionsModalComponent_Conditional_0_Conditional_8_Template, 18, 15)(9, ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Template, 16, 8);
+    i0.ɵɵconditionalCreate(8, ShopProfileQuestionsModalComponent_Conditional_0_Conditional_8_Template, 18, 15)(9, ShopProfileQuestionsModalComponent_Conditional_0_Conditional_9_Template, 15, 7);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -89609,7 +89625,7 @@ class ShopProfileQuestionsModalComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
-        } }, inputs: { isOpen: [1, "isOpen"], questions: [1, "questions"], profileShopAnswers: [1, "profileShopAnswers"], users: [1, "users"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], showAllQuestions: [1, "showAllQuestions"], startDirectAnswer: [1, "startDirectAnswer"], viewMode: [1, "viewMode"] }, outputs: { close: "close", questionAnswerClick: "questionAnswerClick" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "overflow-y-auto", "z-[9000]"], [1, "fixed", "inset-0", "overflow-y-auto", "z-[9000]", 3, "click"], [1, "flex", "items-center", "justify-center", "min-h-screen", "px-4", "pt-4", "pb-20", "text-center", "sm:block", "sm:p-0"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "ngClass"], ["aria-hidden", "true", 1, "hidden", "sm:inline-block", "sm:align-middle", "sm:h-screen"], [1, "relative", "inline-block", "align-bottom", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "sm:my-8", "sm:align-middle", "sm:w-full", "sm:max-w-4xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "text-center", "py-12"], [1, "flex", "flex-col", "gap-6"], [1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-full", "h-full"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "question", "viewMode", "viewType", "profileShopAnswers", "users"], [3, "answerClick", "question", "viewMode", "viewType", "profileShopAnswers", "users"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm"], [3, "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileShopAnswers"], [3, "backClick", "saveClick", "saveAndNextClick", "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileShopAnswers"]], template: function ShopProfileQuestionsModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { isOpen: [1, "isOpen"], questions: [1, "questions"], profileShopAnswers: [1, "profileShopAnswers"], users: [1, "users"], selectedCategoryId: [1, "selectedCategoryId"], selectedFocusAreaId: [1, "selectedFocusAreaId"], showAllQuestions: [1, "showAllQuestions"], startDirectAnswer: [1, "startDirectAnswer"], viewMode: [1, "viewMode"] }, outputs: { close: "close", questionAnswerClick: "questionAnswerClick" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "overflow-y-auto", "z-[9000]"], [1, "fixed", "inset-0", "overflow-y-auto", "z-[9000]", 3, "click"], [1, "flex", "items-center", "justify-center", "min-h-screen", "px-4", "pt-4", "pb-20", "text-center", "sm:block", "sm:p-0"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", 3, "ngClass"], ["aria-hidden", "true", 1, "hidden", "sm:inline-block", "sm:align-middle", "sm:h-screen"], [1, "relative", "inline-block", "align-bottom", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "sm:my-8", "sm:align-middle", "sm:w-full", "sm:max-w-4xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-2"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "text-center", "py-12"], [1, "flex", "flex-col", "gap-6"], [1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-full", "h-full"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "question", "viewMode", "viewType", "profileShopAnswers", "users"], [3, "answerClick", "question", "viewMode", "viewType", "profileShopAnswers", "users"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "h-[70vh]", "overflow-hidden"], [1, "block", "h-full", 3, "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileShopAnswers"], [1, "block", "h-full", 3, "backClick", "saveClick", "saveAndNextClick", "question", "viewMode", "viewType", "selectedCategoryId", "selectedFocusAreaId", "filteredQuestions", "profileShopAnswers"]], template: function ShopProfileQuestionsModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ShopProfileQuestionsModalComponent_Conditional_0_Template, 10, 5, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
@@ -89759,10 +89775,12 @@ class ShopProfileQuestionsModalComponent {
                       </svg>
                     </button>
                     <div>
-                      <!-- Label -->
-                      <div [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
-                        {{ viewType() === 'all' ? 'All Questions' : (viewType() === 'category' ? 'Category' : 'Focus Area') }}
-                      </div>
+                      <!-- Label - hide for All Questions mode -->
+                      @if (viewType() !== 'all') {
+                        <div [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
+                          {{ viewType() === 'category' ? 'Category' : 'Focus Area' }}
+                        </div>
+                      }
                       <!-- Title -->
                       <h3 [ngClass]="titleClasses()" class="text-xl font-bold">
                         {{ displayTitle() }}
@@ -89784,9 +89802,10 @@ class ShopProfileQuestionsModalComponent {
               </div>
 
               <!-- Answer Mode Content -->
-              <div class="max-h-[70vh] overflow-y-auto backdrop-blur-sm">
+              <div class="h-[70vh] overflow-hidden">
                 @if (questionForAnswer()) {
                   <symphiq-shop-profile-question-answer
+                    class="block h-full"
                     [question]="questionForAnswer()!"
                     [viewMode]="viewMode()"
                     [viewType]="viewType()"
@@ -89813,7 +89832,7 @@ class ShopProfileQuestionsModalComponent {
             type: ViewChild,
             args: ['modalWrapper']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionsModalComponent, { className: "ShopProfileQuestionsModalComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-questions-modal.component.ts", lineNumber: 196 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionsModalComponent, { className: "ShopProfileQuestionsModalComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-questions-modal.component.ts", lineNumber: 199 }); })();
 
 const _c0$3 = ["chartdiv"];
 function ShopProfileStatusCardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {