@eric-emg/symphiq-components 1.2.261 → 1.2.263

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.
Files changed (6) hide show
  1. package/fesm2022/symphiq-components.mjs +1442 -256
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +28 -25
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/styles.css +85 -0
package/fesm2022/symphiq-components.mjs CHANGED
@@ -55290,7 +55290,7 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_19_Template(rf, c
55290
55290
  function FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
55291
55291
  i0.ɵɵelementStart(0, "button", 28);
55292
55292
  i0.ɵɵnamespaceSVG();
55293
- i0.ɵɵelementStart(1, "svg", 35);
55293
+ i0.ɵɵelementStart(1, "svg", 37);
55294
55294
  i0.ɵɵelement(2, "path", 19);
55295
55295
  i0.ɵɵelementEnd()();
55296
55296
  } if (rf & 2) {
@@ -55305,7 +55305,7 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Conditio
55305
55305
  i0.ɵɵelementStart(3, "p", 32);
55306
55306
  i0.ɵɵtext(4);
55307
55307
  i0.ɵɵelementEnd();
55308
- i0.ɵɵelement(5, "symphiq-pacing-status-badge", 36);
55308
+ i0.ɵɵelement(5, "symphiq-pacing-status-badge", 38);
55309
55309
  i0.ɵɵelementEnd();
55310
55310
  } if (rf & 2) {
55311
55311
  const metric_r5 = i0.ɵɵnextContext().$implicit;
@@ -55321,6 +55321,25 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Conditio
55321
55321
  i0.ɵɵadvance();
55322
55322
  i0.ɵɵproperty("viewMode", ctx_r2.viewMode())("pacingPercentage", metric_r5.pacingInfo.pacingPercentage)("status", metric_r5.pacingInfo.status)("showAsFullText", true)("isCompact", true)("showEmphasizedPercentage", true);
55323
55323
  } }
55324
+ function FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Conditional_26_Template(rf, ctx) { if (rf & 1) {
55325
+ const _r6 = i0.ɵɵgetCurrentView();
55326
+ i0.ɵɵelementStart(0, "button", 35);
55327
+ i0.ɵɵlistener("click", function FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Conditional_26_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const metric_r5 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onEditRelatedMetricTarget(metric_r5.calc.metric)); });
55328
+ i0.ɵɵnamespaceSVG();
55329
+ i0.ɵɵelementStart(1, "svg", 15);
55330
+ i0.ɵɵelement(2, "path", 39);
55331
+ i0.ɵɵelementEnd();
55332
+ i0.ɵɵnamespaceHTML();
55333
+ i0.ɵɵelementStart(3, "span", 17);
55334
+ i0.ɵɵtext(4, "Edit Target");
55335
+ i0.ɵɵelementEnd();
55336
+ i0.ɵɵelementStart(5, "span", 18);
55337
+ i0.ɵɵtext(6, "Edit");
55338
+ i0.ɵɵelementEnd()();
55339
+ } if (rf & 2) {
55340
+ const ctx_r2 = i0.ɵɵnextContext(4);
55341
+ i0.ɵɵproperty("ngClass", ctx_r2.editTargetButtonClasses());
55342
+ } }
55324
55343
  function FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Template(rf, ctx) { if (rf & 1) {
55325
55344
  const _r4 = i0.ɵɵgetCurrentView();
55326
55345
  i0.ɵɵelementStart(0, "div", 25)(1, "div", 26)(2, "p", 27);
@@ -55344,7 +55363,7 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Template
55344
55363
  i0.ɵɵelementEnd();
55345
55364
  i0.ɵɵconditionalCreate(17, FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Conditional_17_Template, 6, 10, "div");
55346
55365
  i0.ɵɵelementEnd();
55347
- i0.ɵɵelementStart(18, "div", 13)(19, "button", 34);
55366
+ i0.ɵɵelementStart(18, "div", 34)(19, "button", 35);
55348
55367
  i0.ɵɵlistener("click", function FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Template_button_click_19_listener() { const metric_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onViewRelatedMetricReport(metric_r5.calc.metric)); });
55349
55368
  i0.ɵɵnamespaceSVG();
55350
55369
  i0.ɵɵelementStart(20, "svg", 15);
@@ -55356,7 +55375,9 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Template
55356
55375
  i0.ɵɵelementEnd();
55357
55376
  i0.ɵɵelementStart(24, "span", 18);
55358
55377
  i0.ɵɵtext(25, "Report");
55359
- i0.ɵɵelementEnd()()()();
55378
+ i0.ɵɵelementEnd()();
55379
+ i0.ɵɵconditionalCreate(26, FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Conditional_26_Template, 7, 1, "button", 36);
55380
+ i0.ɵɵelementEnd()();
55360
55381
  } if (rf & 2) {
55361
55382
  const metric_r5 = ctx.$implicit;
55362
55383
  const ctx_r2 = i0.ɵɵnextContext(3);
@@ -55391,6 +55412,8 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Template
55391
55412
  i0.ɵɵproperty("ngClass", ctx_r2.relatedActionBarClasses());
55392
55413
  i0.ɵɵadvance();
55393
55414
  i0.ɵɵproperty("ngClass", ctx_r2.relatedActionButtonClasses());
55415
+ i0.ɵɵadvance(7);
55416
+ i0.ɵɵconditional(ctx_r2.hasExistingTargets() ? 26 : -1);
55394
55417
  } }
55395
55418
  function FunnelMetricsVisualizationComponent_For_4_Conditional_28_Template(rf, ctx) { if (rf & 1) {
55396
55419
  i0.ɵɵelement(0, "div", 21);
@@ -55398,7 +55421,7 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_28_Template(rf, c
55398
55421
  i0.ɵɵtext(3, " Related Metrics ");
55399
55422
  i0.ɵɵelementEnd();
55400
55423
  i0.ɵɵelementStart(4, "div", 24);
55401
- i0.ɵɵrepeaterCreate(5, FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Template, 26, 20, "div", 25, _forTrack1$3);
55424
+ i0.ɵɵrepeaterCreate(5, FunnelMetricsVisualizationComponent_For_4_Conditional_28_For_6_Template, 27, 21, "div", 25, _forTrack1$3);
55402
55425
  i0.ɵɵelementEnd()();
55403
55426
  } if (rf & 2) {
55404
55427
  const stage_r2 = i0.ɵɵnextContext().$implicit;
@@ -55488,8 +55511,10 @@ class FunnelMetricsVisualizationComponent {
55488
55511
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
55489
55512
  this.calculations = input([], ...(ngDevMode ? [{ debugName: "calculations" }] : []));
55490
55513
  this.pacingMetrics = input(undefined, ...(ngDevMode ? [{ debugName: "pacingMetrics" }] : []));
55514
+ this.hasExistingTargets = input(false, ...(ngDevMode ? [{ debugName: "hasExistingTargets" }] : []));
55491
55515
  this.viewStageReport = output();
55492
55516
  this.viewRelatedMetricReport = output();
55517
+ this.editRelatedMetricTarget = output();
55493
55518
  this.Math = Math;
55494
55519
  this.currentYear = computed(() => new Date().getFullYear(), ...(ngDevMode ? [{ debugName: "currentYear" }] : []));
55495
55520
  this.priorYear = computed(() => new Date().getFullYear() - 1, ...(ngDevMode ? [{ debugName: "priorYear" }] : []));
@@ -55651,14 +55676,22 @@ class FunnelMetricsVisualizationComponent {
55651
55676
  ? 'bg-slate-700/50 text-slate-300 hover:bg-slate-600/50 hover:text-slate-200 border border-slate-600/50 hover:border-slate-500/50'
55652
55677
  : 'bg-slate-50 text-slate-700 hover:bg-slate-100 hover:text-slate-800 border border-slate-200 hover:border-slate-300';
55653
55678
  }
55679
+ editTargetButtonClasses() {
55680
+ return this.viewMode() === ViewModeEnum.DARK
55681
+ ? 'bg-purple-500/20 text-purple-300 hover:bg-purple-500/30 hover:text-purple-200 border border-purple-400/30 hover:border-purple-400/50'
55682
+ : 'bg-purple-50 text-purple-700 hover:bg-purple-100 hover:text-purple-800 border border-purple-200 hover:border-purple-300';
55683
+ }
55654
55684
  onViewStageReport(metric) {
55655
55685
  this.viewStageReport.emit(metric);
55656
55686
  }
55657
55687
  onViewRelatedMetricReport(metric) {
55658
55688
  this.viewRelatedMetricReport.emit(metric);
55659
55689
  }
55690
+ onEditRelatedMetricTarget(metric) {
55691
+ this.editRelatedMetricTarget.emit(metric);
55692
+ }
55660
55693
  static { this.ɵfac = function FunnelMetricsVisualizationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FunnelMetricsVisualizationComponent)(); }; }
55661
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FunnelMetricsVisualizationComponent, selectors: [["symphiq-funnel-metrics-visualization"]], inputs: { viewMode: [1, "viewMode"], calculations: [1, "calculations"], pacingMetrics: [1, "pacingMetrics"] }, outputs: { viewStageReport: "viewStageReport", viewRelatedMetricReport: "viewRelatedMetricReport" }, decls: 5, vars: 0, consts: [[1, "space-y-6"], [1, "space-y-8"], [1, "rounded-xl", "p-6", "border-2", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "mb-1"], [1, "text-lg", "sm:text-xl", "font-bold", "leading-tight", "m-0", 3, "ngClass"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "right", 1, "flex-shrink-0", "w-6", "h-6", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "ngClass", "libSymphiqTooltip"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "lg:grid-cols-3", "gap-6", "mb-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [3, "viewMode", "percentageChange", "metric", "priorYear"], [1, "mt-6", "pt-4", "border-t", "flex", "justify-start", 3, "ngClass"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "hidden", "sm:inline"], [1, "sm:hidden"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [3, "viewMode", "pacingPercentage", "status", "showAsFullText", "showEmphasizedPercentage"], [1, "my-8"], [1, "space-y-3"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-3", 3, "ngClass"], [1, "grid", "gap-3"], [1, "p-4", "rounded-lg", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-4"], [1, "text-sm", "sm:text-base", "font-semibold", "leading-tight", 3, "ngClass"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "right", 1, "flex-shrink-0", "w-5", "h-5", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "ngClass", "libSymphiqTooltip"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1.5", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "percentageChange", "metric", "priorYear", "isCompact"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-3", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], [3, "viewMode", "pacingPercentage", "status", "showAsFullText", "isCompact", "showEmphasizedPercentage"]], template: function FunnelMetricsVisualizationComponent_Template(rf, ctx) { if (rf & 1) {
55694
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FunnelMetricsVisualizationComponent, selectors: [["symphiq-funnel-metrics-visualization"]], inputs: { viewMode: [1, "viewMode"], calculations: [1, "calculations"], pacingMetrics: [1, "pacingMetrics"], hasExistingTargets: [1, "hasExistingTargets"] }, outputs: { viewStageReport: "viewStageReport", viewRelatedMetricReport: "viewRelatedMetricReport", editRelatedMetricTarget: "editRelatedMetricTarget" }, decls: 5, vars: 0, consts: [[1, "space-y-6"], [1, "space-y-8"], [1, "rounded-xl", "p-6", "border-2", "transition-all", "duration-200", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "mb-1"], [1, "text-lg", "sm:text-xl", "font-bold", "leading-tight", "m-0", 3, "ngClass"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "right", 1, "flex-shrink-0", "w-6", "h-6", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "ngClass", "libSymphiqTooltip"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "lg:grid-cols-3", "gap-6", "mb-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [3, "viewMode", "percentageChange", "metric", "priorYear"], [1, "mt-6", "pt-4", "border-t", "flex", "justify-start", 3, "ngClass"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "hidden", "sm:inline"], [1, "sm:hidden"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [3, "viewMode", "pacingPercentage", "status", "showAsFullText", "showEmphasizedPercentage"], [1, "my-8"], [1, "space-y-3"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-3", 3, "ngClass"], [1, "grid", "gap-3"], [1, "p-4", "rounded-lg", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-4"], [1, "text-sm", "sm:text-base", "font-semibold", "leading-tight", 3, "ngClass"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "right", 1, "flex-shrink-0", "w-5", "h-5", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "ngClass", "libSymphiqTooltip"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1.5", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "percentageChange", "metric", "priorYear", "isCompact"], [1, "mt-6", "pt-4", "border-t", "flex", "justify-between", "items-center", 3, "ngClass"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-3", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "px-3", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], [3, "viewMode", "pacingPercentage", "status", "showAsFullText", "isCompact", "showEmphasizedPercentage"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"]], template: function FunnelMetricsVisualizationComponent_Template(rf, ctx) { if (rf & 1) {
55662
55695
  i0.ɵɵelementStart(0, "div", 0);
55663
55696
  i0.ɵɵelement(1, "symphiq-tooltip-container");
55664
55697
  i0.ɵɵelementStart(2, "div", 1);
@@ -55833,7 +55866,7 @@ class FunnelMetricsVisualizationComponent {
55833
55866
  }
55834
55867
  </div>
55835
55868
 
55836
- <div [ngClass]="relatedActionBarClasses()" class="mt-6 pt-4 border-t flex justify-start">
55869
+ <div [ngClass]="relatedActionBarClasses()" class="mt-6 pt-4 border-t flex justify-between items-center">
55837
55870
  <button
55838
55871
  type="button"
55839
55872
  (click)="onViewRelatedMetricReport(metric.calc.metric)"
@@ -55845,6 +55878,19 @@ class FunnelMetricsVisualizationComponent {
55845
55878
  <span class="hidden sm:inline">View Report</span>
55846
55879
  <span class="sm:hidden">Report</span>
55847
55880
  </button>
55881
+ @if (hasExistingTargets()) {
55882
+ <button
55883
+ type="button"
55884
+ (click)="onEditRelatedMetricTarget(metric.calc.metric)"
55885
+ [ngClass]="editTargetButtonClasses()"
55886
+ class="inline-flex items-center gap-2 px-3 py-2 rounded-lg font-medium text-sm transition-all duration-200">
55887
+ <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
55888
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
55889
+ </svg>
55890
+ <span class="hidden sm:inline">Edit Target</span>
55891
+ <span class="sm:hidden">Edit</span>
55892
+ </button>
55893
+ }
55848
55894
  </div>
55849
55895
  </div>
55850
55896
  }
@@ -55857,8 +55903,8 @@ class FunnelMetricsVisualizationComponent {
55857
55903
  </div>
55858
55904
  `
55859
55905
  }]
55860
- }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], calculations: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculations", required: false }] }], pacingMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingMetrics", required: false }] }], viewStageReport: [{ type: i0.Output, args: ["viewStageReport"] }], viewRelatedMetricReport: [{ type: i0.Output, args: ["viewRelatedMetricReport"] }] }); })();
55861
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelMetricsVisualizationComponent, { className: "FunnelMetricsVisualizationComponent", filePath: "lib/components/revenue-calculator-dashboard/funnel-metrics-visualization.component.ts", lineNumber: 198 }); })();
55906
+ }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], calculations: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculations", required: false }] }], pacingMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingMetrics", required: false }] }], hasExistingTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasExistingTargets", required: false }] }], viewStageReport: [{ type: i0.Output, args: ["viewStageReport"] }], viewRelatedMetricReport: [{ type: i0.Output, args: ["viewRelatedMetricReport"] }], editRelatedMetricTarget: [{ type: i0.Output, args: ["editRelatedMetricTarget"] }] }); })();
55907
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelMetricsVisualizationComponent, { className: "FunnelMetricsVisualizationComponent", filePath: "lib/components/revenue-calculator-dashboard/funnel-metrics-visualization.component.ts", lineNumber: 211 }); })();
55862
55908
 
55863
55909
  function StickySubmitBarComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
55864
55910
  i0.ɵɵelementStart(0, "div", 4);
@@ -58890,340 +58936,1358 @@ class MetricReportModalComponent {
58890
58936
  }] }); })();
58891
58937
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricReportModalComponent, { className: "MetricReportModalComponent", filePath: "lib/components/revenue-calculator-dashboard/metric-report-modal.component.ts", lineNumber: 483 }); })();
58892
58938
 
58893
- const _c0$q = ["absoluteInputRef"];
58894
- const _c1$b = ["percentageInputRef"];
58895
- function InitialTargetSettingComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
58896
- i0.ɵɵtext(0);
58897
- } if (rf & 2) {
58898
- const ctx_r0 = i0.ɵɵnextContext();
58899
- i0.ɵɵtextInterpolate1(" Your ", ctx_r0.currentYear(), " Revenue Target ");
58900
- } }
58901
- function InitialTargetSettingComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
58902
- i0.ɵɵtext(0);
58903
- } if (rf & 2) {
58904
- const ctx_r0 = i0.ɵɵnextContext();
58905
- i0.ɵɵtextInterpolate1(" Calculate Your ", ctx_r0.currentYear(), " Revenue Target ");
58906
- } }
58907
- function InitialTargetSettingComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
58908
- i0.ɵɵnamespaceSVG();
58909
- i0.ɵɵelementStart(0, "svg", 34);
58910
- i0.ɵɵelement(1, "path", 35);
58911
- i0.ɵɵelementEnd();
58912
- } if (rf & 2) {
58913
- const ctx_r0 = i0.ɵɵnextContext();
58914
- i0.ɵɵclassProp("chevron-rotate-expanded", ctx_r0.detailsExpanded());
58915
- i0.ɵɵproperty("ngClass", ctx_r0.chevronClasses());
58916
- } }
58917
- function InitialTargetSettingComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
58918
- const _r2 = i0.ɵɵgetCurrentView();
58919
- i0.ɵɵelementStart(0, "div", 11);
58939
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
58940
+ const _r3 = i0.ɵɵgetCurrentView();
58941
+ i0.ɵɵelementStart(0, "div", 16);
58920
58942
  i0.ɵɵnamespaceSVG();
58921
- i0.ɵɵelementStart(1, "svg", 12);
58922
- i0.ɵɵelement(2, "path", 36);
58943
+ i0.ɵɵelementStart(1, "svg", 17);
58944
+ i0.ɵɵelement(2, "path", 29);
58923
58945
  i0.ɵɵelementEnd();
58924
58946
  i0.ɵɵnamespaceHTML();
58925
- i0.ɵɵelementStart(3, "div")(4, "div", 37)(5, "p", 14);
58947
+ i0.ɵɵelementStart(3, "div")(4, "div", 30)(5, "p", 19);
58926
58948
  i0.ɵɵtext(6, " Current Pace Projection ");
58927
58949
  i0.ɵɵelementEnd();
58928
- i0.ɵɵelementStart(7, "button", 38);
58929
- i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_21_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); });
58950
+ i0.ɵɵelementStart(7, "button", 31);
58951
+ i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_27_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r3); return i0.ɵɵresetView($event.stopPropagation()); });
58930
58952
  i0.ɵɵnamespaceSVG();
58931
- i0.ɵɵelementStart(8, "svg", 39);
58932
- i0.ɵɵelement(9, "path", 40);
58953
+ i0.ɵɵelementStart(8, "svg", 32);
58954
+ i0.ɵɵelement(9, "path", 33);
58933
58955
  i0.ɵɵelementEnd()()();
58934
58956
  i0.ɵɵnamespaceHTML();
58935
- i0.ɵɵelementStart(10, "p", 15);
58957
+ i0.ɵɵelementStart(10, "p", 20);
58936
58958
  i0.ɵɵtext(11);
58937
58959
  i0.ɵɵelementEnd()()();
58938
58960
  } if (rf & 2) {
58939
- const ctx_r0 = i0.ɵɵnextContext();
58961
+ const ctx_r1 = i0.ɵɵnextContext(2);
58940
58962
  i0.ɵɵadvance();
58941
- i0.ɵɵproperty("ngClass", ctx_r0.projectionIconClasses());
58963
+ i0.ɵɵproperty("ngClass", ctx_r1.projectionIconClasses());
58942
58964
  i0.ɵɵadvance(4);
58943
- i0.ɵɵproperty("ngClass", ctx_r0.projectionLabelClasses());
58965
+ i0.ɵɵproperty("ngClass", ctx_r1.projectionLabelClasses());
58944
58966
  i0.ɵɵadvance(2);
58945
- i0.ɵɵproperty("ngClass", ctx_r0.infoIconClasses())("libSymphiqTooltip", ctx_r0.currentPaceProjectionTooltip);
58967
+ i0.ɵɵproperty("ngClass", ctx_r1.infoIconClasses())("libSymphiqTooltip", ctx_r1.currentPaceProjectionTooltip);
58946
58968
  i0.ɵɵadvance(3);
58947
- i0.ɵɵproperty("ngClass", ctx_r0.projectionValueClasses());
58969
+ i0.ɵɵproperty("ngClass", ctx_r1.projectionValueClasses());
58948
58970
  i0.ɵɵadvance();
58949
- i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.currentPaceProjection()), " ");
58971
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.currentPaceProjection()), " ");
58950
58972
  } }
58951
- function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template(rf, ctx) { if (rf & 1) {
58973
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_1_Template(rf, ctx) { if (rf & 1) {
58952
58974
  const _r4 = i0.ɵɵgetCurrentView();
58953
- i0.ɵɵelementStart(0, "div", 43)(1, "span", 45);
58954
- i0.ɵɵtext(2, " $ ");
58975
+ i0.ɵɵelementStart(0, "input", 35);
58976
+ i0.ɵɵtwoWayListener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_1_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.absoluteInput, $event) || (ctx_r1.absoluteInput = $event); return i0.ɵɵresetView($event); });
58977
+ i0.ɵɵlistener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_1_Template_input_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onAbsoluteInputChange()); });
58978
+ i0.ɵɵelementEnd();
58979
+ i0.ɵɵelementStart(1, "span", 36);
58980
+ i0.ɵɵtext(2, " % ");
58955
58981
  i0.ɵɵelementEnd();
58956
- i0.ɵɵelementStart(3, "input", 46, 0);
58957
- i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.absoluteInput, $event) || (ctx_r0.absoluteInput = $event); return i0.ɵɵresetView($event); });
58958
- i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onAbsoluteInputChange()); });
58959
- i0.ɵɵelementEnd()();
58960
58982
  } if (rf & 2) {
58961
- const ctx_r0 = i0.ɵɵnextContext(2);
58983
+ const ctx_r1 = i0.ɵɵnextContext(3);
58984
+ i0.ɵɵtwoWayProperty("ngModel", ctx_r1.absoluteInput);
58985
+ i0.ɵɵproperty("ngClass", ctx_r1.inputClasses());
58962
58986
  i0.ɵɵadvance();
58963
- i0.ɵɵproperty("ngClass", ctx_r0.inputPrefixClasses());
58964
- i0.ɵɵadvance(2);
58965
- i0.ɵɵtwoWayProperty("ngModel", ctx_r0.absoluteInput);
58966
- i0.ɵɵproperty("ngClass", ctx_r0.inputClasses());
58987
+ i0.ɵɵproperty("ngClass", ctx_r1.inputSuffixClasses());
58967
58988
  } }
58968
- function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template(rf, ctx) { if (rf & 1) {
58989
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_2_Template(rf, ctx) { if (rf & 1) {
58969
58990
  const _r5 = i0.ɵɵgetCurrentView();
58970
- i0.ɵɵelementStart(0, "div", 43)(1, "input", 47, 1);
58971
- i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.percentageInput, $event) || (ctx_r0.percentageInput = $event); return i0.ɵɵresetView($event); });
58972
- i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template_input_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onPercentageInputChange()); });
58991
+ i0.ɵɵelementStart(0, "span", 37);
58992
+ i0.ɵɵtext(1, " $ ");
58993
+ i0.ɵɵelementEnd();
58994
+ i0.ɵɵelementStart(2, "input", 38);
58995
+ i0.ɵɵtwoWayListener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_2_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.absoluteInput, $event) || (ctx_r1.absoluteInput = $event); return i0.ɵɵresetView($event); });
58996
+ i0.ɵɵlistener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_2_Template_input_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onAbsoluteInputChange()); });
58973
58997
  i0.ɵɵelementEnd();
58974
- i0.ɵɵelementStart(3, "span", 48);
58975
- i0.ɵɵtext(4, " % ");
58976
- i0.ɵɵelementEnd()();
58977
58998
  } if (rf & 2) {
58978
- const ctx_r0 = i0.ɵɵnextContext(2);
58979
- i0.ɵɵadvance();
58980
- i0.ɵɵtwoWayProperty("ngModel", ctx_r0.percentageInput);
58981
- i0.ɵɵproperty("ngClass", ctx_r0.inputClasses());
58999
+ const ctx_r1 = i0.ɵɵnextContext(3);
59000
+ i0.ɵɵproperty("ngClass", ctx_r1.inputPrefixClasses());
58982
59001
  i0.ɵɵadvance(2);
58983
- i0.ɵɵproperty("ngClass", ctx_r0.inputSuffixClasses());
59002
+ i0.ɵɵtwoWayProperty("ngModel", ctx_r1.absoluteInput);
59003
+ i0.ɵɵproperty("ngClass", ctx_r1.inputClasses());
58984
59004
  } }
58985
- function InitialTargetSettingComponent_Conditional_25_Conditional_7_Template(rf, ctx) { if (rf & 1) {
59005
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_3_Template(rf, ctx) { if (rf & 1) {
58986
59006
  const _r6 = i0.ɵɵgetCurrentView();
58987
- i0.ɵɵelementStart(0, "div", 44)(1, "button", 49);
58988
- i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.handleCancel()); });
58989
- i0.ɵɵtext(2, " Cancel ");
58990
- i0.ɵɵelementEnd()();
58991
- } if (rf & 2) {
58992
- const ctx_r0 = i0.ɵɵnextContext(2);
58993
- i0.ɵɵadvance();
58994
- i0.ɵɵproperty("ngClass", ctx_r0.cancelButtonClasses());
58995
- } }
58996
- function InitialTargetSettingComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
58997
- const _r3 = i0.ɵɵgetCurrentView();
58998
- i0.ɵɵelementStart(0, "div", 41)(1, "button", 42);
58999
- i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("absolute")); });
59000
- i0.ɵɵtext(2, " Absolute Amount ");
59007
+ i0.ɵɵelementStart(0, "input", 39);
59008
+ i0.ɵɵtwoWayListener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_3_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.absoluteInput, $event) || (ctx_r1.absoluteInput = $event); return i0.ɵɵresetView($event); });
59009
+ i0.ɵɵlistener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_3_Template_input_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onAbsoluteInputChange()); });
59001
59010
  i0.ɵɵelementEnd();
59002
- i0.ɵɵelementStart(3, "button", 42);
59003
- i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("percentage")); });
59004
- i0.ɵɵtext(4, " % Increase ");
59005
- i0.ɵɵelementEnd()();
59006
- i0.ɵɵconditionalCreate(5, InitialTargetSettingComponent_Conditional_25_Conditional_5_Template, 5, 3, "div", 43)(6, InitialTargetSettingComponent_Conditional_25_Conditional_6_Template, 5, 3, "div", 43);
59007
- i0.ɵɵconditionalCreate(7, InitialTargetSettingComponent_Conditional_25_Conditional_7_Template, 3, 1, "div", 44);
59008
- } if (rf & 2) {
59009
- const ctx_r0 = i0.ɵɵnextContext();
59010
- i0.ɵɵadvance();
59011
- i0.ɵɵproperty("ngClass", ctx_r0.inputModeButtonClasses("absolute"));
59012
- i0.ɵɵadvance(2);
59013
- i0.ɵɵproperty("ngClass", ctx_r0.inputModeButtonClasses("percentage"));
59014
- i0.ɵɵadvance(2);
59015
- i0.ɵɵconditional(ctx_r0.inputMode() === "absolute" ? 5 : 6);
59016
- i0.ɵɵadvance(2);
59017
- i0.ɵɵconditional(ctx_r0.hasStoredResponse() ? 7 : -1);
59018
- } }
59019
- function InitialTargetSettingComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
59020
- i0.ɵɵelement(0, "symphiq-area-chart", 23);
59021
59011
  } if (rf & 2) {
59022
- const ctx_r0 = i0.ɵɵnextContext();
59023
- i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "108px");
59012
+ const ctx_r1 = i0.ɵɵnextContext(3);
59013
+ i0.ɵɵtwoWayProperty("ngModel", ctx_r1.absoluteInput);
59014
+ i0.ɵɵproperty("ngClass", ctx_r1.inputClasses());
59024
59015
  } }
59025
- function InitialTargetSettingComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
59026
- i0.ɵɵelementStart(0, "div", 24)(1, "p", 50);
59027
- i0.ɵɵtext(2, " No revenue data available ");
59028
- i0.ɵɵelementEnd()();
59016
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Template(rf, ctx) { if (rf & 1) {
59017
+ i0.ɵɵelementStart(0, "div", 24);
59018
+ i0.ɵɵconditionalCreate(1, EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_1_Template, 3, 3)(2, EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_2_Template, 3, 3)(3, EditMetricTargetModalComponent_Conditional_0_Conditional_34_Conditional_3_Template, 1, 2, "input", 34);
59019
+ i0.ɵɵelementEnd();
59029
59020
  } if (rf & 2) {
59030
- const ctx_r0 = i0.ɵɵnextContext();
59021
+ const ctx_r1 = i0.ɵɵnextContext(2);
59031
59022
  i0.ɵɵadvance();
59032
- i0.ɵɵproperty("ngClass", ctx_r0.noDataClasses());
59033
- } }
59034
- function InitialTargetSettingComponent_Conditional_36_Conditional_7_Template(rf, ctx) { if (rf & 1) {
59035
- i0.ɵɵtext(0);
59036
- } if (rf & 2) {
59037
- const ctx_r0 = i0.ɵɵnextContext(2);
59038
- i0.ɵɵtextInterpolate1(" > ", ctx_r0.formatCurrency(ctx_r0.submittedAbsoluteInput()), " ");
59039
- } }
59040
- function InitialTargetSettingComponent_Conditional_36_Conditional_8_Template(rf, ctx) { if (rf & 1) {
59041
- i0.ɵɵtext(0);
59042
- } if (rf & 2) {
59043
- const ctx_r0 = i0.ɵɵnextContext(2);
59044
- i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.displayedTargetRevenue()), " ");
59023
+ i0.ɵɵconditional(ctx_r1.isPercentageMetric() ? 1 : ctx_r1.isCurrencyMetric() ? 2 : 3);
59045
59024
  } }
59046
- function InitialTargetSettingComponent_Conditional_36_Conditional_9_Template(rf, ctx) { if (rf & 1) {
59025
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_35_Template(rf, ctx) { if (rf & 1) {
59047
59026
  const _r7 = i0.ɵɵgetCurrentView();
59048
- i0.ɵɵelementStart(0, "button", 64);
59049
- i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_36_Conditional_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.handleAdjustTarget(); return i0.ɵɵresetView($event.stopPropagation()); });
59050
- i0.ɵɵtext(1, " Adjust Revenue Target ");
59027
+ i0.ɵɵelementStart(0, "div", 24)(1, "input", 40);
59028
+ i0.ɵɵtwoWayListener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_35_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.percentageInput, $event) || (ctx_r1.percentageInput = $event); return i0.ɵɵresetView($event); });
59029
+ i0.ɵɵlistener("ngModelChange", function EditMetricTargetModalComponent_Conditional_0_Conditional_35_Template_input_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPercentageInputChange()); });
59051
59030
  i0.ɵɵelementEnd();
59031
+ i0.ɵɵelementStart(2, "span", 36);
59032
+ i0.ɵɵtext(3, " % ");
59033
+ i0.ɵɵelementEnd()();
59052
59034
  } if (rf & 2) {
59053
- const ctx_r0 = i0.ɵɵnextContext(2);
59054
- i0.ɵɵproperty("ngClass", ctx_r0.secondaryButtonClasses());
59035
+ const ctx_r1 = i0.ɵɵnextContext(2);
59036
+ i0.ɵɵadvance();
59037
+ i0.ɵɵtwoWayProperty("ngModel", ctx_r1.percentageInput);
59038
+ i0.ɵɵproperty("ngClass", ctx_r1.inputClasses());
59039
+ i0.ɵɵadvance();
59040
+ i0.ɵɵproperty("ngClass", ctx_r1.inputSuffixClasses());
59055
59041
  } }
59056
- function InitialTargetSettingComponent_Conditional_36_Conditional_23_Template(rf, ctx) { if (rf & 1) {
59042
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_17_Template(rf, ctx) { if (rf & 1) {
59057
59043
  i0.ɵɵtext(0);
59058
59044
  } if (rf & 2) {
59059
- const ctx_r0 = i0.ɵɵnextContext(2);
59060
- i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.animatedIncreaseAmount()), " ");
59045
+ const ctx_r1 = i0.ɵɵnextContext(3);
59046
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.Math.abs(ctx_r1.increaseAmount())), " ");
59061
59047
  } }
59062
- function InitialTargetSettingComponent_Conditional_36_Conditional_24_Template(rf, ctx) { if (rf & 1) {
59048
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_18_Template(rf, ctx) { if (rf & 1) {
59063
59049
  i0.ɵɵtext(0, " -- ");
59064
59050
  } }
59065
- function InitialTargetSettingComponent_Conditional_36_Conditional_29_Template(rf, ctx) { if (rf & 1) {
59051
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_23_Template(rf, ctx) { if (rf & 1) {
59066
59052
  i0.ɵɵtext(0);
59067
59053
  } if (rf & 2) {
59068
- const ctx_r0 = i0.ɵɵnextContext(2);
59069
- i0.ɵɵtextInterpolate1(" +", ctx_r0.formatPercentage(ctx_r0.animatedPercentageGrowth(), 1), " ");
59054
+ const ctx_r1 = i0.ɵɵnextContext(3);
59055
+ i0.ɵɵtextInterpolate2(" ", ctx_r1.percentageChange() >= 0 ? "+" : "", "", ctx_r1.formatPercentage(ctx_r1.percentageChange(), 1), " ");
59070
59056
  } }
59071
- function InitialTargetSettingComponent_Conditional_36_Conditional_30_Template(rf, ctx) { if (rf & 1) {
59057
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_24_Template(rf, ctx) { if (rf & 1) {
59072
59058
  i0.ɵɵtext(0, " -- ");
59073
59059
  } }
59074
- function InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_11_Template(rf, ctx) { if (rf & 1) {
59060
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_11_Template(rf, ctx) { if (rf & 1) {
59075
59061
  i0.ɵɵtext(0);
59076
59062
  } if (rf & 2) {
59077
- const ctx_r0 = i0.ɵɵnextContext(3);
59078
- i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.animatedGapAmount()), " ");
59063
+ const ctx_r1 = i0.ɵɵnextContext(4);
59064
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.Math.abs(ctx_r1.gapToClose().amount)), " ");
59079
59065
  } }
59080
- function InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_12_Template(rf, ctx) { if (rf & 1) {
59066
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_12_Template(rf, ctx) { if (rf & 1) {
59081
59067
  i0.ɵɵtext(0, " -- ");
59082
59068
  } }
59083
- function InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_21_Template(rf, ctx) { if (rf & 1) {
59069
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_21_Template(rf, ctx) { if (rf & 1) {
59084
59070
  i0.ɵɵtext(0);
59085
59071
  } if (rf & 2) {
59086
- const ctx_r0 = i0.ɵɵnextContext(3);
59087
- i0.ɵɵtextInterpolate2(" ", ctx_r0.gapToClose().amount > 0 ? "+" : "", "", ctx_r0.formatPercentage(ctx_r0.animatedGapPercentage(), 1), " ");
59072
+ const ctx_r1 = i0.ɵɵnextContext(4);
59073
+ i0.ɵɵtextInterpolate2(" ", ctx_r1.gapToClose().amount > 0 ? "+" : "", "", ctx_r1.formatPercentage(ctx_r1.gapToClose().percentage, 1), " ");
59088
59074
  } }
59089
- function InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_22_Template(rf, ctx) { if (rf & 1) {
59075
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_22_Template(rf, ctx) { if (rf & 1) {
59090
59076
  i0.ɵɵtext(0, " -- ");
59091
59077
  } }
59092
- function InitialTargetSettingComponent_Conditional_36_Conditional_31_Template(rf, ctx) { if (rf & 1) {
59078
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Template(rf, ctx) { if (rf & 1) {
59093
59079
  const _r8 = i0.ɵɵgetCurrentView();
59094
- i0.ɵɵelementStart(0, "div", 57)(1, "div", 58);
59095
- i0.ɵɵelement(2, "div", 59);
59096
- i0.ɵɵelementStart(3, "span", 60);
59080
+ i0.ɵɵelementStart(0, "div", 42)(1, "div", 43);
59081
+ i0.ɵɵelement(2, "div", 44);
59082
+ i0.ɵɵelementStart(3, "span", 45);
59097
59083
  i0.ɵɵtext(4);
59098
59084
  i0.ɵɵelementEnd();
59099
- i0.ɵɵelement(5, "div", 59);
59085
+ i0.ɵɵelement(5, "div", 44);
59100
59086
  i0.ɵɵelementEnd();
59101
- i0.ɵɵelementStart(6, "div", 61)(7, "div")(8, "p", 62);
59087
+ i0.ɵɵelementStart(6, "div", 46)(7, "div")(8, "p", 47);
59102
59088
  i0.ɵɵtext(9, " Gap to Close ");
59103
59089
  i0.ɵɵelementEnd();
59104
- i0.ɵɵelementStart(10, "p", 63);
59105
- i0.ɵɵconditionalCreate(11, InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_11_Template, 1, 1)(12, InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_12_Template, 1, 0);
59090
+ i0.ɵɵelementStart(10, "p", 48);
59091
+ i0.ɵɵconditionalCreate(11, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_11_Template, 1, 1)(12, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_12_Template, 1, 0);
59106
59092
  i0.ɵɵelementEnd()();
59107
- i0.ɵɵelementStart(13, "div")(14, "div", 65)(15, "p", 14);
59093
+ i0.ɵɵelementStart(13, "div")(14, "div", 49)(15, "p", 19);
59108
59094
  i0.ɵɵtext(16, " Additional Growth Needed ");
59109
59095
  i0.ɵɵelementEnd();
59110
- i0.ɵɵelementStart(17, "button", 38);
59111
- i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_36_Conditional_31_Template_button_click_17_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
59096
+ i0.ɵɵelementStart(17, "button", 31);
59097
+ i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Template_button_click_17_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
59112
59098
  i0.ɵɵnamespaceSVG();
59113
- i0.ɵɵelementStart(18, "svg", 39);
59114
- i0.ɵɵelement(19, "path", 40);
59099
+ i0.ɵɵelementStart(18, "svg", 32);
59100
+ i0.ɵɵelement(19, "path", 33);
59115
59101
  i0.ɵɵelementEnd()()();
59116
59102
  i0.ɵɵnamespaceHTML();
59117
- i0.ɵɵelementStart(20, "p", 63);
59118
- i0.ɵɵconditionalCreate(21, InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_21_Template, 1, 2)(22, InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_22_Template, 1, 0);
59103
+ i0.ɵɵelementStart(20, "p", 48);
59104
+ i0.ɵɵconditionalCreate(21, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_21_Template, 1, 2)(22, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Conditional_22_Template, 1, 0);
59119
59105
  i0.ɵɵelementEnd()()()();
59120
59106
  } if (rf & 2) {
59121
- const ctx_r0 = i0.ɵɵnextContext(2);
59107
+ const ctx_r1 = i0.ɵɵnextContext(3);
59122
59108
  i0.ɵɵadvance(2);
59123
- i0.ɵɵproperty("ngClass", ctx_r0.dividerBorderClasses());
59109
+ i0.ɵɵproperty("ngClass", ctx_r1.dividerBorderClasses());
59124
59110
  i0.ɵɵadvance();
59125
- i0.ɵɵproperty("ngClass", ctx_r0.dividerLabelClasses());
59111
+ i0.ɵɵproperty("ngClass", ctx_r1.dividerLabelClasses());
59126
59112
  i0.ɵɵadvance();
59127
- i0.ɵɵtextInterpolate1(" ", ctx_r0.currentYear(), " YTD Gap ");
59113
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.currentYear(), " YTD Gap ");
59128
59114
  i0.ɵɵadvance();
59129
- i0.ɵɵproperty("ngClass", ctx_r0.dividerBorderClasses());
59115
+ i0.ɵɵproperty("ngClass", ctx_r1.dividerBorderClasses());
59130
59116
  i0.ɵɵadvance(3);
59131
- i0.ɵɵproperty("ngClass", ctx_r0.calculatedLabelClasses());
59117
+ i0.ɵɵproperty("ngClass", ctx_r1.calculatedLabelClasses());
59132
59118
  i0.ɵɵadvance(2);
59133
- i0.ɵɵproperty("ngClass", ctx_r0.calculatedSecondaryClasses());
59119
+ i0.ɵɵproperty("ngClass", ctx_r1.calculatedSecondaryClasses());
59134
59120
  i0.ɵɵadvance();
59135
- i0.ɵɵconditional(ctx_r0.isTargetValid() ? 11 : 12);
59121
+ i0.ɵɵconditional(ctx_r1.isTargetValid() ? 11 : 12);
59136
59122
  i0.ɵɵadvance(4);
59137
- i0.ɵɵproperty("ngClass", ctx_r0.calculatedLabelClasses());
59123
+ i0.ɵɵproperty("ngClass", ctx_r1.calculatedLabelClasses());
59138
59124
  i0.ɵɵadvance(2);
59139
- i0.ɵɵproperty("ngClass", ctx_r0.infoIconClasses())("libSymphiqTooltip", ctx_r0.additionalGrowthTooltip);
59125
+ i0.ɵɵproperty("ngClass", ctx_r1.infoIconClasses())("libSymphiqTooltip", ctx_r1.additionalGrowthTooltip);
59140
59126
  i0.ɵɵadvance(3);
59141
- i0.ɵɵproperty("ngClass", ctx_r0.calculatedSecondaryClasses());
59127
+ i0.ɵɵproperty("ngClass", ctx_r1.calculatedSecondaryClasses());
59142
59128
  i0.ɵɵadvance();
59143
- i0.ɵɵconditional(ctx_r0.isTargetValid() ? 21 : 22);
59129
+ i0.ɵɵconditional(ctx_r1.isTargetValid() ? 21 : 22);
59144
59130
  } }
59145
- function InitialTargetSettingComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
59146
- i0.ɵɵelementStart(0, "div", 51)(1, "div")(2, "div", 52)(3, "div")(4, "p", 14);
59147
- i0.ɵɵtext(5);
59131
+ function EditMetricTargetModalComponent_Conditional_0_Conditional_36_Template(rf, ctx) { if (rf & 1) {
59132
+ i0.ɵɵelementStart(0, "div", 25)(1, "div")(2, "p", 19);
59133
+ i0.ɵɵtext(3);
59148
59134
  i0.ɵɵelementEnd();
59149
- i0.ɵɵelementStart(6, "p", 53);
59150
- i0.ɵɵconditionalCreate(7, InitialTargetSettingComponent_Conditional_36_Conditional_7_Template, 1, 1)(8, InitialTargetSettingComponent_Conditional_36_Conditional_8_Template, 1, 1);
59135
+ i0.ɵɵelementStart(4, "p", 41);
59136
+ i0.ɵɵtext(5);
59151
59137
  i0.ɵɵelementEnd()();
59152
- i0.ɵɵconditionalCreate(9, InitialTargetSettingComponent_Conditional_36_Conditional_9_Template, 2, 1, "button", 54);
59153
- i0.ɵɵelementEnd();
59154
- i0.ɵɵelementStart(10, "div", 55)(11, "div", 56)(12, "div", 57)(13, "div", 58);
59155
- i0.ɵɵelement(14, "div", 59);
59156
- i0.ɵɵelementStart(15, "span", 60);
59157
- i0.ɵɵtext(16);
59138
+ i0.ɵɵelementStart(6, "div", 42)(7, "div", 43);
59139
+ i0.ɵɵelement(8, "div", 44);
59140
+ i0.ɵɵelementStart(9, "span", 45);
59141
+ i0.ɵɵtext(10);
59158
59142
  i0.ɵɵelementEnd();
59159
- i0.ɵɵelement(17, "div", 59);
59143
+ i0.ɵɵelement(11, "div", 44);
59160
59144
  i0.ɵɵelementEnd();
59161
- i0.ɵɵelementStart(18, "div", 61)(19, "div")(20, "p", 62);
59162
- i0.ɵɵtext(21, " Increase Amount ");
59145
+ i0.ɵɵelementStart(12, "div", 46)(13, "div")(14, "p", 47);
59146
+ i0.ɵɵtext(15);
59163
59147
  i0.ɵɵelementEnd();
59164
- i0.ɵɵelementStart(22, "p", 63);
59165
- i0.ɵɵconditionalCreate(23, InitialTargetSettingComponent_Conditional_36_Conditional_23_Template, 1, 1)(24, InitialTargetSettingComponent_Conditional_36_Conditional_24_Template, 1, 0);
59148
+ i0.ɵɵelementStart(16, "p", 48);
59149
+ i0.ɵɵconditionalCreate(17, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_17_Template, 1, 1)(18, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_18_Template, 1, 0);
59166
59150
  i0.ɵɵelementEnd()();
59167
- i0.ɵɵelementStart(25, "div")(26, "p", 62);
59168
- i0.ɵɵtext(27, " % Growth ");
59151
+ i0.ɵɵelementStart(19, "div")(20, "p", 47);
59152
+ i0.ɵɵtext(21);
59169
59153
  i0.ɵɵelementEnd();
59170
- i0.ɵɵelementStart(28, "p", 63);
59171
- i0.ɵɵconditionalCreate(29, InitialTargetSettingComponent_Conditional_36_Conditional_29_Template, 1, 1)(30, InitialTargetSettingComponent_Conditional_36_Conditional_30_Template, 1, 0);
59172
- i0.ɵɵelementEnd()()()();
59173
- i0.ɵɵconditionalCreate(31, InitialTargetSettingComponent_Conditional_36_Conditional_31_Template, 23, 12, "div", 57);
59154
+ i0.ɵɵelementStart(22, "p", 48);
59155
+ i0.ɵɵconditionalCreate(23, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_23_Template, 1, 2)(24, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_24_Template, 1, 0);
59174
59156
  i0.ɵɵelementEnd()()()();
59157
+ i0.ɵɵconditionalCreate(25, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Conditional_25_Template, 23, 12, "div", 42);
59158
+ i0.ɵɵelementEnd();
59175
59159
  } if (rf & 2) {
59176
- const ctx_r0 = i0.ɵɵnextContext();
59177
- i0.ɵɵclassProp("h-full", ctx_r0.calculationState() !== "results" || ctx_r0.detailsExpanded());
59178
- i0.ɵɵproperty("ngClass", ctx_r0.calculatedValuesCardClasses());
59179
- i0.ɵɵadvance(4);
59180
- i0.ɵɵproperty("ngClass", ctx_r0.calculatedLabelClasses());
59181
- i0.ɵɵadvance();
59182
- i0.ɵɵtextInterpolate1(" ", ctx_r0.currentYear(), " Revenue Target ");
59160
+ const ctx_r1 = i0.ɵɵnextContext(2);
59161
+ i0.ɵɵproperty("ngClass", ctx_r1.calculatedValuesCardClasses());
59162
+ i0.ɵɵadvance(2);
59163
+ i0.ɵɵproperty("ngClass", ctx_r1.calculatedLabelClasses());
59183
59164
  i0.ɵɵadvance();
59184
- i0.ɵɵclassProp("lg:text-3xl", ctx_r0.calculationState() !== "results" || ctx_r0.detailsExpanded());
59185
- i0.ɵɵproperty("ngClass", ctx_r0.calculatedValueClasses());
59165
+ i0.ɵɵtextInterpolate2(" ", ctx_r1.currentYear(), " ", ctx_r1.metricTitle(), " Target ");
59186
59166
  i0.ɵɵadvance();
59187
- i0.ɵɵconditional(ctx_r0.calculationState() === "results" && !ctx_r0.hasExistingTargets() && ctx_r0.submittedAbsoluteInput() !== null ? 7 : 8);
59188
- i0.ɵɵadvance(2);
59189
- i0.ɵɵconditional(ctx_r0.calculationState() === "results" && !ctx_r0.hasExistingTargets() ? 9 : -1);
59167
+ i0.ɵɵproperty("ngClass", ctx_r1.calculatedValueClasses());
59190
59168
  i0.ɵɵadvance();
59191
- i0.ɵɵclassProp("details-collapse-expanded", ctx_r0.calculationState() !== "results" || ctx_r0.detailsExpanded());
59192
- i0.ɵɵadvance(4);
59193
- i0.ɵɵproperty("ngClass", ctx_r0.dividerBorderClasses());
59169
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.calculatedTarget()), " ");
59170
+ i0.ɵɵadvance(3);
59171
+ i0.ɵɵproperty("ngClass", ctx_r1.dividerBorderClasses());
59194
59172
  i0.ɵɵadvance();
59195
- i0.ɵɵproperty("ngClass", ctx_r0.dividerLabelClasses());
59173
+ i0.ɵɵproperty("ngClass", ctx_r1.dividerLabelClasses());
59196
59174
  i0.ɵɵadvance();
59197
- i0.ɵɵtextInterpolate1(" vs. ", ctx_r0.priorYear(), " ");
59175
+ i0.ɵɵtextInterpolate1(" vs. ", ctx_r1.priorYear(), " ");
59198
59176
  i0.ɵɵadvance();
59199
- i0.ɵɵproperty("ngClass", ctx_r0.dividerBorderClasses());
59177
+ i0.ɵɵproperty("ngClass", ctx_r1.dividerBorderClasses());
59200
59178
  i0.ɵɵadvance(3);
59201
- i0.ɵɵproperty("ngClass", ctx_r0.calculatedLabelClasses());
59202
- i0.ɵɵadvance(2);
59203
- i0.ɵɵproperty("ngClass", ctx_r0.calculatedSecondaryClasses());
59179
+ i0.ɵɵproperty("ngClass", ctx_r1.calculatedLabelClasses());
59204
59180
  i0.ɵɵadvance();
59205
- i0.ɵɵconditional(ctx_r0.isTargetValid() ? 23 : 24);
59181
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.isIncreaseBad() ? "Decrease" : "Increase", " Amount ");
59182
+ i0.ɵɵadvance();
59183
+ i0.ɵɵproperty("ngClass", ctx_r1.calculatedSecondaryClasses());
59184
+ i0.ɵɵadvance();
59185
+ i0.ɵɵconditional(ctx_r1.isTargetValid() ? 17 : 18);
59206
59186
  i0.ɵɵadvance(3);
59207
- i0.ɵɵproperty("ngClass", ctx_r0.calculatedLabelClasses());
59208
- i0.ɵɵadvance(2);
59209
- i0.ɵɵproperty("ngClass", ctx_r0.calculatedSecondaryClasses());
59187
+ i0.ɵɵproperty("ngClass", ctx_r1.calculatedLabelClasses());
59210
59188
  i0.ɵɵadvance();
59211
- i0.ɵɵconditional(ctx_r0.isTargetValid() ? 29 : 30);
59189
+ i0.ɵɵtextInterpolate1(" % ", ctx_r1.isIncreaseBad() ? "Change" : "Growth", " ");
59190
+ i0.ɵɵadvance();
59191
+ i0.ɵɵproperty("ngClass", ctx_r1.calculatedSecondaryClasses());
59192
+ i0.ɵɵadvance();
59193
+ i0.ɵɵconditional(ctx_r1.isTargetValid() ? 23 : 24);
59212
59194
  i0.ɵɵadvance(2);
59213
- i0.ɵɵconditional(ctx_r0.currentPaceProjection() > 0 ? 31 : -1);
59214
- } }
59215
- function InitialTargetSettingComponent_Conditional_37_Conditional_4_Template(rf, ctx) { if (rf & 1) {
59216
- i0.ɵɵelement(0, "symphiq-area-chart", 23);
59217
- } if (rf & 2) {
59218
- const ctx_r0 = i0.ɵɵnextContext(2);
59219
- i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "200px");
59195
+ i0.ɵɵconditional(ctx_r1.currentPaceProjection() > 0 ? 25 : -1);
59220
59196
  } }
59221
- function InitialTargetSettingComponent_Conditional_37_Conditional_5_Template(rf, ctx) { if (rf & 1) {
59222
- i0.ɵɵelementStart(0, "div", 24)(1, "p", 50);
59223
- i0.ɵɵtext(2, " No revenue data available ");
59224
- i0.ɵɵelementEnd()();
59225
- } if (rf & 2) {
59226
- const ctx_r0 = i0.ɵɵnextContext(2);
59197
+ function EditMetricTargetModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
59198
+ const _r1 = i0.ɵɵgetCurrentView();
59199
+ i0.ɵɵelement(0, "symphiq-tooltip-container");
59200
+ i0.ɵɵelementStart(1, "div", 0);
59201
+ i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
59202
+ i0.ɵɵelementStart(2, "div", 1);
59203
+ i0.ɵɵelement(3, "div", 2);
59204
+ i0.ɵɵelementStart(4, "span", 3);
59205
+ i0.ɵɵtext(5, "\u200B");
59206
+ i0.ɵɵelementEnd();
59207
+ i0.ɵɵelementStart(6, "div", 4);
59208
+ i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Template_div_click_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
59209
+ i0.ɵɵelementStart(7, "div", 5)(8, "div", 6)(9, "div", 7)(10, "h3", 8);
59210
+ i0.ɵɵtext(11);
59211
+ i0.ɵɵelementEnd()();
59212
+ i0.ɵɵelementStart(12, "button", 9);
59213
+ i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
59214
+ i0.ɵɵnamespaceSVG();
59215
+ i0.ɵɵelementStart(13, "svg", 10);
59216
+ i0.ɵɵelement(14, "path", 11);
59217
+ i0.ɵɵelementEnd()()()();
59218
+ i0.ɵɵnamespaceHTML();
59219
+ i0.ɵɵelementStart(15, "div", 12)(16, "div", 13)(17, "div", 14)(18, "div", 15)(19, "div", 16);
59220
+ i0.ɵɵnamespaceSVG();
59221
+ i0.ɵɵelementStart(20, "svg", 17);
59222
+ i0.ɵɵelement(21, "path", 18);
59223
+ i0.ɵɵelementEnd();
59224
+ i0.ɵɵnamespaceHTML();
59225
+ i0.ɵɵelementStart(22, "div")(23, "p", 19);
59226
+ i0.ɵɵtext(24);
59227
+ i0.ɵɵelementEnd();
59228
+ i0.ɵɵelementStart(25, "p", 20);
59229
+ i0.ɵɵtext(26);
59230
+ i0.ɵɵelementEnd()()();
59231
+ i0.ɵɵconditionalCreate(27, EditMetricTargetModalComponent_Conditional_0_Conditional_27_Template, 12, 6, "div", 16);
59232
+ i0.ɵɵelementEnd();
59233
+ i0.ɵɵelementStart(28, "div", 21)(29, "div", 22)(30, "button", 23);
59234
+ i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setInputMode("absolute")); });
59235
+ i0.ɵɵtext(31, " Absolute Amount ");
59236
+ i0.ɵɵelementEnd();
59237
+ i0.ɵɵelementStart(32, "button", 23);
59238
+ i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Template_button_click_32_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setInputMode("percentage")); });
59239
+ i0.ɵɵtext(33);
59240
+ i0.ɵɵelementEnd()();
59241
+ i0.ɵɵconditionalCreate(34, EditMetricTargetModalComponent_Conditional_0_Conditional_34_Template, 4, 1, "div", 24)(35, EditMetricTargetModalComponent_Conditional_0_Conditional_35_Template, 4, 3, "div", 24);
59242
+ i0.ɵɵelementEnd()();
59243
+ i0.ɵɵconditionalCreate(36, EditMetricTargetModalComponent_Conditional_0_Conditional_36_Template, 26, 19, "div", 25);
59244
+ i0.ɵɵelementEnd()();
59245
+ i0.ɵɵelementStart(37, "div", 26)(38, "button", 27);
59246
+ i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Template_button_click_38_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
59247
+ i0.ɵɵtext(39, " Cancel ");
59248
+ i0.ɵɵelementEnd();
59249
+ i0.ɵɵelementStart(40, "button", 28);
59250
+ i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Template_button_click_40_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.applyTarget()); });
59251
+ i0.ɵɵtext(41, " Apply Target ");
59252
+ i0.ɵɵelementEnd()()()()();
59253
+ } if (rf & 2) {
59254
+ const ctx_r1 = i0.ɵɵnextContext();
59255
+ i0.ɵɵadvance(3);
59256
+ i0.ɵɵproperty("ngClass", ctx_r1.backdropClasses())("@fadeIn", undefined);
59257
+ i0.ɵɵadvance(3);
59258
+ i0.ɵɵproperty("ngClass", ctx_r1.modalContainerClasses())("@slideUpFade", undefined);
59259
+ i0.ɵɵadvance();
59260
+ i0.ɵɵproperty("ngClass", ctx_r1.headerClasses());
59261
+ i0.ɵɵadvance(3);
59262
+ i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
59263
+ i0.ɵɵadvance();
59264
+ i0.ɵɵtextInterpolate2(" Calculate Your ", ctx_r1.currentYear(), " ", ctx_r1.metricTitle(), " Target ");
59265
+ i0.ɵɵadvance();
59266
+ i0.ɵɵproperty("ngClass", ctx_r1.closeButtonClasses());
59267
+ i0.ɵɵadvance(3);
59268
+ i0.ɵɵproperty("ngClass", ctx_r1.contentClasses());
59269
+ i0.ɵɵadvance(2);
59270
+ i0.ɵɵproperty("ngClass", ctx_r1.formAreaClasses());
59271
+ i0.ɵɵadvance(3);
59272
+ i0.ɵɵproperty("ngClass", ctx_r1.baselineIconClasses());
59273
+ i0.ɵɵadvance(3);
59274
+ i0.ɵɵproperty("ngClass", ctx_r1.baselineLabelClasses());
59275
+ i0.ɵɵadvance();
59276
+ i0.ɵɵtextInterpolate2(" ", ctx_r1.priorYear(), " ", ctx_r1.metricTitle(), " ");
59277
+ i0.ɵɵadvance();
59278
+ i0.ɵɵproperty("ngClass", ctx_r1.baselineValueClasses());
59279
+ i0.ɵɵadvance();
59280
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.priorYearValue()), " ");
59281
+ i0.ɵɵadvance();
59282
+ i0.ɵɵconditional(ctx_r1.currentPaceProjection() > 0 ? 27 : -1);
59283
+ i0.ɵɵadvance(3);
59284
+ i0.ɵɵproperty("ngClass", ctx_r1.inputModeButtonClasses("absolute"));
59285
+ i0.ɵɵadvance(2);
59286
+ i0.ɵɵproperty("ngClass", ctx_r1.inputModeButtonClasses("percentage"));
59287
+ i0.ɵɵadvance();
59288
+ i0.ɵɵtextInterpolate1(" % ", ctx_r1.isIncreaseBad() ? "Decrease" : "Increase", " ");
59289
+ i0.ɵɵadvance();
59290
+ i0.ɵɵconditional(ctx_r1.inputMode() === "absolute" ? 34 : 35);
59291
+ i0.ɵɵadvance(2);
59292
+ i0.ɵɵconditional(ctx_r1.calculatedTarget() > 0 ? 36 : -1);
59293
+ i0.ɵɵadvance();
59294
+ i0.ɵɵproperty("ngClass", ctx_r1.footerClasses());
59295
+ i0.ɵɵadvance();
59296
+ i0.ɵɵproperty("ngClass", ctx_r1.cancelButtonClasses());
59297
+ i0.ɵɵadvance(2);
59298
+ i0.ɵɵproperty("disabled", !ctx_r1.isTargetValid())("ngClass", ctx_r1.applyButtonClasses());
59299
+ } }
59300
+ class EditMetricTargetModalComponent {
59301
+ constructor() {
59302
+ this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
59303
+ this.isOpen = input(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
59304
+ this.metricData = input(undefined, ...(ngDevMode ? [{ debugName: "metricData" }] : []));
59305
+ this.pacingMetrics = input(undefined, ...(ngDevMode ? [{ debugName: "pacingMetrics" }] : []));
59306
+ this.closed = output();
59307
+ this.targetApplied = output();
59308
+ this.Math = Math;
59309
+ this.inputMode = signal('absolute', ...(ngDevMode ? [{ debugName: "inputMode" }] : []));
59310
+ this.absoluteInput = signal(null, ...(ngDevMode ? [{ debugName: "absoluteInput" }] : []));
59311
+ this.percentageInput = signal(null, ...(ngDevMode ? [{ debugName: "percentageInput" }] : []));
59312
+ this.currentYear = computed(() => new Date().getFullYear(), ...(ngDevMode ? [{ debugName: "currentYear" }] : []));
59313
+ this.priorYear = computed(() => new Date().getFullYear() - 1, ...(ngDevMode ? [{ debugName: "priorYear" }] : []));
59314
+ this.metricTitle = computed(() => {
59315
+ const metric = this.metricData();
59316
+ if (!metric)
59317
+ return '';
59318
+ return metric.metric
59319
+ .split('_')
59320
+ .map(word => word.charAt(0) + word.slice(1).toLowerCase())
59321
+ .join(' ');
59322
+ }, ...(ngDevMode ? [{ debugName: "metricTitle" }] : []));
59323
+ this.priorYearValue = computed(() => {
59324
+ return this.metricData()?.currentValue ?? 0;
59325
+ }, ...(ngDevMode ? [{ debugName: "priorYearValue" }] : []));
59326
+ this.isPercentageMetric = computed(() => {
59327
+ const metric = this.metricData()?.metric;
59328
+ if (!metric)
59329
+ return false;
59330
+ const numberType = MetricEnumUtil.numberType(metric);
59331
+ return numberType === NumberTypeEnum.PERCENTAGE;
59332
+ }, ...(ngDevMode ? [{ debugName: "isPercentageMetric" }] : []));
59333
+ this.isCurrencyMetric = computed(() => {
59334
+ const metric = this.metricData()?.metric;
59335
+ if (!metric)
59336
+ return false;
59337
+ return metric.includes('REVENUE') || metric.includes('VALUE') || metric.includes('PRICE');
59338
+ }, ...(ngDevMode ? [{ debugName: "isCurrencyMetric" }] : []));
59339
+ this.isIncreaseBad = computed(() => {
59340
+ const metric = this.metricData()?.metric;
59341
+ if (!metric)
59342
+ return false;
59343
+ return MetricEnumUtil.increaseBad(metric);
59344
+ }, ...(ngDevMode ? [{ debugName: "isIncreaseBad" }] : []));
59345
+ this.currentPaceProjection = computed(() => {
59346
+ const pacingData = this.pacingMetrics();
59347
+ const metric = this.metricData()?.metric;
59348
+ if (!pacingData || !metric)
59349
+ return 0;
59350
+ return extractProjectedValue(pacingData, metric) ?? 0;
59351
+ }, ...(ngDevMode ? [{ debugName: "currentPaceProjection" }] : []));
59352
+ this.calculatedTarget = computed(() => {
59353
+ const mode = this.inputMode();
59354
+ const priorValue = this.priorYearValue();
59355
+ const isIncreaseBad = this.isIncreaseBad();
59356
+ if (mode === 'absolute') {
59357
+ const abs = this.absoluteInput();
59358
+ if (abs === null)
59359
+ return 0;
59360
+ if (this.isPercentageMetric()) {
59361
+ return abs / 100;
59362
+ }
59363
+ return abs;
59364
+ }
59365
+ else {
59366
+ const pct = this.percentageInput();
59367
+ if (pct === null)
59368
+ return 0;
59369
+ if (isIncreaseBad) {
59370
+ return priorValue * (1 - pct / 100);
59371
+ }
59372
+ return priorValue * (1 + pct / 100);
59373
+ }
59374
+ }, ...(ngDevMode ? [{ debugName: "calculatedTarget" }] : []));
59375
+ this.increaseAmount = computed(() => {
59376
+ return this.calculatedTarget() - this.priorYearValue();
59377
+ }, ...(ngDevMode ? [{ debugName: "increaseAmount" }] : []));
59378
+ this.percentageChange = computed(() => {
59379
+ const prior = this.priorYearValue();
59380
+ const target = this.calculatedTarget();
59381
+ if (prior === 0)
59382
+ return 0;
59383
+ return ((target - prior) / prior) * 100;
59384
+ }, ...(ngDevMode ? [{ debugName: "percentageChange" }] : []));
59385
+ this.isTargetValid = computed(() => {
59386
+ const target = this.calculatedTarget();
59387
+ const prior = this.priorYearValue();
59388
+ if (target <= 0)
59389
+ return false;
59390
+ if (this.isIncreaseBad()) {
59391
+ return target < prior;
59392
+ }
59393
+ return target > prior;
59394
+ }, ...(ngDevMode ? [{ debugName: "isTargetValid" }] : []));
59395
+ this.gapToClose = computed(() => {
59396
+ const target = this.calculatedTarget();
59397
+ const projection = this.currentPaceProjection();
59398
+ if (target === 0 || projection === 0)
59399
+ return { amount: 0, percentage: 0 };
59400
+ const amount = target - projection;
59401
+ const percentage = (amount / projection) * 100;
59402
+ return { amount, percentage };
59403
+ }, ...(ngDevMode ? [{ debugName: "gapToClose" }] : []));
59404
+ this.currentPaceProjectionTooltip = {
59405
+ title: 'Current Pace Projection',
59406
+ markdown: 'This is your projected year-end value based on your current performance trends. It extrapolates your year-to-date results to estimate where you will finish the year if you maintain your current pace.'
59407
+ };
59408
+ this.additionalGrowthTooltip = {
59409
+ title: 'Additional Growth Needed',
59410
+ markdown: 'This percentage represents the additional improvement required beyond your current projected pace to reach your target. It shows how much more change is needed to close the gap between your projected performance and your goal.'
59411
+ };
59412
+ }
59413
+ onEscape() {
59414
+ if (this.isOpen()) {
59415
+ this.close();
59416
+ }
59417
+ }
59418
+ setInputMode(mode) {
59419
+ this.inputMode.set(mode);
59420
+ if (mode === 'absolute') {
59421
+ this.percentageInput.set(null);
59422
+ const metricData = this.metricData();
59423
+ if (metricData) {
59424
+ if (this.isPercentageMetric()) {
59425
+ this.absoluteInput.set(metricData.targetValue * 100);
59426
+ }
59427
+ else {
59428
+ this.absoluteInput.set(metricData.targetValue);
59429
+ }
59430
+ }
59431
+ }
59432
+ else {
59433
+ this.absoluteInput.set(null);
59434
+ const metricData = this.metricData();
59435
+ if (metricData) {
59436
+ this.percentageInput.set(Math.abs(metricData.percentageIncrease));
59437
+ }
59438
+ }
59439
+ }
59440
+ onAbsoluteInputChange() {
59441
+ this.percentageInput.set(null);
59442
+ }
59443
+ onPercentageInputChange() {
59444
+ this.absoluteInput.set(null);
59445
+ }
59446
+ close() {
59447
+ this.absoluteInput.set(null);
59448
+ this.percentageInput.set(null);
59449
+ this.inputMode.set('absolute');
59450
+ this.closed.emit();
59451
+ }
59452
+ applyTarget() {
59453
+ const metric = this.metricData()?.metric;
59454
+ if (!metric)
59455
+ return;
59456
+ this.targetApplied.emit({
59457
+ metric,
59458
+ targetValue: this.calculatedTarget(),
59459
+ percentageChange: this.percentageChange()
59460
+ });
59461
+ this.close();
59462
+ }
59463
+ formatMetricValue(value) {
59464
+ const metric = this.metricData()?.metric;
59465
+ if (!metric)
59466
+ return formatNumber(value);
59467
+ if (this.isCurrencyMetric()) {
59468
+ return formatCurrency(value);
59469
+ }
59470
+ if (this.isPercentageMetric()) {
59471
+ return formatPercentage(value * 100, 2);
59472
+ }
59473
+ return formatNumber(value);
59474
+ }
59475
+ formatPercentage(value, decimals) {
59476
+ return formatPercentage(value, decimals);
59477
+ }
59478
+ backdropClasses() {
59479
+ return this.viewMode() === ViewModeEnum.DARK
59480
+ ? 'bg-slate-900/80'
59481
+ : 'bg-slate-500/30';
59482
+ }
59483
+ modalContainerClasses() {
59484
+ return this.viewMode() === ViewModeEnum.DARK
59485
+ ? 'bg-slate-900/95 border-slate-700/50'
59486
+ : 'bg-white/95 border-slate-200';
59487
+ }
59488
+ headerClasses() {
59489
+ return this.viewMode() === ViewModeEnum.DARK
59490
+ ? 'bg-slate-800/50 border-slate-700/50'
59491
+ : 'bg-slate-50/80 border-slate-200';
59492
+ }
59493
+ titleClasses() {
59494
+ return this.viewMode() === ViewModeEnum.DARK
59495
+ ? 'text-white'
59496
+ : 'text-slate-900';
59497
+ }
59498
+ closeButtonClasses() {
59499
+ return this.viewMode() === ViewModeEnum.DARK
59500
+ ? 'text-slate-400 hover:text-slate-200 hover:bg-slate-700/50'
59501
+ : 'text-slate-500 hover:text-slate-700 hover:bg-slate-100';
59502
+ }
59503
+ contentClasses() {
59504
+ return this.viewMode() === ViewModeEnum.DARK
59505
+ ? 'bg-slate-900/50'
59506
+ : 'bg-white';
59507
+ }
59508
+ formAreaClasses() {
59509
+ return this.viewMode() === ViewModeEnum.DARK
59510
+ ? 'bg-slate-800/50 border-slate-700/50'
59511
+ : 'bg-slate-50 border-slate-200';
59512
+ }
59513
+ baselineIconClasses() {
59514
+ return this.viewMode() === ViewModeEnum.DARK
59515
+ ? 'text-slate-400'
59516
+ : 'text-slate-500';
59517
+ }
59518
+ baselineLabelClasses() {
59519
+ return this.viewMode() === ViewModeEnum.DARK
59520
+ ? 'text-slate-400'
59521
+ : 'text-slate-500';
59522
+ }
59523
+ baselineValueClasses() {
59524
+ return this.viewMode() === ViewModeEnum.DARK
59525
+ ? 'text-white'
59526
+ : 'text-slate-900';
59527
+ }
59528
+ projectionIconClasses() {
59529
+ return this.viewMode() === ViewModeEnum.DARK
59530
+ ? 'text-emerald-400'
59531
+ : 'text-emerald-600';
59532
+ }
59533
+ projectionLabelClasses() {
59534
+ return this.viewMode() === ViewModeEnum.DARK
59535
+ ? 'text-slate-400'
59536
+ : 'text-slate-500';
59537
+ }
59538
+ projectionValueClasses() {
59539
+ return this.viewMode() === ViewModeEnum.DARK
59540
+ ? 'text-emerald-400'
59541
+ : 'text-emerald-600';
59542
+ }
59543
+ infoIconClasses() {
59544
+ return this.viewMode() === ViewModeEnum.DARK
59545
+ ? 'bg-slate-700/50 text-slate-400 hover:bg-slate-600/50 hover:text-slate-300'
59546
+ : 'bg-slate-100 text-slate-500 hover:bg-slate-200 hover:text-slate-700';
59547
+ }
59548
+ inputModeButtonClasses(mode) {
59549
+ const isActive = this.inputMode() === mode;
59550
+ if (this.viewMode() === ViewModeEnum.DARK) {
59551
+ return isActive
59552
+ ? 'bg-purple-600 text-white border border-purple-500'
59553
+ : 'bg-slate-800 text-slate-300 border border-slate-600 hover:bg-slate-700';
59554
+ }
59555
+ return isActive
59556
+ ? 'bg-purple-600 text-white border border-purple-600'
59557
+ : 'bg-white text-slate-600 border border-slate-300 hover:bg-slate-50';
59558
+ }
59559
+ inputClasses() {
59560
+ return this.viewMode() === ViewModeEnum.DARK
59561
+ ? 'bg-slate-900 text-white border-purple-500/50 focus:border-purple-400 focus:ring-2 focus:ring-purple-500/20 placeholder-slate-500'
59562
+ : 'bg-white text-slate-900 border-purple-300 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 placeholder-slate-400';
59563
+ }
59564
+ inputPrefixClasses() {
59565
+ return this.viewMode() === ViewModeEnum.DARK
59566
+ ? 'text-slate-400'
59567
+ : 'text-slate-500';
59568
+ }
59569
+ inputSuffixClasses() {
59570
+ return this.viewMode() === ViewModeEnum.DARK
59571
+ ? 'text-slate-400'
59572
+ : 'text-slate-500';
59573
+ }
59574
+ calculatedValuesCardClasses() {
59575
+ return this.viewMode() === ViewModeEnum.DARK
59576
+ ? 'bg-gradient-to-br from-purple-900/60 via-indigo-900/40 to-purple-900/60 border-purple-500/40'
59577
+ : 'bg-gradient-to-br from-purple-50 via-indigo-50 to-purple-50 border-purple-200';
59578
+ }
59579
+ calculatedLabelClasses() {
59580
+ return this.viewMode() === ViewModeEnum.DARK
59581
+ ? 'text-purple-300'
59582
+ : 'text-purple-600';
59583
+ }
59584
+ calculatedValueClasses() {
59585
+ return this.viewMode() === ViewModeEnum.DARK
59586
+ ? 'text-white'
59587
+ : 'text-purple-900';
59588
+ }
59589
+ calculatedSecondaryClasses() {
59590
+ return this.viewMode() === ViewModeEnum.DARK
59591
+ ? 'text-purple-200'
59592
+ : 'text-purple-800';
59593
+ }
59594
+ dividerBorderClasses() {
59595
+ return this.viewMode() === ViewModeEnum.DARK
59596
+ ? 'bg-purple-500/30'
59597
+ : 'bg-purple-200';
59598
+ }
59599
+ dividerLabelClasses() {
59600
+ return this.viewMode() === ViewModeEnum.DARK
59601
+ ? 'bg-purple-800/60 text-purple-300'
59602
+ : 'bg-purple-100 text-purple-700';
59603
+ }
59604
+ footerClasses() {
59605
+ return this.viewMode() === ViewModeEnum.DARK
59606
+ ? 'bg-slate-800/50 border-slate-700/50'
59607
+ : 'bg-slate-50/80 border-slate-200';
59608
+ }
59609
+ cancelButtonClasses() {
59610
+ return this.viewMode() === ViewModeEnum.DARK
59611
+ ? 'bg-transparent text-slate-300 hover:bg-slate-700/50 hover:text-slate-200 border border-slate-600/50 hover:border-slate-500/50'
59612
+ : 'bg-transparent text-slate-600 hover:bg-slate-100 hover:text-slate-800 border border-slate-300 hover:border-slate-400';
59613
+ }
59614
+ applyButtonClasses() {
59615
+ return this.viewMode() === ViewModeEnum.DARK
59616
+ ? 'bg-purple-600 text-white hover:bg-purple-500 border border-purple-500 hover:border-purple-400'
59617
+ : 'bg-purple-600 text-white hover:bg-purple-700 border border-purple-600 hover:border-purple-700';
59618
+ }
59619
+ static { this.ɵfac = function EditMetricTargetModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EditMetricTargetModalComponent)(); }; }
59620
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditMetricTargetModalComponent, selectors: [["symphiq-edit-metric-target-modal"]], hostBindings: function EditMetricTargetModalComponent_HostBindings(rf, ctx) { if (rf & 1) {
59621
+ i0.ɵɵlistener("keydown.escape", function EditMetricTargetModalComponent_keydown_escape_HostBindingHandler() { return ctx.onEscape(); }, i0.ɵɵresolveDocument);
59622
+ } }, inputs: { viewMode: [1, "viewMode"], isOpen: [1, "isOpen"], metricData: [1, "metricData"], pacingMetrics: [1, "pacingMetrics"] }, outputs: { closed: "closed", targetApplied: "targetApplied" }, decls: 1, vars: 1, consts: [[1, "fixed", "inset-0", "overflow-y-auto", "z-50", 3, "click"], [1, "flex", "items-center", "justify-center", "min-h-screen", "px-4", "pt-4", "pb-20", "text-center", "sm:block", "sm:p-0"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "ngClass"], ["aria-hidden", "true", 1, "hidden", "sm:inline-block", "sm:align-middle", "sm:h-screen"], [1, "relative", "inline-block", "align-bottom", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "sm:my-8", "sm:align-middle", "sm:w-full", "sm:max-w-4xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xl", "font-bold", "mb-0", 3, "ngClass"], [1, "ml-4", "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 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-6", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "grid", "lg:grid-cols-2", "gap-6"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-4", "place-content-between", "mb-6"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "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, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "gap-2"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "p-6", "rounded-xl", "border-2", "h-full", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "flex", "justify-end", "gap-3", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "disabled:opacity-50", "disabled:cursor-not-allowed", 3, "click", "disabled", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], [1, "flex", "items-center", "gap-1"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "top", 1, "flex-shrink-0", "w-4", "h-4", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "click", "ngClass", "libSymphiqTooltip"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], ["type", "number", "placeholder", "0", "min", "0", "step", "1", 1, "w-full", "px-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "100", "step", "0.01", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1000", 1, "w-full", "pl-10", "pr-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1", 1, "w-full", "px-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "1000", "step", "0.1", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "text-3xl", "font-bold", "transition-all", "duration-300", 3, "ngClass"], [1, "relative", "pt-6", "mt-6"], [1, "absolute", "top-0", "left-0", "right-0", "flex", "items-center", "-translate-y-1/2"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "pt-2"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mb-1"]], template: function EditMetricTargetModalComponent_Template(rf, ctx) { if (rf & 1) {
59623
+ i0.ɵɵconditionalCreate(0, EditMetricTargetModalComponent_Conditional_0_Template, 42, 27);
59624
+ } if (rf & 2) {
59625
+ i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
59626
+ } }, dependencies: [CommonModule, i1$1.NgClass, FormsModule, i2$1.DefaultValueAccessor, i2$1.NumberValueAccessor, i2$1.NgControlStatus, i2$1.MinValidator, i2$1.MaxValidator, i2$1.NgModel, TooltipDirective, TooltipContainerComponent], encapsulation: 2, data: { animation: [
59627
+ trigger('fadeIn', [
59628
+ transition(':enter', [
59629
+ style({ opacity: 0 }),
59630
+ animate('200ms ease-out', style({ opacity: 1 }))
59631
+ ])
59632
+ ]),
59633
+ trigger('slideUpFade', [
59634
+ transition(':enter', [
59635
+ style({ opacity: 0, transform: 'translateY(30px) scale(0.95)' }),
59636
+ animate('400ms 50ms cubic-bezier(0.16, 1, 0.3, 1)', style({ opacity: 1, transform: 'translateY(0) scale(1)' }))
59637
+ ])
59638
+ ])
59639
+ ] }, changeDetection: 0 }); }
59640
+ }
59641
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EditMetricTargetModalComponent, [{
59642
+ type: Component,
59643
+ args: [{
59644
+ selector: 'symphiq-edit-metric-target-modal',
59645
+ standalone: true,
59646
+ imports: [CommonModule, FormsModule, TooltipDirective, TooltipContainerComponent],
59647
+ changeDetection: ChangeDetectionStrategy.OnPush,
59648
+ animations: [
59649
+ trigger('fadeIn', [
59650
+ transition(':enter', [
59651
+ style({ opacity: 0 }),
59652
+ animate('200ms ease-out', style({ opacity: 1 }))
59653
+ ])
59654
+ ]),
59655
+ trigger('slideUpFade', [
59656
+ transition(':enter', [
59657
+ style({ opacity: 0, transform: 'translateY(30px) scale(0.95)' }),
59658
+ animate('400ms 50ms cubic-bezier(0.16, 1, 0.3, 1)', style({ opacity: 1, transform: 'translateY(0) scale(1)' }))
59659
+ ])
59660
+ ])
59661
+ ],
59662
+ template: `
59663
+ @if (isOpen()) {
59664
+ <symphiq-tooltip-container />
59665
+ <div class="fixed inset-0 overflow-y-auto z-50" (click)="close()">
59666
+ <div class="flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
59667
+ <div
59668
+ [ngClass]="backdropClasses()"
59669
+ class="fixed inset-0 backdrop-blur-md"
59670
+ aria-hidden="true"
59671
+ @fadeIn>
59672
+ </div>
59673
+
59674
+ <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
59675
+
59676
+ <div
59677
+ (click)="$event.stopPropagation()"
59678
+ [ngClass]="modalContainerClasses()"
59679
+ class="relative inline-block align-bottom rounded-2xl text-left overflow-hidden shadow-xl sm:my-8 sm:align-middle sm:w-full sm:max-w-4xl border backdrop-blur-xl"
59680
+ @slideUpFade>
59681
+
59682
+ <div [ngClass]="headerClasses()" class="px-6 py-5 border-b backdrop-blur-sm sticky top-0 z-10">
59683
+ <div class="flex items-start justify-between">
59684
+ <div class="flex-1">
59685
+ <h3 [ngClass]="titleClasses()" class="text-xl font-bold mb-0">
59686
+ Calculate Your {{ currentYear() }} {{ metricTitle() }} Target
59687
+ </h3>
59688
+ </div>
59689
+ <button
59690
+ (click)="close()"
59691
+ [ngClass]="closeButtonClasses()"
59692
+ class="ml-4 transition-all rounded-lg p-1 hover:scale-110 active:scale-90">
59693
+ <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
59694
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
59695
+ </svg>
59696
+ </button>
59697
+ </div>
59698
+ </div>
59699
+
59700
+ <div [ngClass]="contentClasses()" class="px-6 py-6 max-h-[70vh] overflow-y-auto backdrop-blur-sm">
59701
+ <div class="grid lg:grid-cols-2 gap-6">
59702
+ <div [ngClass]="formAreaClasses()" class="p-6 rounded-xl border-2">
59703
+ <div class="flex flex-wrap gap-4 place-content-between mb-6">
59704
+ <div class="flex items-center gap-2">
59705
+ <svg class="w-4 h-4" [ngClass]="baselineIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
59706
+ <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"></path>
59707
+ </svg>
59708
+ <div>
59709
+ <p [ngClass]="baselineLabelClasses()" class="text-xs font-medium uppercase tracking-wider">
59710
+ {{ priorYear() }} {{ metricTitle() }}
59711
+ </p>
59712
+ <p [ngClass]="baselineValueClasses()" class="text-lg font-bold">
59713
+ {{ formatMetricValue(priorYearValue()) }}
59714
+ </p>
59715
+ </div>
59716
+ </div>
59717
+ @if (currentPaceProjection() > 0) {
59718
+ <div class="flex items-center gap-2">
59719
+ <svg class="w-4 h-4" [ngClass]="projectionIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
59720
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path>
59721
+ </svg>
59722
+ <div>
59723
+ <div class="flex items-center gap-1">
59724
+ <p [ngClass]="projectionLabelClasses()" class="text-xs font-medium uppercase tracking-wider">
59725
+ Current Pace Projection
59726
+ </p>
59727
+ <button
59728
+ type="button"
59729
+ [ngClass]="infoIconClasses()"
59730
+ class="flex-shrink-0 w-4 h-4 rounded-full inline-flex items-center justify-center transition-colors"
59731
+ [libSymphiqTooltip]="currentPaceProjectionTooltip"
59732
+ tooltipType="markdown"
59733
+ tooltipPosition="top"
59734
+ (click)="$event.stopPropagation()">
59735
+ <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
59736
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
59737
+ </svg>
59738
+ </button>
59739
+ </div>
59740
+ <p [ngClass]="projectionValueClasses()" class="text-lg font-bold">
59741
+ {{ formatMetricValue(currentPaceProjection()) }}
59742
+ </p>
59743
+ </div>
59744
+ </div>
59745
+ }
59746
+ </div>
59747
+
59748
+ <div class="space-y-6">
59749
+ <div class="flex gap-2">
59750
+ <button
59751
+ (click)="setInputMode('absolute')"
59752
+ [ngClass]="inputModeButtonClasses('absolute')"
59753
+ class="flex-1 py-2 px-4 rounded-lg text-sm font-semibold transition-all">
59754
+ Absolute Amount
59755
+ </button>
59756
+ <button
59757
+ (click)="setInputMode('percentage')"
59758
+ [ngClass]="inputModeButtonClasses('percentage')"
59759
+ class="flex-1 py-2 px-4 rounded-lg text-sm font-semibold transition-all">
59760
+ % {{ isIncreaseBad() ? 'Decrease' : 'Increase' }}
59761
+ </button>
59762
+ </div>
59763
+
59764
+ @if (inputMode() === 'absolute') {
59765
+ <div class="relative">
59766
+ @if (isPercentageMetric()) {
59767
+ <input
59768
+ type="number"
59769
+ [(ngModel)]="absoluteInput"
59770
+ (ngModelChange)="onAbsoluteInputChange()"
59771
+ [ngClass]="inputClasses()"
59772
+ class="w-full pr-10 pl-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
59773
+ placeholder="0"
59774
+ min="0"
59775
+ max="100"
59776
+ step="0.01">
59777
+ <span [ngClass]="inputSuffixClasses()" class="absolute right-4 top-1/2 -translate-y-1/2 text-xl font-bold">
59778
+ %
59779
+ </span>
59780
+ } @else if (isCurrencyMetric()) {
59781
+ <span [ngClass]="inputPrefixClasses()" class="absolute left-4 top-1/2 -translate-y-1/2 text-xl font-bold">
59782
+ $
59783
+ </span>
59784
+ <input
59785
+ type="number"
59786
+ [(ngModel)]="absoluteInput"
59787
+ (ngModelChange)="onAbsoluteInputChange()"
59788
+ [ngClass]="inputClasses()"
59789
+ class="w-full pl-10 pr-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
59790
+ placeholder="0"
59791
+ min="0"
59792
+ step="1000">
59793
+ } @else {
59794
+ <input
59795
+ type="number"
59796
+ [(ngModel)]="absoluteInput"
59797
+ (ngModelChange)="onAbsoluteInputChange()"
59798
+ [ngClass]="inputClasses()"
59799
+ class="w-full px-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
59800
+ placeholder="0"
59801
+ min="0"
59802
+ step="1">
59803
+ }
59804
+ </div>
59805
+ } @else {
59806
+ <div class="relative">
59807
+ <input
59808
+ type="number"
59809
+ [(ngModel)]="percentageInput"
59810
+ (ngModelChange)="onPercentageInputChange()"
59811
+ [ngClass]="inputClasses()"
59812
+ class="w-full pr-10 pl-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
59813
+ placeholder="0"
59814
+ min="0"
59815
+ max="1000"
59816
+ step="0.1">
59817
+ <span [ngClass]="inputSuffixClasses()" class="absolute right-4 top-1/2 -translate-y-1/2 text-xl font-bold">
59818
+ %
59819
+ </span>
59820
+ </div>
59821
+ }
59822
+ </div>
59823
+ </div>
59824
+
59825
+ @if (calculatedTarget() > 0) {
59826
+ <div [ngClass]="calculatedValuesCardClasses()" class="p-6 rounded-xl border-2 h-full">
59827
+ <div>
59828
+ <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider">
59829
+ {{ currentYear() }} {{ metricTitle() }} Target
59830
+ </p>
59831
+ <p [ngClass]="calculatedValueClasses()" class="text-3xl font-bold transition-all duration-300">
59832
+ {{ formatMetricValue(calculatedTarget()) }}
59833
+ </p>
59834
+ </div>
59835
+
59836
+ <div class="relative pt-6 mt-6">
59837
+ <div class="absolute top-0 left-0 right-0 flex items-center -translate-y-1/2">
59838
+ <div class="flex-1 h-px" [ngClass]="dividerBorderClasses()"></div>
59839
+ <span [ngClass]="dividerLabelClasses()" class="px-3 py-1 rounded-full text-xs font-semibold whitespace-nowrap">
59840
+ vs. {{ priorYear() }}
59841
+ </span>
59842
+ <div class="flex-1 h-px" [ngClass]="dividerBorderClasses()"></div>
59843
+ </div>
59844
+ <div class="grid grid-cols-2 gap-4 pt-2">
59845
+ <div>
59846
+ <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
59847
+ {{ isIncreaseBad() ? 'Decrease' : 'Increase' }} Amount
59848
+ </p>
59849
+ <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
59850
+ @if (isTargetValid()) {
59851
+ {{ formatMetricValue(Math.abs(increaseAmount())) }}
59852
+ } @else {
59853
+ --
59854
+ }
59855
+ </p>
59856
+ </div>
59857
+ <div>
59858
+ <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
59859
+ % {{ isIncreaseBad() ? 'Change' : 'Growth' }}
59860
+ </p>
59861
+ <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
59862
+ @if (isTargetValid()) {
59863
+ {{ percentageChange() >= 0 ? '+' : '' }}{{ formatPercentage(percentageChange(), 1) }}
59864
+ } @else {
59865
+ --
59866
+ }
59867
+ </p>
59868
+ </div>
59869
+ </div>
59870
+ </div>
59871
+
59872
+ @if (currentPaceProjection() > 0) {
59873
+ <div class="relative pt-6 mt-6">
59874
+ <div class="absolute top-0 left-0 right-0 flex items-center -translate-y-1/2">
59875
+ <div class="flex-1 h-px" [ngClass]="dividerBorderClasses()"></div>
59876
+ <span [ngClass]="dividerLabelClasses()" class="px-3 py-1 rounded-full text-xs font-semibold whitespace-nowrap">
59877
+ {{ currentYear() }} YTD Gap
59878
+ </span>
59879
+ <div class="flex-1 h-px" [ngClass]="dividerBorderClasses()"></div>
59880
+ </div>
59881
+ <div class="grid grid-cols-2 gap-4 pt-2">
59882
+ <div>
59883
+ <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
59884
+ Gap to Close
59885
+ </p>
59886
+ <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
59887
+ @if (isTargetValid()) {
59888
+ {{ formatMetricValue(Math.abs(gapToClose().amount)) }}
59889
+ } @else {
59890
+ --
59891
+ }
59892
+ </p>
59893
+ </div>
59894
+ <div>
59895
+ <div class="flex items-center gap-1 mb-1">
59896
+ <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider">
59897
+ Additional Growth Needed
59898
+ </p>
59899
+ <button
59900
+ type="button"
59901
+ [ngClass]="infoIconClasses()"
59902
+ class="flex-shrink-0 w-4 h-4 rounded-full inline-flex items-center justify-center transition-colors"
59903
+ [libSymphiqTooltip]="additionalGrowthTooltip"
59904
+ tooltipType="markdown"
59905
+ tooltipPosition="top"
59906
+ (click)="$event.stopPropagation()">
59907
+ <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
59908
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
59909
+ </svg>
59910
+ </button>
59911
+ </div>
59912
+ <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
59913
+ @if (isTargetValid()) {
59914
+ {{ gapToClose().amount > 0 ? '+' : '' }}{{ formatPercentage(gapToClose().percentage, 1) }}
59915
+ } @else {
59916
+ --
59917
+ }
59918
+ </p>
59919
+ </div>
59920
+ </div>
59921
+ </div>
59922
+ }
59923
+ </div>
59924
+ }
59925
+ </div>
59926
+ </div>
59927
+
59928
+ <div [ngClass]="footerClasses()" class="px-6 py-4 border-t flex justify-end gap-3">
59929
+ <button
59930
+ type="button"
59931
+ (click)="close()"
59932
+ [ngClass]="cancelButtonClasses()"
59933
+ class="px-4 py-2.5 rounded-lg font-medium text-sm transition-all duration-200">
59934
+ Cancel
59935
+ </button>
59936
+ <button
59937
+ type="button"
59938
+ (click)="applyTarget()"
59939
+ [disabled]="!isTargetValid()"
59940
+ [ngClass]="applyButtonClasses()"
59941
+ class="px-4 py-2.5 rounded-lg font-medium text-sm transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed">
59942
+ Apply Target
59943
+ </button>
59944
+ </div>
59945
+ </div>
59946
+ </div>
59947
+ </div>
59948
+ }
59949
+ `
59950
+ }]
59951
+ }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], metricData: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricData", required: false }] }], pacingMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingMetrics", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], targetApplied: [{ type: i0.Output, args: ["targetApplied"] }], onEscape: [{
59952
+ type: HostListener,
59953
+ args: ['document:keydown.escape']
59954
+ }] }); })();
59955
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditMetricTargetModalComponent, { className: "EditMetricTargetModalComponent", filePath: "lib/components/revenue-calculator-dashboard/edit-metric-target-modal.component.ts", lineNumber: 322 }); })();
59956
+
59957
+ const _c0$q = ["absoluteInputRef"];
59958
+ const _c1$b = ["percentageInputRef"];
59959
+ function InitialTargetSettingComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
59960
+ i0.ɵɵtext(0);
59961
+ } if (rf & 2) {
59962
+ const ctx_r0 = i0.ɵɵnextContext();
59963
+ i0.ɵɵtextInterpolate1(" Your ", ctx_r0.currentYear(), " Revenue Target ");
59964
+ } }
59965
+ function InitialTargetSettingComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
59966
+ i0.ɵɵtext(0);
59967
+ } if (rf & 2) {
59968
+ const ctx_r0 = i0.ɵɵnextContext();
59969
+ i0.ɵɵtextInterpolate1(" Calculate Your ", ctx_r0.currentYear(), " Revenue Target ");
59970
+ } }
59971
+ function InitialTargetSettingComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
59972
+ i0.ɵɵnamespaceSVG();
59973
+ i0.ɵɵelementStart(0, "svg", 36);
59974
+ i0.ɵɵelement(1, "path", 37);
59975
+ i0.ɵɵelementEnd();
59976
+ } if (rf & 2) {
59977
+ const ctx_r0 = i0.ɵɵnextContext();
59978
+ i0.ɵɵclassProp("chevron-rotate-expanded", ctx_r0.detailsExpanded());
59979
+ i0.ɵɵproperty("ngClass", ctx_r0.chevronClasses());
59980
+ } }
59981
+ function InitialTargetSettingComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
59982
+ const _r2 = i0.ɵɵgetCurrentView();
59983
+ i0.ɵɵelementStart(0, "div", 11);
59984
+ i0.ɵɵnamespaceSVG();
59985
+ i0.ɵɵelementStart(1, "svg", 12);
59986
+ i0.ɵɵelement(2, "path", 38);
59987
+ i0.ɵɵelementEnd();
59988
+ i0.ɵɵnamespaceHTML();
59989
+ i0.ɵɵelementStart(3, "div")(4, "div", 39)(5, "p", 14);
59990
+ i0.ɵɵtext(6, " Current Pace Projection ");
59991
+ i0.ɵɵelementEnd();
59992
+ i0.ɵɵelementStart(7, "button", 40);
59993
+ i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_21_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); });
59994
+ i0.ɵɵnamespaceSVG();
59995
+ i0.ɵɵelementStart(8, "svg", 41);
59996
+ i0.ɵɵelement(9, "path", 42);
59997
+ i0.ɵɵelementEnd()()();
59998
+ i0.ɵɵnamespaceHTML();
59999
+ i0.ɵɵelementStart(10, "p", 15);
60000
+ i0.ɵɵtext(11);
60001
+ i0.ɵɵelementEnd()()();
60002
+ } if (rf & 2) {
60003
+ const ctx_r0 = i0.ɵɵnextContext();
60004
+ i0.ɵɵadvance();
60005
+ i0.ɵɵproperty("ngClass", ctx_r0.projectionIconClasses());
60006
+ i0.ɵɵadvance(4);
60007
+ i0.ɵɵproperty("ngClass", ctx_r0.projectionLabelClasses());
60008
+ i0.ɵɵadvance(2);
60009
+ i0.ɵɵproperty("ngClass", ctx_r0.infoIconClasses())("libSymphiqTooltip", ctx_r0.currentPaceProjectionTooltip);
60010
+ i0.ɵɵadvance(3);
60011
+ i0.ɵɵproperty("ngClass", ctx_r0.projectionValueClasses());
60012
+ i0.ɵɵadvance();
60013
+ i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.currentPaceProjection()), " ");
60014
+ } }
60015
+ function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template(rf, ctx) { if (rf & 1) {
60016
+ const _r4 = i0.ɵɵgetCurrentView();
60017
+ i0.ɵɵelementStart(0, "div", 45)(1, "span", 47);
60018
+ i0.ɵɵtext(2, " $ ");
60019
+ i0.ɵɵelementEnd();
60020
+ i0.ɵɵelementStart(3, "input", 48, 0);
60021
+ i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.absoluteInput, $event) || (ctx_r0.absoluteInput = $event); return i0.ɵɵresetView($event); });
60022
+ i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_5_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onAbsoluteInputChange()); });
60023
+ i0.ɵɵelementEnd()();
60024
+ } if (rf & 2) {
60025
+ const ctx_r0 = i0.ɵɵnextContext(2);
60026
+ i0.ɵɵadvance();
60027
+ i0.ɵɵproperty("ngClass", ctx_r0.inputPrefixClasses());
60028
+ i0.ɵɵadvance(2);
60029
+ i0.ɵɵtwoWayProperty("ngModel", ctx_r0.absoluteInput);
60030
+ i0.ɵɵproperty("ngClass", ctx_r0.inputClasses());
60031
+ } }
60032
+ function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template(rf, ctx) { if (rf & 1) {
60033
+ const _r5 = i0.ɵɵgetCurrentView();
60034
+ i0.ɵɵelementStart(0, "div", 45)(1, "input", 49, 1);
60035
+ i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.percentageInput, $event) || (ctx_r0.percentageInput = $event); return i0.ɵɵresetView($event); });
60036
+ i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_25_Conditional_6_Template_input_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onPercentageInputChange()); });
60037
+ i0.ɵɵelementEnd();
60038
+ i0.ɵɵelementStart(3, "span", 50);
60039
+ i0.ɵɵtext(4, " % ");
60040
+ i0.ɵɵelementEnd()();
60041
+ } if (rf & 2) {
60042
+ const ctx_r0 = i0.ɵɵnextContext(2);
60043
+ i0.ɵɵadvance();
60044
+ i0.ɵɵtwoWayProperty("ngModel", ctx_r0.percentageInput);
60045
+ i0.ɵɵproperty("ngClass", ctx_r0.inputClasses());
60046
+ i0.ɵɵadvance(2);
60047
+ i0.ɵɵproperty("ngClass", ctx_r0.inputSuffixClasses());
60048
+ } }
60049
+ function InitialTargetSettingComponent_Conditional_25_Conditional_7_Template(rf, ctx) { if (rf & 1) {
60050
+ const _r6 = i0.ɵɵgetCurrentView();
60051
+ i0.ɵɵelementStart(0, "div", 46)(1, "button", 51);
60052
+ i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.handleCancel()); });
60053
+ i0.ɵɵtext(2, " Cancel ");
60054
+ i0.ɵɵelementEnd()();
60055
+ } if (rf & 2) {
60056
+ const ctx_r0 = i0.ɵɵnextContext(2);
60057
+ i0.ɵɵadvance();
60058
+ i0.ɵɵproperty("ngClass", ctx_r0.cancelButtonClasses());
60059
+ } }
60060
+ function InitialTargetSettingComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
60061
+ const _r3 = i0.ɵɵgetCurrentView();
60062
+ i0.ɵɵelementStart(0, "div", 43)(1, "button", 44);
60063
+ i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("absolute")); });
60064
+ i0.ɵɵtext(2, " Absolute Amount ");
60065
+ i0.ɵɵelementEnd();
60066
+ i0.ɵɵelementStart(3, "button", 44);
60067
+ i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_25_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInputMode("percentage")); });
60068
+ i0.ɵɵtext(4, " % Increase ");
60069
+ i0.ɵɵelementEnd()();
60070
+ i0.ɵɵconditionalCreate(5, InitialTargetSettingComponent_Conditional_25_Conditional_5_Template, 5, 3, "div", 45)(6, InitialTargetSettingComponent_Conditional_25_Conditional_6_Template, 5, 3, "div", 45);
60071
+ i0.ɵɵconditionalCreate(7, InitialTargetSettingComponent_Conditional_25_Conditional_7_Template, 3, 1, "div", 46);
60072
+ } if (rf & 2) {
60073
+ const ctx_r0 = i0.ɵɵnextContext();
60074
+ i0.ɵɵadvance();
60075
+ i0.ɵɵproperty("ngClass", ctx_r0.inputModeButtonClasses("absolute"));
60076
+ i0.ɵɵadvance(2);
60077
+ i0.ɵɵproperty("ngClass", ctx_r0.inputModeButtonClasses("percentage"));
60078
+ i0.ɵɵadvance(2);
60079
+ i0.ɵɵconditional(ctx_r0.inputMode() === "absolute" ? 5 : 6);
60080
+ i0.ɵɵadvance(2);
60081
+ i0.ɵɵconditional(ctx_r0.hasStoredResponse() ? 7 : -1);
60082
+ } }
60083
+ function InitialTargetSettingComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
60084
+ i0.ɵɵelement(0, "symphiq-area-chart", 23);
60085
+ } if (rf & 2) {
60086
+ const ctx_r0 = i0.ɵɵnextContext();
60087
+ i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "108px");
60088
+ } }
60089
+ function InitialTargetSettingComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
60090
+ i0.ɵɵelementStart(0, "div", 24)(1, "p", 52);
60091
+ i0.ɵɵtext(2, " No revenue data available ");
60092
+ i0.ɵɵelementEnd()();
60093
+ } if (rf & 2) {
60094
+ const ctx_r0 = i0.ɵɵnextContext();
60095
+ i0.ɵɵadvance();
60096
+ i0.ɵɵproperty("ngClass", ctx_r0.noDataClasses());
60097
+ } }
60098
+ function InitialTargetSettingComponent_Conditional_36_Conditional_7_Template(rf, ctx) { if (rf & 1) {
60099
+ i0.ɵɵtext(0);
60100
+ } if (rf & 2) {
60101
+ const ctx_r0 = i0.ɵɵnextContext(2);
60102
+ i0.ɵɵtextInterpolate1(" > ", ctx_r0.formatCurrency(ctx_r0.submittedAbsoluteInput()), " ");
60103
+ } }
60104
+ function InitialTargetSettingComponent_Conditional_36_Conditional_8_Template(rf, ctx) { if (rf & 1) {
60105
+ i0.ɵɵtext(0);
60106
+ } if (rf & 2) {
60107
+ const ctx_r0 = i0.ɵɵnextContext(2);
60108
+ i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.displayedTargetRevenue()), " ");
60109
+ } }
60110
+ function InitialTargetSettingComponent_Conditional_36_Conditional_9_Template(rf, ctx) { if (rf & 1) {
60111
+ const _r7 = i0.ɵɵgetCurrentView();
60112
+ i0.ɵɵelementStart(0, "button", 66);
60113
+ i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_36_Conditional_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.handleAdjustTarget(); return i0.ɵɵresetView($event.stopPropagation()); });
60114
+ i0.ɵɵtext(1, " Adjust Revenue Target ");
60115
+ i0.ɵɵelementEnd();
60116
+ } if (rf & 2) {
60117
+ const ctx_r0 = i0.ɵɵnextContext(2);
60118
+ i0.ɵɵproperty("ngClass", ctx_r0.secondaryButtonClasses());
60119
+ } }
60120
+ function InitialTargetSettingComponent_Conditional_36_Conditional_23_Template(rf, ctx) { if (rf & 1) {
60121
+ i0.ɵɵtext(0);
60122
+ } if (rf & 2) {
60123
+ const ctx_r0 = i0.ɵɵnextContext(2);
60124
+ i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.animatedIncreaseAmount()), " ");
60125
+ } }
60126
+ function InitialTargetSettingComponent_Conditional_36_Conditional_24_Template(rf, ctx) { if (rf & 1) {
60127
+ i0.ɵɵtext(0, " -- ");
60128
+ } }
60129
+ function InitialTargetSettingComponent_Conditional_36_Conditional_29_Template(rf, ctx) { if (rf & 1) {
60130
+ i0.ɵɵtext(0);
60131
+ } if (rf & 2) {
60132
+ const ctx_r0 = i0.ɵɵnextContext(2);
60133
+ i0.ɵɵtextInterpolate1(" +", ctx_r0.formatPercentage(ctx_r0.animatedPercentageGrowth(), 1), " ");
60134
+ } }
60135
+ function InitialTargetSettingComponent_Conditional_36_Conditional_30_Template(rf, ctx) { if (rf & 1) {
60136
+ i0.ɵɵtext(0, " -- ");
60137
+ } }
60138
+ function InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_11_Template(rf, ctx) { if (rf & 1) {
60139
+ i0.ɵɵtext(0);
60140
+ } if (rf & 2) {
60141
+ const ctx_r0 = i0.ɵɵnextContext(3);
60142
+ i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.animatedGapAmount()), " ");
60143
+ } }
60144
+ function InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_12_Template(rf, ctx) { if (rf & 1) {
60145
+ i0.ɵɵtext(0, " -- ");
60146
+ } }
60147
+ function InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_21_Template(rf, ctx) { if (rf & 1) {
60148
+ i0.ɵɵtext(0);
60149
+ } if (rf & 2) {
60150
+ const ctx_r0 = i0.ɵɵnextContext(3);
60151
+ i0.ɵɵtextInterpolate2(" ", ctx_r0.gapToClose().amount > 0 ? "+" : "", "", ctx_r0.formatPercentage(ctx_r0.animatedGapPercentage(), 1), " ");
60152
+ } }
60153
+ function InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_22_Template(rf, ctx) { if (rf & 1) {
60154
+ i0.ɵɵtext(0, " -- ");
60155
+ } }
60156
+ function InitialTargetSettingComponent_Conditional_36_Conditional_31_Template(rf, ctx) { if (rf & 1) {
60157
+ const _r8 = i0.ɵɵgetCurrentView();
60158
+ i0.ɵɵelementStart(0, "div", 59)(1, "div", 60);
60159
+ i0.ɵɵelement(2, "div", 61);
60160
+ i0.ɵɵelementStart(3, "span", 62);
60161
+ i0.ɵɵtext(4);
60162
+ i0.ɵɵelementEnd();
60163
+ i0.ɵɵelement(5, "div", 61);
60164
+ i0.ɵɵelementEnd();
60165
+ i0.ɵɵelementStart(6, "div", 63)(7, "div")(8, "p", 64);
60166
+ i0.ɵɵtext(9, " Gap to Close ");
60167
+ i0.ɵɵelementEnd();
60168
+ i0.ɵɵelementStart(10, "p", 65);
60169
+ i0.ɵɵconditionalCreate(11, InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_11_Template, 1, 1)(12, InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_12_Template, 1, 0);
60170
+ i0.ɵɵelementEnd()();
60171
+ i0.ɵɵelementStart(13, "div")(14, "div", 67)(15, "p", 14);
60172
+ i0.ɵɵtext(16, " Additional Growth Needed ");
60173
+ i0.ɵɵelementEnd();
60174
+ i0.ɵɵelementStart(17, "button", 40);
60175
+ i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_36_Conditional_31_Template_button_click_17_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
60176
+ i0.ɵɵnamespaceSVG();
60177
+ i0.ɵɵelementStart(18, "svg", 41);
60178
+ i0.ɵɵelement(19, "path", 42);
60179
+ i0.ɵɵelementEnd()()();
60180
+ i0.ɵɵnamespaceHTML();
60181
+ i0.ɵɵelementStart(20, "p", 65);
60182
+ i0.ɵɵconditionalCreate(21, InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_21_Template, 1, 2)(22, InitialTargetSettingComponent_Conditional_36_Conditional_31_Conditional_22_Template, 1, 0);
60183
+ i0.ɵɵelementEnd()()()();
60184
+ } if (rf & 2) {
60185
+ const ctx_r0 = i0.ɵɵnextContext(2);
60186
+ i0.ɵɵadvance(2);
60187
+ i0.ɵɵproperty("ngClass", ctx_r0.dividerBorderClasses());
60188
+ i0.ɵɵadvance();
60189
+ i0.ɵɵproperty("ngClass", ctx_r0.dividerLabelClasses());
60190
+ i0.ɵɵadvance();
60191
+ i0.ɵɵtextInterpolate1(" ", ctx_r0.currentYear(), " YTD Gap ");
60192
+ i0.ɵɵadvance();
60193
+ i0.ɵɵproperty("ngClass", ctx_r0.dividerBorderClasses());
60194
+ i0.ɵɵadvance(3);
60195
+ i0.ɵɵproperty("ngClass", ctx_r0.calculatedLabelClasses());
60196
+ i0.ɵɵadvance(2);
60197
+ i0.ɵɵproperty("ngClass", ctx_r0.calculatedSecondaryClasses());
60198
+ i0.ɵɵadvance();
60199
+ i0.ɵɵconditional(ctx_r0.isTargetValid() ? 11 : 12);
60200
+ i0.ɵɵadvance(4);
60201
+ i0.ɵɵproperty("ngClass", ctx_r0.calculatedLabelClasses());
60202
+ i0.ɵɵadvance(2);
60203
+ i0.ɵɵproperty("ngClass", ctx_r0.infoIconClasses())("libSymphiqTooltip", ctx_r0.additionalGrowthTooltip);
60204
+ i0.ɵɵadvance(3);
60205
+ i0.ɵɵproperty("ngClass", ctx_r0.calculatedSecondaryClasses());
60206
+ i0.ɵɵadvance();
60207
+ i0.ɵɵconditional(ctx_r0.isTargetValid() ? 21 : 22);
60208
+ } }
60209
+ function InitialTargetSettingComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
60210
+ i0.ɵɵelementStart(0, "div", 53)(1, "div")(2, "div", 54)(3, "div")(4, "p", 14);
60211
+ i0.ɵɵtext(5);
60212
+ i0.ɵɵelementEnd();
60213
+ i0.ɵɵelementStart(6, "p", 55);
60214
+ i0.ɵɵconditionalCreate(7, InitialTargetSettingComponent_Conditional_36_Conditional_7_Template, 1, 1)(8, InitialTargetSettingComponent_Conditional_36_Conditional_8_Template, 1, 1);
60215
+ i0.ɵɵelementEnd()();
60216
+ i0.ɵɵconditionalCreate(9, InitialTargetSettingComponent_Conditional_36_Conditional_9_Template, 2, 1, "button", 56);
60217
+ i0.ɵɵelementEnd();
60218
+ i0.ɵɵelementStart(10, "div", 57)(11, "div", 58)(12, "div", 59)(13, "div", 60);
60219
+ i0.ɵɵelement(14, "div", 61);
60220
+ i0.ɵɵelementStart(15, "span", 62);
60221
+ i0.ɵɵtext(16);
60222
+ i0.ɵɵelementEnd();
60223
+ i0.ɵɵelement(17, "div", 61);
60224
+ i0.ɵɵelementEnd();
60225
+ i0.ɵɵelementStart(18, "div", 63)(19, "div")(20, "p", 64);
60226
+ i0.ɵɵtext(21, " Increase Amount ");
60227
+ i0.ɵɵelementEnd();
60228
+ i0.ɵɵelementStart(22, "p", 65);
60229
+ i0.ɵɵconditionalCreate(23, InitialTargetSettingComponent_Conditional_36_Conditional_23_Template, 1, 1)(24, InitialTargetSettingComponent_Conditional_36_Conditional_24_Template, 1, 0);
60230
+ i0.ɵɵelementEnd()();
60231
+ i0.ɵɵelementStart(25, "div")(26, "p", 64);
60232
+ i0.ɵɵtext(27, " % Growth ");
60233
+ i0.ɵɵelementEnd();
60234
+ i0.ɵɵelementStart(28, "p", 65);
60235
+ i0.ɵɵconditionalCreate(29, InitialTargetSettingComponent_Conditional_36_Conditional_29_Template, 1, 1)(30, InitialTargetSettingComponent_Conditional_36_Conditional_30_Template, 1, 0);
60236
+ i0.ɵɵelementEnd()()()();
60237
+ i0.ɵɵconditionalCreate(31, InitialTargetSettingComponent_Conditional_36_Conditional_31_Template, 23, 12, "div", 59);
60238
+ i0.ɵɵelementEnd()()()();
60239
+ } if (rf & 2) {
60240
+ const ctx_r0 = i0.ɵɵnextContext();
60241
+ i0.ɵɵclassProp("h-full", ctx_r0.calculationState() !== "results" || ctx_r0.detailsExpanded());
60242
+ i0.ɵɵproperty("ngClass", ctx_r0.calculatedValuesCardClasses());
60243
+ i0.ɵɵadvance(4);
60244
+ i0.ɵɵproperty("ngClass", ctx_r0.calculatedLabelClasses());
60245
+ i0.ɵɵadvance();
60246
+ i0.ɵɵtextInterpolate1(" ", ctx_r0.currentYear(), " Revenue Target ");
60247
+ i0.ɵɵadvance();
60248
+ i0.ɵɵclassProp("lg:text-3xl", ctx_r0.calculationState() !== "results" || ctx_r0.detailsExpanded());
60249
+ i0.ɵɵproperty("ngClass", ctx_r0.calculatedValueClasses());
60250
+ i0.ɵɵadvance();
60251
+ i0.ɵɵconditional(ctx_r0.calculationState() === "results" && !ctx_r0.hasExistingTargets() && ctx_r0.submittedAbsoluteInput() !== null ? 7 : 8);
60252
+ i0.ɵɵadvance(2);
60253
+ i0.ɵɵconditional(ctx_r0.calculationState() === "results" && !ctx_r0.hasExistingTargets() ? 9 : -1);
60254
+ i0.ɵɵadvance();
60255
+ i0.ɵɵclassProp("details-collapse-expanded", ctx_r0.calculationState() !== "results" || ctx_r0.detailsExpanded());
60256
+ i0.ɵɵadvance(4);
60257
+ i0.ɵɵproperty("ngClass", ctx_r0.dividerBorderClasses());
60258
+ i0.ɵɵadvance();
60259
+ i0.ɵɵproperty("ngClass", ctx_r0.dividerLabelClasses());
60260
+ i0.ɵɵadvance();
60261
+ i0.ɵɵtextInterpolate1(" vs. ", ctx_r0.priorYear(), " ");
60262
+ i0.ɵɵadvance();
60263
+ i0.ɵɵproperty("ngClass", ctx_r0.dividerBorderClasses());
60264
+ i0.ɵɵadvance(3);
60265
+ i0.ɵɵproperty("ngClass", ctx_r0.calculatedLabelClasses());
60266
+ i0.ɵɵadvance(2);
60267
+ i0.ɵɵproperty("ngClass", ctx_r0.calculatedSecondaryClasses());
60268
+ i0.ɵɵadvance();
60269
+ i0.ɵɵconditional(ctx_r0.isTargetValid() ? 23 : 24);
60270
+ i0.ɵɵadvance(3);
60271
+ i0.ɵɵproperty("ngClass", ctx_r0.calculatedLabelClasses());
60272
+ i0.ɵɵadvance(2);
60273
+ i0.ɵɵproperty("ngClass", ctx_r0.calculatedSecondaryClasses());
60274
+ i0.ɵɵadvance();
60275
+ i0.ɵɵconditional(ctx_r0.isTargetValid() ? 29 : 30);
60276
+ i0.ɵɵadvance(2);
60277
+ i0.ɵɵconditional(ctx_r0.currentPaceProjection() > 0 ? 31 : -1);
60278
+ } }
60279
+ function InitialTargetSettingComponent_Conditional_37_Conditional_4_Template(rf, ctx) { if (rf & 1) {
60280
+ i0.ɵɵelement(0, "symphiq-area-chart", 23);
60281
+ } if (rf & 2) {
60282
+ const ctx_r0 = i0.ɵɵnextContext(2);
60283
+ i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "200px");
60284
+ } }
60285
+ function InitialTargetSettingComponent_Conditional_37_Conditional_5_Template(rf, ctx) { if (rf & 1) {
60286
+ i0.ɵɵelementStart(0, "div", 24)(1, "p", 52);
60287
+ i0.ɵɵtext(2, " No revenue data available ");
60288
+ i0.ɵɵelementEnd()();
60289
+ } if (rf & 2) {
60290
+ const ctx_r0 = i0.ɵɵnextContext(2);
59227
60291
  i0.ɵɵadvance();
59228
60292
  i0.ɵɵproperty("ngClass", ctx_r0.noDataClasses());
59229
60293
  } }
@@ -59257,14 +60321,14 @@ function InitialTargetSettingComponent_Conditional_40_Conditional_6_Template(rf,
59257
60321
  } }
59258
60322
  function InitialTargetSettingComponent_Conditional_40_Template(rf, ctx) { if (rf & 1) {
59259
60323
  const _r9 = i0.ɵɵgetCurrentView();
59260
- i0.ɵɵelementStart(0, "div", 31)(1, "div", 66)(2, "h2", 67);
60324
+ i0.ɵɵelementStart(0, "div", 31)(1, "div", 68)(2, "h2", 69);
59261
60325
  i0.ɵɵtext(3, " Contributing Metrics ");
59262
60326
  i0.ɵɵelementEnd();
59263
- i0.ɵɵelementStart(4, "p", 50);
60327
+ i0.ɵɵelementStart(4, "p", 52);
59264
60328
  i0.ɵɵconditionalCreate(5, InitialTargetSettingComponent_Conditional_40_Conditional_5_Template, 1, 1)(6, InitialTargetSettingComponent_Conditional_40_Conditional_6_Template, 1, 1);
59265
60329
  i0.ɵɵelementEnd()();
59266
- i0.ɵɵelementStart(7, "symphiq-funnel-metrics-visualization", 68);
59267
- i0.ɵɵlistener("viewStageReport", function InitialTargetSettingComponent_Conditional_40_Template_symphiq_funnel_metrics_visualization_viewStageReport_7_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openMetricReport($event)); })("viewRelatedMetricReport", function InitialTargetSettingComponent_Conditional_40_Template_symphiq_funnel_metrics_visualization_viewRelatedMetricReport_7_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openMetricReport($event)); });
60330
+ i0.ɵɵelementStart(7, "symphiq-funnel-metrics-visualization", 70);
60331
+ i0.ɵɵlistener("viewStageReport", function InitialTargetSettingComponent_Conditional_40_Template_symphiq_funnel_metrics_visualization_viewStageReport_7_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openMetricReport($event)); })("viewRelatedMetricReport", function InitialTargetSettingComponent_Conditional_40_Template_symphiq_funnel_metrics_visualization_viewRelatedMetricReport_7_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openMetricReport($event)); })("editRelatedMetricTarget", function InitialTargetSettingComponent_Conditional_40_Template_symphiq_funnel_metrics_visualization_editRelatedMetricTarget_7_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onEditRelatedMetricTarget($event)); });
59268
60332
  i0.ɵɵelementEnd()();
59269
60333
  } if (rf & 2) {
59270
60334
  const ctx_r0 = i0.ɵɵnextContext();
@@ -59276,17 +60340,40 @@ function InitialTargetSettingComponent_Conditional_40_Template(rf, ctx) { if (rf
59276
60340
  i0.ɵɵadvance();
59277
60341
  i0.ɵɵconditional(!ctx_r0.hasExistingTargets() && ctx_r0.submittedAbsoluteInput() !== null ? 5 : 6);
59278
60342
  i0.ɵɵadvance(2);
59279
- i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("calculations", ctx_r0.displayedMetricCalculations())("pacingMetrics", ctx_r0.pacingMetrics());
60343
+ i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("calculations", ctx_r0.displayedMetricCalculations())("pacingMetrics", ctx_r0.pacingMetrics())("hasExistingTargets", ctx_r0.hasExistingTargets());
59280
60344
  } }
59281
60345
  function InitialTargetSettingComponent_Conditional_41_Template(rf, ctx) { if (rf & 1) {
59282
60346
  const _r10 = i0.ɵɵgetCurrentView();
59283
- i0.ɵɵelementStart(0, "symphiq-sticky-submit-bar", 69);
60347
+ i0.ɵɵelementStart(0, "symphiq-sticky-submit-bar", 71);
59284
60348
  i0.ɵɵlistener("submitClick", function InitialTargetSettingComponent_Conditional_41_Template_symphiq_sticky_submit_bar_submitClick_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.handleSubmitClick()); })("cancelClick", function InitialTargetSettingComponent_Conditional_41_Template_symphiq_sticky_submit_bar_cancelClick_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.handleCancel()); });
59285
60349
  i0.ɵɵelementEnd();
59286
60350
  } if (rf & 2) {
59287
60351
  const ctx_r0 = i0.ɵɵnextContext();
59288
60352
  i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("isValid", ctx_r0.isValid())("isSubmitting", ctx_r0.isCalculating())("validationMessage", ctx_r0.validationMessage())("buttonText", ctx_r0.submitButtonText())("showCancelButton", ctx_r0.calculationState() === "input" && ctx_r0.hasStoredResponse());
59289
60353
  } }
60354
+ function InitialTargetSettingComponent_Conditional_42_Template(rf, ctx) { if (rf & 1) {
60355
+ const _r11 = i0.ɵɵgetCurrentView();
60356
+ i0.ɵɵelementStart(0, "div", 33)(1, "p", 52);
60357
+ i0.ɵɵtext(2, " Edit individual metric targets above, then save your changes. ");
60358
+ i0.ɵɵelementEnd();
60359
+ i0.ɵɵelementStart(3, "div", 72)(4, "button", 73);
60360
+ i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_42_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onDiscardChanges()); });
60361
+ i0.ɵɵtext(5, " Discard Changes ");
60362
+ i0.ɵɵelementEnd();
60363
+ i0.ɵɵelementStart(6, "button", 73);
60364
+ i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_42_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSaveTargets()); });
60365
+ i0.ɵɵtext(7, " Save Targets ");
60366
+ i0.ɵɵelementEnd()()();
60367
+ } if (rf & 2) {
60368
+ const ctx_r0 = i0.ɵɵnextContext();
60369
+ i0.ɵɵproperty("ngClass", ctx_r0.saveFooterClasses());
60370
+ i0.ɵɵadvance();
60371
+ i0.ɵɵproperty("ngClass", ctx_r0.saveFooterTextClasses());
60372
+ i0.ɵɵadvance(3);
60373
+ i0.ɵɵproperty("ngClass", ctx_r0.discardButtonClasses());
60374
+ i0.ɵɵadvance(2);
60375
+ i0.ɵɵproperty("ngClass", ctx_r0.saveButtonClasses());
60376
+ } }
59290
60377
  class InitialTargetSettingComponent {
59291
60378
  constructor() {
59292
60379
  this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -59300,6 +60387,9 @@ class InitialTargetSettingComponent {
59300
60387
  this.targets = input(undefined, ...(ngDevMode ? [{ debugName: "targets" }] : []));
59301
60388
  this.targetsCreated = output();
59302
60389
  this.calculateRevenueRequest = output();
60390
+ this.editRelatedMetricTarget = output();
60391
+ this.saveTargetsClick = output();
60392
+ this.discardChangesClick = output();
59303
60393
  this.inputMode = signal('absolute', ...(ngDevMode ? [{ debugName: "inputMode" }] : []));
59304
60394
  this.absoluteInput = signal(null, ...(ngDevMode ? [{ debugName: "absoluteInput" }] : []));
59305
60395
  this.percentageInput = signal(null, ...(ngDevMode ? [{ debugName: "percentageInput" }] : []));
@@ -59324,6 +60414,13 @@ class InitialTargetSettingComponent {
59324
60414
  return calcs.filter(c => !c.isFunnelStage && c.funnelMetric === metricEnum)
59325
60415
  .sort((a, b) => (a.relatedInd ?? 0) - (b.relatedInd ?? 0));
59326
60416
  }, ...(ngDevMode ? [{ debugName: "selectedContributingMetrics" }] : []));
60417
+ this.isEditMetricModalOpen = signal(false, ...(ngDevMode ? [{ debugName: "isEditMetricModalOpen" }] : []));
60418
+ this.editMetricEnum = signal('', ...(ngDevMode ? [{ debugName: "editMetricEnum" }] : []));
60419
+ this.editMetricData = computed(() => {
60420
+ const metricEnum = this.editMetricEnum();
60421
+ const calcs = this.displayedMetricCalculations();
60422
+ return calcs.find(c => c.metric === metricEnum);
60423
+ }, ...(ngDevMode ? [{ debugName: "editMetricData" }] : []));
59327
60424
  this.animatedIncreaseAmount = signal(0, ...(ngDevMode ? [{ debugName: "animatedIncreaseAmount" }] : []));
59328
60425
  this.animatedPercentageGrowth = signal(0, ...(ngDevMode ? [{ debugName: "animatedPercentageGrowth" }] : []));
59329
60426
  this.animatedGapAmount = signal(0, ...(ngDevMode ? [{ debugName: "animatedGapAmount" }] : []));
@@ -59904,6 +61001,43 @@ class InitialTargetSettingComponent {
59904
61001
  this.isMetricReportOpen.set(false);
59905
61002
  this.selectedMetricEnum.set('');
59906
61003
  }
61004
+ onEditRelatedMetricTarget(metricEnum) {
61005
+ this.editMetricEnum.set(metricEnum);
61006
+ this.isEditMetricModalOpen.set(true);
61007
+ }
61008
+ closeEditMetricModal() {
61009
+ this.isEditMetricModalOpen.set(false);
61010
+ this.editMetricEnum.set('');
61011
+ }
61012
+ onEditMetricTargetApplied(event) {
61013
+ this.editRelatedMetricTarget.emit(event.metric);
61014
+ }
61015
+ onSaveTargets() {
61016
+ this.saveTargetsClick.emit();
61017
+ }
61018
+ onDiscardChanges() {
61019
+ this.discardChangesClick.emit();
61020
+ }
61021
+ saveFooterClasses() {
61022
+ return this.viewMode() === ViewModeEnum.DARK
61023
+ ? 'bg-slate-800/50 border-slate-700/50'
61024
+ : 'bg-slate-50 border-slate-200';
61025
+ }
61026
+ saveFooterTextClasses() {
61027
+ return this.viewMode() === ViewModeEnum.DARK
61028
+ ? 'text-slate-300'
61029
+ : 'text-slate-600';
61030
+ }
61031
+ discardButtonClasses() {
61032
+ return this.viewMode() === ViewModeEnum.DARK
61033
+ ? 'bg-transparent text-slate-300 hover:bg-slate-700/50 hover:text-slate-200 border border-slate-600/50 hover:border-slate-500/50'
61034
+ : 'bg-transparent text-slate-600 hover:bg-slate-100 hover:text-slate-800 border border-slate-300 hover:border-slate-400';
61035
+ }
61036
+ saveButtonClasses() {
61037
+ return this.viewMode() === ViewModeEnum.DARK
61038
+ ? 'bg-purple-600 text-white hover:bg-purple-500 border border-purple-500 hover:border-purple-400'
61039
+ : 'bg-purple-600 text-white hover:bg-purple-700 border border-purple-600 hover:border-purple-700';
61040
+ }
59907
61041
  static { this.ɵfac = function InitialTargetSettingComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InitialTargetSettingComponent)(); }; }
59908
61042
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InitialTargetSettingComponent, selectors: [["symphiq-initial-target-setting"]], viewQuery: function InitialTargetSettingComponent_Query(rf, ctx) { if (rf & 1) {
59909
61043
  i0.ɵɵviewQuery(_c0$q, 5);
@@ -59912,7 +61046,7 @@ class InitialTargetSettingComponent {
59912
61046
  let _t;
59913
61047
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
59914
61048
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.percentageInputRef = _t.first);
59915
- } }, inputs: { viewMode: [1, "viewMode"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], trendUiData: [1, "trendUiData"], shopId: [1, "shopId"], pacingMetrics: [1, "pacingMetrics"], dataResults: [1, "dataResults"], reverseCalculationResponse: [1, "reverseCalculationResponse"], targets: [1, "targets"] }, outputs: { targetsCreated: "targetsCreated", calculateRevenueRequest: "calculateRevenueRequest" }, decls: 43, vars: 46, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "space-y-8", "pb-32"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "click", "ngClass"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "text-2xl", "font-bold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "chevron-rotate", 3, "chevron-rotate-expanded", "ngClass"], [1, "flex", "flex-col", "gap-4"], [1, "grid", "lg:grid-cols-2", "gap-4"], [1, "p-6", "rounded-xl", "border-2", 3, "click", "ngClass"], [1, "flex", "flex-wrap", "gap-4", "place-content-between"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "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, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "form-area-collapse"], [1, "form-area-content"], [1, "space-y-6"], [1, "chart-in-column"], [1, "chart-in-column-content"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "rounded-xl", "border", "p-4", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"], [1, "h-64", "flex", "items-center", "justify-center"], [1, "calculated-card-enter", "order-first", "lg:order-last"], [1, "calculated-card-content"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass", "h-full"], [1, "w-full"], [1, "metrics-section-enter"], [1, "metrics-section-content"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass"], [3, "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText", "showCancelButton"], [3, "closed", "viewMode", "metricEnum", "metricData", "contributingMetrics", "pacingMetrics", "trendChartData", "isOpen"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "chevron-rotate", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], [1, "flex", "items-center", "gap-1"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "top", 1, "flex-shrink-0", "w-4", "h-4", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "click", "ngClass", "libSymphiqTooltip"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "gap-2"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "flex", "justify-end"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1000", 1, "w-full", "pl-10", "pr-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "1000", "step", "0.1", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "font-bold", "transition-all", "duration-300", "text-lg", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "whitespace-nowrap", 3, "ngClass"], [1, "details-collapse"], [1, "details-collapse-content"], [1, "relative", "pt-6", "mt-6"], [1, "absolute", "top-0", "left-0", "right-0", "flex", "items-center", "-translate-y-1/2"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "pt-2"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "whitespace-nowrap", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-1", "mb-1"], [1, "mb-6"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewStageReport", "viewRelatedMetricReport", "viewMode", "calculations", "pacingMetrics"], [3, "submitClick", "cancelClick", "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText", "showCancelButton"]], template: function InitialTargetSettingComponent_Template(rf, ctx) { if (rf & 1) {
61049
+ } }, inputs: { viewMode: [1, "viewMode"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], trendUiData: [1, "trendUiData"], shopId: [1, "shopId"], pacingMetrics: [1, "pacingMetrics"], dataResults: [1, "dataResults"], reverseCalculationResponse: [1, "reverseCalculationResponse"], targets: [1, "targets"] }, outputs: { targetsCreated: "targetsCreated", calculateRevenueRequest: "calculateRevenueRequest", editRelatedMetricTarget: "editRelatedMetricTarget", saveTargetsClick: "saveTargetsClick", discardChangesClick: "discardChangesClick" }, decls: 45, vars: 51, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "space-y-8", "pb-32"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "click", "ngClass"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "text-2xl", "font-bold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "chevron-rotate", 3, "chevron-rotate-expanded", "ngClass"], [1, "flex", "flex-col", "gap-4"], [1, "grid", "lg:grid-cols-2", "gap-4"], [1, "p-6", "rounded-xl", "border-2", 3, "click", "ngClass"], [1, "flex", "flex-wrap", "gap-4", "place-content-between"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "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, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "form-area-collapse"], [1, "form-area-content"], [1, "space-y-6"], [1, "chart-in-column"], [1, "chart-in-column-content"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "rounded-xl", "border", "p-4", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"], [1, "h-64", "flex", "items-center", "justify-center"], [1, "calculated-card-enter", "order-first", "lg:order-last"], [1, "calculated-card-content"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass", "h-full"], [1, "w-full"], [1, "metrics-section-enter"], [1, "metrics-section-content"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass"], [3, "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText", "showCancelButton"], [1, "mt-8", "p-6", "rounded-xl", "border-2", "flex", "flex-col", "sm:flex-row", "items-center", "justify-between", "gap-4", 3, "ngClass"], [3, "closed", "viewMode", "metricEnum", "metricData", "contributingMetrics", "pacingMetrics", "trendChartData", "isOpen"], [3, "closed", "targetApplied", "viewMode", "metricData", "pacingMetrics", "isOpen"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "chevron-rotate", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], [1, "flex", "items-center", "gap-1"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "top", 1, "flex-shrink-0", "w-4", "h-4", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "click", "ngClass", "libSymphiqTooltip"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "gap-2"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "flex", "justify-end"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1000", 1, "w-full", "pl-10", "pr-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "1000", "step", "0.1", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "font-bold", "transition-all", "duration-300", "text-lg", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "whitespace-nowrap", 3, "ngClass"], [1, "details-collapse"], [1, "details-collapse-content"], [1, "relative", "pt-6", "mt-6"], [1, "absolute", "top-0", "left-0", "right-0", "flex", "items-center", "-translate-y-1/2"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "pt-2"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "whitespace-nowrap", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-1", "mb-1"], [1, "mb-6"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewStageReport", "viewRelatedMetricReport", "editRelatedMetricTarget", "viewMode", "calculations", "pacingMetrics", "hasExistingTargets"], [3, "submitClick", "cancelClick", "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText", "showCancelButton"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"]], template: function InitialTargetSettingComponent_Template(rf, ctx) { if (rf & 1) {
59916
61050
  i0.ɵɵelementStart(0, "div", 2);
59917
61051
  i0.ɵɵelement(1, "symphiq-tooltip-container");
59918
61052
  i0.ɵɵelementStart(2, "div", 3);
@@ -59953,11 +61087,15 @@ class InitialTargetSettingComponent {
59953
61087
  i0.ɵɵconditionalCreate(37, InitialTargetSettingComponent_Conditional_37_Template, 6, 3, "div", 28);
59954
61088
  i0.ɵɵelementEnd()();
59955
61089
  i0.ɵɵelementStart(38, "div", 29)(39, "div", 30);
59956
- i0.ɵɵconditionalCreate(40, InitialTargetSettingComponent_Conditional_40_Template, 8, 7, "div", 31);
61090
+ i0.ɵɵconditionalCreate(40, InitialTargetSettingComponent_Conditional_40_Template, 8, 8, "div", 31);
59957
61091
  i0.ɵɵelementEnd()();
59958
61092
  i0.ɵɵconditionalCreate(41, InitialTargetSettingComponent_Conditional_41_Template, 1, 6, "symphiq-sticky-submit-bar", 32);
59959
- i0.ɵɵelementStart(42, "symphiq-metric-report-modal", 33);
59960
- i0.ɵɵlistener("closed", function InitialTargetSettingComponent_Template_symphiq_metric_report_modal_closed_42_listener() { return ctx.closeMetricReport(); });
61093
+ i0.ɵɵconditionalCreate(42, InitialTargetSettingComponent_Conditional_42_Template, 8, 4, "div", 33);
61094
+ i0.ɵɵelementStart(43, "symphiq-metric-report-modal", 34);
61095
+ i0.ɵɵlistener("closed", function InitialTargetSettingComponent_Template_symphiq_metric_report_modal_closed_43_listener() { return ctx.closeMetricReport(); });
61096
+ i0.ɵɵelementEnd();
61097
+ i0.ɵɵelementStart(44, "symphiq-edit-metric-target-modal", 35);
61098
+ i0.ɵɵlistener("closed", function InitialTargetSettingComponent_Template_symphiq_edit_metric_target_modal_closed_44_listener() { return ctx.closeEditMetricModal(); })("targetApplied", function InitialTargetSettingComponent_Template_symphiq_edit_metric_target_modal_targetApplied_44_listener($event) { return ctx.onEditMetricTargetApplied($event); });
59961
61099
  i0.ɵɵelementEnd()();
59962
61100
  } if (rf & 2) {
59963
61101
  i0.ɵɵadvance(2);
@@ -60010,13 +61148,18 @@ class InitialTargetSettingComponent {
60010
61148
  i0.ɵɵadvance();
60011
61149
  i0.ɵɵconditional(!ctx.hasExistingTargets() ? 41 : -1);
60012
61150
  i0.ɵɵadvance();
61151
+ i0.ɵɵconditional(ctx.hasExistingTargets() ? 42 : -1);
61152
+ i0.ɵɵadvance();
60013
61153
  i0.ɵɵproperty("viewMode", ctx.viewMode())("metricEnum", ctx.selectedMetricEnum())("metricData", ctx.selectedMetricData())("contributingMetrics", ctx.selectedContributingMetrics())("pacingMetrics", ctx.pacingMetrics())("trendChartData", ctx.revenueChartData())("isOpen", ctx.isMetricReportOpen());
61154
+ i0.ɵɵadvance();
61155
+ i0.ɵɵproperty("viewMode", ctx.viewMode())("metricData", ctx.editMetricData())("pacingMetrics", ctx.pacingMetrics())("isOpen", ctx.isEditMetricModalOpen());
60014
61156
  } }, dependencies: [CommonModule, i1$1.NgClass, FormsModule, i2$1.DefaultValueAccessor, i2$1.NumberValueAccessor, i2$1.NgControlStatus, i2$1.MinValidator, i2$1.MaxValidator, i2$1.NgModel, FunnelMetricsVisualizationComponent,
60015
61157
  StickySubmitBarComponent,
60016
61158
  AreaChartComponent,
60017
61159
  TooltipDirective,
60018
61160
  TooltipContainerComponent,
60019
- MetricReportModalComponent], styles: [".calculated-card-enter[_ngcontent-%COMP%]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.calculated-card-enter-active[_ngcontent-%COMP%]{grid-template-rows:1fr}.calculated-card-content[_ngcontent-%COMP%]{overflow:hidden}.form-area-collapse[_ngcontent-%COMP%]{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s ease-out}.form-area-collapse-hidden[_ngcontent-%COMP%]{grid-template-rows:0fr}.form-area-content[_ngcontent-%COMP%]{overflow:hidden}.chart-section-collapse[_ngcontent-%COMP%]{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s ease-out}.chart-section-collapse-hidden[_ngcontent-%COMP%]{grid-template-rows:0fr}.chart-section-content[_ngcontent-%COMP%]{overflow:hidden}.chart-in-column[_ngcontent-%COMP%]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-out}.chart-in-column-active[_ngcontent-%COMP%]{grid-template-rows:1fr}.chart-in-column-content[_ngcontent-%COMP%]{overflow:hidden}.metrics-section-enter[_ngcontent-%COMP%]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease-out}.metrics-section-enter-active[_ngcontent-%COMP%]{grid-template-rows:1fr}.metrics-section-content[_ngcontent-%COMP%]{overflow:hidden}.details-collapse[_ngcontent-%COMP%]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-out}.details-collapse-expanded[_ngcontent-%COMP%]{grid-template-rows:1fr}.details-collapse-content[_ngcontent-%COMP%]{overflow:hidden}.chevron-rotate[_ngcontent-%COMP%]{transition:transform .3s ease-out}.chevron-rotate-expanded[_ngcontent-%COMP%]{transform:rotate(180deg)}"], changeDetection: 0 }); }
61161
+ MetricReportModalComponent,
61162
+ EditMetricTargetModalComponent], styles: [".calculated-card-enter[_ngcontent-%COMP%]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.calculated-card-enter-active[_ngcontent-%COMP%]{grid-template-rows:1fr}.calculated-card-content[_ngcontent-%COMP%]{overflow:hidden}.form-area-collapse[_ngcontent-%COMP%]{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s ease-out}.form-area-collapse-hidden[_ngcontent-%COMP%]{grid-template-rows:0fr}.form-area-content[_ngcontent-%COMP%]{overflow:hidden}.chart-section-collapse[_ngcontent-%COMP%]{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s ease-out}.chart-section-collapse-hidden[_ngcontent-%COMP%]{grid-template-rows:0fr}.chart-section-content[_ngcontent-%COMP%]{overflow:hidden}.chart-in-column[_ngcontent-%COMP%]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-out}.chart-in-column-active[_ngcontent-%COMP%]{grid-template-rows:1fr}.chart-in-column-content[_ngcontent-%COMP%]{overflow:hidden}.metrics-section-enter[_ngcontent-%COMP%]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease-out}.metrics-section-enter-active[_ngcontent-%COMP%]{grid-template-rows:1fr}.metrics-section-content[_ngcontent-%COMP%]{overflow:hidden}.details-collapse[_ngcontent-%COMP%]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-out}.details-collapse-expanded[_ngcontent-%COMP%]{grid-template-rows:1fr}.details-collapse-content[_ngcontent-%COMP%]{overflow:hidden}.chevron-rotate[_ngcontent-%COMP%]{transition:transform .3s ease-out}.chevron-rotate-expanded[_ngcontent-%COMP%]{transform:rotate(180deg)}"], changeDetection: 0 }); }
60020
61163
  }
60021
61164
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InitialTargetSettingComponent, [{
60022
61165
  type: Component,
@@ -60028,7 +61171,8 @@ class InitialTargetSettingComponent {
60028
61171
  AreaChartComponent,
60029
61172
  TooltipDirective,
60030
61173
  TooltipContainerComponent,
60031
- MetricReportModalComponent
61174
+ MetricReportModalComponent,
61175
+ EditMetricTargetModalComponent
60032
61176
  ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
60033
61177
  <div class="space-y-8 pb-32">
60034
61178
  <symphiq-tooltip-container />
@@ -60383,8 +61527,10 @@ class InitialTargetSettingComponent {
60383
61527
  [viewMode]="viewMode()"
60384
61528
  [calculations]="displayedMetricCalculations()"
60385
61529
  [pacingMetrics]="pacingMetrics()"
61530
+ [hasExistingTargets]="hasExistingTargets()"
60386
61531
  (viewStageReport)="openMetricReport($event)"
60387
61532
  (viewRelatedMetricReport)="openMetricReport($event)"
61533
+ (editRelatedMetricTarget)="onEditRelatedMetricTarget($event)"
60388
61534
  />
60389
61535
  </div>
60390
61536
  }
@@ -60404,6 +61550,30 @@ class InitialTargetSettingComponent {
60404
61550
  />
60405
61551
  }
60406
61552
 
61553
+ @if (hasExistingTargets()) {
61554
+ <div [ngClass]="saveFooterClasses()" class="mt-8 p-6 rounded-xl border-2 flex flex-col sm:flex-row items-center justify-between gap-4">
61555
+ <p [ngClass]="saveFooterTextClasses()" class="text-sm">
61556
+ Edit individual metric targets above, then save your changes.
61557
+ </p>
61558
+ <div class="flex items-center gap-3">
61559
+ <button
61560
+ type="button"
61561
+ (click)="onDiscardChanges()"
61562
+ [ngClass]="discardButtonClasses()"
61563
+ class="px-4 py-2.5 rounded-lg font-medium text-sm transition-all duration-200">
61564
+ Discard Changes
61565
+ </button>
61566
+ <button
61567
+ type="button"
61568
+ (click)="onSaveTargets()"
61569
+ [ngClass]="saveButtonClasses()"
61570
+ class="px-4 py-2.5 rounded-lg font-medium text-sm transition-all duration-200">
61571
+ Save Targets
61572
+ </button>
61573
+ </div>
61574
+ </div>
61575
+ }
61576
+
60407
61577
  <!-- Metric Report Modal -->
60408
61578
  <symphiq-metric-report-modal
60409
61579
  [viewMode]="viewMode()"
@@ -60415,6 +61585,16 @@ class InitialTargetSettingComponent {
60415
61585
  [isOpen]="isMetricReportOpen()"
60416
61586
  (closed)="closeMetricReport()"
60417
61587
  />
61588
+
61589
+ <!-- Edit Metric Target Modal -->
61590
+ <symphiq-edit-metric-target-modal
61591
+ [viewMode]="viewMode()"
61592
+ [metricData]="editMetricData()"
61593
+ [pacingMetrics]="pacingMetrics()"
61594
+ [isOpen]="isEditMetricModalOpen()"
61595
+ (closed)="closeEditMetricModal()"
61596
+ (targetApplied)="onEditMetricTargetApplied($event)"
61597
+ />
60418
61598
  </div>
60419
61599
  `, styles: [".calculated-card-enter{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.calculated-card-enter-active{grid-template-rows:1fr}.calculated-card-content{overflow:hidden}.form-area-collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s ease-out}.form-area-collapse-hidden{grid-template-rows:0fr}.form-area-content{overflow:hidden}.chart-section-collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s ease-out}.chart-section-collapse-hidden{grid-template-rows:0fr}.chart-section-content{overflow:hidden}.chart-in-column{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-out}.chart-in-column-active{grid-template-rows:1fr}.chart-in-column-content{overflow:hidden}.metrics-section-enter{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease-out}.metrics-section-enter-active{grid-template-rows:1fr}.metrics-section-content{overflow:hidden}.details-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-out}.details-collapse-expanded{grid-template-rows:1fr}.details-collapse-content{overflow:hidden}.chevron-rotate{transition:transform .3s ease-out}.chevron-rotate-expanded{transform:rotate(180deg)}\n"] }]
60420
61600
  }], () => [], { absoluteInputRef: [{
@@ -60423,8 +61603,8 @@ class InitialTargetSettingComponent {
60423
61603
  }], percentageInputRef: [{
60424
61604
  type: ViewChild,
60425
61605
  args: ['percentageInputRef']
60426
- }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], shopId: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopId", required: false }] }], pacingMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingMetrics", required: false }] }], dataResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataResults", required: false }] }], reverseCalculationResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverseCalculationResponse", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }], calculateRevenueRequest: [{ type: i0.Output, args: ["calculateRevenueRequest"] }] }); })();
60427
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 538 }); })();
61606
+ }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], shopId: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopId", required: false }] }], pacingMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingMetrics", required: false }] }], dataResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataResults", required: false }] }], reverseCalculationResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverseCalculationResponse", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }], calculateRevenueRequest: [{ type: i0.Output, args: ["calculateRevenueRequest"] }], editRelatedMetricTarget: [{ type: i0.Output, args: ["editRelatedMetricTarget"] }], saveTargetsClick: [{ type: i0.Output, args: ["saveTargetsClick"] }], discardChangesClick: [{ type: i0.Output, args: ["discardChangesClick"] }] }); })();
61607
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 576 }); })();
60428
61608
 
60429
61609
  function IndeterminateSpinnerComponent_For_5_Template(rf, ctx) { if (rf & 1) {
60430
61610
  i0.ɵɵelement(0, "div", 5);
@@ -60598,7 +61778,7 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template(rf,
60598
61778
  const _r2 = i0.ɵɵgetCurrentView();
60599
61779
  i0.ɵɵelement(0, "symphiq-revenue-calculator-welcome-banner", 14);
60600
61780
  i0.ɵɵelementStart(1, "div", 21)(2, "symphiq-initial-target-setting", 22);
60601
- i0.ɵɵlistener("targetsCreated", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_targetsCreated_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onTargetsCreated($event)); })("calculateRevenueRequest", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_calculateRevenueRequest_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.calculateRevenueRequest.emit($event)); });
61781
+ i0.ɵɵlistener("targetsCreated", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_targetsCreated_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onTargetsCreated($event)); })("calculateRevenueRequest", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_calculateRevenueRequest_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.calculateRevenueRequest.emit($event)); })("editRelatedMetricTarget", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_editRelatedMetricTarget_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.editRelatedMetricTarget.emit($event)); })("saveTargetsClick", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_saveTargetsClick_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.saveTargetsClick.emit()); })("discardChangesClick", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_discardChangesClick_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.discardChangesClick.emit()); });
60602
61782
  i0.ɵɵelementEnd()();
60603
61783
  } if (rf & 2) {
60604
61784
  const ctx_r0 = i0.ɵɵnextContext();
@@ -60630,6 +61810,9 @@ class SymphiqRevenueCalculatorDashboardComponent {
60630
61810
  this.nextStepClick = output();
60631
61811
  this.targetsCreated = output();
60632
61812
  this.calculateRevenueRequest = output();
61813
+ this.editRelatedMetricTarget = output();
61814
+ this.saveTargetsClick = output();
61815
+ this.discardChangesClick = output();
60633
61816
  this.JourneyStepIdEnum = JourneyStepIdEnum;
60634
61817
  this.ShopDataLoadStatusEnum = ShopDataLoadStatusEnum;
60635
61818
  this.scrollProgress = signal(0, ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
@@ -60767,7 +61950,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
60767
61950
  static { this.ɵfac = function SymphiqRevenueCalculatorDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqRevenueCalculatorDashboardComponent)(); }; }
60768
61951
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqRevenueCalculatorDashboardComponent, selectors: [["symphiq-revenue-calculator-dashboard"]], hostBindings: function SymphiqRevenueCalculatorDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
60769
61952
  i0.ɵɵlistener("scroll", function SymphiqRevenueCalculatorDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
60770
- } }, inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"], dataLoadStatus: [1, "dataLoadStatus"], targets: [1, "targets"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], ytdComparisonUiData: [1, "ytdComparisonUiData"], trendUiData: [1, "trendUiData"], pacingResponse: [1, "pacingResponse"], dataResults: [1, "dataResults"], shopId: [1, "shopId"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], reverseCalculationResponse: [1, "reverseCalculationResponse"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", targetsCreated: "targetsCreated", calculateRevenueRequest: "calculateRevenueRequest" }, decls: 26, vars: 42, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "flex", "items-center", "justify-center", "min-h-[400px]"], ["size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets"], [1, "mt-8", "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-12", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "text-center", "space-y-6"], [1, "space-y-2"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "max-w-md", 3, "ngClass"], [1, "mt-8"], [3, "targetsCreated", "calculateRevenueRequest", "viewMode", "funnelMetrics", "mainUiData", "trendUiData", "shopId", "pacingMetrics", "dataResults", "reverseCalculationResponse", "targets"]], template: function SymphiqRevenueCalculatorDashboardComponent_Template(rf, ctx) { if (rf & 1) {
61953
+ } }, inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"], dataLoadStatus: [1, "dataLoadStatus"], targets: [1, "targets"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], ytdComparisonUiData: [1, "ytdComparisonUiData"], trendUiData: [1, "trendUiData"], pacingResponse: [1, "pacingResponse"], dataResults: [1, "dataResults"], shopId: [1, "shopId"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], reverseCalculationResponse: [1, "reverseCalculationResponse"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", targetsCreated: "targetsCreated", calculateRevenueRequest: "calculateRevenueRequest", editRelatedMetricTarget: "editRelatedMetricTarget", saveTargetsClick: "saveTargetsClick", discardChangesClick: "discardChangesClick" }, decls: 26, vars: 42, consts: [[3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "flex", "items-center", "justify-center", "min-h-[400px]"], ["size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets"], [1, "mt-8", "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-12", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "text-center", "space-y-6"], [1, "space-y-2"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "max-w-md", 3, "ngClass"], [1, "mt-8"], [3, "targetsCreated", "calculateRevenueRequest", "editRelatedMetricTarget", "saveTargetsClick", "discardChangesClick", "viewMode", "funnelMetrics", "mainUiData", "trendUiData", "shopId", "pacingMetrics", "dataResults", "reverseCalculationResponse", "targets"]], template: function SymphiqRevenueCalculatorDashboardComponent_Template(rf, ctx) { if (rf & 1) {
60771
61954
  i0.ɵɵelementStart(0, "div", 0)(1, "div");
60772
61955
  i0.ɵɵelement(2, "div", 1);
60773
61956
  i0.ɵɵelementEnd();
@@ -60974,6 +62157,9 @@ class SymphiqRevenueCalculatorDashboardComponent {
60974
62157
  [targets]="targets()"
60975
62158
  (targetsCreated)="onTargetsCreated($event)"
60976
62159
  (calculateRevenueRequest)="calculateRevenueRequest.emit($event)"
62160
+ (editRelatedMetricTarget)="editRelatedMetricTarget.emit($event)"
62161
+ (saveTargetsClick)="saveTargetsClick.emit()"
62162
+ (discardChangesClick)="discardChangesClick.emit()"
60977
62163
  />
60978
62164
  </div>
60979
62165
  }
@@ -60984,11 +62170,11 @@ class SymphiqRevenueCalculatorDashboardComponent {
60984
62170
  </div>
60985
62171
  `
60986
62172
  }]
60987
- }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], dataLoadStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataLoadStatus", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], ytdComparisonUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "ytdComparisonUiData", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], pacingResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingResponse", required: false }] }], dataResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataResults", required: false }] }], shopId: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopId", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], reverseCalculationResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverseCalculationResponse", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }], calculateRevenueRequest: [{ type: i0.Output, args: ["calculateRevenueRequest"] }], onWindowScroll: [{
62173
+ }], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], dataLoadStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataLoadStatus", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], ytdComparisonUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "ytdComparisonUiData", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], pacingResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingResponse", required: false }] }], dataResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataResults", required: false }] }], shopId: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopId", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], reverseCalculationResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverseCalculationResponse", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }], calculateRevenueRequest: [{ type: i0.Output, args: ["calculateRevenueRequest"] }], editRelatedMetricTarget: [{ type: i0.Output, args: ["editRelatedMetricTarget"] }], saveTargetsClick: [{ type: i0.Output, args: ["saveTargetsClick"] }], discardChangesClick: [{ type: i0.Output, args: ["discardChangesClick"] }], onWindowScroll: [{
60988
62174
  type: HostListener,
60989
62175
  args: ['window:scroll', ['$event']]
60990
62176
  }] }); })();
60991
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber: 198 }); })();
62177
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber: 201 }); })();
60992
62178
 
60993
62179
  function HierarchyDisplayComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
60994
62180
  i0.ɵɵelementStart(0, "div", 1)(1, "div", 1);