@eric-emg/symphiq-components 1.2.366 → 1.2.368
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -88531,19 +88531,17 @@ function ShopProfileQuestionAnswerComponent_Conditional_13_Template(rf, ctx) { i
|
|
|
88531
88531
|
i0.ɵɵtextInterpolate1(" Shop > ", ctx_r1.breadcrumbPath(), " ");
|
|
88532
88532
|
} }
|
|
88533
88533
|
function ShopProfileQuestionAnswerComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
88534
|
-
i0.ɵɵelementStart(0, "
|
|
88535
|
-
i0.ɵɵtext(
|
|
88536
|
-
i0.ɵɵelementEnd()
|
|
88534
|
+
i0.ɵɵelementStart(0, "p", 13);
|
|
88535
|
+
i0.ɵɵtext(1);
|
|
88536
|
+
i0.ɵɵelementEnd();
|
|
88537
88537
|
} if (rf & 2) {
|
|
88538
88538
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
88539
|
-
i0.ɵɵstyleProp("grid-template-rows", ctx_r1.isSticky() ? "0fr" : "1fr")("opacity", ctx_r1.isSticky() ? 0 : 1);
|
|
88540
|
-
i0.ɵɵadvance(2);
|
|
88541
88539
|
i0.ɵɵproperty("ngClass", ctx_r1.contextTextClasses());
|
|
88542
88540
|
i0.ɵɵadvance();
|
|
88543
88541
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.question().context, " ");
|
|
88544
88542
|
} }
|
|
88545
|
-
function
|
|
88546
|
-
i0.ɵɵelementStart(0, "span",
|
|
88543
|
+
function ShopProfileQuestionAnswerComponent_Conditional_17_For_8_Template(rf, ctx) { if (rf & 1) {
|
|
88544
|
+
i0.ɵɵelementStart(0, "span", 38);
|
|
88547
88545
|
i0.ɵɵtext(1);
|
|
88548
88546
|
i0.ɵɵelementEnd();
|
|
88549
88547
|
} if (rf & 2) {
|
|
@@ -88554,21 +88552,20 @@ function ShopProfileQuestionAnswerComponent_Conditional_17_For_10_Template(rf, c
|
|
|
88554
88552
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.getFocusAreaTitle(focusArea_r3), " ");
|
|
88555
88553
|
} }
|
|
88556
88554
|
function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
88557
|
-
i0.ɵɵelementStart(0, "div",
|
|
88558
|
-
i0.ɵɵtext(
|
|
88555
|
+
i0.ɵɵelementStart(0, "div", 14)(1, "div", 33)(2, "span", 34);
|
|
88556
|
+
i0.ɵɵtext(3);
|
|
88559
88557
|
i0.ɵɵelementEnd();
|
|
88560
88558
|
i0.ɵɵnamespaceSVG();
|
|
88561
|
-
i0.ɵɵelementStart(
|
|
88562
|
-
i0.ɵɵelement(
|
|
88559
|
+
i0.ɵɵelementStart(4, "svg", 35);
|
|
88560
|
+
i0.ɵɵelement(5, "path", 36);
|
|
88563
88561
|
i0.ɵɵelementEnd()();
|
|
88564
88562
|
i0.ɵɵnamespaceHTML();
|
|
88565
|
-
i0.ɵɵelementStart(
|
|
88566
|
-
i0.ɵɵrepeaterCreate(
|
|
88567
|
-
i0.ɵɵelementEnd()()
|
|
88563
|
+
i0.ɵɵelementStart(6, "div", 37);
|
|
88564
|
+
i0.ɵɵrepeaterCreate(7, ShopProfileQuestionAnswerComponent_Conditional_17_For_8_Template, 2, 2, "span", 38, i0.ɵɵrepeaterTrackByIdentity);
|
|
88565
|
+
i0.ɵɵelementEnd()();
|
|
88568
88566
|
} if (rf & 2) {
|
|
88569
88567
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
88570
|
-
i0.ɵɵ
|
|
88571
|
-
i0.ɵɵadvance(4);
|
|
88568
|
+
i0.ɵɵadvance(2);
|
|
88572
88569
|
i0.ɵɵproperty("ngClass", ctx_r1.relatedLabelClasses());
|
|
88573
88570
|
i0.ɵɵadvance();
|
|
88574
88571
|
i0.ɵɵtextInterpolate1(" Related to ", ctx_r1.relatedFocusAreas().length, " focus area(s) ");
|
|
@@ -88579,10 +88576,10 @@ function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { i
|
|
|
88579
88576
|
} }
|
|
88580
88577
|
function ShopProfileQuestionAnswerComponent_For_21_Template(rf, ctx) { if (rf & 1) {
|
|
88581
88578
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
88582
|
-
i0.ɵɵelementStart(0, "label",
|
|
88579
|
+
i0.ɵɵelementStart(0, "label", 17)(1, "input", 39);
|
|
88583
88580
|
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)); });
|
|
88584
88581
|
i0.ɵɵelementEnd();
|
|
88585
|
-
i0.ɵɵelementStart(2, "span",
|
|
88582
|
+
i0.ɵɵelementStart(2, "span", 40);
|
|
88586
88583
|
i0.ɵɵtext(3);
|
|
88587
88584
|
i0.ɵɵelementEnd()();
|
|
88588
88585
|
} if (rf & 2) {
|
|
@@ -88598,7 +88595,7 @@ function ShopProfileQuestionAnswerComponent_For_21_Template(rf, ctx) { if (rf &
|
|
|
88598
88595
|
} }
|
|
88599
88596
|
function ShopProfileQuestionAnswerComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
|
|
88600
88597
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
88601
|
-
i0.ɵɵelementStart(0, "button",
|
|
88598
|
+
i0.ɵɵelementStart(0, "button", 41);
|
|
88602
88599
|
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()); });
|
|
88603
88600
|
i0.ɵɵtext(1, " Add other answers ");
|
|
88604
88601
|
i0.ɵɵelementEnd();
|
|
@@ -88621,7 +88618,6 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88621
88618
|
this.selectedAnswerTexts = signal([], ...(ngDevMode ? [{ debugName: "selectedAnswerTexts" }] : []));
|
|
88622
88619
|
this.addOtherAnswersExpanded = signal(false, ...(ngDevMode ? [{ debugName: "addOtherAnswersExpanded" }] : []));
|
|
88623
88620
|
this.customAnswerText = signal('', ...(ngDevMode ? [{ debugName: "customAnswerText" }] : []));
|
|
88624
|
-
this.isSticky = signal(false, ...(ngDevMode ? [{ debugName: "isSticky" }] : []));
|
|
88625
88621
|
this.answerOptions = computed(() => {
|
|
88626
88622
|
const q = this.question();
|
|
88627
88623
|
const potentialAnswers = q.potentialAnswers || [];
|
|
@@ -88690,12 +88686,6 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88690
88686
|
this.selectedAnswerTexts.set(existingAnswers);
|
|
88691
88687
|
});
|
|
88692
88688
|
}
|
|
88693
|
-
onScroll() {
|
|
88694
|
-
const container = this.scrollContainer?.nativeElement;
|
|
88695
|
-
if (container) {
|
|
88696
|
-
this.isSticky.set(container.scrollTop > 10);
|
|
88697
|
-
}
|
|
88698
|
-
}
|
|
88699
88689
|
toggleAnswer(text) {
|
|
88700
88690
|
const current = this.selectedAnswerTexts();
|
|
88701
88691
|
if (current.includes(text)) {
|
|
@@ -88799,12 +88789,7 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88799
88789
|
? 'text-slate-500'
|
|
88800
88790
|
: 'text-slate-400';
|
|
88801
88791
|
}
|
|
88802
|
-
|
|
88803
|
-
if (this.isSticky()) {
|
|
88804
|
-
return this.isLightMode()
|
|
88805
|
-
? 'bg-white/95 backdrop-blur-sm'
|
|
88806
|
-
: 'bg-slate-800/95 backdrop-blur-sm';
|
|
88807
|
-
}
|
|
88792
|
+
questionHeaderClasses() {
|
|
88808
88793
|
return this.isLightMode()
|
|
88809
88794
|
? 'bg-transparent'
|
|
88810
88795
|
: 'bg-transparent';
|
|
@@ -88900,11 +88885,9 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88900
88885
|
} if (rf & 2) {
|
|
88901
88886
|
let _t;
|
|
88902
88887
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
|
|
88903
|
-
} }, 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:
|
|
88888
|
+
} }, 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: 28, consts: [["scrollContainer", ""], [1, "flex", "flex-col", "h-full"], [1, "flex-1", "overflow-y-auto"], [1, "px-6", "py-4", "border-b", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "flex-1"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", "ease-out", "rounded-full", 3, "ngClass"], [1, "text-sm", "font-medium", "whitespace-nowrap", 3, "ngClass"], [1, "px-6", "py-4", 3, "ngClass"], [1, "text-sm", "italic", "mb-2", 3, "ngClass"], [1, "font-bold", "text-lg", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mt-3", 3, "ngClass"], [1, "mt-4"], [1, "px-6", "py-6"], [1, "space-y-3", "mb-4"], [1, "flex", "items-start", "gap-3", "p-4", "rounded-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.01]", 3, "ngClass"], [1, "mb-6"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", "min-h-0"], [1, "pb-4"], ["rows", "5", "placeholder", "Enter your answer(s) here, separated by returns.", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "text-sm", "resize-y", "transition-colors", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "ngModelChange", "ngModel", "ngClass"], [1, "flex", "items-center", "gap-3", "mt-3"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "active:scale-95", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "sticky", "bottom-0", "z-10", 3, "ngClass"], [1, "flex", "items-center", "gap-4"], ["type", "button", 1, "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-[1.02]", "active:scale-95", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "flex-1", "px-5", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "disabled:opacity-50", "disabled:cursor-not-allowed", "hover:scale-[1.01]", "active:scale-[0.99]", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1.5", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["type", "checkbox", 1, "mt-0.5", "w-5", "h-5", "rounded", "border-2", "cursor-pointer", "transition-all", "duration-200", "focus:ring-2", "focus:ring-offset-2", 3, "change", "checked", "ngClass"], [1, "text-base", "flex-1", 3, "ngClass"], ["type", "button", 1, "w-full", "px-5", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "border-2", "hover:scale-[1.01]", "active:scale-[0.99]", 3, "click", "ngClass"]], template: function ShopProfileQuestionAnswerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
88904
88889
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
88905
|
-
i0.ɵɵelementStart(0, "div", 1)(1, "div", 2, 0);
|
|
88906
|
-
i0.ɵɵlistener("scroll", function ShopProfileQuestionAnswerComponent_Template_div_scroll_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onScroll()); });
|
|
88907
|
-
i0.ɵɵelementStart(3, "div", 3)(4, "h4", 4);
|
|
88890
|
+
i0.ɵɵelementStart(0, "div", 1)(1, "div", 2, 0)(3, "div", 3)(4, "h4", 4);
|
|
88908
88891
|
i0.ɵɵtext(5, " Unanswered questions status ");
|
|
88909
88892
|
i0.ɵɵelementEnd();
|
|
88910
88893
|
i0.ɵɵelementStart(6, "div", 5)(7, "div", 6)(8, "div", 7);
|
|
@@ -88918,37 +88901,37 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88918
88901
|
i0.ɵɵelementStart(14, "h2", 12);
|
|
88919
88902
|
i0.ɵɵtext(15);
|
|
88920
88903
|
i0.ɵɵelementEnd();
|
|
88921
|
-
i0.ɵɵconditionalCreate(16, ShopProfileQuestionAnswerComponent_Conditional_16_Template,
|
|
88922
|
-
i0.ɵɵconditionalCreate(17, ShopProfileQuestionAnswerComponent_Conditional_17_Template,
|
|
88904
|
+
i0.ɵɵconditionalCreate(16, ShopProfileQuestionAnswerComponent_Conditional_16_Template, 2, 2, "p", 13);
|
|
88905
|
+
i0.ɵɵconditionalCreate(17, ShopProfileQuestionAnswerComponent_Conditional_17_Template, 9, 3, "div", 14);
|
|
88923
88906
|
i0.ɵɵelementEnd();
|
|
88924
|
-
i0.ɵɵelementStart(18, "div",
|
|
88925
|
-
i0.ɵɵrepeaterCreate(20, ShopProfileQuestionAnswerComponent_For_21_Template, 4, 5, "label",
|
|
88907
|
+
i0.ɵɵelementStart(18, "div", 15)(19, "div", 16);
|
|
88908
|
+
i0.ɵɵrepeaterCreate(20, ShopProfileQuestionAnswerComponent_For_21_Template, 4, 5, "label", 17, _forTrack0$2);
|
|
88926
88909
|
i0.ɵɵelementEnd();
|
|
88927
|
-
i0.ɵɵelementStart(22, "div",
|
|
88910
|
+
i0.ɵɵelementStart(22, "div", 18)(23, "div", 19)(24, "div", 20)(25, "div", 21)(26, "textarea", 22);
|
|
88928
88911
|
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); });
|
|
88929
88912
|
i0.ɵɵelementEnd();
|
|
88930
|
-
i0.ɵɵelementStart(27, "div",
|
|
88913
|
+
i0.ɵɵelementStart(27, "div", 23)(28, "button", 24);
|
|
88931
88914
|
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelCustomAnswers()); });
|
|
88932
88915
|
i0.ɵɵtext(29, " Cancel ");
|
|
88933
88916
|
i0.ɵɵelementEnd();
|
|
88934
|
-
i0.ɵɵelementStart(30, "button",
|
|
88917
|
+
i0.ɵɵelementStart(30, "button", 25);
|
|
88935
88918
|
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.addCustomAnswers()); });
|
|
88936
88919
|
i0.ɵɵtext(31, " Add ");
|
|
88937
88920
|
i0.ɵɵelementEnd()()()()();
|
|
88938
|
-
i0.ɵɵconditionalCreate(32, ShopProfileQuestionAnswerComponent_Conditional_32_Template, 2, 1, "button",
|
|
88921
|
+
i0.ɵɵconditionalCreate(32, ShopProfileQuestionAnswerComponent_Conditional_32_Template, 2, 1, "button", 26);
|
|
88939
88922
|
i0.ɵɵelementEnd()()();
|
|
88940
|
-
i0.ɵɵelementStart(33, "div",
|
|
88923
|
+
i0.ɵɵelementStart(33, "div", 27)(34, "div", 28)(35, "button", 29);
|
|
88941
88924
|
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
|
|
88942
88925
|
i0.ɵɵtext(36, " Save ");
|
|
88943
88926
|
i0.ɵɵelementEnd();
|
|
88944
|
-
i0.ɵɵelementStart(37, "button",
|
|
88927
|
+
i0.ɵɵelementStart(37, "button", 30);
|
|
88945
88928
|
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSaveAndNext()); });
|
|
88946
88929
|
i0.ɵɵelementStart(38, "span");
|
|
88947
88930
|
i0.ɵɵtext(39, "Save & next unanswered");
|
|
88948
88931
|
i0.ɵɵelementEnd();
|
|
88949
88932
|
i0.ɵɵnamespaceSVG();
|
|
88950
|
-
i0.ɵɵelementStart(40, "svg",
|
|
88951
|
-
i0.ɵɵelement(41, "path",
|
|
88933
|
+
i0.ɵɵelementStart(40, "svg", 31);
|
|
88934
|
+
i0.ɵɵelement(41, "path", 32);
|
|
88952
88935
|
i0.ɵɵelementEnd()()()()();
|
|
88953
88936
|
} if (rf & 2) {
|
|
88954
88937
|
i0.ɵɵadvance(3);
|
|
@@ -88965,8 +88948,7 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88965
88948
|
i0.ɵɵadvance();
|
|
88966
88949
|
i0.ɵɵtextInterpolate2(" ", ctx.answeredCount(), " / ", ctx.totalCount(), " answered ");
|
|
88967
88950
|
i0.ɵɵadvance();
|
|
88968
|
-
i0.ɵɵ
|
|
88969
|
-
i0.ɵɵproperty("ngClass", ctx.stickyHeaderClasses());
|
|
88951
|
+
i0.ɵɵproperty("ngClass", ctx.questionHeaderClasses());
|
|
88970
88952
|
i0.ɵɵadvance();
|
|
88971
88953
|
i0.ɵɵconditional(ctx.viewType() !== "all" ? 13 : -1);
|
|
88972
88954
|
i0.ɵɵadvance();
|
|
@@ -89023,7 +89005,7 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
89023
89005
|
template: `
|
|
89024
89006
|
<div class="flex flex-col h-full">
|
|
89025
89007
|
<!-- Scrollable Content -->
|
|
89026
|
-
<div #scrollContainer class="flex-1 overflow-y-auto"
|
|
89008
|
+
<div #scrollContainer class="flex-1 overflow-y-auto">
|
|
89027
89009
|
<!-- Unanswered Questions Status -->
|
|
89028
89010
|
<div [ngClass]="statusHeaderClasses()" class="px-6 py-4 border-b">
|
|
89029
89011
|
<h4 [ngClass]="statusTitleClasses()" class="text-sm font-semibold mb-3">
|
|
@@ -89044,8 +89026,8 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
89044
89026
|
</div>
|
|
89045
89027
|
</div>
|
|
89046
89028
|
|
|
89047
|
-
<!--
|
|
89048
|
-
<div [ngClass]="
|
|
89029
|
+
<!-- Question Header -->
|
|
89030
|
+
<div [ngClass]="questionHeaderClasses()" class="px-6 py-4">
|
|
89049
89031
|
<!-- Breadcrumb - hide for All Questions mode -->
|
|
89050
89032
|
@if (viewType() !== 'all') {
|
|
89051
89033
|
<div [ngClass]="breadcrumbClasses()" class="text-sm italic mb-2">
|
|
@@ -89058,44 +89040,30 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
89058
89040
|
{{ question().question }}
|
|
89059
89041
|
</h2>
|
|
89060
89042
|
|
|
89061
|
-
<!-- Context
|
|
89043
|
+
<!-- Context -->
|
|
89062
89044
|
@if (question().context) {
|
|
89063
|
-
<
|
|
89064
|
-
|
|
89065
|
-
|
|
89066
|
-
[style.opacity]="isSticky() ? 0 : 1">
|
|
89067
|
-
<div class="overflow-hidden min-h-0">
|
|
89068
|
-
<p [ngClass]="contextTextClasses()" class="text-sm leading-relaxed mt-3">
|
|
89069
|
-
{{ question().context }}
|
|
89070
|
-
</p>
|
|
89071
|
-
</div>
|
|
89072
|
-
</div>
|
|
89045
|
+
<p [ngClass]="contextTextClasses()" class="text-sm leading-relaxed mt-3">
|
|
89046
|
+
{{ question().context }}
|
|
89047
|
+
</p>
|
|
89073
89048
|
}
|
|
89074
89049
|
|
|
89075
|
-
<!-- Related Focus Areas
|
|
89050
|
+
<!-- Related Focus Areas -->
|
|
89076
89051
|
@if (relatedFocusAreas().length > 0) {
|
|
89077
|
-
<div
|
|
89078
|
-
class="
|
|
89079
|
-
|
|
89080
|
-
|
|
89081
|
-
|
|
89082
|
-
<
|
|
89083
|
-
<
|
|
89084
|
-
|
|
89085
|
-
|
|
89086
|
-
|
|
89087
|
-
|
|
89088
|
-
|
|
89089
|
-
|
|
89090
|
-
</
|
|
89091
|
-
|
|
89092
|
-
@for (focusArea of relatedFocusAreas(); track focusArea) {
|
|
89093
|
-
<span [ngClass]="focusAreaChipClasses()" class="px-3 py-1.5 rounded-full text-xs font-medium">
|
|
89094
|
-
{{ getFocusAreaTitle(focusArea) }}
|
|
89095
|
-
</span>
|
|
89096
|
-
}
|
|
89097
|
-
</div>
|
|
89098
|
-
</div>
|
|
89052
|
+
<div class="mt-4">
|
|
89053
|
+
<div class="flex items-center gap-2 mb-2">
|
|
89054
|
+
<span [ngClass]="relatedLabelClasses()" class="text-xs font-semibold">
|
|
89055
|
+
Related to {{ relatedFocusAreas().length }} focus area(s)
|
|
89056
|
+
</span>
|
|
89057
|
+
<svg class="w-4 h-4" [ngClass]="relatedLabelClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
89058
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
89059
|
+
</svg>
|
|
89060
|
+
</div>
|
|
89061
|
+
<div class="flex flex-wrap gap-2">
|
|
89062
|
+
@for (focusArea of relatedFocusAreas(); track focusArea) {
|
|
89063
|
+
<span [ngClass]="focusAreaChipClasses()" class="px-3 py-1.5 rounded-full text-xs font-medium">
|
|
89064
|
+
{{ getFocusAreaTitle(focusArea) }}
|
|
89065
|
+
</span>
|
|
89066
|
+
}
|
|
89099
89067
|
</div>
|
|
89100
89068
|
</div>
|
|
89101
89069
|
}
|
|
@@ -89200,7 +89168,7 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
89200
89168
|
type: ViewChild,
|
|
89201
89169
|
args: ['scrollContainer']
|
|
89202
89170
|
}] }); })();
|
|
89203
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber:
|
|
89171
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber: 201 }); })();
|
|
89204
89172
|
|
|
89205
89173
|
const _c0$4 = ["modalContent"];
|
|
89206
89174
|
const _c1$1 = ["modalWrapper"];
|