@eric-emg/symphiq-components 1.2.473 → 1.2.475
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 +82 -95
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +43 -41
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -90938,7 +90938,7 @@ function ProfileStatusCardComponent_Conditional_26_Conditional_1_Template(rf, ct
|
|
|
90938
90938
|
function ProfileStatusCardComponent_Conditional_26_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
90939
90939
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
90940
90940
|
i0.ɵɵelementStart(0, "button", 27);
|
|
90941
|
-
i0.ɵɵlistener("click", function ProfileStatusCardComponent_Conditional_26_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.
|
|
90941
|
+
i0.ɵɵlistener("click", function ProfileStatusCardComponent_Conditional_26_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleAdminAnswerAll()); });
|
|
90942
90942
|
i0.ɵɵnamespaceSVG();
|
|
90943
90943
|
i0.ɵɵelementStart(1, "svg", 28);
|
|
90944
90944
|
i0.ɵɵelement(2, "path", 30);
|
|
@@ -91188,14 +91188,21 @@ class ProfileStatusCardComponent {
|
|
|
91188
91188
|
const wasUnanswered = questionBeingAnswered && questionBeingAnswered.answered !== true;
|
|
91189
91189
|
const unansweredCount = this.unansweredQuestions();
|
|
91190
91190
|
if (wasUnanswered && unansweredCount === 1) {
|
|
91191
|
-
this.
|
|
91192
|
-
intensity: 'celebration',
|
|
91193
|
-
viewMode: this.viewMode()
|
|
91194
|
-
});
|
|
91191
|
+
this.triggerConfetti();
|
|
91195
91192
|
event.profileCompleted = true;
|
|
91196
91193
|
}
|
|
91197
91194
|
this.answerSave.emit(event);
|
|
91198
91195
|
}
|
|
91196
|
+
triggerConfetti() {
|
|
91197
|
+
this.confettiService.trigger({
|
|
91198
|
+
intensity: 'celebration',
|
|
91199
|
+
viewMode: this.viewMode()
|
|
91200
|
+
});
|
|
91201
|
+
}
|
|
91202
|
+
handleAdminAnswerAll() {
|
|
91203
|
+
this.triggerConfetti();
|
|
91204
|
+
this.adminAnswerAction.emit(true);
|
|
91205
|
+
}
|
|
91199
91206
|
formatCategoryName(category) {
|
|
91200
91207
|
const formatter = this.categoryNameFormatter();
|
|
91201
91208
|
if (formatter) {
|
|
@@ -91514,7 +91521,7 @@ class ProfileStatusCardComponent {
|
|
|
91514
91521
|
@if (unansweredQuestions() > 0) {
|
|
91515
91522
|
<button
|
|
91516
91523
|
type="button"
|
|
91517
|
-
(click)="
|
|
91524
|
+
(click)="handleAdminAnswerAll()"
|
|
91518
91525
|
class="flex items-center gap-2 px-4 py-2 rounded-lg border-2 border-violet-500/70 bg-transparent text-violet-400 hover:bg-violet-500/10 transition-colors"
|
|
91519
91526
|
>
|
|
91520
91527
|
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
@@ -96136,28 +96143,28 @@ function FocusAreaWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (r
|
|
|
96136
96143
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
96137
96144
|
i0.ɵɵtextInterpolate1(" Welcome to Your ", ctx_r0.focusAreaDisplayName(), " Analysis ");
|
|
96138
96145
|
} }
|
|
96139
|
-
function
|
|
96146
|
+
function FocusAreaWelcomeBannerComponent_Conditional_48_Template(rf, ctx) { if (rf & 1) {
|
|
96140
96147
|
i0.ɵɵnamespaceSVG();
|
|
96141
|
-
i0.ɵɵelement(0, "path",
|
|
96148
|
+
i0.ɵɵelement(0, "path", 19);
|
|
96142
96149
|
} }
|
|
96143
|
-
function
|
|
96150
|
+
function FocusAreaWelcomeBannerComponent_Conditional_49_Template(rf, ctx) { if (rf & 1) {
|
|
96144
96151
|
i0.ɵɵnamespaceSVG();
|
|
96145
|
-
i0.ɵɵelement(0, "path",
|
|
96152
|
+
i0.ɵɵelement(0, "path", 20);
|
|
96146
96153
|
} }
|
|
96147
|
-
function
|
|
96154
|
+
function FocusAreaWelcomeBannerComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
|
|
96148
96155
|
i0.ɵɵtext(0, " Keep Your Focus Area Updated ");
|
|
96149
96156
|
} }
|
|
96150
|
-
function
|
|
96157
|
+
function FocusAreaWelcomeBannerComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
|
|
96151
96158
|
i0.ɵɵtext(0, " Continue Your Journey ");
|
|
96152
96159
|
} }
|
|
96153
|
-
function
|
|
96160
|
+
function FocusAreaWelcomeBannerComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
|
|
96154
96161
|
i0.ɵɵtext(0);
|
|
96155
96162
|
i0.ɵɵpipe(1, "lowercase");
|
|
96156
96163
|
} if (rf & 2) {
|
|
96157
96164
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
96158
96165
|
i0.ɵɵtextInterpolate1(" As you implement improvements, adopt new tools, or refine your ", i0.ɵɵpipeBind1(1, 1, ctx_r0.focusAreaDisplayName()), " approach, update this analysis to keep recommendations aligned with your evolving capabilities and market opportunities. ");
|
|
96159
96166
|
} }
|
|
96160
|
-
function
|
|
96167
|
+
function FocusAreaWelcomeBannerComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
|
|
96161
96168
|
i0.ɵɵtext(0, " This analysis provides domain-specific insights. To unlock the full power of Symphiq, explore additional focus areas and connect them to your shop operations and funnel metrics. ");
|
|
96162
96169
|
} }
|
|
96163
96170
|
class FocusAreaWelcomeBannerComponent {
|
|
@@ -96166,7 +96173,6 @@ class FocusAreaWelcomeBannerComponent {
|
|
|
96166
96173
|
this.focusAreaDomain = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDomain" }] : []));
|
|
96167
96174
|
this.focusAreaName = input(...(ngDevMode ? [undefined, { debugName: "focusAreaName" }] : []));
|
|
96168
96175
|
this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
|
|
96169
|
-
this.focusAreaDetails = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDetails" }] : []));
|
|
96170
96176
|
this.IconSourceEnum = IconSourceEnum;
|
|
96171
96177
|
this.focusAreaDisplayName = computed(() => {
|
|
96172
96178
|
return this.focusAreaName() || this.getFocusAreaName(this.focusAreaDomain());
|
|
@@ -96281,79 +96287,76 @@ class FocusAreaWelcomeBannerComponent {
|
|
|
96281
96287
|
: 'text-slate-300';
|
|
96282
96288
|
}
|
|
96283
96289
|
static { this.ɵfac = function FocusAreaWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FocusAreaWelcomeBannerComponent)(); }; }
|
|
96284
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FocusAreaWelcomeBannerComponent, selectors: [["symphiq-focus-area-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], focusAreaDomain: [1, "focusAreaDomain"], focusAreaName: [1, "focusAreaName"], isOnboarded: [1, "isOnboarded"]
|
|
96290
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FocusAreaWelcomeBannerComponent, selectors: [["symphiq-focus-area-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], focusAreaDomain: [1, "focusAreaDomain"], focusAreaName: [1, "focusAreaName"], isOnboarded: [1, "isOnboarded"] }, decls: 57, vars: 26, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["size", "w-8 h-8", 3, "icon"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"]], template: function FocusAreaWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
96285
96291
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
|
|
96286
96292
|
i0.ɵɵelement(4, "symphiq-icon", 4);
|
|
96287
96293
|
i0.ɵɵelementEnd();
|
|
96288
96294
|
i0.ɵɵelementStart(5, "div", 5)(6, "h2", 6);
|
|
96289
96295
|
i0.ɵɵconditionalCreate(7, FocusAreaWelcomeBannerComponent_Conditional_7_Template, 1, 1)(8, FocusAreaWelcomeBannerComponent_Conditional_8_Template, 1, 1);
|
|
96290
96296
|
i0.ɵɵelementEnd();
|
|
96291
|
-
i0.ɵɵelementStart(9, "div", 7)(10, "
|
|
96292
|
-
i0.ɵɵtext(
|
|
96293
|
-
i0.ɵɵpipe(
|
|
96297
|
+
i0.ɵɵelementStart(9, "div", 7)(10, "p", 8);
|
|
96298
|
+
i0.ɵɵtext(11);
|
|
96299
|
+
i0.ɵɵpipe(12, "lowercase");
|
|
96294
96300
|
i0.ɵɵelementEnd();
|
|
96295
|
-
i0.ɵɵelementStart(
|
|
96296
|
-
i0.ɵɵtext(
|
|
96301
|
+
i0.ɵɵelementStart(13, "p", 8)(14, "strong", 9);
|
|
96302
|
+
i0.ɵɵtext(15, "Why this matters:");
|
|
96297
96303
|
i0.ɵɵelementEnd();
|
|
96298
|
-
i0.ɵɵtext(
|
|
96304
|
+
i0.ɵɵtext(16, " Rather than generic best practices, this analysis delivers domain-specific insights tailored to your current capabilities, resources, and market position\u2014ensuring recommendations are both impactful and achievable. ");
|
|
96299
96305
|
i0.ɵɵelementEnd()();
|
|
96300
|
-
i0.ɵɵelementStart(
|
|
96301
|
-
i0.ɵɵelement(19, "symphiq-confidence-level-card", 12);
|
|
96302
|
-
i0.ɵɵelementEnd()();
|
|
96303
|
-
i0.ɵɵelementStart(20, "div", 13);
|
|
96306
|
+
i0.ɵɵelementStart(17, "div", 10);
|
|
96304
96307
|
i0.ɵɵnamespaceSVG();
|
|
96305
|
-
i0.ɵɵelementStart(
|
|
96306
|
-
i0.ɵɵelement(
|
|
96308
|
+
i0.ɵɵelementStart(18, "svg", 11);
|
|
96309
|
+
i0.ɵɵelement(19, "path", 12);
|
|
96307
96310
|
i0.ɵɵelementEnd();
|
|
96308
96311
|
i0.ɵɵnamespaceHTML();
|
|
96309
|
-
i0.ɵɵelementStart(
|
|
96310
|
-
i0.ɵɵtext(
|
|
96312
|
+
i0.ɵɵelementStart(20, "div", 5)(21, "h3", 13);
|
|
96313
|
+
i0.ɵɵtext(22, " What You'll See Below ");
|
|
96311
96314
|
i0.ɵɵelementEnd();
|
|
96312
|
-
i0.ɵɵelementStart(
|
|
96315
|
+
i0.ɵɵelementStart(23, "ul", 14)(24, "li", 15);
|
|
96313
96316
|
i0.ɵɵnamespaceSVG();
|
|
96314
|
-
i0.ɵɵelementStart(
|
|
96315
|
-
i0.ɵɵelement(
|
|
96317
|
+
i0.ɵɵelementStart(25, "svg", 16);
|
|
96318
|
+
i0.ɵɵelement(26, "path", 17);
|
|
96316
96319
|
i0.ɵɵelementEnd();
|
|
96317
96320
|
i0.ɵɵnamespaceHTML();
|
|
96318
|
-
i0.ɵɵelementStart(
|
|
96319
|
-
i0.ɵɵtext(
|
|
96321
|
+
i0.ɵɵelementStart(27, "span")(28, "strong", 9);
|
|
96322
|
+
i0.ɵɵtext(29, "Focus Area Health");
|
|
96320
96323
|
i0.ɵɵelementEnd();
|
|
96321
|
-
i0.ɵɵtext(
|
|
96322
|
-
i0.ɵɵpipe(
|
|
96324
|
+
i0.ɵɵtext(30);
|
|
96325
|
+
i0.ɵɵpipe(31, "lowercase");
|
|
96323
96326
|
i0.ɵɵelementEnd()();
|
|
96324
|
-
i0.ɵɵelementStart(
|
|
96327
|
+
i0.ɵɵelementStart(32, "li", 15);
|
|
96325
96328
|
i0.ɵɵnamespaceSVG();
|
|
96326
|
-
i0.ɵɵelementStart(
|
|
96327
|
-
i0.ɵɵelement(
|
|
96329
|
+
i0.ɵɵelementStart(33, "svg", 16);
|
|
96330
|
+
i0.ɵɵelement(34, "path", 17);
|
|
96328
96331
|
i0.ɵɵelementEnd();
|
|
96329
96332
|
i0.ɵɵnamespaceHTML();
|
|
96330
|
-
i0.ɵɵelementStart(
|
|
96331
|
-
i0.ɵɵtext(
|
|
96333
|
+
i0.ɵɵelementStart(35, "span")(36, "strong", 9);
|
|
96334
|
+
i0.ɵɵtext(37, "Top Priorities");
|
|
96332
96335
|
i0.ɵɵelementEnd();
|
|
96333
|
-
i0.ɵɵtext(
|
|
96336
|
+
i0.ɵɵtext(38, " \u2014 High-impact improvements specific to this operational domain");
|
|
96334
96337
|
i0.ɵɵelementEnd()();
|
|
96335
|
-
i0.ɵɵelementStart(
|
|
96338
|
+
i0.ɵɵelementStart(39, "li", 15);
|
|
96336
96339
|
i0.ɵɵnamespaceSVG();
|
|
96337
|
-
i0.ɵɵelementStart(
|
|
96338
|
-
i0.ɵɵelement(
|
|
96340
|
+
i0.ɵɵelementStart(40, "svg", 16);
|
|
96341
|
+
i0.ɵɵelement(41, "path", 17);
|
|
96339
96342
|
i0.ɵɵelementEnd();
|
|
96340
96343
|
i0.ɵɵnamespaceHTML();
|
|
96341
|
-
i0.ɵɵelementStart(
|
|
96342
|
-
i0.ɵɵtext(
|
|
96344
|
+
i0.ɵɵelementStart(42, "span")(43, "strong", 9);
|
|
96345
|
+
i0.ɵɵtext(44, "Tactical Roadmap");
|
|
96343
96346
|
i0.ɵɵelementEnd();
|
|
96344
|
-
i0.ɵɵtext(
|
|
96347
|
+
i0.ɵɵtext(45, " \u2014 Step-by-step goals, strategies, and recommendations for domain optimization");
|
|
96345
96348
|
i0.ɵɵelementEnd()()()()();
|
|
96346
|
-
i0.ɵɵelementStart(
|
|
96349
|
+
i0.ɵɵelementStart(46, "div", 18);
|
|
96347
96350
|
i0.ɵɵnamespaceSVG();
|
|
96348
|
-
i0.ɵɵelementStart(
|
|
96349
|
-
i0.ɵɵconditionalCreate(
|
|
96351
|
+
i0.ɵɵelementStart(47, "svg", 11);
|
|
96352
|
+
i0.ɵɵconditionalCreate(48, FocusAreaWelcomeBannerComponent_Conditional_48_Template, 1, 0, ":svg:path", 19)(49, FocusAreaWelcomeBannerComponent_Conditional_49_Template, 1, 0, ":svg:path", 20);
|
|
96350
96353
|
i0.ɵɵelementEnd();
|
|
96351
96354
|
i0.ɵɵnamespaceHTML();
|
|
96352
|
-
i0.ɵɵelementStart(
|
|
96353
|
-
i0.ɵɵconditionalCreate(
|
|
96355
|
+
i0.ɵɵelementStart(50, "div", 5)(51, "h3", 21);
|
|
96356
|
+
i0.ɵɵconditionalCreate(52, FocusAreaWelcomeBannerComponent_Conditional_52_Template, 1, 0)(53, FocusAreaWelcomeBannerComponent_Conditional_53_Template, 1, 0);
|
|
96354
96357
|
i0.ɵɵelementEnd();
|
|
96355
|
-
i0.ɵɵelementStart(
|
|
96356
|
-
i0.ɵɵconditionalCreate(
|
|
96358
|
+
i0.ɵɵelementStart(54, "p", 22);
|
|
96359
|
+
i0.ɵɵconditionalCreate(55, FocusAreaWelcomeBannerComponent_Conditional_55_Template, 2, 3)(56, FocusAreaWelcomeBannerComponent_Conditional_56_Template, 1, 0);
|
|
96357
96360
|
i0.ɵɵelementEnd()()()()()()();
|
|
96358
96361
|
} if (rf & 2) {
|
|
96359
96362
|
i0.ɵɵproperty("ngClass", ctx.containerClasses());
|
|
@@ -96367,15 +96370,13 @@ class FocusAreaWelcomeBannerComponent {
|
|
|
96367
96370
|
i0.ɵɵproperty("ngClass", ctx.titleClasses());
|
|
96368
96371
|
i0.ɵɵadvance();
|
|
96369
96372
|
i0.ɵɵconditional(ctx.isOnboarded() ? 7 : 8);
|
|
96370
|
-
i0.ɵɵadvance(
|
|
96373
|
+
i0.ɵɵadvance(3);
|
|
96371
96374
|
i0.ɵɵproperty("ngClass", ctx.textClasses());
|
|
96372
96375
|
i0.ɵɵadvance();
|
|
96373
|
-
i0.ɵɵtextInterpolate2(" ", ctx.focusAreaDisplayName(), " Analysis provides a deep dive into this specific operational domain. By analyzing your approach, tools, and performance in ", i0.ɵɵpipeBind1(
|
|
96376
|
+
i0.ɵɵtextInterpolate2(" ", ctx.focusAreaDisplayName(), " Analysis provides a deep dive into this specific operational domain. By analyzing your approach, tools, and performance in ", i0.ɵɵpipeBind1(12, 22, ctx.focusAreaDisplayName()), ", Symphiq identifies tactical opportunities and creates an actionable roadmap for improvement. ");
|
|
96374
96377
|
i0.ɵɵadvance(2);
|
|
96375
96378
|
i0.ɵɵproperty("ngClass", ctx.textClasses());
|
|
96376
|
-
i0.ɵɵadvance(
|
|
96377
|
-
i0.ɵɵproperty("viewMode", ctx.viewMode())("focusAreaDetails", ctx.focusAreaDetails())("currentFocusAreaDomain", ctx.focusAreaDomain());
|
|
96378
|
-
i0.ɵɵadvance();
|
|
96379
|
+
i0.ɵɵadvance(4);
|
|
96379
96380
|
i0.ɵɵproperty("ngClass", ctx.highlightBoxClasses());
|
|
96380
96381
|
i0.ɵɵadvance();
|
|
96381
96382
|
i0.ɵɵproperty("ngClass", ctx.highlightIconClasses());
|
|
@@ -96384,29 +96385,29 @@ class FocusAreaWelcomeBannerComponent {
|
|
|
96384
96385
|
i0.ɵɵadvance(2);
|
|
96385
96386
|
i0.ɵɵproperty("ngClass", ctx.highlightListClasses());
|
|
96386
96387
|
i0.ɵɵadvance(7);
|
|
96387
|
-
i0.ɵɵtextInterpolate1(" \u2014 Current maturity and performance assessment for ", i0.ɵɵpipeBind1(
|
|
96388
|
+
i0.ɵɵtextInterpolate1(" \u2014 Current maturity and performance assessment for ", i0.ɵɵpipeBind1(31, 24, ctx.focusAreaDisplayName()));
|
|
96388
96389
|
i0.ɵɵadvance(16);
|
|
96389
96390
|
i0.ɵɵproperty("ngClass", ctx.nextStepsBoxClasses());
|
|
96390
96391
|
i0.ɵɵadvance();
|
|
96391
96392
|
i0.ɵɵproperty("ngClass", ctx.nextStepsIconClasses());
|
|
96392
96393
|
i0.ɵɵadvance();
|
|
96393
|
-
i0.ɵɵconditional(ctx.isOnboarded() ?
|
|
96394
|
+
i0.ɵɵconditional(ctx.isOnboarded() ? 48 : 49);
|
|
96394
96395
|
i0.ɵɵadvance(3);
|
|
96395
96396
|
i0.ɵɵproperty("ngClass", ctx.nextStepsTitleClasses());
|
|
96396
96397
|
i0.ɵɵadvance();
|
|
96397
|
-
i0.ɵɵconditional(ctx.isOnboarded() ?
|
|
96398
|
+
i0.ɵɵconditional(ctx.isOnboarded() ? 52 : 53);
|
|
96398
96399
|
i0.ɵɵadvance(2);
|
|
96399
96400
|
i0.ɵɵproperty("ngClass", ctx.nextStepsTextClasses());
|
|
96400
96401
|
i0.ɵɵadvance();
|
|
96401
|
-
i0.ɵɵconditional(ctx.isOnboarded() ?
|
|
96402
|
-
} }, dependencies: [CommonModule, i1$1.NgClass,
|
|
96402
|
+
i0.ɵɵconditional(ctx.isOnboarded() ? 55 : 56);
|
|
96403
|
+
} }, dependencies: [CommonModule, i1$1.NgClass, SymphiqIconComponent, i1$1.LowerCasePipe], encapsulation: 2, changeDetection: 0 }); }
|
|
96403
96404
|
}
|
|
96404
96405
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FocusAreaWelcomeBannerComponent, [{
|
|
96405
96406
|
type: Component,
|
|
96406
96407
|
args: [{
|
|
96407
96408
|
selector: 'symphiq-focus-area-welcome-banner',
|
|
96408
96409
|
standalone: true,
|
|
96409
|
-
imports: [CommonModule,
|
|
96410
|
+
imports: [CommonModule, SymphiqIconComponent],
|
|
96410
96411
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
96411
96412
|
template: `
|
|
96412
96413
|
<div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
|
|
@@ -96425,27 +96426,14 @@ class FocusAreaWelcomeBannerComponent {
|
|
|
96425
96426
|
}
|
|
96426
96427
|
</h2>
|
|
96427
96428
|
|
|
96428
|
-
<!-- Description
|
|
96429
|
-
<div class="
|
|
96430
|
-
|
|
96431
|
-
|
|
96432
|
-
|
|
96433
|
-
|
|
96434
|
-
|
|
96435
|
-
|
|
96436
|
-
<strong class="font-semibold">Why this matters:</strong> Rather than generic best practices, this analysis delivers domain-specific insights tailored to your current capabilities, resources, and market position—ensuring recommendations are both impactful and achievable.
|
|
96437
|
-
</p>
|
|
96438
|
-
</div>
|
|
96439
|
-
|
|
96440
|
-
<!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
|
|
96441
|
-
<div class="lg:col-span-1">
|
|
96442
|
-
<symphiq-confidence-level-card
|
|
96443
|
-
[viewMode]="viewMode()"
|
|
96444
|
-
currentStepId="focus-area-analysis"
|
|
96445
|
-
[focusAreaDetails]="focusAreaDetails()"
|
|
96446
|
-
[currentFocusAreaDomain]="focusAreaDomain()"
|
|
96447
|
-
/>
|
|
96448
|
-
</div>
|
|
96429
|
+
<!-- Description -->
|
|
96430
|
+
<div class="space-y-3 mb-6">
|
|
96431
|
+
<p [ngClass]="textClasses()" class="text-base leading-relaxed">
|
|
96432
|
+
{{ focusAreaDisplayName() }} Analysis provides a deep dive into this specific operational domain. By analyzing your approach, tools, and performance in {{ focusAreaDisplayName() | lowercase }}, Symphiq identifies tactical opportunities and creates an actionable roadmap for improvement.
|
|
96433
|
+
</p>
|
|
96434
|
+
<p [ngClass]="textClasses()" class="text-base leading-relaxed">
|
|
96435
|
+
<strong class="font-semibold">Why this matters:</strong> Rather than generic best practices, this analysis delivers domain-specific insights tailored to your current capabilities, resources, and market position—ensuring recommendations are both impactful and achievable.
|
|
96436
|
+
</p>
|
|
96449
96437
|
</div>
|
|
96450
96438
|
|
|
96451
96439
|
<div [ngClass]="highlightBoxClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
|
|
@@ -96510,8 +96498,8 @@ class FocusAreaWelcomeBannerComponent {
|
|
|
96510
96498
|
</div>
|
|
96511
96499
|
`
|
|
96512
96500
|
}]
|
|
96513
|
-
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], focusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDomain", required: false }] }], focusAreaName: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }]
|
|
96514
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaWelcomeBannerComponent, { className: "FocusAreaWelcomeBannerComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/focus-area-welcome-banner.component.ts", lineNumber:
|
|
96501
|
+
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], focusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDomain", required: false }] }], focusAreaName: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaName", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
|
|
96502
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaWelcomeBannerComponent, { className: "FocusAreaWelcomeBannerComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/focus-area-welcome-banner.component.ts", lineNumber: 100 }); })();
|
|
96515
96503
|
|
|
96516
96504
|
const _c0$5 = ["funnelModalComponent"];
|
|
96517
96505
|
const _forTrack0$5 = ($index, $item) => $item.id;
|
|
@@ -96542,7 +96530,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Templat
|
|
|
96542
96530
|
} if (rf & 2) {
|
|
96543
96531
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
96544
96532
|
i0.ɵɵadvance();
|
|
96545
|
-
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("focusAreaDomain", ctx_r1.focusAreaDomain())("focusAreaName", ctx_r1.focusAreaName())
|
|
96533
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("focusAreaDomain", ctx_r1.focusAreaDomain())("focusAreaName", ctx_r1.focusAreaName());
|
|
96546
96534
|
i0.ɵɵadvance();
|
|
96547
96535
|
i0.ɵɵconditional(ctx_r1.isLoading() ? 2 : -1);
|
|
96548
96536
|
} }
|
|
@@ -97227,7 +97215,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
97227
97215
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
|
|
97228
97216
|
} }, hostBindings: function SymphiqProfileAnalysisFocusAreaDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
97229
97217
|
i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisFocusAreaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
|
|
97230
|
-
} }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"] }, outputs: { nextStepClick: "nextStepClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 26, vars: 40, consts: [["funnelModalComponent", ""], [1, "min-h-screen", "relative", 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, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [1, "mb-12"], [3, "viewMode", "focusAreaDomain", "focusAreaName"
|
|
97218
|
+
} }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"] }, outputs: { nextStepClick: "nextStepClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 26, vars: 40, consts: [["funnelModalComponent", ""], [1, "min-h-screen", "relative", 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, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [1, "mb-12"], [3, "viewMode", "focusAreaDomain", "focusAreaName"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Focus Area Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "focusAreaExecutiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
97231
97219
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
97232
97220
|
i0.ɵɵelementStart(0, "div", 1);
|
|
97233
97221
|
i0.ɵɵelement(1, "div", 2);
|
|
@@ -97238,7 +97226,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
97238
97226
|
i0.ɵɵlistener("searchClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template_symphiq_dashboard_header_searchClick_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openSearch()); })("viewModeClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template_symphiq_dashboard_header_viewModeClick_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openViewModeSwitcher()); });
|
|
97239
97227
|
i0.ɵɵelementEnd();
|
|
97240
97228
|
i0.ɵɵelementStart(6, "main", 6);
|
|
97241
|
-
i0.ɵɵconditionalCreate(7, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Template, 3,
|
|
97229
|
+
i0.ɵɵconditionalCreate(7, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Template, 3, 4);
|
|
97242
97230
|
i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Template, 2, 2);
|
|
97243
97231
|
i0.ɵɵconditionalCreate(9, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_9_Template, 3, 3);
|
|
97244
97232
|
i0.ɵɵelementEnd();
|
|
@@ -97418,7 +97406,6 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
97418
97406
|
[viewMode]="viewMode()"
|
|
97419
97407
|
[focusAreaDomain]="focusAreaDomain()"
|
|
97420
97408
|
[focusAreaName]="focusAreaName()"
|
|
97421
|
-
[focusAreaDetails]="focusAreaDetails()"
|
|
97422
97409
|
/>
|
|
97423
97410
|
</div>
|
|
97424
97411
|
|
|
@@ -97712,7 +97699,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
97712
97699
|
type: HostListener,
|
|
97713
97700
|
args: ['window:scroll', ['$event']]
|
|
97714
97701
|
}] }); })();
|
|
97715
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber:
|
|
97702
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 468 }); })();
|
|
97716
97703
|
|
|
97717
97704
|
const _forTrack0$4 = ($index, $item) => $item.id;
|
|
97718
97705
|
function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {
|