@eric-emg/symphiq-components 1.2.279 → 1.2.281
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/symphiq-components.mjs +88 -28
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +2 -2
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -60609,32 +60609,47 @@ function InitialTargetSettingComponent_Conditional_36_Conditional_6_Template(rf,
|
|
|
60609
60609
|
i0.ɵɵadvance();
|
|
60610
60610
|
i0.ɵɵproperty("ngClass", ctx_r0.calculatingTextClasses());
|
|
60611
60611
|
} }
|
|
60612
|
-
function
|
|
60612
|
+
function InitialTargetSettingComponent_Conditional_36_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
60613
60613
|
i0.ɵɵtext(0);
|
|
60614
60614
|
} if (rf & 2) {
|
|
60615
60615
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
60616
60616
|
i0.ɵɵtextInterpolate1(" > ", ctx_r0.formatCurrency(ctx_r0.submittedAbsoluteInput()), " ");
|
|
60617
60617
|
} }
|
|
60618
|
-
function
|
|
60618
|
+
function InitialTargetSettingComponent_Conditional_36_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
60619
60619
|
i0.ɵɵtext(0);
|
|
60620
60620
|
} if (rf & 2) {
|
|
60621
60621
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
60622
60622
|
i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.displayedTargetRevenue()), " ");
|
|
60623
60623
|
} }
|
|
60624
|
+
function InitialTargetSettingComponent_Conditional_36_Conditional_7_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
60625
|
+
i0.ɵɵelementStart(0, "p", 69);
|
|
60626
|
+
i0.ɵɵtext(1);
|
|
60627
|
+
i0.ɵɵelementEnd();
|
|
60628
|
+
} if (rf & 2) {
|
|
60629
|
+
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
60630
|
+
i0.ɵɵproperty("ngClass", ctx_r0.calculatedSecondaryClasses());
|
|
60631
|
+
i0.ɵɵadvance();
|
|
60632
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.formatCurrency(ctx_r0.originalTargetRevenue()), " ");
|
|
60633
|
+
} }
|
|
60624
60634
|
function InitialTargetSettingComponent_Conditional_36_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
60625
|
-
i0.ɵɵelementStart(0, "p", 68);
|
|
60626
|
-
i0.ɵɵconditionalCreate(
|
|
60635
|
+
i0.ɵɵelementStart(0, "div", 55)(1, "p", 68);
|
|
60636
|
+
i0.ɵɵconditionalCreate(2, InitialTargetSettingComponent_Conditional_36_Conditional_7_Conditional_2_Template, 1, 1)(3, InitialTargetSettingComponent_Conditional_36_Conditional_7_Conditional_3_Template, 1, 1);
|
|
60637
|
+
i0.ɵɵelementEnd();
|
|
60638
|
+
i0.ɵɵconditionalCreate(4, InitialTargetSettingComponent_Conditional_36_Conditional_7_Conditional_4_Template, 2, 2, "p", 69);
|
|
60627
60639
|
i0.ɵɵelementEnd();
|
|
60628
60640
|
} if (rf & 2) {
|
|
60629
60641
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
60642
|
+
i0.ɵɵadvance();
|
|
60630
60643
|
i0.ɵɵclassProp("lg:text-3xl", ctx_r0.calculationState() !== "results" || ctx_r0.detailsExpanded());
|
|
60631
60644
|
i0.ɵɵproperty("ngClass", ctx_r0.calculatedValueClasses());
|
|
60632
60645
|
i0.ɵɵadvance();
|
|
60633
|
-
i0.ɵɵconditional(ctx_r0.calculationState() === "results" && !ctx_r0.hasExistingTargets() && ctx_r0.submittedAbsoluteInput() !== null ?
|
|
60646
|
+
i0.ɵɵconditional(ctx_r0.calculationState() === "results" && !ctx_r0.hasExistingTargets() && ctx_r0.submittedAbsoluteInput() !== null ? 2 : 3);
|
|
60647
|
+
i0.ɵɵadvance(2);
|
|
60648
|
+
i0.ɵɵconditional(ctx_r0.hasRevenueTargetChanged() ? 4 : -1);
|
|
60634
60649
|
} }
|
|
60635
60650
|
function InitialTargetSettingComponent_Conditional_36_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
60636
60651
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
60637
|
-
i0.ɵɵelementStart(0, "button",
|
|
60652
|
+
i0.ɵɵelementStart(0, "button", 70);
|
|
60638
60653
|
i0.ɵɵlistener("click", function InitialTargetSettingComponent_Conditional_36_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.handleAdjustTarget(); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
60639
60654
|
i0.ɵɵtext(1, " Adjust Revenue Target ");
|
|
60640
60655
|
i0.ɵɵelementEnd();
|
|
@@ -60693,7 +60708,7 @@ function InitialTargetSettingComponent_Conditional_36_Conditional_30_Template(rf
|
|
|
60693
60708
|
i0.ɵɵelementStart(10, "p", 65);
|
|
60694
60709
|
i0.ɵɵconditionalCreate(11, InitialTargetSettingComponent_Conditional_36_Conditional_30_Conditional_11_Template, 1, 1)(12, InitialTargetSettingComponent_Conditional_36_Conditional_30_Conditional_12_Template, 1, 0);
|
|
60695
60710
|
i0.ɵɵelementEnd()();
|
|
60696
|
-
i0.ɵɵelementStart(13, "div")(14, "div",
|
|
60711
|
+
i0.ɵɵelementStart(13, "div")(14, "div", 71)(15, "p", 14);
|
|
60697
60712
|
i0.ɵɵtext(16, " Additional Growth Needed ");
|
|
60698
60713
|
i0.ɵɵelementEnd();
|
|
60699
60714
|
i0.ɵɵelementStart(17, "button", 40);
|
|
@@ -60735,7 +60750,7 @@ function InitialTargetSettingComponent_Conditional_36_Template(rf, ctx) { if (rf
|
|
|
60735
60750
|
i0.ɵɵelementStart(0, "div", 53)(1, "div")(2, "div", 54)(3, "div")(4, "p", 14);
|
|
60736
60751
|
i0.ɵɵtext(5);
|
|
60737
60752
|
i0.ɵɵelementEnd();
|
|
60738
|
-
i0.ɵɵconditionalCreate(6, InitialTargetSettingComponent_Conditional_36_Conditional_6_Template, 4, 2, "div", 11)(7, InitialTargetSettingComponent_Conditional_36_Conditional_7_Template,
|
|
60753
|
+
i0.ɵɵconditionalCreate(6, InitialTargetSettingComponent_Conditional_36_Conditional_6_Template, 4, 2, "div", 11)(7, InitialTargetSettingComponent_Conditional_36_Conditional_7_Template, 5, 5, "div", 55);
|
|
60739
60754
|
i0.ɵɵelementEnd();
|
|
60740
60755
|
i0.ɵɵconditionalCreate(8, InitialTargetSettingComponent_Conditional_36_Conditional_8_Template, 2, 1, "button", 56);
|
|
60741
60756
|
i0.ɵɵelementEnd();
|
|
@@ -60842,13 +60857,13 @@ function InitialTargetSettingComponent_Conditional_40_Conditional_6_Template(rf,
|
|
|
60842
60857
|
} }
|
|
60843
60858
|
function InitialTargetSettingComponent_Conditional_40_Template(rf, ctx) { if (rf & 1) {
|
|
60844
60859
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
60845
|
-
i0.ɵɵelementStart(0, "div", 31)(1, "div",
|
|
60860
|
+
i0.ɵɵelementStart(0, "div", 31)(1, "div", 72)(2, "h2", 73);
|
|
60846
60861
|
i0.ɵɵtext(3, " Contributing Metrics ");
|
|
60847
60862
|
i0.ɵɵelementEnd();
|
|
60848
60863
|
i0.ɵɵelementStart(4, "p", 52);
|
|
60849
60864
|
i0.ɵɵconditionalCreate(5, InitialTargetSettingComponent_Conditional_40_Conditional_5_Template, 1, 1)(6, InitialTargetSettingComponent_Conditional_40_Conditional_6_Template, 1, 1);
|
|
60850
60865
|
i0.ɵɵelementEnd()();
|
|
60851
|
-
i0.ɵɵelementStart(7, "symphiq-funnel-metrics-visualization",
|
|
60866
|
+
i0.ɵɵelementStart(7, "symphiq-funnel-metrics-visualization", 74);
|
|
60852
60867
|
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)); });
|
|
60853
60868
|
i0.ɵɵelementEnd()();
|
|
60854
60869
|
} if (rf & 2) {
|
|
@@ -60865,7 +60880,7 @@ function InitialTargetSettingComponent_Conditional_40_Template(rf, ctx) { if (rf
|
|
|
60865
60880
|
} }
|
|
60866
60881
|
function InitialTargetSettingComponent_Conditional_41_Template(rf, ctx) { if (rf & 1) {
|
|
60867
60882
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
60868
|
-
i0.ɵɵelementStart(0, "symphiq-sticky-submit-bar",
|
|
60883
|
+
i0.ɵɵelementStart(0, "symphiq-sticky-submit-bar", 75);
|
|
60869
60884
|
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()); });
|
|
60870
60885
|
i0.ɵɵelementEnd();
|
|
60871
60886
|
} if (rf & 2) {
|
|
@@ -60877,11 +60892,11 @@ function InitialTargetSettingComponent_Conditional_42_Template(rf, ctx) { if (rf
|
|
|
60877
60892
|
i0.ɵɵelementStart(0, "div", 33)(1, "p", 52);
|
|
60878
60893
|
i0.ɵɵtext(2, " You have unsaved target changes. ");
|
|
60879
60894
|
i0.ɵɵelementEnd();
|
|
60880
|
-
i0.ɵɵelementStart(3, "div",
|
|
60895
|
+
i0.ɵɵelementStart(3, "div", 76)(4, "button", 77);
|
|
60881
60896
|
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()); });
|
|
60882
60897
|
i0.ɵɵtext(5, " Reset ");
|
|
60883
60898
|
i0.ɵɵelementEnd();
|
|
60884
|
-
i0.ɵɵelementStart(6, "button",
|
|
60899
|
+
i0.ɵɵelementStart(6, "button", 77);
|
|
60885
60900
|
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()); });
|
|
60886
60901
|
i0.ɵɵtext(7, " Save Targets ");
|
|
60887
60902
|
i0.ɵɵelementEnd()()();
|
|
@@ -61076,8 +61091,19 @@ class InitialTargetSettingComponent {
|
|
|
61076
61091
|
return resultsWithPending.map(calc => {
|
|
61077
61092
|
const responseMetric = calculateResponse.metricValues.find(mv => mv.metric === calc.metric);
|
|
61078
61093
|
if (responseMetric) {
|
|
61079
|
-
const { targetValue: newTargetValue, percentageIncrease:
|
|
61094
|
+
const { targetValue: newTargetValue, percentageIncrease: parsedPercentage } = this.parseMetricValue(responseMetric.value);
|
|
61080
61095
|
const originalValue = calc.originalTargetValue !== undefined ? calc.originalTargetValue : calc.targetValue;
|
|
61096
|
+
let newPercentageIncrease = parsedPercentage;
|
|
61097
|
+
if (parsedPercentage === 0 && newTargetValue > 0 && calc.currentValue > 0) {
|
|
61098
|
+
const isPercentageMetric = MetricEnumUtil.numberType(calc.metric) === NumberTypeEnum.PERCENTAGE;
|
|
61099
|
+
if (isPercentageMetric) {
|
|
61100
|
+
const normalizedCurrent = calc.currentValue * 100;
|
|
61101
|
+
newPercentageIncrease = ((newTargetValue - normalizedCurrent) / normalizedCurrent) * 100;
|
|
61102
|
+
}
|
|
61103
|
+
else {
|
|
61104
|
+
newPercentageIncrease = ((newTargetValue - calc.currentValue) / calc.currentValue) * 100;
|
|
61105
|
+
}
|
|
61106
|
+
}
|
|
61081
61107
|
return {
|
|
61082
61108
|
...calc,
|
|
61083
61109
|
originalTargetValue: originalValue,
|
|
@@ -61093,6 +61119,16 @@ class InitialTargetSettingComponent {
|
|
|
61093
61119
|
if (targets && targets.length > 0) {
|
|
61094
61120
|
const revenueTarget = targets.find(t => t.metric === MetricEnum.PURCHASE_REVENUE);
|
|
61095
61121
|
if (revenueTarget && revenueTarget.amount !== undefined) {
|
|
61122
|
+
const calculateResponse = this.storedCalculateResponse();
|
|
61123
|
+
if (calculateResponse && calculateResponse.metricValues) {
|
|
61124
|
+
const revenueMetric = calculateResponse.metricValues.find(mv => mv.metric === MetricEnum.PURCHASE_REVENUE);
|
|
61125
|
+
if (revenueMetric && revenueMetric.value) {
|
|
61126
|
+
const parsed = parseFloat(revenueMetric.value.replace(/,/g, ''));
|
|
61127
|
+
if (!isNaN(parsed) && parsed > 0) {
|
|
61128
|
+
return parsed;
|
|
61129
|
+
}
|
|
61130
|
+
}
|
|
61131
|
+
}
|
|
61096
61132
|
return revenueTarget.amount;
|
|
61097
61133
|
}
|
|
61098
61134
|
}
|
|
@@ -61105,6 +61141,23 @@ class InitialTargetSettingComponent {
|
|
|
61105
61141
|
}
|
|
61106
61142
|
return this.calculatedRevenue();
|
|
61107
61143
|
}, ...(ngDevMode ? [{ debugName: "displayedTargetRevenue" }] : []));
|
|
61144
|
+
this.originalTargetRevenue = computed(() => {
|
|
61145
|
+
const targets = this.targets();
|
|
61146
|
+
if (targets && targets.length > 0) {
|
|
61147
|
+
const revenueTarget = targets.find(t => t.metric === MetricEnum.PURCHASE_REVENUE);
|
|
61148
|
+
if (revenueTarget && revenueTarget.amount !== undefined) {
|
|
61149
|
+
return revenueTarget.amount;
|
|
61150
|
+
}
|
|
61151
|
+
}
|
|
61152
|
+
return null;
|
|
61153
|
+
}, ...(ngDevMode ? [{ debugName: "originalTargetRevenue" }] : []));
|
|
61154
|
+
this.hasRevenueTargetChanged = computed(() => {
|
|
61155
|
+
const original = this.originalTargetRevenue();
|
|
61156
|
+
const displayed = this.displayedTargetRevenue();
|
|
61157
|
+
if (original === null || original === 0)
|
|
61158
|
+
return false;
|
|
61159
|
+
return Math.abs(displayed - original) > 0.01;
|
|
61160
|
+
}, ...(ngDevMode ? [{ debugName: "hasRevenueTargetChanged" }] : []));
|
|
61108
61161
|
this.isValid = computed(() => {
|
|
61109
61162
|
return this.calculatedRevenue() > this.priorYearRevenue() && this.priorYearRevenue() > 0;
|
|
61110
61163
|
}, ...(ngDevMode ? [{ debugName: "isValid" }] : []));
|
|
@@ -61674,7 +61727,7 @@ class InitialTargetSettingComponent {
|
|
|
61674
61727
|
let _t;
|
|
61675
61728
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
|
|
61676
61729
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.percentageInputRef = _t.first);
|
|
61677
|
-
} }, inputs: { viewMode: [1, "viewMode"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], trendUiData: [1, "trendUiData"], shopId: [1, "shopId"], pacingMetrics: [1, "pacingMetrics"], dataResults: [1, "dataResults"], calculateRevenueReverseResponse: [1, "calculateRevenueReverseResponse"], calculateRevenueResponse: [1, "calculateRevenueResponse"], isCalculatingTargets: [1, "isCalculatingTargets"], targets: [1, "targets"] }, outputs: { targetsCreated: "targetsCreated", calculateRevenueReverseRequest: "calculateRevenueReverseRequest", calculateRevenueRequest: "calculateRevenueRequest", editRelatedMetricTarget: "editRelatedMetricTarget", saveTargetsClick: "saveTargetsClick", discardChangesClick: "discardChangesClick", targetsUpdated: "targetsUpdated" }, 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, "fixed", "bottom-0", "left-0", "right-0", "p-4", "border-t", "shadow-lg", "z-50", "flex", "flex-col", "sm:flex-row", "items-center", "justify-center", "gap-4", "!mb-0", 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, "
|
|
61730
|
+
} }, inputs: { viewMode: [1, "viewMode"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], trendUiData: [1, "trendUiData"], shopId: [1, "shopId"], pacingMetrics: [1, "pacingMetrics"], dataResults: [1, "dataResults"], calculateRevenueReverseResponse: [1, "calculateRevenueReverseResponse"], calculateRevenueResponse: [1, "calculateRevenueResponse"], isCalculatingTargets: [1, "isCalculatingTargets"], targets: [1, "targets"] }, outputs: { targetsCreated: "targetsCreated", calculateRevenueReverseRequest: "calculateRevenueReverseRequest", calculateRevenueRequest: "calculateRevenueRequest", editRelatedMetricTarget: "editRelatedMetricTarget", saveTargetsClick: "saveTargetsClick", discardChangesClick: "discardChangesClick", targetsUpdated: "targetsUpdated" }, 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, "fixed", "bottom-0", "left-0", "right-0", "p-4", "border-t", "shadow-lg", "z-50", "flex", "flex-col", "sm:flex-row", "items-center", "justify-center", "gap-4", "!mb-0", 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, "flex", "items-baseline", "gap-2"], [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, "w-5", "h-5", "border-2", "border-t-transparent", "rounded-full", "animate-spin", 3, "ngClass"], [1, "text-lg", "font-medium", 3, "ngClass"], [1, "font-bold", "transition-all", "duration-300", "text-lg", 3, "ngClass"], [1, "text-base", "line-through", "opacity-60", 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", "isCalculatingTargets"], [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) {
|
|
61678
61731
|
i0.ɵɵelementStart(0, "div", 2);
|
|
61679
61732
|
i0.ɵɵelement(1, "symphiq-tooltip-container");
|
|
61680
61733
|
i0.ɵɵelementStart(2, "div", 3);
|
|
@@ -61995,14 +62048,21 @@ class InitialTargetSettingComponent {
|
|
|
61995
62048
|
<p [ngClass]="calculatingTextClasses()" class="text-lg font-medium">Calculating...</p>
|
|
61996
62049
|
</div>
|
|
61997
62050
|
} @else {
|
|
61998
|
-
<
|
|
61999
|
-
[
|
|
62000
|
-
|
|
62001
|
-
|
|
62002
|
-
|
|
62003
|
-
|
|
62051
|
+
<div class="flex items-baseline gap-2">
|
|
62052
|
+
<p [ngClass]="calculatedValueClasses()" class="font-bold transition-all duration-300 text-lg"
|
|
62053
|
+
[class.lg:text-3xl]="calculationState() !== 'results' || detailsExpanded()">
|
|
62054
|
+
@if (calculationState() === 'results' && !hasExistingTargets() && submittedAbsoluteInput() !== null) {
|
|
62055
|
+
> {{ formatCurrency(submittedAbsoluteInput()!) }}
|
|
62056
|
+
} @else {
|
|
62057
|
+
{{ formatCurrency(displayedTargetRevenue()) }}
|
|
62058
|
+
}
|
|
62059
|
+
</p>
|
|
62060
|
+
@if (hasRevenueTargetChanged()) {
|
|
62061
|
+
<p [ngClass]="calculatedSecondaryClasses()" class="text-base line-through opacity-60">
|
|
62062
|
+
{{ formatCurrency(originalTargetRevenue()!) }}
|
|
62063
|
+
</p>
|
|
62004
62064
|
}
|
|
62005
|
-
</
|
|
62065
|
+
</div>
|
|
62006
62066
|
}
|
|
62007
62067
|
</div>
|
|
62008
62068
|
@if (calculationState() === 'results' && !hasExistingTargets()) {
|
|
@@ -62240,7 +62300,7 @@ class InitialTargetSettingComponent {
|
|
|
62240
62300
|
type: ViewChild,
|
|
62241
62301
|
args: ['percentageInputRef']
|
|
62242
62302
|
}], 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 }] }], calculateRevenueReverseResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueReverseResponse", required: false }] }], calculateRevenueResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueResponse", required: false }] }], isCalculatingTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCalculatingTargets", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }], calculateRevenueReverseRequest: [{ type: i0.Output, args: ["calculateRevenueReverseRequest"] }], calculateRevenueRequest: [{ type: i0.Output, args: ["calculateRevenueRequest"] }], editRelatedMetricTarget: [{ type: i0.Output, args: ["editRelatedMetricTarget"] }], saveTargetsClick: [{ type: i0.Output, args: ["saveTargetsClick"] }], discardChangesClick: [{ type: i0.Output, args: ["discardChangesClick"] }], targetsUpdated: [{ type: i0.Output, args: ["targetsUpdated"] }] }); })();
|
|
62243
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber:
|
|
62303
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 595 }); })();
|
|
62244
62304
|
|
|
62245
62305
|
function IndeterminateSpinnerComponent_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
62246
62306
|
i0.ɵɵelement(0, "div", 5);
|
|
@@ -62414,7 +62474,7 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template(rf,
|
|
|
62414
62474
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
62415
62475
|
i0.ɵɵelement(0, "symphiq-revenue-calculator-welcome-banner", 14);
|
|
62416
62476
|
i0.ɵɵelementStart(1, "div", 21)(2, "symphiq-initial-target-setting", 22);
|
|
62417
|
-
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)); })("calculateRevenueReverseRequest", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_calculateRevenueReverseRequest_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.calculateRevenueReverseRequest.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.onCalculateRevenueRequest($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.
|
|
62477
|
+
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)); })("calculateRevenueReverseRequest", function SymphiqRevenueCalculatorDashboardComponent_Conditional_25_Template_symphiq_initial_target_setting_calculateRevenueReverseRequest_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.calculateRevenueReverseRequest.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.onCalculateRevenueRequest($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.targetsUpdated.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()); });
|
|
62418
62478
|
i0.ɵɵelementEnd()();
|
|
62419
62479
|
} if (rf & 2) {
|
|
62420
62480
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -62447,10 +62507,10 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
62447
62507
|
this.stepClick = output();
|
|
62448
62508
|
this.nextStepClick = output();
|
|
62449
62509
|
this.targetsCreated = output();
|
|
62510
|
+
this.targetsUpdated = output();
|
|
62450
62511
|
this.calculateRevenueRequest = output();
|
|
62451
62512
|
this.calculateRevenueReverseRequest = output();
|
|
62452
62513
|
this.editRelatedMetricTarget = output();
|
|
62453
|
-
this.saveTargetsClick = output();
|
|
62454
62514
|
this.discardChangesClick = output();
|
|
62455
62515
|
this.JourneyStepIdEnum = JourneyStepIdEnum;
|
|
62456
62516
|
this.ShopDataLoadStatusEnum = ShopDataLoadStatusEnum;
|
|
@@ -62592,7 +62652,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
62592
62652
|
static { this.ɵfac = function SymphiqRevenueCalculatorDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqRevenueCalculatorDashboardComponent)(); }; }
|
|
62593
62653
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqRevenueCalculatorDashboardComponent, selectors: [["symphiq-revenue-calculator-dashboard"]], hostBindings: function SymphiqRevenueCalculatorDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
62594
62654
|
i0.ɵɵlistener("scroll", function SymphiqRevenueCalculatorDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
|
|
62595
|
-
} }, 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"], calculateRevenueReverseResponse: [1, "calculateRevenueReverseResponse"], calculateRevenueResponse: [1, "calculateRevenueResponse"], isCalculatingTargets: [1, "isCalculatingTargets"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", targetsCreated: "targetsCreated", calculateRevenueRequest: "calculateRevenueRequest", calculateRevenueReverseRequest: "calculateRevenueReverseRequest", editRelatedMetricTarget: "editRelatedMetricTarget",
|
|
62655
|
+
} }, 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"], calculateRevenueReverseResponse: [1, "calculateRevenueReverseResponse"], calculateRevenueResponse: [1, "calculateRevenueResponse"], isCalculatingTargets: [1, "isCalculatingTargets"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", targetsCreated: "targetsCreated", targetsUpdated: "targetsUpdated", calculateRevenueRequest: "calculateRevenueRequest", calculateRevenueReverseRequest: "calculateRevenueReverseRequest", editRelatedMetricTarget: "editRelatedMetricTarget", 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", "calculateRevenueReverseRequest", "calculateRevenueRequest", "editRelatedMetricTarget", "saveTargetsClick", "discardChangesClick", "viewMode", "funnelMetrics", "mainUiData", "trendUiData", "shopId", "pacingMetrics", "dataResults", "calculateRevenueReverseResponse", "calculateRevenueResponse", "isCalculatingTargets", "targets"]], template: function SymphiqRevenueCalculatorDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
62596
62656
|
i0.ɵɵelementStart(0, "div", 0)(1, "div");
|
|
62597
62657
|
i0.ɵɵelement(2, "div", 1);
|
|
62598
62658
|
i0.ɵɵelementEnd();
|
|
@@ -62803,7 +62863,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
62803
62863
|
(calculateRevenueReverseRequest)="calculateRevenueReverseRequest.emit($event)"
|
|
62804
62864
|
(calculateRevenueRequest)="onCalculateRevenueRequest($event)"
|
|
62805
62865
|
(editRelatedMetricTarget)="editRelatedMetricTarget.emit($event)"
|
|
62806
|
-
(saveTargetsClick)="
|
|
62866
|
+
(saveTargetsClick)="targetsUpdated.emit()"
|
|
62807
62867
|
(discardChangesClick)="discardChangesClick.emit()"
|
|
62808
62868
|
/>
|
|
62809
62869
|
</div>
|
|
@@ -62815,7 +62875,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
62815
62875
|
</div>
|
|
62816
62876
|
`
|
|
62817
62877
|
}]
|
|
62818
|
-
}], () => [], { 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 }] }], calculateRevenueReverseResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueReverseResponse", required: false }] }], calculateRevenueResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueResponse", required: false }] }], isCalculatingTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCalculatingTargets", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }],
|
|
62878
|
+
}], () => [], { 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 }] }], calculateRevenueReverseResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueReverseResponse", required: false }] }], calculateRevenueResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueResponse", required: false }] }], isCalculatingTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCalculatingTargets", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }], targetsUpdated: [{ type: i0.Output, args: ["targetsUpdated"] }], calculateRevenueRequest: [{ type: i0.Output, args: ["calculateRevenueRequest"] }], calculateRevenueReverseRequest: [{ type: i0.Output, args: ["calculateRevenueReverseRequest"] }], editRelatedMetricTarget: [{ type: i0.Output, args: ["editRelatedMetricTarget"] }], discardChangesClick: [{ type: i0.Output, args: ["discardChangesClick"] }], onWindowScroll: [{
|
|
62819
62879
|
type: HostListener,
|
|
62820
62880
|
args: ['window:scroll', ['$event']]
|
|
62821
62881
|
}] }); })();
|