@eric-emg/symphiq-components 1.3.75 → 1.3.76
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: {
|
|
@@ -459,6 +452,7 @@ class ModalService {
|
|
|
459
452
|
openSourceGoalDetailModal(goal, viewMode, sourceAnalysisType, previousState) {
|
|
460
453
|
const data = { goal, viewMode, sourceAnalysisType };
|
|
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) {
|
|
@@ -30346,6 +30340,363 @@ class GoalDetailModalContentComponent {
|
|
|
30346
30340
|
}], 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
30341
|
(() => { (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
30342
|
|
|
30343
|
+
const _forTrack0$_ = ($index, $item) => $item.id || $index;
|
|
30344
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
30345
|
+
i0.ɵɵelementStart(0, "p", 9);
|
|
30346
|
+
i0.ɵɵtext(1);
|
|
30347
|
+
i0.ɵɵelementEnd();
|
|
30348
|
+
} if (rf & 2) {
|
|
30349
|
+
const objective_r1 = i0.ɵɵnextContext().$implicit;
|
|
30350
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
30351
|
+
i0.ɵɵproperty("ngClass", ctx_r1.descriptionClasses());
|
|
30352
|
+
i0.ɵɵadvance();
|
|
30353
|
+
i0.ɵɵtextInterpolate(objective_r1.description);
|
|
30354
|
+
} }
|
|
30355
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
30356
|
+
i0.ɵɵelementStart(0, "div", 10)(1, "div", 13);
|
|
30357
|
+
i0.ɵɵnamespaceSVG();
|
|
30358
|
+
i0.ɵɵelementStart(2, "svg", 14);
|
|
30359
|
+
i0.ɵɵelement(3, "path", 15);
|
|
30360
|
+
i0.ɵɵelementEnd();
|
|
30361
|
+
i0.ɵɵnamespaceHTML();
|
|
30362
|
+
i0.ɵɵelementStart(4, "div", 16)(5, "p", 17);
|
|
30363
|
+
i0.ɵɵtext(6, "Measurable Target");
|
|
30364
|
+
i0.ɵɵelementEnd();
|
|
30365
|
+
i0.ɵɵelementStart(7, "p", 18);
|
|
30366
|
+
i0.ɵɵtext(8);
|
|
30367
|
+
i0.ɵɵelementEnd()()()();
|
|
30368
|
+
} if (rf & 2) {
|
|
30369
|
+
const objective_r1 = i0.ɵɵnextContext().$implicit;
|
|
30370
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
30371
|
+
i0.ɵɵproperty("ngClass", ctx_r1.targetSectionClasses());
|
|
30372
|
+
i0.ɵɵadvance(2);
|
|
30373
|
+
i0.ɵɵproperty("ngClass", ctx_r1.targetIconClasses());
|
|
30374
|
+
i0.ɵɵadvance(3);
|
|
30375
|
+
i0.ɵɵproperty("ngClass", ctx_r1.targetLabelClasses());
|
|
30376
|
+
i0.ɵɵadvance(2);
|
|
30377
|
+
i0.ɵɵproperty("ngClass", ctx_r1.targetValueClasses());
|
|
30378
|
+
i0.ɵɵadvance();
|
|
30379
|
+
i0.ɵɵtextInterpolate(objective_r1.measurableTarget);
|
|
30380
|
+
} }
|
|
30381
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
30382
|
+
i0.ɵɵelementStart(0, "div", 19)(1, "p", 17);
|
|
30383
|
+
i0.ɵɵtext(2, "Current State");
|
|
30384
|
+
i0.ɵɵelementEnd();
|
|
30385
|
+
i0.ɵɵelementStart(3, "p", 20);
|
|
30386
|
+
i0.ɵɵtext(4);
|
|
30387
|
+
i0.ɵɵelementEnd()();
|
|
30388
|
+
} if (rf & 2) {
|
|
30389
|
+
const objective_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
30390
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
30391
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateSectionClasses());
|
|
30392
|
+
i0.ɵɵadvance();
|
|
30393
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateLabelClasses());
|
|
30394
|
+
i0.ɵɵadvance(2);
|
|
30395
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateValueClasses());
|
|
30396
|
+
i0.ɵɵadvance();
|
|
30397
|
+
i0.ɵɵtextInterpolate(objective_r1.currentState);
|
|
30398
|
+
} }
|
|
30399
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
30400
|
+
i0.ɵɵelementStart(0, "div", 19)(1, "p", 17);
|
|
30401
|
+
i0.ɵɵtext(2, "Desired State");
|
|
30402
|
+
i0.ɵɵelementEnd();
|
|
30403
|
+
i0.ɵɵelementStart(3, "p", 18);
|
|
30404
|
+
i0.ɵɵtext(4);
|
|
30405
|
+
i0.ɵɵelementEnd()();
|
|
30406
|
+
} if (rf & 2) {
|
|
30407
|
+
const objective_r1 = i0.ɵɵnextContext(2).$implicit;
|
|
30408
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
30409
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateSectionClasses());
|
|
30410
|
+
i0.ɵɵadvance();
|
|
30411
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateLabelClasses());
|
|
30412
|
+
i0.ɵɵadvance(2);
|
|
30413
|
+
i0.ɵɵproperty("ngClass", ctx_r1.stateValueClasses());
|
|
30414
|
+
i0.ɵɵadvance();
|
|
30415
|
+
i0.ɵɵtextInterpolate(objective_r1.desiredState);
|
|
30416
|
+
} }
|
|
30417
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
30418
|
+
i0.ɵɵelementStart(0, "div", 11);
|
|
30419
|
+
i0.ɵɵconditionalCreate(1, GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_1_Template, 5, 4, "div", 19);
|
|
30420
|
+
i0.ɵɵconditionalCreate(2, GoalObjectivesModalContentComponent_For_2_Conditional_12_Conditional_2_Template, 5, 4, "div", 19);
|
|
30421
|
+
i0.ɵɵelementEnd();
|
|
30422
|
+
} if (rf & 2) {
|
|
30423
|
+
const objective_r1 = i0.ɵɵnextContext().$implicit;
|
|
30424
|
+
i0.ɵɵadvance();
|
|
30425
|
+
i0.ɵɵconditional(objective_r1.currentState ? 1 : -1);
|
|
30426
|
+
i0.ɵɵadvance();
|
|
30427
|
+
i0.ɵɵconditional(objective_r1.desiredState ? 2 : -1);
|
|
30428
|
+
} }
|
|
30429
|
+
function GoalObjectivesModalContentComponent_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
30430
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
30431
|
+
i0.ɵɵelementStart(0, "button", 21);
|
|
30432
|
+
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)); });
|
|
30433
|
+
i0.ɵɵelementStart(1, "div", 22)(2, "div", 23)(3, "div", 24);
|
|
30434
|
+
i0.ɵɵnamespaceSVG();
|
|
30435
|
+
i0.ɵɵelementStart(4, "svg", 25);
|
|
30436
|
+
i0.ɵɵelement(5, "path", 26);
|
|
30437
|
+
i0.ɵɵelementEnd()();
|
|
30438
|
+
i0.ɵɵnamespaceHTML();
|
|
30439
|
+
i0.ɵɵelementStart(6, "div", 27)(7, "div", 18);
|
|
30440
|
+
i0.ɵɵtext(8, "Show Strategies");
|
|
30441
|
+
i0.ɵɵelementEnd();
|
|
30442
|
+
i0.ɵɵelementStart(9, "div", 28);
|
|
30443
|
+
i0.ɵɵtext(10, "View objective strategies");
|
|
30444
|
+
i0.ɵɵelementEnd()()();
|
|
30445
|
+
i0.ɵɵnamespaceSVG();
|
|
30446
|
+
i0.ɵɵelementStart(11, "svg", 29);
|
|
30447
|
+
i0.ɵɵelement(12, "path", 30);
|
|
30448
|
+
i0.ɵɵelementEnd()()();
|
|
30449
|
+
} if (rf & 2) {
|
|
30450
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
30451
|
+
i0.ɵɵproperty("ngClass", ctx_r1.showStrategiesButtonClasses());
|
|
30452
|
+
i0.ɵɵadvance(3);
|
|
30453
|
+
i0.ɵɵproperty("ngClass", ctx_r1.strategiesIconBgClasses());
|
|
30454
|
+
i0.ɵɵadvance();
|
|
30455
|
+
i0.ɵɵproperty("ngClass", ctx_r1.strategiesIconClasses());
|
|
30456
|
+
i0.ɵɵadvance(3);
|
|
30457
|
+
i0.ɵɵproperty("ngClass", ctx_r1.strategiesLabelClasses());
|
|
30458
|
+
i0.ɵɵadvance(2);
|
|
30459
|
+
i0.ɵɵproperty("ngClass", ctx_r1.strategiesSubLabelClasses());
|
|
30460
|
+
i0.ɵɵadvance(2);
|
|
30461
|
+
i0.ɵɵproperty("ngClass", ctx_r1.strategiesChevronClasses());
|
|
30462
|
+
} }
|
|
30463
|
+
function GoalObjectivesModalContentComponent_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
30464
|
+
i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
|
|
30465
|
+
i0.ɵɵnamespaceSVG();
|
|
30466
|
+
i0.ɵɵelementStart(3, "svg", 4);
|
|
30467
|
+
i0.ɵɵelement(4, "path", 5);
|
|
30468
|
+
i0.ɵɵelementEnd()();
|
|
30469
|
+
i0.ɵɵnamespaceHTML();
|
|
30470
|
+
i0.ɵɵelementStart(5, "div", 6)(6, "div", 7);
|
|
30471
|
+
i0.ɵɵtext(7, " Objective ");
|
|
30472
|
+
i0.ɵɵelementEnd();
|
|
30473
|
+
i0.ɵɵelementStart(8, "h5", 8);
|
|
30474
|
+
i0.ɵɵtext(9);
|
|
30475
|
+
i0.ɵɵelementEnd();
|
|
30476
|
+
i0.ɵɵconditionalCreate(10, GoalObjectivesModalContentComponent_For_2_Conditional_10_Template, 2, 2, "p", 9);
|
|
30477
|
+
i0.ɵɵconditionalCreate(11, GoalObjectivesModalContentComponent_For_2_Conditional_11_Template, 9, 5, "div", 10);
|
|
30478
|
+
i0.ɵɵconditionalCreate(12, GoalObjectivesModalContentComponent_For_2_Conditional_12_Template, 3, 2, "div", 11);
|
|
30479
|
+
i0.ɵɵconditionalCreate(13, GoalObjectivesModalContentComponent_For_2_Conditional_13_Template, 13, 6, "button", 12);
|
|
30480
|
+
i0.ɵɵelementEnd()()();
|
|
30481
|
+
} if (rf & 2) {
|
|
30482
|
+
const objective_r1 = ctx.$implicit;
|
|
30483
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
30484
|
+
i0.ɵɵproperty("ngClass", ctx_r1.cardClasses());
|
|
30485
|
+
i0.ɵɵadvance(2);
|
|
30486
|
+
i0.ɵɵproperty("ngClass", ctx_r1.iconContainerClasses());
|
|
30487
|
+
i0.ɵɵadvance(4);
|
|
30488
|
+
i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
|
|
30489
|
+
i0.ɵɵadvance(2);
|
|
30490
|
+
i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
|
|
30491
|
+
i0.ɵɵadvance();
|
|
30492
|
+
i0.ɵɵtextInterpolate(objective_r1.title);
|
|
30493
|
+
i0.ɵɵadvance();
|
|
30494
|
+
i0.ɵɵconditional(objective_r1.description ? 10 : -1);
|
|
30495
|
+
i0.ɵɵadvance();
|
|
30496
|
+
i0.ɵɵconditional(objective_r1.measurableTarget ? 11 : -1);
|
|
30497
|
+
i0.ɵɵadvance();
|
|
30498
|
+
i0.ɵɵconditional(objective_r1.currentState || objective_r1.desiredState ? 12 : -1);
|
|
30499
|
+
i0.ɵɵadvance();
|
|
30500
|
+
i0.ɵɵconditional(objective_r1.strategies && objective_r1.strategies.length > 0 ? 13 : -1);
|
|
30501
|
+
} }
|
|
30502
|
+
class GoalObjectivesModalContentComponent {
|
|
30503
|
+
constructor() {
|
|
30504
|
+
this.objectives = input.required(...(ngDevMode ? [{ debugName: "objectives" }] : []));
|
|
30505
|
+
this.goalTitle = input.required(...(ngDevMode ? [{ debugName: "goalTitle" }] : []));
|
|
30506
|
+
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
30507
|
+
this.modalService = inject(ModalService);
|
|
30508
|
+
this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
|
|
30509
|
+
this.cardClasses = computed(() => {
|
|
30510
|
+
const base = 'transition-all duration-200';
|
|
30511
|
+
if (this.isDark()) {
|
|
30512
|
+
return `${base} bg-slate-900/30 border border-slate-700/30 hover:border-blue-500/20`;
|
|
30513
|
+
}
|
|
30514
|
+
return `${base} bg-slate-50/50 border border-slate-200/50 hover:border-blue-500/20`;
|
|
30515
|
+
}, ...(ngDevMode ? [{ debugName: "cardClasses" }] : []));
|
|
30516
|
+
this.iconContainerClasses = computed(() => {
|
|
30517
|
+
if (this.isDark()) {
|
|
30518
|
+
return 'flex-shrink-0 w-8 h-8 rounded-md bg-green-500/20 flex items-center justify-center text-green-400';
|
|
30519
|
+
}
|
|
30520
|
+
return 'flex-shrink-0 w-8 h-8 rounded-md bg-green-50 flex items-center justify-center text-green-600';
|
|
30521
|
+
}, ...(ngDevMode ? [{ debugName: "iconContainerClasses" }] : []));
|
|
30522
|
+
this.titleClasses = computed(() => {
|
|
30523
|
+
return this.isDark() ? 'text-slate-100' : 'text-slate-900';
|
|
30524
|
+
}, ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
|
|
30525
|
+
this.descriptionClasses = computed(() => {
|
|
30526
|
+
return this.isDark() ? 'text-slate-300' : 'text-slate-600';
|
|
30527
|
+
}, ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : []));
|
|
30528
|
+
this.targetSectionClasses = computed(() => {
|
|
30529
|
+
if (this.isDark()) {
|
|
30530
|
+
return 'bg-blue-500/10 border border-blue-500/20';
|
|
30531
|
+
}
|
|
30532
|
+
return 'bg-blue-50 border border-blue-200';
|
|
30533
|
+
}, ...(ngDevMode ? [{ debugName: "targetSectionClasses" }] : []));
|
|
30534
|
+
this.targetIconClasses = computed(() => {
|
|
30535
|
+
return this.isDark() ? 'text-blue-400' : 'text-blue-600';
|
|
30536
|
+
}, ...(ngDevMode ? [{ debugName: "targetIconClasses" }] : []));
|
|
30537
|
+
this.targetLabelClasses = computed(() => {
|
|
30538
|
+
return this.isDark() ? 'text-slate-400' : 'text-slate-500';
|
|
30539
|
+
}, ...(ngDevMode ? [{ debugName: "targetLabelClasses" }] : []));
|
|
30540
|
+
this.targetValueClasses = computed(() => {
|
|
30541
|
+
return this.isDark() ? 'text-slate-100' : 'text-slate-900';
|
|
30542
|
+
}, ...(ngDevMode ? [{ debugName: "targetValueClasses" }] : []));
|
|
30543
|
+
this.stateSectionClasses = computed(() => {
|
|
30544
|
+
if (this.isDark()) {
|
|
30545
|
+
return 'bg-slate-800/50 border border-slate-700/50';
|
|
30546
|
+
}
|
|
30547
|
+
return 'bg-white border border-slate-200';
|
|
30548
|
+
}, ...(ngDevMode ? [{ debugName: "stateSectionClasses" }] : []));
|
|
30549
|
+
this.stateLabelClasses = computed(() => {
|
|
30550
|
+
return this.isDark() ? 'text-slate-400' : 'text-slate-500';
|
|
30551
|
+
}, ...(ngDevMode ? [{ debugName: "stateLabelClasses" }] : []));
|
|
30552
|
+
this.stateValueClasses = computed(() => {
|
|
30553
|
+
return this.isDark() ? 'text-slate-200' : 'text-slate-700';
|
|
30554
|
+
}, ...(ngDevMode ? [{ debugName: "stateValueClasses" }] : []));
|
|
30555
|
+
this.showStrategiesButtonClasses = computed(() => {
|
|
30556
|
+
if (this.isDark()) {
|
|
30557
|
+
return 'bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50';
|
|
30558
|
+
}
|
|
30559
|
+
return 'bg-white border-slate-200 hover:border-blue-500/50 hover:bg-slate-50';
|
|
30560
|
+
}, ...(ngDevMode ? [{ debugName: "showStrategiesButtonClasses" }] : []));
|
|
30561
|
+
this.strategiesIconBgClasses = computed(() => {
|
|
30562
|
+
if (this.isDark()) {
|
|
30563
|
+
return 'bg-blue-900/30';
|
|
30564
|
+
}
|
|
30565
|
+
return 'bg-blue-100';
|
|
30566
|
+
}, ...(ngDevMode ? [{ debugName: "strategiesIconBgClasses" }] : []));
|
|
30567
|
+
this.strategiesIconClasses = computed(() => {
|
|
30568
|
+
if (this.isDark()) {
|
|
30569
|
+
return 'text-blue-400';
|
|
30570
|
+
}
|
|
30571
|
+
return 'text-blue-600';
|
|
30572
|
+
}, ...(ngDevMode ? [{ debugName: "strategiesIconClasses" }] : []));
|
|
30573
|
+
this.strategiesLabelClasses = computed(() => {
|
|
30574
|
+
if (this.isDark()) {
|
|
30575
|
+
return 'text-white';
|
|
30576
|
+
}
|
|
30577
|
+
return 'text-slate-900';
|
|
30578
|
+
}, ...(ngDevMode ? [{ debugName: "strategiesLabelClasses" }] : []));
|
|
30579
|
+
this.strategiesSubLabelClasses = computed(() => {
|
|
30580
|
+
if (this.isDark()) {
|
|
30581
|
+
return 'text-slate-400';
|
|
30582
|
+
}
|
|
30583
|
+
return 'text-slate-600';
|
|
30584
|
+
}, ...(ngDevMode ? [{ debugName: "strategiesSubLabelClasses" }] : []));
|
|
30585
|
+
this.strategiesChevronClasses = computed(() => {
|
|
30586
|
+
if (this.isDark()) {
|
|
30587
|
+
return 'text-slate-500 group-hover:text-blue-400';
|
|
30588
|
+
}
|
|
30589
|
+
return 'text-slate-400 group-hover:text-blue-600';
|
|
30590
|
+
}, ...(ngDevMode ? [{ debugName: "strategiesChevronClasses" }] : []));
|
|
30591
|
+
this.labelClasses = computed(() => {
|
|
30592
|
+
return this.isDark() ? 'text-green-400' : 'text-green-600';
|
|
30593
|
+
}, ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
|
|
30594
|
+
}
|
|
30595
|
+
openStrategiesModal(objective) {
|
|
30596
|
+
this.modalService.navigateToObjectiveStrategies(objective, this.goalTitle(), this.viewMode());
|
|
30597
|
+
}
|
|
30598
|
+
static { this.ɵfac = function GoalObjectivesModalContentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoalObjectivesModalContentComponent)(); }; }
|
|
30599
|
+
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) {
|
|
30600
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
30601
|
+
i0.ɵɵrepeaterCreate(1, GoalObjectivesModalContentComponent_For_2_Template, 14, 9, "div", 1, _forTrack0$_);
|
|
30602
|
+
i0.ɵɵelementEnd();
|
|
30603
|
+
} if (rf & 2) {
|
|
30604
|
+
i0.ɵɵadvance();
|
|
30605
|
+
i0.ɵɵrepeater(ctx.objectives());
|
|
30606
|
+
} }, dependencies: [CommonModule, i1$1.NgClass], encapsulation: 2, changeDetection: 0 }); }
|
|
30607
|
+
}
|
|
30608
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoalObjectivesModalContentComponent, [{
|
|
30609
|
+
type: Component,
|
|
30610
|
+
args: [{
|
|
30611
|
+
selector: 'symphiq-goal-objectives-modal-content',
|
|
30612
|
+
standalone: true,
|
|
30613
|
+
imports: [CommonModule],
|
|
30614
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
30615
|
+
template: `
|
|
30616
|
+
<div class="space-y-6">
|
|
30617
|
+
@for (objective of objectives(); track objective.id || $index) {
|
|
30618
|
+
<div [ngClass]="cardClasses()" class="rounded-lg p-5 transition-all duration-200">
|
|
30619
|
+
<div class="flex items-start gap-3">
|
|
30620
|
+
<div [ngClass]="iconContainerClasses()">
|
|
30621
|
+
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
30622
|
+
<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"/>
|
|
30623
|
+
</svg>
|
|
30624
|
+
</div>
|
|
30625
|
+
|
|
30626
|
+
<div class="flex-1 min-w-0">
|
|
30627
|
+
<div [ngClass]="labelClasses()" class="text-xs font-semibold uppercase tracking-wider mb-1">
|
|
30628
|
+
Objective
|
|
30629
|
+
</div>
|
|
30630
|
+
<h5 [ngClass]="titleClasses()" class="font-semibold text-base mb-2">{{ objective.title }}</h5>
|
|
30631
|
+
|
|
30632
|
+
@if (objective.description) {
|
|
30633
|
+
<p [ngClass]="descriptionClasses()" class="text-sm mb-3">{{ objective.description }}</p>
|
|
30634
|
+
}
|
|
30635
|
+
|
|
30636
|
+
@if (objective.measurableTarget) {
|
|
30637
|
+
<div [ngClass]="targetSectionClasses()" class="p-3 rounded-lg mb-3">
|
|
30638
|
+
<div class="flex items-start gap-2">
|
|
30639
|
+
<svg class="w-4 h-4 flex-shrink-0 mt-0.5" [ngClass]="targetIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
30640
|
+
<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"/>
|
|
30641
|
+
</svg>
|
|
30642
|
+
<div class="flex-1">
|
|
30643
|
+
<p [ngClass]="targetLabelClasses()" class="text-xs font-medium mb-1">Measurable Target</p>
|
|
30644
|
+
<p [ngClass]="targetValueClasses()" class="text-sm font-semibold">{{ objective.measurableTarget }}</p>
|
|
30645
|
+
</div>
|
|
30646
|
+
</div>
|
|
30647
|
+
</div>
|
|
30648
|
+
}
|
|
30649
|
+
|
|
30650
|
+
@if (objective.currentState || objective.desiredState) {
|
|
30651
|
+
<div class="grid grid-cols-2 gap-3 mb-3">
|
|
30652
|
+
@if (objective.currentState) {
|
|
30653
|
+
<div [ngClass]="stateSectionClasses()" class="p-3 rounded-lg">
|
|
30654
|
+
<p [ngClass]="stateLabelClasses()" class="text-xs font-medium mb-1">Current State</p>
|
|
30655
|
+
<p [ngClass]="stateValueClasses()" class="text-sm">{{ objective.currentState }}</p>
|
|
30656
|
+
</div>
|
|
30657
|
+
}
|
|
30658
|
+
@if (objective.desiredState) {
|
|
30659
|
+
<div [ngClass]="stateSectionClasses()" class="p-3 rounded-lg">
|
|
30660
|
+
<p [ngClass]="stateLabelClasses()" class="text-xs font-medium mb-1">Desired State</p>
|
|
30661
|
+
<p [ngClass]="stateValueClasses()" class="text-sm font-semibold">{{ objective.desiredState }}</p>
|
|
30662
|
+
</div>
|
|
30663
|
+
}
|
|
30664
|
+
</div>
|
|
30665
|
+
}
|
|
30666
|
+
|
|
30667
|
+
@if (objective.strategies && objective.strategies.length > 0) {
|
|
30668
|
+
<button
|
|
30669
|
+
(click)="openStrategiesModal(objective)"
|
|
30670
|
+
[ngClass]="showStrategiesButtonClasses()"
|
|
30671
|
+
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">
|
|
30672
|
+
<div class="flex items-center justify-between">
|
|
30673
|
+
<div class="flex items-center gap-3">
|
|
30674
|
+
<div [ngClass]="strategiesIconBgClasses()" class="w-10 h-10 rounded-lg flex items-center justify-center">
|
|
30675
|
+
<svg class="w-5 h-5" [ngClass]="strategiesIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
30676
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
|
|
30677
|
+
</svg>
|
|
30678
|
+
</div>
|
|
30679
|
+
<div class="text-left">
|
|
30680
|
+
<div [ngClass]="strategiesLabelClasses()" class="text-sm font-semibold">Show Strategies</div>
|
|
30681
|
+
<div [ngClass]="strategiesSubLabelClasses()" class="text-xs">View objective strategies</div>
|
|
30682
|
+
</div>
|
|
30683
|
+
</div>
|
|
30684
|
+
<svg [ngClass]="strategiesChevronClasses()" class="w-5 h-5 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
30685
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
30686
|
+
</svg>
|
|
30687
|
+
</div>
|
|
30688
|
+
</button>
|
|
30689
|
+
}
|
|
30690
|
+
</div>
|
|
30691
|
+
</div>
|
|
30692
|
+
</div>
|
|
30693
|
+
}
|
|
30694
|
+
</div>
|
|
30695
|
+
`
|
|
30696
|
+
}]
|
|
30697
|
+
}], 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 }] }] }); })();
|
|
30698
|
+
(() => { (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 }); })();
|
|
30699
|
+
|
|
30349
30700
|
function TopPrioritiesListModalContentComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
30350
30701
|
i0.ɵɵelementStart(0, "span");
|
|
30351
30702
|
i0.ɵɵtext(1);
|
|
@@ -30810,7 +31161,7 @@ const _c0$1a = a0 => ({ name: "check-badge", source: a0 });
|
|
|
30810
31161
|
const _c1$F = a0 => ({ name: "check-circle", source: a0 });
|
|
30811
31162
|
const _c2$q = a0 => ({ name: "chevron-right", source: a0 });
|
|
30812
31163
|
const _c3$j = a0 => ({ name: "chart-bar", source: a0 });
|
|
30813
|
-
const _forTrack0$
|
|
31164
|
+
const _forTrack0$Z = ($index, $item) => $item.capability;
|
|
30814
31165
|
function FocusAreaStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
30815
31166
|
i0.ɵɵelementStart(0, "div", 1);
|
|
30816
31167
|
i0.ɵɵelement(1, "symphiq-icon", 3);
|
|
@@ -30925,7 +31276,7 @@ function FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Templat
|
|
|
30925
31276
|
} }
|
|
30926
31277
|
function FocusAreaStrengthsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
30927
31278
|
i0.ɵɵelementStart(0, "div", 2);
|
|
30928
|
-
i0.ɵɵrepeaterCreate(1, FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Template, 16, 18, "button", 6, _forTrack0$
|
|
31279
|
+
i0.ɵɵrepeaterCreate(1, FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Template, 16, 18, "button", 6, _forTrack0$Z);
|
|
30929
31280
|
i0.ɵɵelementEnd();
|
|
30930
31281
|
} if (rf & 2) {
|
|
30931
31282
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -31132,7 +31483,7 @@ class FocusAreaStrengthsListModalContentComponent {
|
|
|
31132
31483
|
const _c0$19 = a0 => ({ name: "exclamation-triangle", source: a0 });
|
|
31133
31484
|
const _c1$E = a0 => ({ name: "exclamation-circle", source: a0 });
|
|
31134
31485
|
const _c2$p = a0 => ({ name: "chevron-right", source: a0 });
|
|
31135
|
-
function _forTrack0$
|
|
31486
|
+
function _forTrack0$Y($index, $item) { return this.getGapTitle($item); }
|
|
31136
31487
|
function FocusAreaGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
31137
31488
|
i0.ɵɵelementStart(0, "div", 1);
|
|
31138
31489
|
i0.ɵɵelement(1, "symphiq-icon", 3);
|
|
@@ -31249,7 +31600,7 @@ function FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
|
|
|
31249
31600
|
} }
|
|
31250
31601
|
function FocusAreaGapsListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
31251
31602
|
i0.ɵɵelementStart(0, "div", 2);
|
|
31252
|
-
i0.ɵɵrepeaterCreate(1, FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$
|
|
31603
|
+
i0.ɵɵrepeaterCreate(1, FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template, 15, 18, "button", 6, _forTrack0$Y, true);
|
|
31253
31604
|
i0.ɵɵelementEnd();
|
|
31254
31605
|
} if (rf & 2) {
|
|
31255
31606
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -31526,7 +31877,7 @@ class FocusAreaGapsListModalContentComponent {
|
|
|
31526
31877
|
const _c0$18 = a0 => ({ name: "light-bulb", source: a0 });
|
|
31527
31878
|
const _c1$D = a0 => ({ name: "chevron-right", source: a0 });
|
|
31528
31879
|
const _c2$o = a0 => ({ name: "chart-bar", source: a0 });
|
|
31529
|
-
const _forTrack0$
|
|
31880
|
+
const _forTrack0$X = ($index, $item) => $item.opportunity;
|
|
31530
31881
|
function FocusAreaOpportunitiesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
31531
31882
|
i0.ɵɵelementStart(0, "div", 1);
|
|
31532
31883
|
i0.ɵɵelement(1, "symphiq-icon", 3);
|
|
@@ -31617,7 +31968,7 @@ function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Tem
|
|
|
31617
31968
|
} }
|
|
31618
31969
|
function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
31619
31970
|
i0.ɵɵelementStart(0, "div", 2);
|
|
31620
|
-
i0.ɵɵrepeaterCreate(1, FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Template, 11, 11, "button", 6, _forTrack0$
|
|
31971
|
+
i0.ɵɵrepeaterCreate(1, FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Template, 11, 11, "button", 6, _forTrack0$X);
|
|
31621
31972
|
i0.ɵɵelementEnd();
|
|
31622
31973
|
} if (rf & 2) {
|
|
31623
31974
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -31794,7 +32145,7 @@ class FocusAreaOpportunitiesListModalContentComponent {
|
|
|
31794
32145
|
|
|
31795
32146
|
const _c0$17 = a0 => ({ name: "chevron-right", source: a0 });
|
|
31796
32147
|
const _c1$C = a0 => ({ name: "chat-bubble-left-right", source: a0 });
|
|
31797
|
-
const _forTrack0$
|
|
32148
|
+
const _forTrack0$W = ($index, $item) => $item.performanceItemId;
|
|
31798
32149
|
function FocusAreaStrengthDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
31799
32150
|
i0.ɵɵelementStart(0, "div")(1, "p", 2);
|
|
31800
32151
|
i0.ɵɵtext(2);
|
|
@@ -31864,7 +32215,7 @@ function FocusAreaStrengthDetailModalContentComponent_Conditional_4_Template(rf,
|
|
|
31864
32215
|
i0.ɵɵtext(2);
|
|
31865
32216
|
i0.ɵɵelementEnd();
|
|
31866
32217
|
i0.ɵɵelementStart(3, "div", 9);
|
|
31867
|
-
i0.ɵɵrepeaterCreate(4, FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Template, 4, 5, "button", 10, _forTrack0$
|
|
32218
|
+
i0.ɵɵrepeaterCreate(4, FocusAreaStrengthDetailModalContentComponent_Conditional_4_For_5_Template, 4, 5, "button", 10, _forTrack0$W);
|
|
31868
32219
|
i0.ɵɵelementEnd()();
|
|
31869
32220
|
} if (rf & 2) {
|
|
31870
32221
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -32513,7 +32864,7 @@ class FocusAreaGapDetailModalContentComponent {
|
|
|
32513
32864
|
|
|
32514
32865
|
const _c0$15 = a0 => ({ name: "chevron-right", source: a0 });
|
|
32515
32866
|
const _c1$B = () => [];
|
|
32516
|
-
const _forTrack0$
|
|
32867
|
+
const _forTrack0$V = ($index, $item) => $item.performanceItemId;
|
|
32517
32868
|
function FocusAreaOpportunityDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
32518
32869
|
i0.ɵɵelementStart(0, "div")(1, "p", 2);
|
|
32519
32870
|
i0.ɵɵtext(2);
|
|
@@ -32565,7 +32916,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_3_Template(
|
|
|
32565
32916
|
i0.ɵɵtext(2);
|
|
32566
32917
|
i0.ɵɵelementEnd();
|
|
32567
32918
|
i0.ɵɵelementStart(3, "div", 6);
|
|
32568
|
-
i0.ɵɵrepeaterCreate(4, FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Template, 4, 5, "button", 7, _forTrack0$
|
|
32919
|
+
i0.ɵɵrepeaterCreate(4, FocusAreaOpportunityDetailModalContentComponent_Conditional_3_For_5_Template, 4, 5, "button", 7, _forTrack0$V);
|
|
32569
32920
|
i0.ɵɵelementEnd()();
|
|
32570
32921
|
} if (rf & 2) {
|
|
32571
32922
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -33835,7 +34186,7 @@ const _c1$y = a0 => ({ name: "globe-americas", source: a0 });
|
|
|
33835
34186
|
const _c2$n = a0 => ({ name: "academic-cap", source: a0 });
|
|
33836
34187
|
const _c3$i = a0 => ({ name: "information-circle", source: a0 });
|
|
33837
34188
|
const _c4$d = a0 => ({ name: "signal", source: a0 });
|
|
33838
|
-
const _c5$
|
|
34189
|
+
const _c5$a = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
33839
34190
|
function RegionCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
33840
34191
|
i0.ɵɵelementStart(0, "p", 2);
|
|
33841
34192
|
i0.ɵɵtext(1);
|
|
@@ -34057,7 +34408,7 @@ function RegionCardComponent_Conditional_21_Conditional_8_Template(rf, ctx) { if
|
|
|
34057
34408
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
34058
34409
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
34059
34410
|
i0.ɵɵadvance(2);
|
|
34060
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
34411
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$a, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
34061
34412
|
i0.ɵɵadvance();
|
|
34062
34413
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
34063
34414
|
i0.ɵɵadvance(3);
|
|
@@ -34909,7 +35260,7 @@ const _c1$x = a0 => ({ name: "chart-bar", source: a0 });
|
|
|
34909
35260
|
const _c2$m = a0 => ({ name: "academic-cap", source: a0 });
|
|
34910
35261
|
const _c3$h = a0 => ({ name: "information-circle", source: a0 });
|
|
34911
35262
|
const _c4$c = a0 => ({ name: "signal", source: a0 });
|
|
34912
|
-
const _c5$
|
|
35263
|
+
const _c5$9 = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
34913
35264
|
function SeasonCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
34914
35265
|
i0.ɵɵelementStart(0, "p", 2);
|
|
34915
35266
|
i0.ɵɵtext(1);
|
|
@@ -35139,7 +35490,7 @@ function SeasonCardComponent_Conditional_20_Conditional_8_Template(rf, ctx) { if
|
|
|
35139
35490
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
35140
35491
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
35141
35492
|
i0.ɵɵadvance(2);
|
|
35142
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
35493
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$9, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
35143
35494
|
i0.ɵɵadvance();
|
|
35144
35495
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
35145
35496
|
i0.ɵɵadvance(3);
|
|
@@ -35743,7 +36094,7 @@ const _c1$w = a0 => ({ name: "chart-bar", source: a0 });
|
|
|
35743
36094
|
const _c2$l = a0 => ({ name: "academic-cap", source: a0 });
|
|
35744
36095
|
const _c3$g = a0 => ({ name: "information-circle", source: a0 });
|
|
35745
36096
|
const _c4$b = a0 => ({ name: "signal", source: a0 });
|
|
35746
|
-
const _c5$
|
|
36097
|
+
const _c5$8 = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
35747
36098
|
function CustomerSegmentCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
35748
36099
|
i0.ɵɵelementStart(0, "p", 8);
|
|
35749
36100
|
i0.ɵɵtext(1);
|
|
@@ -35982,7 +36333,7 @@ function CustomerSegmentCardComponent_Conditional_23_Conditional_12_Template(rf,
|
|
|
35982
36333
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
35983
36334
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
35984
36335
|
i0.ɵɵadvance(2);
|
|
35985
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
36336
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$8, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
35986
36337
|
i0.ɵɵadvance();
|
|
35987
36338
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
35988
36339
|
i0.ɵɵadvance(3);
|
|
@@ -36133,7 +36484,7 @@ function CustomerSegmentCardComponent_Conditional_24_Conditional_8_Template(rf,
|
|
|
36133
36484
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
36134
36485
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
36135
36486
|
i0.ɵɵadvance(2);
|
|
36136
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
36487
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$8, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
36137
36488
|
i0.ɵɵadvance();
|
|
36138
36489
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
36139
36490
|
i0.ɵɵadvance(3);
|
|
@@ -36859,7 +37210,7 @@ const _c1$v = a0 => ({ name: "document-text", source: a0 });
|
|
|
36859
37210
|
const _c2$k = a0 => ({ name: "academic-cap", source: a0 });
|
|
36860
37211
|
const _c3$f = a0 => ({ name: "information-circle", source: a0 });
|
|
36861
37212
|
const _c4$a = a0 => ({ name: "signal", source: a0 });
|
|
36862
|
-
const _c5$
|
|
37213
|
+
const _c5$7 = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
36863
37214
|
function PriceTierCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
36864
37215
|
i0.ɵɵelementStart(0, "p", 7);
|
|
36865
37216
|
i0.ɵɵtext(1);
|
|
@@ -37070,7 +37421,7 @@ function PriceTierCardComponent_Conditional_27_Conditional_8_Template(rf, ctx) {
|
|
|
37070
37421
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
37071
37422
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
37072
37423
|
i0.ɵɵadvance(2);
|
|
37073
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
37424
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$7, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
37074
37425
|
i0.ɵɵadvance();
|
|
37075
37426
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
37076
37427
|
i0.ɵɵadvance(3);
|
|
@@ -37695,10 +38046,10 @@ const _c1$u = () => ({ name: "currency-dollar", source: "HEROICONS" });
|
|
|
37695
38046
|
const _c2$j = () => ({ name: "chart-bar", source: "HEROICONS" });
|
|
37696
38047
|
const _c3$e = a0 => ({ name: "chart-bar", source: a0 });
|
|
37697
38048
|
const _c4$9 = a0 => ({ name: "academic-cap", source: a0 });
|
|
37698
|
-
const _c5$
|
|
38049
|
+
const _c5$6 = a0 => ({ name: "information-circle", source: a0 });
|
|
37699
38050
|
const _c6$2 = a0 => ({ name: "signal", source: a0 });
|
|
37700
38051
|
const _c7$1 = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
37701
|
-
const _forTrack0$
|
|
38052
|
+
const _forTrack0$U = ($index, $item) => $item.name;
|
|
37702
38053
|
function ProductCategoryCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
37703
38054
|
i0.ɵɵelementStart(0, "p", 8);
|
|
37704
38055
|
i0.ɵɵtext(1);
|
|
@@ -37829,7 +38180,7 @@ function ProductCategoryCardComponent_Conditional_16_Template(rf, ctx) { if (rf
|
|
|
37829
38180
|
i0.ɵɵelementStart(6, "symphiq-visualization-container", 21);
|
|
37830
38181
|
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
38182
|
i0.ɵɵelementStart(7, "div", 22);
|
|
37832
|
-
i0.ɵɵrepeaterCreate(8, ProductCategoryCardComponent_Conditional_16_For_9_Template, 2, 5, "div", 23, _forTrack0$
|
|
38183
|
+
i0.ɵɵrepeaterCreate(8, ProductCategoryCardComponent_Conditional_16_For_9_Template, 2, 5, "div", 23, _forTrack0$U);
|
|
37833
38184
|
i0.ɵɵelementEnd()()()();
|
|
37834
38185
|
} if (rf & 2) {
|
|
37835
38186
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -37948,7 +38299,7 @@ function ProductCategoryCardComponent_Conditional_18_Conditional_6_Template(rf,
|
|
|
37948
38299
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
37949
38300
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
37950
38301
|
i0.ɵɵadvance(2);
|
|
37951
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c5$
|
|
38302
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c5$6, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
37952
38303
|
i0.ɵɵadvance();
|
|
37953
38304
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
37954
38305
|
i0.ɵɵadvance(2);
|
|
@@ -38851,7 +39202,7 @@ const _c1$t = a0 => ({ name: "building-storefront", source: a0 });
|
|
|
38851
39202
|
const _c2$i = a0 => ({ name: "academic-cap", source: a0 });
|
|
38852
39203
|
const _c3$d = a0 => ({ name: "information-circle", source: a0 });
|
|
38853
39204
|
const _c4$8 = a0 => ({ name: "signal", source: a0 });
|
|
38854
|
-
const _c5$
|
|
39205
|
+
const _c5$5 = a0 => ({ name: "wrench-screwdriver", source: a0 });
|
|
38855
39206
|
function EnhancedListItemCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
38856
39207
|
i0.ɵɵelementStart(0, "div", 2);
|
|
38857
39208
|
i0.ɵɵtext(1);
|
|
@@ -39015,7 +39366,7 @@ function EnhancedListItemCardComponent_Conditional_22_Conditional_8_Template(rf,
|
|
|
39015
39366
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
39016
39367
|
i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
|
|
39017
39368
|
i0.ɵɵadvance(2);
|
|
39018
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$
|
|
39369
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(4, _c5$5, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
|
|
39019
39370
|
i0.ɵɵadvance();
|
|
39020
39371
|
i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
|
|
39021
39372
|
i0.ɵɵadvance(3);
|
|
@@ -42808,18 +43159,19 @@ class ItemDetailModalComponent {
|
|
|
42808
43159
|
const _c0$T = ["modalContent"];
|
|
42809
43160
|
const _c1$q = ["modalWrapper"];
|
|
42810
43161
|
const _c2$g = ["*"];
|
|
42811
|
-
const
|
|
42812
|
-
const
|
|
42813
|
-
const
|
|
42814
|
-
const
|
|
43162
|
+
const ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_3_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return lineChart_component; }).then(m => m.LineChartComponent)];
|
|
43163
|
+
const ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_4_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
|
|
43164
|
+
const ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_5_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return pieChart_component; }).then(m => m.PieChartComponent)];
|
|
43165
|
+
const ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_6_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return areaChart_component; }).then(m => m.AreaChartComponent)];
|
|
42815
43166
|
const _c3$b = a0 => ({ name: "arrow-left", source: a0 });
|
|
42816
43167
|
const _c4$7 = a0 => ({ name: "chevron-right", source: a0 });
|
|
42817
|
-
const
|
|
43168
|
+
const _c5$4 = () => [];
|
|
43169
|
+
const _forTrack0$T = ($index, $item) => $item.performanceItemId || $index;
|
|
42818
43170
|
const _forTrack1$a = ($index, $item) => $item.id || $index;
|
|
42819
43171
|
const _forTrack2$2 = ($index, $item) => $item.metric || $index;
|
|
42820
43172
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
42821
43173
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
42822
|
-
i0.ɵɵelementStart(0, "button",
|
|
43174
|
+
i0.ɵɵelementStart(0, "button", 45);
|
|
42823
43175
|
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
43176
|
i0.ɵɵtext(1);
|
|
42825
43177
|
i0.ɵɵelementEnd();
|
|
@@ -42831,7 +43183,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditi
|
|
|
42831
43183
|
i0.ɵɵtextInterpolate1(" ", crumb_r5.label, " ");
|
|
42832
43184
|
} }
|
|
42833
43185
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
42834
|
-
i0.ɵɵelementStart(0, "span",
|
|
43186
|
+
i0.ɵɵelementStart(0, "span", 43);
|
|
42835
43187
|
i0.ɵɵtext(1);
|
|
42836
43188
|
i0.ɵɵelementEnd();
|
|
42837
43189
|
} if (rf & 2) {
|
|
@@ -42840,8 +43192,8 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditi
|
|
|
42840
43192
|
i0.ɵɵtextInterpolate(crumb_r5.label);
|
|
42841
43193
|
} }
|
|
42842
43194
|
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",
|
|
43195
|
+
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_0_Template, 2, 2, "button", 42)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_0_Conditional_1_Template, 2, 1, "span", 43);
|
|
43196
|
+
i0.ɵɵelement(2, "symphiq-icon", 44);
|
|
42845
43197
|
} if (rf & 2) {
|
|
42846
43198
|
const crumb_r5 = i0.ɵɵnextContext().$implicit;
|
|
42847
43199
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -42850,7 +43202,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditi
|
|
|
42850
43202
|
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c4$7, ctx_r1.IconSourceEnum.HEROICONS));
|
|
42851
43203
|
} }
|
|
42852
43204
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
42853
|
-
i0.ɵɵelementStart(0, "span",
|
|
43205
|
+
i0.ɵɵelementStart(0, "span", 41);
|
|
42854
43206
|
i0.ɵɵtext(1);
|
|
42855
43207
|
i0.ɵɵelementEnd();
|
|
42856
43208
|
} if (rf & 2) {
|
|
@@ -42859,7 +43211,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Conditi
|
|
|
42859
43211
|
i0.ɵɵtextInterpolate(crumb_r5.label);
|
|
42860
43212
|
} }
|
|
42861
43213
|
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",
|
|
43214
|
+
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", 41);
|
|
42863
43215
|
} if (rf & 2) {
|
|
42864
43216
|
const ɵ$index_23_r6 = ctx.$index;
|
|
42865
43217
|
const ɵ$count_23_r7 = ctx.$count;
|
|
@@ -42867,11 +43219,11 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Templat
|
|
|
42867
43219
|
} }
|
|
42868
43220
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
42869
43221
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
42870
|
-
i0.ɵɵelementStart(0, "div", 9)(1, "button",
|
|
43222
|
+
i0.ɵɵelementStart(0, "div", 9)(1, "button", 38);
|
|
42871
43223
|
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",
|
|
43224
|
+
i0.ɵɵelement(2, "symphiq-icon", 39);
|
|
42873
43225
|
i0.ɵɵelementEnd();
|
|
42874
|
-
i0.ɵɵelementStart(3, "div",
|
|
43226
|
+
i0.ɵɵelementStart(3, "div", 40);
|
|
42875
43227
|
i0.ɵɵrepeaterCreate(4, ProfileAnalysisModalComponent_Conditional_0_Conditional_7_For_5_Template, 2, 1, null, null, i0.ɵɵrepeaterTrackByIndex);
|
|
42876
43228
|
i0.ɵɵelementEnd()();
|
|
42877
43229
|
} if (rf & 2) {
|
|
@@ -42886,8 +43238,8 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_7_Template(rf,
|
|
|
42886
43238
|
} }
|
|
42887
43239
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
42888
43240
|
i0.ɵɵnamespaceSVG();
|
|
42889
|
-
i0.ɵɵelementStart(0, "svg",
|
|
42890
|
-
i0.ɵɵelement(1, "path",
|
|
43241
|
+
i0.ɵɵelementStart(0, "svg", 46);
|
|
43242
|
+
i0.ɵɵelement(1, "path", 49);
|
|
42891
43243
|
i0.ɵɵelementEnd();
|
|
42892
43244
|
} if (rf & 2) {
|
|
42893
43245
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -42896,7 +43248,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_1
|
|
|
42896
43248
|
i0.ɵɵattribute("d", ctx);
|
|
42897
43249
|
} }
|
|
42898
43250
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
42899
|
-
i0.ɵɵelementStart(0, "span",
|
|
43251
|
+
i0.ɵɵelementStart(0, "span", 48);
|
|
42900
43252
|
i0.ɵɵtext(1);
|
|
42901
43253
|
i0.ɵɵelementEnd();
|
|
42902
43254
|
} if (rf & 2) {
|
|
@@ -42907,11 +43259,11 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_4
|
|
|
42907
43259
|
} }
|
|
42908
43260
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
42909
43261
|
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",
|
|
43262
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_1_Template, 2, 2, ":svg:svg", 46);
|
|
43263
|
+
i0.ɵɵelementStart(2, "span", 47);
|
|
42912
43264
|
i0.ɵɵtext(3);
|
|
42913
43265
|
i0.ɵɵelementEnd();
|
|
42914
|
-
i0.ɵɵconditionalCreate(4, ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_4_Template, 2, 2, "span",
|
|
43266
|
+
i0.ɵɵconditionalCreate(4, ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Conditional_4_Template, 2, 2, "span", 48);
|
|
42915
43267
|
i0.ɵɵelementEnd();
|
|
42916
43268
|
} if (rf & 2) {
|
|
42917
43269
|
let tmp_4_0;
|
|
@@ -42927,7 +43279,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_8_Template(rf,
|
|
|
42927
43279
|
i0.ɵɵconditional((tmp_7_0 = ctx_r1.sourceAnalysisTypeLabel()) ? 4 : -1, tmp_7_0);
|
|
42928
43280
|
} }
|
|
42929
43281
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
42930
|
-
i0.ɵɵelementStart(0, "span",
|
|
43282
|
+
i0.ɵɵelementStart(0, "span", 50);
|
|
42931
43283
|
i0.ɵɵtext(1);
|
|
42932
43284
|
i0.ɵɵelementEnd();
|
|
42933
43285
|
} if (rf & 2) {
|
|
@@ -42938,7 +43290,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Conditional_
|
|
|
42938
43290
|
i0.ɵɵtextInterpolate1(" ", chips_r8.priority, " ");
|
|
42939
43291
|
} }
|
|
42940
43292
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
42941
|
-
i0.ɵɵelementStart(0, "span",
|
|
43293
|
+
i0.ɵɵelementStart(0, "span", 50);
|
|
42942
43294
|
i0.ɵɵtext(1);
|
|
42943
43295
|
i0.ɵɵelementEnd();
|
|
42944
43296
|
} if (rf & 2) {
|
|
@@ -42950,8 +43302,8 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Conditional_
|
|
|
42950
43302
|
} }
|
|
42951
43303
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
42952
43304
|
i0.ɵɵelementStart(0, "div", 12);
|
|
42953
|
-
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Conditional_1_Template, 2, 2, "span",
|
|
42954
|
-
i0.ɵɵconditionalCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Conditional_2_Template, 2, 2, "span",
|
|
43305
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Conditional_1_Template, 2, 2, "span", 50);
|
|
43306
|
+
i0.ɵɵconditionalCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Conditional_2_Template, 2, 2, "span", 50);
|
|
42955
43307
|
i0.ɵɵelementEnd();
|
|
42956
43308
|
} if (rf & 2) {
|
|
42957
43309
|
const chips_r8 = ctx;
|
|
@@ -42962,7 +43314,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_11_Template(rf,
|
|
|
42962
43314
|
} }
|
|
42963
43315
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
42964
43316
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
42965
|
-
i0.ɵɵelementStart(0, "symphiq-goal-detail-modal-content",
|
|
43317
|
+
i0.ɵɵelementStart(0, "symphiq-goal-detail-modal-content", 51);
|
|
42966
43318
|
i0.ɵɵlistener("showObjectives", function ProfileAnalysisModalComponent_Conditional_0_Conditional_17_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
43319
|
i0.ɵɵelementEnd();
|
|
42968
43320
|
} if (rf & 2) {
|
|
@@ -42970,600 +43322,606 @@ function ProfileAnalysisModalComponent_Conditional_0_Conditional_17_Template(rf,
|
|
|
42970
43322
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
42971
43323
|
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
43324
|
} }
|
|
42973
|
-
function
|
|
42974
|
-
i0.ɵɵ
|
|
43325
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
43326
|
+
i0.ɵɵelement(0, "symphiq-goal-objectives-modal-content", 18);
|
|
43327
|
+
} if (rf & 2) {
|
|
43328
|
+
const data_r11 = ctx;
|
|
43329
|
+
i0.ɵɵproperty("objectives", data_r11.goal.objectives || i0.ɵɵpureFunction0(4, _c5$4))("goalTitle", data_r11.goal.title || "Goal")("viewMode", data_r11.viewMode)("@fadeIn", undefined);
|
|
43330
|
+
} }
|
|
43331
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43332
|
+
i0.ɵɵelementStart(0, "p", 52);
|
|
42975
43333
|
i0.ɵɵtext(1);
|
|
42976
43334
|
i0.ɵɵelementEnd();
|
|
42977
43335
|
} if (rf & 2) {
|
|
42978
|
-
const
|
|
43336
|
+
const data_r12 = i0.ɵɵnextContext();
|
|
42979
43337
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
42980
43338
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
42981
43339
|
i0.ɵɵadvance();
|
|
42982
|
-
i0.ɵɵtextInterpolate(
|
|
43340
|
+
i0.ɵɵtextInterpolate(data_r12.goalContext.description);
|
|
42983
43341
|
} }
|
|
42984
|
-
function
|
|
42985
|
-
i0.ɵɵelementStart(0, "div",
|
|
43342
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_19_For_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
43343
|
+
i0.ɵɵelementStart(0, "div", 60)(1, "span", 64);
|
|
42986
43344
|
i0.ɵɵnamespaceSVG();
|
|
42987
|
-
i0.ɵɵelementStart(2, "svg",
|
|
42988
|
-
i0.ɵɵelement(3, "path",
|
|
43345
|
+
i0.ɵɵelementStart(2, "svg", 65);
|
|
43346
|
+
i0.ɵɵelement(3, "path", 66);
|
|
42989
43347
|
i0.ɵɵelementEnd();
|
|
42990
43348
|
i0.ɵɵtext(4);
|
|
42991
43349
|
i0.ɵɵelementEnd()();
|
|
42992
43350
|
} if (rf & 2) {
|
|
42993
|
-
const
|
|
43351
|
+
const insight_r14 = i0.ɵɵnextContext().$implicit;
|
|
42994
43352
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
42995
43353
|
i0.ɵɵadvance();
|
|
42996
43354
|
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
43355
|
i0.ɵɵadvance(3);
|
|
42998
|
-
i0.ɵɵtextInterpolate2(" ",
|
|
43356
|
+
i0.ɵɵtextInterpolate2(" ", insight_r14.recommendations.length, " ", insight_r14.recommendations.length === 1 ? "RECOMMENDATION" : "RECOMMENDATIONS", " ");
|
|
42999
43357
|
} }
|
|
43000
|
-
function
|
|
43001
|
-
const
|
|
43002
|
-
i0.ɵɵelementStart(0, "div",
|
|
43003
|
-
i0.ɵɵlistener("click", function
|
|
43004
|
-
i0.ɵɵelementStart(1, "div",
|
|
43358
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_19_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
43359
|
+
const _r13 = i0.ɵɵgetCurrentView();
|
|
43360
|
+
i0.ɵɵelementStart(0, "div", 54);
|
|
43361
|
+
i0.ɵɵlistener("click", function ProfileAnalysisModalComponent_Conditional_0_Conditional_19_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)); });
|
|
43362
|
+
i0.ɵɵelementStart(1, "div", 55)(2, "div", 56);
|
|
43005
43363
|
i0.ɵɵtext(3);
|
|
43006
43364
|
i0.ɵɵelementEnd();
|
|
43007
|
-
i0.ɵɵelementStart(4, "div",
|
|
43365
|
+
i0.ɵɵelementStart(4, "div", 57)(5, "h4", 58);
|
|
43008
43366
|
i0.ɵɵtext(6);
|
|
43009
43367
|
i0.ɵɵelementEnd();
|
|
43010
|
-
i0.ɵɵelementStart(7, "p",
|
|
43368
|
+
i0.ɵɵelementStart(7, "p", 59);
|
|
43011
43369
|
i0.ɵɵtext(8);
|
|
43012
43370
|
i0.ɵɵelementEnd();
|
|
43013
|
-
i0.ɵɵconditionalCreate(9,
|
|
43371
|
+
i0.ɵɵconditionalCreate(9, ProfileAnalysisModalComponent_Conditional_0_Conditional_19_For_3_Conditional_9_Template, 5, 3, "div", 60);
|
|
43014
43372
|
i0.ɵɵelementEnd();
|
|
43015
|
-
i0.ɵɵelementStart(10, "div",
|
|
43373
|
+
i0.ɵɵelementStart(10, "div", 61);
|
|
43016
43374
|
i0.ɵɵnamespaceSVG();
|
|
43017
|
-
i0.ɵɵelementStart(11, "svg",
|
|
43018
|
-
i0.ɵɵelement(12, "path",
|
|
43375
|
+
i0.ɵɵelementStart(11, "svg", 62);
|
|
43376
|
+
i0.ɵɵelement(12, "path", 63);
|
|
43019
43377
|
i0.ɵɵelementEnd()()()();
|
|
43020
43378
|
} if (rf & 2) {
|
|
43021
|
-
const
|
|
43379
|
+
const insight_r14 = ctx.$implicit;
|
|
43022
43380
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
43023
43381
|
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
43382
|
i0.ɵɵadvance(2);
|
|
43025
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getPriorityBadgeClass(
|
|
43383
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getPriorityBadgeClass(insight_r14.priority ?? 0))("ngStyle", ctx_r1.getPriorityBadgeStyle(insight_r14.priority ?? 0));
|
|
43026
43384
|
i0.ɵɵadvance();
|
|
43027
|
-
i0.ɵɵtextInterpolate1(" P",
|
|
43385
|
+
i0.ɵɵtextInterpolate1(" P", insight_r14.priority, " ");
|
|
43028
43386
|
i0.ɵɵadvance(2);
|
|
43029
43387
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900 group-hover:text-blue-600" : "text-white group-hover:text-blue-400");
|
|
43030
43388
|
i0.ɵɵadvance();
|
|
43031
|
-
i0.ɵɵtextInterpolate(
|
|
43389
|
+
i0.ɵɵtextInterpolate(insight_r14.title);
|
|
43032
43390
|
i0.ɵɵadvance();
|
|
43033
43391
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43034
43392
|
i0.ɵɵadvance();
|
|
43035
|
-
i0.ɵɵtextInterpolate(
|
|
43393
|
+
i0.ɵɵtextInterpolate(insight_r14.description);
|
|
43036
43394
|
i0.ɵɵadvance();
|
|
43037
|
-
i0.ɵɵconditional(
|
|
43395
|
+
i0.ɵɵconditional(insight_r14.recommendations && insight_r14.recommendations.length > 0 ? 9 : -1);
|
|
43038
43396
|
i0.ɵɵadvance(2);
|
|
43039
43397
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-400 group-hover:text-blue-600" : "text-slate-500 group-hover:text-blue-400");
|
|
43040
43398
|
} }
|
|
43041
|
-
function
|
|
43042
|
-
i0.ɵɵelementStart(0, "div",
|
|
43043
|
-
i0.ɵɵconditionalCreate(1,
|
|
43044
|
-
i0.ɵɵrepeaterCreate(2,
|
|
43399
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
43400
|
+
i0.ɵɵelementStart(0, "div", 19);
|
|
43401
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_19_Conditional_1_Template, 2, 2, "p", 52);
|
|
43402
|
+
i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_19_For_3_Template, 13, 10, "div", 53, _forTrack0$T);
|
|
43045
43403
|
i0.ɵɵelementEnd();
|
|
43046
43404
|
} if (rf & 2) {
|
|
43047
|
-
const
|
|
43405
|
+
const data_r12 = ctx;
|
|
43048
43406
|
i0.ɵɵadvance();
|
|
43049
|
-
i0.ɵɵconditional(
|
|
43407
|
+
i0.ɵɵconditional(data_r12.goalContext.description ? 1 : -1);
|
|
43050
43408
|
i0.ɵɵadvance();
|
|
43051
|
-
i0.ɵɵrepeater(
|
|
43409
|
+
i0.ɵɵrepeater(data_r12.insights);
|
|
43052
43410
|
} }
|
|
43053
|
-
function
|
|
43054
|
-
i0.ɵɵelementStart(0, "p",
|
|
43411
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43412
|
+
i0.ɵɵelementStart(0, "p", 52);
|
|
43055
43413
|
i0.ɵɵtext(1);
|
|
43056
43414
|
i0.ɵɵelementEnd();
|
|
43057
43415
|
} if (rf & 2) {
|
|
43058
|
-
const
|
|
43416
|
+
const data_r15 = i0.ɵɵnextContext();
|
|
43059
43417
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43060
43418
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43061
43419
|
i0.ɵɵadvance();
|
|
43062
|
-
i0.ɵɵtextInterpolate(
|
|
43420
|
+
i0.ɵɵtextInterpolate(data_r15.recommendationContext.description);
|
|
43063
43421
|
} }
|
|
43064
|
-
function
|
|
43065
|
-
i0.ɵɵelementStart(0, "div",
|
|
43422
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
43423
|
+
i0.ɵɵelementStart(0, "div", 60)(1, "span", 64);
|
|
43066
43424
|
i0.ɵɵnamespaceSVG();
|
|
43067
|
-
i0.ɵɵelementStart(2, "svg",
|
|
43068
|
-
i0.ɵɵelement(3, "path",
|
|
43425
|
+
i0.ɵɵelementStart(2, "svg", 65);
|
|
43426
|
+
i0.ɵɵelement(3, "path", 66);
|
|
43069
43427
|
i0.ɵɵelementEnd();
|
|
43070
43428
|
i0.ɵɵtext(4);
|
|
43071
43429
|
i0.ɵɵelementEnd()();
|
|
43072
43430
|
} if (rf & 2) {
|
|
43073
|
-
const
|
|
43431
|
+
const insight_r17 = i0.ɵɵnextContext().$implicit;
|
|
43074
43432
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
43075
43433
|
i0.ɵɵadvance();
|
|
43076
43434
|
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
43435
|
i0.ɵɵadvance(3);
|
|
43078
|
-
i0.ɵɵtextInterpolate2(" ",
|
|
43436
|
+
i0.ɵɵtextInterpolate2(" ", insight_r17.recommendations.length, " ", insight_r17.recommendations.length === 1 ? "RECOMMENDATION" : "RECOMMENDATIONS", " ");
|
|
43079
43437
|
} }
|
|
43080
|
-
function
|
|
43081
|
-
const
|
|
43082
|
-
i0.ɵɵelementStart(0, "div",
|
|
43083
|
-
i0.ɵɵlistener("click", function
|
|
43084
|
-
i0.ɵɵelementStart(1, "div",
|
|
43438
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
43439
|
+
const _r16 = i0.ɵɵgetCurrentView();
|
|
43440
|
+
i0.ɵɵelementStart(0, "div", 54);
|
|
43441
|
+
i0.ɵɵlistener("click", function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_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)); });
|
|
43442
|
+
i0.ɵɵelementStart(1, "div", 55)(2, "div", 56);
|
|
43085
43443
|
i0.ɵɵtext(3);
|
|
43086
43444
|
i0.ɵɵelementEnd();
|
|
43087
|
-
i0.ɵɵelementStart(4, "div",
|
|
43445
|
+
i0.ɵɵelementStart(4, "div", 57)(5, "h4", 58);
|
|
43088
43446
|
i0.ɵɵtext(6);
|
|
43089
43447
|
i0.ɵɵelementEnd();
|
|
43090
|
-
i0.ɵɵelementStart(7, "p",
|
|
43448
|
+
i0.ɵɵelementStart(7, "p", 59);
|
|
43091
43449
|
i0.ɵɵtext(8);
|
|
43092
43450
|
i0.ɵɵelementEnd();
|
|
43093
|
-
i0.ɵɵconditionalCreate(9,
|
|
43451
|
+
i0.ɵɵconditionalCreate(9, ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Conditional_9_Template, 5, 3, "div", 60);
|
|
43094
43452
|
i0.ɵɵelementEnd();
|
|
43095
|
-
i0.ɵɵelementStart(10, "div",
|
|
43453
|
+
i0.ɵɵelementStart(10, "div", 61);
|
|
43096
43454
|
i0.ɵɵnamespaceSVG();
|
|
43097
|
-
i0.ɵɵelementStart(11, "svg",
|
|
43098
|
-
i0.ɵɵelement(12, "path",
|
|
43455
|
+
i0.ɵɵelementStart(11, "svg", 62);
|
|
43456
|
+
i0.ɵɵelement(12, "path", 63);
|
|
43099
43457
|
i0.ɵɵelementEnd()()()();
|
|
43100
43458
|
} if (rf & 2) {
|
|
43101
|
-
const
|
|
43459
|
+
const insight_r17 = ctx.$implicit;
|
|
43102
43460
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
43103
43461
|
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
43462
|
i0.ɵɵadvance(2);
|
|
43105
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getPriorityBadgeClass(
|
|
43463
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getPriorityBadgeClass(insight_r17.priority ?? 0))("ngStyle", ctx_r1.getPriorityBadgeStyle(insight_r17.priority ?? 0));
|
|
43106
43464
|
i0.ɵɵadvance();
|
|
43107
|
-
i0.ɵɵtextInterpolate1(" P",
|
|
43465
|
+
i0.ɵɵtextInterpolate1(" P", insight_r17.priority, " ");
|
|
43108
43466
|
i0.ɵɵadvance(2);
|
|
43109
43467
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900 group-hover:text-blue-600" : "text-white group-hover:text-blue-400");
|
|
43110
43468
|
i0.ɵɵadvance();
|
|
43111
|
-
i0.ɵɵtextInterpolate(
|
|
43469
|
+
i0.ɵɵtextInterpolate(insight_r17.title);
|
|
43112
43470
|
i0.ɵɵadvance();
|
|
43113
43471
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43114
43472
|
i0.ɵɵadvance();
|
|
43115
|
-
i0.ɵɵtextInterpolate(
|
|
43473
|
+
i0.ɵɵtextInterpolate(insight_r17.description);
|
|
43116
43474
|
i0.ɵɵadvance();
|
|
43117
|
-
i0.ɵɵconditional(
|
|
43475
|
+
i0.ɵɵconditional(insight_r17.recommendations && insight_r17.recommendations.length > 0 ? 9 : -1);
|
|
43118
43476
|
i0.ɵɵadvance(2);
|
|
43119
43477
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-400 group-hover:text-blue-600" : "text-slate-500 group-hover:text-blue-400");
|
|
43120
43478
|
} }
|
|
43121
|
-
function
|
|
43122
|
-
i0.ɵɵelementStart(0, "div",
|
|
43123
|
-
i0.ɵɵconditionalCreate(1,
|
|
43124
|
-
i0.ɵɵrepeaterCreate(2,
|
|
43479
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
43480
|
+
i0.ɵɵelementStart(0, "div", 19);
|
|
43481
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_20_Conditional_1_Template, 2, 2, "p", 52);
|
|
43482
|
+
i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_20_For_3_Template, 13, 10, "div", 53, _forTrack0$T);
|
|
43125
43483
|
i0.ɵɵelementEnd();
|
|
43126
43484
|
} if (rf & 2) {
|
|
43127
|
-
const
|
|
43485
|
+
const data_r15 = ctx;
|
|
43128
43486
|
i0.ɵɵadvance();
|
|
43129
|
-
i0.ɵɵconditional(
|
|
43487
|
+
i0.ɵɵconditional(data_r15.recommendationContext.description ? 1 : -1);
|
|
43130
43488
|
i0.ɵɵadvance();
|
|
43131
|
-
i0.ɵɵrepeater(
|
|
43489
|
+
i0.ɵɵrepeater(data_r15.insights);
|
|
43132
43490
|
} }
|
|
43133
|
-
function
|
|
43134
|
-
i0.ɵɵelementStart(0, "p",
|
|
43491
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43492
|
+
i0.ɵɵelementStart(0, "p", 52);
|
|
43135
43493
|
i0.ɵɵtext(1);
|
|
43136
43494
|
i0.ɵɵelementEnd();
|
|
43137
43495
|
} if (rf & 2) {
|
|
43138
|
-
const
|
|
43496
|
+
const data_r18 = i0.ɵɵnextContext();
|
|
43139
43497
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43140
43498
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43141
43499
|
i0.ɵɵadvance();
|
|
43142
|
-
i0.ɵɵtextInterpolate(
|
|
43500
|
+
i0.ɵɵtextInterpolate(data_r18.goalContext.description);
|
|
43143
43501
|
} }
|
|
43144
|
-
function
|
|
43145
|
-
const
|
|
43146
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-recommendation-card",
|
|
43147
|
-
i0.ɵɵlistener("cardNavigate", function
|
|
43502
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
43503
|
+
const _r19 = i0.ɵɵgetCurrentView();
|
|
43504
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-recommendation-card", 67);
|
|
43505
|
+
i0.ɵɵlistener("cardNavigate", function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_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
43506
|
i0.ɵɵelementEnd()();
|
|
43149
43507
|
} if (rf & 2) {
|
|
43150
|
-
const
|
|
43151
|
-
const $
|
|
43152
|
-
const
|
|
43508
|
+
const businessInsight_r20 = ctx.$implicit;
|
|
43509
|
+
const $index_r21 = ctx.$index;
|
|
43510
|
+
const data_r18 = i0.ɵɵnextContext();
|
|
43153
43511
|
i0.ɵɵadvance();
|
|
43154
|
-
i0.ɵɵproperty("recommendation",
|
|
43512
|
+
i0.ɵɵproperty("recommendation", businessInsight_r20)("viewMode", data_r18.viewMode)("animationIndex", $index_r21)("showNavigationChevron", true)("inModalContext", true);
|
|
43155
43513
|
} }
|
|
43156
|
-
function
|
|
43157
|
-
i0.ɵɵelementStart(0, "div",
|
|
43158
|
-
i0.ɵɵconditionalCreate(1,
|
|
43159
|
-
i0.ɵɵrepeaterCreate(2,
|
|
43514
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
|
|
43515
|
+
i0.ɵɵelementStart(0, "div", 20);
|
|
43516
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Conditional_1_Template, 2, 2, "p", 52);
|
|
43517
|
+
i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_For_3_Template, 2, 5, "div", null, _forTrack1$a);
|
|
43160
43518
|
i0.ɵɵelementEnd();
|
|
43161
43519
|
} if (rf & 2) {
|
|
43162
|
-
const
|
|
43520
|
+
const data_r18 = ctx;
|
|
43163
43521
|
i0.ɵɵadvance();
|
|
43164
|
-
i0.ɵɵconditional(
|
|
43522
|
+
i0.ɵɵconditional(data_r18.goalContext.description ? 1 : -1);
|
|
43165
43523
|
i0.ɵɵadvance();
|
|
43166
|
-
i0.ɵɵrepeater(
|
|
43524
|
+
i0.ɵɵrepeater(data_r18.businessInsights);
|
|
43167
43525
|
} }
|
|
43168
|
-
function
|
|
43169
|
-
i0.ɵɵelementStart(0, "p",
|
|
43526
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43527
|
+
i0.ɵɵelementStart(0, "p", 52);
|
|
43170
43528
|
i0.ɵɵtext(1);
|
|
43171
43529
|
i0.ɵɵelementEnd();
|
|
43172
43530
|
} if (rf & 2) {
|
|
43173
|
-
const
|
|
43531
|
+
const data_r22 = i0.ɵɵnextContext();
|
|
43174
43532
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43175
43533
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43176
43534
|
i0.ɵɵadvance();
|
|
43177
|
-
i0.ɵɵtextInterpolate(
|
|
43535
|
+
i0.ɵɵtextInterpolate(data_r22.recommendationContext.description);
|
|
43178
43536
|
} }
|
|
43179
|
-
function
|
|
43180
|
-
const
|
|
43181
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-recommendation-card",
|
|
43182
|
-
i0.ɵɵlistener("cardNavigate", function
|
|
43537
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
43538
|
+
const _r23 = i0.ɵɵgetCurrentView();
|
|
43539
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-recommendation-card", 67);
|
|
43540
|
+
i0.ɵɵlistener("cardNavigate", function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_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
43541
|
i0.ɵɵelementEnd()();
|
|
43184
43542
|
} if (rf & 2) {
|
|
43185
|
-
const
|
|
43186
|
-
const $
|
|
43543
|
+
const businessInsight_r24 = ctx.$implicit;
|
|
43544
|
+
const $index_r25 = ctx.$index;
|
|
43187
43545
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
43188
43546
|
i0.ɵɵadvance();
|
|
43189
|
-
i0.ɵɵproperty("recommendation",
|
|
43547
|
+
i0.ɵɵproperty("recommendation", businessInsight_r24)("viewMode", ctx_r1.viewMode())("animationIndex", $index_r25)("showNavigationChevron", true)("inModalContext", true);
|
|
43190
43548
|
} }
|
|
43191
|
-
function
|
|
43192
|
-
i0.ɵɵelementStart(0, "div",
|
|
43193
|
-
i0.ɵɵconditionalCreate(1,
|
|
43194
|
-
i0.ɵɵrepeaterCreate(2,
|
|
43549
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
|
|
43550
|
+
i0.ɵɵelementStart(0, "div", 20);
|
|
43551
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Conditional_1_Template, 2, 2, "p", 52);
|
|
43552
|
+
i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_For_3_Template, 2, 5, "div", null, _forTrack1$a);
|
|
43195
43553
|
i0.ɵɵelementEnd();
|
|
43196
43554
|
} if (rf & 2) {
|
|
43197
|
-
const
|
|
43555
|
+
const data_r22 = ctx;
|
|
43198
43556
|
i0.ɵɵadvance();
|
|
43199
|
-
i0.ɵɵconditional(
|
|
43557
|
+
i0.ɵɵconditional(data_r22.recommendationContext.description ? 1 : -1);
|
|
43200
43558
|
i0.ɵɵadvance();
|
|
43201
|
-
i0.ɵɵrepeater(
|
|
43559
|
+
i0.ɵɵrepeater(data_r22.businessInsights);
|
|
43202
43560
|
} }
|
|
43203
|
-
function
|
|
43204
|
-
i0.ɵɵelement(0, "symphiq-recommendation-card",
|
|
43561
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
|
|
43562
|
+
i0.ɵɵelement(0, "symphiq-recommendation-card", 21);
|
|
43205
43563
|
} if (rf & 2) {
|
|
43206
|
-
const
|
|
43564
|
+
const data_r26 = ctx;
|
|
43207
43565
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43208
|
-
i0.ɵɵproperty("recommendation",
|
|
43566
|
+
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
43567
|
} }
|
|
43210
|
-
function
|
|
43211
|
-
const
|
|
43212
|
-
i0.ɵɵelementStart(0, "symphiq-item-detail-modal",
|
|
43213
|
-
i0.ɵɵlistener("close", function
|
|
43568
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
|
|
43569
|
+
const _r27 = i0.ɵɵgetCurrentView();
|
|
43570
|
+
i0.ɵɵelementStart(0, "symphiq-item-detail-modal", 68);
|
|
43571
|
+
i0.ɵɵlistener("close", function ProfileAnalysisModalComponent_Conditional_0_Conditional_24_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_24_Template_symphiq_item_detail_modal_scrollToTop_0_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.scrollModalToTop()); });
|
|
43214
43572
|
i0.ɵɵelementEnd();
|
|
43215
43573
|
} if (rf & 2) {
|
|
43216
|
-
const
|
|
43217
|
-
i0.ɵɵproperty("item",
|
|
43574
|
+
const data_r28 = ctx;
|
|
43575
|
+
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
43576
|
} }
|
|
43219
|
-
function
|
|
43220
|
-
const
|
|
43221
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item",
|
|
43222
|
-
i0.ɵɵlistener("metricClick", function
|
|
43577
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_0_For_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
43578
|
+
const _r29 = i0.ɵɵgetCurrentView();
|
|
43579
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item", 71);
|
|
43580
|
+
i0.ɵɵlistener("metricClick", function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_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
43581
|
i0.ɵɵelementEnd()();
|
|
43224
43582
|
} if (rf & 2) {
|
|
43225
|
-
const
|
|
43226
|
-
const
|
|
43227
|
-
const $
|
|
43583
|
+
const ctx_r29 = i0.ɵɵnextContext();
|
|
43584
|
+
const metric_r31 = ctx_r29.$implicit;
|
|
43585
|
+
const $index_r32 = ctx_r29.$index;
|
|
43228
43586
|
const ctx_r1 = i0.ɵɵnextContext(5);
|
|
43229
43587
|
i0.ɵɵadvance();
|
|
43230
|
-
i0.ɵɵproperty("metric",
|
|
43588
|
+
i0.ɵɵproperty("metric", metric_r31)("isLightMode", ctx_r1.isLightMode())("animationKey", $index_r32);
|
|
43231
43589
|
} }
|
|
43232
|
-
function
|
|
43233
|
-
i0.ɵɵconditionalCreate(0,
|
|
43590
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_0_For_4_Template(rf, ctx) { if (rf & 1) {
|
|
43591
|
+
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_0_For_4_Conditional_0_Template, 2, 3, "div");
|
|
43234
43592
|
} if (rf & 2) {
|
|
43235
|
-
const
|
|
43236
|
-
const
|
|
43237
|
-
i0.ɵɵconditional(
|
|
43593
|
+
const metric_r31 = ctx.$implicit;
|
|
43594
|
+
const data_r33 = i0.ɵɵnextContext(3);
|
|
43595
|
+
i0.ɵɵconditional(metric_r31.metric === data_r33.directlyAffectedMetricId ? 0 : -1);
|
|
43238
43596
|
} }
|
|
43239
|
-
function
|
|
43240
|
-
i0.ɵɵelementStart(0, "div",
|
|
43597
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
43598
|
+
i0.ɵɵelementStart(0, "div", 69)(1, "h3", 70);
|
|
43241
43599
|
i0.ɵɵtext(2, " Directly Affected Metric ");
|
|
43242
43600
|
i0.ɵɵelementEnd();
|
|
43243
|
-
i0.ɵɵrepeaterCreate(3,
|
|
43601
|
+
i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_0_For_4_Template, 1, 1, null, null, _forTrack2$2);
|
|
43244
43602
|
i0.ɵɵelementEnd();
|
|
43245
43603
|
} if (rf & 2) {
|
|
43246
|
-
const
|
|
43604
|
+
const data_r33 = i0.ɵɵnextContext(2);
|
|
43247
43605
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43248
43606
|
i0.ɵɵadvance();
|
|
43249
43607
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
43250
43608
|
i0.ɵɵadvance(2);
|
|
43251
|
-
i0.ɵɵrepeater(
|
|
43609
|
+
i0.ɵɵrepeater(data_r33.metrics);
|
|
43252
43610
|
} }
|
|
43253
|
-
function
|
|
43254
|
-
const
|
|
43255
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item",
|
|
43256
|
-
i0.ɵɵlistener("metricClick", function
|
|
43611
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_1_For_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
43612
|
+
const _r34 = i0.ɵɵgetCurrentView();
|
|
43613
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item", 71);
|
|
43614
|
+
i0.ɵɵlistener("metricClick", function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_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
43615
|
i0.ɵɵelementEnd()();
|
|
43258
43616
|
} if (rf & 2) {
|
|
43259
|
-
const
|
|
43260
|
-
const
|
|
43261
|
-
const $
|
|
43617
|
+
const ctx_r34 = i0.ɵɵnextContext();
|
|
43618
|
+
const metric_r36 = ctx_r34.$implicit;
|
|
43619
|
+
const $index_r37 = ctx_r34.$index;
|
|
43262
43620
|
const ctx_r1 = i0.ɵɵnextContext(5);
|
|
43263
43621
|
i0.ɵɵadvance();
|
|
43264
|
-
i0.ɵɵproperty("metric",
|
|
43622
|
+
i0.ɵɵproperty("metric", metric_r36)("isLightMode", ctx_r1.isLightMode())("animationKey", $index_r37);
|
|
43265
43623
|
} }
|
|
43266
|
-
function
|
|
43267
|
-
i0.ɵɵconditionalCreate(0,
|
|
43624
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_1_For_4_Template(rf, ctx) { if (rf & 1) {
|
|
43625
|
+
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_1_For_4_Conditional_0_Template, 2, 3, "div");
|
|
43268
43626
|
} if (rf & 2) {
|
|
43269
|
-
const
|
|
43270
|
-
const
|
|
43271
|
-
i0.ɵɵconditional(
|
|
43627
|
+
const metric_r36 = ctx.$implicit;
|
|
43628
|
+
const data_r33 = i0.ɵɵnextContext(3);
|
|
43629
|
+
i0.ɵɵconditional(data_r33.indirectlyAffectedMetricIds.includes(metric_r36.metric || "") ? 0 : -1);
|
|
43272
43630
|
} }
|
|
43273
|
-
function
|
|
43274
|
-
i0.ɵɵelementStart(0, "div",
|
|
43631
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43632
|
+
i0.ɵɵelementStart(0, "div", 69)(1, "h3", 70);
|
|
43275
43633
|
i0.ɵɵtext(2, " Indirectly Affected Metrics ");
|
|
43276
43634
|
i0.ɵɵelementEnd();
|
|
43277
|
-
i0.ɵɵrepeaterCreate(3,
|
|
43635
|
+
i0.ɵɵrepeaterCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_1_For_4_Template, 1, 1, null, null, _forTrack2$2);
|
|
43278
43636
|
i0.ɵɵelementEnd();
|
|
43279
43637
|
} if (rf & 2) {
|
|
43280
|
-
const
|
|
43638
|
+
const data_r33 = i0.ɵɵnextContext(2);
|
|
43281
43639
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43282
43640
|
i0.ɵɵadvance();
|
|
43283
43641
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
43284
43642
|
i0.ɵɵadvance(2);
|
|
43285
|
-
i0.ɵɵrepeater(
|
|
43643
|
+
i0.ɵɵrepeater(data_r33.metrics);
|
|
43286
43644
|
} }
|
|
43287
|
-
function
|
|
43288
|
-
i0.ɵɵconditionalCreate(0,
|
|
43289
|
-
i0.ɵɵconditionalCreate(1,
|
|
43645
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43646
|
+
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_0_Template, 5, 1, "div", 69);
|
|
43647
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Conditional_1_Template, 5, 1, "div", 69);
|
|
43290
43648
|
} if (rf & 2) {
|
|
43291
|
-
const
|
|
43292
|
-
i0.ɵɵconditional(
|
|
43649
|
+
const data_r33 = i0.ɵɵnextContext();
|
|
43650
|
+
i0.ɵɵconditional(data_r33.directlyAffectedMetricId ? 0 : -1);
|
|
43293
43651
|
i0.ɵɵadvance();
|
|
43294
|
-
i0.ɵɵconditional(
|
|
43652
|
+
i0.ɵɵconditional(data_r33.indirectlyAffectedMetricIds && data_r33.indirectlyAffectedMetricIds.length > 0 ? 1 : -1);
|
|
43295
43653
|
} }
|
|
43296
|
-
function
|
|
43297
|
-
const
|
|
43298
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item",
|
|
43299
|
-
i0.ɵɵlistener("metricClick", function
|
|
43654
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
43655
|
+
const _r38 = i0.ɵɵgetCurrentView();
|
|
43656
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-metric-list-item", 71);
|
|
43657
|
+
i0.ɵɵlistener("metricClick", function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_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
43658
|
i0.ɵɵelementEnd()();
|
|
43301
43659
|
} if (rf & 2) {
|
|
43302
|
-
const
|
|
43303
|
-
const $
|
|
43660
|
+
const metric_r39 = ctx.$implicit;
|
|
43661
|
+
const $index_r40 = ctx.$index;
|
|
43304
43662
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
43305
43663
|
i0.ɵɵadvance();
|
|
43306
|
-
i0.ɵɵproperty("metric",
|
|
43664
|
+
i0.ɵɵproperty("metric", metric_r39)("isLightMode", ctx_r1.isLightMode())("animationKey", $index_r40);
|
|
43307
43665
|
} }
|
|
43308
|
-
function
|
|
43309
|
-
i0.ɵɵrepeaterCreate(0,
|
|
43666
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
43667
|
+
i0.ɵɵrepeaterCreate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_2_For_1_Template, 2, 3, "div", null, _forTrack0$T);
|
|
43310
43668
|
} if (rf & 2) {
|
|
43311
|
-
const
|
|
43312
|
-
i0.ɵɵrepeater(
|
|
43669
|
+
const data_r33 = i0.ɵɵnextContext();
|
|
43670
|
+
i0.ɵɵrepeater(data_r33.metrics);
|
|
43313
43671
|
} }
|
|
43314
|
-
function
|
|
43315
|
-
i0.ɵɵelementStart(0, "div",
|
|
43316
|
-
i0.ɵɵconditionalCreate(1,
|
|
43672
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Template(rf, ctx) { if (rf & 1) {
|
|
43673
|
+
i0.ɵɵelementStart(0, "div", 19);
|
|
43674
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_1_Template, 2, 2)(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Conditional_2_Template, 2, 0);
|
|
43317
43675
|
i0.ɵɵelementEnd();
|
|
43318
43676
|
} if (rf & 2) {
|
|
43319
|
-
const
|
|
43677
|
+
const data_r33 = ctx;
|
|
43320
43678
|
i0.ɵɵadvance();
|
|
43321
|
-
i0.ɵɵconditional(
|
|
43679
|
+
i0.ɵɵconditional(data_r33.recommendationContext && (data_r33.directlyAffectedMetricId || data_r33.indirectlyAffectedMetricIds) ? 1 : 2);
|
|
43322
43680
|
} }
|
|
43323
|
-
function
|
|
43324
|
-
i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card",
|
|
43681
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Template(rf, ctx) { if (rf & 1) {
|
|
43682
|
+
i0.ɵɵelement(0, "symphiq-funnel-analysis-metric-card", 23);
|
|
43325
43683
|
} if (rf & 2) {
|
|
43326
43684
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43327
43685
|
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
43686
|
} }
|
|
43329
|
-
function
|
|
43330
|
-
i0.ɵɵelementStart(0, "p",
|
|
43687
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43688
|
+
i0.ɵɵelementStart(0, "p", 52);
|
|
43331
43689
|
i0.ɵɵtext(1);
|
|
43332
43690
|
i0.ɵɵelementEnd();
|
|
43333
43691
|
} if (rf & 2) {
|
|
43334
|
-
const
|
|
43692
|
+
const data_r41 = i0.ɵɵnextContext();
|
|
43335
43693
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43336
43694
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-700" : "text-slate-300");
|
|
43337
43695
|
i0.ɵɵadvance();
|
|
43338
|
-
i0.ɵɵtextInterpolate(
|
|
43696
|
+
i0.ɵɵtextInterpolate(data_r41.insightContext == null ? null : data_r41.insightContext.description);
|
|
43339
43697
|
} }
|
|
43340
|
-
function
|
|
43341
|
-
const
|
|
43342
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-chart-card",
|
|
43343
|
-
i0.ɵɵlistener("chartClick", function
|
|
43698
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
43699
|
+
const _r42 = i0.ɵɵgetCurrentView();
|
|
43700
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-chart-card", 72);
|
|
43701
|
+
i0.ɵɵlistener("chartClick", function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_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
43702
|
i0.ɵɵelementEnd()();
|
|
43345
43703
|
} if (rf & 2) {
|
|
43346
|
-
const
|
|
43704
|
+
const chart_r43 = ctx.$implicit;
|
|
43347
43705
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
43348
43706
|
i0.ɵɵadvance();
|
|
43349
|
-
i0.ɵɵproperty("chart",
|
|
43707
|
+
i0.ɵɵproperty("chart", chart_r43)("viewMode", ctx_r1.viewMode())("isLightMode", ctx_r1.isLightMode());
|
|
43350
43708
|
} }
|
|
43351
|
-
function
|
|
43352
|
-
i0.ɵɵelementStart(0, "div",
|
|
43353
|
-
i0.ɵɵconditionalCreate(1,
|
|
43354
|
-
i0.ɵɵrepeaterCreate(2,
|
|
43709
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
|
|
43710
|
+
i0.ɵɵelementStart(0, "div", 19);
|
|
43711
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Conditional_1_Template, 2, 2, "p", 52);
|
|
43712
|
+
i0.ɵɵrepeaterCreate(2, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_For_3_Template, 2, 3, "div", null, i0.ɵɵrepeaterTrackByIndex);
|
|
43355
43713
|
i0.ɵɵelementEnd();
|
|
43356
43714
|
} if (rf & 2) {
|
|
43357
|
-
const
|
|
43715
|
+
const data_r41 = ctx;
|
|
43358
43716
|
i0.ɵɵadvance();
|
|
43359
|
-
i0.ɵɵconditional((
|
|
43717
|
+
i0.ɵɵconditional((data_r41.insightContext == null ? null : data_r41.insightContext.description) ? 1 : -1);
|
|
43360
43718
|
i0.ɵɵadvance();
|
|
43361
|
-
i0.ɵɵrepeater(
|
|
43719
|
+
i0.ɵɵrepeater(data_r41.charts);
|
|
43362
43720
|
} }
|
|
43363
|
-
function
|
|
43364
|
-
i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card",
|
|
43721
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Template(rf, ctx) { if (rf & 1) {
|
|
43722
|
+
i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card", 24);
|
|
43365
43723
|
} if (rf & 2) {
|
|
43366
43724
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43367
43725
|
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
43726
|
} }
|
|
43369
|
-
function
|
|
43370
|
-
i0.ɵɵelementStart(0, "p",
|
|
43727
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
43728
|
+
i0.ɵɵelementStart(0, "p", 73);
|
|
43371
43729
|
i0.ɵɵtext(1);
|
|
43372
43730
|
i0.ɵɵelementEnd();
|
|
43373
43731
|
} if (rf & 2) {
|
|
43374
|
-
const
|
|
43732
|
+
const chart_r44 = i0.ɵɵnextContext();
|
|
43375
43733
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43376
43734
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
43377
43735
|
i0.ɵɵadvance();
|
|
43378
|
-
i0.ɵɵtextInterpolate(
|
|
43736
|
+
i0.ɵɵtextInterpolate(chart_r44.description);
|
|
43379
43737
|
} }
|
|
43380
|
-
function
|
|
43381
|
-
i0.ɵɵelement(0, "symphiq-line-chart",
|
|
43738
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_3_Defer_0_Template(rf, ctx) { if (rf & 1) {
|
|
43739
|
+
i0.ɵɵelement(0, "symphiq-line-chart", 75);
|
|
43382
43740
|
} if (rf & 2) {
|
|
43383
|
-
const
|
|
43741
|
+
const chart_r44 = i0.ɵɵnextContext(2);
|
|
43384
43742
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43385
|
-
i0.ɵɵproperty("chart",
|
|
43743
|
+
i0.ɵɵproperty("chart", chart_r44)("showAxisLabels", true)("viewMode", ctx_r1.viewMode());
|
|
43386
43744
|
} }
|
|
43387
|
-
function
|
|
43388
|
-
i0.ɵɵelementStart(0, "div",
|
|
43389
|
-
i0.ɵɵelement(1, "div",
|
|
43745
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_3_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
|
|
43746
|
+
i0.ɵɵelementStart(0, "div", 76);
|
|
43747
|
+
i0.ɵɵelement(1, "div", 77);
|
|
43390
43748
|
i0.ɵɵelementEnd();
|
|
43391
43749
|
} if (rf & 2) {
|
|
43392
43750
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
43393
43751
|
i0.ɵɵadvance();
|
|
43394
43752
|
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
43753
|
} }
|
|
43396
|
-
function
|
|
43397
|
-
i0.ɵɵdomTemplate(0,
|
|
43398
|
-
i0.ɵɵdefer(2, 0,
|
|
43754
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
43755
|
+
i0.ɵɵdomTemplate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_3_Defer_0_Template, 1, 3)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_3_DeferPlaceholder_1_Template, 2, 1);
|
|
43756
|
+
i0.ɵɵdefer(2, 0, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_3_Defer_2_DepsFn, null, 1);
|
|
43399
43757
|
i0.ɵɵdeferOnIdle();
|
|
43400
43758
|
} }
|
|
43401
|
-
function
|
|
43402
|
-
i0.ɵɵelement(0, "symphiq-bar-chart",
|
|
43759
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_4_Defer_0_Template(rf, ctx) { if (rf & 1) {
|
|
43760
|
+
i0.ɵɵelement(0, "symphiq-bar-chart", 75);
|
|
43403
43761
|
} if (rf & 2) {
|
|
43404
|
-
const
|
|
43762
|
+
const chart_r44 = i0.ɵɵnextContext(2);
|
|
43405
43763
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43406
|
-
i0.ɵɵproperty("chart",
|
|
43764
|
+
i0.ɵɵproperty("chart", chart_r44)("showAxisLabels", true)("viewMode", ctx_r1.viewMode());
|
|
43407
43765
|
} }
|
|
43408
|
-
function
|
|
43409
|
-
i0.ɵɵelementStart(0, "div",
|
|
43410
|
-
i0.ɵɵelement(1, "div",
|
|
43766
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_4_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
|
|
43767
|
+
i0.ɵɵelementStart(0, "div", 76);
|
|
43768
|
+
i0.ɵɵelement(1, "div", 77);
|
|
43411
43769
|
i0.ɵɵelementEnd();
|
|
43412
43770
|
} if (rf & 2) {
|
|
43413
43771
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
43414
43772
|
i0.ɵɵadvance();
|
|
43415
43773
|
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
43774
|
} }
|
|
43417
|
-
function
|
|
43418
|
-
i0.ɵɵdomTemplate(0,
|
|
43419
|
-
i0.ɵɵdefer(2, 0,
|
|
43775
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
43776
|
+
i0.ɵɵdomTemplate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_4_Defer_0_Template, 1, 3)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_4_DeferPlaceholder_1_Template, 2, 1);
|
|
43777
|
+
i0.ɵɵdefer(2, 0, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_4_Defer_2_DepsFn, null, 1);
|
|
43420
43778
|
i0.ɵɵdeferOnIdle();
|
|
43421
43779
|
} }
|
|
43422
|
-
function
|
|
43423
|
-
i0.ɵɵelement(0, "symphiq-pie-chart",
|
|
43780
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_5_Defer_0_Template(rf, ctx) { if (rf & 1) {
|
|
43781
|
+
i0.ɵɵelement(0, "symphiq-pie-chart", 75);
|
|
43424
43782
|
} if (rf & 2) {
|
|
43425
|
-
const
|
|
43783
|
+
const chart_r44 = i0.ɵɵnextContext(2);
|
|
43426
43784
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43427
|
-
i0.ɵɵproperty("chart",
|
|
43785
|
+
i0.ɵɵproperty("chart", chart_r44)("showAxisLabels", true)("viewMode", ctx_r1.viewMode());
|
|
43428
43786
|
} }
|
|
43429
|
-
function
|
|
43430
|
-
i0.ɵɵelementStart(0, "div",
|
|
43431
|
-
i0.ɵɵelement(1, "div",
|
|
43787
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_5_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
|
|
43788
|
+
i0.ɵɵelementStart(0, "div", 76);
|
|
43789
|
+
i0.ɵɵelement(1, "div", 77);
|
|
43432
43790
|
i0.ɵɵelementEnd();
|
|
43433
43791
|
} if (rf & 2) {
|
|
43434
43792
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
43435
43793
|
i0.ɵɵadvance();
|
|
43436
43794
|
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
43795
|
} }
|
|
43438
|
-
function
|
|
43439
|
-
i0.ɵɵdomTemplate(0,
|
|
43440
|
-
i0.ɵɵdefer(2, 0,
|
|
43796
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
43797
|
+
i0.ɵɵdomTemplate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_5_Defer_0_Template, 1, 3)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_5_DeferPlaceholder_1_Template, 2, 1);
|
|
43798
|
+
i0.ɵɵdefer(2, 0, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_5_Defer_2_DepsFn, null, 1);
|
|
43441
43799
|
i0.ɵɵdeferOnIdle();
|
|
43442
43800
|
} }
|
|
43443
|
-
function
|
|
43444
|
-
i0.ɵɵelement(0, "symphiq-area-chart",
|
|
43801
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_6_Defer_0_Template(rf, ctx) { if (rf & 1) {
|
|
43802
|
+
i0.ɵɵelement(0, "symphiq-area-chart", 75);
|
|
43445
43803
|
} if (rf & 2) {
|
|
43446
|
-
const
|
|
43804
|
+
const chart_r44 = i0.ɵɵnextContext(2);
|
|
43447
43805
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43448
|
-
i0.ɵɵproperty("chart",
|
|
43806
|
+
i0.ɵɵproperty("chart", chart_r44)("showAxisLabels", true)("viewMode", ctx_r1.viewMode());
|
|
43449
43807
|
} }
|
|
43450
|
-
function
|
|
43451
|
-
i0.ɵɵelementStart(0, "div",
|
|
43452
|
-
i0.ɵɵelement(1, "div",
|
|
43808
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_6_DeferPlaceholder_1_Template(rf, ctx) { if (rf & 1) {
|
|
43809
|
+
i0.ɵɵelementStart(0, "div", 76);
|
|
43810
|
+
i0.ɵɵelement(1, "div", 77);
|
|
43453
43811
|
i0.ɵɵelementEnd();
|
|
43454
43812
|
} if (rf & 2) {
|
|
43455
43813
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
43456
43814
|
i0.ɵɵadvance();
|
|
43457
43815
|
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
43816
|
} }
|
|
43459
|
-
function
|
|
43460
|
-
i0.ɵɵdomTemplate(0,
|
|
43461
|
-
i0.ɵɵdefer(2, 0,
|
|
43817
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
43818
|
+
i0.ɵɵdomTemplate(0, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_6_Defer_0_Template, 1, 3)(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_6_DeferPlaceholder_1_Template, 2, 1);
|
|
43819
|
+
i0.ɵɵdefer(2, 0, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_6_Defer_2_DepsFn, null, 1);
|
|
43462
43820
|
i0.ɵɵdeferOnIdle();
|
|
43463
43821
|
} }
|
|
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,
|
|
43822
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
43823
|
+
i0.ɵɵelementStart(0, "div", 25);
|
|
43824
|
+
i0.ɵɵconditionalCreate(1, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_1_Template, 2, 2, "p", 73);
|
|
43825
|
+
i0.ɵɵelementStart(2, "div", 74);
|
|
43826
|
+
i0.ɵɵconditionalCreate(3, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_3_Template, 4, 0);
|
|
43827
|
+
i0.ɵɵconditionalCreate(4, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_4_Template, 4, 0);
|
|
43828
|
+
i0.ɵɵconditionalCreate(5, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_5_Template, 4, 0);
|
|
43829
|
+
i0.ɵɵconditionalCreate(6, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Conditional_6_Template, 4, 0);
|
|
43472
43830
|
i0.ɵɵelementEnd()();
|
|
43473
43831
|
} if (rf & 2) {
|
|
43474
|
-
const
|
|
43832
|
+
const chart_r44 = ctx;
|
|
43475
43833
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43476
43834
|
i0.ɵɵproperty("@fadeIn", undefined);
|
|
43477
43835
|
i0.ɵɵadvance();
|
|
43478
|
-
i0.ɵɵconditional(
|
|
43836
|
+
i0.ɵɵconditional(chart_r44.description ? 1 : -1);
|
|
43479
43837
|
i0.ɵɵadvance(2);
|
|
43480
|
-
i0.ɵɵconditional(
|
|
43838
|
+
i0.ɵɵconditional(chart_r44.chartType === ctx_r1.ChartTypeEnum.LINE && chart_r44.lineChartData ? 3 : -1);
|
|
43481
43839
|
i0.ɵɵadvance();
|
|
43482
|
-
i0.ɵɵconditional(
|
|
43840
|
+
i0.ɵɵconditional(chart_r44.chartType === ctx_r1.ChartTypeEnum.BAR && chart_r44.barChartData ? 4 : -1);
|
|
43483
43841
|
i0.ɵɵadvance();
|
|
43484
|
-
i0.ɵɵconditional(
|
|
43842
|
+
i0.ɵɵconditional(chart_r44.chartType === ctx_r1.ChartTypeEnum.PIE && chart_r44.pieChartData ? 5 : -1);
|
|
43485
43843
|
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);
|
|
43844
|
+
i0.ɵɵconditional(chart_r44.chartType === ctx_r1.ChartTypeEnum.AREA && chart_r44.areaChartData ? 6 : -1);
|
|
43493
43845
|
} }
|
|
43494
43846
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Template(rf, ctx) { if (rf & 1) {
|
|
43495
|
-
i0.ɵɵelement(0, "symphiq-
|
|
43847
|
+
i0.ɵɵelement(0, "symphiq-key-strengths-list-modal-content", 26);
|
|
43496
43848
|
} if (rf & 2) {
|
|
43497
43849
|
const data_r45 = ctx;
|
|
43498
|
-
i0.ɵɵproperty("
|
|
43850
|
+
i0.ɵɵproperty("keyStrengths", data_r45.keyStrengths)("viewMode", data_r45.viewMode)("@fadeIn", undefined);
|
|
43499
43851
|
} }
|
|
43500
43852
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Template(rf, ctx) { if (rf & 1) {
|
|
43501
|
-
i0.ɵɵelement(0, "symphiq-
|
|
43853
|
+
i0.ɵɵelement(0, "symphiq-critical-gaps-list-modal-content", 27);
|
|
43502
43854
|
} if (rf & 2) {
|
|
43503
43855
|
const data_r46 = ctx;
|
|
43504
|
-
i0.ɵɵproperty("
|
|
43856
|
+
i0.ɵɵproperty("criticalGaps", data_r46.criticalGaps)("viewMode", data_r46.viewMode)("@fadeIn", undefined);
|
|
43505
43857
|
} }
|
|
43506
43858
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_32_Template(rf, ctx) { if (rf & 1) {
|
|
43507
|
-
i0.ɵɵelement(0, "symphiq-
|
|
43859
|
+
i0.ɵɵelement(0, "symphiq-key-strength-detail-modal-content", 28);
|
|
43508
43860
|
} if (rf & 2) {
|
|
43509
43861
|
const data_r47 = ctx;
|
|
43510
|
-
i0.ɵɵproperty("
|
|
43862
|
+
i0.ɵɵproperty("strength", data_r47.strength)("viewMode", data_r47.viewMode)("@fadeIn", undefined);
|
|
43511
43863
|
} }
|
|
43512
43864
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_33_Template(rf, ctx) { if (rf & 1) {
|
|
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();
|
|
43865
|
+
i0.ɵɵelement(0, "symphiq-critical-gap-detail-modal-content", 29);
|
|
43517
43866
|
} if (rf & 2) {
|
|
43518
|
-
const
|
|
43519
|
-
i0.ɵɵproperty("
|
|
43867
|
+
const data_r48 = ctx;
|
|
43868
|
+
i0.ɵɵproperty("gap", data_r48.gap)("viewMode", data_r48.viewMode)("@fadeIn", undefined);
|
|
43520
43869
|
} }
|
|
43521
43870
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_34_Template(rf, ctx) { if (rf & 1) {
|
|
43522
|
-
i0.ɵɵ
|
|
43871
|
+
const _r49 = i0.ɵɵgetCurrentView();
|
|
43872
|
+
i0.ɵɵelementStart(0, "symphiq-top-priorities-list-modal-content", 78);
|
|
43873
|
+
i0.ɵɵlistener("priorityClick", function ProfileAnalysisModalComponent_Conditional_0_Conditional_34_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)); });
|
|
43874
|
+
i0.ɵɵelementEnd();
|
|
43523
43875
|
} if (rf & 2) {
|
|
43524
43876
|
const data_r50 = ctx;
|
|
43525
|
-
i0.ɵɵproperty("
|
|
43877
|
+
i0.ɵɵproperty("priorities", data_r50.priorities)("viewMode", data_r50.viewMode)("focusAreaName", data_r50.focusAreaName)("@fadeIn", undefined);
|
|
43526
43878
|
} }
|
|
43527
43879
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_35_Template(rf, ctx) { if (rf & 1) {
|
|
43528
|
-
i0.ɵɵelement(0, "symphiq-
|
|
43880
|
+
i0.ɵɵelement(0, "symphiq-top-priority-detail-modal-content", 31);
|
|
43529
43881
|
} if (rf & 2) {
|
|
43530
43882
|
const data_r51 = ctx;
|
|
43531
|
-
i0.ɵɵproperty("
|
|
43883
|
+
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
43884
|
} }
|
|
43533
43885
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_36_Template(rf, ctx) { if (rf & 1) {
|
|
43534
|
-
i0.ɵɵelement(0, "symphiq-focus-area-
|
|
43886
|
+
i0.ɵɵelement(0, "symphiq-focus-area-strengths-list-modal-content", 32);
|
|
43535
43887
|
} if (rf & 2) {
|
|
43536
43888
|
const data_r52 = ctx;
|
|
43537
|
-
i0.ɵɵproperty("
|
|
43889
|
+
i0.ɵɵproperty("strengths", data_r52.strengths)("viewMode", data_r52.viewMode)("categoryTitle", data_r52.categoryTitle)("@fadeIn", undefined);
|
|
43538
43890
|
} }
|
|
43539
43891
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_37_Template(rf, ctx) { if (rf & 1) {
|
|
43540
|
-
i0.ɵɵelement(0, "symphiq-focus-area-
|
|
43892
|
+
i0.ɵɵelement(0, "symphiq-focus-area-gaps-list-modal-content", 33);
|
|
43541
43893
|
} if (rf & 2) {
|
|
43542
43894
|
const data_r53 = ctx;
|
|
43543
|
-
i0.ɵɵproperty("
|
|
43895
|
+
i0.ɵɵproperty("gaps", data_r53.gaps)("viewMode", data_r53.viewMode)("categoryTitle", data_r53.categoryTitle)("@fadeIn", undefined);
|
|
43544
43896
|
} }
|
|
43545
43897
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_38_Template(rf, ctx) { if (rf & 1) {
|
|
43546
|
-
i0.ɵɵelement(0, "symphiq-focus-area-
|
|
43898
|
+
i0.ɵɵelement(0, "symphiq-focus-area-opportunities-list-modal-content", 34);
|
|
43547
43899
|
} if (rf & 2) {
|
|
43548
43900
|
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);
|
|
43901
|
+
i0.ɵɵproperty("opportunities", data_r54.opportunities)("viewMode", data_r54.viewMode)("categoryTitle", data_r54.categoryTitle)("@fadeIn", undefined);
|
|
43551
43902
|
} }
|
|
43552
43903
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
|
|
43553
|
-
i0.ɵɵelement(0, "symphiq-focus-area-
|
|
43904
|
+
i0.ɵɵelement(0, "symphiq-focus-area-strength-detail-modal-content", 35);
|
|
43554
43905
|
} if (rf & 2) {
|
|
43555
43906
|
const data_r55 = ctx;
|
|
43556
43907
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43557
|
-
i0.ɵɵproperty("
|
|
43908
|
+
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
43909
|
} }
|
|
43559
43910
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_40_Template(rf, ctx) { if (rf & 1) {
|
|
43560
|
-
i0.ɵɵelement(0, "symphiq-focus-area-
|
|
43911
|
+
i0.ɵɵelement(0, "symphiq-focus-area-gap-detail-modal-content", 36);
|
|
43561
43912
|
} if (rf & 2) {
|
|
43562
43913
|
const data_r56 = ctx;
|
|
43563
43914
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43564
|
-
i0.ɵɵproperty("
|
|
43915
|
+
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
43916
|
} }
|
|
43566
43917
|
function ProfileAnalysisModalComponent_Conditional_0_Conditional_41_Template(rf, ctx) { if (rf & 1) {
|
|
43918
|
+
i0.ɵɵelement(0, "symphiq-focus-area-opportunity-detail-modal-content", 37);
|
|
43919
|
+
} if (rf & 2) {
|
|
43920
|
+
const data_r57 = ctx;
|
|
43921
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
43922
|
+
i0.ɵɵproperty("opportunity", data_r57.opportunity)("viewMode", data_r57.viewMode)("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("currentModalState", ctx_r1.getCurrentModalState())("@fadeIn", undefined);
|
|
43923
|
+
} }
|
|
43924
|
+
function ProfileAnalysisModalComponent_Conditional_0_Conditional_42_Template(rf, ctx) { if (rf & 1) {
|
|
43567
43925
|
i0.ɵɵprojection(0);
|
|
43568
43926
|
} }
|
|
43569
43927
|
function ProfileAnalysisModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -43588,7 +43946,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Template(rf, ctx) { if (rf
|
|
|
43588
43946
|
i0.ɵɵelementEnd()()()();
|
|
43589
43947
|
i0.ɵɵnamespaceHTML();
|
|
43590
43948
|
i0.ɵɵelementStart(15, "div", 16, 1);
|
|
43591
|
-
i0.ɵɵconditionalCreate(17, ProfileAnalysisModalComponent_Conditional_0_Conditional_17_Template, 1, 7, "symphiq-goal-detail-modal-content", 17)(18, ProfileAnalysisModalComponent_Conditional_0_Conditional_18_Template,
|
|
43949
|
+
i0.ɵɵconditionalCreate(17, ProfileAnalysisModalComponent_Conditional_0_Conditional_17_Template, 1, 7, "symphiq-goal-detail-modal-content", 17)(18, ProfileAnalysisModalComponent_Conditional_0_Conditional_18_Template, 1, 5, "symphiq-goal-objectives-modal-content", 18)(19, ProfileAnalysisModalComponent_Conditional_0_Conditional_19_Template, 4, 1, "div", 19)(20, ProfileAnalysisModalComponent_Conditional_0_Conditional_20_Template, 4, 1, "div", 19)(21, ProfileAnalysisModalComponent_Conditional_0_Conditional_21_Template, 4, 1, "div", 20)(22, ProfileAnalysisModalComponent_Conditional_0_Conditional_22_Template, 4, 1, "div", 20)(23, ProfileAnalysisModalComponent_Conditional_0_Conditional_23_Template, 1, 15, "symphiq-recommendation-card", 21)(24, ProfileAnalysisModalComponent_Conditional_0_Conditional_24_Template, 1, 6, "symphiq-item-detail-modal", 22)(25, ProfileAnalysisModalComponent_Conditional_0_Conditional_25_Template, 3, 1, "div", 19)(26, ProfileAnalysisModalComponent_Conditional_0_Conditional_26_Template, 1, 8, "symphiq-funnel-analysis-metric-card", 23)(27, ProfileAnalysisModalComponent_Conditional_0_Conditional_27_Template, 4, 1, "div", 19)(28, ProfileAnalysisModalComponent_Conditional_0_Conditional_28_Template, 1, 11, "symphiq-funnel-analysis-insight-card", 24)(29, ProfileAnalysisModalComponent_Conditional_0_Conditional_29_Template, 7, 6, "div", 25)(30, ProfileAnalysisModalComponent_Conditional_0_Conditional_30_Template, 1, 3, "symphiq-key-strengths-list-modal-content", 26)(31, ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Template, 1, 3, "symphiq-critical-gaps-list-modal-content", 27)(32, ProfileAnalysisModalComponent_Conditional_0_Conditional_32_Template, 1, 3, "symphiq-key-strength-detail-modal-content", 28)(33, ProfileAnalysisModalComponent_Conditional_0_Conditional_33_Template, 1, 3, "symphiq-critical-gap-detail-modal-content", 29)(34, ProfileAnalysisModalComponent_Conditional_0_Conditional_34_Template, 1, 4, "symphiq-top-priorities-list-modal-content", 30)(35, ProfileAnalysisModalComponent_Conditional_0_Conditional_35_Template, 1, 6, "symphiq-top-priority-detail-modal-content", 31)(36, ProfileAnalysisModalComponent_Conditional_0_Conditional_36_Template, 1, 4, "symphiq-focus-area-strengths-list-modal-content", 32)(37, ProfileAnalysisModalComponent_Conditional_0_Conditional_37_Template, 1, 4, "symphiq-focus-area-gaps-list-modal-content", 33)(38, ProfileAnalysisModalComponent_Conditional_0_Conditional_38_Template, 1, 4, "symphiq-focus-area-opportunities-list-modal-content", 34)(39, ProfileAnalysisModalComponent_Conditional_0_Conditional_39_Template, 1, 6, "symphiq-focus-area-strength-detail-modal-content", 35)(40, ProfileAnalysisModalComponent_Conditional_0_Conditional_40_Template, 1, 6, "symphiq-focus-area-gap-detail-modal-content", 36)(41, ProfileAnalysisModalComponent_Conditional_0_Conditional_41_Template, 1, 6, "symphiq-focus-area-opportunity-detail-modal-content", 37)(42, ProfileAnalysisModalComponent_Conditional_0_Conditional_42_Template, 1, 0);
|
|
43592
43950
|
i0.ɵɵelementEnd()()();
|
|
43593
43951
|
} if (rf & 2) {
|
|
43594
43952
|
let tmp_17_0;
|
|
@@ -43619,7 +43977,7 @@ function ProfileAnalysisModalComponent_Conditional_0_Template(rf, ctx) { if (rf
|
|
|
43619
43977
|
i0.ɵɵadvance(3);
|
|
43620
43978
|
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-white/30" : "bg-slate-800/30");
|
|
43621
43979
|
i0.ɵɵadvance(2);
|
|
43622
|
-
i0.ɵɵconditional((tmp_20_0 = ctx_r1.modalType() === "goal-detail" && ctx_r1.getGoalDetailData()) ? 17 : (tmp_20_0 = ctx_r1.modalType() === "goal-insights-list" && ctx_r1.getInsightsListData()) ?
|
|
43980
|
+
i0.ɵɵconditional((tmp_20_0 = ctx_r1.modalType() === "goal-detail" && ctx_r1.getGoalDetailData()) ? 17 : (tmp_20_0 = ctx_r1.modalType() === "goal-objectives" && ctx_r1.getGoalObjectivesData()) ? 18 : (tmp_20_0 = ctx_r1.modalType() === "goal-insights-list" && ctx_r1.getInsightsListData()) ? 19 : (tmp_20_0 = ctx_r1.modalType() === "recommendation-insights-list" && ctx_r1.getRecommendationInsightsListData()) ? 20 : (tmp_20_0 = ctx_r1.modalType() === "goal-business-insights-list" && ctx_r1.getBusinessInsightsListData()) ? 21 : (tmp_20_0 = ctx_r1.modalType() === "recommendation-business-insights-list" && ctx_r1.getRecommendationBusinessInsightsListData()) ? 22 : (tmp_20_0 = ctx_r1.modalType() === "business-insight-detail" && ctx_r1.getBusinessInsightDetailData()) ? 23 : (tmp_20_0 = ctx_r1.modalType() === "item-detail" && ctx_r1.itemDetailData()) ? 24 : (tmp_20_0 = ctx_r1.modalType() === "metrics-list" && ctx_r1.getMetricsListData()) ? 25 : (tmp_20_0 = ctx_r1.modalType() === "metric" && ctx_r1.getMetricData()) ? 26 : (tmp_20_0 = ctx_r1.modalType() === "charts-list" && ctx_r1.getChartsListData()) ? 27 : (tmp_20_0 = ctx_r1.modalType() === "insight" && ctx_r1.getInsightData()) ? 28 : (tmp_20_0 = ctx_r1.modalType() === "chart" && ctx_r1.getChartData()) ? 29 : (tmp_20_0 = ctx_r1.modalType() === "key-strengths-list" && ctx_r1.getKeyStrengthsListData()) ? 30 : (tmp_20_0 = ctx_r1.modalType() === "critical-gaps-list" && ctx_r1.getCriticalGapsListData()) ? 31 : (tmp_20_0 = ctx_r1.modalType() === "key-strength-detail" && ctx_r1.getKeyStrengthDetailData()) ? 32 : (tmp_20_0 = ctx_r1.modalType() === "critical-gap-detail" && ctx_r1.getCriticalGapDetailData()) ? 33 : (tmp_20_0 = ctx_r1.modalType() === "top-priorities-list" && ctx_r1.getTopPrioritiesListData()) ? 34 : (tmp_20_0 = ctx_r1.modalType() === "top-priority-detail" && ctx_r1.getTopPriorityDetailData()) ? 35 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-strengths-list" && ctx_r1.getFocusAreaStrengthsListData()) ? 36 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-gaps-list" && ctx_r1.getFocusAreaGapsListData()) ? 37 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-opportunities-list" && ctx_r1.getFocusAreaOpportunitiesListData()) ? 38 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-strength-detail" && ctx_r1.getFocusAreaStrengthDetailData()) ? 39 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-gap-detail" && ctx_r1.getFocusAreaGapDetailData()) ? 40 : (tmp_20_0 = ctx_r1.modalType() === "focus-area-opportunity-detail" && ctx_r1.getFocusAreaOpportunityDetailData()) ? 41 : 42, tmp_20_0);
|
|
43623
43981
|
} }
|
|
43624
43982
|
class ProfileAnalysisModalComponent {
|
|
43625
43983
|
constructor() {
|
|
@@ -43660,6 +44018,7 @@ class ProfileAnalysisModalComponent {
|
|
|
43660
44018
|
this.hostElement = inject(ElementRef);
|
|
43661
44019
|
this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
|
|
43662
44020
|
this.modalReady = signal(false, ...(ngDevMode ? [{ debugName: "modalReady" }] : []));
|
|
44021
|
+
this.isFreshOpen = signal(false, ...(ngDevMode ? [{ debugName: "isFreshOpen" }] : []));
|
|
43663
44022
|
this.modalMovedToBody = false;
|
|
43664
44023
|
this.modalType = signal(null, ...(ngDevMode ? [{ debugName: "modalType" }] : []));
|
|
43665
44024
|
this.modalTitle = signal('', ...(ngDevMode ? [{ debugName: "modalTitle" }] : []));
|
|
@@ -44307,23 +44666,18 @@ class ProfileAnalysisModalComponent {
|
|
|
44307
44666
|
return this.modalService['modalState'].value;
|
|
44308
44667
|
}, ...(ngDevMode ? [{ debugName: "getCurrentModalState" }] : []));
|
|
44309
44668
|
effect(() => {
|
|
44310
|
-
const
|
|
44311
|
-
if (
|
|
44669
|
+
const freshOpen = this.isFreshOpen();
|
|
44670
|
+
if (freshOpen) {
|
|
44312
44671
|
this.modalReady.set(false);
|
|
44313
44672
|
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
44673
|
setTimeout(() => {
|
|
44322
44674
|
this.moveModalToBody();
|
|
44323
44675
|
this.modalReady.set(true);
|
|
44676
|
+
this.isFreshOpen.set(false);
|
|
44324
44677
|
}, 0);
|
|
44325
44678
|
}
|
|
44326
|
-
|
|
44679
|
+
const open = this.isOpen();
|
|
44680
|
+
if (!open) {
|
|
44327
44681
|
this.modalReady.set(false);
|
|
44328
44682
|
this.returnModalToHost();
|
|
44329
44683
|
}
|
|
@@ -44373,7 +44727,6 @@ class ProfileAnalysisModalComponent {
|
|
|
44373
44727
|
// These should be handled by UnifiedDashboardModalComponent
|
|
44374
44728
|
const unifiedDashboardOwnedTypes = ['unified-goal-detail', 'unified-goal-objectives', 'unified-goal-related-metrics'];
|
|
44375
44729
|
if (unifiedDashboardOwnedTypes.includes(state.type || '')) {
|
|
44376
|
-
console.log('[ProfileAnalysisModal] Closing - unified dashboard type detected:', state.type);
|
|
44377
44730
|
this.isOpen.set(false);
|
|
44378
44731
|
setTimeout(() => {
|
|
44379
44732
|
this.modalData.set(null);
|
|
@@ -44391,7 +44744,6 @@ class ProfileAnalysisModalComponent {
|
|
|
44391
44744
|
const isFromUnifiedFlow = state.previousState?.type?.startsWith('unified-goal-') ||
|
|
44392
44745
|
state.navigationStack?.some(s => s.type?.startsWith('unified-goal-'));
|
|
44393
44746
|
if (isFromUnifiedFlow) {
|
|
44394
|
-
console.log('[ProfileAnalysisModal] Closing - unified flow detected for:', state.type);
|
|
44395
44747
|
this.isOpen.set(false);
|
|
44396
44748
|
setTimeout(() => {
|
|
44397
44749
|
this.modalData.set(null);
|
|
@@ -44408,15 +44760,17 @@ class ProfileAnalysisModalComponent {
|
|
|
44408
44760
|
this.modalData.set(data);
|
|
44409
44761
|
this.modalTitle.set(data.goal.title || 'Goal');
|
|
44410
44762
|
this.modalType.set('goal-detail');
|
|
44411
|
-
this.
|
|
44412
|
-
|
|
44763
|
+
this.openModalFresh();
|
|
44764
|
+
const stack = state.navigationStack || [];
|
|
44765
|
+
console.log('[ProfileAnalysisModal] goal-detail opened, navigationStack:', stack.length, 'items', stack.map(s => s.type));
|
|
44766
|
+
this.navigationStack.set(stack);
|
|
44413
44767
|
}
|
|
44414
44768
|
else if (state.type === 'goal-objectives' && state.data) {
|
|
44415
44769
|
const data = state.data;
|
|
44416
44770
|
this.modalData.set(data);
|
|
44417
44771
|
this.modalTitle.set(data.goal.title || 'Goal');
|
|
44418
44772
|
this.modalType.set('goal-objectives');
|
|
44419
|
-
this.
|
|
44773
|
+
this.openModalFresh();
|
|
44420
44774
|
const stack = state.navigationStack || [];
|
|
44421
44775
|
this.navigationStack.set(stack);
|
|
44422
44776
|
}
|
|
@@ -44425,7 +44779,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44425
44779
|
this.modalData.set(data);
|
|
44426
44780
|
this.modalTitle.set(data.objective.title || 'Objective');
|
|
44427
44781
|
this.modalType.set('objective-strategies');
|
|
44428
|
-
this.
|
|
44782
|
+
this.openModalFresh();
|
|
44429
44783
|
const stack = state.navigationStack || [];
|
|
44430
44784
|
this.navigationStack.set(stack);
|
|
44431
44785
|
}
|
|
@@ -44434,7 +44788,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44434
44788
|
this.modalData.set(data);
|
|
44435
44789
|
this.modalTitle.set(data.strategy.title || 'Strategy');
|
|
44436
44790
|
this.modalType.set('strategy-recommendations');
|
|
44437
|
-
this.
|
|
44791
|
+
this.openModalFresh();
|
|
44438
44792
|
const stack = state.navigationStack || [];
|
|
44439
44793
|
this.navigationStack.set(stack);
|
|
44440
44794
|
}
|
|
@@ -44443,7 +44797,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44443
44797
|
this.modalData.set(data);
|
|
44444
44798
|
this.modalTitle.set(data.category.title || 'Category Details');
|
|
44445
44799
|
this.modalType.set('category-detail');
|
|
44446
|
-
this.
|
|
44800
|
+
this.openModalFresh();
|
|
44447
44801
|
this.navigationStack.set([]);
|
|
44448
44802
|
}
|
|
44449
44803
|
else if (state.type === 'strength-detail' && state.data) {
|
|
@@ -44451,7 +44805,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44451
44805
|
this.modalData.set(data);
|
|
44452
44806
|
this.modalTitle.set(data.strength.capability || 'Strength Details');
|
|
44453
44807
|
this.modalType.set('strength-detail');
|
|
44454
|
-
this.
|
|
44808
|
+
this.openModalFresh();
|
|
44455
44809
|
const stack = state.navigationStack || [];
|
|
44456
44810
|
this.navigationStack.set(stack);
|
|
44457
44811
|
}
|
|
@@ -44460,7 +44814,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44460
44814
|
this.modalData.set(data);
|
|
44461
44815
|
this.modalTitle.set(data.gap.capability || 'Gap Details');
|
|
44462
44816
|
this.modalType.set('gap-detail');
|
|
44463
|
-
this.
|
|
44817
|
+
this.openModalFresh();
|
|
44464
44818
|
const stack = state.navigationStack || [];
|
|
44465
44819
|
this.navigationStack.set(stack);
|
|
44466
44820
|
}
|
|
@@ -44469,7 +44823,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44469
44823
|
this.modalData.set(data);
|
|
44470
44824
|
this.modalTitle.set(data.opportunity.opportunity || 'Opportunity Details');
|
|
44471
44825
|
this.modalType.set('opportunity-detail');
|
|
44472
|
-
this.
|
|
44826
|
+
this.openModalFresh();
|
|
44473
44827
|
const stack = state.navigationStack || [];
|
|
44474
44828
|
this.navigationStack.set(stack);
|
|
44475
44829
|
}
|
|
@@ -44478,7 +44832,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44478
44832
|
this.modalData.set(data);
|
|
44479
44833
|
this.modalTitle.set(`Related Insights for ${data.goalContext.title}`);
|
|
44480
44834
|
this.modalType.set('goal-insights-list');
|
|
44481
|
-
this.
|
|
44835
|
+
this.openModalFresh();
|
|
44482
44836
|
const stack = state.navigationStack || [];
|
|
44483
44837
|
this.navigationStack.set(stack);
|
|
44484
44838
|
this.currentCharts.set(state.charts || []);
|
|
@@ -44488,7 +44842,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44488
44842
|
this.modalData.set(data);
|
|
44489
44843
|
this.modalTitle.set(`Related Insights for ${data.recommendationContext.title}`);
|
|
44490
44844
|
this.modalType.set('recommendation-insights-list');
|
|
44491
|
-
this.
|
|
44845
|
+
this.openModalFresh();
|
|
44492
44846
|
const stack = state.navigationStack || [];
|
|
44493
44847
|
this.navigationStack.set(stack);
|
|
44494
44848
|
this.currentCharts.set(state.charts || []);
|
|
@@ -44498,7 +44852,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44498
44852
|
this.modalData.set(data);
|
|
44499
44853
|
this.modalTitle.set(`Related Business Insights For ${data.recommendationContext.title}`);
|
|
44500
44854
|
this.modalType.set('recommendation-business-insights-list');
|
|
44501
|
-
this.
|
|
44855
|
+
this.openModalFresh();
|
|
44502
44856
|
const stack = state.navigationStack || [];
|
|
44503
44857
|
this.navigationStack.set(stack);
|
|
44504
44858
|
this.currentCharts.set([]);
|
|
@@ -44508,7 +44862,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44508
44862
|
this.modalData.set(data);
|
|
44509
44863
|
this.modalTitle.set(`Related Business Insights For ${data.goalContext.title}`);
|
|
44510
44864
|
this.modalType.set('goal-business-insights-list');
|
|
44511
|
-
this.
|
|
44865
|
+
this.openModalFresh();
|
|
44512
44866
|
const stack = state.navigationStack || [];
|
|
44513
44867
|
this.navigationStack.set(stack);
|
|
44514
44868
|
this.currentCharts.set([]);
|
|
@@ -44518,7 +44872,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44518
44872
|
this.modalData.set(data);
|
|
44519
44873
|
this.modalTitle.set(data.recommendation.title || data.recommendation.description || 'Business Insight');
|
|
44520
44874
|
this.modalType.set('business-insight-detail');
|
|
44521
|
-
this.
|
|
44875
|
+
this.openModalFresh();
|
|
44522
44876
|
const stack = state.navigationStack || [];
|
|
44523
44877
|
this.navigationStack.set(stack);
|
|
44524
44878
|
this.currentCharts.set([]);
|
|
@@ -44528,7 +44882,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44528
44882
|
this.modalData.set(data);
|
|
44529
44883
|
this.modalTitle.set('Key Strengths');
|
|
44530
44884
|
this.modalType.set('key-strengths-list');
|
|
44531
|
-
this.
|
|
44885
|
+
this.openModalFresh();
|
|
44532
44886
|
this.navigationStack.set([]);
|
|
44533
44887
|
this.currentCharts.set([]);
|
|
44534
44888
|
}
|
|
@@ -44537,7 +44891,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44537
44891
|
this.modalData.set(data);
|
|
44538
44892
|
this.modalTitle.set('Critical Gaps');
|
|
44539
44893
|
this.modalType.set('critical-gaps-list');
|
|
44540
|
-
this.
|
|
44894
|
+
this.openModalFresh();
|
|
44541
44895
|
this.navigationStack.set([]);
|
|
44542
44896
|
this.currentCharts.set([]);
|
|
44543
44897
|
}
|
|
@@ -44546,7 +44900,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44546
44900
|
this.modalData.set(data);
|
|
44547
44901
|
this.modalTitle.set(data.strength.area || 'Strength Details');
|
|
44548
44902
|
this.modalType.set('key-strength-detail');
|
|
44549
|
-
this.
|
|
44903
|
+
this.openModalFresh();
|
|
44550
44904
|
const stack = state.navigationStack || [];
|
|
44551
44905
|
this.navigationStack.set(stack);
|
|
44552
44906
|
this.currentCharts.set([]);
|
|
@@ -44556,7 +44910,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44556
44910
|
this.modalData.set(data);
|
|
44557
44911
|
this.modalTitle.set(data.gap.area || 'Gap Details');
|
|
44558
44912
|
this.modalType.set('critical-gap-detail');
|
|
44559
|
-
this.
|
|
44913
|
+
this.openModalFresh();
|
|
44560
44914
|
const stack = state.navigationStack || [];
|
|
44561
44915
|
this.navigationStack.set(stack);
|
|
44562
44916
|
this.currentCharts.set([]);
|
|
@@ -44566,7 +44920,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44566
44920
|
this.modalData.set(data);
|
|
44567
44921
|
this.modalTitle.set('Top Priorities');
|
|
44568
44922
|
this.modalType.set('top-priorities-list');
|
|
44569
|
-
this.
|
|
44923
|
+
this.openModalFresh();
|
|
44570
44924
|
this.navigationStack.set([]);
|
|
44571
44925
|
this.currentCharts.set([]);
|
|
44572
44926
|
}
|
|
@@ -44575,7 +44929,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44575
44929
|
this.modalData.set(data);
|
|
44576
44930
|
this.modalTitle.set(data.priority.priority || 'Priority Details');
|
|
44577
44931
|
this.modalType.set('top-priority-detail');
|
|
44578
|
-
this.
|
|
44932
|
+
this.openModalFresh();
|
|
44579
44933
|
const stack = state.navigationStack || [];
|
|
44580
44934
|
this.navigationStack.set(stack);
|
|
44581
44935
|
this.currentCharts.set([]);
|
|
@@ -44585,7 +44939,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44585
44939
|
this.modalData.set(data);
|
|
44586
44940
|
this.modalTitle.set('Strengths');
|
|
44587
44941
|
this.modalType.set('focus-area-strengths-list');
|
|
44588
|
-
this.
|
|
44942
|
+
this.openModalFresh();
|
|
44589
44943
|
this.navigationStack.set([]);
|
|
44590
44944
|
this.currentCharts.set([]);
|
|
44591
44945
|
}
|
|
@@ -44594,7 +44948,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44594
44948
|
this.modalData.set(data);
|
|
44595
44949
|
this.modalTitle.set('Gaps to Address');
|
|
44596
44950
|
this.modalType.set('focus-area-gaps-list');
|
|
44597
|
-
this.
|
|
44951
|
+
this.openModalFresh();
|
|
44598
44952
|
this.navigationStack.set([]);
|
|
44599
44953
|
this.currentCharts.set([]);
|
|
44600
44954
|
}
|
|
@@ -44603,7 +44957,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44603
44957
|
this.modalData.set(data);
|
|
44604
44958
|
this.modalTitle.set('Opportunities');
|
|
44605
44959
|
this.modalType.set('focus-area-opportunities-list');
|
|
44606
|
-
this.
|
|
44960
|
+
this.openModalFresh();
|
|
44607
44961
|
this.navigationStack.set([]);
|
|
44608
44962
|
this.currentCharts.set([]);
|
|
44609
44963
|
}
|
|
@@ -44612,7 +44966,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44612
44966
|
this.modalData.set(data);
|
|
44613
44967
|
this.modalTitle.set(data.strength.capability || 'Strength Details');
|
|
44614
44968
|
this.modalType.set('focus-area-strength-detail');
|
|
44615
|
-
this.
|
|
44969
|
+
this.openModalFresh();
|
|
44616
44970
|
const stack = state.navigationStack || [];
|
|
44617
44971
|
this.navigationStack.set(stack);
|
|
44618
44972
|
this.currentCharts.set([]);
|
|
@@ -44622,7 +44976,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44622
44976
|
this.modalData.set(data);
|
|
44623
44977
|
this.modalTitle.set(data.gap.capability || 'Gap Details');
|
|
44624
44978
|
this.modalType.set('focus-area-gap-detail');
|
|
44625
|
-
this.
|
|
44979
|
+
this.openModalFresh();
|
|
44626
44980
|
const stack = state.navigationStack || [];
|
|
44627
44981
|
this.navigationStack.set(stack);
|
|
44628
44982
|
this.currentCharts.set([]);
|
|
@@ -44632,7 +44986,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44632
44986
|
this.modalData.set(data);
|
|
44633
44987
|
this.modalTitle.set(data.opportunity.opportunity || 'Opportunity Details');
|
|
44634
44988
|
this.modalType.set('focus-area-opportunity-detail');
|
|
44635
|
-
this.
|
|
44989
|
+
this.openModalFresh();
|
|
44636
44990
|
const stack = state.navigationStack || [];
|
|
44637
44991
|
this.navigationStack.set(stack);
|
|
44638
44992
|
this.currentCharts.set([]);
|
|
@@ -44645,13 +44999,6 @@ class ProfileAnalysisModalComponent {
|
|
|
44645
44999
|
depthFromPrevState++;
|
|
44646
45000
|
walkState = walkState.previousState;
|
|
44647
45001
|
}
|
|
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
45002
|
this.modalData.set(data);
|
|
44656
45003
|
let title = 'Related Metrics';
|
|
44657
45004
|
if (data.recommendationContext?.title) {
|
|
@@ -44662,26 +45009,18 @@ class ProfileAnalysisModalComponent {
|
|
|
44662
45009
|
}
|
|
44663
45010
|
this.modalTitle.set(title);
|
|
44664
45011
|
this.modalType.set('metrics-list');
|
|
44665
|
-
this.
|
|
45012
|
+
this.openModalFresh();
|
|
44666
45013
|
const stack = state.navigationStack || [];
|
|
44667
45014
|
this.navigationStack.set(stack);
|
|
44668
45015
|
this.currentCharts.set(state.charts || []);
|
|
44669
45016
|
}
|
|
44670
45017
|
else if (state.type === 'metric' && state.data) {
|
|
44671
45018
|
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
45019
|
this.modalData.set(metric);
|
|
44681
45020
|
const formattedName = metric.metric ? this.metricFormatter.formatMetricName(metric.metric) : 'Metric Details';
|
|
44682
45021
|
this.modalTitle.set(formattedName);
|
|
44683
45022
|
this.modalType.set('metric');
|
|
44684
|
-
this.
|
|
45023
|
+
this.openModalFresh();
|
|
44685
45024
|
const stack = state.navigationStack || [];
|
|
44686
45025
|
this.navigationStack.set(stack);
|
|
44687
45026
|
this.currentCharts.set(state.charts || []);
|
|
@@ -44691,7 +45030,7 @@ class ProfileAnalysisModalComponent {
|
|
|
44691
45030
|
this.itemDetailData.set(data);
|
|
44692
45031
|
this.modalTitle.set(data.item.label || 'Item Details');
|
|
44693
45032
|
this.modalType.set('item-detail');
|
|
44694
|
-
this.
|
|
45033
|
+
this.openModalFresh();
|
|
44695
45034
|
const stack = state.navigationStack || [];
|
|
44696
45035
|
this.navigationStack.set(stack);
|
|
44697
45036
|
this.currentCharts.set([]);
|
|
@@ -44711,7 +45050,9 @@ class ProfileAnalysisModalComponent {
|
|
|
44711
45050
|
ngOnInit() {
|
|
44712
45051
|
}
|
|
44713
45052
|
hasNavigationHistory() {
|
|
44714
|
-
|
|
45053
|
+
const hasHistory = this.navigationStack().length > 0;
|
|
45054
|
+
console.log('[ProfileAnalysisModal] hasNavigationHistory:', hasHistory, 'stack length:', this.navigationStack().length);
|
|
45055
|
+
return hasHistory;
|
|
44715
45056
|
}
|
|
44716
45057
|
hasSourceContext() {
|
|
44717
45058
|
const currentData = this.modalData();
|
|
@@ -44769,6 +45110,16 @@ class ProfileAnalysisModalComponent {
|
|
|
44769
45110
|
}
|
|
44770
45111
|
return null;
|
|
44771
45112
|
}
|
|
45113
|
+
getGoalObjectivesData() {
|
|
45114
|
+
const data = this.modalData();
|
|
45115
|
+
console.log('[ProfileAnalysisModal] getGoalObjectivesData called, modalType:', this.modalType(), 'data:', data);
|
|
45116
|
+
if (this.modalType() === 'goal-objectives' && data && 'goal' in data && 'viewMode' in data) {
|
|
45117
|
+
const goalData = data;
|
|
45118
|
+
console.log('[ProfileAnalysisModal] getGoalObjectivesData returning goal with objectives:', goalData.goal.objectives?.length || 0);
|
|
45119
|
+
return goalData;
|
|
45120
|
+
}
|
|
45121
|
+
return null;
|
|
45122
|
+
}
|
|
44772
45123
|
getInsightsListData() {
|
|
44773
45124
|
const data = this.modalData();
|
|
44774
45125
|
if (data && 'insights' in data && 'goalContext' in data) {
|
|
@@ -45135,6 +45486,12 @@ class ProfileAnalysisModalComponent {
|
|
|
45135
45486
|
this.modalService.closeModal();
|
|
45136
45487
|
}
|
|
45137
45488
|
}
|
|
45489
|
+
openModalFresh() {
|
|
45490
|
+
if (!this.isOpen()) {
|
|
45491
|
+
this.isFreshOpen.set(true);
|
|
45492
|
+
}
|
|
45493
|
+
this.isOpen.set(true);
|
|
45494
|
+
}
|
|
45138
45495
|
extractGoalTitle() {
|
|
45139
45496
|
const stack = this.navigationStack();
|
|
45140
45497
|
for (const state of stack) {
|
|
@@ -45197,12 +45554,12 @@ class ProfileAnalysisModalComponent {
|
|
|
45197
45554
|
let _t;
|
|
45198
45555
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
|
|
45199
45556
|
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", "ml-4"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "z-[10001]", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[80vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [3, "goal", "viewMode", "allInsights", "allMetrics", "allBusinessInsights", "allCharts"], [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, "flex-1", "min-w-0"], [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) {
|
|
45557
|
+
} }, 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", "ml-4"], ["type", "button", 1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", "cursor-pointer", "z-[10001]", "relative", "ml-4", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-8", "max-h-[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, "flex-1", "min-w-0"], [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
45558
|
i0.ɵɵprojectionDef();
|
|
45202
|
-
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Template,
|
|
45559
|
+
i0.ɵɵconditionalCreate(0, ProfileAnalysisModalComponent_Conditional_0_Template, 43, 24, "div", 2);
|
|
45203
45560
|
} if (rf & 2) {
|
|
45204
45561
|
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: [
|
|
45562
|
+
} }, 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
45563
|
trigger('fadeIn', [
|
|
45207
45564
|
transition(':enter', [
|
|
45208
45565
|
style({ opacity: 0 }),
|
|
@@ -45223,7 +45580,7 @@ class ProfileAnalysisModalComponent {
|
|
|
45223
45580
|
selector: 'symphiq-profile-analysis-modal',
|
|
45224
45581
|
standalone: true,
|
|
45225
45582
|
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],
|
|
45583
|
+
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
45584
|
animations: [
|
|
45228
45585
|
trigger('fadeIn', [
|
|
45229
45586
|
transition(':enter', [
|
|
@@ -45356,6 +45713,12 @@ class ProfileAnalysisModalComponent {
|
|
|
45356
45713
|
[allCharts]="allCharts()"
|
|
45357
45714
|
(showObjectives)="showGoalObjectives(data.goal, data.viewMode)"
|
|
45358
45715
|
@fadeIn />
|
|
45716
|
+
} @else if (modalType() === 'goal-objectives' && getGoalObjectivesData(); as data) {
|
|
45717
|
+
<symphiq-goal-objectives-modal-content
|
|
45718
|
+
[objectives]="data.goal.objectives || []"
|
|
45719
|
+
[goalTitle]="data.goal.title || 'Goal'"
|
|
45720
|
+
[viewMode]="data.viewMode"
|
|
45721
|
+
@fadeIn />
|
|
45359
45722
|
} @else if (modalType() === 'goal-insights-list' && getInsightsListData(); as data) {
|
|
45360
45723
|
<div class="space-y-4">
|
|
45361
45724
|
@if (data.goalContext.description) {
|
|
@@ -45745,7 +46108,7 @@ class ProfileAnalysisModalComponent {
|
|
|
45745
46108
|
type: ViewChild,
|
|
45746
46109
|
args: ['modalWrapper']
|
|
45747
46110
|
}] }); }); })();
|
|
45748
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisModalComponent, { className: "ProfileAnalysisModalComponent", filePath: "lib/components/profile-analysis-shop-dashboard/profile-analysis-modal.component.ts", lineNumber:
|
|
46111
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisModalComponent, { className: "ProfileAnalysisModalComponent", filePath: "lib/components/profile-analysis-shop-dashboard/profile-analysis-modal.component.ts", lineNumber: 562 }); })();
|
|
45749
46112
|
|
|
45750
46113
|
const _c0$S = a0 => ({ name: "light-bulb", source: a0 });
|
|
45751
46114
|
const _c1$p = a0 => ({ name: "trophy", source: a0 });
|
|
@@ -46082,7 +46445,7 @@ const _c0$R = a0 => ({ name: "list-bullet", source: a0 });
|
|
|
46082
46445
|
const _c1$o = a0 => ({ name: "arrow-right", source: a0 });
|
|
46083
46446
|
const _c2$e = a0 => ({ name: "check-circle", source: a0 });
|
|
46084
46447
|
const _c3$9 = a0 => ({ name: "exclamation-circle", source: a0 });
|
|
46085
|
-
const _forTrack0$
|
|
46448
|
+
const _forTrack0$S = ($index, $item) => $item.order;
|
|
46086
46449
|
function RecommendationActionStepsModalComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
46087
46450
|
i0.ɵɵelementStart(0, "div", 1)(1, "div", 5);
|
|
46088
46451
|
i0.ɵɵelement(2, "symphiq-icon", 6);
|
|
@@ -46236,7 +46599,7 @@ class RecommendationActionStepsModalComponent {
|
|
|
46236
46599
|
i0.ɵɵelementStart(0, "div", 0);
|
|
46237
46600
|
i0.ɵɵconditionalCreate(1, RecommendationActionStepsModalComponent_Conditional_1_Template, 8, 7, "div", 1);
|
|
46238
46601
|
i0.ɵɵelementStart(2, "div", 2);
|
|
46239
|
-
i0.ɵɵrepeaterCreate(3, RecommendationActionStepsModalComponent_For_4_Template, 13, 11, "div", 3, _forTrack0$
|
|
46602
|
+
i0.ɵɵrepeaterCreate(3, RecommendationActionStepsModalComponent_For_4_Template, 13, 11, "div", 3, _forTrack0$S);
|
|
46240
46603
|
i0.ɵɵelementEnd();
|
|
46241
46604
|
i0.ɵɵconditionalCreate(5, RecommendationActionStepsModalComponent_Conditional_5_Template, 4, 5, "div", 4);
|
|
46242
46605
|
i0.ɵɵelementEnd();
|
|
@@ -48356,7 +48719,7 @@ const _c2$d = () => [1, 2, 3, 4, 5, 6];
|
|
|
48356
48719
|
const _c3$8 = () => [1, 2, 3];
|
|
48357
48720
|
const _c4$5 = () => [1, 2, 3, 4];
|
|
48358
48721
|
const _c5$2 = () => [1, 2];
|
|
48359
|
-
const _forTrack0$
|
|
48722
|
+
const _forTrack0$R = ($index, $item) => $item.value;
|
|
48360
48723
|
function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
48361
48724
|
i0.ɵɵelementStart(0, "option", 25);
|
|
48362
48725
|
i0.ɵɵtext(1);
|
|
@@ -48376,7 +48739,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_6_Template(rf, ctx)
|
|
|
48376
48739
|
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
48740
|
i0.ɵɵelementStart(4, "select", 24);
|
|
48378
48741
|
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$
|
|
48742
|
+
i0.ɵɵrepeaterCreate(5, SymphiqFunnelAnalysisDashboardComponent_Conditional_6_For_6_Template, 2, 2, "option", 25, _forTrack0$R);
|
|
48380
48743
|
i0.ɵɵelementEnd()()();
|
|
48381
48744
|
} if (rf & 2) {
|
|
48382
48745
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -48428,7 +48791,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_10_Template(rf, ctx
|
|
|
48428
48791
|
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
48792
|
i0.ɵɵelementStart(1, "select", 29);
|
|
48430
48793
|
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$
|
|
48794
|
+
i0.ɵɵrepeaterCreate(2, SymphiqFunnelAnalysisDashboardComponent_Conditional_10_For_3_Template, 2, 2, "option", 25, _forTrack0$R);
|
|
48432
48795
|
i0.ɵɵelementEnd()();
|
|
48433
48796
|
} if (rf & 2) {
|
|
48434
48797
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -49222,7 +49585,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Te
|
|
|
49222
49585
|
i0.ɵɵconditionalCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Conditional_14_Template, 2, 0, "div", 107);
|
|
49223
49586
|
i0.ɵɵelementStart(15, "select", 108);
|
|
49224
49587
|
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$
|
|
49588
|
+
i0.ɵɵrepeaterCreate(16, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_17_Template, 2, 1, null, null, _forTrack0$R);
|
|
49226
49589
|
i0.ɵɵelementEnd();
|
|
49227
49590
|
i0.ɵɵelementStart(18, "button", 109);
|
|
49228
49591
|
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 +49599,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_Te
|
|
|
49236
49599
|
i0.ɵɵtext(23, "Sort");
|
|
49237
49600
|
i0.ɵɵelementEnd()()()();
|
|
49238
49601
|
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$
|
|
49602
|
+
i0.ɵɵrepeaterCreate(26, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_4_For_27_Template, 1, 1, null, null, _forTrack0$R);
|
|
49240
49603
|
i0.ɵɵelementEnd()()();
|
|
49241
49604
|
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
49605
|
i0.ɵɵelementEnd()();
|
|
@@ -49413,7 +49776,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Te
|
|
|
49413
49776
|
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_Conditional_12_Template, 2, 0, "div", 107);
|
|
49414
49777
|
i0.ɵɵelementStart(13, "select", 150);
|
|
49415
49778
|
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$
|
|
49779
|
+
i0.ɵɵrepeaterCreate(14, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_5_For_15_Template, 2, 1, null, null, _forTrack0$R);
|
|
49417
49780
|
i0.ɵɵelementEnd()()();
|
|
49418
49781
|
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
49782
|
i0.ɵɵelementEnd()();
|
|
@@ -49524,7 +49887,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Te
|
|
|
49524
49887
|
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_Conditional_13_Template, 2, 0, "div", 107);
|
|
49525
49888
|
i0.ɵɵelementStart(14, "select", 108);
|
|
49526
49889
|
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$
|
|
49890
|
+
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisDashboardComponent_Conditional_17_Conditional_6_For_16_Template, 2, 1, null, null, _forTrack0$R);
|
|
49528
49891
|
i0.ɵɵelementEnd()()();
|
|
49529
49892
|
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
49893
|
i0.ɵɵelementEnd()();
|
|
@@ -52046,7 +52409,7 @@ function getTrendClasses(trendPercent, viewMode) {
|
|
|
52046
52409
|
}
|
|
52047
52410
|
}
|
|
52048
52411
|
|
|
52049
|
-
const _forTrack0$
|
|
52412
|
+
const _forTrack0$Q = ($index, $item) => $item.metric.performanceItemId;
|
|
52050
52413
|
function SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
52051
52414
|
i0.ɵɵelementStart(0, "div", 17)(1, "p", 18);
|
|
52052
52415
|
i0.ɵɵtext(2);
|
|
@@ -52658,7 +53021,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
|
|
|
52658
53021
|
i0.ɵɵconditionalCreate(12, SymphiqFunnelAnalysisPreviewComponent_Conditional_12_Template, 3, 7, "div", 9);
|
|
52659
53022
|
i0.ɵɵconditionalCreate(13, SymphiqFunnelAnalysisPreviewComponent_Conditional_13_Template, 18, 23, "div", 10);
|
|
52660
53023
|
i0.ɵɵelementStart(14, "div", 11);
|
|
52661
|
-
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisPreviewComponent_For_16_Template, 10, 17, "div", 12, _forTrack0$
|
|
53024
|
+
i0.ɵɵrepeaterCreate(15, SymphiqFunnelAnalysisPreviewComponent_For_16_Template, 10, 17, "div", 12, _forTrack0$Q);
|
|
52662
53025
|
i0.ɵɵelementEnd();
|
|
52663
53026
|
i0.ɵɵconditionalCreate(17, SymphiqFunnelAnalysisPreviewComponent_Conditional_17_Template, 9, 11, "div", 9);
|
|
52664
53027
|
i0.ɵɵconditionalCreate(18, SymphiqFunnelAnalysisPreviewComponent_Conditional_18_Template, 14, 19, "div", 9);
|
|
@@ -52901,7 +53264,7 @@ class SymphiqFunnelAnalysisPreviewComponent {
|
|
|
52901
53264
|
}], () => [], { 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
53265
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisPreviewComponent, { className: "SymphiqFunnelAnalysisPreviewComponent", filePath: "lib/components/funnel-analysis-preview/symphiq-funnel-analysis-preview.component.ts", lineNumber: 228 }); })();
|
|
52903
53266
|
|
|
52904
|
-
const _forTrack0$
|
|
53267
|
+
const _forTrack0$P = ($index, $item) => $item.id;
|
|
52905
53268
|
function SymphiqWelcomeDashboardComponent_For_50_Template(rf, ctx) { if (rf & 1) {
|
|
52906
53269
|
i0.ɵɵelementStart(0, "div", 27)(1, "div", 32)(2, "div", 33)(3, "span", 34);
|
|
52907
53270
|
i0.ɵɵtext(4);
|
|
@@ -53130,7 +53493,7 @@ class SymphiqWelcomeDashboardComponent {
|
|
|
53130
53493
|
i0.ɵɵtext(47, " Your Onboarding Journey ");
|
|
53131
53494
|
i0.ɵɵelementEnd();
|
|
53132
53495
|
i0.ɵɵelementStart(48, "div", 26);
|
|
53133
|
-
i0.ɵɵrepeaterCreate(49, SymphiqWelcomeDashboardComponent_For_50_Template, 9, 3, "div", 27, _forTrack0$
|
|
53496
|
+
i0.ɵɵrepeaterCreate(49, SymphiqWelcomeDashboardComponent_For_50_Template, 9, 3, "div", 27, _forTrack0$P);
|
|
53134
53497
|
i0.ɵɵelementEnd()()();
|
|
53135
53498
|
i0.ɵɵelementStart(51, "div", 28);
|
|
53136
53499
|
i0.ɵɵnamespaceSVG();
|
|
@@ -53314,7 +53677,7 @@ class SymphiqWelcomeDashboardComponent {
|
|
|
53314
53677
|
}] }); })();
|
|
53315
53678
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqWelcomeDashboardComponent, { className: "SymphiqWelcomeDashboardComponent", filePath: "lib/components/welcome-dashboard/symphiq-welcome-dashboard.component.ts", lineNumber: 163 }); })();
|
|
53316
53679
|
|
|
53317
|
-
const _forTrack0$
|
|
53680
|
+
const _forTrack0$O = ($index, $item) => $item.status;
|
|
53318
53681
|
function FocusAreaQuestionComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
53319
53682
|
i0.ɵɵelementStart(0, "span", 5);
|
|
53320
53683
|
i0.ɵɵtext(1, " Not answered yet ");
|
|
@@ -53527,7 +53890,7 @@ class FocusAreaQuestionComponent {
|
|
|
53527
53890
|
i0.ɵɵtext(8);
|
|
53528
53891
|
i0.ɵɵelementEnd()();
|
|
53529
53892
|
i0.ɵɵelementStart(9, "div", 7);
|
|
53530
|
-
i0.ɵɵrepeaterCreate(10, FocusAreaQuestionComponent_For_11_Template, 10, 8, "label", 8, _forTrack0$
|
|
53893
|
+
i0.ɵɵrepeaterCreate(10, FocusAreaQuestionComponent_For_11_Template, 10, 8, "label", 8, _forTrack0$O);
|
|
53531
53894
|
i0.ɵɵelementEnd();
|
|
53532
53895
|
i0.ɵɵelementStart(12, "div", 9)(13, "div", 10)(14, "div", 11)(15, "label", 12);
|
|
53533
53896
|
i0.ɵɵtext(16, " Marketing automation tools used ");
|
|
@@ -53662,7 +54025,7 @@ class FocusAreaQuestionComponent {
|
|
|
53662
54025
|
}], 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
54026
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaQuestionComponent, { className: "FocusAreaQuestionComponent", filePath: "lib/components/create-account-dashboard/focus-area-question.component.ts", lineNumber: 106 }); })();
|
|
53664
54027
|
|
|
53665
|
-
const _forTrack0$
|
|
54028
|
+
const _forTrack0$N = ($index, $item) => $item.tool;
|
|
53666
54029
|
function FocusAreaToolsModalComponent_Conditional_0_Conditional_10_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
53667
54030
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
53668
54031
|
i0.ɵɵelementStart(0, "label", 18)(1, "input", 19);
|
|
@@ -53686,7 +54049,7 @@ function FocusAreaToolsModalComponent_Conditional_0_Conditional_10_Template(rf,
|
|
|
53686
54049
|
i0.ɵɵtext(2, " Select tools from the list: ");
|
|
53687
54050
|
i0.ɵɵelementEnd();
|
|
53688
54051
|
i0.ɵɵelementStart(3, "div", 17);
|
|
53689
|
-
i0.ɵɵrepeaterCreate(4, FocusAreaToolsModalComponent_Conditional_0_Conditional_10_For_5_Template, 4, 4, "label", 18, _forTrack0$
|
|
54052
|
+
i0.ɵɵrepeaterCreate(4, FocusAreaToolsModalComponent_Conditional_0_Conditional_10_For_5_Template, 4, 4, "label", 18, _forTrack0$N);
|
|
53690
54053
|
i0.ɵɵelementEnd()();
|
|
53691
54054
|
} if (rf & 2) {
|
|
53692
54055
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -53980,7 +54343,7 @@ class FocusAreaToolsModalComponent {
|
|
|
53980
54343
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaToolsModalComponent, { className: "FocusAreaToolsModalComponent", filePath: "lib/components/create-account-dashboard/focus-area-tools-modal.component.ts", lineNumber: 149 }); })();
|
|
53981
54344
|
|
|
53982
54345
|
const _c0$N = ["shopNameInput"];
|
|
53983
|
-
const _forTrack0$
|
|
54346
|
+
const _forTrack0$M = ($index, $item) => $item.focusArea.focusAreaDomain;
|
|
53984
54347
|
const _forTrack1$9 = ($index, $item) => $item.domain;
|
|
53985
54348
|
function SymphiqCreateAccountDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
53986
54349
|
i0.ɵɵelementStart(0, "div", 8);
|
|
@@ -54317,7 +54680,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
|
|
|
54317
54680
|
i0.ɵɵtext(3);
|
|
54318
54681
|
i0.ɵɵelementEnd();
|
|
54319
54682
|
i0.ɵɵelementStart(4, "div", 52);
|
|
54320
|
-
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 53, _forTrack0$
|
|
54683
|
+
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 53, _forTrack0$M);
|
|
54321
54684
|
i0.ɵɵelementEnd()();
|
|
54322
54685
|
} if (rf & 2) {
|
|
54323
54686
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
@@ -54347,7 +54710,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
|
|
|
54347
54710
|
i0.ɵɵtext(3);
|
|
54348
54711
|
i0.ɵɵelementEnd();
|
|
54349
54712
|
i0.ɵɵelementStart(4, "div", 62);
|
|
54350
|
-
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 63, _forTrack0$
|
|
54713
|
+
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 63, _forTrack0$M);
|
|
54351
54714
|
i0.ɵɵelementEnd()();
|
|
54352
54715
|
} if (rf & 2) {
|
|
54353
54716
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
@@ -54377,7 +54740,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
|
|
|
54377
54740
|
i0.ɵɵtext(3);
|
|
54378
54741
|
i0.ɵɵelementEnd();
|
|
54379
54742
|
i0.ɵɵelementStart(4, "div", 65);
|
|
54380
|
-
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 66, _forTrack0$
|
|
54743
|
+
i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 66, _forTrack0$M);
|
|
54381
54744
|
i0.ɵɵelementEnd()();
|
|
54382
54745
|
} if (rf & 2) {
|
|
54383
54746
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
@@ -55968,7 +56331,7 @@ class ConnectGaWelcomeBannerComponent {
|
|
|
55968
56331
|
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
|
|
55969
56332
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConnectGaWelcomeBannerComponent, { className: "ConnectGaWelcomeBannerComponent", filePath: "lib/components/connect-ga-dashboard/connect-ga-welcome-banner.component.ts", lineNumber: 70 }); })();
|
|
55970
56333
|
|
|
55971
|
-
const _forTrack0$
|
|
56334
|
+
const _forTrack0$L = ($index, $item) => $item.property.id;
|
|
55972
56335
|
function SymphiqConnectGaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
55973
56336
|
i0.ɵɵelementStart(0, "div", 8)(1, "div", 10)(2, "div", 11);
|
|
55974
56337
|
i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 12);
|
|
@@ -56197,7 +56560,7 @@ function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_
|
|
|
56197
56560
|
function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
56198
56561
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
56199
56562
|
i0.ɵɵelementStart(0, "div", 53);
|
|
56200
|
-
i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template, 11, 8, "label", 54, _forTrack0$
|
|
56563
|
+
i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template, 11, 8, "label", 54, _forTrack0$L);
|
|
56201
56564
|
i0.ɵɵelementEnd();
|
|
56202
56565
|
i0.ɵɵelement(3, "div", 55);
|
|
56203
56566
|
i0.ɵɵelementStart(4, "button", 56);
|
|
@@ -58028,7 +58391,7 @@ class TargetChangeBadgeComponent {
|
|
|
58028
58391
|
}], () => [{ 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
58392
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TargetChangeBadgeComponent, { className: "TargetChangeBadgeComponent", filePath: "lib/components/revenue-calculator-dashboard/target-change-badge.component.ts", lineNumber: 27 }); })();
|
|
58030
58393
|
|
|
58031
|
-
const _forTrack0$
|
|
58394
|
+
const _forTrack0$K = ($index, $item) => $item.stageMetric.metric;
|
|
58032
58395
|
const _forTrack1$8 = ($index, $item) => $item.calc.metric;
|
|
58033
58396
|
function FunnelMetricsVisualizationComponent_For_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
58034
58397
|
i0.ɵɵelementStart(0, "button", 7);
|
|
@@ -58484,7 +58847,7 @@ class FunnelMetricsVisualizationComponent {
|
|
|
58484
58847
|
i0.ɵɵelementStart(0, "div", 0);
|
|
58485
58848
|
i0.ɵɵelement(1, "symphiq-tooltip-container");
|
|
58486
58849
|
i0.ɵɵelementStart(2, "div", 1);
|
|
58487
|
-
i0.ɵɵrepeaterCreate(3, FunnelMetricsVisualizationComponent_For_4_Template, 28, 15, "div", 2, _forTrack0$
|
|
58850
|
+
i0.ɵɵrepeaterCreate(3, FunnelMetricsVisualizationComponent_For_4_Template, 28, 15, "div", 2, _forTrack0$K);
|
|
58488
58851
|
i0.ɵɵelementEnd()();
|
|
58489
58852
|
} if (rf & 2) {
|
|
58490
58853
|
i0.ɵɵadvance(3);
|
|
@@ -60383,7 +60746,7 @@ class ProgressToTargetChartComponent {
|
|
|
60383
60746
|
}] }); })();
|
|
60384
60747
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProgressToTargetChartComponent, { className: "ProgressToTargetChartComponent", filePath: "lib/components/revenue-calculator-dashboard/progress-to-target-chart.component.ts", lineNumber: 67 }); })();
|
|
60385
60748
|
|
|
60386
|
-
const _forTrack0$
|
|
60749
|
+
const _forTrack0$J = ($index, $item) => $item.metric.metric;
|
|
60387
60750
|
function MetricReportModalComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
60388
60751
|
i0.ɵɵelement(0, "symphiq-current-data-indicator", 9);
|
|
60389
60752
|
} if (rf & 2) {
|
|
@@ -60527,7 +60890,7 @@ function MetricReportModalComponent_Conditional_0_Conditional_63_Template(rf, ct
|
|
|
60527
60890
|
i0.ɵɵtext(12, "Improve by");
|
|
60528
60891
|
i0.ɵɵelementEnd()()();
|
|
60529
60892
|
i0.ɵɵelementStart(13, "tbody");
|
|
60530
|
-
i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_63_For_15_Template, 15, 7, "tr", 46, _forTrack0$
|
|
60893
|
+
i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_63_For_15_Template, 15, 7, "tr", 46, _forTrack0$J);
|
|
60531
60894
|
i0.ɵɵelementEnd()()()();
|
|
60532
60895
|
} if (rf & 2) {
|
|
60533
60896
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -62100,7 +62463,7 @@ class UserDisplayComponent {
|
|
|
62100
62463
|
|
|
62101
62464
|
const _c0$J = ["absoluteInputRef"];
|
|
62102
62465
|
const _c1$k = ["percentageInputRef"];
|
|
62103
|
-
const _forTrack0$
|
|
62466
|
+
const _forTrack0$I = ($index, $item) => $item.history.id;
|
|
62104
62467
|
function EditMetricTargetModalComponent_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
|
|
62105
62468
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
62106
62469
|
i0.ɵɵelementStart(0, "div", 16);
|
|
@@ -62516,7 +62879,7 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Template(rf
|
|
|
62516
62879
|
i0.ɵɵtext(8, "Amount set");
|
|
62517
62880
|
i0.ɵɵelementEnd()();
|
|
62518
62881
|
i0.ɵɵelementStart(9, "div", 65);
|
|
62519
|
-
i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_34_For_11_Template, 7, 6, "div", 66, _forTrack0$
|
|
62882
|
+
i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_34_For_11_Template, 7, 6, "div", 66, _forTrack0$I);
|
|
62520
62883
|
i0.ɵɵelementEnd()()();
|
|
62521
62884
|
} if (rf & 2) {
|
|
62522
62885
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -67614,7 +67977,7 @@ class FloatingBackButtonComponent {
|
|
|
67614
67977
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FloatingBackButtonComponent, { className: "FloatingBackButtonComponent", filePath: "lib/components/business-analysis-dashboard/floating-back-button.component.ts", lineNumber: 70 }); })();
|
|
67615
67978
|
|
|
67616
67979
|
const _c0$F = ["searchInput"];
|
|
67617
|
-
const _forTrack0$
|
|
67980
|
+
const _forTrack0$H = ($index, $item) => $item.result.id;
|
|
67618
67981
|
function SearchModalComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
67619
67982
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
67620
67983
|
i0.ɵɵelementStart(0, "button", 18);
|
|
@@ -67738,7 +68101,7 @@ function SearchModalComponent_Conditional_0_Conditional_14_For_2_Template(rf, ct
|
|
|
67738
68101
|
} }
|
|
67739
68102
|
function SearchModalComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
67740
68103
|
i0.ɵɵelementStart(0, "div", 15);
|
|
67741
|
-
i0.ɵɵrepeaterCreate(1, SearchModalComponent_Conditional_0_Conditional_14_For_2_Template, 17, 13, "button", 19, _forTrack0$
|
|
68104
|
+
i0.ɵɵrepeaterCreate(1, SearchModalComponent_Conditional_0_Conditional_14_For_2_Template, 17, 13, "button", 19, _forTrack0$H);
|
|
67742
68105
|
i0.ɵɵelementEnd();
|
|
67743
68106
|
} if (rf & 2) {
|
|
67744
68107
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -68727,7 +69090,7 @@ class SimplifiedRecommendationCardComponent {
|
|
|
68727
69090
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimplifiedRecommendationCardComponent, { className: "SimplifiedRecommendationCardComponent", filePath: "lib/components/business-analysis-dashboard/simplified-recommendation-card.component.ts", lineNumber: 121 }); })();
|
|
68728
69091
|
|
|
68729
69092
|
const _c0$E = () => [0, 1, 2];
|
|
68730
|
-
const _forTrack0$
|
|
69093
|
+
const _forTrack0$G = ($index, $item) => $item.id;
|
|
68731
69094
|
function RecommendationsTiledGridComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
68732
69095
|
i0.ɵɵelementStart(0, "div", 9);
|
|
68733
69096
|
i0.ɵɵtext(1);
|
|
@@ -68751,7 +69114,7 @@ function RecommendationsTiledGridComponent_Conditional_14_For_2_Template(rf, ctx
|
|
|
68751
69114
|
} }
|
|
68752
69115
|
function RecommendationsTiledGridComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
68753
69116
|
i0.ɵɵelementStart(0, "div", 11);
|
|
68754
|
-
i0.ɵɵrepeaterCreate(1, RecommendationsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-recommendation-card", 13, _forTrack0$
|
|
69117
|
+
i0.ɵɵrepeaterCreate(1, RecommendationsTiledGridComponent_Conditional_14_For_2_Template, 1, 3, "symphiq-simplified-recommendation-card", 13, _forTrack0$G);
|
|
68755
69118
|
i0.ɵɵelementEnd();
|
|
68756
69119
|
} if (rf & 2) {
|
|
68757
69120
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -69043,7 +69406,7 @@ class RecommendationsTiledGridComponent {
|
|
|
69043
69406
|
}], 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
69407
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecommendationsTiledGridComponent, { className: "RecommendationsTiledGridComponent", filePath: "lib/components/business-analysis-dashboard/recommendations-tiled-grid.component.ts", lineNumber: 92 }); })();
|
|
69045
69408
|
|
|
69046
|
-
const _forTrack0$
|
|
69409
|
+
const _forTrack0$F = ($index, $item) => $item.section.id;
|
|
69047
69410
|
function CollapsibleSectionGroupComponent_For_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
69048
69411
|
i0.ɵɵelementStart(0, "div", 20);
|
|
69049
69412
|
i0.ɵɵelement(1, "symphiq-icon", 30);
|
|
@@ -69315,7 +69678,7 @@ class CollapsibleSectionGroupComponent {
|
|
|
69315
69678
|
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
69679
|
i0.ɵɵelementEnd()()();
|
|
69317
69680
|
i0.ɵɵelementStart(21, "div", 16);
|
|
69318
|
-
i0.ɵɵrepeaterCreate(22, CollapsibleSectionGroupComponent_For_23_Template, 15, 17, "div", 17, _forTrack0$
|
|
69681
|
+
i0.ɵɵrepeaterCreate(22, CollapsibleSectionGroupComponent_For_23_Template, 15, 17, "div", 17, _forTrack0$F);
|
|
69319
69682
|
i0.ɵɵelementEnd()()();
|
|
69320
69683
|
} if (rf & 2) {
|
|
69321
69684
|
i0.ɵɵproperty("ngClass", ctx.containerClasses());
|
|
@@ -70833,7 +71196,7 @@ class MetricWelcomeBannerComponent {
|
|
|
70833
71196
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricWelcomeBannerComponent, { className: "MetricWelcomeBannerComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-welcome-banner.component.ts", lineNumber: 63 }); })();
|
|
70834
71197
|
|
|
70835
71198
|
const _c0$C = a0 => ({ name: "chevron-right", source: a0 });
|
|
70836
|
-
const _forTrack0$
|
|
71199
|
+
const _forTrack0$E = ($index, $item) => $item.id;
|
|
70837
71200
|
function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
70838
71201
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
70839
71202
|
i0.ɵɵelementStart(0, "button", 2);
|
|
@@ -70854,7 +71217,7 @@ function RelatedGoalChipsComponent_Conditional_0_For_2_Template(rf, ctx) { if (r
|
|
|
70854
71217
|
} }
|
|
70855
71218
|
function RelatedGoalChipsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
70856
71219
|
i0.ɵɵelementStart(0, "div", 0);
|
|
70857
|
-
i0.ɵɵrepeaterCreate(1, RelatedGoalChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$
|
|
71220
|
+
i0.ɵɵrepeaterCreate(1, RelatedGoalChipsComponent_Conditional_0_For_2_Template, 4, 5, "button", 1, _forTrack0$E);
|
|
70858
71221
|
i0.ɵɵelementEnd();
|
|
70859
71222
|
} if (rf & 2) {
|
|
70860
71223
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -71023,7 +71386,7 @@ const _c7 = a0 => ({ name: "light-bulb", source: a0 });
|
|
|
71023
71386
|
const _c8 = a0 => ({ name: "clock", source: a0 });
|
|
71024
71387
|
const _c9 = a0 => [a0];
|
|
71025
71388
|
const _c10 = () => [];
|
|
71026
|
-
const _forTrack0$
|
|
71389
|
+
const _forTrack0$D = ($index, $item) => $item.index;
|
|
71027
71390
|
function MetricExecutiveSummaryComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
71028
71391
|
i0.ɵɵelement(0, "symphiq-grade-badge", 9);
|
|
71029
71392
|
} if (rf & 2) {
|
|
@@ -71330,7 +71693,7 @@ function MetricExecutiveSummaryComponent_Conditional_31_Template(rf, ctx) { if (
|
|
|
71330
71693
|
i0.ɵɵtext(2, "Quick Wins");
|
|
71331
71694
|
i0.ɵɵelementEnd();
|
|
71332
71695
|
i0.ɵɵelementStart(3, "div", 48);
|
|
71333
|
-
i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_31_For_5_Template, 14, 11, "div", 49, _forTrack0$
|
|
71696
|
+
i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_31_For_5_Template, 14, 11, "div", 49, _forTrack0$D);
|
|
71334
71697
|
i0.ɵɵelementEnd()();
|
|
71335
71698
|
} if (rf & 2) {
|
|
71336
71699
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -73584,7 +73947,7 @@ class CapabilityMatrixCardComponent {
|
|
|
73584
73947
|
}], () => [], { 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
73948
|
(() => { (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
73949
|
|
|
73587
|
-
const _forTrack0$
|
|
73950
|
+
const _forTrack0$C = ($index, $item) => $item.competitorId || $index;
|
|
73588
73951
|
function CompetitiveComparisonCardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
73589
73952
|
i0.ɵɵelementStart(0, "span", 15);
|
|
73590
73953
|
i0.ɵɵtext(1);
|
|
@@ -73697,7 +74060,7 @@ function CompetitiveComparisonCardComponent_Conditional_13_Template(rf, ctx) { i
|
|
|
73697
74060
|
i0.ɵɵelementStart(0, "div", 12)(1, "h6", 21);
|
|
73698
74061
|
i0.ɵɵtext(2, " Competitor Positions ");
|
|
73699
74062
|
i0.ɵɵelementEnd();
|
|
73700
|
-
i0.ɵɵrepeaterCreate(3, CompetitiveComparisonCardComponent_Conditional_13_For_4_Template, 7, 6, "div", 22, _forTrack0$
|
|
74063
|
+
i0.ɵɵrepeaterCreate(3, CompetitiveComparisonCardComponent_Conditional_13_For_4_Template, 7, 6, "div", 22, _forTrack0$C);
|
|
73701
74064
|
i0.ɵɵelementEnd();
|
|
73702
74065
|
} if (rf & 2) {
|
|
73703
74066
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -74086,7 +74449,7 @@ class CompetitiveComparisonCardComponent {
|
|
|
74086
74449
|
(() => { (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
74450
|
|
|
74088
74451
|
const _c0$y = a0 => ({ name: "chevron-right", source: a0 });
|
|
74089
|
-
const _forTrack0$
|
|
74452
|
+
const _forTrack0$B = ($index, $item) => $item.id;
|
|
74090
74453
|
function PhaseTimelineCardComponent_Conditional_8_For_7_Template(rf, ctx) { if (rf & 1) {
|
|
74091
74454
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
74092
74455
|
i0.ɵɵelementStart(0, "button", 15);
|
|
@@ -74115,7 +74478,7 @@ function PhaseTimelineCardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1
|
|
|
74115
74478
|
i0.ɵɵelementEnd();
|
|
74116
74479
|
i0.ɵɵnamespaceHTML();
|
|
74117
74480
|
i0.ɵɵelementStart(5, "div", 13);
|
|
74118
|
-
i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_8_For_7_Template, 4, 5, "button", 14, _forTrack0$
|
|
74481
|
+
i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_8_For_7_Template, 4, 5, "button", 14, _forTrack0$B);
|
|
74119
74482
|
i0.ɵɵelementEnd()();
|
|
74120
74483
|
} if (rf & 2) {
|
|
74121
74484
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -74152,7 +74515,7 @@ function PhaseTimelineCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1
|
|
|
74152
74515
|
i0.ɵɵelementEnd();
|
|
74153
74516
|
i0.ɵɵnamespaceHTML();
|
|
74154
74517
|
i0.ɵɵelementStart(5, "div", 18);
|
|
74155
|
-
i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_9_For_7_Template, 4, 5, "button", 14, _forTrack0$
|
|
74518
|
+
i0.ɵɵrepeaterCreate(6, PhaseTimelineCardComponent_Conditional_9_For_7_Template, 4, 5, "button", 14, _forTrack0$B);
|
|
74156
74519
|
i0.ɵɵelementEnd()();
|
|
74157
74520
|
} if (rf & 2) {
|
|
74158
74521
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -75166,7 +75529,7 @@ class OperationalCategoryCardComponent {
|
|
|
75166
75529
|
|
|
75167
75530
|
const _c0$w = a0 => ({ name: "arrow-trending-up", source: a0 });
|
|
75168
75531
|
const _c1$g = a0 => ({ name: "chat-bubble-left-right", source: a0 });
|
|
75169
|
-
const _forTrack0$
|
|
75532
|
+
const _forTrack0$A = ($index, $item) => $item.questionId;
|
|
75170
75533
|
function KeyDriverCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
75171
75534
|
i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
|
|
75172
75535
|
i0.ɵɵtext(2);
|
|
@@ -75186,7 +75549,7 @@ function KeyDriverCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
|
75186
75549
|
i0.ɵɵelementStart(3, "span", 12);
|
|
75187
75550
|
i0.ɵɵtext(4, " Supporting Profile Insights ");
|
|
75188
75551
|
i0.ɵɵelementEnd()();
|
|
75189
|
-
i0.ɵɵrepeaterCreate(5, KeyDriverCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$
|
|
75552
|
+
i0.ɵɵrepeaterCreate(5, KeyDriverCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$A);
|
|
75190
75553
|
i0.ɵɵelementEnd();
|
|
75191
75554
|
} if (rf & 2) {
|
|
75192
75555
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -75376,7 +75739,7 @@ class KeyDriverCardComponent {
|
|
|
75376
75739
|
|
|
75377
75740
|
const _c0$v = a0 => ({ name: "exclamation-triangle", source: a0 });
|
|
75378
75741
|
const _c1$f = a0 => ({ name: "chat-bubble-left-right", source: a0 });
|
|
75379
|
-
const _forTrack0$
|
|
75742
|
+
const _forTrack0$z = ($index, $item) => $item.questionId;
|
|
75380
75743
|
function BottleneckCardComponent_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
75381
75744
|
i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
|
|
75382
75745
|
i0.ɵɵtext(2);
|
|
@@ -75396,7 +75759,7 @@ function BottleneckCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1)
|
|
|
75396
75759
|
i0.ɵɵelementStart(3, "span", 12);
|
|
75397
75760
|
i0.ɵɵtext(4, " Supporting Profile Insights ");
|
|
75398
75761
|
i0.ɵɵelementEnd()();
|
|
75399
|
-
i0.ɵɵrepeaterCreate(5, BottleneckCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$
|
|
75762
|
+
i0.ɵɵrepeaterCreate(5, BottleneckCardComponent_Conditional_12_For_6_Template, 3, 3, "div", 13, _forTrack0$z);
|
|
75400
75763
|
i0.ɵɵelementEnd();
|
|
75401
75764
|
} if (rf & 2) {
|
|
75402
75765
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -75605,7 +75968,7 @@ const _c0$u = a0 => ({ name: "arrow-right", source: a0 });
|
|
|
75605
75968
|
const _c1$e = a0 => ({ name: "arrow-left", source: a0 });
|
|
75606
75969
|
const _c2$b = a0 => ({ name: "arrows-right-left", source: a0 });
|
|
75607
75970
|
const _c3$6 = a0 => ({ name: "scale", source: a0 });
|
|
75608
|
-
const _forTrack0$
|
|
75971
|
+
const _forTrack0$y = ($index, $item) => $item.metric;
|
|
75609
75972
|
function MetricRelationshipsCardComponent_Conditional_1_For_8_Template(rf, ctx) { if (rf & 1) {
|
|
75610
75973
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
75611
75974
|
i0.ɵɵelementStart(0, "button", 8);
|
|
@@ -75630,7 +75993,7 @@ function MetricRelationshipsCardComponent_Conditional_1_Template(rf, ctx) { if (
|
|
|
75630
75993
|
i0.ɵɵtext(5, " Directly Influences ");
|
|
75631
75994
|
i0.ɵɵelementEnd()();
|
|
75632
75995
|
i0.ɵɵelementStart(6, "div", 6);
|
|
75633
|
-
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_1_For_8_Template, 4, 2, "button", 7, _forTrack0$
|
|
75996
|
+
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_1_For_8_Template, 4, 2, "button", 7, _forTrack0$y);
|
|
75634
75997
|
i0.ɵɵelementEnd()();
|
|
75635
75998
|
} if (rf & 2) {
|
|
75636
75999
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -75668,7 +76031,7 @@ function MetricRelationshipsCardComponent_Conditional_2_Template(rf, ctx) { if (
|
|
|
75668
76031
|
i0.ɵɵtext(5, " Directly Influenced By ");
|
|
75669
76032
|
i0.ɵɵelementEnd()();
|
|
75670
76033
|
i0.ɵɵelementStart(6, "div", 6);
|
|
75671
|
-
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_2_For_8_Template, 4, 2, "button", 7, _forTrack0$
|
|
76034
|
+
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_2_For_8_Template, 4, 2, "button", 7, _forTrack0$y);
|
|
75672
76035
|
i0.ɵɵelementEnd()();
|
|
75673
76036
|
} if (rf & 2) {
|
|
75674
76037
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -75714,7 +76077,7 @@ function MetricRelationshipsCardComponent_Conditional_3_Template(rf, ctx) { if (
|
|
|
75714
76077
|
i0.ɵɵtext(5, " Trade-offs ");
|
|
75715
76078
|
i0.ɵɵelementEnd()();
|
|
75716
76079
|
i0.ɵɵelementStart(6, "div", 11);
|
|
75717
|
-
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 12, _forTrack0$
|
|
76080
|
+
i0.ɵɵrepeaterCreate(7, MetricRelationshipsCardComponent_Conditional_3_For_8_Template, 7, 9, "div", 12, _forTrack0$y);
|
|
75718
76081
|
i0.ɵɵelementEnd()();
|
|
75719
76082
|
} if (rf & 2) {
|
|
75720
76083
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -75954,7 +76317,7 @@ class MetricRelationshipsCardComponent {
|
|
|
75954
76317
|
|
|
75955
76318
|
const _c0$t = a0 => ({ name: "chevron-right", source: a0 });
|
|
75956
76319
|
const _c1$d = a0 => ({ name: "link", source: a0 });
|
|
75957
|
-
const _forTrack0$
|
|
76320
|
+
const _forTrack0$x = ($index, $item) => $item.id;
|
|
75958
76321
|
function RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
75959
76322
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
75960
76323
|
i0.ɵɵelementStart(0, "button", 18);
|
|
@@ -75975,7 +76338,7 @@ function RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template(
|
|
|
75975
76338
|
} }
|
|
75976
76339
|
function RelatedMetricCardComponent_Conditional_18_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
75977
76340
|
i0.ɵɵelementStart(0, "div", 16);
|
|
75978
|
-
i0.ɵɵrepeaterCreate(1, RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template, 4, 5, "button", 17, _forTrack0$
|
|
76341
|
+
i0.ɵɵrepeaterCreate(1, RelatedMetricCardComponent_Conditional_18_Conditional_5_For_2_Template, 4, 5, "button", 17, _forTrack0$x);
|
|
75979
76342
|
i0.ɵɵelementEnd();
|
|
75980
76343
|
} if (rf & 2) {
|
|
75981
76344
|
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
@@ -76288,7 +76651,7 @@ class RelatedMetricCardComponent {
|
|
|
76288
76651
|
}], 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
76652
|
(() => { (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
76653
|
|
|
76291
|
-
const _forTrack0$
|
|
76654
|
+
const _forTrack0$w = ($index, $item) => $item.metric;
|
|
76292
76655
|
function RelatedMetricsListComponent_Conditional_1_For_14_Template(rf, ctx) { if (rf & 1) {
|
|
76293
76656
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
76294
76657
|
i0.ɵɵelementStart(0, "symphiq-related-metric-card", 12);
|
|
@@ -76316,7 +76679,7 @@ function RelatedMetricsListComponent_Conditional_1_Template(rf, ctx) { if (rf &
|
|
|
76316
76679
|
i0.ɵɵtext(11);
|
|
76317
76680
|
i0.ɵɵelementEnd()();
|
|
76318
76681
|
i0.ɵɵelementStart(12, "div", 10);
|
|
76319
|
-
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_1_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$
|
|
76682
|
+
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_1_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$w);
|
|
76320
76683
|
i0.ɵɵelementEnd()();
|
|
76321
76684
|
} if (rf & 2) {
|
|
76322
76685
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -76362,7 +76725,7 @@ function RelatedMetricsListComponent_Conditional_2_Template(rf, ctx) { if (rf &
|
|
|
76362
76725
|
i0.ɵɵtext(11);
|
|
76363
76726
|
i0.ɵɵelementEnd()();
|
|
76364
76727
|
i0.ɵɵelementStart(12, "div", 10);
|
|
76365
|
-
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_2_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$
|
|
76728
|
+
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_2_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$w);
|
|
76366
76729
|
i0.ɵɵelementEnd()();
|
|
76367
76730
|
} if (rf & 2) {
|
|
76368
76731
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -76408,7 +76771,7 @@ function RelatedMetricsListComponent_Conditional_3_Template(rf, ctx) { if (rf &
|
|
|
76408
76771
|
i0.ɵɵtext(11);
|
|
76409
76772
|
i0.ɵɵelementEnd()();
|
|
76410
76773
|
i0.ɵɵelementStart(12, "div", 10);
|
|
76411
|
-
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_3_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$
|
|
76774
|
+
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_3_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$w);
|
|
76412
76775
|
i0.ɵɵelementEnd()();
|
|
76413
76776
|
} if (rf & 2) {
|
|
76414
76777
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -76454,7 +76817,7 @@ function RelatedMetricsListComponent_Conditional_4_Template(rf, ctx) { if (rf &
|
|
|
76454
76817
|
i0.ɵɵtext(11);
|
|
76455
76818
|
i0.ɵɵelementEnd()();
|
|
76456
76819
|
i0.ɵɵelementStart(12, "div", 10);
|
|
76457
|
-
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_4_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$
|
|
76820
|
+
i0.ɵɵrepeaterCreate(13, RelatedMetricsListComponent_Conditional_4_For_14_Template, 1, 7, "symphiq-related-metric-card", 11, _forTrack0$w);
|
|
76458
76821
|
i0.ɵɵelementEnd()();
|
|
76459
76822
|
} if (rf & 2) {
|
|
76460
76823
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -77945,7 +78308,7 @@ const _c3$3 = a0 => [a0];
|
|
|
77945
78308
|
const _c4$1 = () => [];
|
|
77946
78309
|
const _c5 = a0 => ({ name: "chart-bar", source: a0 });
|
|
77947
78310
|
const _c6 = a0 => ({ name: "user", source: a0 });
|
|
77948
|
-
const _forTrack0$
|
|
78311
|
+
const _forTrack0$v = ($index, $item) => $item.id || $index;
|
|
77949
78312
|
const _forTrack1$7 = ($index, $item) => $item.dimension || $index;
|
|
77950
78313
|
const _forTrack2$1 = ($index, $item) => $item.rec.id || $index;
|
|
77951
78314
|
const _forTrack3$1 = ($index, $item) => $item.phase || $index;
|
|
@@ -78274,7 +78637,7 @@ function ProfileSectionContentComponent_Conditional_4_For_2_Template(rf, ctx) {
|
|
|
78274
78637
|
} }
|
|
78275
78638
|
function ProfileSectionContentComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
78276
78639
|
i0.ɵɵelementStart(0, "div", 3);
|
|
78277
|
-
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_4_For_2_Template, 2, 3, "div", null, _forTrack0$
|
|
78640
|
+
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_4_For_2_Template, 2, 3, "div", null, _forTrack0$v);
|
|
78278
78641
|
i0.ɵɵelementEnd();
|
|
78279
78642
|
} if (rf & 2) {
|
|
78280
78643
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -78291,7 +78654,7 @@ function ProfileSectionContentComponent_Conditional_5_For_2_Template(rf, ctx) {
|
|
|
78291
78654
|
} }
|
|
78292
78655
|
function ProfileSectionContentComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
78293
78656
|
i0.ɵɵelementStart(0, "div", 4);
|
|
78294
|
-
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_5_For_2_Template, 1, 8, "symphiq-goal-card", 47, _forTrack0$
|
|
78657
|
+
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_5_For_2_Template, 1, 8, "symphiq-goal-card", 47, _forTrack0$v);
|
|
78295
78658
|
i0.ɵɵelementEnd();
|
|
78296
78659
|
} if (rf & 2) {
|
|
78297
78660
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -78307,7 +78670,7 @@ function ProfileSectionContentComponent_Conditional_6_For_2_Template(rf, ctx) {
|
|
|
78307
78670
|
} }
|
|
78308
78671
|
function ProfileSectionContentComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
78309
78672
|
i0.ɵɵelementStart(0, "div", 5);
|
|
78310
|
-
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_6_For_2_Template, 1, 3, "symphiq-capability-matrix-card", 48, _forTrack0$
|
|
78673
|
+
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_6_For_2_Template, 1, 3, "symphiq-capability-matrix-card", 48, _forTrack0$v);
|
|
78311
78674
|
i0.ɵɵelementEnd();
|
|
78312
78675
|
} if (rf & 2) {
|
|
78313
78676
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -78362,7 +78725,7 @@ function ProfileSectionContentComponent_Conditional_9_For_2_Template(rf, ctx) {
|
|
|
78362
78725
|
} }
|
|
78363
78726
|
function ProfileSectionContentComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
78364
78727
|
i0.ɵɵelementStart(0, "div", 8);
|
|
78365
|
-
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_9_For_2_Template, 1, 2, "symphiq-operational-category-card", 52, _forTrack0$
|
|
78728
|
+
i0.ɵɵrepeaterCreate(1, ProfileSectionContentComponent_Conditional_9_For_2_Template, 1, 2, "symphiq-operational-category-card", 52, _forTrack0$v);
|
|
78366
78729
|
i0.ɵɵelementEnd();
|
|
78367
78730
|
} if (rf & 2) {
|
|
78368
78731
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -80759,363 +81122,6 @@ class ProfileSectionContentComponent {
|
|
|
80759
81122
|
}], 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
81123
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileSectionContentComponent, { className: "ProfileSectionContentComponent", filePath: "lib/components/profile-analysis-shop-dashboard/profile-section-content.component.ts", lineNumber: 765 }); })();
|
|
80761
81124
|
|
|
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
81125
|
const _forTrack0$u = ($index, $item) => $item.id || $index;
|
|
81120
81126
|
const _forTrack1$6 = ($index, $item) => ($item == null ? null : $item.questionId) || $index;
|
|
81121
81127
|
function ObjectiveStrategiesModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -83235,12 +83241,6 @@ class StrategyRecommendationsModalContentComponent {
|
|
|
83235
83241
|
depthCount++;
|
|
83236
83242
|
stateWalk = stateWalk.previousState ?? null;
|
|
83237
83243
|
}
|
|
83238
|
-
console.log('[StrategyRecommendations] openRelatedMetricsModal:', {
|
|
83239
|
-
currentModalStateType: currentState?.type,
|
|
83240
|
-
currentModalStateExists: !!currentState,
|
|
83241
|
-
previousStateDepth: depthCount,
|
|
83242
|
-
navigationStackLength: currentState?.navigationStack?.length
|
|
83243
|
-
});
|
|
83244
83244
|
this.modalService.openRecommendationMetricsListModal(metrics, relevantCharts, recommendationContext, directlyAffectedMetricId, indirectlyAffectedMetricIds, this.currentModalState() ?? undefined, hierarchyContext);
|
|
83245
83245
|
}
|
|
83246
83246
|
hasRelatedFunnelInsights(recommendation) {
|
|
@@ -104888,7 +104888,6 @@ class UnifiedDashboardModalComponent {
|
|
|
104888
104888
|
const isStackableType = stackableTypes.includes(state.type || '');
|
|
104889
104889
|
if (!isUnifiedType && state.type !== null && !isStackableType) {
|
|
104890
104890
|
if (this.isOpen()) {
|
|
104891
|
-
console.log('[UnifiedDashboardModal] Closing - transitioning to non-unified type:', state.type);
|
|
104892
104891
|
this.isOpen.set(false);
|
|
104893
104892
|
this.cleanupTimeoutId = setTimeout(() => {
|
|
104894
104893
|
this.modalType.set(null);
|
|
@@ -104990,14 +104989,6 @@ class UnifiedDashboardModalComponent {
|
|
|
104990
104989
|
return;
|
|
104991
104990
|
const contributingMetricNames = data.goal.contributingMetrics || [];
|
|
104992
104991
|
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
104992
|
this.modalService.navigateToUnifiedGoalRelatedMetrics(data.goal, contributingMetrics, data.allCharts, this.viewMode());
|
|
105002
104993
|
}
|
|
105003
104994
|
onShowObjectives() {
|
|
@@ -105010,13 +105001,6 @@ class UnifiedDashboardModalComponent {
|
|
|
105010
105001
|
const data = this.relatedMetricsData();
|
|
105011
105002
|
const allCharts = data?.allCharts || [];
|
|
105012
105003
|
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
105004
|
this.modalService.openMetricModal(metric, metricCharts, this.currentModalState() ?? undefined);
|
|
105021
105005
|
}
|
|
105022
105006
|
getChartsForMetric(metric, allCharts) {
|
|
@@ -105163,7 +105147,7 @@ class UnifiedDashboardModalComponent {
|
|
|
105163
105147
|
let _t;
|
|
105164
105148
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
|
|
105165
105149
|
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-
|
|
105150
|
+
} }, 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-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
105151
|
i0.ɵɵconditionalCreate(0, UnifiedDashboardModalComponent_Conditional_0_Template, 26, 31, "div", 2);
|
|
105168
105152
|
} if (rf & 2) {
|
|
105169
105153
|
i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
|
|
@@ -105291,12 +105275,12 @@ class UnifiedDashboardModalComponent {
|
|
|
105291
105275
|
</div>
|
|
105292
105276
|
}
|
|
105293
105277
|
|
|
105294
|
-
<div class="flex flex-wrap items-
|
|
105278
|
+
<div class="flex flex-wrap items-center justify-between gap-x-4 gap-y-2">
|
|
105295
105279
|
<h3 [ngClass]="isLightMode() ? 'text-slate-900' : 'text-white'" class="text-xl font-bold leading-tight">
|
|
105296
105280
|
{{ modalTitle() }}
|
|
105297
105281
|
</h3>
|
|
105298
105282
|
@if (currentGoal()?.priority || currentGoal()?.timeframe) {
|
|
105299
|
-
<div class="flex items-center gap-2
|
|
105283
|
+
<div class="flex items-center gap-2">
|
|
105300
105284
|
@if (currentGoal()?.priority) {
|
|
105301
105285
|
<symphiq-priority-badge [priority]="currentGoal()!.priority" [viewMode]="viewMode()" />
|
|
105302
105286
|
}
|
|
@@ -106108,24 +106092,12 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106108
106092
|
}
|
|
106109
106093
|
}
|
|
106110
106094
|
}, ...(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
106095
|
this.pendingSourceRequestEffect = effect(() => {
|
|
106119
106096
|
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
106097
|
if (!pending?.analysisId)
|
|
106124
106098
|
return;
|
|
106125
106099
|
const analysis = this.sourceAnalysesMap().get(pending.analysisId);
|
|
106126
|
-
console.log('[SourceAnalysis] Effect checking for analysis', { analysisId: pending.analysisId, found: !!analysis });
|
|
106127
106100
|
if (analysis) {
|
|
106128
|
-
console.log('[SourceAnalysis] Effect found analysis, opening modal');
|
|
106129
106101
|
untracked(() => {
|
|
106130
106102
|
this.openSourceGoalModal(analysis, pending.sourceGoalId, pending.analysisType);
|
|
106131
106103
|
});
|
|
@@ -106292,10 +106264,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106292
106264
|
if (analysisId === undefined)
|
|
106293
106265
|
return;
|
|
106294
106266
|
const existingAnalysis = this.sourceAnalysesMap().get(analysisId);
|
|
106295
|
-
if (existingAnalysis) {
|
|
106296
|
-
console.log('Opening cached source analysis:', source);
|
|
106297
|
-
}
|
|
106298
|
-
else {
|
|
106267
|
+
if (!existingAnalysis) {
|
|
106299
106268
|
this.loadingSourceAnalysisId.set(analysisId);
|
|
106300
106269
|
this.sourceAnalysisRequest.emit({
|
|
106301
106270
|
analysisType: source.analysisType,
|
|
@@ -106318,10 +106287,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106318
106287
|
if (analysisId === undefined)
|
|
106319
106288
|
return;
|
|
106320
106289
|
const existingAnalysis = this.sourceAnalysesMap().get(analysisId);
|
|
106321
|
-
if (existingAnalysis) {
|
|
106322
|
-
console.log('Opening cached source analysis:', source);
|
|
106323
|
-
}
|
|
106324
|
-
else {
|
|
106290
|
+
if (!existingAnalysis) {
|
|
106325
106291
|
this.loadingSourceAnalysisId.set(analysisId);
|
|
106326
106292
|
this.sourceAnalysisRequest.emit({
|
|
106327
106293
|
analysisType: source.analysisType,
|
|
@@ -106339,16 +106305,13 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106339
106305
|
}
|
|
106340
106306
|
handleSourceAnalysisClickFromModal(source) {
|
|
106341
106307
|
const analysisId = source.analysisId;
|
|
106342
|
-
console.log('[SourceAnalysis] handleSourceAnalysisClickFromModal called', { analysisId, source });
|
|
106343
106308
|
if (analysisId === undefined)
|
|
106344
106309
|
return;
|
|
106345
106310
|
const existingAnalysis = this.sourceAnalysesMap().get(analysisId);
|
|
106346
|
-
console.log('[SourceAnalysis] Checking for existing analysis', { analysisId, found: !!existingAnalysis, mapKeys: Array.from(this.sourceAnalysesMap().keys()) });
|
|
106347
106311
|
if (existingAnalysis) {
|
|
106348
106312
|
this.openSourceGoalModal(existingAnalysis, source.sourceGoalId, source.analysisType);
|
|
106349
106313
|
}
|
|
106350
106314
|
else {
|
|
106351
|
-
console.log('[SourceAnalysis] Setting pendingSourceRequest and emitting sourceAnalysisRequest');
|
|
106352
106315
|
this.loadingSourceAnalysisId.set(analysisId);
|
|
106353
106316
|
this.pendingSourceRequest.set(source);
|
|
106354
106317
|
this.sourceAnalysisRequest.emit({
|
|
@@ -106359,13 +106322,10 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
106359
106322
|
}
|
|
106360
106323
|
}
|
|
106361
106324
|
openSourceGoalModal(analysis, sourceGoalId, analysisType) {
|
|
106362
|
-
console.log('[SourceAnalysis] openSourceGoalModal called', { analysisId: analysis.id, sourceGoalId, analysisType });
|
|
106363
106325
|
const structured = analysis.profileAnalysisStructured;
|
|
106364
106326
|
const sections = structured?.sections || [];
|
|
106365
106327
|
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
106328
|
const goal = goals.find(g => g.id === sourceGoalId);
|
|
106368
|
-
console.log('[SourceAnalysis] Matched goal:', goal ? { id: goal.id, title: goal.title } : 'NOT FOUND');
|
|
106369
106329
|
if (goal) {
|
|
106370
106330
|
const currentModalState = this.modalService.getCurrentState();
|
|
106371
106331
|
if (analysisType) {
|