@eric-emg/symphiq-components 1.3.75 → 1.3.77
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.
|
@@ -313,13 +313,6 @@ class ModalService {
|
|
|
313
313
|
depthFromPrevState++;
|
|
314
314
|
walkState = walkState.previousState ?? undefined;
|
|
315
315
|
}
|
|
316
|
-
console.log('[ModalService] openRecommendationMetricsListModal:', {
|
|
317
|
-
previousStateExists: !!previousState,
|
|
318
|
-
previousStateType: previousState?.type,
|
|
319
|
-
depthFromPrevState,
|
|
320
|
-
navigationStackLength: navigationStack.length,
|
|
321
|
-
openedFromMainBody
|
|
322
|
-
});
|
|
323
316
|
this.modalState.next({
|
|
324
317
|
type: 'metrics-list',
|
|
325
318
|
data: {
|
|
@@ -456,9 +449,10 @@ class ModalService {
|
|
|
456
449
|
const data = { goal, viewMode };
|
|
457
450
|
this.modalState.next({ type: 'goal-objectives', data, charts: [], previousState: null });
|
|
458
451
|
}
|
|
459
|
-
openSourceGoalDetailModal(goal, viewMode, sourceAnalysisType, previousState) {
|
|
460
|
-
const data = { goal, viewMode, sourceAnalysisType };
|
|
452
|
+
openSourceGoalDetailModal(goal, viewMode, sourceAnalysisType, previousState, sourceTypeTitle) {
|
|
453
|
+
const data = { goal, viewMode, sourceAnalysisType, sourceTypeTitle };
|
|
461
454
|
const navigationStack = previousState ? [...(previousState.navigationStack || []), previousState] : [];
|
|
455
|
+
console.log('[ModalService] openSourceGoalDetailModal - previousState:', previousState?.type, 'navigationStack:', navigationStack.length, 'items', navigationStack.map(s => s.type));
|
|
462
456
|
this.modalState.next({ type: 'goal-detail', data, charts: [], previousState, navigationStack });
|
|
463
457
|
}
|
|
464
458
|
navigateToGoalDetail(goal, viewMode) {
|
|
@@ -501,10 +495,12 @@ class ModalService {
|
|
|
501
495
|
navigateToGoalObjectives(goal, viewMode) {
|
|
502
496
|
const currentState = this.modalState.value;
|
|
503
497
|
let sourceAnalysisType;
|
|
498
|
+
let sourceTypeTitle;
|
|
504
499
|
if (currentState.data && 'sourceAnalysisType' in currentState.data) {
|
|
505
500
|
sourceAnalysisType = currentState.data.sourceAnalysisType;
|
|
501
|
+
sourceTypeTitle = currentState.data.sourceTypeTitle;
|
|
506
502
|
}
|
|
507
|
-
const data = { goal, viewMode, sourceAnalysisType };
|
|
503
|
+
const data = { goal, viewMode, sourceAnalysisType, sourceTypeTitle };
|
|
508
504
|
const currentStack = currentState.navigationStack || [];
|
|
509
505
|
let newStack = currentStack;
|
|
510
506
|
if ((currentState.type === 'goal-detail' || currentState.type === 'goal-objectives' || currentState.type === 'objective-strategies' || currentState.type === 'strategy-recommendations') && currentState.data) {
|
|
@@ -1034,11 +1030,12 @@ class ModalService {
|
|
|
1034
1030
|
navigationStack: newStack
|
|
1035
1031
|
});
|
|
1036
1032
|
}
|
|
1037
|
-
openUnifiedGoalModal(goal, allMetrics, allCharts, loadedSourceAnalysisIds, viewMode, loadingSourceAnalysisId, previousState) {
|
|
1033
|
+
openUnifiedGoalModal(goal, allMetrics, allCharts, loadedSourceAnalysisIds, viewMode, loadingSourceAnalysisId, previousState, allInsights) {
|
|
1038
1034
|
const data = {
|
|
1039
1035
|
goal,
|
|
1040
1036
|
allMetrics,
|
|
1041
1037
|
allCharts,
|
|
1038
|
+
allInsights,
|
|
1042
1039
|
loadedSourceAnalysisIds,
|
|
1043
1040
|
loadingSourceAnalysisId,
|
|
1044
1041
|
viewMode
|
|
@@ -30346,6 +30343,363 @@ class GoalDetailModalContentComponent {
|
|
|
30346
30343
|
}], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allBusinessInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allBusinessInsights", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], showObjectives: [{ type: i0.Output, args: ["showObjectives"] }] }); })();
|
|
30347
30344
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalDetailModalContentComponent, { className: "GoalDetailModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/goal-detail-modal-content.component.ts", lineNumber: 65 }); })();
|
|
30348
30345
|
|
|
30346
|
+
const _forTrack0$_ = ($index, $item) => $item.id || $index;
|
|
30347
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
30348
|
+
i0.ɵɵelementStart(0, "p", 9);
|
|
30349
|
+
i0.ɵɵtext(1);
|
|
30350
|
+
i0.ɵɵelementEnd();
|
|
30351
|
+
} if (rf & 2) {
|
|
30352
|
+
const objective_r1 = i0.ɵɵnextContext().$implicit;
|
|
30353
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
30354
|
+
i0.ɵɵproperty("ngClass", ctx_r1.descriptionClasses());
|
|
30355
|
+
i0.ɵɵadvance();
|
|
30356
|
+
i0.ɵɵtextInterpolate(objective_r1.description);
|
|
30357
|
+
} }
|
|
30358
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
30359
|
+
i0.ɵɵelementStart(0, "div", 10)(1, "div", 13);
|
|
30360
|
+
i0.ɵɵnamespaceSVG();
|
|
30361
|
+
i0.ɵɵelementStart(2, "svg", 14);
|
|
30362
|
+
i0.ɵɵelement(3, "path", 15);
|
|
30363
|
+
i0.ɵɵelementEnd();
|
|
30364
|
+
i0.ɵɵnamespaceHTML();
|
|
30365
|
+
i0.ɵɵelementStart(4, "div", 16)(5, "p", 17);
|
|
30366
|
+
i0.ɵɵtext(6, "Measurable Target");
|
|
30367
|
+
i0.ɵɵelementEnd();
|
|
30368
|
+
i0.ɵɵelementStart(7, "p", 18);
|
|
30369
|
+
i0.ɵɵtext(8);
|
|
30370
|
+
i0.ɵɵelementEnd()()()();
|
|
30371
|
+
} if (rf & 2) {
|
|
30372
|
+
const objective_r1 = i0.ɵɵnextContext().$implicit;
|
|
30373
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
30374
|
+
i0.ɵɵproperty("ngClass", ctx_r1.targetSectionClasses());
|
|
30375
|
+
i0.ɵɵadvance(2);
|
|
30376
|
+
i0.ɵɵproperty("ngClass", ctx_r1.targetIconClasses());
|
|
30377
|
+
i0.ɵɵadvance(3);
|
|
30378
|
+
i0.ɵɵproperty("ngClass", ctx_r1.targetLabelClasses());
|
|
30379
|
+
i0.ɵɵadvance(2);
|
|
30380
|
+
i0.ɵɵproperty("ngClass", ctx_r1.targetValueClasses());
|
|
30381
|
+
i0.ɵɵadvance();
|
|
30382
|
+
i0.ɵɵtextInterpolate(objective_r1.measurableTarget);
|
|
30383
|
+
} }
|
|
30384
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
30385
|
+
i0.ɵɵelementStart(0, "div", 19)(1, "p", 17);
|
|
30386
|
+
i0.ɵɵtext(2, "Current State");
|
|
30387
|
+
i0.ɵɵelementEnd();
|
|
30388
|
+
i0.ɵɵelementStart(3, "p", 20);
|
|
30389
|
+
i0.ɵɵtext(4);
|
|
30390
|
+
i0.ɵɵelementEnd()();
|
|
30391
|
+
} if (rf & 2) {
|
|
30392
|
+
const objective_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
30393
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
30394
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateSectionClasses());
|
|
30395
|
+
i0.ɵɵadvance();
|
|
30396
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateLabelClasses());
|
|
30397
|
+
i0.ɵɵadvance(2);
|
|
30398
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateValueClasses());
|
|
30399
|
+
i0.ɵɵadvance();
|
|
30400
|
+
i0.ɵɵtextInterpolate(objective_r1.currentState);
|
|
30401
|
+
} }
|
|
30402
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
30403
|
+
i0.ɵɵelementStart(0, "div", 19)(1, "p", 17);
|
|
30404
|
+
i0.ɵɵtext(2, "Desired State");
|
|
30405
|
+
i0.ɵɵelementEnd();
|
|
30406
|
+
i0.ɵɵelementStart(3, "p", 18);
|
|
30407
|
+
i0.ɵɵtext(4);
|
|
30408
|
+
i0.ɵɵelementEnd()();
|
|
30409
|
+
} if (rf & 2) {
|
|
30410
|
+
const objective_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
30411
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
30412
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateSectionClasses());
|
|
30413
|
+
i0.ɵɵadvance();
|
|
30414
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateLabelClasses());
|
|
30415
|
+
i0.ɵɵadvance(2);
|
|
30416
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateValueClasses());
|
|
30417
|
+
i0.ɵɵadvance();
|
|
30418
|
+
i0.ɵɵtextInterpolate(objective_r1.desiredState);
|
|
30419
|
+
} }
|
|
30420
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
30421
|
+
i0.ɵɵelementStart(0, "div", 11);
|
|
30422
|
+
i0.ɵɵconditionalCreate(1, GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_1_Template, 5, 4, "div", 19);
|
|
30423
|
+
i0.ɵɵconditionalCreate(2, GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_2_Template, 5, 4, "div", 19);
|
|
30424
|
+
i0.ɵɵelementEnd();
|
|
30425
|
+
} if (rf & 2) {
|
|
30426
|
+
const objective_r1 = i0.ɵɵnextContext().$implicit;
|
|
30427
|
+
i0.ɵɵadvance();
|
|
30428
|
+
i0.ɵɵconditional(objective_r1.currentState ? 1 : -1);
|
|
30429
|
+
i0.ɵɵadvance();
|
|
30430
|
+
i0.ɵɵconditional(objective_r1.desiredState ? 2 : -1);
|
|
30431
|
+
} }
|
|
30432
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
30433
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
30434
|
+
i0.ɵɵelementStart(0, "button", 21);
|
|
30435
|
+
i0.ɵɵlistener("click", function GoalObjectivesModalContentComponent_For_2_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const objective_r1 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openStrategiesModal(objective_r1)); });
|
|
30436
|
+
i0.ɵɵelementStart(1, "div", 22)(2, "div", 23)(3, "div", 24);
|
|
30437
|
+
i0.ɵɵnamespaceSVG();
|
|
30438
|
+
i0.ɵɵelementStart(4, "svg", 25);
|
|
30439
|
+
i0.ɵɵelement(5, "path", 26);
|
|
30440
|
+
i0.ɵɵelementEnd()();
|
|
30441
|
+
i0.ɵɵnamespaceHTML();
|
|
30442
|
+
i0.ɵɵelementStart(6, "div", 27)(7, "div", 18);
|
|
30443
|
+
i0.ɵɵtext(8, "Show Strategies");
|
|
30444
|
+
i0.ɵɵelementEnd();
|
|
30445
|
+
i0.ɵɵelementStart(9, "div", 28);
|
|
30446
|
+
i0.ɵɵtext(10, "View objective strategies");
|
|
30447
|
+
i0.ɵɵelementEnd()()();
|
|
30448
|
+
i0.ɵɵnamespaceSVG();
|
|
30449
|
+
i0.ɵɵelementStart(11, "svg", 29);
|
|
30450
|
+
i0.ɵɵelement(12, "path", 30);
|
|
30451
|
+
i0.ɵɵelementEnd()()();
|
|
30452
|
+
} if (rf & 2) {
|
|
30453
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
30454
|
+
i0.ɵɵproperty("ngClass", ctx_r1.showStrategiesButtonClasses());
|
|
30455
|
+
i0.ɵɵadvance(3);
|
|
30456
|
+
i0.ɵɵproperty("ngClass", ctx_r1.strategiesIconBgClasses());
|
|
30457
|
+
i0.ɵɵadvance();
|
|
30458
|
+
i0.ɵɵproperty("ngClass", ctx_r1.strategiesIconClasses());
|
|
30459
|
+
i0.ɵɵadvance(3);
|
|
30460
|
+
i0.ɵɵproperty("ngClass", ctx_r1.strategiesLabelClasses());
|
|
30461
|
+
i0.ɵɵadvance(2);
|
|
30462
|
+
i0.ɵɵproperty("ngClass", ctx_r1.strategiesSubLabelClasses());
|
|
30463
|
+
i0.ɵɵadvance(2);
|
|
30464
|
+
i0.ɵɵproperty("ngClass", ctx_r1.strategiesChevronClasses());
|
|
30465
|
+
} }
|
|
30466
|
+
function GoalObjectivesModalContentComponent_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
30467
|
+
i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
|
|
30468
|
+
i0.ɵɵnamespaceSVG();
|
|
30469
|
+
i0.ɵɵelementStart(3, "svg", 4);
|
|
30470
|
+
i0.ɵɵelement(4, "path", 5);
|
|
30471
|
+
i0.ɵɵelementEnd()();
|
|
30472
|
+
i0.ɵɵnamespaceHTML();
|
|
30473
|
+
i0.ɵɵelementStart(5, "div", 6)(6, "div", 7);
|
|
30474
|
+
i0.ɵɵtext(7, " Objective ");
|
|
30475
|
+
i0.ɵɵelementEnd();
|
|
30476
|
+
i0.ɵɵelementStart(8, "h5", 8);
|
|
30477
|
+
i0.ɵɵtext(9);
|
|
30478
|
+
i0.ɵɵelementEnd();
|
|
30479
|
+
i0.ɵɵconditionalCreate(10, GoalObjectivesModalContentComponent_For_2_Conditional_10_Template, 2, 2, "p", 9);
|
|
30480
|
+
i0.ɵɵconditionalCreate(11, GoalObjectivesModalContentComponent_For_2_Conditional_11_Template, 9, 5, "div", 10);
|
|
30481
|
+
i0.ɵɵconditionalCreate(12, GoalObjectivesModalContentComponent_For_2_Conditional_12_Template, 3, 2, "div", 11);
|
|
30482
|
+
i0.ɵɵconditionalCreate(13, GoalObjectivesModalContentComponent_For_2_Conditional_13_Template, 13, 6, "button", 12);
|
|
30483
|
+
i0.ɵɵelementEnd()()();
|
|
30484
|
+
} if (rf & 2) {
|
|
30485
|
+
const objective_r1 = ctx.$implicit;
|
|
30486
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
30487
|
+
i0.ɵɵproperty("ngClass", ctx_r1.cardClasses());
|
|
30488
|
+
i0.ɵɵadvance(2);
|
|
30489
|
+
i0.ɵɵproperty("ngClass", ctx_r1.iconContainerClasses());
|
|
30490
|
+
i0.ɵɵadvance(4);
|
|
30491
|
+
i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
|
|
30492
|
+
i0.ɵɵadvance(2);
|
|
30493
|
+
i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
|
|
30494
|
+
i0.ɵɵadvance();
|
|
30495
|
+
i0.ɵɵtextInterpolate(objective_r1.title);
|
|
30496
|
+
i0.ɵɵadvance();
|
|
30497
|
+
i0.ɵɵconditional(objective_r1.description ? 10 : -1);
|
|
30498
|
+
i0.ɵɵadvance();
|
|
30499
|
+
i0.ɵɵconditional(objective_r1.measurableTarget ? 11 : -1);
|
|
30500
|
+
i0.ɵɵadvance();
|
|
30501
|
+
i0.ɵɵconditional(objective_r1.currentState || objective_r1.desiredState ? 12 : -1);
|
|
30502
|
+
i0.ɵɵadvance();
|
|
30503
|
+
i0.ɵɵconditional(objective_r1.strategies && objective_r1.strategies.length > 0 ? 13 : -1);
|
|
30504
|
+
} }
|
|
30505
|
+
class GoalObjectivesModalContentComponent {
|
|
30506
|
+
constructor() {
|
|
30507
|
+
this.objectives = input.required(...(ngDevMode ? [{ debugName: "objectives" }] : []));
|
|
30508
|
+
this.goalTitle = input.required(...(ngDevMode ? [{ debugName: "goalTitle" }] : []));
|
|
30509
|
+
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
30510
|
+
this.modalService = inject(ModalService);
|
|
30511
|
+
this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
|
|
30512
|
+
this.cardClasses = computed(() => {
|
|
30513
|
+
const base = 'transition-all duration-200';
|
|
30514
|
+
if (this.isDark()) {
|
|
30515
|
+
return `${base} bg-slate-900/30 border border-slate-700/30 hover:border-blue-500/20`;
|
|
30516
|
+
}
|
|
30517
|
+
return `${base} bg-slate-50/50 border border-slate-200/50 hover:border-blue-500/20`;
|
|
30518
|
+
}, ...(ngDevMode ? [{ debugName: "cardClasses" }] : []));
|
|
30519
|
+
this.iconContainerClasses = computed(() => {
|
|
30520
|
+
if (this.isDark()) {
|
|
30521
|
+
return 'flex-shrink-0 w-8 h-8 rounded-md bg-green-500/20 flex items-center justify-center text-green-400';
|
|
30522
|
+
}
|
|
30523
|
+
return 'flex-shrink-0 w-8 h-8 rounded-md bg-green-50 flex items-center justify-center text-green-600';
|
|
30524
|
+
}, ...(ngDevMode ? [{ debugName: "iconContainerClasses" }] : []));
|
|
30525
|
+
this.titleClasses = computed(() => {
|
|
30526
|
+
return this.isDark() ? 'text-slate-100' : 'text-slate-900';
|
|
30527
|
+
}, ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
|
|
30528
|
+
this.descriptionClasses = computed(() => {
|
|
30529
|
+
return this.isDark() ? 'text-slate-300' : 'text-slate-600';
|
|
30530
|
+
}, ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : []));
|
|
30531
|
+
this.targetSectionClasses = computed(() => {
|
|
30532
|
+
if (this.isDark()) {
|
|
30533
|
+
return 'bg-blue-500/10 border border-blue-500/20';
|
|
30534
|
+
}
|
|
30535
|
+
return 'bg-blue-50 border border-blue-200';
|
|
30536
|
+
}, ...(ngDevMode ? [{ debugName: "targetSectionClasses" }] : []));
|
|
30537
|
+
this.targetIconClasses = computed(() => {
|
|
30538
|
+
return this.isDark() ? 'text-blue-400' : 'text-blue-600';
|
|
30539
|
+
}, ...(ngDevMode ? [{ debugName: "targetIconClasses" }] : []));
|
|
30540
|
+
this.targetLabelClasses = computed(() => {
|
|
30541
|
+
return this.isDark() ? 'text-slate-400' : 'text-slate-500';
|
|
30542
|
+
}, ...(ngDevMode ? [{ debugName: "targetLabelClasses" }] : []));
|
|
30543
|
+
this.targetValueClasses = computed(() => {
|
|
30544
|
+
return this.isDark() ? 'text-slate-100' : 'text-slate-900';
|
|
30545
|
+
}, ...(ngDevMode ? [{ debugName: "targetValueClasses" }] : []));
|
|
30546
|
+
this.stateSectionClasses = computed(() => {
|
|
30547
|
+
if (this.isDark()) {
|
|
30548
|
+
return 'bg-slate-800/50 border border-slate-700/50';
|
|
30549
|
+
}
|
|
30550
|
+
return 'bg-white border border-slate-200';
|
|
30551
|
+
}, ...(ngDevMode ? [{ debugName: "stateSectionClasses" }] : []));
|
|
30552
|
+
this.stateLabelClasses = computed(() => {
|
|
30553
|
+
return this.isDark() ? 'text-slate-400' : 'text-slate-500';
|
|
30554
|
+
}, ...(ngDevMode ? [{ debugName: "stateLabelClasses" }] : []));
|
|
30555
|
+
this.stateValueClasses = computed(() => {
|
|
30556
|
+
return this.isDark() ? 'text-slate-200' : 'text-slate-700';
|
|
30557
|
+
}, ...(ngDevMode ? [{ debugName: "stateValueClasses" }] : []));
|
|
30558
|
+
this.showStrategiesButtonClasses = computed(() => {
|
|
30559
|
+
if (this.isDark()) {
|
|
30560
|
+
return 'bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50';
|
|
30561
|
+
}
|
|
30562
|
+
return 'bg-white border-slate-200 hover:border-blue-500/50 hover:bg-slate-50';
|
|
30563
|
+
}, ...(ngDevMode ? [{ debugName: "showStrategiesButtonClasses" }] : []));
|
|
30564
|
+
this.strategiesIconBgClasses = computed(() => {
|
|
30565
|
+
if (this.isDark()) {
|
|
30566
|
+
return 'bg-blue-900/30';
|
|
30567
|
+
}
|
|
30568
|
+
return 'bg-blue-100';
|
|
30569
|
+
}, ...(ngDevMode ? [{ debugName: "strategiesIconBgClasses" }] : []));
|
|
30570
|
+
this.strategiesIconClasses = computed(() => {
|
|
30571
|
+
if (this.isDark()) {
|
|
30572
|
+
return 'text-blue-400';
|
|
30573
|
+
}
|
|
30574
|
+
return 'text-blue-600';
|
|
30575
|
+
}, ...(ngDevMode ? [{ debugName: "strategiesIconClasses" }] : []));
|
|
30576
|
+
this.strategiesLabelClasses = computed(() => {
|
|
30577
|
+
if (this.isDark()) {
|
|
30578
|
+
return 'text-white';
|
|
30579
|
+
}
|
|
30580
|
+
return 'text-slate-900';
|
|
30581
|
+
}, ...(ngDevMode ? [{ debugName: "strategiesLabelClasses" }] : []));
|
|
30582
|
+
this.strategiesSubLabelClasses = computed(() => {
|
|
30583
|
+
if (this.isDark()) {
|
|
30584
|
+
return 'text-slate-400';
|
|
30585
|
+
}
|
|
30586
|
+
return 'text-slate-600';
|
|
30587
|
+
}, ...(ngDevMode ? [{ debugName: "strategiesSubLabelClasses" }] : []));
|
|
30588
|
+
this.strategiesChevronClasses = computed(() => {
|
|
30589
|
+
if (this.isDark()) {
|
|
30590
|
+
return 'text-slate-500 group-hover:text-blue-400';
|
|
30591
|
+
}
|
|
30592
|
+
return 'text-slate-400 group-hover:text-blue-600';
|
|
30593
|
+
}, ...(ngDevMode ? [{ debugName: "strategiesChevronClasses" }] : []));
|
|
30594
|
+
this.labelClasses = computed(() => {
|
|
30595
|
+
return this.isDark() ? 'text-green-400' : 'text-green-600';
|
|
30596
|
+
}, ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
|
|
30597
|
+
}
|
|
30598
|
+
openStrategiesModal(objective) {
|
|
30599
|
+
this.modalService.navigateToObjectiveStrategies(objective, this.goalTitle(), this.viewMode());
|
|
30600
|
+
}
|
|
30601
|
+
static { this.ɵfac = function GoalObjectivesModalContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoalObjectivesModalContentComponent)(); }; }
|
|
30602
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GoalObjectivesModalContentComponent, selectors: [["symphiq-goal-objectives-modal-content"]], inputs: { objectives: [1, "objectives"], goalTitle: [1, "goalTitle"], viewMode: [1, "viewMode"] }, decls: 3, vars: 0, consts: [[1, "space-y-6"], [1, "rounded-lg", "p-5", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-start", "gap-3"], [3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"], [1, "flex-1", "min-w-0"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "font-semibold", "text-base", "mb-2", 3, "ngClass"], [1, "text-sm", "mb-3", 3, "ngClass"], [1, "p-3", "rounded-lg", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-3", "mb-3"], [1, "w-full", "px-5", "py-4", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.01]", "active:scale-[0.99]", "cursor-pointer", "group", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1"], [1, "text-xs", "font-medium", "mb-1", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "p-3", "rounded-lg", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "w-full", "px-5", "py-4", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.01]", "active:scale-[0.99]", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "w-10", "h-10", "rounded-lg", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "text-left"], [1, "text-xs", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transition-transform", "group-hover:translate-x-1", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"]], template: function GoalObjectivesModalContentComponent_Template(rf, ctx) { if (rf & 1) {
|
|
30603
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
30604
|
+
i0.ɵɵrepeaterCreate(1, GoalObjectivesModalContentComponent_For_2_Template, 14, 9, "div", 1, _forTrack0$_);
|
|
30605
|
+
i0.ɵɵelementEnd();
|
|
30606
|
+
} if (rf & 2) {
|
|
30607
|
+
i0.ɵɵadvance();
|
|
30608
|
+
i0.ɵɵrepeater(ctx.objectives());
|
|
30609
|
+
} }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
|
|
30610
|
+
}
|
|
30611
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoalObjectivesModalContentComponent, [{
|
|
30612
|
+
type: Component,
|
|
30613
|
+
args: [{
|
|
30614
|
+
selector: 'symphiq-goal-objectives-modal-content',
|
|
30615
|
+
standalone: true,
|
|
30616
|
+
imports: [CommonModule],
|
|
30617
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
30618
|
+
template: `
|
|
30619
|
+
<div class="space-y-6">
|
|
30620
|
+
@for (objective of objectives(); track objective.id || $index) {
|
|
30621
|
+
<div [ngClass]="cardClasses()" class="rounded-lg p-5 transition-all duration-200">
|
|
30622
|
+
<div class="flex items-start gap-3">
|
|
30623
|
+
<div [ngClass]="iconContainerClasses()">
|
|
30624
|
+
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
30625
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"/>
|
|
30626
|
+
</svg>
|
|
30627
|
+
</div>
|
|
30628
|
+
|
|
30629
|
+
<div class="flex-1 min-w-0">
|
|
30630
|
+
<div [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
|
|
30631
|
+
Objective
|
|
30632
|
+
</div>
|
|
30633
|
+
<h5 [ngClass]="titleClasses()" class="font-semibold text-base mb-2">{{ objective.title }}</h5>
|
|
30634
|
+
|
|
30635
|
+
@if (objective.description) {
|
|
30636
|
+
<p [ngClass]="descriptionClasses()" class="text-sm mb-3">{{ objective.description }}</p>
|
|
30637
|
+
}
|
|
30638
|
+
|
|
30639
|
+
@if (objective.measurableTarget) {
|
|
30640
|
+
<div [ngClass]="targetSectionClasses()" class="p-3 rounded-lg mb-3">
|
|
30641
|
+
<div class="flex items-start gap-2">
|
|
30642
|
+
<svg class="w-4 h-4 flex-shrink-0 mt-0.5" [ngClass]="targetIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
30643
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
|
|
30644
|
+
</svg>
|
|
30645
|
+
<div class="flex-1">
|
|
30646
|
+
<p [ngClass]="targetLabelClasses()" class="text-xs font-medium mb-1">Measurable Target</p>
|
|
30647
|
+
<p [ngClass]="targetValueClasses()" class="text-sm font-semibold">{{ objective.measurableTarget }}</p>
|
|
30648
|
+
</div>
|
|
30649
|
+
</div>
|
|
30650
|
+
</div>
|
|
30651
|
+
}
|
|
30652
|
+
|
|
30653
|
+
@if (objective.currentState || objective.desiredState) {
|
|
30654
|
+
<div class="grid grid-cols-2 gap-3 mb-3">
|
|
30655
|
+
@if (objective.currentState) {
|
|
30656
|
+
<div [ngClass]="stateSectionClasses()" class="p-3 rounded-lg">
|
|
30657
|
+
<p [ngClass]="stateLabelClasses()" class="text-xs font-medium mb-1">Current State</p>
|
|
30658
|
+
<p [ngClass]="stateValueClasses()" class="text-sm">{{ objective.currentState }}</p>
|
|
30659
|
+
</div>
|
|
30660
|
+
}
|
|
30661
|
+
@if (objective.desiredState) {
|
|
30662
|
+
<div [ngClass]="stateSectionClasses()" class="p-3 rounded-lg">
|
|
30663
|
+
<p [ngClass]="stateLabelClasses()" class="text-xs font-medium mb-1">Desired State</p>
|
|
30664
|
+
<p [ngClass]="stateValueClasses()" class="text-sm font-semibold">{{ objective.desiredState }}</p>
|
|
30665
|
+
</div>
|
|
30666
|
+
}
|
|
30667
|
+
</div>
|
|
30668
|
+
}
|
|
30669
|
+
|
|
30670
|
+
@if (objective.strategies && objective.strategies.length > 0) {
|
|
30671
|
+
<button
|
|
30672
|
+
(click)="openStrategiesModal(objective)"
|
|
30673
|
+
[ngClass]="showStrategiesButtonClasses()"
|
|
30674
|
+
class="w-full px-5 py-4 rounded-lg border-2 transition-all duration-200 hover:scale-[1.01] active:scale-[0.99] cursor-pointer group">
|
|
30675
|
+
<div class="flex items-center justify-between">
|
|
30676
|
+
<div class="flex items-center gap-3">
|
|
30677
|
+
<div [ngClass]="strategiesIconBgClasses()" class="w-10 h-10 rounded-lg flex items-center justify-center">
|
|
30678
|
+
<svg class="w-5 h-5" [ngClass]="strategiesIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
30679
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
|
|
30680
|
+
</svg>
|
|
30681
|
+
</div>
|
|
30682
|
+
<div class="text-left">
|
|
30683
|
+
<div [ngClass]="strategiesLabelClasses()" class="text-sm font-semibold">Show Strategies</div>
|
|
30684
|
+
<div [ngClass]="strategiesSubLabelClasses()" class="text-xs">View objective strategies</div>
|
|
30685
|
+
</div>
|
|
30686
|
+
</div>
|
|
30687
|
+
<svg [ngClass]="strategiesChevronClasses()" class="w-5 h-5 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
30688
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
30689
|
+
</svg>
|
|
30690
|
+
</div>
|
|
30691
|
+
</button>
|
|
30692
|
+
}
|
|
30693
|
+
</div>
|
|
30694
|
+
</div>
|
|
30695
|
+
</div>
|
|
30696
|
+
}
|
|
30697
|
+
</div>
|
|
30698
|
+
`
|
|
30699
|
+
}]
|
|
30700
|
+
}], null, { objectives: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectives", required: true }] }], goalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "goalTitle", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
|
|
30701
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalObjectivesModalContentComponent, { className: "GoalObjectivesModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/goal-objectives-modal-content.component.ts", lineNumber: 94 }); })();
|
|
30702
|
+
|
|
30349
30703
|
function TopPrioritiesListModalContentComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
30350
30704
|
i0.ɵɵelementStart(0, "span");
|
|
30351
30705
|
i0.ɵɵtext(1);
|
|
@@ -30810,7 +31164,7 @@ const _c0$1a = a0 => ({ name: "check-badge", source: a0 });
|
|
|
30810
31164
|
const _c1$F = a0 => ({ name: "check-circle", source: a0 });
|
|
30811
31165
|
const _c2$q = a0 => ({ name: "chevron-right", source: a0 });
|
|
30812
31166
|
const _c3$j = a0 => ({ name: "chart-bar", source: a0 });
|
|
30813
|
-
const _forTrack0$
|
|
31167
|
+
const _forTrack0$Z = ($index, $item) => $item.capability;
|
|
30814
31168
|
function FocusAreaStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
30815
31169
|
i0.ɵɵelementStart(0, "div", 1);
|
|
30816
31170
|
i0.ɵɵelement(1, "symphiq-icon", 3);
|
|
@@ -30925,7 +31279,7 @@ function FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Templat
|
|
|
30925
31279
|
} }
|
|
30926
31280
|
function FocusAreaStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
30927
31281
|
i0.ɵɵelementStart(0, "div", 2);
|
|
30928
|
-
i0.ɵɵrepeaterCreate(1, FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Template, 16, 18, "button", 6, _forTrack0$
|
|
31282
|
+
i0.ɵɵrepeaterCreate(1, FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Template, 16, 18, "button", 6, _forTrack0$Z);
|
|
30929
31283
|
i0.ɵɵelementEnd();
|
|
30930
31284
|
} if (rf & 2) {
|
|
30931
31285
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -31132,7 +31486,7 @@ class FocusAreaStrengthsListModalContentComponent {
|
|
|
31132
31486
|
const _c0$19 = a0 => ({ name: "exclamation-triangle", source: a0 });
|
|
31133
31487
|
const _c1$E = a0 => ({ name: "exclamation-circle", source: a0 });
|
|
31134
31488
|
const _c2$p = a0 => ({ name: "chevron-right", source: a0 });
|
|
31135
|
-
function _forTrack0$
|
|
31489
|
+
function _forTrack0$Y($index, $item) { return this.getGapTitle($item); }
|
|
31136
31490
|
function FocusAreaGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
31137
31491
|
i0.ɵɵelementStart(0, "div", 1);
|
|
31138
31492
|
i0.ɵɵelement(1, "symphiq-icon", 3);
|
|
@@ -31249,7 +31603,7 @@ function FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
|
|
|
31249
31603
|
} }
|
|
31250
31604
|
function FocusAreaGapsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
31251
31605
|
i0.ɵɵelementStart(0, "div", 2);
|
|
31252
|
-
i0.ɵɵrepeaterCreate(1, FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$
|
|
31606
|
+
i0.ɵɵrepeaterCreate(1, FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$Y, true);
|
|
31253
31607
|
i0.ɵɵelementEnd();
|
|
31254
31608
|
} if (rf & 2) {
|
|
31255
31609
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -31526,7 +31880,7 @@ class FocusAreaGapsListModalContentComponent {
|
|
|
31526
31880
|
const _c0$18 = a0 => ({ name: "light-bulb", source: a0 });
|
|
31527
31881
|
const _c1$D = a0 => ({ name: "chevron-right", source: a0 });
|
|
31528
31882
|
const _c2$o = a0 => ({ name: "chart-bar", source: a0 });
|
|
31529
|
-
const _forTrack0$
|
|
31883
|
+
const _forTrack0$X = ($index, $item) => $item.opportunity;
|
|
31530
31884
|
function FocusAreaOpportunitiesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
31531
31885
|
i0.ɵɵelementStart(0, "div", 1);
|
|
31532
31886
|
i0.ɵɵelement(1, "symphiq-icon", 3);
|
|
@@ -31617,7 +31971,7 @@ function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Tem
|
|
|
31617
31971
|
} }
|
|
31618
31972
|
function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
31619
31973
|
i0.ɵɵelementStart(0, "div", 2);
|
|
31620
|
-
i0.ɵɵrepeaterCreate(1, FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Template, 11, 11, "button", 6, _forTrack0$
|
|
31974
|
+
i0.ɵɵrepeaterCreate(1, FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Template, 11, 11, "button", 6, _forTrack0$X);
|
|
31621
31975
|
i0.ɵɵelementEnd();
|
|
31622
31976
|
} if (rf & 2) {
|
|
31623
31977
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -31794,7 +32148,7 @@ class FocusAreaOpportunitiesListModalContentComponent {
|
|
|
31794
32148
|
|
|
31795
32149
|
const _c0$17 = a0 => ({ name: "chevron-right", source: a0 });
|
|
31796
32150
|
const _c1$C = a0 => ({ name: "chat-bubble-left-right", source: a0 });
|
|
31797
|
-
const _forTrack0$
|
|
32151
|
+
const _forTrack0$W = ($index, $item) => $item.performanceItemId;
|
|
31798
32152
|
function FocusAreaStrengthDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
31799
32153
|
i0.ɵɵelementStart(0, "div")(1, "p", 2);
|
|
31800
32154
|
i0.ɵɵtext(2);
|
|
@@ -31864,7 +32218,7 @@ function FocusAreaStrengthDetailModalContentComponent_Conditional_4_Template(rf,
|
|
|
31864
32218
|
i0.ɵɵtext(2);
|
|
31865
32219
|
i0.ɵɵelementEnd();
|
|
31866
32220
|
i0.ɵɵelementStart(3, "div", 9);
|
|
31867
|
-
i0.ɵɵrepeaterCreate(4, FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Template, 4, 5, "button", 10, _forTrack0$
|
|
32221
|
+
i0.ɵɵrepeaterCreate(4, FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Template, 4, 5, "button", 10, _forTrack0$W);
|
|
31868
32222
|
i0.ɵɵelementEnd()();
|
|
31869
32223
|
} if (rf & 2) {
|
|
31870
32224
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -32513,7 +32867,7 @@ class FocusAreaGapDetailModalContentComponent {
|
|
|
32513
32867
|
|
|
32514
32868
|
const _c0$15 = a0 => ({ name: "chevron-right", source: a0 });
|
|
32515
32869
|
const _c1$B = () => [];
|
|
32516
|
-
const _forTrack0$
|
|
32870
|
+
const _forTrack0$V = ($index, $item) => $item.performanceItemId;
|
|
32517
32871
|
function FocusAreaOpportunityDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
32518
32872
|
i0.ɵɵelementStart(0, "div")(1, "p", 2);
|
|
32519
32873
|
i0.ɵɵtext(2);
|
|
@@ -32565,7 +32919,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_3_Template(
|
|
|
32565
32919
|
i0.ɵɵtext(2);
|
|
32566
32920
|
i0.ɵɵelementEnd();
|
|
32567
32921
|
i0.ɵɵelementStart(3, "div", 6);
|
|
32568
|
-
i0.ɵɵrepeaterCreate(4, FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Template, 4, 5, "button", 7, _forTrack0$
|
|
32922
|
+
i0.ɵɵrepeaterCreate(4, FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Template, 4, 5, "button", 7, _forTrack0$V);
|
|
32569
32923
|
i0.ɵɵelementEnd()();
|
|
32570
32924
|
} if (rf & 2) {
|
|
32571
32925
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -33835,7 +34189,7 @@ const _c1$y = a0 => ({ name: "globe-americas", source: a0 });
|
|
|
33835
34189
|
const _c2$n = a0 => ({ name: "academic-cap", source: a0 });
|
|
33836
34190
|
const _c3$i = a0 => ({ name: "information-circle", source: a0 });
|
|
33837
34191
|
const _c4$d = a0 => ({ name: "signal", source: a0 });
|
|
33838
|
-
const _c5$
|
|
34192
|
+
const _c5$a = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
33839
34193
|
function RegionCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
33840
34194
|
i0.ɵɵelementStart(0, "p", 2);
|
|
33841
34195
|
i0.ɵɵtext(1);
|
|
@@ -34057,7 +34411,7 @@ function RegionCardComponent_Conditional_21_Conditional_8_Template(rf, ctx) { if
|
|
|
34057
34411
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
34058
34412
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
34059
34413
|
i0.ɵɵadvance(2);
|
|
34060
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
34414
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$a, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
34061
34415
|
i0.ɵɵadvance();
|
|
34062
34416
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
34063
34417
|
i0.ɵɵadvance(3);
|
|
@@ -34909,7 +35263,7 @@ const _c1$x = a0 => ({ name: "chart-bar", source: a0 });
|
|
|
34909
35263
|
const _c2$m = a0 => ({ name: "academic-cap", source: a0 });
|
|
34910
35264
|
const _c3$h = a0 => ({ name: "information-circle", source: a0 });
|
|
34911
35265
|
const _c4$c = a0 => ({ name: "signal", source: a0 });
|
|
34912
|
-
const _c5$
|
|
35266
|
+
const _c5$9 = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
34913
35267
|
function SeasonCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
34914
35268
|
i0.ɵɵelementStart(0, "p", 2);
|
|
34915
35269
|
i0.ɵɵtext(1);
|
|
@@ -35139,7 +35493,7 @@ function SeasonCardComponent_Conditional_20_Conditional_8_Template(rf, ctx) { if
|
|
|
35139
35493
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
35140
35494
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
35141
35495
|
i0.ɵɵadvance(2);
|
|
35142
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
35496
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$9, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
35143
35497
|
i0.ɵɵadvance();
|
|
35144
35498
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
35145
35499
|
i0.ɵɵadvance(3);
|
|
@@ -35743,7 +36097,7 @@ const _c1$w = a0 => ({ name: "chart-bar", source: a0 });
|
|
|
35743
36097
|
const _c2$l = a0 => ({ name: "academic-cap", source: a0 });
|
|
35744
36098
|
const _c3$g = a0 => ({ name: "information-circle", source: a0 });
|
|
35745
36099
|
const _c4$b = a0 => ({ name: "signal", source: a0 });
|
|
35746
|
-
const _c5$
|
|
36100
|
+
const _c5$8 = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
35747
36101
|
function CustomerSegmentCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
35748
36102
|
i0.ɵɵelementStart(0, "p", 8);
|
|
35749
36103
|
i0.ɵɵtext(1);
|
|
@@ -35982,7 +36336,7 @@ function CustomerSegmentCardComponent_Conditional_23_Conditional_12_Template(rf,
|
|
|
35982
36336
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
35983
36337
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
35984
36338
|
i0.ɵɵadvance(2);
|
|
35985
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
36339
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$8, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
35986
36340
|
i0.ɵɵadvance();
|
|
35987
36341
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
35988
36342
|
i0.ɵɵadvance(3);
|
|
@@ -36133,7 +36487,7 @@ function CustomerSegmentCardComponent_Conditional_24_Conditional_8_Template(rf,
|
|
|
36133
36487
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
36134
36488
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
36135
36489
|
i0.ɵɵadvance(2);
|
|
36136
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
36490
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$8, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
36137
36491
|
i0.ɵɵadvance();
|
|
36138
36492
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
36139
36493
|
i0.ɵɵadvance(3);
|
|
@@ -36859,7 +37213,7 @@ const _c1$v = a0 => ({ name: "document-text", source: a0 });
|
|
|
36859
37213
|
const _c2$k = a0 => ({ name: "academic-cap", source: a0 });
|
|
36860
37214
|
const _c3$f = a0 => ({ name: "information-circle", source: a0 });
|
|
36861
37215
|
const _c4$a = a0 => ({ name: "signal", source: a0 });
|
|
36862
|
-
const _c5$
|
|
37216
|
+
const _c5$7 = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
36863
37217
|
function PriceTierCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
36864
37218
|
i0.ɵɵelementStart(0, "p", 7);
|
|
36865
37219
|
i0.ɵɵtext(1);
|
|
@@ -37070,7 +37424,7 @@ function PriceTierCardComponent_Conditional_27_Conditional_8_Template(rf, ctx) {
|
|
|
37070
37424
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
37071
37425
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
37072
37426
|
i0.ɵɵadvance(2);
|
|
37073
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
37427
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$7, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
37074
37428
|
i0.ɵɵadvance();
|
|
37075
37429
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
37076
37430
|
i0.ɵɵadvance(3);
|
|
@@ -37695,10 +38049,10 @@ const _c1$u = () => ({ name: "currency-dollar", source: "HEROICONS" });
|
|
|
37695
38049
|
const _c2$j = () => ({ name: "chart-bar", source: "HEROICONS" });
|
|
37696
38050
|
const _c3$e = a0 => ({ name: "chart-bar", source: a0 });
|
|
37697
38051
|
const _c4$9 = a0 => ({ name: "academic-cap", source: a0 });
|
|
37698
|
-
const _c5$
|
|
38052
|
+
const _c5$6 = a0 => ({ name: "information-circle", source: a0 });
|
|
37699
38053
|
const _c6$2 = a0 => ({ name: "signal", source: a0 });
|
|
37700
38054
|
const _c7$1 = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
37701
|
-
const _forTrack0$
|
|
38055
|
+
const _forTrack0$U = ($index, $item) => $item.name;
|
|
37702
38056
|
function ProductCategoryCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
37703
38057
|
i0.ɵɵelementStart(0, "p", 8);
|
|
37704
38058
|
i0.ɵɵtext(1);
|
|
@@ -37829,7 +38183,7 @@ function ProductCategoryCardComponent_Conditional_16_Template(rf, ctx) { if (rf
|
|
|
37829
38183
|
i0.ɵɵelementStart(6, "symphiq-visualization-container", 21);
|
|
37830
38184
|
i0.ɵɵlistener("visualizationClick", function ProductCategoryCardComponent_Conditional_16_Template_symphiq_visualization_container_visualizationClick_6_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openHorizontalBarModal($event)); });
|
|
37831
38185
|
i0.ɵɵelementStart(7, "div", 22);
|
|
37832
|
-
i0.ɵɵrepeaterCreate(8, ProductCategoryCardComponent_Conditional_16_For_9_Template, 2, 5, "div", 23, _forTrack0$
|
|
38186
|
+
i0.ɵɵrepeaterCreate(8, ProductCategoryCardComponent_Conditional_16_For_9_Template, 2, 5, "div", 23, _forTrack0$U);
|
|
37833
38187
|
i0.ɵɵelementEnd()()()();
|
|
37834
38188
|
} if (rf & 2) {
|
|
37835
38189
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -37948,7 +38302,7 @@ function ProductCategoryCardComponent_Conditional_18_Conditional_6_Template(rf,
|
|
|
37948
38302
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
37949
38303
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
37950
38304
|
i0.ɵɵadvance(2);
|
|
37951
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c5$
|
|
38305
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c5$6, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
37952
38306
|
i0.ɵɵadvance();
|
|
37953
38307
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
37954
38308
|
i0.ɵɵadvance(2);
|
|
@@ -38851,7 +39205,7 @@ const _c1$t = a0 => ({ name: "building-storefront", source: a0 });
|
|
|
38851
39205
|
const _c2$i = a0 => ({ name: "academic-cap", source: a0 });
|
|
38852
39206
|
const _c3$d = a0 => ({ name: "information-circle", source: a0 });
|
|
38853
39207
|
const _c4$8 = a0 => ({ name: "signal", source: a0 });
|
|
38854
|
-
const _c5$
|
|
39208
|
+
const _c5$5 = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
38855
39209
|
function EnhancedListItemCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
38856
39210
|
i0.ɵɵelementStart(0, "div", 2);
|
|
38857
39211
|
i0.ɵɵtext(1);
|
|
@@ -39015,7 +39369,7 @@ function EnhancedListItemCardComponent_Conditional_22_Conditional_8_Template(rf,
|
|
|
39015
39369
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
39016
39370
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
39017
39371
|
i0.ɵɵadvance(2);
|
|
39018
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
39372
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$5, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
39019
39373
|
i0.ɵɵadvance();
|
|
39020
39374
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
39021
39375
|
i0.ɵɵadvance(3);
|
|
@@ -42808,18 +43162,19 @@ class ItemDetailModalComponent {
|
|
|
42808
43162
|
const _c0$T = ["modalContent"];
|
|
42809
43163
|
const _c1$q = ["modalWrapper"];
|
|
42810
43164
|
const _c2$g = ["*"];
|
|
42811
|
-
const
|
|
42812
|
-
const
|
|
42813
|
-
const
|
|
42814
|
-
const
|
|
43165
|
+
const ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_3_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return lineChart_component; }).then(m => m.LineChartComponent)];
|
|
43166
|
+
const ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_4_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
|
|
43167
|
+
const ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_5_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent)];
|
|
43168
|
+
const ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
|
|
42815
43169
|
const _c3$b = a0 => ({ name: "arrow-left", source: a0 });
|
|
42816
43170
|
const _c4$7 = a0 => ({ name: "chevron-right", source: a0 });
|
|
42817
|
-
const
|
|
43171
|
+
const _c5$4 = () => [];
|
|
43172
|
+
const _forTrack0$T = ($index, $item) => $item.performanceItemId || $index;
|
|
42818
43173
|
const _forTrack1$a = ($index, $item) => $item.id || $index;
|
|
42819
43174
|
const _forTrack2$2 = ($index, $item) => $item.metric || $index;
|
|
42820
43175
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
42821
43176
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
42822
|
-
i0.ɵɵelementStart(0, "button",
|
|
43177
|
+
i0.ɵɵelementStart(0, "button", 46);
|
|
42823
43178
|
i0.ɵɵlistener("click", function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const crumb_r5 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onBreadcrumbClick(crumb_r5)); });
|
|
42824
43179
|
i0.ɵɵtext(1);
|
|
42825
43180
|
i0.ɵɵelementEnd();
|
|
@@ -42831,7 +43186,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditi
|
|
|
42831
43186
|
i0.ɵɵtextInterpolate1(" ", crumb_r5.label, " ");
|
|
42832
43187
|
} }
|
|
42833
43188
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
42834
|
-
i0.ɵɵelementStart(0, "span",
|
|
43189
|
+
i0.ɵɵelementStart(0, "span", 44);
|
|
42835
43190
|
i0.ɵɵtext(1);
|
|
42836
43191
|
i0.ɵɵelementEnd();
|
|
42837
43192
|
} if (rf & 2) {
|
|
@@ -42840,8 +43195,8 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditi
|
|
|
42840
43195
|
i0.ɵɵtextInterpolate(crumb_r5.label);
|
|
42841
43196
|
} }
|
|
42842
43197
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
42843
|
-
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_0_Template, 2, 2, "button",
|
|
42844
|
-
i0.ɵɵelement(2, "symphiq-icon",
|
|
43198
|
+
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_0_Template, 2, 2, "button", 43)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_1_Template, 2, 1, "span", 44);
|
|
43199
|
+
i0.ɵɵelement(2, "symphiq-icon", 45);
|
|
42845
43200
|
} if (rf & 2) {
|
|
42846
43201
|
const crumb_r5 = i0.ɵɵnextContext().$implicit;
|
|
42847
43202
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -42850,7 +43205,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditi
|
|
|
42850
43205
|
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c4$7, ctx_r1.IconSourceEnum.HEROICONS));
|
|
42851
43206
|
} }
|
|
42852
43207
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
42853
|
-
i0.ɵɵelementStart(0, "span",
|
|
43208
|
+
i0.ɵɵelementStart(0, "span", 42);
|
|
42854
43209
|
i0.ɵɵtext(1);
|
|
42855
43210
|
i0.ɵɵelementEnd();
|
|
42856
43211
|
} if (rf & 2) {
|
|
@@ -42859,7 +43214,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditi
|
|
|
42859
43214
|
i0.ɵɵtextInterpolate(crumb_r5.label);
|
|
42860
43215
|
} }
|
|
42861
43216
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
42862
|
-
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Template, 3, 4)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_1_Template, 2, 1, "span",
|
|
43217
|
+
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Template, 3, 4)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_1_Template, 2, 1, "span", 42);
|
|
42863
43218
|
} if (rf & 2) {
|
|
42864
43219
|
const ɵ$index_23_r6 = ctx.$index;
|
|
42865
43220
|
const ɵ$count_23_r7 = ctx.$count;
|
|
@@ -42867,11 +43222,11 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Templat
|
|
|
42867
43222
|
} }
|
|
42868
43223
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
42869
43224
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
42870
|
-
i0.ɵɵelementStart(0, "div", 9)(1, "button",
|
|
43225
|
+
i0.ɵɵelementStart(0, "div", 9)(1, "button", 39);
|
|
42871
43226
|
i0.ɵɵlistener("click", function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onNavigateBack()); });
|
|
42872
|
-
i0.ɵɵelement(2, "symphiq-icon",
|
|
43227
|
+
i0.ɵɵelement(2, "symphiq-icon", 40);
|
|
42873
43228
|
i0.ɵɵelementEnd();
|
|
42874
|
-
i0.ɵɵelementStart(3, "div",
|
|
43229
|
+
i0.ɵɵelementStart(3, "div", 41);
|
|
42875
43230
|
i0.ɵɵrepeaterCreate(4, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Template, 2, 1, null, null, i0.ɵɵrepeaterTrackByIndex);
|
|
42876
43231
|
i0.ɵɵelementEnd()();
|
|
42877
43232
|
} if (rf & 2) {
|
|
@@ -42886,8 +43241,8 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_Template(rf,
|
|
|
42886
43241
|
} }
|
|
42887
43242
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
42888
43243
|
i0.ɵɵnamespaceSVG();
|
|
42889
|
-
i0.ɵɵelementStart(0, "svg",
|
|
42890
|
-
i0.ɵɵelement(1, "path",
|
|
43244
|
+
i0.ɵɵelementStart(0, "svg", 47);
|
|
43245
|
+
i0.ɵɵelement(1, "path", 50);
|
|
42891
43246
|
i0.ɵɵelementEnd();
|
|
42892
43247
|
} if (rf & 2) {
|
|
42893
43248
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -42896,7 +43251,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_1
|
|
|
42896
43251
|
i0.ɵɵattribute("d", ctx);
|
|
42897
43252
|
} }
|
|
42898
43253
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
42899
|
-
i0.ɵɵelementStart(0, "span",
|
|
43254
|
+
i0.ɵɵelementStart(0, "span", 49);
|
|
42900
43255
|
i0.ɵɵtext(1);
|
|
42901
43256
|
i0.ɵɵelementEnd();
|
|
42902
43257
|
} if (rf & 2) {
|
|
@@ -42907,11 +43262,11 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_4
|
|
|
42907
43262
|
} }
|
|
42908
43263
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
42909
43264
|
i0.ɵɵelementStart(0, "div", 10);
|
|
42910
|
-
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_1_Template, 2, 2, ":svg:svg",
|
|
42911
|
-
i0.ɵɵelementStart(2, "span",
|
|
43265
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_1_Template, 2, 2, ":svg:svg", 47);
|
|
43266
|
+
i0.ɵɵelementStart(2, "span", 48);
|
|
42912
43267
|
i0.ɵɵtext(3);
|
|
42913
43268
|
i0.ɵɵelementEnd();
|
|
42914
|
-
i0.ɵɵconditionalCreate(4, ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_4_Template, 2, 2, "span",
|
|
43269
|
+
i0.ɵɵconditionalCreate(4, ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_4_Template, 2, 2, "span", 49);
|
|
42915
43270
|
i0.ɵɵelementEnd();
|
|
42916
43271
|
} if (rf & 2) {
|
|
42917
43272
|
let tmp_4_0;
|
|
@@ -42926,8 +43281,8 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Template(rf,
|
|
|
42926
43281
|
i0.ɵɵadvance();
|
|
42927
43282
|
i0.ɵɵconditional((tmp_7_0 = ctx_r1.sourceAnalysisTypeLabel()) ? 4 : -1, tmp_7_0);
|
|
42928
43283
|
} }
|
|
42929
|
-
function
|
|
42930
|
-
i0.ɵɵelementStart(0, "span",
|
|
43284
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_12_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43285
|
+
i0.ɵɵelementStart(0, "span", 51);
|
|
42931
43286
|
i0.ɵɵtext(1);
|
|
42932
43287
|
i0.ɵɵelementEnd();
|
|
42933
43288
|
} if (rf & 2) {
|
|
@@ -42937,8 +43292,8 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Conditional_
|
|
|
42937
43292
|
i0.ɵɵadvance();
|
|
42938
43293
|
i0.ɵɵtextInterpolate1(" ", chips_r8.priority, " ");
|
|
42939
43294
|
} }
|
|
42940
|
-
function
|
|
42941
|
-
i0.ɵɵelementStart(0, "span",
|
|
43295
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_12_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
43296
|
+
i0.ɵɵelementStart(0, "span", 51);
|
|
42942
43297
|
i0.ɵɵtext(1);
|
|
42943
43298
|
i0.ɵɵelementEnd();
|
|
42944
43299
|
} if (rf & 2) {
|
|
@@ -42948,10 +43303,10 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Conditional_
|
|
|
42948
43303
|
i0.ɵɵadvance();
|
|
42949
43304
|
i0.ɵɵtextInterpolate1(" ", chips_r8.timeframe, " ");
|
|
42950
43305
|
} }
|
|
42951
|
-
function
|
|
42952
|
-
i0.ɵɵelementStart(0, "div",
|
|
42953
|
-
i0.ɵɵconditionalCreate(1,
|
|
42954
|
-
i0.ɵɵconditionalCreate(2,
|
|
43306
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
43307
|
+
i0.ɵɵelementStart(0, "div", 13);
|
|
43308
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_12_Conditional_1_Template, 2, 2, "span", 51);
|
|
43309
|
+
i0.ɵɵconditionalCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_12_Conditional_2_Template, 2, 2, "span", 51);
|
|
42955
43310
|
i0.ɵɵelementEnd();
|
|
42956
43311
|
} if (rf & 2) {
|
|
42957
43312
|
const chips_r8 = ctx;
|
|
@@ -42960,610 +43315,616 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Template(rf,
|
|
|
42960
43315
|
i0.ɵɵadvance();
|
|
42961
43316
|
i0.ɵɵconditional(chips_r8.timeframe ? 2 : -1);
|
|
42962
43317
|
} }
|
|
42963
|
-
function
|
|
43318
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
42964
43319
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
42965
|
-
i0.ɵɵelementStart(0, "symphiq-goal-detail-modal-content",
|
|
42966
|
-
i0.ɵɵlistener("showObjectives", function
|
|
43320
|
+
i0.ɵɵelementStart(0, "symphiq-goal-detail-modal-content", 52);
|
|
43321
|
+
i0.ɵɵlistener("showObjectives", function ProfileAnalysisModalComponent_Conditional_0_Conditional_18_Template_symphiq_goal_detail_modal_content_showObjectives_0_listener() { const data_r10 = i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.showGoalObjectives(data_r10.goal, data_r10.viewMode)); });
|
|
42967
43322
|
i0.ɵɵelementEnd();
|
|
42968
43323
|
} if (rf & 2) {
|
|
42969
43324
|
const data_r10 = ctx;
|
|
42970
43325
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
42971
43326
|
i0.ɵɵproperty("goal", data_r10.goal)("viewMode", data_r10.viewMode)("allInsights", ctx_r1.allInsights())("allMetrics", ctx_r1.allMetrics())("allBusinessInsights", ctx_r1.allBusinessInsights())("allCharts", ctx_r1.allCharts())("@fadeIn", undefined);
|
|
42972
43327
|
} }
|
|
42973
|
-
function
|
|
42974
|
-
i0.ɵɵ
|
|
43328
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
43329
|
+
i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 19);
|
|
43330
|
+
} if (rf & 2) {
|
|
43331
|
+
const data_r11 = ctx;
|
|
43332
|
+
i0.ɵɵproperty("objectives", data_r11.goal.objectives || i0.ɵɵpureFunction0(4, _c5$4))("goalTitle", data_r11.goal.title || "Goal")("viewMode", data_r11.viewMode)("@fadeIn", undefined);
|
|
43333
|
+
} }
|
|
43334
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43335
|
+
i0.ɵɵelementStart(0, "p", 53);
|
|
42975
43336
|
i0.ɵɵtext(1);
|
|
42976
43337
|
i0.ɵɵelementEnd();
|
|
42977
43338
|
} if (rf & 2) {
|
|
42978
|
-
const
|
|
43339
|
+
const data_r12 = i0.ɵɵnextContext();
|
|
42979
43340
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
42980
43341
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
42981
43342
|
i0.ɵɵadvance();
|
|
42982
|
-
i0.ɵɵtextInterpolate(
|
|
43343
|
+
i0.ɵɵtextInterpolate(data_r12.goalContext.description);
|
|
42983
43344
|
} }
|
|
42984
|
-
function
|
|
42985
|
-
i0.ɵɵelementStart(0, "div",
|
|
43345
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
43346
|
+
i0.ɵɵelementStart(0, "div", 60)(1, "span", 64);
|
|
42986
43347
|
i0.ɵɵnamespaceSVG();
|
|
42987
|
-
i0.ɵɵelementStart(2, "svg",
|
|
42988
|
-
i0.ɵɵelement(3, "path",
|
|
43348
|
+
i0.ɵɵelementStart(2, "svg", 65);
|
|
43349
|
+
i0.ɵɵelement(3, "path", 66);
|
|
42989
43350
|
i0.ɵɵelementEnd();
|
|
42990
43351
|
i0.ɵɵtext(4);
|
|
42991
43352
|
i0.ɵɵelementEnd()();
|
|
42992
43353
|
} if (rf & 2) {
|
|
42993
|
-
const
|
|
43354
|
+
const insight_r14 = i0.ɵɵnextContext().$implicit;
|
|
42994
43355
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
42995
43356
|
i0.ɵɵadvance();
|
|
42996
43357
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-emerald-100 text-emerald-700 border-emerald-300" : "bg-emerald-900/30 text-emerald-400 border-emerald-700/50");
|
|
42997
43358
|
i0.ɵɵadvance(3);
|
|
42998
|
-
i0.ɵɵtextInterpolate2(" ",
|
|
43359
|
+
i0.ɵɵtextInterpolate2(" ", insight_r14.recommendations.length, " ", insight_r14.recommendations.length === 1 ? "RECOMMENDATION" : "RECOMMENDATIONS", " ");
|
|
42999
43360
|
} }
|
|
43000
|
-
function
|
|
43001
|
-
const
|
|
43002
|
-
i0.ɵɵelementStart(0, "div",
|
|
43003
|
-
i0.ɵɵlistener("click", function
|
|
43004
|
-
i0.ɵɵelementStart(1, "div",
|
|
43361
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
43362
|
+
const _r13 = i0.ɵɵgetCurrentView();
|
|
43363
|
+
i0.ɵɵelementStart(0, "div", 55);
|
|
43364
|
+
i0.ɵɵlistener("click", function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Template_div_click_0_listener() { const insight_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openInsightDetail(insight_r14)); });
|
|
43365
|
+
i0.ɵɵelementStart(1, "div", 56)(2, "div", 57);
|
|
43005
43366
|
i0.ɵɵtext(3);
|
|
43006
43367
|
i0.ɵɵelementEnd();
|
|
43007
|
-
i0.ɵɵelementStart(4, "div",
|
|
43368
|
+
i0.ɵɵelementStart(4, "div", 8)(5, "h4", 58);
|
|
43008
43369
|
i0.ɵɵtext(6);
|
|
43009
43370
|
i0.ɵɵelementEnd();
|
|
43010
|
-
i0.ɵɵelementStart(7, "p",
|
|
43371
|
+
i0.ɵɵelementStart(7, "p", 59);
|
|
43011
43372
|
i0.ɵɵtext(8);
|
|
43012
43373
|
i0.ɵɵelementEnd();
|
|
43013
|
-
i0.ɵɵconditionalCreate(9,
|
|
43374
|
+
i0.ɵɵconditionalCreate(9, ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Conditional_9_Template, 5, 3, "div", 60);
|
|
43014
43375
|
i0.ɵɵelementEnd();
|
|
43015
|
-
i0.ɵɵelementStart(10, "div",
|
|
43376
|
+
i0.ɵɵelementStart(10, "div", 61);
|
|
43016
43377
|
i0.ɵɵnamespaceSVG();
|
|
43017
|
-
i0.ɵɵelementStart(11, "svg",
|
|
43018
|
-
i0.ɵɵelement(12, "path",
|
|
43378
|
+
i0.ɵɵelementStart(11, "svg", 62);
|
|
43379
|
+
i0.ɵɵelement(12, "path", 63);
|
|
43019
43380
|
i0.ɵɵelementEnd()()()();
|
|
43020
43381
|
} if (rf & 2) {
|
|
43021
|
-
const
|
|
43382
|
+
const insight_r14 = ctx.$implicit;
|
|
43022
43383
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
43023
43384
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white border-slate-200 hover:border-blue-500/30" : "bg-slate-800 border-slate-700 hover:border-blue-500/30");
|
|
43024
43385
|
i0.ɵɵadvance(2);
|
|
43025
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getPriorityBadgeClass(
|
|
43386
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getPriorityBadgeClass(insight_r14.priority ?? 0))("ngStyle", ctx_r1.getPriorityBadgeStyle(insight_r14.priority ?? 0));
|
|
43026
43387
|
i0.ɵɵadvance();
|
|
43027
|
-
i0.ɵɵtextInterpolate1(" P",
|
|
43388
|
+
i0.ɵɵtextInterpolate1(" P", insight_r14.priority, " ");
|
|
43028
43389
|
i0.ɵɵadvance(2);
|
|
43029
43390
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900 group-hover:text-blue-600" : "text-white group-hover:text-blue-400");
|
|
43030
43391
|
i0.ɵɵadvance();
|
|
43031
|
-
i0.ɵɵtextInterpolate(
|
|
43392
|
+
i0.ɵɵtextInterpolate(insight_r14.title);
|
|
43032
43393
|
i0.ɵɵadvance();
|
|
43033
43394
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43034
43395
|
i0.ɵɵadvance();
|
|
43035
|
-
i0.ɵɵtextInterpolate(
|
|
43396
|
+
i0.ɵɵtextInterpolate(insight_r14.description);
|
|
43036
43397
|
i0.ɵɵadvance();
|
|
43037
|
-
i0.ɵɵconditional(
|
|
43398
|
+
i0.ɵɵconditional(insight_r14.recommendations && insight_r14.recommendations.length > 0 ? 9 : -1);
|
|
43038
43399
|
i0.ɵɵadvance(2);
|
|
43039
43400
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-400 group-hover:text-blue-600" : "text-slate-500 group-hover:text-blue-400");
|
|
43040
43401
|
} }
|
|
43041
|
-
function
|
|
43042
|
-
i0.ɵɵelementStart(0, "div",
|
|
43043
|
-
i0.ɵɵconditionalCreate(1,
|
|
43044
|
-
i0.ɵɵrepeaterCreate(2,
|
|
43402
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
43403
|
+
i0.ɵɵelementStart(0, "div", 20);
|
|
43404
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_20_Conditional_1_Template, 2, 2, "p", 53);
|
|
43405
|
+
i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Template, 13, 10, "div", 54, _forTrack0$T);
|
|
43045
43406
|
i0.ɵɵelementEnd();
|
|
43046
43407
|
} if (rf & 2) {
|
|
43047
|
-
const
|
|
43408
|
+
const data_r12 = ctx;
|
|
43048
43409
|
i0.ɵɵadvance();
|
|
43049
|
-
i0.ɵɵconditional(
|
|
43410
|
+
i0.ɵɵconditional(data_r12.goalContext.description ? 1 : -1);
|
|
43050
43411
|
i0.ɵɵadvance();
|
|
43051
|
-
i0.ɵɵrepeater(
|
|
43412
|
+
i0.ɵɵrepeater(data_r12.insights);
|
|
43052
43413
|
} }
|
|
43053
|
-
function
|
|
43054
|
-
i0.ɵɵelementStart(0, "p",
|
|
43414
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43415
|
+
i0.ɵɵelementStart(0, "p", 53);
|
|
43055
43416
|
i0.ɵɵtext(1);
|
|
43056
43417
|
i0.ɵɵelementEnd();
|
|
43057
43418
|
} if (rf & 2) {
|
|
43058
|
-
const
|
|
43419
|
+
const data_r15 = i0.ɵɵnextContext();
|
|
43059
43420
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43060
43421
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43061
43422
|
i0.ɵɵadvance();
|
|
43062
|
-
i0.ɵɵtextInterpolate(
|
|
43423
|
+
i0.ɵɵtextInterpolate(data_r15.recommendationContext.description);
|
|
43063
43424
|
} }
|
|
43064
|
-
function
|
|
43065
|
-
i0.ɵɵelementStart(0, "div",
|
|
43425
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
43426
|
+
i0.ɵɵelementStart(0, "div", 60)(1, "span", 64);
|
|
43066
43427
|
i0.ɵɵnamespaceSVG();
|
|
43067
|
-
i0.ɵɵelementStart(2, "svg",
|
|
43068
|
-
i0.ɵɵelement(3, "path",
|
|
43428
|
+
i0.ɵɵelementStart(2, "svg", 65);
|
|
43429
|
+
i0.ɵɵelement(3, "path", 66);
|
|
43069
43430
|
i0.ɵɵelementEnd();
|
|
43070
43431
|
i0.ɵɵtext(4);
|
|
43071
43432
|
i0.ɵɵelementEnd()();
|
|
43072
43433
|
} if (rf & 2) {
|
|
43073
|
-
const
|
|
43434
|
+
const insight_r17 = i0.ɵɵnextContext().$implicit;
|
|
43074
43435
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
43075
43436
|
i0.ɵɵadvance();
|
|
43076
43437
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-emerald-100 text-emerald-700 border-emerald-300" : "bg-emerald-900/30 text-emerald-400 border-emerald-700/50");
|
|
43077
43438
|
i0.ɵɵadvance(3);
|
|
43078
|
-
i0.ɵɵtextInterpolate2(" ",
|
|
43439
|
+
i0.ɵɵtextInterpolate2(" ", insight_r17.recommendations.length, " ", insight_r17.recommendations.length === 1 ? "RECOMMENDATION" : "RECOMMENDATIONS", " ");
|
|
43079
43440
|
} }
|
|
43080
|
-
function
|
|
43081
|
-
const
|
|
43082
|
-
i0.ɵɵelementStart(0, "div",
|
|
43083
|
-
i0.ɵɵlistener("click", function
|
|
43084
|
-
i0.ɵɵelementStart(1, "div",
|
|
43441
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
43442
|
+
const _r16 = i0.ɵɵgetCurrentView();
|
|
43443
|
+
i0.ɵɵelementStart(0, "div", 55);
|
|
43444
|
+
i0.ɵɵlistener("click", function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Template_div_click_0_listener() { const insight_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openInsightDetail(insight_r17)); });
|
|
43445
|
+
i0.ɵɵelementStart(1, "div", 56)(2, "div", 57);
|
|
43085
43446
|
i0.ɵɵtext(3);
|
|
43086
43447
|
i0.ɵɵelementEnd();
|
|
43087
|
-
i0.ɵɵelementStart(4, "div",
|
|
43448
|
+
i0.ɵɵelementStart(4, "div", 8)(5, "h4", 58);
|
|
43088
43449
|
i0.ɵɵtext(6);
|
|
43089
43450
|
i0.ɵɵelementEnd();
|
|
43090
|
-
i0.ɵɵelementStart(7, "p",
|
|
43451
|
+
i0.ɵɵelementStart(7, "p", 59);
|
|
43091
43452
|
i0.ɵɵtext(8);
|
|
43092
43453
|
i0.ɵɵelementEnd();
|
|
43093
|
-
i0.ɵɵconditionalCreate(9,
|
|
43454
|
+
i0.ɵɵconditionalCreate(9, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Conditional_9_Template, 5, 3, "div", 60);
|
|
43094
43455
|
i0.ɵɵelementEnd();
|
|
43095
|
-
i0.ɵɵelementStart(10, "div",
|
|
43456
|
+
i0.ɵɵelementStart(10, "div", 61);
|
|
43096
43457
|
i0.ɵɵnamespaceSVG();
|
|
43097
|
-
i0.ɵɵelementStart(11, "svg",
|
|
43098
|
-
i0.ɵɵelement(12, "path",
|
|
43458
|
+
i0.ɵɵelementStart(11, "svg", 62);
|
|
43459
|
+
i0.ɵɵelement(12, "path", 63);
|
|
43099
43460
|
i0.ɵɵelementEnd()()()();
|
|
43100
43461
|
} if (rf & 2) {
|
|
43101
|
-
const
|
|
43462
|
+
const insight_r17 = ctx.$implicit;
|
|
43102
43463
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
43103
43464
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white border-slate-200 hover:border-blue-500/30" : "bg-slate-800 border-slate-700 hover:border-blue-500/30");
|
|
43104
43465
|
i0.ɵɵadvance(2);
|
|
43105
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getPriorityBadgeClass(
|
|
43466
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getPriorityBadgeClass(insight_r17.priority ?? 0))("ngStyle", ctx_r1.getPriorityBadgeStyle(insight_r17.priority ?? 0));
|
|
43106
43467
|
i0.ɵɵadvance();
|
|
43107
|
-
i0.ɵɵtextInterpolate1(" P",
|
|
43468
|
+
i0.ɵɵtextInterpolate1(" P", insight_r17.priority, " ");
|
|
43108
43469
|
i0.ɵɵadvance(2);
|
|
43109
43470
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900 group-hover:text-blue-600" : "text-white group-hover:text-blue-400");
|
|
43110
43471
|
i0.ɵɵadvance();
|
|
43111
|
-
i0.ɵɵtextInterpolate(
|
|
43472
|
+
i0.ɵɵtextInterpolate(insight_r17.title);
|
|
43112
43473
|
i0.ɵɵadvance();
|
|
43113
43474
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43114
43475
|
i0.ɵɵadvance();
|
|
43115
|
-
i0.ɵɵtextInterpolate(
|
|
43476
|
+
i0.ɵɵtextInterpolate(insight_r17.description);
|
|
43116
43477
|
i0.ɵɵadvance();
|
|
43117
|
-
i0.ɵɵconditional(
|
|
43478
|
+
i0.ɵɵconditional(insight_r17.recommendations && insight_r17.recommendations.length > 0 ? 9 : -1);
|
|
43118
43479
|
i0.ɵɵadvance(2);
|
|
43119
43480
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-400 group-hover:text-blue-600" : "text-slate-500 group-hover:text-blue-400");
|
|
43120
43481
|
} }
|
|
43121
|
-
function
|
|
43122
|
-
i0.ɵɵelementStart(0, "div",
|
|
43123
|
-
i0.ɵɵconditionalCreate(1,
|
|
43124
|
-
i0.ɵɵrepeaterCreate(2,
|
|
43482
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
|
|
43483
|
+
i0.ɵɵelementStart(0, "div", 20);
|
|
43484
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Conditional_1_Template, 2, 2, "p", 53);
|
|
43485
|
+
i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Template, 13, 10, "div", 54, _forTrack0$T);
|
|
43125
43486
|
i0.ɵɵelementEnd();
|
|
43126
43487
|
} if (rf & 2) {
|
|
43127
|
-
const
|
|
43488
|
+
const data_r15 = ctx;
|
|
43128
43489
|
i0.ɵɵadvance();
|
|
43129
|
-
i0.ɵɵconditional(
|
|
43490
|
+
i0.ɵɵconditional(data_r15.recommendationContext.description ? 1 : -1);
|
|
43130
43491
|
i0.ɵɵadvance();
|
|
43131
|
-
i0.ɵɵrepeater(
|
|
43492
|
+
i0.ɵɵrepeater(data_r15.insights);
|
|
43132
43493
|
} }
|
|
43133
|
-
function
|
|
43134
|
-
i0.ɵɵelementStart(0, "p",
|
|
43494
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43495
|
+
i0.ɵɵelementStart(0, "p", 53);
|
|
43135
43496
|
i0.ɵɵtext(1);
|
|
43136
43497
|
i0.ɵɵelementEnd();
|
|
43137
43498
|
} if (rf & 2) {
|
|
43138
|
-
const
|
|
43499
|
+
const data_r18 = i0.ɵɵnextContext();
|
|
43139
43500
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43140
43501
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43141
43502
|
i0.ɵɵadvance();
|
|
43142
|
-
i0.ɵɵtextInterpolate(
|
|
43503
|
+
i0.ɵɵtextInterpolate(data_r18.goalContext.description);
|
|
43143
43504
|
} }
|
|
43144
|
-
function
|
|
43145
|
-
const
|
|
43146
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-recommendation-card",
|
|
43147
|
-
i0.ɵɵlistener("cardNavigate", function
|
|
43505
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
43506
|
+
const _r19 = i0.ɵɵgetCurrentView();
|
|
43507
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-recommendation-card", 67);
|
|
43508
|
+
i0.ɵɵlistener("cardNavigate", function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_For_3_Template_symphiq_recommendation_card_cardNavigate_1_listener() { const businessInsight_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openBusinessInsightDetailFromRecommendation(businessInsight_r20)); });
|
|
43148
43509
|
i0.ɵɵelementEnd()();
|
|
43149
43510
|
} if (rf & 2) {
|
|
43150
|
-
const
|
|
43151
|
-
const $
|
|
43152
|
-
const
|
|
43511
|
+
const businessInsight_r20 = ctx.$implicit;
|
|
43512
|
+
const $index_r21 = ctx.$index;
|
|
43513
|
+
const data_r18 = i0.ɵɵnextContext();
|
|
43153
43514
|
i0.ɵɵadvance();
|
|
43154
|
-
i0.ɵɵproperty("recommendation",
|
|
43515
|
+
i0.ɵɵproperty("recommendation", businessInsight_r20)("viewMode", data_r18.viewMode)("animationIndex", $index_r21)("showNavigationChevron", true)("inModalContext", true);
|
|
43155
43516
|
} }
|
|
43156
|
-
function
|
|
43157
|
-
i0.ɵɵelementStart(0, "div",
|
|
43158
|
-
i0.ɵɵconditionalCreate(1,
|
|
43159
|
-
i0.ɵɵrepeaterCreate(2,
|
|
43517
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
|
|
43518
|
+
i0.ɵɵelementStart(0, "div", 21);
|
|
43519
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Conditional_1_Template, 2, 2, "p", 53);
|
|
43520
|
+
i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_For_3_Template, 2, 5, "div", null, _forTrack1$a);
|
|
43160
43521
|
i0.ɵɵelementEnd();
|
|
43161
43522
|
} if (rf & 2) {
|
|
43162
|
-
const
|
|
43523
|
+
const data_r18 = ctx;
|
|
43163
43524
|
i0.ɵɵadvance();
|
|
43164
|
-
i0.ɵɵconditional(
|
|
43525
|
+
i0.ɵɵconditional(data_r18.goalContext.description ? 1 : -1);
|
|
43165
43526
|
i0.ɵɵadvance();
|
|
43166
|
-
i0.ɵɵrepeater(
|
|
43527
|
+
i0.ɵɵrepeater(data_r18.businessInsights);
|
|
43167
43528
|
} }
|
|
43168
|
-
function
|
|
43169
|
-
i0.ɵɵelementStart(0, "p",
|
|
43529
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_23_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43530
|
+
i0.ɵɵelementStart(0, "p", 53);
|
|
43170
43531
|
i0.ɵɵtext(1);
|
|
43171
43532
|
i0.ɵɵelementEnd();
|
|
43172
43533
|
} if (rf & 2) {
|
|
43173
|
-
const
|
|
43534
|
+
const data_r22 = i0.ɵɵnextContext();
|
|
43174
43535
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43175
43536
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43176
43537
|
i0.ɵɵadvance();
|
|
43177
|
-
i0.ɵɵtextInterpolate(
|
|
43538
|
+
i0.ɵɵtextInterpolate(data_r22.recommendationContext.description);
|
|
43178
43539
|
} }
|
|
43179
|
-
function
|
|
43180
|
-
const
|
|
43181
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-recommendation-card",
|
|
43182
|
-
i0.ɵɵlistener("cardNavigate", function
|
|
43540
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_23_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
43541
|
+
const _r23 = i0.ɵɵgetCurrentView();
|
|
43542
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-recommendation-card", 67);
|
|
43543
|
+
i0.ɵɵlistener("cardNavigate", function ProfileAnalysisModalComponent_Conditional_0_Conditional_23_For_3_Template_symphiq_recommendation_card_cardNavigate_1_listener() { const businessInsight_r24 = i0.ɵɵrestoreView(_r23).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openBusinessInsightDetailFromRecommendation(businessInsight_r24)); });
|
|
43183
43544
|
i0.ɵɵelementEnd()();
|
|
43184
43545
|
} if (rf & 2) {
|
|
43185
|
-
const
|
|
43186
|
-
const $
|
|
43546
|
+
const businessInsight_r24 = ctx.$implicit;
|
|
43547
|
+
const $index_r25 = ctx.$index;
|
|
43187
43548
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
43188
43549
|
i0.ɵɵadvance();
|
|
43189
|
-
i0.ɵɵproperty("recommendation",
|
|
43550
|
+
i0.ɵɵproperty("recommendation", businessInsight_r24)("viewMode", ctx_r1.viewMode())("animationIndex", $index_r25)("showNavigationChevron", true)("inModalContext", true);
|
|
43190
43551
|
} }
|
|
43191
|
-
function
|
|
43192
|
-
i0.ɵɵelementStart(0, "div",
|
|
43193
|
-
i0.ɵɵconditionalCreate(1,
|
|
43194
|
-
i0.ɵɵrepeaterCreate(2,
|
|
43552
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
|
|
43553
|
+
i0.ɵɵelementStart(0, "div", 21);
|
|
43554
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_23_Conditional_1_Template, 2, 2, "p", 53);
|
|
43555
|
+
i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_23_For_3_Template, 2, 5, "div", null, _forTrack1$a);
|
|
43195
43556
|
i0.ɵɵelementEnd();
|
|
43196
43557
|
} if (rf & 2) {
|
|
43197
|
-
const
|
|
43558
|
+
const data_r22 = ctx;
|
|
43198
43559
|
i0.ɵɵadvance();
|
|
43199
|
-
i0.ɵɵconditional(
|
|
43560
|
+
i0.ɵɵconditional(data_r22.recommendationContext.description ? 1 : -1);
|
|
43200
43561
|
i0.ɵɵadvance();
|
|
43201
|
-
i0.ɵɵrepeater(
|
|
43562
|
+
i0.ɵɵrepeater(data_r22.businessInsights);
|
|
43202
43563
|
} }
|
|
43203
|
-
function
|
|
43204
|
-
i0.ɵɵelement(0, "symphiq-recommendation-card",
|
|
43564
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
|
|
43565
|
+
i0.ɵɵelement(0, "symphiq-recommendation-card", 22);
|
|
43205
43566
|
} if (rf & 2) {
|
|
43206
|
-
const
|
|
43567
|
+
const data_r26 = ctx;
|
|
43207
43568
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43208
|
-
i0.ɵɵproperty("recommendation",
|
|
43569
|
+
i0.ɵɵproperty("recommendation", data_r26.recommendation)("viewMode", data_r26.viewMode)("forceExpanded", true)("showNavigationChevron", false)("inModalContext", true)("isCompactMode", false)("fromProfileAnalysis", true)("animationIndex", 0)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("currentModalState", ctx_r1.getCurrentModalState())("goalTitle", ctx_r1.extractGoalTitle())("objectiveTitle", ctx_r1.extractObjectiveTitle())("strategyTitle", ctx_r1.extractStrategyTitle());
|
|
43209
43570
|
} }
|
|
43210
|
-
function
|
|
43211
|
-
const
|
|
43212
|
-
i0.ɵɵelementStart(0, "symphiq-item-detail-modal",
|
|
43213
|
-
i0.ɵɵlistener("close", function
|
|
43571
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Template(rf, ctx) { if (rf & 1) {
|
|
43572
|
+
const _r27 = i0.ɵɵgetCurrentView();
|
|
43573
|
+
i0.ɵɵelementStart(0, "symphiq-item-detail-modal", 68);
|
|
43574
|
+
i0.ɵɵlistener("close", function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Template_symphiq_item_detail_modal_close_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeModal()); })("scrollToTop", function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Template_symphiq_item_detail_modal_scrollToTop_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollModalToTop()); });
|
|
43214
43575
|
i0.ɵɵelementEnd();
|
|
43215
43576
|
} if (rf & 2) {
|
|
43216
|
-
const
|
|
43217
|
-
i0.ɵɵproperty("item",
|
|
43577
|
+
const data_r28 = ctx;
|
|
43578
|
+
i0.ɵɵproperty("item", data_r28.item)("viewMode", data_r28.viewMode)("sectionTitle", data_r28.sectionTitle || "Section")("subsectionTitle", data_r28.subsectionTitle || "Subsection")("isCompactMode", data_r28.isCompactMode || false)("fromProfileAnalysis", true);
|
|
43218
43579
|
} }
|
|
43219
|
-
function
|
|
43220
|
-
const
|
|
43221
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item",
|
|
43222
|
-
i0.ɵɵlistener("metricClick", function
|
|
43580
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_0_For_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
43581
|
+
const _r29 = i0.ɵɵgetCurrentView();
|
|
43582
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item", 71);
|
|
43583
|
+
i0.ɵɵlistener("metricClick", function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_0_For_4_Conditional_0_Template_symphiq_metric_list_item_metricClick_1_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.openMetricDetail($event)); });
|
|
43223
43584
|
i0.ɵɵelementEnd()();
|
|
43224
43585
|
} if (rf & 2) {
|
|
43225
|
-
const
|
|
43226
|
-
const
|
|
43227
|
-
const $
|
|
43586
|
+
const ctx_r29 = i0.ɵɵnextContext();
|
|
43587
|
+
const metric_r31 = ctx_r29.$implicit;
|
|
43588
|
+
const $index_r32 = ctx_r29.$index;
|
|
43228
43589
|
const ctx_r1 = i0.ɵɵnextContext(5);
|
|
43229
43590
|
i0.ɵɵadvance();
|
|
43230
|
-
i0.ɵɵproperty("metric",
|
|
43591
|
+
i0.ɵɵproperty("metric", metric_r31)("isLightMode", ctx_r1.isLightMode())("animationKey", $index_r32);
|
|
43231
43592
|
} }
|
|
43232
|
-
function
|
|
43233
|
-
i0.ɵɵconditionalCreate(0,
|
|
43593
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_0_For_4_Template(rf, ctx) { if (rf & 1) {
|
|
43594
|
+
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_0_For_4_Conditional_0_Template, 2, 3, "div");
|
|
43234
43595
|
} if (rf & 2) {
|
|
43235
|
-
const
|
|
43236
|
-
const
|
|
43237
|
-
i0.ɵɵconditional(
|
|
43596
|
+
const metric_r31 = ctx.$implicit;
|
|
43597
|
+
const data_r33 = i0.ɵɵnextContext(3);
|
|
43598
|
+
i0.ɵɵconditional(metric_r31.metric === data_r33.directlyAffectedMetricId ? 0 : -1);
|
|
43238
43599
|
} }
|
|
43239
|
-
function
|
|
43240
|
-
i0.ɵɵelementStart(0, "div",
|
|
43600
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
43601
|
+
i0.ɵɵelementStart(0, "div", 69)(1, "h3", 70);
|
|
43241
43602
|
i0.ɵɵtext(2, " Directly Affected Metric ");
|
|
43242
43603
|
i0.ɵɵelementEnd();
|
|
43243
|
-
i0.ɵɵrepeaterCreate(3,
|
|
43604
|
+
i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_0_For_4_Template, 1, 1, null, null, _forTrack2$2);
|
|
43244
43605
|
i0.ɵɵelementEnd();
|
|
43245
43606
|
} if (rf & 2) {
|
|
43246
|
-
const
|
|
43607
|
+
const data_r33 = i0.ɵɵnextContext(2);
|
|
43247
43608
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43248
43609
|
i0.ɵɵadvance();
|
|
43249
43610
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
43250
43611
|
i0.ɵɵadvance(2);
|
|
43251
|
-
i0.ɵɵrepeater(
|
|
43612
|
+
i0.ɵɵrepeater(data_r33.metrics);
|
|
43252
43613
|
} }
|
|
43253
|
-
function
|
|
43254
|
-
const
|
|
43255
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item",
|
|
43256
|
-
i0.ɵɵlistener("metricClick", function
|
|
43614
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_1_For_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
43615
|
+
const _r34 = i0.ɵɵgetCurrentView();
|
|
43616
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item", 71);
|
|
43617
|
+
i0.ɵɵlistener("metricClick", function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_1_For_4_Conditional_0_Template_symphiq_metric_list_item_metricClick_1_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.openMetricDetail($event)); });
|
|
43257
43618
|
i0.ɵɵelementEnd()();
|
|
43258
43619
|
} if (rf & 2) {
|
|
43259
|
-
const
|
|
43260
|
-
const
|
|
43261
|
-
const $
|
|
43620
|
+
const ctx_r34 = i0.ɵɵnextContext();
|
|
43621
|
+
const metric_r36 = ctx_r34.$implicit;
|
|
43622
|
+
const $index_r37 = ctx_r34.$index;
|
|
43262
43623
|
const ctx_r1 = i0.ɵɵnextContext(5);
|
|
43263
43624
|
i0.ɵɵadvance();
|
|
43264
|
-
i0.ɵɵproperty("metric",
|
|
43625
|
+
i0.ɵɵproperty("metric", metric_r36)("isLightMode", ctx_r1.isLightMode())("animationKey", $index_r37);
|
|
43265
43626
|
} }
|
|
43266
|
-
function
|
|
43267
|
-
i0.ɵɵconditionalCreate(0,
|
|
43627
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_1_For_4_Template(rf, ctx) { if (rf & 1) {
|
|
43628
|
+
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_1_For_4_Conditional_0_Template, 2, 3, "div");
|
|
43268
43629
|
} if (rf & 2) {
|
|
43269
|
-
const
|
|
43270
|
-
const
|
|
43271
|
-
i0.ɵɵconditional(
|
|
43630
|
+
const metric_r36 = ctx.$implicit;
|
|
43631
|
+
const data_r33 = i0.ɵɵnextContext(3);
|
|
43632
|
+
i0.ɵɵconditional(data_r33.indirectlyAffectedMetricIds.includes(metric_r36.metric || "") ? 0 : -1);
|
|
43272
43633
|
} }
|
|
43273
|
-
function
|
|
43274
|
-
i0.ɵɵelementStart(0, "div",
|
|
43634
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43635
|
+
i0.ɵɵelementStart(0, "div", 69)(1, "h3", 70);
|
|
43275
43636
|
i0.ɵɵtext(2, " Indirectly Affected Metrics ");
|
|
43276
43637
|
i0.ɵɵelementEnd();
|
|
43277
|
-
i0.ɵɵrepeaterCreate(3,
|
|
43638
|
+
i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_1_For_4_Template, 1, 1, null, null, _forTrack2$2);
|
|
43278
43639
|
i0.ɵɵelementEnd();
|
|
43279
43640
|
} if (rf & 2) {
|
|
43280
|
-
const
|
|
43641
|
+
const data_r33 = i0.ɵɵnextContext(2);
|
|
43281
43642
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43282
43643
|
i0.ɵɵadvance();
|
|
43283
43644
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
43284
43645
|
i0.ɵɵadvance(2);
|
|
43285
|
-
i0.ɵɵrepeater(
|
|
43646
|
+
i0.ɵɵrepeater(data_r33.metrics);
|
|
43286
43647
|
} }
|
|
43287
|
-
function
|
|
43288
|
-
i0.ɵɵconditionalCreate(0,
|
|
43289
|
-
i0.ɵɵconditionalCreate(1,
|
|
43648
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43649
|
+
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_0_Template, 5, 1, "div", 69);
|
|
43650
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Conditional_1_Template, 5, 1, "div", 69);
|
|
43290
43651
|
} if (rf & 2) {
|
|
43291
|
-
const
|
|
43292
|
-
i0.ɵɵconditional(
|
|
43652
|
+
const data_r33 = i0.ɵɵnextContext();
|
|
43653
|
+
i0.ɵɵconditional(data_r33.directlyAffectedMetricId ? 0 : -1);
|
|
43293
43654
|
i0.ɵɵadvance();
|
|
43294
|
-
i0.ɵɵconditional(
|
|
43655
|
+
i0.ɵɵconditional(data_r33.indirectlyAffectedMetricIds && data_r33.indirectlyAffectedMetricIds.length > 0 ? 1 : -1);
|
|
43295
43656
|
} }
|
|
43296
|
-
function
|
|
43297
|
-
const
|
|
43298
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item",
|
|
43299
|
-
i0.ɵɵlistener("metricClick", function
|
|
43657
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
43658
|
+
const _r38 = i0.ɵɵgetCurrentView();
|
|
43659
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item", 71);
|
|
43660
|
+
i0.ɵɵlistener("metricClick", function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_2_For_1_Template_symphiq_metric_list_item_metricClick_1_listener($event) { i0.ɵɵrestoreView(_r38); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openMetricDetail($event)); });
|
|
43300
43661
|
i0.ɵɵelementEnd()();
|
|
43301
43662
|
} if (rf & 2) {
|
|
43302
|
-
const
|
|
43303
|
-
const $
|
|
43663
|
+
const metric_r39 = ctx.$implicit;
|
|
43664
|
+
const $index_r40 = ctx.$index;
|
|
43304
43665
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
43305
43666
|
i0.ɵɵadvance();
|
|
43306
|
-
i0.ɵɵproperty("metric",
|
|
43667
|
+
i0.ɵɵproperty("metric", metric_r39)("isLightMode", ctx_r1.isLightMode())("animationKey", $index_r40);
|
|
43307
43668
|
} }
|
|
43308
|
-
function
|
|
43309
|
-
i0.ɵɵrepeaterCreate(0,
|
|
43669
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
43670
|
+
i0.ɵɵrepeaterCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_2_For_1_Template, 2, 3, "div", null, _forTrack0$T);
|
|
43310
43671
|
} if (rf & 2) {
|
|
43311
|
-
const
|
|
43312
|
-
i0.ɵɵrepeater(
|
|
43672
|
+
const data_r33 = i0.ɵɵnextContext();
|
|
43673
|
+
i0.ɵɵrepeater(data_r33.metrics);
|
|
43313
43674
|
} }
|
|
43314
|
-
function
|
|
43315
|
-
i0.ɵɵelementStart(0, "div",
|
|
43316
|
-
i0.ɵɵconditionalCreate(1,
|
|
43675
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Template(rf, ctx) { if (rf & 1) {
|
|
43676
|
+
i0.ɵɵelementStart(0, "div", 20);
|
|
43677
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_1_Template, 2, 2)(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Conditional_2_Template, 2, 0);
|
|
43317
43678
|
i0.ɵɵelementEnd();
|
|
43318
43679
|
} if (rf & 2) {
|
|
43319
|
-
const
|
|
43680
|
+
const data_r33 = ctx;
|
|
43320
43681
|
i0.ɵɵadvance();
|
|
43321
|
-
i0.ɵɵconditional(
|
|
43682
|
+
i0.ɵɵconditional(data_r33.recommendationContext && (data_r33.directlyAffectedMetricId || data_r33.indirectlyAffectedMetricIds) ? 1 : 2);
|
|
43322
43683
|
} }
|
|
43323
|
-
function
|
|
43324
|
-
i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card",
|
|
43684
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
|
|
43685
|
+
i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card", 24);
|
|
43325
43686
|
} if (rf & 2) {
|
|
43326
43687
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43327
43688
|
i0.ɵɵproperty("metric", ctx)("insights", ctx_r1.allInsights())("charts", ctx_r1.currentCharts())("allCharts", ctx_r1.allCharts())("isLightMode", ctx_r1.isLightMode())("isInModal", true)("currentModalState", ctx_r1.getCurrentModalState())("viewMode", ctx_r1.viewMode());
|
|
43328
43689
|
} }
|
|
43329
|
-
function
|
|
43330
|
-
i0.ɵɵelementStart(0, "p",
|
|
43690
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43691
|
+
i0.ɵɵelementStart(0, "p", 53);
|
|
43331
43692
|
i0.ɵɵtext(1);
|
|
43332
43693
|
i0.ɵɵelementEnd();
|
|
43333
43694
|
} if (rf & 2) {
|
|
43334
|
-
const
|
|
43695
|
+
const data_r41 = i0.ɵɵnextContext();
|
|
43335
43696
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43336
43697
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43337
43698
|
i0.ɵɵadvance();
|
|
43338
|
-
i0.ɵɵtextInterpolate(
|
|
43699
|
+
i0.ɵɵtextInterpolate(data_r41.insightContext == null ? null : data_r41.insightContext.description);
|
|
43339
43700
|
} }
|
|
43340
|
-
function
|
|
43341
|
-
const
|
|
43342
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-chart-card",
|
|
43343
|
-
i0.ɵɵlistener("chartClick", function
|
|
43701
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_28_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
43702
|
+
const _r42 = i0.ɵɵgetCurrentView();
|
|
43703
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-chart-card", 72);
|
|
43704
|
+
i0.ɵɵlistener("chartClick", function ProfileAnalysisModalComponent_Conditional_0_Conditional_28_For_3_Template_symphiq_chart_card_chartClick_1_listener($event) { i0.ɵɵrestoreView(_r42); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openChartDetail($event)); });
|
|
43344
43705
|
i0.ɵɵelementEnd()();
|
|
43345
43706
|
} if (rf & 2) {
|
|
43346
|
-
const
|
|
43707
|
+
const chart_r43 = ctx.$implicit;
|
|
43347
43708
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
43348
43709
|
i0.ɵɵadvance();
|
|
43349
|
-
i0.ɵɵproperty("chart",
|
|
43710
|
+
i0.ɵɵproperty("chart", chart_r43)("viewMode", ctx_r1.viewMode())("isLightMode", ctx_r1.isLightMode());
|
|
43350
43711
|
} }
|
|
43351
|
-
function
|
|
43352
|
-
i0.ɵɵelementStart(0, "div",
|
|
43353
|
-
i0.ɵɵconditionalCreate(1,
|
|
43354
|
-
i0.ɵɵrepeaterCreate(2,
|
|
43712
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Template(rf, ctx) { if (rf & 1) {
|
|
43713
|
+
i0.ɵɵelementStart(0, "div", 20);
|
|
43714
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Conditional_1_Template, 2, 2, "p", 53);
|
|
43715
|
+
i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_28_For_3_Template, 2, 3, "div", null, i0.ɵɵrepeaterTrackByIndex);
|
|
43355
43716
|
i0.ɵɵelementEnd();
|
|
43356
43717
|
} if (rf & 2) {
|
|
43357
|
-
const
|
|
43718
|
+
const data_r41 = ctx;
|
|
43358
43719
|
i0.ɵɵadvance();
|
|
43359
|
-
i0.ɵɵconditional((
|
|
43720
|
+
i0.ɵɵconditional((data_r41.insightContext == null ? null : data_r41.insightContext.description) ? 1 : -1);
|
|
43360
43721
|
i0.ɵɵadvance();
|
|
43361
|
-
i0.ɵɵrepeater(
|
|
43722
|
+
i0.ɵɵrepeater(data_r41.charts);
|
|
43362
43723
|
} }
|
|
43363
|
-
function
|
|
43364
|
-
i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card",
|
|
43724
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
43725
|
+
i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card", 25);
|
|
43365
43726
|
} if (rf & 2) {
|
|
43366
43727
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43367
43728
|
i0.ɵɵproperty("insight", ctx)("allMetrics", ctx_r1.allMetrics())("charts", ctx_r1.currentCharts())("allCharts", ctx_r1.allCharts())("allBusinessInsights", ctx_r1.businessInsightsForInsightCard())("isLightMode", ctx_r1.isLightMode())("isInModal", true)("isLoading", false)("isCompactMode", false)("viewMode", ctx_r1.viewMode())("currentModalState", ctx_r1.getCurrentModalState());
|
|
43368
43729
|
} }
|
|
43369
|
-
function
|
|
43370
|
-
i0.ɵɵelementStart(0, "p",
|
|
43730
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43731
|
+
i0.ɵɵelementStart(0, "p", 73);
|
|
43371
43732
|
i0.ɵɵtext(1);
|
|
43372
43733
|
i0.ɵɵelementEnd();
|
|
43373
43734
|
} if (rf & 2) {
|
|
43374
|
-
const
|
|
43735
|
+
const chart_r44 = i0.ɵɵnextContext();
|
|
43375
43736
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43376
43737
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
43377
43738
|
i0.ɵɵadvance();
|
|
43378
|
-
i0.ɵɵtextInterpolate(
|
|
43739
|
+
i0.ɵɵtextInterpolate(chart_r44.description);
|
|
43379
43740
|
} }
|
|
43380
|
-
function
|
|
43381
|
-
i0.ɵɵelement(0, "symphiq-line-chart",
|
|
43741
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_3_Defer_0_Template(rf, ctx) { if (rf & 1) {
|
|
43742
|
+
i0.ɵɵelement(0, "symphiq-line-chart", 75);
|
|
43382
43743
|
} if (rf & 2) {
|
|
43383
|
-
const
|
|
43744
|
+
const chart_r44 = i0.ɵɵnextContext(2);
|
|
43384
43745
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43385
|
-
i0.ɵɵproperty("chart",
|
|
43746
|
+
i0.ɵɵproperty("chart", chart_r44)("showAxisLabels", true)("viewMode", ctx_r1.viewMode());
|
|
43386
43747
|
} }
|
|
43387
|
-
function
|
|
43388
|
-
i0.ɵɵelementStart(0, "div",
|
|
43389
|
-
i0.ɵɵelement(1, "div",
|
|
43748
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_3_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
|
|
43749
|
+
i0.ɵɵelementStart(0, "div", 76);
|
|
43750
|
+
i0.ɵɵelement(1, "div", 77);
|
|
43390
43751
|
i0.ɵɵelementEnd();
|
|
43391
43752
|
} if (rf & 2) {
|
|
43392
43753
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
43393
43754
|
i0.ɵɵadvance();
|
|
43394
43755
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "border-2 border-slate-300 border-t-blue-500" : "border-2 border-slate-600 border-t-blue-400");
|
|
43395
43756
|
} }
|
|
43396
|
-
function
|
|
43397
|
-
i0.ɵɵdomTemplate(0,
|
|
43398
|
-
i0.ɵɵdefer(2, 0,
|
|
43757
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
43758
|
+
i0.ɵɵdomTemplate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_3_Defer_0_Template, 1, 3)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_3_DeferPlaceholder_1_Template, 2, 1);
|
|
43759
|
+
i0.ɵɵdefer(2, 0, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_3_Defer_2_DepsFn, null, 1);
|
|
43399
43760
|
i0.ɵɵdeferOnIdle();
|
|
43400
43761
|
} }
|
|
43401
|
-
function
|
|
43402
|
-
i0.ɵɵelement(0, "symphiq-bar-chart",
|
|
43762
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_4_Defer_0_Template(rf, ctx) { if (rf & 1) {
|
|
43763
|
+
i0.ɵɵelement(0, "symphiq-bar-chart", 75);
|
|
43403
43764
|
} if (rf & 2) {
|
|
43404
|
-
const
|
|
43765
|
+
const chart_r44 = i0.ɵɵnextContext(2);
|
|
43405
43766
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43406
|
-
i0.ɵɵproperty("chart",
|
|
43767
|
+
i0.ɵɵproperty("chart", chart_r44)("showAxisLabels", true)("viewMode", ctx_r1.viewMode());
|
|
43407
43768
|
} }
|
|
43408
|
-
function
|
|
43409
|
-
i0.ɵɵelementStart(0, "div",
|
|
43410
|
-
i0.ɵɵelement(1, "div",
|
|
43769
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_4_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
|
|
43770
|
+
i0.ɵɵelementStart(0, "div", 76);
|
|
43771
|
+
i0.ɵɵelement(1, "div", 77);
|
|
43411
43772
|
i0.ɵɵelementEnd();
|
|
43412
43773
|
} if (rf & 2) {
|
|
43413
43774
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
43414
43775
|
i0.ɵɵadvance();
|
|
43415
43776
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "border-2 border-slate-300 border-t-blue-500" : "border-2 border-slate-600 border-t-blue-400");
|
|
43416
43777
|
} }
|
|
43417
|
-
function
|
|
43418
|
-
i0.ɵɵdomTemplate(0,
|
|
43419
|
-
i0.ɵɵdefer(2, 0,
|
|
43778
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
43779
|
+
i0.ɵɵdomTemplate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_4_Defer_0_Template, 1, 3)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_4_DeferPlaceholder_1_Template, 2, 1);
|
|
43780
|
+
i0.ɵɵdefer(2, 0, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_4_Defer_2_DepsFn, null, 1);
|
|
43420
43781
|
i0.ɵɵdeferOnIdle();
|
|
43421
43782
|
} }
|
|
43422
|
-
function
|
|
43423
|
-
i0.ɵɵelement(0, "symphiq-pie-chart",
|
|
43783
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_5_Defer_0_Template(rf, ctx) { if (rf & 1) {
|
|
43784
|
+
i0.ɵɵelement(0, "symphiq-pie-chart", 75);
|
|
43424
43785
|
} if (rf & 2) {
|
|
43425
|
-
const
|
|
43786
|
+
const chart_r44 = i0.ɵɵnextContext(2);
|
|
43426
43787
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43427
|
-
i0.ɵɵproperty("chart",
|
|
43788
|
+
i0.ɵɵproperty("chart", chart_r44)("showAxisLabels", true)("viewMode", ctx_r1.viewMode());
|
|
43428
43789
|
} }
|
|
43429
|
-
function
|
|
43430
|
-
i0.ɵɵelementStart(0, "div",
|
|
43431
|
-
i0.ɵɵelement(1, "div",
|
|
43790
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_5_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
|
|
43791
|
+
i0.ɵɵelementStart(0, "div", 76);
|
|
43792
|
+
i0.ɵɵelement(1, "div", 77);
|
|
43432
43793
|
i0.ɵɵelementEnd();
|
|
43433
43794
|
} if (rf & 2) {
|
|
43434
43795
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
43435
43796
|
i0.ɵɵadvance();
|
|
43436
43797
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "border-2 border-slate-300 border-t-blue-500" : "border-2 border-slate-600 border-t-blue-400");
|
|
43437
43798
|
} }
|
|
43438
|
-
function
|
|
43439
|
-
i0.ɵɵdomTemplate(0,
|
|
43440
|
-
i0.ɵɵdefer(2, 0,
|
|
43799
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
43800
|
+
i0.ɵɵdomTemplate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_5_Defer_0_Template, 1, 3)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_5_DeferPlaceholder_1_Template, 2, 1);
|
|
43801
|
+
i0.ɵɵdefer(2, 0, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_5_Defer_2_DepsFn, null, 1);
|
|
43441
43802
|
i0.ɵɵdeferOnIdle();
|
|
43442
43803
|
} }
|
|
43443
|
-
function
|
|
43444
|
-
i0.ɵɵelement(0, "symphiq-area-chart",
|
|
43804
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_6_Defer_0_Template(rf, ctx) { if (rf & 1) {
|
|
43805
|
+
i0.ɵɵelement(0, "symphiq-area-chart", 75);
|
|
43445
43806
|
} if (rf & 2) {
|
|
43446
|
-
const
|
|
43807
|
+
const chart_r44 = i0.ɵɵnextContext(2);
|
|
43447
43808
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43448
|
-
i0.ɵɵproperty("chart",
|
|
43809
|
+
i0.ɵɵproperty("chart", chart_r44)("showAxisLabels", true)("viewMode", ctx_r1.viewMode());
|
|
43449
43810
|
} }
|
|
43450
|
-
function
|
|
43451
|
-
i0.ɵɵelementStart(0, "div",
|
|
43452
|
-
i0.ɵɵelement(1, "div",
|
|
43811
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_6_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
|
|
43812
|
+
i0.ɵɵelementStart(0, "div", 76);
|
|
43813
|
+
i0.ɵɵelement(1, "div", 77);
|
|
43453
43814
|
i0.ɵɵelementEnd();
|
|
43454
43815
|
} if (rf & 2) {
|
|
43455
43816
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
43456
43817
|
i0.ɵɵadvance();
|
|
43457
43818
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "border-2 border-slate-300 border-t-blue-500" : "border-2 border-slate-600 border-t-blue-400");
|
|
43458
43819
|
} }
|
|
43459
|
-
function
|
|
43460
|
-
i0.ɵɵdomTemplate(0,
|
|
43461
|
-
i0.ɵɵdefer(2, 0,
|
|
43820
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
43821
|
+
i0.ɵɵdomTemplate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_6_Defer_0_Template, 1, 3)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_6_DeferPlaceholder_1_Template, 2, 1);
|
|
43822
|
+
i0.ɵɵdefer(2, 0, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_6_Defer_2_DepsFn, null, 1);
|
|
43462
43823
|
i0.ɵɵdeferOnIdle();
|
|
43463
43824
|
} }
|
|
43464
|
-
function
|
|
43465
|
-
i0.ɵɵelementStart(0, "div",
|
|
43466
|
-
i0.ɵɵconditionalCreate(1,
|
|
43467
|
-
i0.ɵɵelementStart(2, "div",
|
|
43468
|
-
i0.ɵɵconditionalCreate(3,
|
|
43469
|
-
i0.ɵɵconditionalCreate(4,
|
|
43470
|
-
i0.ɵɵconditionalCreate(5,
|
|
43471
|
-
i0.ɵɵconditionalCreate(6,
|
|
43825
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Template(rf, ctx) { if (rf & 1) {
|
|
43826
|
+
i0.ɵɵelementStart(0, "div", 26);
|
|
43827
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_1_Template, 2, 2, "p", 73);
|
|
43828
|
+
i0.ɵɵelementStart(2, "div", 74);
|
|
43829
|
+
i0.ɵɵconditionalCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_3_Template, 4, 0);
|
|
43830
|
+
i0.ɵɵconditionalCreate(4, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_4_Template, 4, 0);
|
|
43831
|
+
i0.ɵɵconditionalCreate(5, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_5_Template, 4, 0);
|
|
43832
|
+
i0.ɵɵconditionalCreate(6, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Conditional_6_Template, 4, 0);
|
|
43472
43833
|
i0.ɵɵelementEnd()();
|
|
43473
43834
|
} if (rf & 2) {
|
|
43474
|
-
const
|
|
43835
|
+
const chart_r44 = ctx;
|
|
43475
43836
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43476
43837
|
i0.ɵɵproperty("@fadeIn", undefined);
|
|
43477
43838
|
i0.ɵɵadvance();
|
|
43478
|
-
i0.ɵɵconditional(
|
|
43839
|
+
i0.ɵɵconditional(chart_r44.description ? 1 : -1);
|
|
43479
43840
|
i0.ɵɵadvance(2);
|
|
43480
|
-
i0.ɵɵconditional(
|
|
43841
|
+
i0.ɵɵconditional(chart_r44.chartType === ctx_r1.ChartTypeEnum.LINE && chart_r44.lineChartData ? 3 : -1);
|
|
43481
43842
|
i0.ɵɵadvance();
|
|
43482
|
-
i0.ɵɵconditional(
|
|
43843
|
+
i0.ɵɵconditional(chart_r44.chartType === ctx_r1.ChartTypeEnum.BAR && chart_r44.barChartData ? 4 : -1);
|
|
43483
43844
|
i0.ɵɵadvance();
|
|
43484
|
-
i0.ɵɵconditional(
|
|
43845
|
+
i0.ɵɵconditional(chart_r44.chartType === ctx_r1.ChartTypeEnum.PIE && chart_r44.pieChartData ? 5 : -1);
|
|
43485
43846
|
i0.ɵɵadvance();
|
|
43486
|
-
i0.ɵɵconditional(
|
|
43487
|
-
} }
|
|
43488
|
-
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
43489
|
-
i0.ɵɵelement(0, "symphiq-key-strengths-list-modal-content", 25);
|
|
43490
|
-
} if (rf & 2) {
|
|
43491
|
-
const data_r44 = ctx;
|
|
43492
|
-
i0.ɵɵproperty("keyStrengths", data_r44.keyStrengths)("viewMode", data_r44.viewMode)("@fadeIn", undefined);
|
|
43847
|
+
i0.ɵɵconditional(chart_r44.chartType === ctx_r1.ChartTypeEnum.AREA && chart_r44.areaChartData ? 6 : -1);
|
|
43493
43848
|
} }
|
|
43494
|
-
function
|
|
43495
|
-
i0.ɵɵelement(0, "symphiq-
|
|
43849
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Template(rf, ctx) { if (rf & 1) {
|
|
43850
|
+
i0.ɵɵelement(0, "symphiq-key-strengths-list-modal-content", 27);
|
|
43496
43851
|
} if (rf & 2) {
|
|
43497
43852
|
const data_r45 = ctx;
|
|
43498
|
-
i0.ɵɵproperty("
|
|
43853
|
+
i0.ɵɵproperty("keyStrengths", data_r45.keyStrengths)("viewMode", data_r45.viewMode)("@fadeIn", undefined);
|
|
43499
43854
|
} }
|
|
43500
|
-
function
|
|
43501
|
-
i0.ɵɵelement(0, "symphiq-
|
|
43855
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_32_Template(rf, ctx) { if (rf & 1) {
|
|
43856
|
+
i0.ɵɵelement(0, "symphiq-critical-gaps-list-modal-content", 28);
|
|
43502
43857
|
} if (rf & 2) {
|
|
43503
43858
|
const data_r46 = ctx;
|
|
43504
|
-
i0.ɵɵproperty("
|
|
43859
|
+
i0.ɵɵproperty("criticalGaps", data_r46.criticalGaps)("viewMode", data_r46.viewMode)("@fadeIn", undefined);
|
|
43505
43860
|
} }
|
|
43506
|
-
function
|
|
43507
|
-
i0.ɵɵelement(0, "symphiq-
|
|
43861
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_33_Template(rf, ctx) { if (rf & 1) {
|
|
43862
|
+
i0.ɵɵelement(0, "symphiq-key-strength-detail-modal-content", 29);
|
|
43508
43863
|
} if (rf & 2) {
|
|
43509
43864
|
const data_r47 = ctx;
|
|
43510
|
-
i0.ɵɵproperty("
|
|
43865
|
+
i0.ɵɵproperty("strength", data_r47.strength)("viewMode", data_r47.viewMode)("@fadeIn", undefined);
|
|
43511
43866
|
} }
|
|
43512
|
-
function
|
|
43513
|
-
|
|
43514
|
-
i0.ɵɵelementStart(0, "symphiq-top-priorities-list-modal-content", 77);
|
|
43515
|
-
i0.ɵɵlistener("priorityClick", function ProfileAnalysisModalComponent_Conditional_0_Conditional_33_Template_symphiq_top_priorities_list_modal_content_priorityClick_0_listener($event) { i0.ɵɵrestoreView(_r48); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTopPriorityClick($event.priority, $event.index)); });
|
|
43516
|
-
i0.ɵɵelementEnd();
|
|
43867
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_34_Template(rf, ctx) { if (rf & 1) {
|
|
43868
|
+
i0.ɵɵelement(0, "symphiq-critical-gap-detail-modal-content", 30);
|
|
43517
43869
|
} if (rf & 2) {
|
|
43518
|
-
const
|
|
43519
|
-
i0.ɵɵproperty("
|
|
43870
|
+
const data_r48 = ctx;
|
|
43871
|
+
i0.ɵɵproperty("gap", data_r48.gap)("viewMode", data_r48.viewMode)("@fadeIn", undefined);
|
|
43520
43872
|
} }
|
|
43521
|
-
function
|
|
43522
|
-
i0.ɵɵ
|
|
43873
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_35_Template(rf, ctx) { if (rf & 1) {
|
|
43874
|
+
const _r49 = i0.ɵɵgetCurrentView();
|
|
43875
|
+
i0.ɵɵelementStart(0, "symphiq-top-priorities-list-modal-content", 78);
|
|
43876
|
+
i0.ɵɵlistener("priorityClick", function ProfileAnalysisModalComponent_Conditional_0_Conditional_35_Template_symphiq_top_priorities_list_modal_content_priorityClick_0_listener($event) { i0.ɵɵrestoreView(_r49); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTopPriorityClick($event.priority, $event.index)); });
|
|
43877
|
+
i0.ɵɵelementEnd();
|
|
43523
43878
|
} if (rf & 2) {
|
|
43524
43879
|
const data_r50 = ctx;
|
|
43525
|
-
i0.ɵɵproperty("
|
|
43880
|
+
i0.ɵɵproperty("priorities", data_r50.priorities)("viewMode", data_r50.viewMode)("focusAreaName", data_r50.focusAreaName)("@fadeIn", undefined);
|
|
43526
43881
|
} }
|
|
43527
|
-
function
|
|
43528
|
-
i0.ɵɵelement(0, "symphiq-
|
|
43882
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_36_Template(rf, ctx) { if (rf & 1) {
|
|
43883
|
+
i0.ɵɵelement(0, "symphiq-top-priority-detail-modal-content", 32);
|
|
43529
43884
|
} if (rf & 2) {
|
|
43530
43885
|
const data_r51 = ctx;
|
|
43531
|
-
i0.ɵɵproperty("
|
|
43886
|
+
i0.ɵɵproperty("priority", data_r51.priority)("index", data_r51.index)("totalCount", data_r51.totalCount)("viewMode", data_r51.viewMode)("focusAreaName", data_r51.focusAreaName)("@fadeIn", undefined);
|
|
43532
43887
|
} }
|
|
43533
|
-
function
|
|
43534
|
-
i0.ɵɵelement(0, "symphiq-focus-area-
|
|
43888
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_37_Template(rf, ctx) { if (rf & 1) {
|
|
43889
|
+
i0.ɵɵelement(0, "symphiq-focus-area-strengths-list-modal-content", 33);
|
|
43535
43890
|
} if (rf & 2) {
|
|
43536
43891
|
const data_r52 = ctx;
|
|
43537
|
-
i0.ɵɵproperty("
|
|
43892
|
+
i0.ɵɵproperty("strengths", data_r52.strengths)("viewMode", data_r52.viewMode)("categoryTitle", data_r52.categoryTitle)("@fadeIn", undefined);
|
|
43538
43893
|
} }
|
|
43539
|
-
function
|
|
43540
|
-
i0.ɵɵelement(0, "symphiq-focus-area-
|
|
43894
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_38_Template(rf, ctx) { if (rf & 1) {
|
|
43895
|
+
i0.ɵɵelement(0, "symphiq-focus-area-gaps-list-modal-content", 34);
|
|
43541
43896
|
} if (rf & 2) {
|
|
43542
43897
|
const data_r53 = ctx;
|
|
43543
|
-
i0.ɵɵproperty("
|
|
43898
|
+
i0.ɵɵproperty("gaps", data_r53.gaps)("viewMode", data_r53.viewMode)("categoryTitle", data_r53.categoryTitle)("@fadeIn", undefined);
|
|
43544
43899
|
} }
|
|
43545
|
-
function
|
|
43546
|
-
i0.ɵɵelement(0, "symphiq-focus-area-
|
|
43900
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
|
|
43901
|
+
i0.ɵɵelement(0, "symphiq-focus-area-opportunities-list-modal-content", 35);
|
|
43547
43902
|
} if (rf & 2) {
|
|
43548
43903
|
const data_r54 = ctx;
|
|
43549
|
-
|
|
43550
|
-
i0.ɵɵproperty("strength", data_r54.strength)("viewMode", data_r54.viewMode)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("currentModalState", ctx_r1.getCurrentModalState())("@fadeIn", undefined);
|
|
43904
|
+
i0.ɵɵproperty("opportunities", data_r54.opportunities)("viewMode", data_r54.viewMode)("categoryTitle", data_r54.categoryTitle)("@fadeIn", undefined);
|
|
43551
43905
|
} }
|
|
43552
|
-
function
|
|
43553
|
-
i0.ɵɵelement(0, "symphiq-focus-area-
|
|
43906
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_40_Template(rf, ctx) { if (rf & 1) {
|
|
43907
|
+
i0.ɵɵelement(0, "symphiq-focus-area-strength-detail-modal-content", 36);
|
|
43554
43908
|
} if (rf & 2) {
|
|
43555
43909
|
const data_r55 = ctx;
|
|
43556
43910
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43557
|
-
i0.ɵɵproperty("
|
|
43911
|
+
i0.ɵɵproperty("strength", data_r55.strength)("viewMode", data_r55.viewMode)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("currentModalState", ctx_r1.getCurrentModalState())("@fadeIn", undefined);
|
|
43558
43912
|
} }
|
|
43559
|
-
function
|
|
43560
|
-
i0.ɵɵelement(0, "symphiq-focus-area-
|
|
43913
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_41_Template(rf, ctx) { if (rf & 1) {
|
|
43914
|
+
i0.ɵɵelement(0, "symphiq-focus-area-gap-detail-modal-content", 37);
|
|
43561
43915
|
} if (rf & 2) {
|
|
43562
43916
|
const data_r56 = ctx;
|
|
43563
43917
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43564
|
-
i0.ɵɵproperty("
|
|
43918
|
+
i0.ɵɵproperty("gap", data_r56.gap)("viewMode", data_r56.viewMode)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("currentModalState", ctx_r1.getCurrentModalState())("@fadeIn", undefined);
|
|
43565
43919
|
} }
|
|
43566
|
-
function
|
|
43920
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_42_Template(rf, ctx) { if (rf & 1) {
|
|
43921
|
+
i0.ɵɵelement(0, "symphiq-focus-area-opportunity-detail-modal-content", 38);
|
|
43922
|
+
} if (rf & 2) {
|
|
43923
|
+
const data_r57 = ctx;
|
|
43924
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43925
|
+
i0.ɵɵproperty("opportunity", data_r57.opportunity)("viewMode", data_r57.viewMode)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("currentModalState", ctx_r1.getCurrentModalState())("@fadeIn", undefined);
|
|
43926
|
+
} }
|
|
43927
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_43_Template(rf, ctx) { if (rf & 1) {
|
|
43567
43928
|
i0.ɵɵprojection(0);
|
|
43568
43929
|
} }
|
|
43569
43930
|
function ProfileAnalysisModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -43576,19 +43937,20 @@ function ProfileAnalysisModalComponent_Conditional_0_Template(rf, ctx) { if (rf
|
|
|
43576
43937
|
i0.ɵɵelementStart(4, "div", 6)(5, "div", 7)(6, "div", 8);
|
|
43577
43938
|
i0.ɵɵconditionalCreate(7, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_Template, 6, 5, "div", 9);
|
|
43578
43939
|
i0.ɵɵconditionalCreate(8, ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Template, 5, 4, "div", 10);
|
|
43579
|
-
i0.ɵɵelementStart(9, "
|
|
43580
|
-
i0.ɵɵtext(
|
|
43940
|
+
i0.ɵɵelementStart(9, "div", 11)(10, "h3", 12);
|
|
43941
|
+
i0.ɵɵtext(11);
|
|
43942
|
+
i0.ɵɵelementEnd();
|
|
43943
|
+
i0.ɵɵconditionalCreate(12, ProfileAnalysisModalComponent_Conditional_0_Conditional_12_Template, 3, 2, "div", 13);
|
|
43581
43944
|
i0.ɵɵelementEnd()();
|
|
43582
|
-
i0.ɵɵ
|
|
43583
|
-
i0.ɵɵ
|
|
43584
|
-
i0.ɵɵlistener("click", function ProfileAnalysisModalComponent_Conditional_0_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeModal()); });
|
|
43945
|
+
i0.ɵɵelementStart(13, "button", 14);
|
|
43946
|
+
i0.ɵɵlistener("click", function ProfileAnalysisModalComponent_Conditional_0_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeModal()); });
|
|
43585
43947
|
i0.ɵɵnamespaceSVG();
|
|
43586
|
-
i0.ɵɵelementStart(
|
|
43587
|
-
i0.ɵɵelement(
|
|
43948
|
+
i0.ɵɵelementStart(14, "svg", 15);
|
|
43949
|
+
i0.ɵɵelement(15, "path", 16);
|
|
43588
43950
|
i0.ɵɵelementEnd()()()();
|
|
43589
43951
|
i0.ɵɵnamespaceHTML();
|
|
43590
|
-
i0.ɵɵelementStart(
|
|
43591
|
-
i0.ɵɵconditionalCreate(
|
|
43952
|
+
i0.ɵɵelementStart(16, "div", 17, 1);
|
|
43953
|
+
i0.ɵɵconditionalCreate(18, ProfileAnalysisModalComponent_Conditional_0_Conditional_18_Template, 1, 7, "symphiq-goal-detail-modal-content", 18)(19, ProfileAnalysisModalComponent_Conditional_0_Conditional_19_Template, 1, 5, "symphiq-goal-objectives-modal-content", 19)(20, ProfileAnalysisModalComponent_Conditional_0_Conditional_20_Template, 4, 1, "div", 20)(21, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Template, 4, 1, "div", 20)(22, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Template, 4, 1, "div", 21)(23, ProfileAnalysisModalComponent_Conditional_0_Conditional_23_Template, 4, 1, "div", 21)(24, ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Template, 1, 15, "symphiq-recommendation-card", 22)(25, ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Template, 1, 6, "symphiq-item-detail-modal", 23)(26, ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Template, 3, 1, "div", 20)(27, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Template, 1, 8, "symphiq-funnel-analysis-metric-card", 24)(28, ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Template, 4, 1, "div", 20)(29, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Template, 1, 11, "symphiq-funnel-analysis-insight-card", 25)(30, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Template, 7, 6, "div", 26)(31, ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Template, 1, 3, "symphiq-key-strengths-list-modal-content", 27)(32, ProfileAnalysisModalComponent_Conditional_0_Conditional_32_Template, 1, 3, "symphiq-critical-gaps-list-modal-content", 28)(33, ProfileAnalysisModalComponent_Conditional_0_Conditional_33_Template, 1, 3, "symphiq-key-strength-detail-modal-content", 29)(34, ProfileAnalysisModalComponent_Conditional_0_Conditional_34_Template, 1, 3, "symphiq-critical-gap-detail-modal-content", 30)(35, ProfileAnalysisModalComponent_Conditional_0_Conditional_35_Template, 1, 4, "symphiq-top-priorities-list-modal-content", 31)(36, ProfileAnalysisModalComponent_Conditional_0_Conditional_36_Template, 1, 6, "symphiq-top-priority-detail-modal-content", 32)(37, ProfileAnalysisModalComponent_Conditional_0_Conditional_37_Template, 1, 4, "symphiq-focus-area-strengths-list-modal-content", 33)(38, ProfileAnalysisModalComponent_Conditional_0_Conditional_38_Template, 1, 4, "symphiq-focus-area-gaps-list-modal-content", 34)(39, ProfileAnalysisModalComponent_Conditional_0_Conditional_39_Template, 1, 4, "symphiq-focus-area-opportunities-list-modal-content", 35)(40, ProfileAnalysisModalComponent_Conditional_0_Conditional_40_Template, 1, 6, "symphiq-focus-area-strength-detail-modal-content", 36)(41, ProfileAnalysisModalComponent_Conditional_0_Conditional_41_Template, 1, 6, "symphiq-focus-area-gap-detail-modal-content", 37)(42, ProfileAnalysisModalComponent_Conditional_0_Conditional_42_Template, 1, 6, "symphiq-focus-area-opportunity-detail-modal-content", 38)(43, ProfileAnalysisModalComponent_Conditional_0_Conditional_43_Template, 1, 0);
|
|
43592
43954
|
i0.ɵɵelementEnd()()();
|
|
43593
43955
|
} if (rf & 2) {
|
|
43594
43956
|
let tmp_17_0;
|
|
@@ -43608,18 +43970,18 @@ function ProfileAnalysisModalComponent_Conditional_0_Template(rf, ctx) { if (rf
|
|
|
43608
43970
|
i0.ɵɵconditional(ctx_r1.hasNavigationHistory() ? 7 : -1);
|
|
43609
43971
|
i0.ɵɵadvance();
|
|
43610
43972
|
i0.ɵɵconditional(ctx_r1.modalTypeLabel() ? 8 : -1);
|
|
43611
|
-
i0.ɵɵadvance();
|
|
43973
|
+
i0.ɵɵadvance(2);
|
|
43612
43974
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900" : "text-white");
|
|
43613
43975
|
i0.ɵɵadvance();
|
|
43614
43976
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.modalTitle(), " ");
|
|
43615
43977
|
i0.ɵɵadvance();
|
|
43616
|
-
i0.ɵɵconditional((tmp_17_0 = ctx_r1.getGoalChips()) ?
|
|
43978
|
+
i0.ɵɵconditional((tmp_17_0 = ctx_r1.getGoalChips()) ? 12 : -1, tmp_17_0);
|
|
43617
43979
|
i0.ɵɵadvance();
|
|
43618
43980
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600 hover:text-slate-900 hover:bg-slate-100" : "text-slate-400 hover:text-white hover:bg-slate-700");
|
|
43619
43981
|
i0.ɵɵadvance(3);
|
|
43620
43982
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/30" : "bg-slate-800/30");
|
|
43621
43983
|
i0.ɵɵadvance(2);
|
|
43622
|
-
i0.ɵɵconditional((tmp_20_0 = ctx_r1.modalType() === "goal-detail" && ctx_r1.getGoalDetailData()) ?
|
|
43984
|
+
i0.ɵɵconditional((tmp_20_0 = ctx_r1.modalType() === "goal-detail" && ctx_r1.getGoalDetailData()) ? 18 : (tmp_20_0 = ctx_r1.modalType() === "goal-objectives" && ctx_r1.getGoalObjectivesData()) ? 19 : (tmp_20_0 = ctx_r1.modalType() === "goal-insights-list" && ctx_r1.getInsightsListData()) ? 20 : (tmp_20_0 = ctx_r1.modalType() === "recommendation-insights-list" && ctx_r1.getRecommendationInsightsListData()) ? 21 : (tmp_20_0 = ctx_r1.modalType() === "goal-business-insights-list" && ctx_r1.getBusinessInsightsListData()) ? 22 : (tmp_20_0 = ctx_r1.modalType() === "recommendation-business-insights-list" && ctx_r1.getRecommendationBusinessInsightsListData()) ? 23 : (tmp_20_0 = ctx_r1.modalType() === "business-insight-detail" && ctx_r1.getBusinessInsightDetailData()) ? 24 : (tmp_20_0 = ctx_r1.modalType() === "item-detail" && ctx_r1.itemDetailData()) ? 25 : (tmp_20_0 = ctx_r1.modalType() === "metrics-list" && ctx_r1.getMetricsListData()) ? 26 : (tmp_20_0 = ctx_r1.modalType() === "metric" && ctx_r1.getMetricData()) ? 27 : (tmp_20_0 = ctx_r1.modalType() === "charts-list" && ctx_r1.getChartsListData()) ? 28 : (tmp_20_0 = ctx_r1.modalType() === "insight" && ctx_r1.getInsightData()) ? 29 : (tmp_20_0 = ctx_r1.modalType() === "chart" && ctx_r1.getChartData()) ? 30 : (tmp_20_0 = ctx_r1.modalType() === "key-strengths-list" && ctx_r1.getKeyStrengthsListData()) ? 31 : (tmp_20_0 = ctx_r1.modalType() === "critical-gaps-list" && ctx_r1.getCriticalGapsListData()) ? 32 : (tmp_20_0 = ctx_r1.modalType() === "key-strength-detail" && ctx_r1.getKeyStrengthDetailData()) ? 33 : (tmp_20_0 = ctx_r1.modalType() === "critical-gap-detail" && ctx_r1.getCriticalGapDetailData()) ? 34 : (tmp_20_0 = ctx_r1.modalType() === "top-priorities-list" && ctx_r1.getTopPrioritiesListData()) ? 35 : (tmp_20_0 = ctx_r1.modalType() === "top-priority-detail" && ctx_r1.getTopPriorityDetailData()) ? 36 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-strengths-list" && ctx_r1.getFocusAreaStrengthsListData()) ? 37 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-gaps-list" && ctx_r1.getFocusAreaGapsListData()) ? 38 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-opportunities-list" && ctx_r1.getFocusAreaOpportunitiesListData()) ? 39 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-strength-detail" && ctx_r1.getFocusAreaStrengthDetailData()) ? 40 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-gap-detail" && ctx_r1.getFocusAreaGapDetailData()) ? 41 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-opportunity-detail" && ctx_r1.getFocusAreaOpportunityDetailData()) ? 42 : 43, tmp_20_0);
|
|
43623
43985
|
} }
|
|
43624
43986
|
class ProfileAnalysisModalComponent {
|
|
43625
43987
|
constructor() {
|
|
@@ -43660,6 +44022,7 @@ class ProfileAnalysisModalComponent {
|
|
|
43660
44022
|
this.hostElement = inject(ElementRef);
|
|
43661
44023
|
this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
|
|
43662
44024
|
this.modalReady = signal(false, ...(ngDevMode ? [{ debugName: "modalReady" }] : []));
|
|
44025
|
+
this.isFreshOpen = signal(false, ...(ngDevMode ? [{ debugName: "isFreshOpen" }] : []));
|
|
43663
44026
|
this.modalMovedToBody = false;
|
|
43664
44027
|
this.modalType = signal(null, ...(ngDevMode ? [{ debugName: "modalType" }] : []));
|
|
43665
44028
|
this.modalTitle = signal('', ...(ngDevMode ? [{ debugName: "modalTitle" }] : []));
|
|
@@ -44233,20 +44596,32 @@ class ProfileAnalysisModalComponent {
|
|
|
44233
44596
|
}
|
|
44234
44597
|
return undefined;
|
|
44235
44598
|
}, ...(ngDevMode ? [{ debugName: "sourceAnalysisType" }] : []));
|
|
44599
|
+
this.sourceTypeTitle = computed(() => {
|
|
44600
|
+
const data = this.modalData();
|
|
44601
|
+
if (data && 'sourceTypeTitle' in data) {
|
|
44602
|
+
return data.sourceTypeTitle;
|
|
44603
|
+
}
|
|
44604
|
+
return undefined;
|
|
44605
|
+
}, ...(ngDevMode ? [{ debugName: "sourceTypeTitle" }] : []));
|
|
44236
44606
|
this.sourceAnalysisTypeLabel = computed(() => {
|
|
44237
44607
|
const type = this.sourceAnalysisType();
|
|
44608
|
+
const title = this.sourceTypeTitle();
|
|
44238
44609
|
if (!type)
|
|
44239
44610
|
return null;
|
|
44611
|
+
let baseLabel;
|
|
44240
44612
|
switch (type) {
|
|
44241
44613
|
case ProfileAnalysisTypeEnum.SHOP:
|
|
44242
44614
|
return 'Shop Analysis';
|
|
44243
44615
|
case ProfileAnalysisTypeEnum.FOCUS_AREA:
|
|
44244
|
-
|
|
44616
|
+
baseLabel = 'Focus Area Analysis';
|
|
44617
|
+
break;
|
|
44245
44618
|
case ProfileAnalysisTypeEnum.METRIC:
|
|
44246
|
-
|
|
44619
|
+
baseLabel = 'Metric Analysis';
|
|
44620
|
+
break;
|
|
44247
44621
|
default:
|
|
44248
44622
|
return null;
|
|
44249
44623
|
}
|
|
44624
|
+
return title ? `${baseLabel}: ${title}` : baseLabel;
|
|
44250
44625
|
}, ...(ngDevMode ? [{ debugName: "sourceAnalysisTypeLabel" }] : []));
|
|
44251
44626
|
this.modalTypeLabel = computed(() => {
|
|
44252
44627
|
const type = this.modalType();
|
|
@@ -44307,23 +44682,18 @@ class ProfileAnalysisModalComponent {
|
|
|
44307
44682
|
return this.modalService['modalState'].value;
|
|
44308
44683
|
}, ...(ngDevMode ? [{ debugName: "getCurrentModalState" }] : []));
|
|
44309
44684
|
effect(() => {
|
|
44310
|
-
const
|
|
44311
|
-
if (
|
|
44685
|
+
const freshOpen = this.isFreshOpen();
|
|
44686
|
+
if (freshOpen) {
|
|
44312
44687
|
this.modalReady.set(false);
|
|
44313
44688
|
this.logContainingBlockInfo();
|
|
44314
|
-
console.log('[ProfileAnalysisModal] Modal opening - z-index info:', {
|
|
44315
|
-
modalType: this.modalType(),
|
|
44316
|
-
modalDepth: this.modalDepth(),
|
|
44317
|
-
baseZIndex: this.baseZIndex(),
|
|
44318
|
-
contentZIndex: this.contentZIndex(),
|
|
44319
|
-
previousStateType: this.previousState()?.type
|
|
44320
|
-
});
|
|
44321
44689
|
setTimeout(() => {
|
|
44322
44690
|
this.moveModalToBody();
|
|
44323
44691
|
this.modalReady.set(true);
|
|
44692
|
+
this.isFreshOpen.set(false);
|
|
44324
44693
|
}, 0);
|
|
44325
44694
|
}
|
|
44326
|
-
|
|
44695
|
+
const open = this.isOpen();
|
|
44696
|
+
if (!open) {
|
|
44327
44697
|
this.modalReady.set(false);
|
|
44328
44698
|
this.returnModalToHost();
|
|
44329
44699
|
}
|
|
@@ -44373,7 +44743,6 @@ class ProfileAnalysisModalComponent {
|
|
|
44373
44743
|
// These should be handled by UnifiedDashboardModalComponent
|
|
44374
44744
|
const unifiedDashboardOwnedTypes = ['unified-goal-detail', 'unified-goal-objectives', 'unified-goal-related-metrics'];
|
|
44375
44745
|
if (unifiedDashboardOwnedTypes.includes(state.type || '')) {
|
|
44376
|
-
console.log('[ProfileAnalysisModal] Closing - unified dashboard type detected:', state.type);
|
|
44377
44746
|
this.isOpen.set(false);
|
|
44378
44747
|
setTimeout(() => {
|
|
44379
44748
|
this.modalData.set(null);
|
|
@@ -44391,7 +44760,6 @@ class ProfileAnalysisModalComponent {
|
|
|
44391
44760
|
const isFromUnifiedFlow = state.previousState?.type?.startsWith('unified-goal-') ||
|
|
44392
44761
|
state.navigationStack?.some(s => s.type?.startsWith('unified-goal-'));
|
|
44393
44762
|
if (isFromUnifiedFlow) {
|
|
44394
|
-
console.log('[ProfileAnalysisModal] Closing - unified flow detected for:', state.type);
|
|
44395
44763
|
this.isOpen.set(false);
|
|
44396
44764
|
setTimeout(() => {
|
|
44397
44765
|
this.modalData.set(null);
|
|
@@ -44408,15 +44776,18 @@ class ProfileAnalysisModalComponent {
|
|
|
44408
44776
|
this.modalData.set(data);
|
|
44409
44777
|
this.modalTitle.set(data.goal.title || 'Goal');
|
|
44410
44778
|
this.modalType.set('goal-detail');
|
|
44411
|
-
|
|
44412
|
-
this.
|
|
44779
|
+
const isFromUnifiedModal = state.previousState?.type?.startsWith('unified-goal-');
|
|
44780
|
+
this.openModalFresh(isFromUnifiedModal);
|
|
44781
|
+
const stack = state.navigationStack || [];
|
|
44782
|
+
console.log('[ProfileAnalysisModal] goal-detail opened, navigationStack:', stack.length, 'items', stack.map(s => s.type));
|
|
44783
|
+
this.navigationStack.set(stack);
|
|
44413
44784
|
}
|
|
44414
44785
|
else if (state.type === 'goal-objectives' && state.data) {
|
|
44415
44786
|
const data = state.data;
|
|
44416
44787
|
this.modalData.set(data);
|
|
44417
44788
|
this.modalTitle.set(data.goal.title || 'Goal');
|
|
44418
44789
|
this.modalType.set('goal-objectives');
|
|
44419
|
-
this.
|
|
44790
|
+
this.openModalFresh();
|
|
44420
44791
|
const stack = state.navigationStack || [];
|
|
44421
44792
|
this.navigationStack.set(stack);
|
|
44422
44793
|
}
|
|
@@ -44425,7 +44796,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44425
44796
|
this.modalData.set(data);
|
|
44426
44797
|
this.modalTitle.set(data.objective.title || 'Objective');
|
|
44427
44798
|
this.modalType.set('objective-strategies');
|
|
44428
|
-
this.
|
|
44799
|
+
this.openModalFresh();
|
|
44429
44800
|
const stack = state.navigationStack || [];
|
|
44430
44801
|
this.navigationStack.set(stack);
|
|
44431
44802
|
}
|
|
@@ -44434,7 +44805,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44434
44805
|
this.modalData.set(data);
|
|
44435
44806
|
this.modalTitle.set(data.strategy.title || 'Strategy');
|
|
44436
44807
|
this.modalType.set('strategy-recommendations');
|
|
44437
|
-
this.
|
|
44808
|
+
this.openModalFresh();
|
|
44438
44809
|
const stack = state.navigationStack || [];
|
|
44439
44810
|
this.navigationStack.set(stack);
|
|
44440
44811
|
}
|
|
@@ -44443,7 +44814,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44443
44814
|
this.modalData.set(data);
|
|
44444
44815
|
this.modalTitle.set(data.category.title || 'Category Details');
|
|
44445
44816
|
this.modalType.set('category-detail');
|
|
44446
|
-
this.
|
|
44817
|
+
this.openModalFresh();
|
|
44447
44818
|
this.navigationStack.set([]);
|
|
44448
44819
|
}
|
|
44449
44820
|
else if (state.type === 'strength-detail' && state.data) {
|
|
@@ -44451,7 +44822,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44451
44822
|
this.modalData.set(data);
|
|
44452
44823
|
this.modalTitle.set(data.strength.capability || 'Strength Details');
|
|
44453
44824
|
this.modalType.set('strength-detail');
|
|
44454
|
-
this.
|
|
44825
|
+
this.openModalFresh();
|
|
44455
44826
|
const stack = state.navigationStack || [];
|
|
44456
44827
|
this.navigationStack.set(stack);
|
|
44457
44828
|
}
|
|
@@ -44460,7 +44831,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44460
44831
|
this.modalData.set(data);
|
|
44461
44832
|
this.modalTitle.set(data.gap.capability || 'Gap Details');
|
|
44462
44833
|
this.modalType.set('gap-detail');
|
|
44463
|
-
this.
|
|
44834
|
+
this.openModalFresh();
|
|
44464
44835
|
const stack = state.navigationStack || [];
|
|
44465
44836
|
this.navigationStack.set(stack);
|
|
44466
44837
|
}
|
|
@@ -44469,7 +44840,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44469
44840
|
this.modalData.set(data);
|
|
44470
44841
|
this.modalTitle.set(data.opportunity.opportunity || 'Opportunity Details');
|
|
44471
44842
|
this.modalType.set('opportunity-detail');
|
|
44472
|
-
this.
|
|
44843
|
+
this.openModalFresh();
|
|
44473
44844
|
const stack = state.navigationStack || [];
|
|
44474
44845
|
this.navigationStack.set(stack);
|
|
44475
44846
|
}
|
|
@@ -44478,7 +44849,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44478
44849
|
this.modalData.set(data);
|
|
44479
44850
|
this.modalTitle.set(`Related Insights for ${data.goalContext.title}`);
|
|
44480
44851
|
this.modalType.set('goal-insights-list');
|
|
44481
|
-
this.
|
|
44852
|
+
this.openModalFresh();
|
|
44482
44853
|
const stack = state.navigationStack || [];
|
|
44483
44854
|
this.navigationStack.set(stack);
|
|
44484
44855
|
this.currentCharts.set(state.charts || []);
|
|
@@ -44488,7 +44859,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44488
44859
|
this.modalData.set(data);
|
|
44489
44860
|
this.modalTitle.set(`Related Insights for ${data.recommendationContext.title}`);
|
|
44490
44861
|
this.modalType.set('recommendation-insights-list');
|
|
44491
|
-
this.
|
|
44862
|
+
this.openModalFresh();
|
|
44492
44863
|
const stack = state.navigationStack || [];
|
|
44493
44864
|
this.navigationStack.set(stack);
|
|
44494
44865
|
this.currentCharts.set(state.charts || []);
|
|
@@ -44498,7 +44869,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44498
44869
|
this.modalData.set(data);
|
|
44499
44870
|
this.modalTitle.set(`Related Business Insights For ${data.recommendationContext.title}`);
|
|
44500
44871
|
this.modalType.set('recommendation-business-insights-list');
|
|
44501
|
-
this.
|
|
44872
|
+
this.openModalFresh();
|
|
44502
44873
|
const stack = state.navigationStack || [];
|
|
44503
44874
|
this.navigationStack.set(stack);
|
|
44504
44875
|
this.currentCharts.set([]);
|
|
@@ -44508,7 +44879,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44508
44879
|
this.modalData.set(data);
|
|
44509
44880
|
this.modalTitle.set(`Related Business Insights For ${data.goalContext.title}`);
|
|
44510
44881
|
this.modalType.set('goal-business-insights-list');
|
|
44511
|
-
this.
|
|
44882
|
+
this.openModalFresh();
|
|
44512
44883
|
const stack = state.navigationStack || [];
|
|
44513
44884
|
this.navigationStack.set(stack);
|
|
44514
44885
|
this.currentCharts.set([]);
|
|
@@ -44518,7 +44889,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44518
44889
|
this.modalData.set(data);
|
|
44519
44890
|
this.modalTitle.set(data.recommendation.title || data.recommendation.description || 'Business Insight');
|
|
44520
44891
|
this.modalType.set('business-insight-detail');
|
|
44521
|
-
this.
|
|
44892
|
+
this.openModalFresh();
|
|
44522
44893
|
const stack = state.navigationStack || [];
|
|
44523
44894
|
this.navigationStack.set(stack);
|
|
44524
44895
|
this.currentCharts.set([]);
|
|
@@ -44528,7 +44899,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44528
44899
|
this.modalData.set(data);
|
|
44529
44900
|
this.modalTitle.set('Key Strengths');
|
|
44530
44901
|
this.modalType.set('key-strengths-list');
|
|
44531
|
-
this.
|
|
44902
|
+
this.openModalFresh();
|
|
44532
44903
|
this.navigationStack.set([]);
|
|
44533
44904
|
this.currentCharts.set([]);
|
|
44534
44905
|
}
|
|
@@ -44537,7 +44908,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44537
44908
|
this.modalData.set(data);
|
|
44538
44909
|
this.modalTitle.set('Critical Gaps');
|
|
44539
44910
|
this.modalType.set('critical-gaps-list');
|
|
44540
|
-
this.
|
|
44911
|
+
this.openModalFresh();
|
|
44541
44912
|
this.navigationStack.set([]);
|
|
44542
44913
|
this.currentCharts.set([]);
|
|
44543
44914
|
}
|
|
@@ -44546,7 +44917,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44546
44917
|
this.modalData.set(data);
|
|
44547
44918
|
this.modalTitle.set(data.strength.area || 'Strength Details');
|
|
44548
44919
|
this.modalType.set('key-strength-detail');
|
|
44549
|
-
this.
|
|
44920
|
+
this.openModalFresh();
|
|
44550
44921
|
const stack = state.navigationStack || [];
|
|
44551
44922
|
this.navigationStack.set(stack);
|
|
44552
44923
|
this.currentCharts.set([]);
|
|
@@ -44556,7 +44927,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44556
44927
|
this.modalData.set(data);
|
|
44557
44928
|
this.modalTitle.set(data.gap.area || 'Gap Details');
|
|
44558
44929
|
this.modalType.set('critical-gap-detail');
|
|
44559
|
-
this.
|
|
44930
|
+
this.openModalFresh();
|
|
44560
44931
|
const stack = state.navigationStack || [];
|
|
44561
44932
|
this.navigationStack.set(stack);
|
|
44562
44933
|
this.currentCharts.set([]);
|
|
@@ -44566,7 +44937,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44566
44937
|
this.modalData.set(data);
|
|
44567
44938
|
this.modalTitle.set('Top Priorities');
|
|
44568
44939
|
this.modalType.set('top-priorities-list');
|
|
44569
|
-
this.
|
|
44940
|
+
this.openModalFresh();
|
|
44570
44941
|
this.navigationStack.set([]);
|
|
44571
44942
|
this.currentCharts.set([]);
|
|
44572
44943
|
}
|
|
@@ -44575,7 +44946,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44575
44946
|
this.modalData.set(data);
|
|
44576
44947
|
this.modalTitle.set(data.priority.priority || 'Priority Details');
|
|
44577
44948
|
this.modalType.set('top-priority-detail');
|
|
44578
|
-
this.
|
|
44949
|
+
this.openModalFresh();
|
|
44579
44950
|
const stack = state.navigationStack || [];
|
|
44580
44951
|
this.navigationStack.set(stack);
|
|
44581
44952
|
this.currentCharts.set([]);
|
|
@@ -44585,7 +44956,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44585
44956
|
this.modalData.set(data);
|
|
44586
44957
|
this.modalTitle.set('Strengths');
|
|
44587
44958
|
this.modalType.set('focus-area-strengths-list');
|
|
44588
|
-
this.
|
|
44959
|
+
this.openModalFresh();
|
|
44589
44960
|
this.navigationStack.set([]);
|
|
44590
44961
|
this.currentCharts.set([]);
|
|
44591
44962
|
}
|
|
@@ -44594,7 +44965,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44594
44965
|
this.modalData.set(data);
|
|
44595
44966
|
this.modalTitle.set('Gaps to Address');
|
|
44596
44967
|
this.modalType.set('focus-area-gaps-list');
|
|
44597
|
-
this.
|
|
44968
|
+
this.openModalFresh();
|
|
44598
44969
|
this.navigationStack.set([]);
|
|
44599
44970
|
this.currentCharts.set([]);
|
|
44600
44971
|
}
|
|
@@ -44603,7 +44974,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44603
44974
|
this.modalData.set(data);
|
|
44604
44975
|
this.modalTitle.set('Opportunities');
|
|
44605
44976
|
this.modalType.set('focus-area-opportunities-list');
|
|
44606
|
-
this.
|
|
44977
|
+
this.openModalFresh();
|
|
44607
44978
|
this.navigationStack.set([]);
|
|
44608
44979
|
this.currentCharts.set([]);
|
|
44609
44980
|
}
|
|
@@ -44612,7 +44983,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44612
44983
|
this.modalData.set(data);
|
|
44613
44984
|
this.modalTitle.set(data.strength.capability || 'Strength Details');
|
|
44614
44985
|
this.modalType.set('focus-area-strength-detail');
|
|
44615
|
-
this.
|
|
44986
|
+
this.openModalFresh();
|
|
44616
44987
|
const stack = state.navigationStack || [];
|
|
44617
44988
|
this.navigationStack.set(stack);
|
|
44618
44989
|
this.currentCharts.set([]);
|
|
@@ -44622,7 +44993,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44622
44993
|
this.modalData.set(data);
|
|
44623
44994
|
this.modalTitle.set(data.gap.capability || 'Gap Details');
|
|
44624
44995
|
this.modalType.set('focus-area-gap-detail');
|
|
44625
|
-
this.
|
|
44996
|
+
this.openModalFresh();
|
|
44626
44997
|
const stack = state.navigationStack || [];
|
|
44627
44998
|
this.navigationStack.set(stack);
|
|
44628
44999
|
this.currentCharts.set([]);
|
|
@@ -44632,7 +45003,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44632
45003
|
this.modalData.set(data);
|
|
44633
45004
|
this.modalTitle.set(data.opportunity.opportunity || 'Opportunity Details');
|
|
44634
45005
|
this.modalType.set('focus-area-opportunity-detail');
|
|
44635
|
-
this.
|
|
45006
|
+
this.openModalFresh();
|
|
44636
45007
|
const stack = state.navigationStack || [];
|
|
44637
45008
|
this.navigationStack.set(stack);
|
|
44638
45009
|
this.currentCharts.set([]);
|
|
@@ -44645,13 +45016,6 @@ class ProfileAnalysisModalComponent {
|
|
|
44645
45016
|
depthFromPrevState++;
|
|
44646
45017
|
walkState = walkState.previousState;
|
|
44647
45018
|
}
|
|
44648
|
-
console.log('[ProfileAnalysisModal] metrics-list state received:', {
|
|
44649
|
-
previousStateExists: !!state.previousState,
|
|
44650
|
-
previousStateType: state.previousState?.type,
|
|
44651
|
-
depthFromPrevState,
|
|
44652
|
-
navigationStackLength: state.navigationStack?.length,
|
|
44653
|
-
navigationStackTypes: state.navigationStack?.map(s => s.type)
|
|
44654
|
-
});
|
|
44655
45019
|
this.modalData.set(data);
|
|
44656
45020
|
let title = 'Related Metrics';
|
|
44657
45021
|
if (data.recommendationContext?.title) {
|
|
@@ -44662,26 +45026,18 @@ class ProfileAnalysisModalComponent {
|
|
|
44662
45026
|
}
|
|
44663
45027
|
this.modalTitle.set(title);
|
|
44664
45028
|
this.modalType.set('metrics-list');
|
|
44665
|
-
this.
|
|
45029
|
+
this.openModalFresh();
|
|
44666
45030
|
const stack = state.navigationStack || [];
|
|
44667
45031
|
this.navigationStack.set(stack);
|
|
44668
45032
|
this.currentCharts.set(state.charts || []);
|
|
44669
45033
|
}
|
|
44670
45034
|
else if (state.type === 'metric' && state.data) {
|
|
44671
45035
|
const metric = state.data;
|
|
44672
|
-
console.log('[ProfileAnalysisModal] Handling metric state:', {
|
|
44673
|
-
metricName: metric.metric,
|
|
44674
|
-
chartsFromState: state.charts?.length || 0,
|
|
44675
|
-
chartIds: state.charts?.map(c => c.performanceItemId),
|
|
44676
|
-
allChartsInput: this.allCharts()?.length || 0,
|
|
44677
|
-
navigationStackLength: state.navigationStack?.length || 0,
|
|
44678
|
-
navigationStackTypes: state.navigationStack?.map(s => s.type)
|
|
44679
|
-
});
|
|
44680
45036
|
this.modalData.set(metric);
|
|
44681
45037
|
const formattedName = metric.metric ? this.metricFormatter.formatMetricName(metric.metric) : 'Metric Details';
|
|
44682
45038
|
this.modalTitle.set(formattedName);
|
|
44683
45039
|
this.modalType.set('metric');
|
|
44684
|
-
this.
|
|
45040
|
+
this.openModalFresh();
|
|
44685
45041
|
const stack = state.navigationStack || [];
|
|
44686
45042
|
this.navigationStack.set(stack);
|
|
44687
45043
|
this.currentCharts.set(state.charts || []);
|
|
@@ -44691,7 +45047,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44691
45047
|
this.itemDetailData.set(data);
|
|
44692
45048
|
this.modalTitle.set(data.item.label || 'Item Details');
|
|
44693
45049
|
this.modalType.set('item-detail');
|
|
44694
|
-
this.
|
|
45050
|
+
this.openModalFresh();
|
|
44695
45051
|
const stack = state.navigationStack || [];
|
|
44696
45052
|
this.navigationStack.set(stack);
|
|
44697
45053
|
this.currentCharts.set([]);
|
|
@@ -44711,7 +45067,9 @@ class ProfileAnalysisModalComponent {
|
|
|
44711
45067
|
ngOnInit() {
|
|
44712
45068
|
}
|
|
44713
45069
|
hasNavigationHistory() {
|
|
44714
|
-
|
|
45070
|
+
const hasHistory = this.navigationStack().length > 0;
|
|
45071
|
+
console.log('[ProfileAnalysisModal] hasNavigationHistory:', hasHistory, 'stack length:', this.navigationStack().length);
|
|
45072
|
+
return hasHistory;
|
|
44715
45073
|
}
|
|
44716
45074
|
hasSourceContext() {
|
|
44717
45075
|
const currentData = this.modalData();
|
|
@@ -44769,6 +45127,16 @@ class ProfileAnalysisModalComponent {
|
|
|
44769
45127
|
}
|
|
44770
45128
|
return null;
|
|
44771
45129
|
}
|
|
45130
|
+
getGoalObjectivesData() {
|
|
45131
|
+
const data = this.modalData();
|
|
45132
|
+
console.log('[ProfileAnalysisModal] getGoalObjectivesData called, modalType:', this.modalType(), 'data:', data);
|
|
45133
|
+
if (this.modalType() === 'goal-objectives' && data && 'goal' in data && 'viewMode' in data) {
|
|
45134
|
+
const goalData = data;
|
|
45135
|
+
console.log('[ProfileAnalysisModal] getGoalObjectivesData returning goal with objectives:', goalData.goal.objectives?.length || 0);
|
|
45136
|
+
return goalData;
|
|
45137
|
+
}
|
|
45138
|
+
return null;
|
|
45139
|
+
}
|
|
44772
45140
|
getInsightsListData() {
|
|
44773
45141
|
const data = this.modalData();
|
|
44774
45142
|
if (data && 'insights' in data && 'goalContext' in data) {
|
|
@@ -45135,6 +45503,18 @@ class ProfileAnalysisModalComponent {
|
|
|
45135
45503
|
this.modalService.closeModal();
|
|
45136
45504
|
}
|
|
45137
45505
|
}
|
|
45506
|
+
openModalFresh(skipAnimation = false) {
|
|
45507
|
+
if (!this.isOpen()) {
|
|
45508
|
+
if (skipAnimation) {
|
|
45509
|
+
this.moveModalToBody();
|
|
45510
|
+
this.modalReady.set(true);
|
|
45511
|
+
}
|
|
45512
|
+
else {
|
|
45513
|
+
this.isFreshOpen.set(true);
|
|
45514
|
+
}
|
|
45515
|
+
}
|
|
45516
|
+
this.isOpen.set(true);
|
|
45517
|
+
}
|
|
45138
45518
|
extractGoalTitle() {
|
|
45139
45519
|
const stack = this.navigationStack();
|
|
45140
45520
|
for (const state of stack) {
|
|
@@ -45197,12 +45577,12 @@ class ProfileAnalysisModalComponent {
|
|
|
45197
45577
|
let _t;
|
|
45198
45578
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
|
|
45199
45579
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
|
|
45200
|
-
} }, inputs: { isLightMode: [1, "isLightMode"], allMetrics: [1, "allMetrics"], allInsights: [1, "allInsights"], allCharts: [1, "allCharts"], allBusinessInsights: [1, "allBusinessInsights"] }, ngContentSelectors: _c2$g, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", "transition-opacity", "duration-200", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-5xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "text-sm", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-2xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2"
|
|
45580
|
+
} }, inputs: { isLightMode: [1, "isLightMode"], allMetrics: [1, "allMetrics"], allInsights: [1, "allInsights"], allCharts: [1, "allCharts"], allBusinessInsights: [1, "allBusinessInsights"] }, ngContentSelectors: _c2$g, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", "transition-opacity", "duration-200", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-5xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "text-sm", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-x-4", "gap-y-2"], [1, "text-2xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "z-[10001]", "relative", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "viewMode", "allInsights", "allMetrics", "allBusinessInsights", "allCharts"], [3, "objectives", "goalTitle", "viewMode"], [1, "space-y-4"], [1, "space-y-6"], [3, "recommendation", "viewMode", "forceExpanded", "showNavigationChevron", "inModalContext", "isCompactMode", "fromProfileAnalysis", "animationIndex", "allMetrics", "allCharts", "allInsights", "currentModalState", "goalTitle", "objectiveTitle", "strategyTitle"], [3, "item", "viewMode", "sectionTitle", "subsectionTitle", "isCompactMode", "fromProfileAnalysis"], [3, "metric", "insights", "charts", "allCharts", "isLightMode", "isInModal", "currentModalState", "viewMode"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "isInModal", "isLoading", "isCompactMode", "viewMode", "currentModalState"], [1, "chart-modal-content"], [3, "keyStrengths", "viewMode"], [3, "criticalGaps", "viewMode"], [3, "strength", "viewMode"], [3, "gap", "viewMode"], [3, "priorities", "viewMode", "focusAreaName"], [3, "priority", "index", "totalCount", "viewMode", "focusAreaName"], [3, "strengths", "viewMode", "categoryTitle"], [3, "gaps", "viewMode", "categoryTitle"], [3, "opportunities", "viewMode", "categoryTitle"], [3, "strength", "viewMode", "allMetrics", "allCharts", "currentModalState"], [3, "gap", "viewMode", "allMetrics", "allCharts", "currentModalState"], [3, "opportunity", "viewMode", "allMetrics", "allCharts", "currentModalState"], ["type", "button", 1, "p-1.5", "rounded-md", "transition-colors", "cursor-pointer", "hover:scale-110", "flex-shrink-0", 3, "click", "ngClass"], ["size", "w-4 h-4", 3, "icon"], [1, "flex", "items-center", "gap-2", "flex-wrap", "flex-1", "min-w-0"], [1, "opacity-90", "font-medium", "truncate"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "ngClass"], [1, "opacity-75", "font-medium", "truncate"], ["size", "w-4 h-4", 1, "opacity-50", "flex-shrink-0", 3, "icon"], ["type", "button", 1, "opacity-75", "hover:opacity-100", "transition-opacity", "cursor-pointer", "truncate", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "px-2", "py-0.5", "text-xs", "font-medium", "rounded-full", "border", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], [1, "px-3", "py-1", "text-xs", "font-semibold", "rounded-full", 3, "ngClass"], [3, "showObjectives", "goal", "viewMode", "allInsights", "allMetrics", "allBusinessInsights", "allCharts"], [1, "text-sm", "mb-6", 3, "ngClass"], [1, "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:shadow-lg", "cursor-pointer", "group", 3, "ngClass"], [1, "p-5", "rounded-lg", "border", "transition-all", "duration-300", "hover:shadow-lg", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "flex", "items-center", "justify-center", "rounded-full", "text-xs", "font-bold", "border-2", "backdrop-blur-md", "transition-all", "duration-300", "group-hover:scale-110", 3, "ngClass", "ngStyle"], [1, "font-semibold", "mb-2", "transition-colors", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "mt-3", "flex", "items-center"], [1, "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transition-colors", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "inline-flex", "items-center", "gap-1.5", "px-2.5", "py-1", "text-xs", "font-semibold", "rounded-full", "border", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["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"], [3, "cardNavigate", "recommendation", "viewMode", "animationIndex", "showNavigationChevron", "inModalContext"], [3, "close", "scrollToTop", "item", "viewMode", "sectionTitle", "subsectionTitle", "isCompactMode", "fromProfileAnalysis"], [1, "space-y-3"], [1, "text-xs", "font-bold", "uppercase", "tracking-wider", "px-1", 3, "ngClass"], [3, "metricClick", "metric", "isLightMode", "animationKey"], [3, "chartClick", "chart", "viewMode", "isLightMode"], [1, "text-sm", "mb-4", 3, "ngClass"], [1, "min-h-[500px]"], [3, "chart", "showAxisLabels", "viewMode"], [1, "flex", "items-center", "justify-center", "py-12"], [1, "animate-spin", "rounded-full", "h-8", "w-8", 3, "ngClass"], [3, "priorityClick", "priorities", "viewMode", "focusAreaName"]], template: function ProfileAnalysisModalComponent_Template(rf, ctx) { if (rf & 1) {
|
|
45201
45581
|
i0.ɵɵprojectionDef();
|
|
45202
|
-
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Template,
|
|
45582
|
+
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Template, 44, 24, "div", 2);
|
|
45203
45583
|
} if (rf & 2) {
|
|
45204
45584
|
i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
|
|
45205
|
-
} }, dependencies: [CommonModule, i1$1.NgClass, i1$1.NgStyle, SymphiqIconComponent, InsightCardComponent, ChartCardComponent, MetricListItemComponent, MetricCardComponent, RecommendationCardComponent, KeyStrengthsListModalContentComponent, CriticalGapsListModalContentComponent, KeyStrengthDetailModalContentComponent, CriticalGapDetailModalContentComponent, GoalDetailModalContentComponent, TopPrioritiesListModalContentComponent, TopPriorityDetailModalContentComponent, FocusAreaStrengthsListModalContentComponent, FocusAreaGapsListModalContentComponent, FocusAreaOpportunitiesListModalContentComponent, FocusAreaStrengthDetailModalContentComponent, FocusAreaGapDetailModalContentComponent, FocusAreaOpportunityDetailModalContentComponent, ItemDetailModalComponent], encapsulation: 2, data: { animation: [
|
|
45585
|
+
} }, dependencies: [CommonModule, i1$1.NgClass, i1$1.NgStyle, SymphiqIconComponent, InsightCardComponent, ChartCardComponent, MetricListItemComponent, MetricCardComponent, RecommendationCardComponent, KeyStrengthsListModalContentComponent, CriticalGapsListModalContentComponent, KeyStrengthDetailModalContentComponent, CriticalGapDetailModalContentComponent, GoalDetailModalContentComponent, GoalObjectivesModalContentComponent, TopPrioritiesListModalContentComponent, TopPriorityDetailModalContentComponent, FocusAreaStrengthsListModalContentComponent, FocusAreaGapsListModalContentComponent, FocusAreaOpportunitiesListModalContentComponent, FocusAreaStrengthDetailModalContentComponent, FocusAreaGapDetailModalContentComponent, FocusAreaOpportunityDetailModalContentComponent, ItemDetailModalComponent], encapsulation: 2, data: { animation: [
|
|
45206
45586
|
trigger('fadeIn', [
|
|
45207
45587
|
transition(':enter', [
|
|
45208
45588
|
style({ opacity: 0 }),
|
|
@@ -45223,7 +45603,7 @@ class ProfileAnalysisModalComponent {
|
|
|
45223
45603
|
selector: 'symphiq-profile-analysis-modal',
|
|
45224
45604
|
standalone: true,
|
|
45225
45605
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
45226
|
-
imports: [CommonModule, SymphiqIconComponent, InsightCardComponent, ChartCardComponent, MetricListItemComponent, MetricCardComponent, LineChartComponent, BarChartComponent, PieChartComponent, AreaChartComponent, RecommendationCardComponent, KeyStrengthsListModalContentComponent, CriticalGapsListModalContentComponent, KeyStrengthDetailModalContentComponent, CriticalGapDetailModalContentComponent, GoalDetailModalContentComponent, TopPrioritiesListModalContentComponent, TopPriorityDetailModalContentComponent, FocusAreaStrengthsListModalContentComponent, FocusAreaGapsListModalContentComponent, FocusAreaOpportunitiesListModalContentComponent, FocusAreaStrengthDetailModalContentComponent, FocusAreaGapDetailModalContentComponent, FocusAreaOpportunityDetailModalContentComponent, ItemDetailModalComponent],
|
|
45606
|
+
imports: [CommonModule, SymphiqIconComponent, InsightCardComponent, ChartCardComponent, MetricListItemComponent, MetricCardComponent, LineChartComponent, BarChartComponent, PieChartComponent, AreaChartComponent, RecommendationCardComponent, KeyStrengthsListModalContentComponent, CriticalGapsListModalContentComponent, KeyStrengthDetailModalContentComponent, CriticalGapDetailModalContentComponent, GoalDetailModalContentComponent, GoalObjectivesModalContentComponent, TopPrioritiesListModalContentComponent, TopPriorityDetailModalContentComponent, FocusAreaStrengthsListModalContentComponent, FocusAreaGapsListModalContentComponent, FocusAreaOpportunitiesListModalContentComponent, FocusAreaStrengthDetailModalContentComponent, FocusAreaGapDetailModalContentComponent, FocusAreaOpportunityDetailModalContentComponent, ItemDetailModalComponent],
|
|
45227
45607
|
animations: [
|
|
45228
45608
|
trigger('fadeIn', [
|
|
45229
45609
|
transition(':enter', [
|
|
@@ -45251,8 +45631,8 @@ class ProfileAnalysisModalComponent {
|
|
|
45251
45631
|
@slideUpFade>
|
|
45252
45632
|
|
|
45253
45633
|
<div [ngClass]="isLightMode() ? 'bg-white/50 border-slate-200/50' : 'bg-slate-800/50 border-slate-700/50'" class="px-6 py-5 border-b backdrop-blur-sm">
|
|
45254
|
-
<div class="flex items-start justify-between">
|
|
45255
|
-
<div class="flex-1">
|
|
45634
|
+
<div class="flex items-start justify-between gap-4">
|
|
45635
|
+
<div class="flex-1 min-w-0">
|
|
45256
45636
|
@if (hasNavigationHistory()) {
|
|
45257
45637
|
<div [ngClass]="getBreadcrumbClasses()" class="flex items-center gap-2 text-sm mb-2">
|
|
45258
45638
|
<button
|
|
@@ -45313,31 +45693,32 @@ class ProfileAnalysisModalComponent {
|
|
|
45313
45693
|
</div>
|
|
45314
45694
|
}
|
|
45315
45695
|
|
|
45316
|
-
<
|
|
45317
|
-
|
|
45318
|
-
|
|
45319
|
-
|
|
45320
|
-
|
|
45321
|
-
|
|
45322
|
-
|
|
45323
|
-
|
|
45324
|
-
|
|
45325
|
-
|
|
45326
|
-
|
|
45327
|
-
|
|
45328
|
-
|
|
45329
|
-
|
|
45330
|
-
|
|
45331
|
-
|
|
45696
|
+
<div class="flex flex-wrap items-center justify-between gap-x-4 gap-y-2">
|
|
45697
|
+
<h3 [ngClass]="isLightMode() ? 'text-slate-900' : 'text-white'" class="text-2xl font-bold leading-tight">
|
|
45698
|
+
{{ modalTitle() }}
|
|
45699
|
+
</h3>
|
|
45700
|
+
@if (getGoalChips(); as chips) {
|
|
45701
|
+
<div class="flex items-center gap-2">
|
|
45702
|
+
@if (chips.priority) {
|
|
45703
|
+
<span [ngClass]="getPriorityChipClasses(chips.priority)" class="px-3 py-1 text-xs font-semibold rounded-full">
|
|
45704
|
+
{{ chips.priority }}
|
|
45705
|
+
</span>
|
|
45706
|
+
}
|
|
45707
|
+
@if (chips.timeframe) {
|
|
45708
|
+
<span [ngClass]="getTimeframeChipClasses()" class="px-3 py-1 text-xs font-semibold rounded-full">
|
|
45709
|
+
{{ chips.timeframe }}
|
|
45710
|
+
</span>
|
|
45711
|
+
}
|
|
45712
|
+
</div>
|
|
45332
45713
|
}
|
|
45333
45714
|
</div>
|
|
45334
|
-
|
|
45715
|
+
</div>
|
|
45335
45716
|
|
|
45336
45717
|
<button
|
|
45337
45718
|
type="button"
|
|
45338
45719
|
(click)="closeModal()"
|
|
45339
45720
|
[ngClass]="isLightMode() ? 'text-slate-600 hover:text-slate-900 hover:bg-slate-100' : 'text-slate-400 hover:text-white hover:bg-slate-700'"
|
|
45340
|
-
class="transition-all rounded-lg p-1 hover:scale-110 active:scale-90 cursor-pointer z-[10001] relative
|
|
45721
|
+
class="transition-all rounded-lg p-1 hover:scale-110 active:scale-90 cursor-pointer z-[10001] relative flex-shrink-0">
|
|
45341
45722
|
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
45342
45723
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
|
45343
45724
|
</svg>
|
|
@@ -45356,6 +45737,12 @@ class ProfileAnalysisModalComponent {
|
|
|
45356
45737
|
[allCharts]="allCharts()"
|
|
45357
45738
|
(showObjectives)="showGoalObjectives(data.goal, data.viewMode)"
|
|
45358
45739
|
@fadeIn />
|
|
45740
|
+
} @else if (modalType() === 'goal-objectives' && getGoalObjectivesData(); as data) {
|
|
45741
|
+
<symphiq-goal-objectives-modal-content
|
|
45742
|
+
[objectives]="data.goal.objectives || []"
|
|
45743
|
+
[goalTitle]="data.goal.title || 'Goal'"
|
|
45744
|
+
[viewMode]="data.viewMode"
|
|
45745
|
+
@fadeIn />
|
|
45359
45746
|
} @else if (modalType() === 'goal-insights-list' && getInsightsListData(); as data) {
|
|
45360
45747
|
<div class="space-y-4">
|
|
45361
45748
|
@if (data.goalContext.description) {
|
|
@@ -45745,7 +46132,7 @@ class ProfileAnalysisModalComponent {
|
|
|
45745
46132
|
type: ViewChild,
|
|
45746
46133
|
args: ['modalWrapper']
|
|
45747
46134
|
}] }); }); })();
|
|
45748
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisModalComponent, { className: "ProfileAnalysisModalComponent", filePath: "lib/components/profile-analysis-shop-dashboard/profile-analysis-modal.component.ts", lineNumber:
|
|
46135
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisModalComponent, { className: "ProfileAnalysisModalComponent", filePath: "lib/components/profile-analysis-shop-dashboard/profile-analysis-modal.component.ts", lineNumber: 563 }); })();
|
|
45749
46136
|
|
|
45750
46137
|
const _c0$S = a0 => ({ name: "light-bulb", source: a0 });
|
|
45751
46138
|
const _c1$p = a0 => ({ name: "trophy", source: a0 });
|
|
@@ -46082,7 +46469,7 @@ const _c0$R = a0 => ({ name: "list-bullet", source: a0 });
|
|
|
46082
46469
|
const _c1$o = a0 => ({ name: "arrow-right", source: a0 });
|
|
46083
46470
|
const _c2$e = a0 => ({ name: "check-circle", source: a0 });
|
|
46084
46471
|
const _c3$9 = a0 => ({ name: "exclamation-circle", source: a0 });
|
|
46085
|
-
const _forTrack0$
|
|
46472
|
+
const _forTrack0$S = ($index, $item) => $item.order;
|
|
46086
46473
|
function RecommendationActionStepsModalComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
46087
46474
|
i0.ɵɵelementStart(0, "div", 1)(1, "div", 5);
|
|
46088
46475
|
i0.ɵɵelement(2, "symphiq-icon", 6);
|
|
@@ -46236,7 +46623,7 @@ class RecommendationActionStepsModalComponent {
|
|
|
46236
46623
|
i0.ɵɵelementStart(0, "div", 0);
|
|
46237
46624
|
i0.ɵɵconditionalCreate(1, RecommendationActionStepsModalComponent_Conditional_1_Template, 8, 7, "div", 1);
|
|
46238
46625
|
i0.ɵɵelementStart(2, "div", 2);
|
|
46239
|
-
i0.ɵɵrepeaterCreate(3, RecommendationActionStepsModalComponent_For_4_Template, 13, 11, "div", 3, _forTrack0$
|
|
46626
|
+
i0.ɵɵrepeaterCreate(3, RecommendationActionStepsModalComponent_For_4_Template, 13, 11, "div", 3, _forTrack0$S);
|
|
46240
46627
|
i0.ɵɵelementEnd();
|
|
46241
46628
|
i0.ɵɵconditionalCreate(5, RecommendationActionStepsModalComponent_Conditional_5_Template, 4, 5, "div", 4);
|
|
46242
46629
|
i0.ɵɵelementEnd();
|
|
@@ -48356,7 +48743,7 @@ const _c2$d = () => [1, 2, 3, 4, 5, 6];
|
|
|
48356
48743
|
const _c3$8 = () => [1, 2, 3];
|
|
48357
48744
|
const _c4$5 = () => [1, 2, 3, 4];
|
|
48358
48745
|
const _c5$2 = () => [1, 2];
|
|
48359
|
-
const _forTrack0$
|
|
48746
|
+
const _forTrack0$R = ($index, $item) => $item.value;
|
|
48360
48747
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
48361
48748
|
i0.ɵɵelementStart(0, "option", 25);
|
|
48362
48749
|
i0.ɵɵtext(1);
|
|
@@ -48376,7 +48763,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template(rf, ctx)
|
|
|
48376
48763
|
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template_div_click_3_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template_div_mousedown_3_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template_div_pointerdown_3_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
48377
48764
|
i0.ɵɵelementStart(4, "select", 24);
|
|
48378
48765
|
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template_select_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeSectionFilter($event)); });
|
|
48379
|
-
i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_6_For_6_Template, 2, 2, "option", 25, _forTrack0$
|
|
48766
|
+
i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_6_For_6_Template, 2, 2, "option", 25, _forTrack0$R);
|
|
48380
48767
|
i0.ɵɵelementEnd()()();
|
|
48381
48768
|
} if (rf & 2) {
|
|
48382
48769
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -48428,7 +48815,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template(rf, ctx
|
|
|
48428
48815
|
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); })("mousedown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); })("pointerdown", function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template_div_pointerdown_0_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
48429
48816
|
i0.ɵɵelementStart(1, "select", 29);
|
|
48430
48817
|
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeSectionFilter($event)); });
|
|
48431
|
-
i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_10_For_3_Template, 2, 2, "option", 25, _forTrack0$
|
|
48818
|
+
i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_10_For_3_Template, 2, 2, "option", 25, _forTrack0$R);
|
|
48432
48819
|
i0.ɵɵelementEnd()();
|
|
48433
48820
|
} if (rf & 2) {
|
|
48434
48821
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -49222,7 +49609,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Te
|
|
|
49222
49609
|
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template, 2, 0, "div", 107);
|
|
49223
49610
|
i0.ɵɵelementStart(15, "select", 108);
|
|
49224
49611
|
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template_select_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCategoryFilter($event)); });
|
|
49225
|
-
i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$
|
|
49612
|
+
i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$R);
|
|
49226
49613
|
i0.ɵɵelementEnd();
|
|
49227
49614
|
i0.ɵɵelementStart(18, "button", 109);
|
|
49228
49615
|
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleSortOrder()); });
|
|
@@ -49236,7 +49623,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Te
|
|
|
49236
49623
|
i0.ɵɵtext(23, "Sort");
|
|
49237
49624
|
i0.ɵɵelementEnd()()()();
|
|
49238
49625
|
i0.ɵɵelementStart(24, "div", 113)(25, "div", 114);
|
|
49239
|
-
i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$
|
|
49626
|
+
i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$R);
|
|
49240
49627
|
i0.ɵɵelementEnd()()();
|
|
49241
49628
|
i0.ɵɵconditionalCreate(28, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_28_Template, 3, 1, "div", 115)(29, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_29_Template, 4, 5, "div", 116);
|
|
49242
49629
|
i0.ɵɵelementEnd()();
|
|
@@ -49413,7 +49800,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Te
|
|
|
49413
49800
|
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template, 2, 0, "div", 107);
|
|
49414
49801
|
i0.ɵɵelementStart(13, "select", 150);
|
|
49415
49802
|
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeBreakdownFilter($event)); });
|
|
49416
|
-
i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$
|
|
49803
|
+
i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$R);
|
|
49417
49804
|
i0.ɵɵelementEnd()()();
|
|
49418
49805
|
i0.ɵɵconditionalCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_16_Template, 3, 1, "div", 80)(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_17_Template, 4, 5, "div", 151);
|
|
49419
49806
|
i0.ɵɵelementEnd()();
|
|
@@ -49524,7 +49911,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Te
|
|
|
49524
49911
|
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template, 2, 0, "div", 107);
|
|
49525
49912
|
i0.ɵɵelementStart(14, "select", 108);
|
|
49526
49913
|
i0.ɵɵlistener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Template_select_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.changeCompetitiveFilter($event)); });
|
|
49527
|
-
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$
|
|
49914
|
+
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$R);
|
|
49528
49915
|
i0.ɵɵelementEnd()()();
|
|
49529
49916
|
i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_17_Template, 6, 5, "div", 80)(18, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_18_Template, 1, 6, "symphiq-competitive-intelligence-view", 77);
|
|
49530
49917
|
i0.ɵɵelementEnd()();
|
|
@@ -52046,7 +52433,7 @@ function getTrendClasses(trendPercent, viewMode) {
|
|
|
52046
52433
|
}
|
|
52047
52434
|
}
|
|
52048
52435
|
|
|
52049
|
-
const _forTrack0$
|
|
52436
|
+
const _forTrack0$Q = ($index, $item) => $item.metric.performanceItemId;
|
|
52050
52437
|
function SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
52051
52438
|
i0.ɵɵelementStart(0, "div", 17)(1, "p", 18);
|
|
52052
52439
|
i0.ɵɵtext(2);
|
|
@@ -52658,7 +53045,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
|
|
|
52658
53045
|
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template, 3, 7, "div", 9);
|
|
52659
53046
|
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisPreviewComponent_Conditional_13_Template, 18, 23, "div", 10);
|
|
52660
53047
|
i0.ɵɵelementStart(14, "div", 11);
|
|
52661
|
-
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisPreviewComponent_For_16_Template, 10, 17, "div", 12, _forTrack0$
|
|
53048
|
+
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisPreviewComponent_For_16_Template, 10, 17, "div", 12, _forTrack0$Q);
|
|
52662
53049
|
i0.ɵɵelementEnd();
|
|
52663
53050
|
i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisPreviewComponent_Conditional_17_Template, 9, 11, "div", 9);
|
|
52664
53051
|
i0.ɵɵconditionalCreate(18, SymphiqFunnelAnalysisPreviewComponent_Conditional_18_Template, 14, 19, "div", 9);
|
|
@@ -52901,7 +53288,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
|
|
|
52901
53288
|
}], () => [], { analysisInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], onViewAnalysis: [{ type: i0.Output, args: ["onViewAnalysis"] }] }); })();
|
|
52902
53289
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisPreviewComponent, { className: "SymphiqFunnelAnalysisPreviewComponent", filePath: "lib/components/funnel-analysis-preview/symphiq-funnel-analysis-preview.component.ts", lineNumber: 228 }); })();
|
|
52903
53290
|
|
|
52904
|
-
const _forTrack0$
|
|
53291
|
+
const _forTrack0$P = ($index, $item) => $item.id;
|
|
52905
53292
|
function SymphiqWelcomeDashboardComponent_For_50_Template(rf, ctx) { if (rf & 1) {
|
|
52906
53293
|
i0.ɵɵelementStart(0, "div", 27)(1, "div", 32)(2, "div", 33)(3, "span", 34);
|
|
52907
53294
|
i0.ɵɵtext(4);
|
|
@@ -53130,7 +53517,7 @@ class SymphiqWelcomeDashboardComponent {
|
|
|
53130
53517
|
i0.ɵɵtext(47, " Your Onboarding Journey ");
|
|
53131
53518
|
i0.ɵɵelementEnd();
|
|
53132
53519
|
i0.ɵɵelementStart(48, "div", 26);
|
|
53133
|
-
i0.ɵɵrepeaterCreate(49, SymphiqWelcomeDashboardComponent_For_50_Template, 9, 3, "div", 27, _forTrack0$
|
|
53520
|
+
i0.ɵɵrepeaterCreate(49, SymphiqWelcomeDashboardComponent_For_50_Template, 9, 3, "div", 27, _forTrack0$P);
|
|
53134
53521
|
i0.ɵɵelementEnd()()();
|
|
53135
53522
|
i0.ɵɵelementStart(51, "div", 28);
|
|
53136
53523
|
i0.ɵɵnamespaceSVG();
|
|
@@ -53314,7 +53701,7 @@ class SymphiqWelcomeDashboardComponent {
|
|
|
53314
53701
|
}] }); })();
|
|
53315
53702
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqWelcomeDashboardComponent, { className: "SymphiqWelcomeDashboardComponent", filePath: "lib/components/welcome-dashboard/symphiq-welcome-dashboard.component.ts", lineNumber: 163 }); })();
|
|
53316
53703
|
|
|
53317
|
-
const _forTrack0$
|
|
53704
|
+
const _forTrack0$O = ($index, $item) => $item.status;
|
|
53318
53705
|
function FocusAreaQuestionComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
53319
53706
|
i0.ɵɵelementStart(0, "span", 5);
|
|
53320
53707
|
i0.ɵɵtext(1, " Not answered yet ");
|
|
@@ -53527,7 +53914,7 @@ class FocusAreaQuestionComponent {
|
|
|
53527
53914
|
i0.ɵɵtext(8);
|
|
53528
53915
|
i0.ɵɵelementEnd()();
|
|
53529
53916
|
i0.ɵɵelementStart(9, "div", 7);
|
|
53530
|
-
i0.ɵɵrepeaterCreate(10, FocusAreaQuestionComponent_For_11_Template, 10, 8, "label", 8, _forTrack0$
|
|
53917
|
+
i0.ɵɵrepeaterCreate(10, FocusAreaQuestionComponent_For_11_Template, 10, 8, "label", 8, _forTrack0$O);
|
|
53531
53918
|
i0.ɵɵelementEnd();
|
|
53532
53919
|
i0.ɵɵelementStart(12, "div", 9)(13, "div", 10)(14, "div", 11)(15, "label", 12);
|
|
53533
53920
|
i0.ɵɵtext(16, " Marketing automation tools used ");
|
|
@@ -53662,7 +54049,7 @@ class FocusAreaQuestionComponent {
|
|
|
53662
54049
|
}], null, { focusAreaDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDomain", required: true }] }], selectedStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedStatus", required: false }] }], selectedTools: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedTools", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: true }] }], statusChange: [{ type: i0.Output, args: ["statusChange"] }], toolsClick: [{ type: i0.Output, args: ["toolsClick"] }] }); })();
|
|
53663
54050
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaQuestionComponent, { className: "FocusAreaQuestionComponent", filePath: "lib/components/create-account-dashboard/focus-area-question.component.ts", lineNumber: 106 }); })();
|
|
53664
54051
|
|
|
53665
|
-
const _forTrack0$
|
|
54052
|
+
const _forTrack0$N = ($index, $item) => $item.tool;
|
|
53666
54053
|
function FocusAreaToolsModalComponent_Conditional_0_Conditional_10_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
53667
54054
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
53668
54055
|
i0.ɵɵelementStart(0, "label", 18)(1, "input", 19);
|
|
@@ -53686,7 +54073,7 @@ function FocusAreaToolsModalComponent_Conditional_0_Conditional_10_Template(rf,
|
|
|
53686
54073
|
i0.ɵɵtext(2, " Select tools from the list: ");
|
|
53687
54074
|
i0.ɵɵelementEnd();
|
|
53688
54075
|
i0.ɵɵelementStart(3, "div", 17);
|
|
53689
|
-
i0.ɵɵrepeaterCreate(4, FocusAreaToolsModalComponent_Conditional_0_Conditional_10_For_5_Template, 4, 4, "label", 18, _forTrack0$
|
|
54076
|
+
i0.ɵɵrepeaterCreate(4, FocusAreaToolsModalComponent_Conditional_0_Conditional_10_For_5_Template, 4, 4, "label", 18, _forTrack0$N);
|
|
53690
54077
|
i0.ɵɵelementEnd()();
|
|
53691
54078
|
} if (rf & 2) {
|
|
53692
54079
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -53980,7 +54367,7 @@ class FocusAreaToolsModalComponent {
|
|
|
53980
54367
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaToolsModalComponent, { className: "FocusAreaToolsModalComponent", filePath: "lib/components/create-account-dashboard/focus-area-tools-modal.component.ts", lineNumber: 149 }); })();
|
|
53981
54368
|
|
|
53982
54369
|
const _c0$N = ["shopNameInput"];
|
|
53983
|
-
const _forTrack0$
|
|
54370
|
+
const _forTrack0$M = ($index, $item) => $item.focusArea.focusAreaDomain;
|
|
53984
54371
|
const _forTrack1$9 = ($index, $item) => $item.domain;
|
|
53985
54372
|
function SymphiqCreateAccountDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
53986
54373
|
i0.ɵɵelementStart(0, "div", 8);
|
|
@@ -54317,7 +54704,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
|
|
|
54317
54704
|
i0.ɵɵtext(3);
|
|
54318
54705
|
i0.ɵɵelementEnd();
|
|
54319
54706
|
i0.ɵɵelementStart(4, "div", 52);
|
|
54320
|
-
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 53, _forTrack0$
|
|
54707
|
+
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 53, _forTrack0$M);
|
|
54321
54708
|
i0.ɵɵelementEnd()();
|
|
54322
54709
|
} if (rf & 2) {
|
|
54323
54710
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
@@ -54347,7 +54734,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
|
|
|
54347
54734
|
i0.ɵɵtext(3);
|
|
54348
54735
|
i0.ɵɵelementEnd();
|
|
54349
54736
|
i0.ɵɵelementStart(4, "div", 62);
|
|
54350
|
-
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 63, _forTrack0$
|
|
54737
|
+
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 63, _forTrack0$M);
|
|
54351
54738
|
i0.ɵɵelementEnd()();
|
|
54352
54739
|
} if (rf & 2) {
|
|
54353
54740
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
@@ -54377,7 +54764,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
|
|
|
54377
54764
|
i0.ɵɵtext(3);
|
|
54378
54765
|
i0.ɵɵelementEnd();
|
|
54379
54766
|
i0.ɵɵelementStart(4, "div", 65);
|
|
54380
|
-
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 66, _forTrack0$
|
|
54767
|
+
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 66, _forTrack0$M);
|
|
54381
54768
|
i0.ɵɵelementEnd()();
|
|
54382
54769
|
} if (rf & 2) {
|
|
54383
54770
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
@@ -55968,7 +56355,7 @@ class ConnectGaWelcomeBannerComponent {
|
|
|
55968
56355
|
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
|
|
55969
56356
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConnectGaWelcomeBannerComponent, { className: "ConnectGaWelcomeBannerComponent", filePath: "lib/components/connect-ga-dashboard/connect-ga-welcome-banner.component.ts", lineNumber: 70 }); })();
|
|
55970
56357
|
|
|
55971
|
-
const _forTrack0$
|
|
56358
|
+
const _forTrack0$L = ($index, $item) => $item.property.id;
|
|
55972
56359
|
function SymphiqConnectGaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
55973
56360
|
i0.ɵɵelementStart(0, "div", 8)(1, "div", 10)(2, "div", 11);
|
|
55974
56361
|
i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 12);
|
|
@@ -56197,7 +56584,7 @@ function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_
|
|
|
56197
56584
|
function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
56198
56585
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
56199
56586
|
i0.ɵɵelementStart(0, "div", 53);
|
|
56200
|
-
i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template, 11, 8, "label", 54, _forTrack0$
|
|
56587
|
+
i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template, 11, 8, "label", 54, _forTrack0$L);
|
|
56201
56588
|
i0.ɵɵelementEnd();
|
|
56202
56589
|
i0.ɵɵelement(3, "div", 55);
|
|
56203
56590
|
i0.ɵɵelementStart(4, "button", 56);
|
|
@@ -58028,7 +58415,7 @@ class TargetChangeBadgeComponent {
|
|
|
58028
58415
|
}], () => [{ type: i0.ElementRef }], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], percentageChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "percentageChange", required: false }] }], metric: [{ type: i0.Input, args: [{ isSignal: true, alias: "metric", required: false }] }], priorYear: [{ type: i0.Input, args: [{ isSignal: true, alias: "priorYear", required: false }] }], isCompact: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompact", required: false }] }] }); })();
|
|
58029
58416
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TargetChangeBadgeComponent, { className: "TargetChangeBadgeComponent", filePath: "lib/components/revenue-calculator-dashboard/target-change-badge.component.ts", lineNumber: 27 }); })();
|
|
58030
58417
|
|
|
58031
|
-
const _forTrack0$
|
|
58418
|
+
const _forTrack0$K = ($index, $item) => $item.stageMetric.metric;
|
|
58032
58419
|
const _forTrack1$8 = ($index, $item) => $item.calc.metric;
|
|
58033
58420
|
function FunnelMetricsVisualizationComponent_For_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
58034
58421
|
i0.ɵɵelementStart(0, "button", 7);
|
|
@@ -58484,7 +58871,7 @@ class FunnelMetricsVisualizationComponent {
|
|
|
58484
58871
|
i0.ɵɵelementStart(0, "div", 0);
|
|
58485
58872
|
i0.ɵɵelement(1, "symphiq-tooltip-container");
|
|
58486
58873
|
i0.ɵɵelementStart(2, "div", 1);
|
|
58487
|
-
i0.ɵɵrepeaterCreate(3, FunnelMetricsVisualizationComponent_For_4_Template, 28, 15, "div", 2, _forTrack0$
|
|
58874
|
+
i0.ɵɵrepeaterCreate(3, FunnelMetricsVisualizationComponent_For_4_Template, 28, 15, "div", 2, _forTrack0$K);
|
|
58488
58875
|
i0.ɵɵelementEnd()();
|
|
58489
58876
|
} if (rf & 2) {
|
|
58490
58877
|
i0.ɵɵadvance(3);
|
|
@@ -60383,7 +60770,7 @@ class ProgressToTargetChartComponent {
|
|
|
60383
60770
|
}] }); })();
|
|
60384
60771
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProgressToTargetChartComponent, { className: "ProgressToTargetChartComponent", filePath: "lib/components/revenue-calculator-dashboard/progress-to-target-chart.component.ts", lineNumber: 67 }); })();
|
|
60385
60772
|
|
|
60386
|
-
const _forTrack0$
|
|
60773
|
+
const _forTrack0$J = ($index, $item) => $item.metric.metric;
|
|
60387
60774
|
function MetricReportModalComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
60388
60775
|
i0.ɵɵelement(0, "symphiq-current-data-indicator", 9);
|
|
60389
60776
|
} if (rf & 2) {
|
|
@@ -60527,7 +60914,7 @@ function MetricReportModalComponent_Conditional_0_Conditional_63_Template(rf, ct
|
|
|
60527
60914
|
i0.ɵɵtext(12, "Improve by");
|
|
60528
60915
|
i0.ɵɵelementEnd()()();
|
|
60529
60916
|
i0.ɵɵelementStart(13, "tbody");
|
|
60530
|
-
i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_63_For_15_Template, 15, 7, "tr", 46, _forTrack0$
|
|
60917
|
+
i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_63_For_15_Template, 15, 7, "tr", 46, _forTrack0$J);
|
|
60531
60918
|
i0.ɵɵelementEnd()()()();
|
|
60532
60919
|
} if (rf & 2) {
|
|
60533
60920
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -62100,7 +62487,7 @@ class UserDisplayComponent {
|
|
|
62100
62487
|
|
|
62101
62488
|
const _c0$J = ["absoluteInputRef"];
|
|
62102
62489
|
const _c1$k = ["percentageInputRef"];
|
|
62103
|
-
const _forTrack0$
|
|
62490
|
+
const _forTrack0$I = ($index, $item) => $item.history.id;
|
|
62104
62491
|
function EditMetricTargetModalComponent_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
|
|
62105
62492
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
62106
62493
|
i0.ɵɵelementStart(0, "div", 16);
|
|
@@ -62516,7 +62903,7 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Template(rf
|
|
|
62516
62903
|
i0.ɵɵtext(8, "Amount set");
|
|
62517
62904
|
i0.ɵɵelementEnd()();
|
|
62518
62905
|
i0.ɵɵelementStart(9, "div", 65);
|
|
62519
|
-
i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_34_For_11_Template, 7, 6, "div", 66, _forTrack0$
|
|
62906
|
+
i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_34_For_11_Template, 7, 6, "div", 66, _forTrack0$I);
|
|
62520
62907
|
i0.ɵɵelementEnd()()();
|
|
62521
62908
|
} if (rf & 2) {
|
|
62522
62909
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -67614,7 +68001,7 @@ class FloatingBackButtonComponent {
|
|
|
67614
68001
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FloatingBackButtonComponent, { className: "FloatingBackButtonComponent", filePath: "lib/components/business-analysis-dashboard/floating-back-button.component.ts", lineNumber: 70 }); })();
|
|
67615
68002
|
|
|
67616
68003
|
const _c0$F = ["searchInput"];
|
|
67617
|
-
const _forTrack0$
|
|
68004
|
+
const _forTrack0$H = ($index, $item) => $item.result.id;
|
|
67618
68005
|
function SearchModalComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
67619
68006
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
67620
68007
|
i0.ɵɵelementStart(0, "button", 18);
|
|
@@ -67738,7 +68125,7 @@ function SearchModalComponent_Conditional_0_Conditional_14_For_2_Template(rf, ct
|
|
|
67738
68125
|
} }
|
|
67739
68126
|
function SearchModalComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
67740
68127
|
i0.ɵɵelementStart(0, "div", 15);
|
|
67741
|
-
i0.ɵɵrepeaterCreate(1, SearchModalComponent_Conditional_0_Conditional_14_For_2_Template, 17, 13, "button", 19, _forTrack0$
|
|
68128
|
+
i0.ɵɵrepeaterCreate(1, SearchModalComponent_Conditional_0_Conditional_14_For_2_Template, 17, 13, "button", 19, _forTrack0$H);
|
|
67742
68129
|
i0.ɵɵelementEnd();
|
|
67743
68130
|
} if (rf & 2) {
|
|
67744
68131
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -68727,7 +69114,7 @@ class SimplifiedRecommendationCardComponent {
|
|
|
68727
69114
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimplifiedRecommendationCardComponent, { className: "SimplifiedRecommendationCardComponent", filePath: "lib/components/business-analysis-dashboard/simplified-recommendation-card.component.ts", lineNumber: 121 }); })();
|
|
68728
69115
|
|
|
68729
69116
|
const _c0$E = () => [0, 1, 2];
|
|
68730
|
-
const _forTrack0$
|
|
69117
|
+
const _forTrack0$G = ($index, $item) => $item.id;
|
|
68731
69118
|
function RecommendationsTiledGridComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
68732
69119
|
i0.ɵɵelementStart(0, "div", 9);
|
|
68733
69120
|
i0.ɵɵtext(1);
|
|
@@ -68751,7 +69138,7 @@ function RecommendationsTiledGridComponent_Conditional_14_For_2_Template(rf, ctx
|
|
|
68751
69138
|
} }
|
|
68752
69139
|
function RecommendationsTiledGridComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
68753
69140
|
i0.ɵɵelementStart(0, "div", 11);
|
|
68754
|
-
i0.ɵɵrepeaterCreate(1, RecommendationsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-recommendation-card", 13, _forTrack0$
|
|
69141
|
+
i0.ɵɵrepeaterCreate(1, RecommendationsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-recommendation-card", 13, _forTrack0$G);
|
|
68755
69142
|
i0.ɵɵelementEnd();
|
|
68756
69143
|
} if (rf & 2) {
|
|
68757
69144
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -69043,7 +69430,7 @@ class RecommendationsTiledGridComponent {
|
|
|
69043
69430
|
}], null, { recommendations: [{ type: i0.Input, args: [{ isSignal: true, alias: "recommendations", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], viewMoreClick: [{ type: i0.Output, args: ["viewMoreClick"] }] }); })();
|
|
69044
69431
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecommendationsTiledGridComponent, { className: "RecommendationsTiledGridComponent", filePath: "lib/components/business-analysis-dashboard/recommendations-tiled-grid.component.ts", lineNumber: 92 }); })();
|
|
69045
69432
|
|
|
69046
|
-
const _forTrack0$
|
|
69433
|
+
const _forTrack0$F = ($index, $item) => $item.section.id;
|
|
69047
69434
|
function CollapsibleSectionGroupComponent_For_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
69048
69435
|
i0.ɵɵelementStart(0, "div", 20);
|
|
69049
69436
|
i0.ɵɵelement(1, "symphiq-icon", 30);
|
|
@@ -69315,7 +69702,7 @@ class CollapsibleSectionGroupComponent {
|
|
|
69315
69702
|
i0.ɵɵtext(20, " The information below was gathered from your website and competitor research. While recommendations above are based on this initial analysis, connecting your GA4 data will provide quantitative insights that dramatically improve recommendation accuracy. ");
|
|
69316
69703
|
i0.ɵɵelementEnd()()();
|
|
69317
69704
|
i0.ɵɵelementStart(21, "div", 16);
|
|
69318
|
-
i0.ɵɵrepeaterCreate(22, CollapsibleSectionGroupComponent_For_23_Template, 15, 17, "div", 17, _forTrack0$
|
|
69705
|
+
i0.ɵɵrepeaterCreate(22, CollapsibleSectionGroupComponent_For_23_Template, 15, 17, "div", 17, _forTrack0$F);
|
|
69319
69706
|
i0.ɵɵelementEnd()()();
|
|
69320
69707
|
} if (rf & 2) {
|
|
69321
69708
|
i0.ɵɵproperty("ngClass", ctx.containerClasses());
|
|
@@ -70833,7 +71220,7 @@ class MetricWelcomeBannerComponent {
|
|
|
70833
71220
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricWelcomeBannerComponent, { className: "MetricWelcomeBannerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-welcome-banner.component.ts", lineNumber: 63 }); })();
|
|
70834
71221
|
|
|
70835
71222
|
const _c0$C = a0 => ({ name: "chevron-right", source: a0 });
|
|
70836
|
-
const _forTrack0$
|
|
71223
|
+
const _forTrack0$E = ($index, $item) => $item.id;
|
|
70837
71224
|
function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
70838
71225
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
70839
71226
|
i0.ɵɵelementStart(0, "button", 2);
|
|
@@ -70854,7 +71241,7 @@ function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (r
|
|
|
70854
71241
|
} }
|
|
70855
71242
|
function RelatedGoalChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
70856
71243
|
i0.ɵɵelementStart(0, "div", 0);
|
|
70857
|
-
i0.ɵɵrepeaterCreate(1, RelatedGoalChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$
|
|
71244
|
+
i0.ɵɵrepeaterCreate(1, RelatedGoalChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$E);
|
|
70858
71245
|
i0.ɵɵelementEnd();
|
|
70859
71246
|
} if (rf & 2) {
|
|
70860
71247
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -71023,7 +71410,7 @@ const _c7 = a0 => ({ name: "light-bulb", source: a0 });
|
|
|
71023
71410
|
const _c8 = a0 => ({ name: "clock", source: a0 });
|
|
71024
71411
|
const _c9 = a0 => [a0];
|
|
71025
71412
|
const _c10 = () => [];
|
|
71026
|
-
const _forTrack0$
|
|
71413
|
+
const _forTrack0$D = ($index, $item) => $item.index;
|
|
71027
71414
|
function MetricExecutiveSummaryComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
71028
71415
|
i0.ɵɵelement(0, "symphiq-grade-badge", 9);
|
|
71029
71416
|
} if (rf & 2) {
|
|
@@ -71330,7 +71717,7 @@ function MetricExecutiveSummaryComponent_Conditional_31_Template(rf, ctx) { if (
|
|
|
71330
71717
|
i0.ɵɵtext(2, "Quick Wins");
|
|
71331
71718
|
i0.ɵɵelementEnd();
|
|
71332
71719
|
i0.ɵɵelementStart(3, "div", 48);
|
|
71333
|
-
i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_31_For_5_Template, 14, 11, "div", 49, _forTrack0$
|
|
71720
|
+
i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_31_For_5_Template, 14, 11, "div", 49, _forTrack0$D);
|
|
71334
71721
|
i0.ɵɵelementEnd()();
|
|
71335
71722
|
} if (rf & 2) {
|
|
71336
71723
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -73584,7 +73971,7 @@ class CapabilityMatrixCardComponent {
|
|
|
73584
73971
|
}], () => [], { capability: [{ type: i0.Input, args: [{ isSignal: true, alias: "capability", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }] }); })();
|
|
73585
73972
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CapabilityMatrixCardComponent, { className: "CapabilityMatrixCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/capability-matrix-card.component.ts", lineNumber: 118 }); })();
|
|
73586
73973
|
|
|
73587
|
-
const _forTrack0$
|
|
73974
|
+
const _forTrack0$C = ($index, $item) => $item.competitorId || $index;
|
|
73588
73975
|
function CompetitiveComparisonCardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
73589
73976
|
i0.ɵɵelementStart(0, "span", 15);
|
|
73590
73977
|
i0.ɵɵtext(1);
|
|
@@ -73697,7 +74084,7 @@ function CompetitiveComparisonCardComponent_Conditional_13_Template(rf, ctx) { i
|
|
|
73697
74084
|
i0.ɵɵelementStart(0, "div", 12)(1, "h6", 21);
|
|
73698
74085
|
i0.ɵɵtext(2, " Competitor Positions ");
|
|
73699
74086
|
i0.ɵɵelementEnd();
|
|
73700
|
-
i0.ɵɵrepeaterCreate(3, CompetitiveComparisonCardComponent_Conditional_13_For_4_Template, 7, 6, "div", 22, _forTrack0$
|
|
74087
|
+
i0.ɵɵrepeaterCreate(3, CompetitiveComparisonCardComponent_Conditional_13_For_4_Template, 7, 6, "div", 22, _forTrack0$C);
|
|
73701
74088
|
i0.ɵɵelementEnd();
|
|
73702
74089
|
} if (rf & 2) {
|
|
73703
74090
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -74086,7 +74473,7 @@ class CompetitiveComparisonCardComponent {
|
|
|
74086
74473
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveComparisonCardComponent, { className: "CompetitiveComparisonCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/competitive-comparison-card.component.ts", lineNumber: 126 }); })();
|
|
74087
74474
|
|
|
74088
74475
|
const _c0$y = a0 => ({ name: "chevron-right", source: a0 });
|
|
74089
|
-
const _forTrack0$
|
|
74476
|
+
const _forTrack0$B = ($index, $item) => $item.id;
|
|
74090
74477
|
function PhaseTimelineCardComponent_Conditional_8_For_7_Template(rf, ctx) { if (rf & 1) {
|
|
74091
74478
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
74092
74479
|
i0.ɵɵelementStart(0, "button", 15);
|
|
@@ -74115,7 +74502,7 @@ function PhaseTimelineCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1
|
|
|
74115
74502
|
i0.ɵɵelementEnd();
|
|
74116
74503
|
i0.ɵɵnamespaceHTML();
|
|
74117
74504
|
i0.ɵɵelementStart(5, "div", 13);
|
|
74118
|
-
i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_8_For_7_Template, 4, 5, "button", 14, _forTrack0$
|
|
74505
|
+
i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_8_For_7_Template, 4, 5, "button", 14, _forTrack0$B);
|
|
74119
74506
|
i0.ɵɵelementEnd()();
|
|
74120
74507
|
} if (rf & 2) {
|
|
74121
74508
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -74152,7 +74539,7 @@ function PhaseTimelineCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1
|
|
|
74152
74539
|
i0.ɵɵelementEnd();
|
|
74153
74540
|
i0.ɵɵnamespaceHTML();
|
|
74154
74541
|
i0.ɵɵelementStart(5, "div", 18);
|
|
74155
|
-
i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_9_For_7_Template, 4, 5, "button", 14, _forTrack0$
|
|
74542
|
+
i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_9_For_7_Template, 4, 5, "button", 14, _forTrack0$B);
|
|
74156
74543
|
i0.ɵɵelementEnd()();
|
|
74157
74544
|
} if (rf & 2) {
|
|
74158
74545
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -75166,7 +75553,7 @@ class OperationalCategoryCardComponent {
|
|
|
75166
75553
|
|
|
75167
75554
|
const _c0$w = a0 => ({ name: "arrow-trending-up", source: a0 });
|
|
75168
75555
|
const _c1$g = a0 => ({ name: "chat-bubble-left-right", source: a0 });
|
|
75169
|
-
const _forTrack0$
|
|
75556
|
+
const _forTrack0$A = ($index, $item) => $item.questionId;
|
|
75170
75557
|
function KeyDriverCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
75171
75558
|
i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
|
|
75172
75559
|
i0.ɵɵtext(2);
|
|
@@ -75186,7 +75573,7 @@ function KeyDriverCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
|
75186
75573
|
i0.ɵɵelementStart(3, "span", 12);
|
|
75187
75574
|
i0.ɵɵtext(4, " Supporting Profile Insights ");
|
|
75188
75575
|
i0.ɵɵelementEnd()();
|
|
75189
|
-
i0.ɵɵrepeaterCreate(5, KeyDriverCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$
|
|
75576
|
+
i0.ɵɵrepeaterCreate(5, KeyDriverCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$A);
|
|
75190
75577
|
i0.ɵɵelementEnd();
|
|
75191
75578
|
} if (rf & 2) {
|
|
75192
75579
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -75376,7 +75763,7 @@ class KeyDriverCardComponent {
|
|
|
75376
75763
|
|
|
75377
75764
|
const _c0$v = a0 => ({ name: "exclamation-triangle", source: a0 });
|
|
75378
75765
|
const _c1$f = a0 => ({ name: "chat-bubble-left-right", source: a0 });
|
|
75379
|
-
const _forTrack0$
|
|
75766
|
+
const _forTrack0$z = ($index, $item) => $item.questionId;
|
|
75380
75767
|
function BottleneckCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
75381
75768
|
i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
|
|
75382
75769
|
i0.ɵɵtext(2);
|
|
@@ -75396,7 +75783,7 @@ function BottleneckCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1)
|
|
|
75396
75783
|
i0.ɵɵelementStart(3, "span", 12);
|
|
75397
75784
|
i0.ɵɵtext(4, " Supporting Profile Insights ");
|
|
75398
75785
|
i0.ɵɵelementEnd()();
|
|
75399
|
-
i0.ɵɵrepeaterCreate(5, BottleneckCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$
|
|
75786
|
+
i0.ɵɵrepeaterCreate(5, BottleneckCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$z);
|
|
75400
75787
|
i0.ɵɵelementEnd();
|
|
75401
75788
|
} if (rf & 2) {
|
|
75402
75789
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -75605,7 +75992,7 @@ const _c0$u = a0 => ({ name: "arrow-right", source: a0 });
|
|
|
75605
75992
|
const _c1$e = a0 => ({ name: "arrow-left", source: a0 });
|
|
75606
75993
|
const _c2$b = a0 => ({ name: "arrows-right-left", source: a0 });
|
|
75607
75994
|
const _c3$6 = a0 => ({ name: "scale", source: a0 });
|
|
75608
|
-
const _forTrack0$
|
|
75995
|
+
const _forTrack0$y = ($index, $item) => $item.metric;
|
|
75609
75996
|
function MetricRelationshipsCardComponent_Conditional_1_For_8_Template(rf, ctx) { if (rf & 1) {
|
|
75610
75997
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
75611
75998
|
i0.ɵɵelementStart(0, "button", 8);
|
|
@@ -75630,7 +76017,7 @@ function MetricRelationshipsCardComponent_Conditional_1_Template(rf, ctx) { if (
|
|
|
75630
76017
|
i0.ɵɵtext(5, " Directly Influences ");
|
|
75631
76018
|
i0.ɵɵelementEnd()();
|
|
75632
76019
|
i0.ɵɵelementStart(6, "div", 6);
|
|
75633
|
-
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_1_For_8_Template, 4, 2, "button", 7, _forTrack0$
|
|
76020
|
+
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_1_For_8_Template, 4, 2, "button", 7, _forTrack0$y);
|
|
75634
76021
|
i0.ɵɵelementEnd()();
|
|
75635
76022
|
} if (rf & 2) {
|
|
75636
76023
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -75668,7 +76055,7 @@ function MetricRelationshipsCardComponent_Conditional_2_Template(rf, ctx) { if (
|
|
|
75668
76055
|
i0.ɵɵtext(5, " Directly Influenced By ");
|
|
75669
76056
|
i0.ɵɵelementEnd()();
|
|
75670
76057
|
i0.ɵɵelementStart(6, "div", 6);
|
|
75671
|
-
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_2_For_8_Template, 4, 2, "button", 7, _forTrack0$
|
|
76058
|
+
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_2_For_8_Template, 4, 2, "button", 7, _forTrack0$y);
|
|
75672
76059
|
i0.ɵɵelementEnd()();
|
|
75673
76060
|
} if (rf & 2) {
|
|
75674
76061
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -75714,7 +76101,7 @@ function MetricRelationshipsCardComponent_Conditional_3_Template(rf, ctx) { if (
|
|
|
75714
76101
|
i0.ɵɵtext(5, " Trade-offs ");
|
|
75715
76102
|
i0.ɵɵelementEnd()();
|
|
75716
76103
|
i0.ɵɵelementStart(6, "div", 11);
|
|
75717
|
-
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 12, _forTrack0$
|
|
76104
|
+
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 12, _forTrack0$y);
|
|
75718
76105
|
i0.ɵɵelementEnd()();
|
|
75719
76106
|
} if (rf & 2) {
|
|
75720
76107
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -75954,7 +76341,7 @@ class MetricRelationshipsCardComponent {
|
|
|
75954
76341
|
|
|
75955
76342
|
const _c0$t = a0 => ({ name: "chevron-right", source: a0 });
|
|
75956
76343
|
const _c1$d = a0 => ({ name: "link", source: a0 });
|
|
75957
|
-
const _forTrack0$
|
|
76344
|
+
const _forTrack0$x = ($index, $item) => $item.id;
|
|
75958
76345
|
function RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
75959
76346
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
75960
76347
|
i0.ɵɵelementStart(0, "button", 18);
|
|
@@ -75975,7 +76362,7 @@ function RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template(
|
|
|
75975
76362
|
} }
|
|
75976
76363
|
function RelatedMetricCardComponent_Conditional_18_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
75977
76364
|
i0.ɵɵelementStart(0, "div", 16);
|
|
75978
|
-
i0.ɵɵrepeaterCreate(1, RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template, 4, 5, "button", 17, _forTrack0$
|
|
76365
|
+
i0.ɵɵrepeaterCreate(1, RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template, 4, 5, "button", 17, _forTrack0$x);
|
|
75979
76366
|
i0.ɵɵelementEnd();
|
|
75980
76367
|
} if (rf & 2) {
|
|
75981
76368
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -76288,7 +76675,7 @@ class RelatedMetricCardComponent {
|
|
|
76288
76675
|
}], null, { metric: [{ type: i0.Input, args: [{ isSignal: true, alias: "metric", required: true }] }], relationship: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationship", required: true }] }], relationshipDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "relationshipDescription", required: true }] }], priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "priority", required: true }] }], sharedGoalIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "sharedGoalIds", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], cardClicked: [{ type: i0.Output, args: ["cardClicked"] }] }); })();
|
|
76289
76676
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedMetricCardComponent, { className: "RelatedMetricCardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/cards/related-metric-card.component.ts", lineNumber: 97 }); })();
|
|
76290
76677
|
|
|
76291
|
-
const _forTrack0$
|
|
76678
|
+
const _forTrack0$w = ($index, $item) => $item.metric;
|
|
76292
76679
|
function RelatedMetricsListComponent_Conditional_1_For_14_Template(rf, ctx) { if (rf & 1) {
|
|
76293
76680
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
76294
76681
|
i0.ɵɵelementStart(0, "symphiq-related-metric-card", 12);
|
|
@@ -76316,7 +76703,7 @@ function RelatedMetricsListComponent_Conditional_1_Template(rf, ctx) { if (rf &
|
|
|
76316
76703
|
i0.ɵɵtext(11);
|
|
76317
76704
|
i0.ɵɵelementEnd()();
|
|
76318
76705
|
i0.ɵɵelementStart(12, "div", 10);
|
|
76319
|
-
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_1_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$
|
|
76706
|
+
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_1_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$w);
|
|
76320
76707
|
i0.ɵɵelementEnd()();
|
|
76321
76708
|
} if (rf & 2) {
|
|
76322
76709
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -76362,7 +76749,7 @@ function RelatedMetricsListComponent_Conditional_2_Template(rf, ctx) { if (rf &
|
|
|
76362
76749
|
i0.ɵɵtext(11);
|
|
76363
76750
|
i0.ɵɵelementEnd()();
|
|
76364
76751
|
i0.ɵɵelementStart(12, "div", 10);
|
|
76365
|
-
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_2_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$
|
|
76752
|
+
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_2_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$w);
|
|
76366
76753
|
i0.ɵɵelementEnd()();
|
|
76367
76754
|
} if (rf & 2) {
|
|
76368
76755
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -76408,7 +76795,7 @@ function RelatedMetricsListComponent_Conditional_3_Template(rf, ctx) { if (rf &
|
|
|
76408
76795
|
i0.ɵɵtext(11);
|
|
76409
76796
|
i0.ɵɵelementEnd()();
|
|
76410
76797
|
i0.ɵɵelementStart(12, "div", 10);
|
|
76411
|
-
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_3_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$
|
|
76798
|
+
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_3_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$w);
|
|
76412
76799
|
i0.ɵɵelementEnd()();
|
|
76413
76800
|
} if (rf & 2) {
|
|
76414
76801
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -76454,7 +76841,7 @@ function RelatedMetricsListComponent_Conditional_4_Template(rf, ctx) { if (rf &
|
|
|
76454
76841
|
i0.ɵɵtext(11);
|
|
76455
76842
|
i0.ɵɵelementEnd()();
|
|
76456
76843
|
i0.ɵɵelementStart(12, "div", 10);
|
|
76457
|
-
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_4_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$
|
|
76844
|
+
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_4_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$w);
|
|
76458
76845
|
i0.ɵɵelementEnd()();
|
|
76459
76846
|
} if (rf & 2) {
|
|
76460
76847
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -77945,7 +78332,7 @@ const _c3$3 = a0 => [a0];
|
|
|
77945
78332
|
const _c4$1 = () => [];
|
|
77946
78333
|
const _c5 = a0 => ({ name: "chart-bar", source: a0 });
|
|
77947
78334
|
const _c6 = a0 => ({ name: "user", source: a0 });
|
|
77948
|
-
const _forTrack0$
|
|
78335
|
+
const _forTrack0$v = ($index, $item) => $item.id || $index;
|
|
77949
78336
|
const _forTrack1$7 = ($index, $item) => $item.dimension || $index;
|
|
77950
78337
|
const _forTrack2$1 = ($index, $item) => $item.rec.id || $index;
|
|
77951
78338
|
const _forTrack3$1 = ($index, $item) => $item.phase || $index;
|
|
@@ -78274,7 +78661,7 @@ function ProfileSectionContentComponent_Conditional_4_For_2_Template(rf, ctx) {
|
|
|
78274
78661
|
} }
|
|
78275
78662
|
function ProfileSectionContentComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
78276
78663
|
i0.ɵɵelementStart(0, "div", 3);
|
|
78277
|
-
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_4_For_2_Template, 2, 3, "div", null, _forTrack0$
|
|
78664
|
+
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_4_For_2_Template, 2, 3, "div", null, _forTrack0$v);
|
|
78278
78665
|
i0.ɵɵelementEnd();
|
|
78279
78666
|
} if (rf & 2) {
|
|
78280
78667
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -78291,7 +78678,7 @@ function ProfileSectionContentComponent_Conditional_5_For_2_Template(rf, ctx) {
|
|
|
78291
78678
|
} }
|
|
78292
78679
|
function ProfileSectionContentComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
78293
78680
|
i0.ɵɵelementStart(0, "div", 4);
|
|
78294
|
-
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_5_For_2_Template, 1, 8, "symphiq-goal-card", 47, _forTrack0$
|
|
78681
|
+
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_5_For_2_Template, 1, 8, "symphiq-goal-card", 47, _forTrack0$v);
|
|
78295
78682
|
i0.ɵɵelementEnd();
|
|
78296
78683
|
} if (rf & 2) {
|
|
78297
78684
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -78307,7 +78694,7 @@ function ProfileSectionContentComponent_Conditional_6_For_2_Template(rf, ctx) {
|
|
|
78307
78694
|
} }
|
|
78308
78695
|
function ProfileSectionContentComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
78309
78696
|
i0.ɵɵelementStart(0, "div", 5);
|
|
78310
|
-
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_6_For_2_Template, 1, 3, "symphiq-capability-matrix-card", 48, _forTrack0$
|
|
78697
|
+
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_6_For_2_Template, 1, 3, "symphiq-capability-matrix-card", 48, _forTrack0$v);
|
|
78311
78698
|
i0.ɵɵelementEnd();
|
|
78312
78699
|
} if (rf & 2) {
|
|
78313
78700
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -78362,7 +78749,7 @@ function ProfileSectionContentComponent_Conditional_9_For_2_Template(rf, ctx) {
|
|
|
78362
78749
|
} }
|
|
78363
78750
|
function ProfileSectionContentComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
78364
78751
|
i0.ɵɵelementStart(0, "div", 8);
|
|
78365
|
-
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_9_For_2_Template, 1, 2, "symphiq-operational-category-card", 52, _forTrack0$
|
|
78752
|
+
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_9_For_2_Template, 1, 2, "symphiq-operational-category-card", 52, _forTrack0$v);
|
|
78366
78753
|
i0.ɵɵelementEnd();
|
|
78367
78754
|
} if (rf & 2) {
|
|
78368
78755
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -80759,363 +81146,6 @@ class ProfileSectionContentComponent {
|
|
|
80759
81146
|
}], null, { section: [{ type: i0.Input, args: [{ isSignal: true, alias: "section", required: false }] }], executiveSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "executiveSummary", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], sectionIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionIndex", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], allMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "allMetrics", required: false }] }], allCharts: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCharts", required: false }] }], allInsights: [{ type: i0.Input, args: [{ isSignal: true, alias: "allInsights", required: false }] }], businessProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessProfile", required: false }] }] }); })();
|
|
80760
81147
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileSectionContentComponent, { className: "ProfileSectionContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/profile-section-content.component.ts", lineNumber: 765 }); })();
|
|
80761
81148
|
|
|
80762
|
-
const _forTrack0$v = ($index, $item) => $item.id || $index;
|
|
80763
|
-
function GoalObjectivesModalContentComponent_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
80764
|
-
i0.ɵɵelementStart(0, "p", 9);
|
|
80765
|
-
i0.ɵɵtext(1);
|
|
80766
|
-
i0.ɵɵelementEnd();
|
|
80767
|
-
} if (rf & 2) {
|
|
80768
|
-
const objective_r1 = i0.ɵɵnextContext().$implicit;
|
|
80769
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
80770
|
-
i0.ɵɵproperty("ngClass", ctx_r1.descriptionClasses());
|
|
80771
|
-
i0.ɵɵadvance();
|
|
80772
|
-
i0.ɵɵtextInterpolate(objective_r1.description);
|
|
80773
|
-
} }
|
|
80774
|
-
function GoalObjectivesModalContentComponent_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
80775
|
-
i0.ɵɵelementStart(0, "div", 10)(1, "div", 13);
|
|
80776
|
-
i0.ɵɵnamespaceSVG();
|
|
80777
|
-
i0.ɵɵelementStart(2, "svg", 14);
|
|
80778
|
-
i0.ɵɵelement(3, "path", 15);
|
|
80779
|
-
i0.ɵɵelementEnd();
|
|
80780
|
-
i0.ɵɵnamespaceHTML();
|
|
80781
|
-
i0.ɵɵelementStart(4, "div", 16)(5, "p", 17);
|
|
80782
|
-
i0.ɵɵtext(6, "Measurable Target");
|
|
80783
|
-
i0.ɵɵelementEnd();
|
|
80784
|
-
i0.ɵɵelementStart(7, "p", 18);
|
|
80785
|
-
i0.ɵɵtext(8);
|
|
80786
|
-
i0.ɵɵelementEnd()()()();
|
|
80787
|
-
} if (rf & 2) {
|
|
80788
|
-
const objective_r1 = i0.ɵɵnextContext().$implicit;
|
|
80789
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
80790
|
-
i0.ɵɵproperty("ngClass", ctx_r1.targetSectionClasses());
|
|
80791
|
-
i0.ɵɵadvance(2);
|
|
80792
|
-
i0.ɵɵproperty("ngClass", ctx_r1.targetIconClasses());
|
|
80793
|
-
i0.ɵɵadvance(3);
|
|
80794
|
-
i0.ɵɵproperty("ngClass", ctx_r1.targetLabelClasses());
|
|
80795
|
-
i0.ɵɵadvance(2);
|
|
80796
|
-
i0.ɵɵproperty("ngClass", ctx_r1.targetValueClasses());
|
|
80797
|
-
i0.ɵɵadvance();
|
|
80798
|
-
i0.ɵɵtextInterpolate(objective_r1.measurableTarget);
|
|
80799
|
-
} }
|
|
80800
|
-
function GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
80801
|
-
i0.ɵɵelementStart(0, "div", 19)(1, "p", 17);
|
|
80802
|
-
i0.ɵɵtext(2, "Current State");
|
|
80803
|
-
i0.ɵɵelementEnd();
|
|
80804
|
-
i0.ɵɵelementStart(3, "p", 20);
|
|
80805
|
-
i0.ɵɵtext(4);
|
|
80806
|
-
i0.ɵɵelementEnd()();
|
|
80807
|
-
} if (rf & 2) {
|
|
80808
|
-
const objective_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
80809
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
80810
|
-
i0.ɵɵproperty("ngClass", ctx_r1.stateSectionClasses());
|
|
80811
|
-
i0.ɵɵadvance();
|
|
80812
|
-
i0.ɵɵproperty("ngClass", ctx_r1.stateLabelClasses());
|
|
80813
|
-
i0.ɵɵadvance(2);
|
|
80814
|
-
i0.ɵɵproperty("ngClass", ctx_r1.stateValueClasses());
|
|
80815
|
-
i0.ɵɵadvance();
|
|
80816
|
-
i0.ɵɵtextInterpolate(objective_r1.currentState);
|
|
80817
|
-
} }
|
|
80818
|
-
function GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
80819
|
-
i0.ɵɵelementStart(0, "div", 19)(1, "p", 17);
|
|
80820
|
-
i0.ɵɵtext(2, "Desired State");
|
|
80821
|
-
i0.ɵɵelementEnd();
|
|
80822
|
-
i0.ɵɵelementStart(3, "p", 18);
|
|
80823
|
-
i0.ɵɵtext(4);
|
|
80824
|
-
i0.ɵɵelementEnd()();
|
|
80825
|
-
} if (rf & 2) {
|
|
80826
|
-
const objective_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
80827
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
80828
|
-
i0.ɵɵproperty("ngClass", ctx_r1.stateSectionClasses());
|
|
80829
|
-
i0.ɵɵadvance();
|
|
80830
|
-
i0.ɵɵproperty("ngClass", ctx_r1.stateLabelClasses());
|
|
80831
|
-
i0.ɵɵadvance(2);
|
|
80832
|
-
i0.ɵɵproperty("ngClass", ctx_r1.stateValueClasses());
|
|
80833
|
-
i0.ɵɵadvance();
|
|
80834
|
-
i0.ɵɵtextInterpolate(objective_r1.desiredState);
|
|
80835
|
-
} }
|
|
80836
|
-
function GoalObjectivesModalContentComponent_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
80837
|
-
i0.ɵɵelementStart(0, "div", 11);
|
|
80838
|
-
i0.ɵɵconditionalCreate(1, GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_1_Template, 5, 4, "div", 19);
|
|
80839
|
-
i0.ɵɵconditionalCreate(2, GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_2_Template, 5, 4, "div", 19);
|
|
80840
|
-
i0.ɵɵelementEnd();
|
|
80841
|
-
} if (rf & 2) {
|
|
80842
|
-
const objective_r1 = i0.ɵɵnextContext().$implicit;
|
|
80843
|
-
i0.ɵɵadvance();
|
|
80844
|
-
i0.ɵɵconditional(objective_r1.currentState ? 1 : -1);
|
|
80845
|
-
i0.ɵɵadvance();
|
|
80846
|
-
i0.ɵɵconditional(objective_r1.desiredState ? 2 : -1);
|
|
80847
|
-
} }
|
|
80848
|
-
function GoalObjectivesModalContentComponent_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
80849
|
-
const _r3 = i0.ɵɵgetCurrentView();
|
|
80850
|
-
i0.ɵɵelementStart(0, "button", 21);
|
|
80851
|
-
i0.ɵɵlistener("click", function GoalObjectivesModalContentComponent_For_2_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const objective_r1 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openStrategiesModal(objective_r1)); });
|
|
80852
|
-
i0.ɵɵelementStart(1, "div", 22)(2, "div", 23)(3, "div", 24);
|
|
80853
|
-
i0.ɵɵnamespaceSVG();
|
|
80854
|
-
i0.ɵɵelementStart(4, "svg", 25);
|
|
80855
|
-
i0.ɵɵelement(5, "path", 26);
|
|
80856
|
-
i0.ɵɵelementEnd()();
|
|
80857
|
-
i0.ɵɵnamespaceHTML();
|
|
80858
|
-
i0.ɵɵelementStart(6, "div", 27)(7, "div", 18);
|
|
80859
|
-
i0.ɵɵtext(8, "Show Strategies");
|
|
80860
|
-
i0.ɵɵelementEnd();
|
|
80861
|
-
i0.ɵɵelementStart(9, "div", 28);
|
|
80862
|
-
i0.ɵɵtext(10, "View objective strategies");
|
|
80863
|
-
i0.ɵɵelementEnd()()();
|
|
80864
|
-
i0.ɵɵnamespaceSVG();
|
|
80865
|
-
i0.ɵɵelementStart(11, "svg", 29);
|
|
80866
|
-
i0.ɵɵelement(12, "path", 30);
|
|
80867
|
-
i0.ɵɵelementEnd()()();
|
|
80868
|
-
} if (rf & 2) {
|
|
80869
|
-
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
80870
|
-
i0.ɵɵproperty("ngClass", ctx_r1.showStrategiesButtonClasses());
|
|
80871
|
-
i0.ɵɵadvance(3);
|
|
80872
|
-
i0.ɵɵproperty("ngClass", ctx_r1.strategiesIconBgClasses());
|
|
80873
|
-
i0.ɵɵadvance();
|
|
80874
|
-
i0.ɵɵproperty("ngClass", ctx_r1.strategiesIconClasses());
|
|
80875
|
-
i0.ɵɵadvance(3);
|
|
80876
|
-
i0.ɵɵproperty("ngClass", ctx_r1.strategiesLabelClasses());
|
|
80877
|
-
i0.ɵɵadvance(2);
|
|
80878
|
-
i0.ɵɵproperty("ngClass", ctx_r1.strategiesSubLabelClasses());
|
|
80879
|
-
i0.ɵɵadvance(2);
|
|
80880
|
-
i0.ɵɵproperty("ngClass", ctx_r1.strategiesChevronClasses());
|
|
80881
|
-
} }
|
|
80882
|
-
function GoalObjectivesModalContentComponent_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
80883
|
-
i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
|
|
80884
|
-
i0.ɵɵnamespaceSVG();
|
|
80885
|
-
i0.ɵɵelementStart(3, "svg", 4);
|
|
80886
|
-
i0.ɵɵelement(4, "path", 5);
|
|
80887
|
-
i0.ɵɵelementEnd()();
|
|
80888
|
-
i0.ɵɵnamespaceHTML();
|
|
80889
|
-
i0.ɵɵelementStart(5, "div", 6)(6, "div", 7);
|
|
80890
|
-
i0.ɵɵtext(7, " Objective ");
|
|
80891
|
-
i0.ɵɵelementEnd();
|
|
80892
|
-
i0.ɵɵelementStart(8, "h5", 8);
|
|
80893
|
-
i0.ɵɵtext(9);
|
|
80894
|
-
i0.ɵɵelementEnd();
|
|
80895
|
-
i0.ɵɵconditionalCreate(10, GoalObjectivesModalContentComponent_For_2_Conditional_10_Template, 2, 2, "p", 9);
|
|
80896
|
-
i0.ɵɵconditionalCreate(11, GoalObjectivesModalContentComponent_For_2_Conditional_11_Template, 9, 5, "div", 10);
|
|
80897
|
-
i0.ɵɵconditionalCreate(12, GoalObjectivesModalContentComponent_For_2_Conditional_12_Template, 3, 2, "div", 11);
|
|
80898
|
-
i0.ɵɵconditionalCreate(13, GoalObjectivesModalContentComponent_For_2_Conditional_13_Template, 13, 6, "button", 12);
|
|
80899
|
-
i0.ɵɵelementEnd()()();
|
|
80900
|
-
} if (rf & 2) {
|
|
80901
|
-
const objective_r1 = ctx.$implicit;
|
|
80902
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
80903
|
-
i0.ɵɵproperty("ngClass", ctx_r1.cardClasses());
|
|
80904
|
-
i0.ɵɵadvance(2);
|
|
80905
|
-
i0.ɵɵproperty("ngClass", ctx_r1.iconContainerClasses());
|
|
80906
|
-
i0.ɵɵadvance(4);
|
|
80907
|
-
i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
|
|
80908
|
-
i0.ɵɵadvance(2);
|
|
80909
|
-
i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
|
|
80910
|
-
i0.ɵɵadvance();
|
|
80911
|
-
i0.ɵɵtextInterpolate(objective_r1.title);
|
|
80912
|
-
i0.ɵɵadvance();
|
|
80913
|
-
i0.ɵɵconditional(objective_r1.description ? 10 : -1);
|
|
80914
|
-
i0.ɵɵadvance();
|
|
80915
|
-
i0.ɵɵconditional(objective_r1.measurableTarget ? 11 : -1);
|
|
80916
|
-
i0.ɵɵadvance();
|
|
80917
|
-
i0.ɵɵconditional(objective_r1.currentState || objective_r1.desiredState ? 12 : -1);
|
|
80918
|
-
i0.ɵɵadvance();
|
|
80919
|
-
i0.ɵɵconditional(objective_r1.strategies && objective_r1.strategies.length > 0 ? 13 : -1);
|
|
80920
|
-
} }
|
|
80921
|
-
class GoalObjectivesModalContentComponent {
|
|
80922
|
-
constructor() {
|
|
80923
|
-
this.objectives = input.required(...(ngDevMode ? [{ debugName: "objectives" }] : []));
|
|
80924
|
-
this.goalTitle = input.required(...(ngDevMode ? [{ debugName: "goalTitle" }] : []));
|
|
80925
|
-
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
80926
|
-
this.modalService = inject(ModalService);
|
|
80927
|
-
this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
|
|
80928
|
-
this.cardClasses = computed(() => {
|
|
80929
|
-
const base = 'transition-all duration-200';
|
|
80930
|
-
if (this.isDark()) {
|
|
80931
|
-
return `${base} bg-slate-900/30 border border-slate-700/30 hover:border-blue-500/20`;
|
|
80932
|
-
}
|
|
80933
|
-
return `${base} bg-slate-50/50 border border-slate-200/50 hover:border-blue-500/20`;
|
|
80934
|
-
}, ...(ngDevMode ? [{ debugName: "cardClasses" }] : []));
|
|
80935
|
-
this.iconContainerClasses = computed(() => {
|
|
80936
|
-
if (this.isDark()) {
|
|
80937
|
-
return 'flex-shrink-0 w-8 h-8 rounded-md bg-green-500/20 flex items-center justify-center text-green-400';
|
|
80938
|
-
}
|
|
80939
|
-
return 'flex-shrink-0 w-8 h-8 rounded-md bg-green-50 flex items-center justify-center text-green-600';
|
|
80940
|
-
}, ...(ngDevMode ? [{ debugName: "iconContainerClasses" }] : []));
|
|
80941
|
-
this.titleClasses = computed(() => {
|
|
80942
|
-
return this.isDark() ? 'text-slate-100' : 'text-slate-900';
|
|
80943
|
-
}, ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
|
|
80944
|
-
this.descriptionClasses = computed(() => {
|
|
80945
|
-
return this.isDark() ? 'text-slate-300' : 'text-slate-600';
|
|
80946
|
-
}, ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : []));
|
|
80947
|
-
this.targetSectionClasses = computed(() => {
|
|
80948
|
-
if (this.isDark()) {
|
|
80949
|
-
return 'bg-blue-500/10 border border-blue-500/20';
|
|
80950
|
-
}
|
|
80951
|
-
return 'bg-blue-50 border border-blue-200';
|
|
80952
|
-
}, ...(ngDevMode ? [{ debugName: "targetSectionClasses" }] : []));
|
|
80953
|
-
this.targetIconClasses = computed(() => {
|
|
80954
|
-
return this.isDark() ? 'text-blue-400' : 'text-blue-600';
|
|
80955
|
-
}, ...(ngDevMode ? [{ debugName: "targetIconClasses" }] : []));
|
|
80956
|
-
this.targetLabelClasses = computed(() => {
|
|
80957
|
-
return this.isDark() ? 'text-slate-400' : 'text-slate-500';
|
|
80958
|
-
}, ...(ngDevMode ? [{ debugName: "targetLabelClasses" }] : []));
|
|
80959
|
-
this.targetValueClasses = computed(() => {
|
|
80960
|
-
return this.isDark() ? 'text-slate-100' : 'text-slate-900';
|
|
80961
|
-
}, ...(ngDevMode ? [{ debugName: "targetValueClasses" }] : []));
|
|
80962
|
-
this.stateSectionClasses = computed(() => {
|
|
80963
|
-
if (this.isDark()) {
|
|
80964
|
-
return 'bg-slate-800/50 border border-slate-700/50';
|
|
80965
|
-
}
|
|
80966
|
-
return 'bg-white border border-slate-200';
|
|
80967
|
-
}, ...(ngDevMode ? [{ debugName: "stateSectionClasses" }] : []));
|
|
80968
|
-
this.stateLabelClasses = computed(() => {
|
|
80969
|
-
return this.isDark() ? 'text-slate-400' : 'text-slate-500';
|
|
80970
|
-
}, ...(ngDevMode ? [{ debugName: "stateLabelClasses" }] : []));
|
|
80971
|
-
this.stateValueClasses = computed(() => {
|
|
80972
|
-
return this.isDark() ? 'text-slate-200' : 'text-slate-700';
|
|
80973
|
-
}, ...(ngDevMode ? [{ debugName: "stateValueClasses" }] : []));
|
|
80974
|
-
this.showStrategiesButtonClasses = computed(() => {
|
|
80975
|
-
if (this.isDark()) {
|
|
80976
|
-
return 'bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50';
|
|
80977
|
-
}
|
|
80978
|
-
return 'bg-white border-slate-200 hover:border-blue-500/50 hover:bg-slate-50';
|
|
80979
|
-
}, ...(ngDevMode ? [{ debugName: "showStrategiesButtonClasses" }] : []));
|
|
80980
|
-
this.strategiesIconBgClasses = computed(() => {
|
|
80981
|
-
if (this.isDark()) {
|
|
80982
|
-
return 'bg-blue-900/30';
|
|
80983
|
-
}
|
|
80984
|
-
return 'bg-blue-100';
|
|
80985
|
-
}, ...(ngDevMode ? [{ debugName: "strategiesIconBgClasses" }] : []));
|
|
80986
|
-
this.strategiesIconClasses = computed(() => {
|
|
80987
|
-
if (this.isDark()) {
|
|
80988
|
-
return 'text-blue-400';
|
|
80989
|
-
}
|
|
80990
|
-
return 'text-blue-600';
|
|
80991
|
-
}, ...(ngDevMode ? [{ debugName: "strategiesIconClasses" }] : []));
|
|
80992
|
-
this.strategiesLabelClasses = computed(() => {
|
|
80993
|
-
if (this.isDark()) {
|
|
80994
|
-
return 'text-white';
|
|
80995
|
-
}
|
|
80996
|
-
return 'text-slate-900';
|
|
80997
|
-
}, ...(ngDevMode ? [{ debugName: "strategiesLabelClasses" }] : []));
|
|
80998
|
-
this.strategiesSubLabelClasses = computed(() => {
|
|
80999
|
-
if (this.isDark()) {
|
|
81000
|
-
return 'text-slate-400';
|
|
81001
|
-
}
|
|
81002
|
-
return 'text-slate-600';
|
|
81003
|
-
}, ...(ngDevMode ? [{ debugName: "strategiesSubLabelClasses" }] : []));
|
|
81004
|
-
this.strategiesChevronClasses = computed(() => {
|
|
81005
|
-
if (this.isDark()) {
|
|
81006
|
-
return 'text-slate-500 group-hover:text-blue-400';
|
|
81007
|
-
}
|
|
81008
|
-
return 'text-slate-400 group-hover:text-blue-600';
|
|
81009
|
-
}, ...(ngDevMode ? [{ debugName: "strategiesChevronClasses" }] : []));
|
|
81010
|
-
this.labelClasses = computed(() => {
|
|
81011
|
-
return this.isDark() ? 'text-green-400' : 'text-green-600';
|
|
81012
|
-
}, ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
|
|
81013
|
-
}
|
|
81014
|
-
openStrategiesModal(objective) {
|
|
81015
|
-
this.modalService.navigateToObjectiveStrategies(objective, this.goalTitle(), this.viewMode());
|
|
81016
|
-
}
|
|
81017
|
-
static { this.ɵfac = function GoalObjectivesModalContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoalObjectivesModalContentComponent)(); }; }
|
|
81018
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GoalObjectivesModalContentComponent, selectors: [["symphiq-goal-objectives-modal-content"]], inputs: { objectives: [1, "objectives"], goalTitle: [1, "goalTitle"], viewMode: [1, "viewMode"] }, decls: 3, vars: 0, consts: [[1, "space-y-6"], [1, "rounded-lg", "p-5", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-start", "gap-3"], [3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"], [1, "flex-1", "min-w-0"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "font-semibold", "text-base", "mb-2", 3, "ngClass"], [1, "text-sm", "mb-3", 3, "ngClass"], [1, "p-3", "rounded-lg", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-3", "mb-3"], [1, "w-full", "px-5", "py-4", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.01]", "active:scale-[0.99]", "cursor-pointer", "group", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1"], [1, "text-xs", "font-medium", "mb-1", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "p-3", "rounded-lg", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "w-full", "px-5", "py-4", "rounded-lg", "border-2", "transition-all", "duration-200", "hover:scale-[1.01]", "active:scale-[0.99]", "cursor-pointer", "group", 3, "click", "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "w-10", "h-10", "rounded-lg", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "text-left"], [1, "text-xs", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "transition-transform", "group-hover:translate-x-1", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"]], template: function GoalObjectivesModalContentComponent_Template(rf, ctx) { if (rf & 1) {
|
|
81019
|
-
i0.ɵɵelementStart(0, "div", 0);
|
|
81020
|
-
i0.ɵɵrepeaterCreate(1, GoalObjectivesModalContentComponent_For_2_Template, 14, 9, "div", 1, _forTrack0$v);
|
|
81021
|
-
i0.ɵɵelementEnd();
|
|
81022
|
-
} if (rf & 2) {
|
|
81023
|
-
i0.ɵɵadvance();
|
|
81024
|
-
i0.ɵɵrepeater(ctx.objectives());
|
|
81025
|
-
} }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
|
|
81026
|
-
}
|
|
81027
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoalObjectivesModalContentComponent, [{
|
|
81028
|
-
type: Component,
|
|
81029
|
-
args: [{
|
|
81030
|
-
selector: 'symphiq-goal-objectives-modal-content',
|
|
81031
|
-
standalone: true,
|
|
81032
|
-
imports: [CommonModule],
|
|
81033
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
81034
|
-
template: `
|
|
81035
|
-
<div class="space-y-6">
|
|
81036
|
-
@for (objective of objectives(); track objective.id || $index) {
|
|
81037
|
-
<div [ngClass]="cardClasses()" class="rounded-lg p-5 transition-all duration-200">
|
|
81038
|
-
<div class="flex items-start gap-3">
|
|
81039
|
-
<div [ngClass]="iconContainerClasses()">
|
|
81040
|
-
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
81041
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"/>
|
|
81042
|
-
</svg>
|
|
81043
|
-
</div>
|
|
81044
|
-
|
|
81045
|
-
<div class="flex-1 min-w-0">
|
|
81046
|
-
<div [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
|
|
81047
|
-
Objective
|
|
81048
|
-
</div>
|
|
81049
|
-
<h5 [ngClass]="titleClasses()" class="font-semibold text-base mb-2">{{ objective.title }}</h5>
|
|
81050
|
-
|
|
81051
|
-
@if (objective.description) {
|
|
81052
|
-
<p [ngClass]="descriptionClasses()" class="text-sm mb-3">{{ objective.description }}</p>
|
|
81053
|
-
}
|
|
81054
|
-
|
|
81055
|
-
@if (objective.measurableTarget) {
|
|
81056
|
-
<div [ngClass]="targetSectionClasses()" class="p-3 rounded-lg mb-3">
|
|
81057
|
-
<div class="flex items-start gap-2">
|
|
81058
|
-
<svg class="w-4 h-4 flex-shrink-0 mt-0.5" [ngClass]="targetIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
81059
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
|
|
81060
|
-
</svg>
|
|
81061
|
-
<div class="flex-1">
|
|
81062
|
-
<p [ngClass]="targetLabelClasses()" class="text-xs font-medium mb-1">Measurable Target</p>
|
|
81063
|
-
<p [ngClass]="targetValueClasses()" class="text-sm font-semibold">{{ objective.measurableTarget }}</p>
|
|
81064
|
-
</div>
|
|
81065
|
-
</div>
|
|
81066
|
-
</div>
|
|
81067
|
-
}
|
|
81068
|
-
|
|
81069
|
-
@if (objective.currentState || objective.desiredState) {
|
|
81070
|
-
<div class="grid grid-cols-2 gap-3 mb-3">
|
|
81071
|
-
@if (objective.currentState) {
|
|
81072
|
-
<div [ngClass]="stateSectionClasses()" class="p-3 rounded-lg">
|
|
81073
|
-
<p [ngClass]="stateLabelClasses()" class="text-xs font-medium mb-1">Current State</p>
|
|
81074
|
-
<p [ngClass]="stateValueClasses()" class="text-sm">{{ objective.currentState }}</p>
|
|
81075
|
-
</div>
|
|
81076
|
-
}
|
|
81077
|
-
@if (objective.desiredState) {
|
|
81078
|
-
<div [ngClass]="stateSectionClasses()" class="p-3 rounded-lg">
|
|
81079
|
-
<p [ngClass]="stateLabelClasses()" class="text-xs font-medium mb-1">Desired State</p>
|
|
81080
|
-
<p [ngClass]="stateValueClasses()" class="text-sm font-semibold">{{ objective.desiredState }}</p>
|
|
81081
|
-
</div>
|
|
81082
|
-
}
|
|
81083
|
-
</div>
|
|
81084
|
-
}
|
|
81085
|
-
|
|
81086
|
-
@if (objective.strategies && objective.strategies.length > 0) {
|
|
81087
|
-
<button
|
|
81088
|
-
(click)="openStrategiesModal(objective)"
|
|
81089
|
-
[ngClass]="showStrategiesButtonClasses()"
|
|
81090
|
-
class="w-full px-5 py-4 rounded-lg border-2 transition-all duration-200 hover:scale-[1.01] active:scale-[0.99] cursor-pointer group">
|
|
81091
|
-
<div class="flex items-center justify-between">
|
|
81092
|
-
<div class="flex items-center gap-3">
|
|
81093
|
-
<div [ngClass]="strategiesIconBgClasses()" class="w-10 h-10 rounded-lg flex items-center justify-center">
|
|
81094
|
-
<svg class="w-5 h-5" [ngClass]="strategiesIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
81095
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
|
|
81096
|
-
</svg>
|
|
81097
|
-
</div>
|
|
81098
|
-
<div class="text-left">
|
|
81099
|
-
<div [ngClass]="strategiesLabelClasses()" class="text-sm font-semibold">Show Strategies</div>
|
|
81100
|
-
<div [ngClass]="strategiesSubLabelClasses()" class="text-xs">View objective strategies</div>
|
|
81101
|
-
</div>
|
|
81102
|
-
</div>
|
|
81103
|
-
<svg [ngClass]="strategiesChevronClasses()" class="w-5 h-5 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
81104
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
81105
|
-
</svg>
|
|
81106
|
-
</div>
|
|
81107
|
-
</button>
|
|
81108
|
-
}
|
|
81109
|
-
</div>
|
|
81110
|
-
</div>
|
|
81111
|
-
</div>
|
|
81112
|
-
}
|
|
81113
|
-
</div>
|
|
81114
|
-
`
|
|
81115
|
-
}]
|
|
81116
|
-
}], null, { objectives: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectives", required: true }] }], goalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "goalTitle", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
|
|
81117
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GoalObjectivesModalContentComponent, { className: "GoalObjectivesModalContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/modals/goal-objectives-modal-content.component.ts", lineNumber: 94 }); })();
|
|
81118
|
-
|
|
81119
81149
|
const _forTrack0$u = ($index, $item) => $item.id || $index;
|
|
81120
81150
|
const _forTrack1$6 = ($index, $item) => ($item == null ? null : $item.questionId) || $index;
|
|
81121
81151
|
function ObjectiveStrategiesModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -83235,19 +83265,21 @@ class StrategyRecommendationsModalContentComponent {
|
|
|
83235
83265
|
depthCount++;
|
|
83236
83266
|
stateWalk = stateWalk.previousState ?? null;
|
|
83237
83267
|
}
|
|
83238
|
-
console.log('[StrategyRecommendations] openRelatedMetricsModal:', {
|
|
83239
|
-
currentModalStateType: currentState?.type,
|
|
83240
|
-
currentModalStateExists: !!currentState,
|
|
83241
|
-
previousStateDepth: depthCount,
|
|
83242
|
-
navigationStackLength: currentState?.navigationStack?.length
|
|
83243
|
-
});
|
|
83244
83268
|
this.modalService.openRecommendationMetricsListModal(metrics, relevantCharts, recommendationContext, directlyAffectedMetricId, indirectlyAffectedMetricIds, this.currentModalState() ?? undefined, hierarchyContext);
|
|
83245
83269
|
}
|
|
83246
83270
|
hasRelatedFunnelInsights(recommendation) {
|
|
83247
|
-
|
|
83271
|
+
if (!recommendation.relatedFunnelInsightIds || recommendation.relatedFunnelInsightIds.length === 0) {
|
|
83272
|
+
return false;
|
|
83273
|
+
}
|
|
83274
|
+
const matchingInsights = recommendation.relatedFunnelInsightIds
|
|
83275
|
+
.filter(id => this.allInsights().some(insight => insight.performanceItemId === id));
|
|
83276
|
+
return matchingInsights.length > 0;
|
|
83248
83277
|
}
|
|
83249
83278
|
getRelatedFunnelInsightsCount(recommendation) {
|
|
83250
|
-
|
|
83279
|
+
if (!recommendation.relatedFunnelInsightIds)
|
|
83280
|
+
return 0;
|
|
83281
|
+
return recommendation.relatedFunnelInsightIds
|
|
83282
|
+
.filter(id => this.allInsights().some(insight => insight.performanceItemId === id)).length;
|
|
83251
83283
|
}
|
|
83252
83284
|
openRelatedFunnelInsightsModal(recommendation) {
|
|
83253
83285
|
if (!recommendation.relatedFunnelInsightIds || recommendation.relatedFunnelInsightIds.length === 0) {
|
|
@@ -83278,10 +83310,18 @@ class StrategyRecommendationsModalContentComponent {
|
|
|
83278
83310
|
this.modalService.openRecommendationInsightsListModal(relatedInsights, relatedMetrics, relevantCharts, recommendationContext, previousState ?? undefined, this.goalTitle(), this.objectiveTitle(), this.strategy()?.title);
|
|
83279
83311
|
}
|
|
83280
83312
|
hasRelatedBusinessInsights(recommendation) {
|
|
83281
|
-
|
|
83313
|
+
if (!recommendation.relatedBusinessInsightIds || recommendation.relatedBusinessInsightIds.length === 0) {
|
|
83314
|
+
return false;
|
|
83315
|
+
}
|
|
83316
|
+
const matchingInsights = recommendation.relatedBusinessInsightIds
|
|
83317
|
+
.filter(id => this.allBusinessInsights().some(insight => insight.id === id));
|
|
83318
|
+
return matchingInsights.length > 0;
|
|
83282
83319
|
}
|
|
83283
83320
|
getRelatedBusinessInsightsCount(recommendation) {
|
|
83284
|
-
|
|
83321
|
+
if (!recommendation.relatedBusinessInsightIds)
|
|
83322
|
+
return 0;
|
|
83323
|
+
return recommendation.relatedBusinessInsightIds
|
|
83324
|
+
.filter(id => this.allBusinessInsights().some(insight => insight.id === id)).length;
|
|
83285
83325
|
}
|
|
83286
83326
|
openRelatedBusinessInsightsModal(recommendation) {
|
|
83287
83327
|
if (!recommendation.relatedBusinessInsightIds || recommendation.relatedBusinessInsightIds.length === 0) {
|
|
@@ -103691,7 +103731,7 @@ class SourceAnalysisTraceabilityComponent {
|
|
|
103691
103731
|
getAnalysisTypeLabel(type) {
|
|
103692
103732
|
switch (type) {
|
|
103693
103733
|
case 'SHOP': return 'Shop Analysis';
|
|
103694
|
-
case 'FOCUS_AREA': return 'Focus Area';
|
|
103734
|
+
case 'FOCUS_AREA': return 'Focus Area Analysis';
|
|
103695
103735
|
case 'METRIC': return 'Metric Analysis';
|
|
103696
103736
|
default: return type;
|
|
103697
103737
|
}
|
|
@@ -104694,6 +104734,7 @@ class UnifiedDashboardModalComponent {
|
|
|
104694
104734
|
constructor() {
|
|
104695
104735
|
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
104696
104736
|
this.loadingSourceAnalysisId = input(...(ngDevMode ? [undefined, { debugName: "loadingSourceAnalysisId" }] : []));
|
|
104737
|
+
this.loadedSourceAnalysisIds = input([], ...(ngDevMode ? [{ debugName: "loadedSourceAnalysisIds" }] : []));
|
|
104697
104738
|
this.priorityActionGoalClick = output();
|
|
104698
104739
|
this.priorityActionRecommendationClick = output();
|
|
104699
104740
|
this.sourceAnalysisClickRequest = output();
|
|
@@ -104833,10 +104874,7 @@ class UnifiedDashboardModalComponent {
|
|
|
104833
104874
|
return [];
|
|
104834
104875
|
}, ...(ngDevMode ? [{ debugName: "allInsightsFromStack" }] : []));
|
|
104835
104876
|
this.loadedSourceAnalysisIdsAsNumbers = computed(() => {
|
|
104836
|
-
|
|
104837
|
-
if (!data?.loadedSourceAnalysisIds)
|
|
104838
|
-
return [];
|
|
104839
|
-
return data.loadedSourceAnalysisIds.map(id => parseInt(id, 10)).filter(id => !isNaN(id));
|
|
104877
|
+
return this.loadedSourceAnalysisIds();
|
|
104840
104878
|
}, ...(ngDevMode ? [{ debugName: "loadedSourceAnalysisIdsAsNumbers" }] : []));
|
|
104841
104879
|
this.loadingSourceAnalysisIdAsNumber = computed(() => {
|
|
104842
104880
|
return this.loadingSourceAnalysisId();
|
|
@@ -104888,7 +104926,6 @@ class UnifiedDashboardModalComponent {
|
|
|
104888
104926
|
const isStackableType = stackableTypes.includes(state.type || '');
|
|
104889
104927
|
if (!isUnifiedType && state.type !== null && !isStackableType) {
|
|
104890
104928
|
if (this.isOpen()) {
|
|
104891
|
-
console.log('[UnifiedDashboardModal] Closing - transitioning to non-unified type:', state.type);
|
|
104892
104929
|
this.isOpen.set(false);
|
|
104893
104930
|
this.cleanupTimeoutId = setTimeout(() => {
|
|
104894
104931
|
this.modalType.set(null);
|
|
@@ -104990,14 +105027,6 @@ class UnifiedDashboardModalComponent {
|
|
|
104990
105027
|
return;
|
|
104991
105028
|
const contributingMetricNames = data.goal.contributingMetrics || [];
|
|
104992
105029
|
const contributingMetrics = data.allMetrics.filter(m => m.metric && contributingMetricNames.includes(m.metric));
|
|
104993
|
-
console.log('[UnifiedDashboardModal] onContributingMetricsClick:', {
|
|
104994
|
-
goalTitle: data.goal.title,
|
|
104995
|
-
contributingMetricNames,
|
|
104996
|
-
contributingMetricsCount: contributingMetrics.length,
|
|
104997
|
-
contributingMetricsPerformanceItemIds: contributingMetrics.map(m => m.performanceItemId),
|
|
104998
|
-
allChartsCount: data.allCharts?.length || 0,
|
|
104999
|
-
allChartsPerformanceItemIds: data.allCharts?.map(c => c.performanceItemId)
|
|
105000
|
-
});
|
|
105001
105030
|
this.modalService.navigateToUnifiedGoalRelatedMetrics(data.goal, contributingMetrics, data.allCharts, this.viewMode());
|
|
105002
105031
|
}
|
|
105003
105032
|
onShowObjectives() {
|
|
@@ -105010,13 +105039,6 @@ class UnifiedDashboardModalComponent {
|
|
|
105010
105039
|
const data = this.relatedMetricsData();
|
|
105011
105040
|
const allCharts = data?.allCharts || [];
|
|
105012
105041
|
const metricCharts = this.getChartsForMetric(metric, allCharts);
|
|
105013
|
-
console.log('[UnifiedDashboardModal] onRelatedMetricClick:', {
|
|
105014
|
-
metricName: metric.metric,
|
|
105015
|
-
metricPerformanceItemId: metric.performanceItemId,
|
|
105016
|
-
allChartsCount: allCharts.length,
|
|
105017
|
-
filteredChartsCount: metricCharts.length,
|
|
105018
|
-
currentModalState: this.currentModalState()?.type
|
|
105019
|
-
});
|
|
105020
105042
|
this.modalService.openMetricModal(metric, metricCharts, this.currentModalState() ?? undefined);
|
|
105021
105043
|
}
|
|
105022
105044
|
getChartsForMetric(metric, allCharts) {
|
|
@@ -105163,7 +105185,7 @@ class UnifiedDashboardModalComponent {
|
|
|
105163
105185
|
let _t;
|
|
105164
105186
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
|
|
105165
105187
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalWrapper = _t.first);
|
|
105166
|
-
} }, inputs: { viewMode: [1, "viewMode"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"] }, outputs: { priorityActionGoalClick: "priorityActionGoalClick", priorityActionRecommendationClick: "priorityActionRecommendationClick", sourceAnalysisClickRequest: "sourceAnalysisClickRequest" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", "transition-opacity", "duration-200", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-6xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex", "items-start", "gap-3", "flex-1", "min-w-0"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-1.5", "mb-2", "text-xs"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "flex", "flex-wrap", "items-
|
|
105188
|
+
} }, inputs: { viewMode: [1, "viewMode"], loadingSourceAnalysisId: [1, "loadingSourceAnalysisId"], loadedSourceAnalysisIds: [1, "loadedSourceAnalysisIds"] }, outputs: { priorityActionGoalClick: "priorityActionGoalClick", priorityActionRecommendationClick: "priorityActionRecommendationClick", sourceAnalysisClickRequest: "sourceAnalysisClickRequest" }, decls: 1, vars: 1, consts: [["modalWrapper", ""], ["modalContent", ""], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto", 3, "z-index", "visibility"], [1, "fixed", "inset-0", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-sm", "transition-opacity", "duration-200", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-6xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex", "items-start", "gap-3", "flex-1", "min-w-0"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-1.5", "mb-2", "text-xs"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-x-4", "gap-y-2"], [1, "text-xl", "font-bold", "leading-tight", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "objectives", "goalTitle", "viewMode"], [3, "goal", "contributingMetrics", "viewMode"], [3, "objective", "viewMode"], [3, "strategy", "viewMode", "allMetrics", "allCharts", "allInsights", "goalTitle", "objectiveTitle", "currentModalState", "expandedRecommendationId"], [3, "items", "viewMode", "selectedIndex"], ["type", "button", 1, "mt-0.5", "p-1.5", "rounded-lg", "transition-all", "hover:scale-105", "active:scale-95", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 19l-7-7 7-7"], [1, "font-medium", 3, "ngClass"], ["type", "button", 1, "hover:underline", "cursor-pointer", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], [3, "sourceAnalysisClick", "metricClick", "contributingMetricsClick", "showObjectives", "close", "goal", "allMetrics", "allCharts", "loadedSourceAnalysisIds", "loadingSourceAnalysisId", "viewMode", "currentModalState"], [3, "metricClick", "goal", "contributingMetrics", "viewMode"], [3, "goalClick", "recommendationClick", "items", "viewMode", "selectedIndex"]], template: function UnifiedDashboardModalComponent_Template(rf, ctx) { if (rf & 1) {
|
|
105167
105189
|
i0.ɵɵconditionalCreate(0, UnifiedDashboardModalComponent_Conditional_0_Template, 26, 31, "div", 2);
|
|
105168
105190
|
} if (rf & 2) {
|
|
105169
105191
|
i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
|
|
@@ -105291,12 +105313,12 @@ class UnifiedDashboardModalComponent {
|
|
|
105291
105313
|
</div>
|
|
105292
105314
|
}
|
|
105293
105315
|
|
|
105294
|
-
<div class="flex flex-wrap items-
|
|
105316
|
+
<div class="flex flex-wrap items-center justify-between gap-x-4 gap-y-2">
|
|
105295
105317
|
<h3 [ngClass]="isLightMode() ? 'text-slate-900' : 'text-white'" class="text-xl font-bold leading-tight">
|
|
105296
105318
|
{{ modalTitle() }}
|
|
105297
105319
|
</h3>
|
|
105298
105320
|
@if (currentGoal()?.priority || currentGoal()?.timeframe) {
|
|
105299
|
-
<div class="flex items-center gap-2
|
|
105321
|
+
<div class="flex items-center gap-2">
|
|
105300
105322
|
@if (currentGoal()?.priority) {
|
|
105301
105323
|
<symphiq-priority-badge [priority]="currentGoal()!.priority" [viewMode]="viewMode()" />
|
|
105302
105324
|
}
|
|
@@ -105388,7 +105410,7 @@ class UnifiedDashboardModalComponent {
|
|
|
105388
105410
|
}
|
|
105389
105411
|
`
|
|
105390
105412
|
}]
|
|
105391
|
-
}], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], loadingSourceAnalysisId: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingSourceAnalysisId", required: false }] }], priorityActionGoalClick: [{ type: i0.Output, args: ["priorityActionGoalClick"] }], priorityActionRecommendationClick: [{ type: i0.Output, args: ["priorityActionRecommendationClick"] }], sourceAnalysisClickRequest: [{ type: i0.Output, args: ["sourceAnalysisClickRequest"] }], modalContent: [{
|
|
105413
|
+
}], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], loadingSourceAnalysisId: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingSourceAnalysisId", required: false }] }], loadedSourceAnalysisIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadedSourceAnalysisIds", required: false }] }], priorityActionGoalClick: [{ type: i0.Output, args: ["priorityActionGoalClick"] }], priorityActionRecommendationClick: [{ type: i0.Output, args: ["priorityActionRecommendationClick"] }], sourceAnalysisClickRequest: [{ type: i0.Output, args: ["sourceAnalysisClickRequest"] }], modalContent: [{
|
|
105392
105414
|
type: ViewChild,
|
|
105393
105415
|
args: ['modalContent']
|
|
105394
105416
|
}], modalWrapper: [{
|
|
@@ -106108,26 +106130,14 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106108
106130
|
}
|
|
106109
106131
|
}
|
|
106110
106132
|
}, ...(ngDevMode ? [{ debugName: "embeddedScrollEffect" }] : []));
|
|
106111
|
-
this.sourceProfileAnalysesWatcher = effect(() => {
|
|
106112
|
-
const analyses = this.sourceProfileAnalyses();
|
|
106113
|
-
console.log('[SourceAnalysis] sourceProfileAnalyses input changed', {
|
|
106114
|
-
count: analyses?.length ?? 0,
|
|
106115
|
-
ids: analyses?.map(a => a.id) ?? []
|
|
106116
|
-
});
|
|
106117
|
-
}, ...(ngDevMode ? [{ debugName: "sourceProfileAnalysesWatcher" }] : []));
|
|
106118
106133
|
this.pendingSourceRequestEffect = effect(() => {
|
|
106119
106134
|
const pending = this.pendingSourceRequest();
|
|
106120
|
-
const sourceAnalysesMapKeys = Array.from(this.sourceAnalysesMap().keys());
|
|
106121
|
-
console.log('[SourceAnalysis] Effect running', { pendingAnalysisId: pending?.analysisId, sourceAnalysesMapKeys });
|
|
106122
|
-
console.log('this.sourceProfileAnalyses()', this.sourceProfileAnalyses());
|
|
106123
106135
|
if (!pending?.analysisId)
|
|
106124
106136
|
return;
|
|
106125
106137
|
const analysis = this.sourceAnalysesMap().get(pending.analysisId);
|
|
106126
|
-
console.log('[SourceAnalysis] Effect checking for analysis', { analysisId: pending.analysisId, found: !!analysis });
|
|
106127
106138
|
if (analysis) {
|
|
106128
|
-
console.log('[SourceAnalysis] Effect found analysis, opening modal');
|
|
106129
106139
|
untracked(() => {
|
|
106130
|
-
this.openSourceGoalModal(analysis, pending.sourceGoalId, pending.analysisType);
|
|
106140
|
+
this.openSourceGoalModal(analysis, pending.sourceGoalId, pending.analysisType, pending.sourceTypeTitle);
|
|
106131
106141
|
});
|
|
106132
106142
|
}
|
|
106133
106143
|
}, ...(ngDevMode ? [{ debugName: "pendingSourceRequestEffect" }] : []));
|
|
@@ -106204,7 +106214,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106204
106214
|
this.closeViewModeSwitcher();
|
|
106205
106215
|
}
|
|
106206
106216
|
onGoalClick(goal) {
|
|
106207
|
-
this.modalService.openUnifiedGoalModal(goal, this.allMetrics(), this.allCharts(), this.loadedSourceAnalysisIds().map(String), this.viewMode(), this.loadingSourceAnalysisId() !== undefined ? String(this.loadingSourceAnalysisId()) : undefined);
|
|
106217
|
+
this.modalService.openUnifiedGoalModal(goal, this.allMetrics(), this.allCharts(), this.loadedSourceAnalysisIds().map(String), this.viewMode(), this.loadingSourceAnalysisId() !== undefined ? String(this.loadingSourceAnalysisId()) : undefined, undefined, this.allInsights());
|
|
106208
106218
|
}
|
|
106209
106219
|
onViewAllPriorityActionsClick() {
|
|
106210
106220
|
const summary = this.executiveSummary();
|
|
@@ -106215,7 +106225,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106215
106225
|
const goal = this.unifiedGoals().find(g => g.id === goalId);
|
|
106216
106226
|
if (goal) {
|
|
106217
106227
|
const currentState = this.modalService.getCurrentState();
|
|
106218
|
-
this.modalService.openUnifiedGoalModal(goal, this.allMetrics(), this.allCharts(), this.loadedSourceAnalysisIds().map(String), this.viewMode(), this.loadingSourceAnalysisId() !== undefined ? String(this.loadingSourceAnalysisId()) : undefined, currentState);
|
|
106228
|
+
this.modalService.openUnifiedGoalModal(goal, this.allMetrics(), this.allCharts(), this.loadedSourceAnalysisIds().map(String), this.viewMode(), this.loadingSourceAnalysisId() !== undefined ? String(this.loadingSourceAnalysisId()) : undefined, currentState, this.allInsights());
|
|
106219
106229
|
}
|
|
106220
106230
|
}
|
|
106221
106231
|
onPriorityActionRecommendationClick(recommendationId) {
|
|
@@ -106292,10 +106302,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106292
106302
|
if (analysisId === undefined)
|
|
106293
106303
|
return;
|
|
106294
106304
|
const existingAnalysis = this.sourceAnalysesMap().get(analysisId);
|
|
106295
|
-
if (existingAnalysis) {
|
|
106296
|
-
console.log('Opening cached source analysis:', source);
|
|
106297
|
-
}
|
|
106298
|
-
else {
|
|
106305
|
+
if (!existingAnalysis) {
|
|
106299
106306
|
this.loadingSourceAnalysisId.set(analysisId);
|
|
106300
106307
|
this.sourceAnalysisRequest.emit({
|
|
106301
106308
|
analysisType: source.analysisType,
|
|
@@ -106318,10 +106325,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106318
106325
|
if (analysisId === undefined)
|
|
106319
106326
|
return;
|
|
106320
106327
|
const existingAnalysis = this.sourceAnalysesMap().get(analysisId);
|
|
106321
|
-
if (existingAnalysis) {
|
|
106322
|
-
console.log('Opening cached source analysis:', source);
|
|
106323
|
-
}
|
|
106324
|
-
else {
|
|
106328
|
+
if (!existingAnalysis) {
|
|
106325
106329
|
this.loadingSourceAnalysisId.set(analysisId);
|
|
106326
106330
|
this.sourceAnalysisRequest.emit({
|
|
106327
106331
|
analysisType: source.analysisType,
|
|
@@ -106339,16 +106343,13 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106339
106343
|
}
|
|
106340
106344
|
handleSourceAnalysisClickFromModal(source) {
|
|
106341
106345
|
const analysisId = source.analysisId;
|
|
106342
|
-
console.log('[SourceAnalysis] handleSourceAnalysisClickFromModal called', { analysisId, source });
|
|
106343
106346
|
if (analysisId === undefined)
|
|
106344
106347
|
return;
|
|
106345
106348
|
const existingAnalysis = this.sourceAnalysesMap().get(analysisId);
|
|
106346
|
-
console.log('[SourceAnalysis] Checking for existing analysis', { analysisId, found: !!existingAnalysis, mapKeys: Array.from(this.sourceAnalysesMap().keys()) });
|
|
106347
106349
|
if (existingAnalysis) {
|
|
106348
|
-
this.openSourceGoalModal(existingAnalysis, source.sourceGoalId, source.analysisType);
|
|
106350
|
+
this.openSourceGoalModal(existingAnalysis, source.sourceGoalId, source.analysisType, source.sourceTypeTitle);
|
|
106349
106351
|
}
|
|
106350
106352
|
else {
|
|
106351
|
-
console.log('[SourceAnalysis] Setting pendingSourceRequest and emitting sourceAnalysisRequest');
|
|
106352
106353
|
this.loadingSourceAnalysisId.set(analysisId);
|
|
106353
106354
|
this.pendingSourceRequest.set(source);
|
|
106354
106355
|
this.sourceAnalysisRequest.emit({
|
|
@@ -106358,18 +106359,15 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106358
106359
|
});
|
|
106359
106360
|
}
|
|
106360
106361
|
}
|
|
106361
|
-
openSourceGoalModal(analysis, sourceGoalId, analysisType) {
|
|
106362
|
-
console.log('[SourceAnalysis] openSourceGoalModal called', { analysisId: analysis.id, sourceGoalId, analysisType });
|
|
106362
|
+
openSourceGoalModal(analysis, sourceGoalId, analysisType, sourceTypeTitle) {
|
|
106363
106363
|
const structured = analysis.profileAnalysisStructured;
|
|
106364
106364
|
const sections = structured?.sections || [];
|
|
106365
106365
|
const goals = sections.flatMap(section => section.goals || []);
|
|
106366
|
-
console.log('[SourceAnalysis] Found goals in source analysis:', goals.map(g => ({ id: g.id, title: g.title })));
|
|
106367
106366
|
const goal = goals.find(g => g.id === sourceGoalId);
|
|
106368
|
-
console.log('[SourceAnalysis] Matched goal:', goal ? { id: goal.id, title: goal.title } : 'NOT FOUND');
|
|
106369
106367
|
if (goal) {
|
|
106370
106368
|
const currentModalState = this.modalService.getCurrentState();
|
|
106371
106369
|
if (analysisType) {
|
|
106372
|
-
this.modalService.openSourceGoalDetailModal(goal, this.viewMode(), analysisType, currentModalState);
|
|
106370
|
+
this.modalService.openSourceGoalDetailModal(goal, this.viewMode(), analysisType, currentModalState, sourceTypeTitle);
|
|
106373
106371
|
}
|
|
106374
106372
|
}
|
|
106375
106373
|
else {
|
|
@@ -106649,7 +106647,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106649
106647
|
static { this.ɵfac = function SymphiqProfileAnalysisUnifiedDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileAnalysisUnifiedDashboardComponent)(); }; }
|
|
106650
106648
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileAnalysisUnifiedDashboardComponent, selectors: [["symphiq-profile-analysis-unified-dashboard"]], hostBindings: function SymphiqProfileAnalysisUnifiedDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
106651
106649
|
i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisUnifiedDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
|
|
106652
|
-
} }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], requestedByUser: [1, "requestedByUser"] }, outputs: { generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 15, vars:
|
|
106650
|
+
} }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], requestedByUser: [1, "requestedByUser"] }, outputs: { generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 15, vars: 32, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-51"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showSearchControl", "showViewModeControl", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [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, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title"], [3, "priorityActionGoalClick", "priorityActionRecommendationClick", "sourceAnalysisClickRequest", "viewMode", "loadingSourceAnalysisId", "loadedSourceAnalysisIds"], [3, "isLightMode"], [3, "isLightMode", "allInsights", "allMetrics", "allCharts"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [1, "mb-12", "block", 3, "viewMode", "businessName", "isOnboarded", "analysisDate", "isUnifiedAnalysisComplete", "sourceAnalysesCount", "unifiedGoalsCount", "sourceGoalsCount"], [1, "mb-12", "block", 3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "goals", "viewMode"], [3, "unifiedGoalClick", "viewAllPriorityActionsClick", "sections", "viewMode", "unifiedExecutiveSummary", "unifiedTimeline", "unifiedPriorityMatrix", "unifiedNextSteps", "unifiedGoals", "shopCounts", "focusAreaCounts", "metricCounts", "storageKey"], [3, "viewAllPriorityActionsClick", "summary", "viewMode", "shopCounts", "focusAreaCounts", "metricCounts"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "goals", "viewMode"], [3, "goalClick", "timeline", "viewMode", "goals"], [3, "goalClick", "matrix", "viewMode"], [3, "goalClick", "steps", "viewMode", "goals"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"]], template: function SymphiqProfileAnalysisUnifiedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
106653
106651
|
i0.ɵɵelementStart(0, "div", 0);
|
|
106654
106652
|
i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
|
|
106655
106653
|
i0.ɵɵelementStart(3, "div", 3)(4, "symphiq-dashboard-header", 4);
|
|
@@ -106689,11 +106687,11 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106689
106687
|
i0.ɵɵadvance();
|
|
106690
106688
|
i0.ɵɵconditional(!ctx.isLoading() && ctx.isGenerating() ? 10 : -1);
|
|
106691
106689
|
i0.ɵɵadvance(2);
|
|
106692
|
-
i0.ɵɵproperty("viewMode", ctx.viewMode())("loadingSourceAnalysisId", ctx.loadingSourceAnalysisId());
|
|
106690
|
+
i0.ɵɵproperty("viewMode", ctx.viewMode())("loadingSourceAnalysisId", ctx.loadingSourceAnalysisId())("loadedSourceAnalysisIds", ctx.loadedSourceAnalysisIds());
|
|
106693
106691
|
i0.ɵɵadvance();
|
|
106694
106692
|
i0.ɵɵproperty("isLightMode", ctx.isLightMode());
|
|
106695
106693
|
i0.ɵɵadvance();
|
|
106696
|
-
i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allInsights", i0.ɵɵpureFunction0(
|
|
106694
|
+
i0.ɵɵproperty("isLightMode", ctx.isLightMode())("allInsights", i0.ɵɵpureFunction0(31, _c0$7))("allMetrics", ctx.allMetrics())("allCharts", ctx.allCharts());
|
|
106697
106695
|
} }, dependencies: [CommonModule,
|
|
106698
106696
|
DashboardHeaderComponent,
|
|
106699
106697
|
ScrollProgressBarComponent,
|
|
@@ -106940,6 +106938,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106940
106938
|
<symphiq-unified-dashboard-modal
|
|
106941
106939
|
[viewMode]="viewMode()"
|
|
106942
106940
|
[loadingSourceAnalysisId]="loadingSourceAnalysisId()"
|
|
106941
|
+
[loadedSourceAnalysisIds]="loadedSourceAnalysisIds()"
|
|
106943
106942
|
(priorityActionGoalClick)="onPriorityActionGoalClick($event)"
|
|
106944
106943
|
(priorityActionRecommendationClick)="onPriorityActionRecommendationClick($event)"
|
|
106945
106944
|
(sourceAnalysisClickRequest)="handleSourceAnalysisClickFromModal($event)"
|
|
@@ -106958,7 +106957,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106958
106957
|
type: HostListener,
|
|
106959
106958
|
args: ['window:scroll']
|
|
106960
106959
|
}] }); })();
|
|
106961
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber:
|
|
106960
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 326 }); })();
|
|
106962
106961
|
|
|
106963
106962
|
function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
106964
106963
|
const _r1 = i0.ɵɵgetCurrentView();
|