@eric-emg/symphiq-components 1.2.364 → 1.2.366
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,17 +88531,19 @@ 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, "p",
|
|
88535
|
-
i0.ɵɵtext(
|
|
88536
|
-
i0.ɵɵelementEnd();
|
|
88534
|
+
i0.ɵɵelementStart(0, "div", 32)(1, "div", 19)(2, "p", 33);
|
|
88535
|
+
i0.ɵɵtext(3);
|
|
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);
|
|
88539
88541
|
i0.ɵɵproperty("ngClass", ctx_r1.contextTextClasses());
|
|
88540
88542
|
i0.ɵɵadvance();
|
|
88541
88543
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.question().context, " ");
|
|
88542
88544
|
} }
|
|
88543
|
-
function
|
|
88544
|
-
i0.ɵɵelementStart(0, "span",
|
|
88545
|
+
function ShopProfileQuestionAnswerComponent_Conditional_17_For_10_Template(rf, ctx) { if (rf & 1) {
|
|
88546
|
+
i0.ɵɵelementStart(0, "span", 40);
|
|
88545
88547
|
i0.ɵɵtext(1);
|
|
88546
88548
|
i0.ɵɵelementEnd();
|
|
88547
88549
|
} if (rf & 2) {
|
|
@@ -88552,20 +88554,21 @@ function ShopProfileQuestionAnswerComponent_Conditional_17_For_8_Template(rf, ct
|
|
|
88552
88554
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.getFocusAreaTitle(focusArea_r3), " ");
|
|
88553
88555
|
} }
|
|
88554
88556
|
function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
88555
|
-
i0.ɵɵelementStart(0, "div",
|
|
88556
|
-
i0.ɵɵtext(
|
|
88557
|
+
i0.ɵɵelementStart(0, "div", 32)(1, "div", 19)(2, "div", 34)(3, "div", 35)(4, "span", 36);
|
|
88558
|
+
i0.ɵɵtext(5);
|
|
88557
88559
|
i0.ɵɵelementEnd();
|
|
88558
88560
|
i0.ɵɵnamespaceSVG();
|
|
88559
|
-
i0.ɵɵelementStart(
|
|
88560
|
-
i0.ɵɵelement(
|
|
88561
|
+
i0.ɵɵelementStart(6, "svg", 37);
|
|
88562
|
+
i0.ɵɵelement(7, "path", 38);
|
|
88561
88563
|
i0.ɵɵelementEnd()();
|
|
88562
88564
|
i0.ɵɵnamespaceHTML();
|
|
88563
|
-
i0.ɵɵelementStart(
|
|
88564
|
-
i0.ɵɵrepeaterCreate(
|
|
88565
|
-
i0.ɵɵelementEnd()();
|
|
88565
|
+
i0.ɵɵelementStart(8, "div", 39);
|
|
88566
|
+
i0.ɵɵrepeaterCreate(9, ShopProfileQuestionAnswerComponent_Conditional_17_For_10_Template, 2, 2, "span", 40, i0.ɵɵrepeaterTrackByIdentity);
|
|
88567
|
+
i0.ɵɵelementEnd()()()();
|
|
88566
88568
|
} if (rf & 2) {
|
|
88567
88569
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
88568
|
-
i0.ɵɵ
|
|
88570
|
+
i0.ɵɵstyleProp("grid-template-rows", ctx_r1.isSticky() ? "0fr" : "1fr")("opacity", ctx_r1.isSticky() ? 0 : 1);
|
|
88571
|
+
i0.ɵɵadvance(4);
|
|
88569
88572
|
i0.ɵɵproperty("ngClass", ctx_r1.relatedLabelClasses());
|
|
88570
88573
|
i0.ɵɵadvance();
|
|
88571
88574
|
i0.ɵɵtextInterpolate1(" Related to ", ctx_r1.relatedFocusAreas().length, " focus area(s) ");
|
|
@@ -88576,10 +88579,10 @@ function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { i
|
|
|
88576
88579
|
} }
|
|
88577
88580
|
function ShopProfileQuestionAnswerComponent_For_21_Template(rf, ctx) { if (rf & 1) {
|
|
88578
88581
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
88579
|
-
i0.ɵɵelementStart(0, "label",
|
|
88582
|
+
i0.ɵɵelementStart(0, "label", 16)(1, "input", 41);
|
|
88580
88583
|
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)); });
|
|
88581
88584
|
i0.ɵɵelementEnd();
|
|
88582
|
-
i0.ɵɵelementStart(2, "span",
|
|
88585
|
+
i0.ɵɵelementStart(2, "span", 42);
|
|
88583
88586
|
i0.ɵɵtext(3);
|
|
88584
88587
|
i0.ɵɵelementEnd()();
|
|
88585
88588
|
} if (rf & 2) {
|
|
@@ -88595,7 +88598,7 @@ function ShopProfileQuestionAnswerComponent_For_21_Template(rf, ctx) { if (rf &
|
|
|
88595
88598
|
} }
|
|
88596
88599
|
function ShopProfileQuestionAnswerComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
|
|
88597
88600
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
88598
|
-
i0.ɵɵelementStart(0, "button",
|
|
88601
|
+
i0.ɵɵelementStart(0, "button", 43);
|
|
88599
88602
|
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()); });
|
|
88600
88603
|
i0.ɵɵtext(1, " Add other answers ");
|
|
88601
88604
|
i0.ɵɵelementEnd();
|
|
@@ -88897,7 +88900,7 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88897
88900
|
} if (rf & 2) {
|
|
88898
88901
|
let _t;
|
|
88899
88902
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
|
|
88900
|
-
} }, 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:
|
|
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: 30, 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", "text-lg", 3, "ngClass"], [1, "grid", "transition-[grid-template-rows,opacity]", "duration-300", "ease-in-out", 3, "grid-template-rows", "opacity"], [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, "grid", "transition-[grid-template-rows,opacity]", "duration-300", "ease-in-out"], [1, "text-sm", "leading-relaxed", "mt-3", 3, "ngClass"], [1, "mt-4"], [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) {
|
|
88901
88904
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
88902
88905
|
i0.ɵɵelementStart(0, "div", 1)(1, "div", 2, 0);
|
|
88903
88906
|
i0.ɵɵlistener("scroll", function ShopProfileQuestionAnswerComponent_Template_div_scroll_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onScroll()); });
|
|
@@ -88915,37 +88918,37 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88915
88918
|
i0.ɵɵelementStart(14, "h2", 12);
|
|
88916
88919
|
i0.ɵɵtext(15);
|
|
88917
88920
|
i0.ɵɵelementEnd();
|
|
88918
|
-
i0.ɵɵconditionalCreate(16, ShopProfileQuestionAnswerComponent_Conditional_16_Template,
|
|
88919
|
-
i0.ɵɵconditionalCreate(17, ShopProfileQuestionAnswerComponent_Conditional_17_Template,
|
|
88921
|
+
i0.ɵɵconditionalCreate(16, ShopProfileQuestionAnswerComponent_Conditional_16_Template, 4, 6, "div", 13);
|
|
88922
|
+
i0.ɵɵconditionalCreate(17, ShopProfileQuestionAnswerComponent_Conditional_17_Template, 11, 7, "div", 13);
|
|
88920
88923
|
i0.ɵɵelementEnd();
|
|
88921
|
-
i0.ɵɵelementStart(18, "div",
|
|
88922
|
-
i0.ɵɵrepeaterCreate(20, ShopProfileQuestionAnswerComponent_For_21_Template, 4, 5, "label",
|
|
88924
|
+
i0.ɵɵelementStart(18, "div", 14)(19, "div", 15);
|
|
88925
|
+
i0.ɵɵrepeaterCreate(20, ShopProfileQuestionAnswerComponent_For_21_Template, 4, 5, "label", 16, _forTrack0$2);
|
|
88923
88926
|
i0.ɵɵelementEnd();
|
|
88924
|
-
i0.ɵɵelementStart(22, "div",
|
|
88927
|
+
i0.ɵɵelementStart(22, "div", 17)(23, "div", 18)(24, "div", 19)(25, "div", 20)(26, "textarea", 21);
|
|
88925
88928
|
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); });
|
|
88926
88929
|
i0.ɵɵelementEnd();
|
|
88927
|
-
i0.ɵɵelementStart(27, "div",
|
|
88930
|
+
i0.ɵɵelementStart(27, "div", 22)(28, "button", 23);
|
|
88928
88931
|
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelCustomAnswers()); });
|
|
88929
88932
|
i0.ɵɵtext(29, " Cancel ");
|
|
88930
88933
|
i0.ɵɵelementEnd();
|
|
88931
|
-
i0.ɵɵelementStart(30, "button",
|
|
88934
|
+
i0.ɵɵelementStart(30, "button", 24);
|
|
88932
88935
|
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.addCustomAnswers()); });
|
|
88933
88936
|
i0.ɵɵtext(31, " Add ");
|
|
88934
88937
|
i0.ɵɵelementEnd()()()()();
|
|
88935
|
-
i0.ɵɵconditionalCreate(32, ShopProfileQuestionAnswerComponent_Conditional_32_Template, 2, 1, "button",
|
|
88938
|
+
i0.ɵɵconditionalCreate(32, ShopProfileQuestionAnswerComponent_Conditional_32_Template, 2, 1, "button", 25);
|
|
88936
88939
|
i0.ɵɵelementEnd()()();
|
|
88937
|
-
i0.ɵɵelementStart(33, "div",
|
|
88940
|
+
i0.ɵɵelementStart(33, "div", 26)(34, "div", 27)(35, "button", 28);
|
|
88938
88941
|
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
|
|
88939
88942
|
i0.ɵɵtext(36, " Save ");
|
|
88940
88943
|
i0.ɵɵelementEnd();
|
|
88941
|
-
i0.ɵɵelementStart(37, "button",
|
|
88944
|
+
i0.ɵɵelementStart(37, "button", 29);
|
|
88942
88945
|
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSaveAndNext()); });
|
|
88943
88946
|
i0.ɵɵelementStart(38, "span");
|
|
88944
88947
|
i0.ɵɵtext(39, "Save & next unanswered");
|
|
88945
88948
|
i0.ɵɵelementEnd();
|
|
88946
88949
|
i0.ɵɵnamespaceSVG();
|
|
88947
|
-
i0.ɵɵelementStart(40, "svg",
|
|
88948
|
-
i0.ɵɵelement(41, "path",
|
|
88950
|
+
i0.ɵɵelementStart(40, "svg", 30);
|
|
88951
|
+
i0.ɵɵelement(41, "path", 31);
|
|
88949
88952
|
i0.ɵɵelementEnd()()()()();
|
|
88950
88953
|
} if (rf & 2) {
|
|
88951
88954
|
i0.ɵɵadvance(3);
|
|
@@ -88967,14 +88970,13 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88967
88970
|
i0.ɵɵadvance();
|
|
88968
88971
|
i0.ɵɵconditional(ctx.viewType() !== "all" ? 13 : -1);
|
|
88969
88972
|
i0.ɵɵadvance();
|
|
88970
|
-
i0.ɵɵclassProp("text-xl", !ctx.isSticky())("text-lg", ctx.isSticky());
|
|
88971
88973
|
i0.ɵɵproperty("ngClass", ctx.questionTextClasses());
|
|
88972
88974
|
i0.ɵɵadvance();
|
|
88973
88975
|
i0.ɵɵtextInterpolate1(" ", ctx.question().question, " ");
|
|
88974
88976
|
i0.ɵɵadvance();
|
|
88975
|
-
i0.ɵɵconditional(ctx.question().context
|
|
88977
|
+
i0.ɵɵconditional(ctx.question().context ? 16 : -1);
|
|
88976
88978
|
i0.ɵɵadvance();
|
|
88977
|
-
i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0
|
|
88979
|
+
i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0 ? 17 : -1);
|
|
88978
88980
|
i0.ɵɵadvance(3);
|
|
88979
88981
|
i0.ɵɵrepeater(ctx.answerOptions());
|
|
88980
88982
|
i0.ɵɵadvance(3);
|
|
@@ -89052,34 +89054,48 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
89052
89054
|
}
|
|
89053
89055
|
|
|
89054
89056
|
<!-- Question -->
|
|
89055
|
-
<h2 [ngClass]="questionTextClasses()" class="font-bold
|
|
89057
|
+
<h2 [ngClass]="questionTextClasses()" class="font-bold text-lg">
|
|
89056
89058
|
{{ question().question }}
|
|
89057
89059
|
</h2>
|
|
89058
89060
|
|
|
89059
|
-
<!-- Context -
|
|
89060
|
-
@if (question().context
|
|
89061
|
-
<
|
|
89062
|
-
|
|
89063
|
-
|
|
89061
|
+
<!-- Context - collapse smoothly when sticky -->
|
|
89062
|
+
@if (question().context) {
|
|
89063
|
+
<div
|
|
89064
|
+
class="grid transition-[grid-template-rows,opacity] duration-300 ease-in-out"
|
|
89065
|
+
[style.grid-template-rows]="isSticky() ? '0fr' : '1fr'"
|
|
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>
|
|
89064
89073
|
}
|
|
89065
89074
|
|
|
89066
|
-
<!-- Related Focus Areas -
|
|
89067
|
-
@if (relatedFocusAreas().length > 0
|
|
89068
|
-
<div
|
|
89069
|
-
|
|
89070
|
-
|
|
89071
|
-
|
|
89072
|
-
|
|
89073
|
-
<
|
|
89074
|
-
<
|
|
89075
|
-
|
|
89076
|
-
|
|
89077
|
-
|
|
89078
|
-
|
|
89079
|
-
|
|
89080
|
-
|
|
89081
|
-
</
|
|
89082
|
-
|
|
89075
|
+
<!-- Related Focus Areas - collapse smoothly when sticky -->
|
|
89076
|
+
@if (relatedFocusAreas().length > 0) {
|
|
89077
|
+
<div
|
|
89078
|
+
class="grid transition-[grid-template-rows,opacity] duration-300 ease-in-out"
|
|
89079
|
+
[style.grid-template-rows]="isSticky() ? '0fr' : '1fr'"
|
|
89080
|
+
[style.opacity]="isSticky() ? 0 : 1">
|
|
89081
|
+
<div class="overflow-hidden min-h-0">
|
|
89082
|
+
<div class="mt-4">
|
|
89083
|
+
<div class="flex items-center gap-2 mb-2">
|
|
89084
|
+
<span [ngClass]="relatedLabelClasses()" class="text-xs font-semibold">
|
|
89085
|
+
Related to {{ relatedFocusAreas().length }} focus area(s)
|
|
89086
|
+
</span>
|
|
89087
|
+
<svg class="w-4 h-4" [ngClass]="relatedLabelClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
89088
|
+
<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>
|
|
89089
|
+
</svg>
|
|
89090
|
+
</div>
|
|
89091
|
+
<div class="flex flex-wrap gap-2">
|
|
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>
|
|
89083
89099
|
</div>
|
|
89084
89100
|
</div>
|
|
89085
89101
|
}
|
|
@@ -89184,7 +89200,7 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
89184
89200
|
type: ViewChild,
|
|
89185
89201
|
args: ['scrollContainer']
|
|
89186
89202
|
}] }); })();
|
|
89187
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber:
|
|
89203
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber: 215 }); })();
|
|
89188
89204
|
|
|
89189
89205
|
const _c0$4 = ["modalContent"];
|
|
89190
89206
|
const _c1$1 = ["modalWrapper"];
|