@eric-emg/symphiq-components 1.2.362 → 1.2.363
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.
- package/fesm2022/symphiq-components.mjs +63 -53
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +21 -21
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles.css +3 -0
|
@@ -88520,7 +88520,17 @@ class ShopProfileQuestionCardComponent {
|
|
|
88520
88520
|
|
|
88521
88521
|
const _c0$5 = ["scrollContainer"];
|
|
88522
88522
|
const _forTrack0$2 = ($index, $item) => $item.tempId;
|
|
88523
|
-
function
|
|
88523
|
+
function ShopProfileQuestionAnswerComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
88524
|
+
i0.ɵɵelementStart(0, "div", 11);
|
|
88525
|
+
i0.ɵɵtext(1);
|
|
88526
|
+
i0.ɵɵelementEnd();
|
|
88527
|
+
} if (rf & 2) {
|
|
88528
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
88529
|
+
i0.ɵɵproperty("ngClass", ctx_r1.breadcrumbClasses());
|
|
88530
|
+
i0.ɵɵadvance();
|
|
88531
|
+
i0.ɵɵtextInterpolate1(" Shop > ", ctx_r1.breadcrumbPath(), " ");
|
|
88532
|
+
} }
|
|
88533
|
+
function ShopProfileQuestionAnswerComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
88524
88534
|
i0.ɵɵelementStart(0, "p", 13);
|
|
88525
88535
|
i0.ɵɵtext(1);
|
|
88526
88536
|
i0.ɵɵelementEnd();
|
|
@@ -88530,7 +88540,7 @@ function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { i
|
|
|
88530
88540
|
i0.ɵɵadvance();
|
|
88531
88541
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.question().context, " ");
|
|
88532
88542
|
} }
|
|
88533
|
-
function
|
|
88543
|
+
function ShopProfileQuestionAnswerComponent_Conditional_17_For_8_Template(rf, ctx) { if (rf & 1) {
|
|
88534
88544
|
i0.ɵɵelementStart(0, "span", 37);
|
|
88535
88545
|
i0.ɵɵtext(1);
|
|
88536
88546
|
i0.ɵɵelementEnd();
|
|
@@ -88541,7 +88551,7 @@ function ShopProfileQuestionAnswerComponent_Conditional_18_For_8_Template(rf, ct
|
|
|
88541
88551
|
i0.ɵɵadvance();
|
|
88542
88552
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.getFocusAreaTitle(focusArea_r3), " ");
|
|
88543
88553
|
} }
|
|
88544
|
-
function
|
|
88554
|
+
function ShopProfileQuestionAnswerComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
88545
88555
|
i0.ɵɵelementStart(0, "div", 14)(1, "div", 32)(2, "span", 33);
|
|
88546
88556
|
i0.ɵɵtext(3);
|
|
88547
88557
|
i0.ɵɵelementEnd();
|
|
@@ -88551,7 +88561,7 @@ function ShopProfileQuestionAnswerComponent_Conditional_18_Template(rf, ctx) { i
|
|
|
88551
88561
|
i0.ɵɵelementEnd()();
|
|
88552
88562
|
i0.ɵɵnamespaceHTML();
|
|
88553
88563
|
i0.ɵɵelementStart(6, "div", 36);
|
|
88554
|
-
i0.ɵɵrepeaterCreate(7,
|
|
88564
|
+
i0.ɵɵrepeaterCreate(7, ShopProfileQuestionAnswerComponent_Conditional_17_For_8_Template, 2, 2, "span", 37, i0.ɵɵrepeaterTrackByIdentity);
|
|
88555
88565
|
i0.ɵɵelementEnd()();
|
|
88556
88566
|
} if (rf & 2) {
|
|
88557
88567
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -88564,10 +88574,10 @@ function ShopProfileQuestionAnswerComponent_Conditional_18_Template(rf, ctx) { i
|
|
|
88564
88574
|
i0.ɵɵadvance(3);
|
|
88565
88575
|
i0.ɵɵrepeater(ctx_r1.relatedFocusAreas());
|
|
88566
88576
|
} }
|
|
88567
|
-
function
|
|
88577
|
+
function ShopProfileQuestionAnswerComponent_For_21_Template(rf, ctx) { if (rf & 1) {
|
|
88568
88578
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
88569
88579
|
i0.ɵɵelementStart(0, "label", 17)(1, "input", 38);
|
|
88570
|
-
i0.ɵɵlistener("change", function
|
|
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)); });
|
|
88571
88581
|
i0.ɵɵelementEnd();
|
|
88572
88582
|
i0.ɵɵelementStart(2, "span", 39);
|
|
88573
88583
|
i0.ɵɵtext(3);
|
|
@@ -88583,10 +88593,10 @@ function ShopProfileQuestionAnswerComponent_For_22_Template(rf, ctx) { if (rf &
|
|
|
88583
88593
|
i0.ɵɵadvance();
|
|
88584
88594
|
i0.ɵɵtextInterpolate1(" ", option_r5.text, " ");
|
|
88585
88595
|
} }
|
|
88586
|
-
function
|
|
88596
|
+
function ShopProfileQuestionAnswerComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
|
|
88587
88597
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
88588
88598
|
i0.ɵɵelementStart(0, "button", 40);
|
|
88589
|
-
i0.ɵɵlistener("click", function
|
|
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()); });
|
|
88590
88600
|
i0.ɵɵtext(1, " Add other answers ");
|
|
88591
88601
|
i0.ɵɵelementEnd();
|
|
88592
88602
|
} if (rf & 2) {
|
|
@@ -88858,8 +88868,8 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88858
88868
|
}
|
|
88859
88869
|
footerClasses() {
|
|
88860
88870
|
return this.isLightMode()
|
|
88861
|
-
? 'bg-white
|
|
88862
|
-
: 'bg-slate-800
|
|
88871
|
+
? 'bg-white border-slate-200'
|
|
88872
|
+
: 'bg-slate-800 border-slate-700/50';
|
|
88863
88873
|
}
|
|
88864
88874
|
saveButtonClasses() {
|
|
88865
88875
|
if (this.saveButtonsDisabled()) {
|
|
@@ -88887,7 +88897,7 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88887
88897
|
} if (rf & 2) {
|
|
88888
88898
|
let _t;
|
|
88889
88899
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
|
|
88890
|
-
} }, 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:
|
|
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: 34, 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", "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) {
|
|
88891
88901
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
88892
88902
|
i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h4", 3);
|
|
88893
88903
|
i0.ɵɵtext(3, " Unanswered questions status ");
|
|
@@ -88900,43 +88910,42 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88900
88910
|
i0.ɵɵelementEnd()()();
|
|
88901
88911
|
i0.ɵɵelementStart(10, "div", 9, 0);
|
|
88902
88912
|
i0.ɵɵlistener("scroll", function ShopProfileQuestionAnswerComponent_Template_div_scroll_10_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onScroll()); });
|
|
88903
|
-
i0.ɵɵelementStart(12, "div", 10)
|
|
88904
|
-
i0.ɵɵ
|
|
88905
|
-
i0.ɵɵ
|
|
88906
|
-
i0.ɵɵ
|
|
88907
|
-
i0.ɵɵtext(16);
|
|
88913
|
+
i0.ɵɵelementStart(12, "div", 10);
|
|
88914
|
+
i0.ɵɵconditionalCreate(13, ShopProfileQuestionAnswerComponent_Conditional_13_Template, 2, 2, "div", 11);
|
|
88915
|
+
i0.ɵɵelementStart(14, "h2", 12);
|
|
88916
|
+
i0.ɵɵtext(15);
|
|
88908
88917
|
i0.ɵɵelementEnd();
|
|
88909
|
-
i0.ɵɵconditionalCreate(
|
|
88910
|
-
i0.ɵɵconditionalCreate(
|
|
88918
|
+
i0.ɵɵconditionalCreate(16, ShopProfileQuestionAnswerComponent_Conditional_16_Template, 2, 2, "p", 13);
|
|
88919
|
+
i0.ɵɵconditionalCreate(17, ShopProfileQuestionAnswerComponent_Conditional_17_Template, 9, 3, "div", 14);
|
|
88911
88920
|
i0.ɵɵelementEnd();
|
|
88912
|
-
i0.ɵɵelementStart(
|
|
88913
|
-
i0.ɵɵrepeaterCreate(
|
|
88921
|
+
i0.ɵɵelementStart(18, "div", 15)(19, "div", 16);
|
|
88922
|
+
i0.ɵɵrepeaterCreate(20, ShopProfileQuestionAnswerComponent_For_21_Template, 4, 5, "label", 17, _forTrack0$2);
|
|
88914
88923
|
i0.ɵɵelementEnd();
|
|
88915
|
-
i0.ɵɵelementStart(
|
|
88916
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
88924
|
+
i0.ɵɵelementStart(22, "div", 18)(23, "div", 19)(24, "div", 20)(25, "div", 21)(26, "textarea", 22);
|
|
88925
|
+
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); });
|
|
88917
88926
|
i0.ɵɵelementEnd();
|
|
88918
|
-
i0.ɵɵelementStart(
|
|
88919
|
-
i0.ɵɵlistener("click", function
|
|
88920
|
-
i0.ɵɵtext(
|
|
88927
|
+
i0.ɵɵelementStart(27, "div", 23)(28, "button", 24);
|
|
88928
|
+
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelCustomAnswers()); });
|
|
88929
|
+
i0.ɵɵtext(29, " Cancel ");
|
|
88921
88930
|
i0.ɵɵelementEnd();
|
|
88922
|
-
i0.ɵɵelementStart(
|
|
88923
|
-
i0.ɵɵlistener("click", function
|
|
88924
|
-
i0.ɵɵtext(
|
|
88931
|
+
i0.ɵɵelementStart(30, "button", 25);
|
|
88932
|
+
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.addCustomAnswers()); });
|
|
88933
|
+
i0.ɵɵtext(31, " Add ");
|
|
88925
88934
|
i0.ɵɵelementEnd()()()()();
|
|
88926
|
-
i0.ɵɵconditionalCreate(
|
|
88935
|
+
i0.ɵɵconditionalCreate(32, ShopProfileQuestionAnswerComponent_Conditional_32_Template, 2, 1, "button", 26);
|
|
88927
88936
|
i0.ɵɵelementEnd()()();
|
|
88928
|
-
i0.ɵɵelementStart(
|
|
88929
|
-
i0.ɵɵlistener("click", function
|
|
88930
|
-
i0.ɵɵtext(
|
|
88937
|
+
i0.ɵɵelementStart(33, "div", 27)(34, "div", 4)(35, "button", 28);
|
|
88938
|
+
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSave()); });
|
|
88939
|
+
i0.ɵɵtext(36, " Save ");
|
|
88931
88940
|
i0.ɵɵelementEnd();
|
|
88932
|
-
i0.ɵɵelementStart(
|
|
88933
|
-
i0.ɵɵlistener("click", function
|
|
88934
|
-
i0.ɵɵelementStart(
|
|
88935
|
-
i0.ɵɵtext(
|
|
88941
|
+
i0.ɵɵelementStart(37, "button", 29);
|
|
88942
|
+
i0.ɵɵlistener("click", function ShopProfileQuestionAnswerComponent_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSaveAndNext()); });
|
|
88943
|
+
i0.ɵɵelementStart(38, "span");
|
|
88944
|
+
i0.ɵɵtext(39, "Save & next unanswered");
|
|
88936
88945
|
i0.ɵɵelementEnd();
|
|
88937
88946
|
i0.ɵɵnamespaceSVG();
|
|
88938
|
-
i0.ɵɵelementStart(
|
|
88939
|
-
i0.ɵɵelement(
|
|
88947
|
+
i0.ɵɵelementStart(40, "svg", 30);
|
|
88948
|
+
i0.ɵɵelement(41, "path", 31);
|
|
88940
88949
|
i0.ɵɵelementEnd()()()()();
|
|
88941
88950
|
} if (rf & 2) {
|
|
88942
88951
|
i0.ɵɵadvance();
|
|
@@ -88956,18 +88965,16 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88956
88965
|
i0.ɵɵclassProp("shadow-md", ctx.isSticky());
|
|
88957
88966
|
i0.ɵɵproperty("ngClass", ctx.stickyHeaderClasses());
|
|
88958
88967
|
i0.ɵɵadvance();
|
|
88959
|
-
i0.ɵɵ
|
|
88960
|
-
i0.ɵɵadvance();
|
|
88961
|
-
i0.ɵɵtextInterpolate1(" Shop > ", ctx.breadcrumbPath(), " ");
|
|
88968
|
+
i0.ɵɵconditional(ctx.viewType() !== "all" ? 13 : -1);
|
|
88962
88969
|
i0.ɵɵadvance();
|
|
88963
88970
|
i0.ɵɵclassProp("text-xl", !ctx.isSticky())("text-lg", ctx.isSticky());
|
|
88964
88971
|
i0.ɵɵproperty("ngClass", ctx.questionTextClasses());
|
|
88965
88972
|
i0.ɵɵadvance();
|
|
88966
88973
|
i0.ɵɵtextInterpolate1(" ", ctx.question().question, " ");
|
|
88967
88974
|
i0.ɵɵadvance();
|
|
88968
|
-
i0.ɵɵconditional(ctx.question().context && !ctx.isSticky() ?
|
|
88975
|
+
i0.ɵɵconditional(ctx.question().context && !ctx.isSticky() ? 16 : -1);
|
|
88969
88976
|
i0.ɵɵadvance();
|
|
88970
|
-
i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0 && !ctx.isSticky() ?
|
|
88977
|
+
i0.ɵɵconditional(ctx.relatedFocusAreas().length > 0 && !ctx.isSticky() ? 17 : -1);
|
|
88971
88978
|
i0.ɵɵadvance(3);
|
|
88972
88979
|
i0.ɵɵrepeater(ctx.answerOptions());
|
|
88973
88980
|
i0.ɵɵadvance(3);
|
|
@@ -88980,7 +88987,7 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
88980
88987
|
i0.ɵɵadvance(2);
|
|
88981
88988
|
i0.ɵɵproperty("disabled", !ctx.canAddCustomAnswers())("ngClass", ctx.addButtonClasses());
|
|
88982
88989
|
i0.ɵɵadvance(2);
|
|
88983
|
-
i0.ɵɵconditional(!ctx.addOtherAnswersExpanded() ?
|
|
88990
|
+
i0.ɵɵconditional(!ctx.addOtherAnswersExpanded() ? 32 : -1);
|
|
88984
88991
|
i0.ɵɵadvance();
|
|
88985
88992
|
i0.ɵɵproperty("ngClass", ctx.footerClasses());
|
|
88986
88993
|
i0.ɵɵadvance(2);
|
|
@@ -89037,10 +89044,12 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
89037
89044
|
<div #scrollContainer class="flex-1 overflow-y-auto" (scroll)="onScroll()">
|
|
89038
89045
|
<!-- Sticky Question Header -->
|
|
89039
89046
|
<div [ngClass]="stickyHeaderClasses()" class="sticky top-0 z-10 px-6 py-4 transition-all duration-300" [class.shadow-md]="isSticky()">
|
|
89040
|
-
<!-- Breadcrumb -->
|
|
89041
|
-
|
|
89042
|
-
|
|
89043
|
-
|
|
89047
|
+
<!-- Breadcrumb - hide for All Questions mode -->
|
|
89048
|
+
@if (viewType() !== 'all') {
|
|
89049
|
+
<div [ngClass]="breadcrumbClasses()" class="text-sm italic mb-2">
|
|
89050
|
+
Shop > {{ breadcrumbPath() }}
|
|
89051
|
+
</div>
|
|
89052
|
+
}
|
|
89044
89053
|
|
|
89045
89054
|
<!-- Question -->
|
|
89046
89055
|
<h2 [ngClass]="questionTextClasses()" class="font-bold transition-all duration-300" [class.text-xl]="!isSticky()" [class.text-lg]="isSticky()">
|
|
@@ -89145,7 +89154,7 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
89145
89154
|
</div>
|
|
89146
89155
|
|
|
89147
89156
|
<!-- Sticky Footer -->
|
|
89148
|
-
<div [ngClass]="footerClasses()" class="px-6 py-4 border-t
|
|
89157
|
+
<div [ngClass]="footerClasses()" class="px-6 py-4 border-t sticky bottom-0 z-10">
|
|
89149
89158
|
<div class="flex items-center gap-3">
|
|
89150
89159
|
<button
|
|
89151
89160
|
type="button"
|
|
@@ -89175,7 +89184,7 @@ class ShopProfileQuestionAnswerComponent {
|
|
|
89175
89184
|
type: ViewChild,
|
|
89176
89185
|
args: ['scrollContainer']
|
|
89177
89186
|
}] }); })();
|
|
89178
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber:
|
|
89187
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionAnswerComponent, { className: "ShopProfileQuestionAnswerComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-question-answer.component.ts", lineNumber: 201 }); })();
|
|
89179
89188
|
|
|
89180
89189
|
const _c0$4 = ["modalContent"];
|
|
89181
89190
|
const _c1$1 = ["modalWrapper"];
|
|
@@ -89609,7 +89618,7 @@ class ShopProfileQuestionsModalComponent {
|
|
|
89609
89618
|
let _t;
|
|
89610
89619
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
|
|
89611
89620
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
|
|
89612
|
-
} }, 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, "
|
|
89621
|
+
} }, 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) {
|
|
89613
89622
|
i0.ɵɵconditionalCreate(0, ShopProfileQuestionsModalComponent_Conditional_0_Template, 10, 5, "div", 2);
|
|
89614
89623
|
} if (rf & 2) {
|
|
89615
89624
|
i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
|
|
@@ -89784,9 +89793,10 @@ class ShopProfileQuestionsModalComponent {
|
|
|
89784
89793
|
</div>
|
|
89785
89794
|
|
|
89786
89795
|
<!-- Answer Mode Content -->
|
|
89787
|
-
<div class="
|
|
89796
|
+
<div class="h-[70vh] overflow-hidden">
|
|
89788
89797
|
@if (questionForAnswer()) {
|
|
89789
89798
|
<symphiq-shop-profile-question-answer
|
|
89799
|
+
class="block h-full"
|
|
89790
89800
|
[question]="questionForAnswer()!"
|
|
89791
89801
|
[viewMode]="viewMode()"
|
|
89792
89802
|
[viewType]="viewType()"
|
|
@@ -89813,7 +89823,7 @@ class ShopProfileQuestionsModalComponent {
|
|
|
89813
89823
|
type: ViewChild,
|
|
89814
89824
|
args: ['modalWrapper']
|
|
89815
89825
|
}] }); })();
|
|
89816
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionsModalComponent, { className: "ShopProfileQuestionsModalComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-questions-modal.component.ts", lineNumber:
|
|
89826
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ShopProfileQuestionsModalComponent, { className: "ShopProfileQuestionsModalComponent", filePath: "lib/components/profile-analysis-dashboard/cards/shop-profile-questions-modal.component.ts", lineNumber: 197 }); })();
|
|
89817
89827
|
|
|
89818
89828
|
const _c0$3 = ["chartdiv"];
|
|
89819
89829
|
function ShopProfileStatusCardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|