@eric-emg/symphiq-components 1.2.254 → 1.2.257

package/fesm2022/symphiq-components.mjs

@@ -15,6 +15,8 @@ import { FormsModule, FormBuilder, Validators, ReactiveFormsModule } from '@angu
 import { trigger, transition, style, animate } from '@angular/animations';
 import { toObservable, toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MarkdownComponent } from 'ngx-markdown';
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
 import { Root, color, Tooltip, Bullet, Circle, Legend, percent, LinearGradient, p100, p50 } from '@amcharts/amcharts5';
 import { XYChart, CategoryAxis, AxisRendererX, ValueAxis, AxisRendererY, XYCursor, LineSeries, DateAxis, ColumnSeries } from '@amcharts/amcharts5/xy';
 import am5themes_Animated from '@amcharts/amcharts5/themes/Animated';
@@ -57677,9 +57679,30 @@ function MetricReportModalComponent_Conditional_0_Conditional_70_Template(rf, ct
 } }
 function MetricReportModalComponent_Conditional_0_Conditional_71_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "symphiq-line-chart", 36);
+    i0.ɵɵelementStart(1, "p", 58);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "p", 59);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p", 59);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("chart", ctx_r1.pacingChartData())("showAxisLabels", true)("viewMode", ctx_r1.viewMode())("currencySymbol", "$")("height", "500px");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.descriptionClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.chartLegendDescription(), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.descriptionClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.chartDescriptionSentence1(), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.descriptionClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.chartDescriptionSentence2(), " ");
 } }
 function MetricReportModalComponent_Conditional_0_Conditional_71_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -57700,7 +57723,7 @@ function MetricReportModalComponent_Conditional_0_Conditional_71_Template(rf, ct
     i0.ɵɵelementEnd()()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(10, "div", 66);
-    i0.ɵɵconditionalCreate(11, MetricReportModalComponent_Conditional_0_Conditional_71_Conditional_11_Template, 1, 5, "symphiq-line-chart", 36);
+    i0.ɵɵconditionalCreate(11, MetricReportModalComponent_Conditional_0_Conditional_71_Conditional_11_Template, 7, 11);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -58843,6 +58866,15 @@ class MetricReportModalComponent {
                     [currencySymbol]="'$'"
                     [height]="'500px'"
                   />
+                  <p [ngClass]="descriptionClasses()" class="text-sm leading-relaxed mt-4">
+                    {{ chartLegendDescription() }}
+                  </p>
+                  <p [ngClass]="descriptionClasses()" class="text-sm leading-relaxed mt-2">
+                    {{ chartDescriptionSentence1() }}
+                  </p>
+                  <p [ngClass]="descriptionClasses()" class="text-sm leading-relaxed mt-2">
+                    {{ chartDescriptionSentence2() }}
+                  </p>
                 }
               </div>
             </div>
@@ -58856,7 +58888,7 @@ class MetricReportModalComponent {
             type: HostListener,
             args: ['document:keydown.escape']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricReportModalComponent, { className: "MetricReportModalComponent", filePath: "lib/components/revenue-calculator-dashboard/metric-report-modal.component.ts", lineNumber: 474 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricReportModalComponent, { className: "MetricReportModalComponent", filePath: "lib/components/revenue-calculator-dashboard/metric-report-modal.component.ts", lineNumber: 483 }); })();
 
 const _c0$q = ["absoluteInputRef"];
 const _c1$b = ["percentageInputRef"];
@@ -59413,7 +59445,7 @@ class InitialTargetSettingComponent {
                 return 'Calculating...';
             }
             else if (state === 'results') {
-                return 'Set Revenue Targets';
+                return 'Save Metric Targets';
             }
             else {
                 return 'Calculate Metric Targets';
@@ -60492,7 +60524,7 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template(rf,
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelement(0, "symphiq-revenue-calculator-welcome-banner", 14);
     i0.ɵɵelementStart(1, "div", 21)(2, "symphiq-initial-target-setting", 22);
-    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.targetsCreated.emit($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)); });
+    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)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -60526,6 +60558,7 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_26_Template(rf,
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.placeholderTextClasses());
 } }
+dayjs.extend(utc);
 class SymphiqRevenueCalculatorDashboardComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -60669,6 +60702,16 @@ class SymphiqRevenueCalculatorDashboardComponent {
             ? 'text-slate-600'
             : 'text-slate-400';
     }
+    onTargetsCreated(targets) {
+        const startDate = dayjs().utc().startOf('year').toDate();
+        const endDate = dayjs().utc().endOf('year').toDate();
+        const targetsWithDates = targets.map(target => ({
+            ...target,
+            startDate,
+            endDate
+        }));
+        this.targetsCreated.emit(targetsWithDates);
+    }
     static { this.ɵfac = function SymphiqRevenueCalculatorDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqRevenueCalculatorDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqRevenueCalculatorDashboardComponent, selectors: [["symphiq-revenue-calculator-dashboard"]], hostBindings: function SymphiqRevenueCalculatorDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqRevenueCalculatorDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
@@ -60877,7 +60920,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
                     [dataResults]="dataResults()"
                     [reverseCalculationResponse]="reverseCalculationResponse()"
                     [targets]="targets()"
-                    (targetsCreated)="targetsCreated.emit($event)"
+                    (targetsCreated)="onTargetsCreated($event)"
                     (calculateRevenueRequest)="calculateRevenueRequest.emit($event)"
                 />
               </div>
@@ -60922,7 +60965,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber: 223 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber: 227 }); })();
 
 function HierarchyDisplayComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 1);