@eric-emg/symphiq-components 1.2.304 → 1.2.306
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 +347 -321
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +10 -9
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -51941,557 +51941,593 @@ class FocusAreaToolsModalComponent {
|
|
|
51941
51941
|
|
|
51942
51942
|
const _c0$v = ["shopNameInput"];
|
|
51943
51943
|
const _forTrack0$m = ($index, $item) => $item.focusAreaDomain;
|
|
51944
|
-
function
|
|
51944
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
|
|
51945
|
+
i0.ɵɵelementStart(0, "div", 13);
|
|
51946
|
+
i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 17);
|
|
51947
|
+
i0.ɵɵelementStart(2, "div", 18)(3, "h2", 19);
|
|
51948
|
+
i0.ɵɵtext(4, " Your account is being created ");
|
|
51949
|
+
i0.ɵɵelementEnd();
|
|
51950
|
+
i0.ɵɵelementStart(5, "p", 20);
|
|
51951
|
+
i0.ɵɵtext(6, " Please wait while we set everything up for you... ");
|
|
51952
|
+
i0.ɵɵelementEnd()()();
|
|
51953
|
+
} if (rf & 2) {
|
|
51954
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
51955
|
+
i0.ɵɵadvance();
|
|
51956
|
+
i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
|
|
51957
|
+
i0.ɵɵadvance(2);
|
|
51958
|
+
i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
|
|
51959
|
+
i0.ɵɵadvance(2);
|
|
51960
|
+
i0.ɵɵproperty("ngClass", ctx_r0.sectionDescriptionClasses());
|
|
51961
|
+
} }
|
|
51962
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Conditional_27_Template(rf, ctx) { if (rf & 1) {
|
|
51945
51963
|
i0.ɵɵtext(0, " Shopify ");
|
|
51946
51964
|
} }
|
|
51947
|
-
function
|
|
51965
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Conditional_28_Template(rf, ctx) { if (rf & 1) {
|
|
51948
51966
|
i0.ɵɵtext(0);
|
|
51949
51967
|
} if (rf & 2) {
|
|
51950
|
-
const
|
|
51951
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
51968
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
51969
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.accountData().otherPlatformName || "Other", " ");
|
|
51952
51970
|
} }
|
|
51953
|
-
function
|
|
51954
|
-
const
|
|
51955
|
-
i0.ɵɵelementStart(0, "div",
|
|
51971
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
51972
|
+
const _r2 = i0.ɵɵgetCurrentView();
|
|
51973
|
+
i0.ɵɵelementStart(0, "div", 21)(1, "div", 23)(2, "div", 24)(3, "div")(4, "h2", 19);
|
|
51956
51974
|
i0.ɵɵtext(5, " Shop Details ");
|
|
51957
51975
|
i0.ɵɵelementEnd();
|
|
51958
51976
|
i0.ɵɵelementStart(6, "p", 1);
|
|
51959
51977
|
i0.ɵɵtext(7, " Your shop information ");
|
|
51960
51978
|
i0.ɵɵelementEnd()();
|
|
51961
|
-
i0.ɵɵelementStart(8, "button",
|
|
51962
|
-
i0.ɵɵlistener("click", function
|
|
51979
|
+
i0.ɵɵelementStart(8, "button", 25);
|
|
51980
|
+
i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.enableEditMode()); });
|
|
51963
51981
|
i0.ɵɵnamespaceSVG();
|
|
51964
|
-
i0.ɵɵelementStart(9, "svg",
|
|
51965
|
-
i0.ɵɵelement(10, "path",
|
|
51982
|
+
i0.ɵɵelementStart(9, "svg", 26);
|
|
51983
|
+
i0.ɵɵelement(10, "path", 27);
|
|
51966
51984
|
i0.ɵɵelementEnd();
|
|
51967
51985
|
i0.ɵɵtext(11, " Edit ");
|
|
51968
51986
|
i0.ɵɵelementEnd()();
|
|
51969
51987
|
i0.ɵɵnamespaceHTML();
|
|
51970
|
-
i0.ɵɵelementStart(12, "div",
|
|
51988
|
+
i0.ɵɵelementStart(12, "div", 28)(13, "div")(14, "label", 29);
|
|
51971
51989
|
i0.ɵɵtext(15, " Shop Name ");
|
|
51972
51990
|
i0.ɵɵelementEnd();
|
|
51973
|
-
i0.ɵɵelementStart(16, "p",
|
|
51991
|
+
i0.ɵɵelementStart(16, "p", 20);
|
|
51974
51992
|
i0.ɵɵtext(17);
|
|
51975
51993
|
i0.ɵɵelementEnd()();
|
|
51976
|
-
i0.ɵɵelementStart(18, "div")(19, "label",
|
|
51994
|
+
i0.ɵɵelementStart(18, "div")(19, "label", 29);
|
|
51977
51995
|
i0.ɵɵtext(20, " Shop URL ");
|
|
51978
51996
|
i0.ɵɵelementEnd();
|
|
51979
|
-
i0.ɵɵelementStart(21, "a",
|
|
51997
|
+
i0.ɵɵelementStart(21, "a", 30);
|
|
51980
51998
|
i0.ɵɵtext(22);
|
|
51981
51999
|
i0.ɵɵelementEnd()();
|
|
51982
|
-
i0.ɵɵelementStart(23, "div")(24, "label",
|
|
52000
|
+
i0.ɵɵelementStart(23, "div")(24, "label", 29);
|
|
51983
52001
|
i0.ɵɵtext(25, " Shop Platform ");
|
|
51984
52002
|
i0.ɵɵelementEnd();
|
|
51985
|
-
i0.ɵɵelementStart(26, "p",
|
|
51986
|
-
i0.ɵɵconditionalCreate(27,
|
|
52003
|
+
i0.ɵɵelementStart(26, "p", 20);
|
|
52004
|
+
i0.ɵɵconditionalCreate(27, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Conditional_27_Template, 1, 0)(28, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Conditional_28_Template, 1, 1);
|
|
51987
52005
|
i0.ɵɵelementEnd()();
|
|
51988
|
-
i0.ɵɵelementStart(29, "div")(30, "label",
|
|
52006
|
+
i0.ɵɵelementStart(29, "div")(30, "label", 29);
|
|
51989
52007
|
i0.ɵɵtext(31, " Company Name ");
|
|
51990
52008
|
i0.ɵɵelementEnd();
|
|
51991
|
-
i0.ɵɵelementStart(32, "p",
|
|
52009
|
+
i0.ɵɵelementStart(32, "p", 20);
|
|
51992
52010
|
i0.ɵɵtext(33);
|
|
51993
52011
|
i0.ɵɵelementEnd()()()()();
|
|
51994
52012
|
} if (rf & 2) {
|
|
51995
|
-
const
|
|
51996
|
-
i0.ɵɵproperty("ngClass",
|
|
52013
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
52014
|
+
i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
|
|
51997
52015
|
i0.ɵɵadvance();
|
|
51998
|
-
i0.ɵɵproperty("ngClass",
|
|
52016
|
+
i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
|
|
51999
52017
|
i0.ɵɵadvance(3);
|
|
52000
|
-
i0.ɵɵproperty("ngClass",
|
|
52018
|
+
i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
|
|
52001
52019
|
i0.ɵɵadvance(2);
|
|
52002
|
-
i0.ɵɵproperty("ngClass",
|
|
52020
|
+
i0.ɵɵproperty("ngClass", ctx_r0.sectionDescriptionClasses());
|
|
52003
52021
|
i0.ɵɵadvance(2);
|
|
52004
|
-
i0.ɵɵproperty("ngClass",
|
|
52022
|
+
i0.ɵɵproperty("ngClass", ctx_r0.editButtonClasses());
|
|
52005
52023
|
i0.ɵɵadvance(6);
|
|
52006
|
-
i0.ɵɵproperty("ngClass",
|
|
52024
|
+
i0.ɵɵproperty("ngClass", ctx_r0.viewLabelClasses());
|
|
52007
52025
|
i0.ɵɵadvance(2);
|
|
52008
|
-
i0.ɵɵproperty("ngClass",
|
|
52026
|
+
i0.ɵɵproperty("ngClass", ctx_r0.viewValueClasses());
|
|
52009
52027
|
i0.ɵɵadvance();
|
|
52010
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
52028
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.accountData().shopName, " ");
|
|
52011
52029
|
i0.ɵɵadvance(2);
|
|
52012
|
-
i0.ɵɵproperty("ngClass",
|
|
52030
|
+
i0.ɵɵproperty("ngClass", ctx_r0.viewLabelClasses());
|
|
52013
52031
|
i0.ɵɵadvance(2);
|
|
52014
|
-
i0.ɵɵproperty("href",
|
|
52032
|
+
i0.ɵɵproperty("href", ctx_r0.accountData().shopUrl, i0.ɵɵsanitizeUrl)("ngClass", ctx_r0.viewLinkClasses());
|
|
52015
52033
|
i0.ɵɵadvance();
|
|
52016
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
52034
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.accountData().shopUrl, " ");
|
|
52017
52035
|
i0.ɵɵadvance(2);
|
|
52018
|
-
i0.ɵɵproperty("ngClass",
|
|
52036
|
+
i0.ɵɵproperty("ngClass", ctx_r0.viewLabelClasses());
|
|
52019
52037
|
i0.ɵɵadvance(2);
|
|
52020
|
-
i0.ɵɵproperty("ngClass",
|
|
52038
|
+
i0.ɵɵproperty("ngClass", ctx_r0.viewValueClasses());
|
|
52021
52039
|
i0.ɵɵadvance();
|
|
52022
|
-
i0.ɵɵconditional(
|
|
52040
|
+
i0.ɵɵconditional(ctx_r0.accountData().shopPlatform === ctx_r0.ShopPlatformEnum.SHOPIFY ? 27 : 28);
|
|
52023
52041
|
i0.ɵɵadvance(3);
|
|
52024
|
-
i0.ɵɵproperty("ngClass",
|
|
52042
|
+
i0.ɵɵproperty("ngClass", ctx_r0.viewLabelClasses());
|
|
52025
52043
|
i0.ɵɵadvance(2);
|
|
52026
|
-
i0.ɵɵproperty("ngClass",
|
|
52044
|
+
i0.ɵɵproperty("ngClass", ctx_r0.viewValueClasses());
|
|
52027
52045
|
i0.ɵɵadvance();
|
|
52028
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
52046
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.accountData().companyName, " ");
|
|
52029
52047
|
} }
|
|
52030
|
-
function
|
|
52031
|
-
i0.ɵɵelementStart(0, "p",
|
|
52048
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
52049
|
+
i0.ɵɵelementStart(0, "p", 36);
|
|
52032
52050
|
i0.ɵɵtext(1, " Shop name is required ");
|
|
52033
52051
|
i0.ɵɵelementEnd();
|
|
52034
52052
|
} if (rf & 2) {
|
|
52035
|
-
const
|
|
52036
|
-
i0.ɵɵproperty("ngClass",
|
|
52053
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
52054
|
+
i0.ɵɵproperty("ngClass", ctx_r0.errorClasses());
|
|
52037
52055
|
} }
|
|
52038
|
-
function
|
|
52039
|
-
i0.ɵɵelementStart(0, "p",
|
|
52056
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_25_Template(rf, ctx) { if (rf & 1) {
|
|
52057
|
+
i0.ɵɵelementStart(0, "p", 36);
|
|
52040
52058
|
i0.ɵɵtext(1, " Shop URL is required ");
|
|
52041
52059
|
i0.ɵɵelementEnd();
|
|
52042
52060
|
} if (rf & 2) {
|
|
52043
|
-
const
|
|
52044
|
-
i0.ɵɵproperty("ngClass",
|
|
52061
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
52062
|
+
i0.ɵɵproperty("ngClass", ctx_r0.errorClasses());
|
|
52045
52063
|
} }
|
|
52046
|
-
function
|
|
52047
|
-
i0.ɵɵelement(0, "div",
|
|
52064
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_36_Template(rf, ctx) { if (rf & 1) {
|
|
52065
|
+
i0.ɵɵelement(0, "div", 46);
|
|
52048
52066
|
} }
|
|
52049
|
-
function
|
|
52050
|
-
i0.ɵɵelement(0, "div",
|
|
52067
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_44_Template(rf, ctx) { if (rf & 1) {
|
|
52068
|
+
i0.ɵɵelement(0, "div", 46);
|
|
52051
52069
|
} }
|
|
52052
|
-
function
|
|
52053
|
-
i0.ɵɵelementStart(0, "p",
|
|
52070
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_48_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
52071
|
+
i0.ɵɵelementStart(0, "p", 36);
|
|
52054
52072
|
i0.ɵɵtext(1, " Platform name is required ");
|
|
52055
52073
|
i0.ɵɵelementEnd();
|
|
52056
52074
|
} if (rf & 2) {
|
|
52057
|
-
const
|
|
52058
|
-
i0.ɵɵproperty("ngClass",
|
|
52075
|
+
const ctx_r0 = i0.ɵɵnextContext(4);
|
|
52076
|
+
i0.ɵɵproperty("ngClass", ctx_r0.errorClasses());
|
|
52059
52077
|
} }
|
|
52060
|
-
function
|
|
52061
|
-
i0.ɵɵelementStart(0, "div")(1, "label",
|
|
52078
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_48_Template(rf, ctx) { if (rf & 1) {
|
|
52079
|
+
i0.ɵɵelementStart(0, "div")(1, "label", 33);
|
|
52062
52080
|
i0.ɵɵtext(2, " Platform Name ");
|
|
52063
|
-
i0.ɵɵelementStart(3, "span",
|
|
52081
|
+
i0.ɵɵelementStart(3, "span", 34);
|
|
52064
52082
|
i0.ɵɵtext(4, "*");
|
|
52065
52083
|
i0.ɵɵelementEnd()();
|
|
52066
|
-
i0.ɵɵelement(5, "input",
|
|
52067
|
-
i0.ɵɵconditionalCreate(6,
|
|
52084
|
+
i0.ɵɵelement(5, "input", 55);
|
|
52085
|
+
i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_48_Conditional_6_Template, 2, 1, "p", 36);
|
|
52068
52086
|
i0.ɵɵelementEnd();
|
|
52069
52087
|
} if (rf & 2) {
|
|
52070
|
-
const
|
|
52088
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
52071
52089
|
i0.ɵɵadvance();
|
|
52072
|
-
i0.ɵɵproperty("ngClass",
|
|
52090
|
+
i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
|
|
52073
52091
|
i0.ɵɵadvance(4);
|
|
52074
|
-
i0.ɵɵproperty("ngClass",
|
|
52092
|
+
i0.ɵɵproperty("ngClass", ctx_r0.inputClasses("otherPlatformName"));
|
|
52075
52093
|
i0.ɵɵadvance();
|
|
52076
|
-
i0.ɵɵconditional(
|
|
52094
|
+
i0.ɵɵconditional(ctx_r0.isFieldInvalid("otherPlatformName") ? 6 : -1);
|
|
52077
52095
|
} }
|
|
52078
|
-
function
|
|
52079
|
-
i0.ɵɵelementStart(0, "p",
|
|
52096
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_60_Template(rf, ctx) { if (rf & 1) {
|
|
52097
|
+
i0.ɵɵelementStart(0, "p", 36);
|
|
52080
52098
|
i0.ɵɵtext(1, " Company name is required ");
|
|
52081
52099
|
i0.ɵɵelementEnd();
|
|
52082
52100
|
} if (rf & 2) {
|
|
52083
|
-
const
|
|
52084
|
-
i0.ɵɵproperty("ngClass",
|
|
52101
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
52102
|
+
i0.ɵɵproperty("ngClass", ctx_r0.errorClasses());
|
|
52085
52103
|
} }
|
|
52086
|
-
function
|
|
52104
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
52087
52105
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
52088
|
-
i0.ɵɵelementStart(0, "div",
|
|
52106
|
+
i0.ɵɵelementStart(0, "div", 21)(1, "div", 23)(2, "div", 31)(3, "h2", 19);
|
|
52089
52107
|
i0.ɵɵtext(4, " Shop Details ");
|
|
52090
52108
|
i0.ɵɵelementEnd();
|
|
52091
52109
|
i0.ɵɵelementStart(5, "p", 1);
|
|
52092
52110
|
i0.ɵɵtext(6, " Enter your shop details to get started with Symphiq ");
|
|
52093
52111
|
i0.ɵɵelementEnd()();
|
|
52094
|
-
i0.ɵɵelementStart(7, "form",
|
|
52112
|
+
i0.ɵɵelementStart(7, "form", 32)(8, "div")(9, "label", 33);
|
|
52095
52113
|
i0.ɵɵtext(10, " Shop Name ");
|
|
52096
|
-
i0.ɵɵelementStart(11, "span",
|
|
52114
|
+
i0.ɵɵelementStart(11, "span", 34);
|
|
52097
52115
|
i0.ɵɵtext(12, "*");
|
|
52098
52116
|
i0.ɵɵelementEnd()();
|
|
52099
|
-
i0.ɵɵelement(13, "input",
|
|
52100
|
-
i0.ɵɵconditionalCreate(15,
|
|
52117
|
+
i0.ɵɵelement(13, "input", 35, 0);
|
|
52118
|
+
i0.ɵɵconditionalCreate(15, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_15_Template, 2, 1, "p", 36);
|
|
52101
52119
|
i0.ɵɵelementEnd();
|
|
52102
|
-
i0.ɵɵelementStart(16, "div")(17, "label",
|
|
52120
|
+
i0.ɵɵelementStart(16, "div")(17, "label", 33);
|
|
52103
52121
|
i0.ɵɵtext(18, " Shop URL ");
|
|
52104
|
-
i0.ɵɵelementStart(19, "span",
|
|
52122
|
+
i0.ɵɵelementStart(19, "span", 34);
|
|
52105
52123
|
i0.ɵɵtext(20, "*");
|
|
52106
52124
|
i0.ɵɵelementEnd()();
|
|
52107
|
-
i0.ɵɵelementStart(21, "div",
|
|
52125
|
+
i0.ɵɵelementStart(21, "div", 37)(22, "span", 38);
|
|
52108
52126
|
i0.ɵɵtext(23, " https:// ");
|
|
52109
52127
|
i0.ɵɵelementEnd();
|
|
52110
|
-
i0.ɵɵelement(24, "input",
|
|
52128
|
+
i0.ɵɵelement(24, "input", 39);
|
|
52111
52129
|
i0.ɵɵelementEnd();
|
|
52112
|
-
i0.ɵɵconditionalCreate(25,
|
|
52130
|
+
i0.ɵɵconditionalCreate(25, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_25_Template, 2, 1, "p", 36);
|
|
52113
52131
|
i0.ɵɵelementEnd();
|
|
52114
|
-
i0.ɵɵelementStart(26, "div")(27, "label",
|
|
52132
|
+
i0.ɵɵelementStart(26, "div")(27, "label", 40);
|
|
52115
52133
|
i0.ɵɵtext(28, " Shop Platform ");
|
|
52116
|
-
i0.ɵɵelementStart(29, "span",
|
|
52134
|
+
i0.ɵɵelementStart(29, "span", 34);
|
|
52117
52135
|
i0.ɵɵtext(30, "*");
|
|
52118
52136
|
i0.ɵɵelementEnd()();
|
|
52119
|
-
i0.ɵɵelementStart(31, "div",
|
|
52120
|
-
i0.ɵɵelement(33, "input",
|
|
52121
|
-
i0.ɵɵelementStart(34, "div",
|
|
52122
|
-
i0.ɵɵconditionalCreate(36,
|
|
52137
|
+
i0.ɵɵelementStart(31, "div", 41)(32, "label", 42);
|
|
52138
|
+
i0.ɵɵelement(33, "input", 43);
|
|
52139
|
+
i0.ɵɵelementStart(34, "div", 44)(35, "div", 45);
|
|
52140
|
+
i0.ɵɵconditionalCreate(36, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_36_Template, 1, 0, "div", 46);
|
|
52123
52141
|
i0.ɵɵelementEnd();
|
|
52124
|
-
i0.ɵɵelementStart(37, "div",
|
|
52142
|
+
i0.ɵɵelementStart(37, "div", 47)(38, "div", 48);
|
|
52125
52143
|
i0.ɵɵtext(39, " Shopify ");
|
|
52126
52144
|
i0.ɵɵelementEnd()()()();
|
|
52127
|
-
i0.ɵɵelementStart(40, "label",
|
|
52128
|
-
i0.ɵɵelement(41, "input",
|
|
52129
|
-
i0.ɵɵelementStart(42, "div",
|
|
52130
|
-
i0.ɵɵconditionalCreate(44,
|
|
52145
|
+
i0.ɵɵelementStart(40, "label", 42);
|
|
52146
|
+
i0.ɵɵelement(41, "input", 43);
|
|
52147
|
+
i0.ɵɵelementStart(42, "div", 44)(43, "div", 45);
|
|
52148
|
+
i0.ɵɵconditionalCreate(44, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_44_Template, 1, 0, "div", 46);
|
|
52131
52149
|
i0.ɵɵelementEnd();
|
|
52132
|
-
i0.ɵɵelementStart(45, "div",
|
|
52150
|
+
i0.ɵɵelementStart(45, "div", 47)(46, "div", 48);
|
|
52133
52151
|
i0.ɵɵtext(47, " Other ");
|
|
52134
52152
|
i0.ɵɵelementEnd()()()()()();
|
|
52135
|
-
i0.ɵɵconditionalCreate(48,
|
|
52136
|
-
i0.ɵɵelementStart(49, "div")(50, "label",
|
|
52153
|
+
i0.ɵɵconditionalCreate(48, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_48_Template, 7, 3, "div");
|
|
52154
|
+
i0.ɵɵelementStart(49, "div")(50, "label", 33);
|
|
52137
52155
|
i0.ɵɵtext(51, " Company Name ");
|
|
52138
|
-
i0.ɵɵelementStart(52, "span",
|
|
52156
|
+
i0.ɵɵelementStart(52, "span", 34);
|
|
52139
52157
|
i0.ɵɵtext(53, "*");
|
|
52140
52158
|
i0.ɵɵelementEnd()();
|
|
52141
|
-
i0.ɵɵelement(54, "input",
|
|
52142
|
-
i0.ɵɵelementStart(55, "div",
|
|
52143
|
-
i0.ɵɵlistener("change", function
|
|
52159
|
+
i0.ɵɵelement(54, "input", 49);
|
|
52160
|
+
i0.ɵɵelementStart(55, "div", 50)(56, "label", 51)(57, "input", 52);
|
|
52161
|
+
i0.ɵɵlistener("change", function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Template_input_change_57_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.toggleSameAsShopName()); });
|
|
52144
52162
|
i0.ɵɵelementEnd();
|
|
52145
|
-
i0.ɵɵelementStart(58, "span",
|
|
52163
|
+
i0.ɵɵelementStart(58, "span", 53);
|
|
52146
52164
|
i0.ɵɵtext(59, " Same as Shop Name ");
|
|
52147
52165
|
i0.ɵɵelementEnd()()();
|
|
52148
|
-
i0.ɵɵconditionalCreate(60,
|
|
52166
|
+
i0.ɵɵconditionalCreate(60, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_60_Template, 2, 1, "p", 36);
|
|
52149
52167
|
i0.ɵɵelementEnd();
|
|
52150
|
-
i0.ɵɵelement(61, "input",
|
|
52168
|
+
i0.ɵɵelement(61, "input", 54);
|
|
52151
52169
|
i0.ɵɵelementEnd()()();
|
|
52152
52170
|
} if (rf & 2) {
|
|
52153
|
-
let
|
|
52154
|
-
let
|
|
52155
|
-
let
|
|
52156
|
-
const
|
|
52157
|
-
i0.ɵɵproperty("ngClass",
|
|
52171
|
+
let tmp_19_0;
|
|
52172
|
+
let tmp_24_0;
|
|
52173
|
+
let tmp_26_0;
|
|
52174
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
52175
|
+
i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
|
|
52158
52176
|
i0.ɵɵadvance();
|
|
52159
|
-
i0.ɵɵproperty("ngClass",
|
|
52177
|
+
i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
|
|
52160
52178
|
i0.ɵɵadvance(2);
|
|
52161
|
-
i0.ɵɵproperty("ngClass",
|
|
52179
|
+
i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
|
|
52162
52180
|
i0.ɵɵadvance(2);
|
|
52163
|
-
i0.ɵɵproperty("ngClass",
|
|
52181
|
+
i0.ɵɵproperty("ngClass", ctx_r0.sectionDescriptionClasses());
|
|
52164
52182
|
i0.ɵɵadvance(2);
|
|
52165
|
-
i0.ɵɵproperty("formGroup",
|
|
52183
|
+
i0.ɵɵproperty("formGroup", ctx_r0.accountForm);
|
|
52166
52184
|
i0.ɵɵadvance(2);
|
|
52167
|
-
i0.ɵɵproperty("ngClass",
|
|
52185
|
+
i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
|
|
52168
52186
|
i0.ɵɵadvance(4);
|
|
52169
|
-
i0.ɵɵproperty("ngClass",
|
|
52187
|
+
i0.ɵɵproperty("ngClass", ctx_r0.inputClasses("shopName"));
|
|
52170
52188
|
i0.ɵɵadvance(2);
|
|
52171
|
-
i0.ɵɵconditional(
|
|
52189
|
+
i0.ɵɵconditional(ctx_r0.isFieldInvalid("shopName") ? 15 : -1);
|
|
52172
52190
|
i0.ɵɵadvance(2);
|
|
52173
|
-
i0.ɵɵproperty("ngClass",
|
|
52191
|
+
i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
|
|
52174
52192
|
i0.ɵɵadvance(5);
|
|
52175
|
-
i0.ɵɵproperty("ngClass",
|
|
52193
|
+
i0.ɵɵproperty("ngClass", ctx_r0.urlPrefixClasses());
|
|
52176
52194
|
i0.ɵɵadvance(2);
|
|
52177
|
-
i0.ɵɵproperty("ngClass",
|
|
52195
|
+
i0.ɵɵproperty("ngClass", ctx_r0.urlInputClasses("shopUrl"));
|
|
52178
52196
|
i0.ɵɵadvance();
|
|
52179
|
-
i0.ɵɵconditional(
|
|
52197
|
+
i0.ɵɵconditional(ctx_r0.isFieldInvalid("shopUrl") ? 25 : -1);
|
|
52180
52198
|
i0.ɵɵadvance(2);
|
|
52181
|
-
i0.ɵɵproperty("ngClass",
|
|
52199
|
+
i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
|
|
52182
52200
|
i0.ɵɵadvance(5);
|
|
52183
|
-
i0.ɵɵproperty("ngClass",
|
|
52201
|
+
i0.ɵɵproperty("ngClass", ctx_r0.radioPlatformClasses(ctx_r0.ShopPlatformEnum.SHOPIFY));
|
|
52184
52202
|
i0.ɵɵadvance();
|
|
52185
|
-
i0.ɵɵproperty("value",
|
|
52203
|
+
i0.ɵɵproperty("value", ctx_r0.ShopPlatformEnum.SHOPIFY);
|
|
52186
52204
|
i0.ɵɵadvance(2);
|
|
52187
|
-
i0.ɵɵproperty("ngClass",
|
|
52205
|
+
i0.ɵɵproperty("ngClass", ctx_r0.radioIndicatorClasses(ctx_r0.ShopPlatformEnum.SHOPIFY));
|
|
52188
52206
|
i0.ɵɵadvance();
|
|
52189
|
-
i0.ɵɵconditional(((
|
|
52207
|
+
i0.ɵɵconditional(((tmp_19_0 = ctx_r0.accountForm.get("shopPlatform")) == null ? null : tmp_19_0.value) === ctx_r0.ShopPlatformEnum.SHOPIFY ? 36 : -1);
|
|
52190
52208
|
i0.ɵɵadvance(2);
|
|
52191
|
-
i0.ɵɵproperty("ngClass",
|
|
52209
|
+
i0.ɵɵproperty("ngClass", ctx_r0.radioLabelClasses());
|
|
52192
52210
|
i0.ɵɵadvance(2);
|
|
52193
|
-
i0.ɵɵproperty("ngClass",
|
|
52211
|
+
i0.ɵɵproperty("ngClass", ctx_r0.radioPlatformClasses(ctx_r0.ShopPlatformEnum.OTHER));
|
|
52194
52212
|
i0.ɵɵadvance();
|
|
52195
|
-
i0.ɵɵproperty("value",
|
|
52213
|
+
i0.ɵɵproperty("value", ctx_r0.ShopPlatformEnum.OTHER);
|
|
52196
52214
|
i0.ɵɵadvance(2);
|
|
52197
|
-
i0.ɵɵproperty("ngClass",
|
|
52215
|
+
i0.ɵɵproperty("ngClass", ctx_r0.radioIndicatorClasses(ctx_r0.ShopPlatformEnum.OTHER));
|
|
52198
52216
|
i0.ɵɵadvance();
|
|
52199
|
-
i0.ɵɵconditional(((
|
|
52217
|
+
i0.ɵɵconditional(((tmp_24_0 = ctx_r0.accountForm.get("shopPlatform")) == null ? null : tmp_24_0.value) === ctx_r0.ShopPlatformEnum.OTHER ? 44 : -1);
|
|
52200
52218
|
i0.ɵɵadvance(2);
|
|
52201
|
-
i0.ɵɵproperty("ngClass",
|
|
52219
|
+
i0.ɵɵproperty("ngClass", ctx_r0.radioLabelClasses());
|
|
52202
52220
|
i0.ɵɵadvance(2);
|
|
52203
|
-
i0.ɵɵconditional(((
|
|
52221
|
+
i0.ɵɵconditional(((tmp_26_0 = ctx_r0.accountForm.get("shopPlatform")) == null ? null : tmp_26_0.value) === ctx_r0.ShopPlatformEnum.OTHER ? 48 : -1);
|
|
52204
52222
|
i0.ɵɵadvance(2);
|
|
52205
|
-
i0.ɵɵproperty("ngClass",
|
|
52223
|
+
i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
|
|
52206
52224
|
i0.ɵɵadvance(4);
|
|
52207
|
-
i0.ɵɵclassProp("cursor-not-allowed",
|
|
52208
|
-
i0.ɵɵproperty("ngClass",
|
|
52225
|
+
i0.ɵɵclassProp("cursor-not-allowed", ctx_r0.sameAsShopName())("opacity-60", ctx_r0.sameAsShopName());
|
|
52226
|
+
i0.ɵɵproperty("ngClass", ctx_r0.inputClasses("companyName"))("readonly", ctx_r0.sameAsShopName());
|
|
52209
52227
|
i0.ɵɵadvance(3);
|
|
52210
|
-
i0.ɵɵproperty("checked",
|
|
52228
|
+
i0.ɵɵproperty("checked", ctx_r0.sameAsShopName())("ngClass", ctx_r0.checkboxClasses());
|
|
52211
52229
|
i0.ɵɵadvance();
|
|
52212
|
-
i0.ɵɵproperty("ngClass",
|
|
52230
|
+
i0.ɵɵproperty("ngClass", ctx_r0.checkboxLabelClasses());
|
|
52213
52231
|
i0.ɵɵadvance(2);
|
|
52214
|
-
i0.ɵɵconditional(
|
|
52232
|
+
i0.ɵɵconditional(ctx_r0.isFieldInvalid("companyName") ? 60 : -1);
|
|
52215
52233
|
} }
|
|
52216
|
-
function
|
|
52217
|
-
i0.ɵɵelementStart(0, "span",
|
|
52234
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Conditional_6_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
52235
|
+
i0.ɵɵelementStart(0, "span", 66);
|
|
52218
52236
|
i0.ɵɵtext(1);
|
|
52219
52237
|
i0.ɵɵelementEnd();
|
|
52220
52238
|
} if (rf & 2) {
|
|
52221
52239
|
const tool_r5 = ctx.$implicit;
|
|
52222
|
-
const
|
|
52223
|
-
i0.ɵɵproperty("ngClass",
|
|
52240
|
+
const ctx_r0 = i0.ɵɵnextContext(6);
|
|
52241
|
+
i0.ɵɵproperty("ngClass", ctx_r0.toolChipViewClasses());
|
|
52224
52242
|
i0.ɵɵadvance();
|
|
52225
52243
|
i0.ɵɵtextInterpolate1(" ", tool_r5, " ");
|
|
52226
52244
|
} }
|
|
52227
|
-
function
|
|
52228
|
-
i0.ɵɵelementStart(0, "div",
|
|
52245
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
52246
|
+
i0.ɵɵelementStart(0, "div", 63)(1, "span", 64);
|
|
52229
52247
|
i0.ɵɵtext(2, "Tools:");
|
|
52230
52248
|
i0.ɵɵelementEnd();
|
|
52231
|
-
i0.ɵɵelementStart(3, "div",
|
|
52232
|
-
i0.ɵɵrepeaterCreate(4,
|
|
52249
|
+
i0.ɵɵelementStart(3, "div", 65);
|
|
52250
|
+
i0.ɵɵrepeaterCreate(4, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Conditional_6_For_5_Template, 2, 2, "span", 66, i0.ɵɵrepeaterTrackByIdentity);
|
|
52233
52251
|
i0.ɵɵelementEnd()();
|
|
52234
52252
|
} if (rf & 2) {
|
|
52235
52253
|
const focusArea_r6 = i0.ɵɵnextContext().$implicit;
|
|
52236
|
-
const
|
|
52254
|
+
const ctx_r0 = i0.ɵɵnextContext(4);
|
|
52237
52255
|
i0.ɵɵadvance();
|
|
52238
|
-
i0.ɵɵproperty("ngClass",
|
|
52256
|
+
i0.ɵɵproperty("ngClass", ctx_r0.toolsLabelViewClasses());
|
|
52239
52257
|
i0.ɵɵadvance(3);
|
|
52240
52258
|
i0.ɵɵrepeater(focusArea_r6.tools);
|
|
52241
52259
|
} }
|
|
52242
|
-
function
|
|
52243
|
-
i0.ɵɵelementStart(0, "div",
|
|
52260
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
52261
|
+
i0.ɵɵelementStart(0, "div", 59)(1, "div", 60)(2, "h4", 61);
|
|
52244
52262
|
i0.ɵɵtext(3);
|
|
52245
52263
|
i0.ɵɵelementEnd();
|
|
52246
|
-
i0.ɵɵelementStart(4, "span",
|
|
52264
|
+
i0.ɵɵelementStart(4, "span", 62);
|
|
52247
52265
|
i0.ɵɵtext(5, " Engaged ");
|
|
52248
52266
|
i0.ɵɵelementEnd()();
|
|
52249
|
-
i0.ɵɵconditionalCreate(6,
|
|
52267
|
+
i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Conditional_6_Template, 6, 1, "div", 63);
|
|
52250
52268
|
i0.ɵɵelementEnd();
|
|
52251
52269
|
} if (rf & 2) {
|
|
52252
52270
|
const focusArea_r6 = ctx.$implicit;
|
|
52253
|
-
const
|
|
52254
|
-
i0.ɵɵproperty("ngClass",
|
|
52271
|
+
const ctx_r0 = i0.ɵɵnextContext(4);
|
|
52272
|
+
i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewCardClasses("engaged"));
|
|
52255
52273
|
i0.ɵɵadvance(2);
|
|
52256
|
-
i0.ɵɵproperty("ngClass",
|
|
52274
|
+
i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewTitleClasses());
|
|
52257
52275
|
i0.ɵɵadvance();
|
|
52258
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
52276
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.getFocusAreaTitle(focusArea_r6.focusAreaDomain), " ");
|
|
52259
52277
|
i0.ɵɵadvance();
|
|
52260
|
-
i0.ɵɵproperty("ngClass",
|
|
52278
|
+
i0.ɵɵproperty("ngClass", ctx_r0.statusBadgeClasses("engaged"));
|
|
52261
52279
|
i0.ɵɵadvance(2);
|
|
52262
52280
|
i0.ɵɵconditional(focusArea_r6.tools && focusArea_r6.tools.length > 0 ? 6 : -1);
|
|
52263
52281
|
} }
|
|
52264
|
-
function
|
|
52265
|
-
i0.ɵɵelementStart(0, "div",
|
|
52266
|
-
i0.ɵɵelement(2, "span",
|
|
52282
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
52283
|
+
i0.ɵɵelementStart(0, "div", 31)(1, "h3", 56);
|
|
52284
|
+
i0.ɵɵelement(2, "span", 57);
|
|
52267
52285
|
i0.ɵɵtext(3);
|
|
52268
52286
|
i0.ɵɵelementEnd();
|
|
52269
|
-
i0.ɵɵelementStart(4, "div",
|
|
52270
|
-
i0.ɵɵrepeaterCreate(5,
|
|
52287
|
+
i0.ɵɵelementStart(4, "div", 58);
|
|
52288
|
+
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 59, _forTrack0$m);
|
|
52271
52289
|
i0.ɵɵelementEnd()();
|
|
52272
52290
|
} if (rf & 2) {
|
|
52273
|
-
const
|
|
52291
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
52274
52292
|
i0.ɵɵadvance();
|
|
52275
|
-
i0.ɵɵproperty("ngClass",
|
|
52293
|
+
i0.ɵɵproperty("ngClass", ctx_r0.groupTitleClasses("engaged"));
|
|
52276
52294
|
i0.ɵɵadvance(2);
|
|
52277
|
-
i0.ɵɵtextInterpolate1(" Engaged In (",
|
|
52295
|
+
i0.ɵɵtextInterpolate1(" Engaged In (", ctx_r0.engagedFocusAreas().length, ") ");
|
|
52278
52296
|
i0.ɵɵadvance(2);
|
|
52279
|
-
i0.ɵɵrepeater(
|
|
52297
|
+
i0.ɵɵrepeater(ctx_r0.engagedFocusAreas());
|
|
52280
52298
|
} }
|
|
52281
|
-
function
|
|
52282
|
-
i0.ɵɵelementStart(0, "div",
|
|
52299
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
52300
|
+
i0.ɵɵelementStart(0, "div", 69)(1, "h4", 61);
|
|
52283
52301
|
i0.ɵɵtext(2);
|
|
52284
52302
|
i0.ɵɵelementEnd()();
|
|
52285
52303
|
} if (rf & 2) {
|
|
52286
52304
|
const focusArea_r7 = ctx.$implicit;
|
|
52287
|
-
const
|
|
52288
|
-
i0.ɵɵproperty("ngClass",
|
|
52305
|
+
const ctx_r0 = i0.ɵɵnextContext(4);
|
|
52306
|
+
i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewCardClasses("interested"));
|
|
52289
52307
|
i0.ɵɵadvance();
|
|
52290
|
-
i0.ɵɵproperty("ngClass",
|
|
52308
|
+
i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewTitleClasses());
|
|
52291
52309
|
i0.ɵɵadvance();
|
|
52292
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
52310
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.getFocusAreaTitle(focusArea_r7.focusAreaDomain), " ");
|
|
52293
52311
|
} }
|
|
52294
|
-
function
|
|
52295
|
-
i0.ɵɵelementStart(0, "div",
|
|
52296
|
-
i0.ɵɵelement(2, "span",
|
|
52312
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
52313
|
+
i0.ɵɵelementStart(0, "div", 31)(1, "h3", 56);
|
|
52314
|
+
i0.ɵɵelement(2, "span", 67);
|
|
52297
52315
|
i0.ɵɵtext(3);
|
|
52298
52316
|
i0.ɵɵelementEnd();
|
|
52299
|
-
i0.ɵɵelementStart(4, "div",
|
|
52300
|
-
i0.ɵɵrepeaterCreate(5,
|
|
52317
|
+
i0.ɵɵelementStart(4, "div", 68);
|
|
52318
|
+
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 69, _forTrack0$m);
|
|
52301
52319
|
i0.ɵɵelementEnd()();
|
|
52302
52320
|
} if (rf & 2) {
|
|
52303
|
-
const
|
|
52321
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
52304
52322
|
i0.ɵɵadvance();
|
|
52305
|
-
i0.ɵɵproperty("ngClass",
|
|
52323
|
+
i0.ɵɵproperty("ngClass", ctx_r0.groupTitleClasses("interested"));
|
|
52306
52324
|
i0.ɵɵadvance(2);
|
|
52307
|
-
i0.ɵɵtextInterpolate1(" Interested In (",
|
|
52325
|
+
i0.ɵɵtextInterpolate1(" Interested In (", ctx_r0.interestedFocusAreas().length, ") ");
|
|
52308
52326
|
i0.ɵɵadvance(2);
|
|
52309
|
-
i0.ɵɵrepeater(
|
|
52327
|
+
i0.ɵɵrepeater(ctx_r0.interestedFocusAreas());
|
|
52310
52328
|
} }
|
|
52311
|
-
function
|
|
52312
|
-
i0.ɵɵelementStart(0, "div",
|
|
52329
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
52330
|
+
i0.ɵɵelementStart(0, "div", 72)(1, "span", 64);
|
|
52313
52331
|
i0.ɵɵtext(2);
|
|
52314
52332
|
i0.ɵɵelementEnd()();
|
|
52315
52333
|
} if (rf & 2) {
|
|
52316
52334
|
const focusArea_r8 = ctx.$implicit;
|
|
52317
|
-
const
|
|
52318
|
-
i0.ɵɵproperty("ngClass",
|
|
52335
|
+
const ctx_r0 = i0.ɵɵnextContext(4);
|
|
52336
|
+
i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewCardClasses("not-interested"));
|
|
52319
52337
|
i0.ɵɵadvance();
|
|
52320
|
-
i0.ɵɵproperty("ngClass",
|
|
52338
|
+
i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewTitleSmallClasses());
|
|
52321
52339
|
i0.ɵɵadvance();
|
|
52322
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
52340
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.getFocusAreaTitle(focusArea_r8.focusAreaDomain), " ");
|
|
52323
52341
|
} }
|
|
52324
|
-
function
|
|
52325
|
-
i0.ɵɵelementStart(0, "div")(1, "h3",
|
|
52326
|
-
i0.ɵɵelement(2, "span",
|
|
52342
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
52343
|
+
i0.ɵɵelementStart(0, "div")(1, "h3", 56);
|
|
52344
|
+
i0.ɵɵelement(2, "span", 70);
|
|
52327
52345
|
i0.ɵɵtext(3);
|
|
52328
52346
|
i0.ɵɵelementEnd();
|
|
52329
|
-
i0.ɵɵelementStart(4, "div",
|
|
52330
|
-
i0.ɵɵrepeaterCreate(5,
|
|
52347
|
+
i0.ɵɵelementStart(4, "div", 71);
|
|
52348
|
+
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 72, _forTrack0$m);
|
|
52331
52349
|
i0.ɵɵelementEnd()();
|
|
52332
52350
|
} if (rf & 2) {
|
|
52333
|
-
const
|
|
52351
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
52334
52352
|
i0.ɵɵadvance();
|
|
52335
|
-
i0.ɵɵproperty("ngClass",
|
|
52353
|
+
i0.ɵɵproperty("ngClass", ctx_r0.groupTitleClasses("not-interested"));
|
|
52336
52354
|
i0.ɵɵadvance(2);
|
|
52337
|
-
i0.ɵɵtextInterpolate1(" Not Interested (",
|
|
52355
|
+
i0.ɵɵtextInterpolate1(" Not Interested (", ctx_r0.notInterestedFocusAreas().length, ") ");
|
|
52338
52356
|
i0.ɵɵadvance(2);
|
|
52339
|
-
i0.ɵɵrepeater(
|
|
52357
|
+
i0.ɵɵrepeater(ctx_r0.notInterestedFocusAreas());
|
|
52340
52358
|
} }
|
|
52341
|
-
function
|
|
52359
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
52342
52360
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
52343
|
-
i0.ɵɵelementStart(0, "div",
|
|
52361
|
+
i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "div", 24)(3, "div")(4, "h2", 19);
|
|
52344
52362
|
i0.ɵɵtext(5, " Focus Areas ");
|
|
52345
52363
|
i0.ɵɵelementEnd();
|
|
52346
52364
|
i0.ɵɵelementStart(6, "p", 1);
|
|
52347
52365
|
i0.ɵɵtext(7, " Your marketing and operational focus areas ");
|
|
52348
52366
|
i0.ɵɵelementEnd()();
|
|
52349
|
-
i0.ɵɵelementStart(8, "button",
|
|
52350
|
-
i0.ɵɵlistener("click", function
|
|
52367
|
+
i0.ɵɵelementStart(8, "button", 25);
|
|
52368
|
+
i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.enableFocusAreasEditMode()); });
|
|
52351
52369
|
i0.ɵɵnamespaceSVG();
|
|
52352
|
-
i0.ɵɵelementStart(9, "svg",
|
|
52353
|
-
i0.ɵɵelement(10, "path",
|
|
52370
|
+
i0.ɵɵelementStart(9, "svg", 26);
|
|
52371
|
+
i0.ɵɵelement(10, "path", 27);
|
|
52354
52372
|
i0.ɵɵelementEnd();
|
|
52355
52373
|
i0.ɵɵtext(11, " Edit ");
|
|
52356
52374
|
i0.ɵɵelementEnd()();
|
|
52357
|
-
i0.ɵɵconditionalCreate(12,
|
|
52358
|
-
i0.ɵɵconditionalCreate(13,
|
|
52359
|
-
i0.ɵɵconditionalCreate(14,
|
|
52375
|
+
i0.ɵɵconditionalCreate(12, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_Template, 7, 2, "div", 31);
|
|
52376
|
+
i0.ɵɵconditionalCreate(13, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_Template, 7, 2, "div", 31);
|
|
52377
|
+
i0.ɵɵconditionalCreate(14, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_Template, 7, 2, "div");
|
|
52360
52378
|
i0.ɵɵelementEnd()();
|
|
52361
52379
|
} if (rf & 2) {
|
|
52362
|
-
const
|
|
52363
|
-
i0.ɵɵproperty("ngClass",
|
|
52380
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
52381
|
+
i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
|
|
52364
52382
|
i0.ɵɵadvance();
|
|
52365
|
-
i0.ɵɵproperty("ngClass",
|
|
52383
|
+
i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
|
|
52366
52384
|
i0.ɵɵadvance(3);
|
|
52367
|
-
i0.ɵɵproperty("ngClass",
|
|
52385
|
+
i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
|
|
52368
52386
|
i0.ɵɵadvance(2);
|
|
52369
|
-
i0.ɵɵproperty("ngClass",
|
|
52387
|
+
i0.ɵɵproperty("ngClass", ctx_r0.sectionDescriptionClasses());
|
|
52370
52388
|
i0.ɵɵadvance(2);
|
|
52371
|
-
i0.ɵɵproperty("ngClass",
|
|
52389
|
+
i0.ɵɵproperty("ngClass", ctx_r0.editButtonClasses());
|
|
52372
52390
|
i0.ɵɵadvance(4);
|
|
52373
|
-
i0.ɵɵconditional(
|
|
52391
|
+
i0.ɵɵconditional(ctx_r0.engagedFocusAreas().length > 0 ? 12 : -1);
|
|
52374
52392
|
i0.ɵɵadvance();
|
|
52375
|
-
i0.ɵɵconditional(
|
|
52393
|
+
i0.ɵɵconditional(ctx_r0.interestedFocusAreas().length > 0 ? 13 : -1);
|
|
52376
52394
|
i0.ɵɵadvance();
|
|
52377
|
-
i0.ɵɵconditional(
|
|
52395
|
+
i0.ɵɵconditional(ctx_r0.notInterestedFocusAreas().length > 0 ? 14 : -1);
|
|
52378
52396
|
} }
|
|
52379
|
-
function
|
|
52380
|
-
i0.ɵɵelement(0, "div",
|
|
52397
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
52398
|
+
i0.ɵɵelement(0, "div", 76);
|
|
52381
52399
|
} if (rf & 2) {
|
|
52382
|
-
const
|
|
52383
|
-
i0.ɵɵproperty("ngClass",
|
|
52400
|
+
const ctx_r0 = i0.ɵɵnextContext(4);
|
|
52401
|
+
i0.ɵɵproperty("ngClass", ctx_r0.dividerClasses());
|
|
52384
52402
|
} }
|
|
52385
|
-
function
|
|
52403
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Template(rf, ctx) { if (rf & 1) {
|
|
52386
52404
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
52387
|
-
i0.ɵɵelementStart(0, "symphiq-focus-area-question",
|
|
52388
|
-
i0.ɵɵlistener("statusChange", function
|
|
52405
|
+
i0.ɵɵelementStart(0, "symphiq-focus-area-question", 75);
|
|
52406
|
+
i0.ɵɵlistener("statusChange", function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Template_symphiq_focus_area_question_statusChange_0_listener($event) { const domain_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onFocusAreaStatusChange(domain_r10, $event)); })("toolsClick", function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Template_symphiq_focus_area_question_toolsClick_0_listener() { const domain_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onFocusAreaToolsClick(domain_r10)); });
|
|
52389
52407
|
i0.ɵɵelementEnd();
|
|
52390
|
-
i0.ɵɵconditionalCreate(1,
|
|
52408
|
+
i0.ɵɵconditionalCreate(1, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Conditional_1_Template, 1, 1, "div", 76);
|
|
52391
52409
|
} if (rf & 2) {
|
|
52392
52410
|
const domain_r10 = ctx.$implicit;
|
|
52393
|
-
const ɵ$
|
|
52394
|
-
const
|
|
52395
|
-
i0.ɵɵproperty("focusAreaDomain", domain_r10)("selectedStatus",
|
|
52411
|
+
const ɵ$index_356_r11 = ctx.$index;
|
|
52412
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
52413
|
+
i0.ɵɵproperty("focusAreaDomain", domain_r10)("selectedStatus", ctx_r0.getFocusAreaStatus(domain_r10))("selectedTools", ctx_r0.getFocusAreaTools(domain_r10))("viewMode", ctx_r0.viewMode())("title", ctx_r0.getFocusAreaTitle(domain_r10))("description", ctx_r0.getFocusAreaDescription(domain_r10));
|
|
52396
52414
|
i0.ɵɵadvance();
|
|
52397
|
-
i0.ɵɵconditional(ɵ$
|
|
52415
|
+
i0.ɵɵconditional(ɵ$index_356_r11 < ctx_r0.allFocusAreaDomains().length - 1 ? 1 : -1);
|
|
52398
52416
|
} }
|
|
52399
|
-
function
|
|
52400
|
-
i0.ɵɵelementStart(0, "div",
|
|
52417
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
52418
|
+
i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "div", 31)(3, "div", 73)(4, "div")(5, "h2", 19);
|
|
52401
52419
|
i0.ɵɵtext(6, " Focus Areas ");
|
|
52402
52420
|
i0.ɵɵelementEnd();
|
|
52403
52421
|
i0.ɵɵelementStart(7, "p", 1);
|
|
52404
52422
|
i0.ɵɵtext(8, " Tell us about your marketing and operational focus areas ");
|
|
52405
52423
|
i0.ɵɵelementEnd()();
|
|
52406
|
-
i0.ɵɵelementStart(9, "div",
|
|
52424
|
+
i0.ɵɵelementStart(9, "div", 74);
|
|
52407
52425
|
i0.ɵɵtext(10);
|
|
52408
52426
|
i0.ɵɵelementEnd()()();
|
|
52409
|
-
i0.ɵɵelementStart(11, "div",
|
|
52410
|
-
i0.ɵɵrepeaterCreate(12,
|
|
52427
|
+
i0.ɵɵelementStart(11, "div", 28);
|
|
52428
|
+
i0.ɵɵrepeaterCreate(12, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Template, 2, 7, null, null, i0.ɵɵrepeaterTrackByIdentity);
|
|
52411
52429
|
i0.ɵɵelementEnd()()();
|
|
52412
52430
|
} if (rf & 2) {
|
|
52413
|
-
const
|
|
52414
|
-
i0.ɵɵproperty("ngClass",
|
|
52431
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
52432
|
+
i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
|
|
52415
52433
|
i0.ɵɵadvance();
|
|
52416
|
-
i0.ɵɵproperty("ngClass",
|
|
52434
|
+
i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
|
|
52417
52435
|
i0.ɵɵadvance(4);
|
|
52418
|
-
i0.ɵɵproperty("ngClass",
|
|
52436
|
+
i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
|
|
52419
52437
|
i0.ɵɵadvance(2);
|
|
52420
|
-
i0.ɵɵproperty("ngClass",
|
|
52438
|
+
i0.ɵɵproperty("ngClass", ctx_r0.sectionDescriptionClasses());
|
|
52421
52439
|
i0.ɵɵadvance(2);
|
|
52422
|
-
i0.ɵɵproperty("ngClass",
|
|
52440
|
+
i0.ɵɵproperty("ngClass", ctx_r0.progressBadgeClasses());
|
|
52423
52441
|
i0.ɵɵadvance();
|
|
52424
|
-
i0.ɵɵtextInterpolate2(" ",
|
|
52442
|
+
i0.ɵɵtextInterpolate2(" ", ctx_r0.focusAreasAnswered(), " of ", ctx_r0.totalFocusAreas(), " answered ");
|
|
52425
52443
|
i0.ɵɵadvance(2);
|
|
52426
|
-
i0.ɵɵrepeater(
|
|
52444
|
+
i0.ɵɵrepeater(ctx_r0.allFocusAreaDomains());
|
|
52445
|
+
} }
|
|
52446
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
|
|
52447
|
+
i0.ɵɵelementStart(0, "div", 14);
|
|
52448
|
+
i0.ɵɵconditionalCreate(1, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Template, 34, 18, "div", 21);
|
|
52449
|
+
i0.ɵɵconditionalCreate(2, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Template, 62, 35, "div", 21);
|
|
52450
|
+
i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Template, 15, 8, "div", 22);
|
|
52451
|
+
i0.ɵɵconditionalCreate(4, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_Template, 14, 7, "div", 22);
|
|
52452
|
+
i0.ɵɵelementEnd();
|
|
52453
|
+
} if (rf & 2) {
|
|
52454
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
52455
|
+
i0.ɵɵadvance();
|
|
52456
|
+
i0.ɵɵconditional(ctx_r0.accountData() && !ctx_r0.editMode() && !ctx_r0.focusAreasEditMode() ? 1 : -1);
|
|
52457
|
+
i0.ɵɵadvance();
|
|
52458
|
+
i0.ɵɵconditional(!ctx_r0.accountData() || ctx_r0.editMode() ? 2 : -1);
|
|
52459
|
+
i0.ɵɵadvance();
|
|
52460
|
+
i0.ɵɵconditional(ctx_r0.accountData() && ctx_r0.accountData().focusAreaDetails && !ctx_r0.focusAreasEditMode() && !ctx_r0.editMode() ? 3 : -1);
|
|
52461
|
+
i0.ɵɵadvance();
|
|
52462
|
+
i0.ɵɵconditional(!ctx_r0.accountData() || ctx_r0.focusAreasEditMode() ? 4 : -1);
|
|
52427
52463
|
} }
|
|
52428
|
-
function
|
|
52464
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
52429
52465
|
const _r13 = i0.ɵɵgetCurrentView();
|
|
52430
|
-
i0.ɵɵelementStart(0, "button",
|
|
52431
|
-
i0.ɵɵlistener("click", function
|
|
52466
|
+
i0.ɵɵelementStart(0, "button", 81);
|
|
52467
|
+
i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.focusAreasEditMode() ? ctx_r0.cancelFocusAreasEditMode() : ctx_r0.cancelEditMode()); });
|
|
52432
52468
|
i0.ɵɵtext(1, " Cancel ");
|
|
52433
52469
|
i0.ɵɵelementEnd();
|
|
52434
52470
|
} if (rf & 2) {
|
|
52435
|
-
const
|
|
52436
|
-
i0.ɵɵproperty("ngClass",
|
|
52471
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
52472
|
+
i0.ɵɵproperty("ngClass", ctx_r0.cancelButtonClasses());
|
|
52437
52473
|
} }
|
|
52438
|
-
function
|
|
52474
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
52439
52475
|
i0.ɵɵtext(0, " Saving Focus Areas... ");
|
|
52440
52476
|
} }
|
|
52441
|
-
function
|
|
52477
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
52442
52478
|
i0.ɵɵtext(0, " Updating Account... ");
|
|
52443
52479
|
} }
|
|
52444
|
-
function
|
|
52480
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
52445
52481
|
i0.ɵɵtext(0, " Creating Account... ");
|
|
52446
52482
|
} }
|
|
52447
|
-
function
|
|
52483
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
52448
52484
|
i0.ɵɵnamespaceSVG();
|
|
52449
|
-
i0.ɵɵelementStart(0, "svg",
|
|
52450
|
-
i0.ɵɵelement(1, "circle",
|
|
52485
|
+
i0.ɵɵelementStart(0, "svg", 82);
|
|
52486
|
+
i0.ɵɵelement(1, "circle", 83)(2, "path", 84);
|
|
52451
52487
|
i0.ɵɵelementEnd();
|
|
52452
|
-
i0.ɵɵconditionalCreate(3,
|
|
52488
|
+
i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_3_Template, 1, 0)(4, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_4_Template, 1, 0)(5, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_5_Template, 1, 0);
|
|
52453
52489
|
} if (rf & 2) {
|
|
52454
|
-
const
|
|
52490
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
52455
52491
|
i0.ɵɵadvance(3);
|
|
52456
|
-
i0.ɵɵconditional(
|
|
52492
|
+
i0.ɵɵconditional(ctx_r0.focusAreasEditMode() ? 3 : ctx_r0.accountData() && ctx_r0.editMode() ? 4 : 5);
|
|
52457
52493
|
} }
|
|
52458
|
-
function
|
|
52494
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
52459
52495
|
i0.ɵɵtext(0, " Save Focus Areas ");
|
|
52460
52496
|
} }
|
|
52461
|
-
function
|
|
52497
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
52462
52498
|
i0.ɵɵtext(0, " Save Changes ");
|
|
52463
52499
|
} }
|
|
52464
|
-
function
|
|
52500
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
52465
52501
|
i0.ɵɵtext(0, " Create Account ");
|
|
52466
52502
|
} }
|
|
52467
|
-
function
|
|
52468
|
-
i0.ɵɵconditionalCreate(0,
|
|
52503
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
52504
|
+
i0.ɵɵconditionalCreate(0, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_0_Template, 1, 0)(1, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_1_Template, 1, 0)(2, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_2_Template, 1, 0);
|
|
52469
52505
|
i0.ɵɵnamespaceSVG();
|
|
52470
|
-
i0.ɵɵelementStart(3, "svg",
|
|
52471
|
-
i0.ɵɵelement(4, "path",
|
|
52506
|
+
i0.ɵɵelementStart(3, "svg", 85);
|
|
52507
|
+
i0.ɵɵelement(4, "path", 86);
|
|
52472
52508
|
i0.ɵɵelementEnd();
|
|
52473
52509
|
} if (rf & 2) {
|
|
52474
|
-
const
|
|
52475
|
-
i0.ɵɵconditional(
|
|
52510
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
52511
|
+
i0.ɵɵconditional(ctx_r0.focusAreasEditMode() ? 0 : ctx_r0.accountData() && ctx_r0.editMode() ? 1 : 2);
|
|
52476
52512
|
} }
|
|
52477
|
-
function
|
|
52513
|
+
function SymphiqCreateAccountDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
|
|
52478
52514
|
const _r12 = i0.ɵɵgetCurrentView();
|
|
52479
|
-
i0.ɵɵelementStart(0, "div",
|
|
52480
|
-
i0.ɵɵconditionalCreate(3,
|
|
52481
|
-
i0.ɵɵelementStart(4, "button",
|
|
52482
|
-
i0.ɵɵlistener("click", function
|
|
52483
|
-
i0.ɵɵconditionalCreate(5,
|
|
52515
|
+
i0.ɵɵelementStart(0, "div", 16)(1, "div", 77)(2, "div", 78);
|
|
52516
|
+
i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_3_Template, 2, 1, "button", 79);
|
|
52517
|
+
i0.ɵɵelementStart(4, "button", 80);
|
|
52518
|
+
i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_25_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.focusAreasEditMode() ? ctx_r0.handleSaveFocusAreas() : ctx_r0.handleContinue()); });
|
|
52519
|
+
i0.ɵɵconditionalCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Template, 6, 1)(6, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Template, 5, 1);
|
|
52484
52520
|
i0.ɵɵelementEnd()()()();
|
|
52485
52521
|
} if (rf & 2) {
|
|
52486
|
-
const
|
|
52487
|
-
i0.ɵɵproperty("ngClass",
|
|
52522
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
52523
|
+
i0.ɵɵproperty("ngClass", ctx_r0.stickyButtonContainerClasses());
|
|
52488
52524
|
i0.ɵɵadvance(3);
|
|
52489
|
-
i0.ɵɵconditional(
|
|
52525
|
+
i0.ɵɵconditional(ctx_r0.accountData() && ctx_r0.editMode() || ctx_r0.accountData() && ctx_r0.focusAreasEditMode() ? 3 : -1);
|
|
52490
52526
|
i0.ɵɵadvance();
|
|
52491
|
-
i0.ɵɵclassProp("cursor-pointer",
|
|
52492
|
-
i0.ɵɵproperty("disabled", !
|
|
52527
|
+
i0.ɵɵclassProp("cursor-pointer", ctx_r0.isButtonEnabled())("cursor-not-allowed", !ctx_r0.isButtonEnabled())("opacity-50", !ctx_r0.isButtonEnabled())("hover:scale-105", ctx_r0.isButtonEnabled());
|
|
52528
|
+
i0.ɵɵproperty("disabled", !ctx_r0.isButtonEnabled())("ngClass", ctx_r0.continueButtonClasses());
|
|
52493
52529
|
i0.ɵɵadvance();
|
|
52494
|
-
i0.ɵɵconditional(
|
|
52530
|
+
i0.ɵɵconditional(ctx_r0.isLoading() ? 5 : 6);
|
|
52495
52531
|
} }
|
|
52496
52532
|
var ShopPlatformEnum;
|
|
52497
52533
|
(function (ShopPlatformEnum) {
|
|
@@ -52557,6 +52593,7 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
52557
52593
|
this.editMode = signal(false, ...(ngDevMode ? [{ debugName: "editMode" }] : []));
|
|
52558
52594
|
this.sameAsShopName = signal(false, ...(ngDevMode ? [{ debugName: "sameAsShopName" }] : []));
|
|
52559
52595
|
this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
|
|
52596
|
+
this.isCreatingAccount = computed(() => this.isLoading() && !this.accountData(), ...(ngDevMode ? [{ debugName: "isCreatingAccount" }] : []));
|
|
52560
52597
|
this.formChanged = signal(false, ...(ngDevMode ? [{ debugName: "formChanged" }] : []));
|
|
52561
52598
|
this.originalFormValue = null;
|
|
52562
52599
|
this.loadTime = Date.now();
|
|
@@ -53108,7 +53145,7 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
53108
53145
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.shopNameInput = _t.first);
|
|
53109
53146
|
} }, hostBindings: function SymphiqCreateAccountDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
53110
53147
|
i0.ɵɵlistener("scroll", function SymphiqCreateAccountDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
53111
|
-
} }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], accountData: [1, "accountData"], forDemo: [1, "forDemo"], showNextStepAction: [1, "showNextStepAction"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { onCreateAccount: "onCreateAccount", stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls:
|
|
53148
|
+
} }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], accountData: [1, "accountData"], forDemo: [1, "forDemo"], showNextStepAction: [1, "showNextStepAction"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { onCreateAccount: "onCreateAccount", stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 26, vars: 48, consts: [["shopNameInput", ""], [3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "flex", "flex-col", "items-center", "justify-center", "min-h-[60vh]", "gap-6"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [3, "close", "save", "isOpen", "focusAreaDomain", "focusAreaTitle", "selectedTools", "viewMode"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-6"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "space-y-4"], [1, "block", "text-sm", "font-medium", "mb-1", 3, "ngClass"], ["target", "_blank", "rel", "noopener noreferrer", 1, "text-base", "hover:underline", 3, "href", "ngClass"], [1, "mb-6"], [1, "space-y-6", 3, "formGroup"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-red-500"], ["type", "text", "formControlName", "shopName", "placeholder", "Enter your shop name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "mt-1", "text-sm", 3, "ngClass"], [1, "flex", "items-center"], [1, "px-4", "py-3", "rounded-l-lg", "border-2", "border-r-0", "text-sm", "font-medium", 3, "ngClass"], ["type", "text", "formControlName", "shopUrl", "placeholder", "yourshop.com", 1, "flex-1", "px-4", "py-3", "rounded-r-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "block", "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-4"], [1, "cursor-pointer", 3, "ngClass"], ["type", "radio", "formControlName", "shopPlatform", 1, "sr-only", 3, "value"], [1, "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border-2", "transition-all", "duration-200"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1"], [1, "font-semibold", 3, "ngClass"], ["type", "text", "formControlName", "companyName", "placeholder", "Enter company name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass", "readonly"], [1, "mt-2"], [1, "flex", "items-center", "gap-2", "cursor-pointer"], ["type", "checkbox", 1, "w-4", "h-4", "rounded", "border-2", "transition-all", "duration-200", 3, "change", "checked", "ngClass"], [1, "text-sm", 3, "ngClass"], ["formControlName", "website", "tabindex", "-1", "autocomplete", "off", 1, "absolute", "-left-[9999px]", "opacity-0"], ["type", "text", "formControlName", "otherPlatformName", "placeholder", "Enter platform name (e.g., WooCommerce, Magento)", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "text-base", "font-bold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-emerald-500"], [1, "space-y-3"], [1, "p-4", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-2"], [1, "font-semibold", "text-sm", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-blue-500"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-3"], [1, "p-3", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400"], [1, "grid", "grid-cols-2", "sm:grid-cols-3", "gap-2"], [1, "p-2", "rounded", "text-center", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [3, "statusChange", "toolsClick", "focusAreaDomain", "selectedStatus", "selectedTools", "viewMode", "title", "description"], [1, "my-4", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-lg", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-3", "shadow-lg", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqCreateAccountDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
53112
53149
|
i0.ɵɵelementStart(0, "div", 1)(1, "div");
|
|
53113
53150
|
i0.ɵɵelement(2, "div", 2);
|
|
53114
53151
|
i0.ɵɵelementEnd();
|
|
@@ -53125,16 +53162,13 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
53125
53162
|
i0.ɵɵelementStart(20, "symphiq-journey-progress-indicator", 11);
|
|
53126
53163
|
i0.ɵɵlistener("stepClick", function SymphiqCreateAccountDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_20_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqCreateAccountDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_20_listener() { return ctx.nextStepClick.emit(); });
|
|
53127
53164
|
i0.ɵɵelementEnd();
|
|
53128
|
-
i0.ɵɵelementStart(21, "main", 12)
|
|
53129
|
-
i0.ɵɵconditionalCreate(23, SymphiqCreateAccountDashboardComponent_Conditional_23_Template,
|
|
53130
|
-
i0.ɵɵconditionalCreate(24, SymphiqCreateAccountDashboardComponent_Conditional_24_Template, 62, 35, "div", 14);
|
|
53131
|
-
i0.ɵɵconditionalCreate(25, SymphiqCreateAccountDashboardComponent_Conditional_25_Template, 15, 8, "div", 15);
|
|
53132
|
-
i0.ɵɵconditionalCreate(26, SymphiqCreateAccountDashboardComponent_Conditional_26_Template, 14, 7, "div", 15);
|
|
53133
|
-
i0.ɵɵelementEnd()();
|
|
53134
|
-
i0.ɵɵelementStart(27, "symphiq-focus-area-tools-modal", 16);
|
|
53135
|
-
i0.ɵɵlistener("close", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_close_27_listener() { return ctx.onToolsModalClose(); })("save", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_save_27_listener($event) { return ctx.onToolsModalSave($event); });
|
|
53165
|
+
i0.ɵɵelementStart(21, "main", 12);
|
|
53166
|
+
i0.ɵɵconditionalCreate(22, SymphiqCreateAccountDashboardComponent_Conditional_22_Template, 7, 3, "div", 13)(23, SymphiqCreateAccountDashboardComponent_Conditional_23_Template, 5, 4, "div", 14);
|
|
53136
53167
|
i0.ɵɵelementEnd();
|
|
53137
|
-
i0.ɵɵ
|
|
53168
|
+
i0.ɵɵelementStart(24, "symphiq-focus-area-tools-modal", 15);
|
|
53169
|
+
i0.ɵɵlistener("close", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_close_24_listener() { return ctx.onToolsModalClose(); })("save", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_save_24_listener($event) { return ctx.onToolsModalSave($event); });
|
|
53170
|
+
i0.ɵɵelementEnd();
|
|
53171
|
+
i0.ɵɵconditionalCreate(25, SymphiqCreateAccountDashboardComponent_Conditional_25_Template, 7, 13, "div", 16);
|
|
53138
53172
|
i0.ɵɵelementEnd()();
|
|
53139
53173
|
} if (rf & 2) {
|
|
53140
53174
|
i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
|
|
@@ -53163,23 +53197,17 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
53163
53197
|
i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "text-xl font-bold bg-gradient-to-r from-blue-600 to-cyan-600 bg-clip-text text-transparent truncate" : "text-xl font-bold bg-gradient-to-r from-blue-400 to-cyan-400 bg-clip-text text-transparent truncate");
|
|
53164
53198
|
i0.ɵɵadvance(2);
|
|
53165
53199
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.CREATE_ACCOUNT)("showNextStepAction", ctx.showNextStepAction())("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
|
|
53166
|
-
i0.ɵɵadvance(
|
|
53167
|
-
i0.ɵɵconditional(ctx.
|
|
53168
|
-
i0.ɵɵadvance();
|
|
53169
|
-
i0.ɵɵconditional(!ctx.accountData() || ctx.editMode() ? 24 : -1);
|
|
53170
|
-
i0.ɵɵadvance();
|
|
53171
|
-
i0.ɵɵconditional(ctx.accountData() && ctx.accountData().focusAreaDetails && !ctx.focusAreasEditMode() && !ctx.editMode() ? 25 : -1);
|
|
53172
|
-
i0.ɵɵadvance();
|
|
53173
|
-
i0.ɵɵconditional(!ctx.accountData() || ctx.focusAreasEditMode() ? 26 : -1);
|
|
53174
|
-
i0.ɵɵadvance();
|
|
53200
|
+
i0.ɵɵadvance(2);
|
|
53201
|
+
i0.ɵɵconditional(ctx.isCreatingAccount() ? 22 : 23);
|
|
53202
|
+
i0.ɵɵadvance(2);
|
|
53175
53203
|
i0.ɵɵproperty("isOpen", ctx.toolsModalOpen())("focusAreaDomain", ctx.currentEditingFocusArea())("focusAreaTitle", ctx.currentEditingFocusAreaTitle())("selectedTools", ctx.currentEditingTools())("viewMode", ctx.viewMode());
|
|
53176
53204
|
i0.ɵɵadvance();
|
|
53177
|
-
i0.ɵɵconditional(!ctx.accountData() || ctx.editMode() || ctx.focusAreasEditMode() ?
|
|
53178
|
-
} }, dependencies: [CommonModule, i1$1.NgClass, ReactiveFormsModule, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.RadioControlValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, JourneyProgressIndicatorComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent], styles: ["[_nghost-%COMP%]{display:block}.animated-bubbles[_ngcontent-%COMP%]{overflow:hidden}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out;opacity:.05}.animated-bubbles[_ngcontent-%COMP%]:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode[_ngcontent-%COMP%]:before, .animated-bubbles.light-mode[_ngcontent-%COMP%]:after{opacity:.03}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}"], changeDetection: 0 }); }
|
|
53205
|
+
i0.ɵɵconditional((!ctx.accountData() || ctx.editMode() || ctx.focusAreasEditMode()) && !ctx.isCreatingAccount() ? 25 : -1);
|
|
53206
|
+
} }, dependencies: [CommonModule, i1$1.NgClass, ReactiveFormsModule, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.RadioControlValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, JourneyProgressIndicatorComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, IndeterminateSpinnerComponent], styles: ["[_nghost-%COMP%]{display:block}.animated-bubbles[_ngcontent-%COMP%]{overflow:hidden}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out;opacity:.05}.animated-bubbles[_ngcontent-%COMP%]:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode[_ngcontent-%COMP%]:before, .animated-bubbles.light-mode[_ngcontent-%COMP%]:after{opacity:.03}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}"], changeDetection: 0 }); }
|
|
53179
53207
|
}
|
|
53180
53208
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqCreateAccountDashboardComponent, [{
|
|
53181
53209
|
type: Component,
|
|
53182
|
-
args: [{ selector: 'symphiq-create-account-dashboard', standalone: true, imports: [CommonModule, ReactiveFormsModule, JourneyProgressIndicatorComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
53210
|
+
args: [{ selector: 'symphiq-create-account-dashboard', standalone: true, imports: [CommonModule, ReactiveFormsModule, JourneyProgressIndicatorComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, IndeterminateSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
53183
53211
|
<div [ngClass]="getContainerClasses()">
|
|
53184
53212
|
<!-- Scroll Progress Bar -->
|
|
53185
53213
|
<div [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
|
|
@@ -53252,6 +53280,22 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
53252
53280
|
/>
|
|
53253
53281
|
|
|
53254
53282
|
<main class="relative pb-32">
|
|
53283
|
+
@if (isCreatingAccount()) {
|
|
53284
|
+
<div class="flex flex-col items-center justify-center min-h-[60vh] gap-6">
|
|
53285
|
+
<symphiq-indeterminate-spinner
|
|
53286
|
+
[viewMode]="viewMode()"
|
|
53287
|
+
size="large"
|
|
53288
|
+
/>
|
|
53289
|
+
<div class="text-center">
|
|
53290
|
+
<h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-2">
|
|
53291
|
+
Your account is being created
|
|
53292
|
+
</h2>
|
|
53293
|
+
<p [ngClass]="sectionDescriptionClasses()" class="text-base">
|
|
53294
|
+
Please wait while we set everything up for you...
|
|
53295
|
+
</p>
|
|
53296
|
+
</div>
|
|
53297
|
+
</div>
|
|
53298
|
+
} @else {
|
|
53255
53299
|
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
|
53256
53300
|
<!-- View Mode: Display Account Data -->
|
|
53257
53301
|
@if (accountData() && !editMode() && !focusAreasEditMode()) {
|
|
@@ -53637,6 +53681,7 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
53637
53681
|
</div>
|
|
53638
53682
|
}
|
|
53639
53683
|
</div>
|
|
53684
|
+
}
|
|
53640
53685
|
</main>
|
|
53641
53686
|
|
|
53642
53687
|
<!-- Tools Selection Modal -->
|
|
@@ -53651,7 +53696,7 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
53651
53696
|
/>
|
|
53652
53697
|
|
|
53653
53698
|
<!-- Sticky Continue Button -->
|
|
53654
|
-
@if (!accountData() || editMode() || focusAreasEditMode()) {
|
|
53699
|
+
@if ((!accountData() || editMode() || focusAreasEditMode()) && !isCreatingAccount()) {
|
|
53655
53700
|
<div [ngClass]="stickyButtonContainerClasses()" class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-sm">
|
|
53656
53701
|
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
|
53657
53702
|
<div class="flex items-center gap-3">
|
|
@@ -53713,7 +53758,7 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
53713
53758
|
type: HostListener,
|
|
53714
53759
|
args: ['window:scroll', ['$event']]
|
|
53715
53760
|
}] }); })();
|
|
53716
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber:
|
|
53761
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 642 }); })();
|
|
53717
53762
|
|
|
53718
53763
|
const _forTrack0$l = ($index, $item) => $item.id;
|
|
53719
53764
|
function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -67159,16 +67204,6 @@ function SymphiqBusinessAnalysisDashboardComponent_Conditional_29_Template(rf, c
|
|
|
67159
67204
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
67160
67205
|
i0.ɵɵproperty("sections", ctx_r1.sections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
|
|
67161
67206
|
} }
|
|
67162
|
-
function SymphiqBusinessAnalysisDashboardComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
|
|
67163
|
-
i0.ɵɵelementStart(0, "div", 0);
|
|
67164
|
-
i0.ɵɵelement(1, "div", 0);
|
|
67165
|
-
i0.ɵɵelementEnd();
|
|
67166
|
-
} if (rf & 2) {
|
|
67167
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
67168
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getLoadingOverlayClasses());
|
|
67169
|
-
i0.ɵɵadvance();
|
|
67170
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getSpinnerClasses());
|
|
67171
|
-
} }
|
|
67172
67207
|
class SymphiqBusinessAnalysisDashboardComponent {
|
|
67173
67208
|
sectionHasContent(section) {
|
|
67174
67209
|
if (!section?.subsections || section.subsections.length === 0) {
|
|
@@ -67675,7 +67710,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
67675
67710
|
static { this.ɵfac = function SymphiqBusinessAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqBusinessAnalysisDashboardComponent)(); }; }
|
|
67676
67711
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqBusinessAnalysisDashboardComponent, selectors: [["symphiq-business-analysis-dashboard"]], hostBindings: function SymphiqBusinessAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
67677
67712
|
i0.ɵɵlistener("scroll", function SymphiqBusinessAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow)("keydown", function SymphiqBusinessAnalysisDashboardComponent_keydown_HostBindingHandler($event) { return ctx.handleKeyDown($event); }, i0.ɵɵresolveDocument);
|
|
67678
|
-
} }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls:
|
|
67713
|
+
} }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 35, vars: 58, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-2"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [1, "relative"], [1, "flex", "items-center", "justify-center", "min-h-[60vh]"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["size", "large", 3, "viewMode"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMoreClick", "recommendations", "viewMode"], [3, "sections", "viewMode"], [3, "section", "viewMode", "forceExpanded"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8"], [3, "viewMode", "subsections"]], template: function SymphiqBusinessAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
67679
67714
|
i0.ɵɵelementStart(0, "div", 0)(1, "div");
|
|
67680
67715
|
i0.ɵɵelement(2, "div", 1);
|
|
67681
67716
|
i0.ɵɵelementEnd();
|
|
@@ -67702,16 +67737,15 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
67702
67737
|
i0.ɵɵconditionalCreate(29, SymphiqBusinessAnalysisDashboardComponent_Conditional_29_Template, 1, 4, "symphiq-floating-toc", 15);
|
|
67703
67738
|
i0.ɵɵelement(30, "symphiq-floating-back-button", 16);
|
|
67704
67739
|
i0.ɵɵelementEnd();
|
|
67705
|
-
i0.ɵɵ
|
|
67706
|
-
i0.ɵɵ
|
|
67707
|
-
i0.ɵɵ
|
|
67708
|
-
i0.ɵɵlistener("viewInContextRequested", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_business_analysis_modal_viewInContextRequested_33_listener($event) { return ctx.handleViewInContext($event); });
|
|
67740
|
+
i0.ɵɵelement(31, "symphiq-tooltip-container");
|
|
67741
|
+
i0.ɵɵelementStart(32, "symphiq-business-analysis-modal", 17);
|
|
67742
|
+
i0.ɵɵlistener("viewInContextRequested", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_business_analysis_modal_viewInContextRequested_32_listener($event) { return ctx.handleViewInContext($event); });
|
|
67709
67743
|
i0.ɵɵelementEnd();
|
|
67710
|
-
i0.ɵɵelementStart(
|
|
67711
|
-
i0.ɵɵlistener("searchChange", function
|
|
67744
|
+
i0.ɵɵelementStart(33, "symphiq-search-modal", 18);
|
|
67745
|
+
i0.ɵɵlistener("searchChange", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_searchChange_33_listener($event) { return ctx.onSearchChange($event); })("resultSelected", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_resultSelected_33_listener($event) { return ctx.onSearchResultSelected($event); })("close", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_close_33_listener() { return ctx.closeSearch(); });
|
|
67712
67746
|
i0.ɵɵelementEnd();
|
|
67713
|
-
i0.ɵɵelementStart(
|
|
67714
|
-
i0.ɵɵlistener("close", function
|
|
67747
|
+
i0.ɵɵelementStart(34, "symphiq-view-mode-switcher-modal", 19);
|
|
67748
|
+
i0.ɵɵlistener("close", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_close_34_listener() { return ctx.closeViewModeSwitcher(); })("modeSelected", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_modeSelected_34_listener($event) { return ctx.handleDisplayModeChange($event); });
|
|
67715
67749
|
i0.ɵɵelementEnd()();
|
|
67716
67750
|
} if (rf & 2) {
|
|
67717
67751
|
let tmp_13_0;
|
|
@@ -67760,8 +67794,6 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
67760
67794
|
i0.ɵɵconditional(!ctx.isSimplifiedView() ? 29 : -1);
|
|
67761
67795
|
i0.ɵɵadvance();
|
|
67762
67796
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("embedded", ctx.embedded());
|
|
67763
|
-
i0.ɵɵadvance();
|
|
67764
|
-
i0.ɵɵconditional(ctx.isLoading() ? 31 : -1);
|
|
67765
67797
|
i0.ɵɵadvance(2);
|
|
67766
67798
|
i0.ɵɵproperty("isLightMode", ctx.isLightMode());
|
|
67767
67799
|
i0.ɵɵadvance();
|
|
@@ -67998,12 +68030,6 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
67998
68030
|
/>
|
|
67999
68031
|
</div>
|
|
68000
68032
|
|
|
68001
|
-
@if (isLoading()) {
|
|
68002
|
-
<div [ngClass]="getLoadingOverlayClasses()">
|
|
68003
|
-
<div [ngClass]="getSpinnerClasses()"></div>
|
|
68004
|
-
</div>
|
|
68005
|
-
}
|
|
68006
|
-
|
|
68007
68033
|
<symphiq-tooltip-container />
|
|
68008
68034
|
<symphiq-business-analysis-modal
|
|
68009
68035
|
[isLightMode]="isLightMode()"
|
|
@@ -68039,7 +68065,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
68039
68065
|
type: HostListener,
|
|
68040
68066
|
args: ['document:keydown', ['$event']]
|
|
68041
68067
|
}] }); })();
|
|
68042
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber:
|
|
68068
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 340 }); })();
|
|
68043
68069
|
|
|
68044
68070
|
function DashboardHeaderComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
68045
68071
|
i0.ɵɵelement(0, "div", 6);
|