@eric-emg/symphiq-components 1.2.220 → 1.2.222
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.
|
@@ -56339,14 +56339,14 @@ function InitialTargetSettingComponent_Conditional_36_Conditional_9_Template(rf,
|
|
|
56339
56339
|
} }
|
|
56340
56340
|
function InitialTargetSettingComponent_Conditional_36_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
56341
56341
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
56342
|
-
i0.ɵɵelementStart(0, "div",
|
|
56343
|
-
i0.ɵɵelement(2, "div",
|
|
56344
|
-
i0.ɵɵelementStart(3, "span",
|
|
56342
|
+
i0.ɵɵelementStart(0, "div", 57)(1, "div", 58);
|
|
56343
|
+
i0.ɵɵelement(2, "div", 59);
|
|
56344
|
+
i0.ɵɵelementStart(3, "span", 60);
|
|
56345
56345
|
i0.ɵɵtext(4);
|
|
56346
56346
|
i0.ɵɵelementEnd();
|
|
56347
|
-
i0.ɵɵelement(5, "div",
|
|
56347
|
+
i0.ɵɵelement(5, "div", 59);
|
|
56348
56348
|
i0.ɵɵelementEnd();
|
|
56349
|
-
i0.ɵɵelementStart(6, "div",
|
|
56349
|
+
i0.ɵɵelementStart(6, "div", 61)(7, "div")(8, "p", 62);
|
|
56350
56350
|
i0.ɵɵtext(9, " Gap to Close ");
|
|
56351
56351
|
i0.ɵɵelementEnd();
|
|
56352
56352
|
i0.ɵɵelementStart(10, "p", 63);
|
|
@@ -56391,42 +56391,40 @@ function InitialTargetSettingComponent_Conditional_36_Conditional_29_Template(rf
|
|
|
56391
56391
|
i0.ɵɵtextInterpolate2(" ", ctx_r0.gapToClose().amount > 0 ? "+" : "", "", ctx_r0.formatPercentage(ctx_r0.gapToClose().percentage, 1), " ");
|
|
56392
56392
|
} }
|
|
56393
56393
|
function InitialTargetSettingComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
|
|
56394
|
-
i0.ɵɵelementStart(0, "div", 51)(1, "div")(2, "div", 52)(3, "div")(4, "p",
|
|
56394
|
+
i0.ɵɵelementStart(0, "div", 51)(1, "div")(2, "div", 52)(3, "div")(4, "p", 14);
|
|
56395
56395
|
i0.ɵɵtext(5);
|
|
56396
56396
|
i0.ɵɵelementEnd();
|
|
56397
|
-
i0.ɵɵelementStart(6, "p",
|
|
56397
|
+
i0.ɵɵelementStart(6, "p", 53);
|
|
56398
56398
|
i0.ɵɵconditionalCreate(7, InitialTargetSettingComponent_Conditional_36_Conditional_7_Template, 1, 1)(8, InitialTargetSettingComponent_Conditional_36_Conditional_8_Template, 1, 1);
|
|
56399
56399
|
i0.ɵɵelementEnd()();
|
|
56400
|
-
i0.ɵɵconditionalCreate(9, InitialTargetSettingComponent_Conditional_36_Conditional_9_Template, 2, 1, "button",
|
|
56400
|
+
i0.ɵɵconditionalCreate(9, InitialTargetSettingComponent_Conditional_36_Conditional_9_Template, 2, 1, "button", 54);
|
|
56401
56401
|
i0.ɵɵelementEnd();
|
|
56402
|
-
i0.ɵɵelementStart(10, "div",
|
|
56403
|
-
i0.ɵɵelement(14, "div",
|
|
56404
|
-
i0.ɵɵelementStart(15, "span",
|
|
56402
|
+
i0.ɵɵelementStart(10, "div", 55)(11, "div", 56)(12, "div", 57)(13, "div", 58);
|
|
56403
|
+
i0.ɵɵelement(14, "div", 59);
|
|
56404
|
+
i0.ɵɵelementStart(15, "span", 60);
|
|
56405
56405
|
i0.ɵɵtext(16);
|
|
56406
56406
|
i0.ɵɵelementEnd();
|
|
56407
|
-
i0.ɵɵelement(17, "div",
|
|
56407
|
+
i0.ɵɵelement(17, "div", 59);
|
|
56408
56408
|
i0.ɵɵelementEnd();
|
|
56409
|
-
i0.ɵɵelementStart(18, "div",
|
|
56409
|
+
i0.ɵɵelementStart(18, "div", 61)(19, "div")(20, "p", 62);
|
|
56410
56410
|
i0.ɵɵtext(21, " Increase Amount ");
|
|
56411
56411
|
i0.ɵɵelementEnd();
|
|
56412
56412
|
i0.ɵɵelementStart(22, "p", 63);
|
|
56413
56413
|
i0.ɵɵtext(23);
|
|
56414
56414
|
i0.ɵɵelementEnd()();
|
|
56415
|
-
i0.ɵɵelementStart(24, "div")(25, "p",
|
|
56415
|
+
i0.ɵɵelementStart(24, "div")(25, "p", 62);
|
|
56416
56416
|
i0.ɵɵtext(26, " % Growth ");
|
|
56417
56417
|
i0.ɵɵelementEnd();
|
|
56418
56418
|
i0.ɵɵelementStart(27, "p", 63);
|
|
56419
56419
|
i0.ɵɵtext(28);
|
|
56420
56420
|
i0.ɵɵelementEnd()()()();
|
|
56421
|
-
i0.ɵɵconditionalCreate(29, InitialTargetSettingComponent_Conditional_36_Conditional_29_Template, 21, 13, "div",
|
|
56421
|
+
i0.ɵɵconditionalCreate(29, InitialTargetSettingComponent_Conditional_36_Conditional_29_Template, 21, 13, "div", 57);
|
|
56422
56422
|
i0.ɵɵelementEnd()()()();
|
|
56423
56423
|
} if (rf & 2) {
|
|
56424
56424
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
56425
56425
|
i0.ɵɵclassProp("h-full", ctx_r0.calculationState() !== "results" || ctx_r0.detailsExpanded());
|
|
56426
56426
|
i0.ɵɵproperty("ngClass", ctx_r0.calculatedValuesCardClasses());
|
|
56427
|
-
i0.ɵɵadvance();
|
|
56428
|
-
i0.ɵɵclassProp("space-y-6", ctx_r0.calculationState() !== "results");
|
|
56429
|
-
i0.ɵɵadvance(3);
|
|
56427
|
+
i0.ɵɵadvance(4);
|
|
56430
56428
|
i0.ɵɵproperty("ngClass", ctx_r0.calculatedLabelClasses());
|
|
56431
56429
|
i0.ɵɵadvance();
|
|
56432
56430
|
i0.ɵɵtextInterpolate1(" ", ctx_r0.currentYear(), " Revenue Target ");
|
|
@@ -56512,16 +56510,17 @@ function InitialTargetSettingComponent_Conditional_38_Template(rf, ctx) { if (rf
|
|
|
56512
56510
|
i0.ɵɵconditional(ctx_r0.revenueChartData() ? 4 : 5);
|
|
56513
56511
|
} }
|
|
56514
56512
|
function InitialTargetSettingComponent_Conditional_41_Template(rf, ctx) { if (rf & 1) {
|
|
56515
|
-
i0.ɵɵelementStart(0, "div",
|
|
56513
|
+
i0.ɵɵelementStart(0, "div", 68)(1, "div", 69)(2, "h2", 70);
|
|
56516
56514
|
i0.ɵɵtext(3, " Contributing Metrics ");
|
|
56517
56515
|
i0.ɵɵelementEnd();
|
|
56518
56516
|
i0.ɵɵelementStart(4, "p", 50);
|
|
56519
56517
|
i0.ɵɵtext(5);
|
|
56520
56518
|
i0.ɵɵelementEnd()();
|
|
56521
|
-
i0.ɵɵelement(6, "symphiq-funnel-metrics-visualization",
|
|
56519
|
+
i0.ɵɵelement(6, "symphiq-funnel-metrics-visualization", 71);
|
|
56522
56520
|
i0.ɵɵelementEnd();
|
|
56523
56521
|
} if (rf & 2) {
|
|
56524
56522
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
56523
|
+
i0.ɵɵclassProp("metrics-highlight-pulse", ctx_r0.showMetricsHighlight());
|
|
56525
56524
|
i0.ɵɵproperty("ngClass", ctx_r0.sectionCardClasses());
|
|
56526
56525
|
i0.ɵɵadvance(2);
|
|
56527
56526
|
i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
|
|
@@ -56552,6 +56551,8 @@ class InitialTargetSettingComponent {
|
|
|
56552
56551
|
this.storedResponse = signal(null, ...(ngDevMode ? [{ debugName: "storedResponse" }] : []));
|
|
56553
56552
|
this.submittedAbsoluteInput = signal(null, ...(ngDevMode ? [{ debugName: "submittedAbsoluteInput" }] : []));
|
|
56554
56553
|
this.detailsExpanded = signal(false, ...(ngDevMode ? [{ debugName: "detailsExpanded" }] : []));
|
|
56554
|
+
this.showMetricsHighlight = signal(false, ...(ngDevMode ? [{ debugName: "showMetricsHighlight" }] : []));
|
|
56555
|
+
this.hasShownMetricsHighlight = false;
|
|
56555
56556
|
this.priorYearRevenue = computed(() => {
|
|
56556
56557
|
return sumMetricFromUiData(this.mainUiData(), MetricEnum.PURCHASE_REVENUE, 'priorYear');
|
|
56557
56558
|
}, ...(ngDevMode ? [{ debugName: "priorYearRevenue" }] : []));
|
|
@@ -56722,6 +56723,17 @@ class InitialTargetSettingComponent {
|
|
|
56722
56723
|
this.calculationState.set('results');
|
|
56723
56724
|
}
|
|
56724
56725
|
}, { allowSignalWrites: true });
|
|
56726
|
+
effect(() => {
|
|
56727
|
+
const showMetrics = this.showMetricsVisualization();
|
|
56728
|
+
const targetsUndefined = this.targets() === undefined;
|
|
56729
|
+
if (showMetrics && targetsUndefined && !this.hasShownMetricsHighlight) {
|
|
56730
|
+
this.hasShownMetricsHighlight = true;
|
|
56731
|
+
this.showMetricsHighlight.set(true);
|
|
56732
|
+
setTimeout(() => {
|
|
56733
|
+
this.showMetricsHighlight.set(false);
|
|
56734
|
+
}, 2000);
|
|
56735
|
+
}
|
|
56736
|
+
}, { allowSignalWrites: true });
|
|
56725
56737
|
}
|
|
56726
56738
|
parseMetricValue(value) {
|
|
56727
56739
|
if (!value)
|
|
@@ -57016,7 +57028,7 @@ class InitialTargetSettingComponent {
|
|
|
57016
57028
|
let _t;
|
|
57017
57029
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
|
|
57018
57030
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.percentageInputRef = _t.first);
|
|
57019
|
-
} }, 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:
|
|
57031
|
+
} }, 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: 37, 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, "flex", "justify-center"], [1, "w-full"], [1, "metrics-section-enter"], [1, "metrics-section-content"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass", "metrics-highlight-pulse"], [3, "submitClick", "cancelClick", "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText", "showCancelButton"], ["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", 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, "text-sm", "font-semibold", "transition-all", "inline-flex", "items-center", "gap-1", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "chevron-rotate"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass"], [1, "mb-6"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "calculations", "pacingMetrics"]], template: function InitialTargetSettingComponent_Template(rf, ctx) { if (rf & 1) {
|
|
57020
57032
|
i0.ɵɵelementStart(0, "div", 2);
|
|
57021
57033
|
i0.ɵɵelement(1, "symphiq-tooltip-container");
|
|
57022
57034
|
i0.ɵɵelementStart(2, "div", 3);
|
|
@@ -57052,13 +57064,13 @@ class InitialTargetSettingComponent {
|
|
|
57052
57064
|
i0.ɵɵconditionalCreate(32, InitialTargetSettingComponent_Conditional_32_Template, 1, 5, "symphiq-area-chart", 23)(33, InitialTargetSettingComponent_Conditional_33_Template, 3, 1, "div", 24);
|
|
57053
57065
|
i0.ɵɵelementEnd()()()()();
|
|
57054
57066
|
i0.ɵɵelementStart(34, "div", 25)(35, "div", 26);
|
|
57055
|
-
i0.ɵɵconditionalCreate(36, InitialTargetSettingComponent_Conditional_36_Template, 30,
|
|
57067
|
+
i0.ɵɵconditionalCreate(36, InitialTargetSettingComponent_Conditional_36_Template, 30, 25, "div", 27);
|
|
57056
57068
|
i0.ɵɵelementEnd()()();
|
|
57057
57069
|
i0.ɵɵconditionalCreate(37, InitialTargetSettingComponent_Conditional_37_Template, 5, 4, "div", 28);
|
|
57058
57070
|
i0.ɵɵconditionalCreate(38, InitialTargetSettingComponent_Conditional_38_Template, 6, 3, "div", 29);
|
|
57059
57071
|
i0.ɵɵelementEnd()();
|
|
57060
57072
|
i0.ɵɵelementStart(39, "div", 30)(40, "div", 31);
|
|
57061
|
-
i0.ɵɵconditionalCreate(41, InitialTargetSettingComponent_Conditional_41_Template, 7,
|
|
57073
|
+
i0.ɵɵconditionalCreate(41, InitialTargetSettingComponent_Conditional_41_Template, 7, 9, "div", 32);
|
|
57062
57074
|
i0.ɵɵelementEnd()();
|
|
57063
57075
|
i0.ɵɵelementStart(42, "symphiq-sticky-submit-bar", 33);
|
|
57064
57076
|
i0.ɵɵlistener("submitClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_submitClick_42_listener() { return ctx.handleSubmitClick(); })("cancelClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_cancelClick_42_listener() { return ctx.handleCancel(); });
|
|
@@ -57088,7 +57100,7 @@ class InitialTargetSettingComponent {
|
|
|
57088
57100
|
i0.ɵɵadvance();
|
|
57089
57101
|
i0.ɵɵconditional(ctx.currentPaceProjection() > 0 ? 21 : -1);
|
|
57090
57102
|
i0.ɵɵadvance();
|
|
57091
|
-
i0.ɵɵclassProp("form-area-collapse-hidden", ctx.calculationState() === "results");
|
|
57103
|
+
i0.ɵɵclassProp("form-area-collapse-hidden", ctx.calculationState() === "results")("mt-6", ctx.calculationState() !== "results");
|
|
57092
57104
|
i0.ɵɵadvance(3);
|
|
57093
57105
|
i0.ɵɵconditional(ctx.calculationState() !== "results" ? 25 : -1);
|
|
57094
57106
|
i0.ɵɵadvance();
|
|
@@ -57117,7 +57129,7 @@ class InitialTargetSettingComponent {
|
|
|
57117
57129
|
StickySubmitBarComponent,
|
|
57118
57130
|
AreaChartComponent,
|
|
57119
57131
|
TooltipDirective,
|
|
57120
|
-
TooltipContainerComponent], 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 }); }
|
|
57132
|
+
TooltipContainerComponent], 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)}@keyframes _ngcontent-%COMP%_pulse-highlight{0%,to{box-shadow:0 0 #8b5cf600}50%{box-shadow:0 0 0 8px #8b5cf666}}.metrics-highlight-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-highlight 1s ease-in-out 2;border-color:#8b5cf6!important}"], changeDetection: 0 }); }
|
|
57121
57133
|
}
|
|
57122
57134
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InitialTargetSettingComponent, [{
|
|
57123
57135
|
type: Component,
|
|
@@ -57205,7 +57217,7 @@ class InitialTargetSettingComponent {
|
|
|
57205
57217
|
}
|
|
57206
57218
|
</div>
|
|
57207
57219
|
|
|
57208
|
-
<div class="form-area-collapse" [class.form-area-collapse-hidden]="calculationState() === 'results'">
|
|
57220
|
+
<div class="form-area-collapse" [class.form-area-collapse-hidden]="calculationState() === 'results'" [class.mt-6]="calculationState() !== 'results'">
|
|
57209
57221
|
<div class="form-area-content">
|
|
57210
57222
|
<div class="space-y-6">
|
|
57211
57223
|
@if (calculationState() !== 'results') {
|
|
@@ -57308,10 +57320,10 @@ class InitialTargetSettingComponent {
|
|
|
57308
57320
|
@if (calculatedRevenue() > 0) {
|
|
57309
57321
|
<div [ngClass]="calculatedValuesCardClasses()" class="p-6 rounded-xl border-2"
|
|
57310
57322
|
[class.h-full]="calculationState() !== 'results' || detailsExpanded()">
|
|
57311
|
-
<div
|
|
57323
|
+
<div>
|
|
57312
57324
|
<div class="flex items-center justify-between">
|
|
57313
57325
|
<div>
|
|
57314
|
-
<p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider
|
|
57326
|
+
<p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider">
|
|
57315
57327
|
{{ currentYear() }} Revenue Target
|
|
57316
57328
|
</p>
|
|
57317
57329
|
<p [ngClass]="calculatedValueClasses()" class="font-bold transition-all duration-300"
|
|
@@ -57466,7 +57478,8 @@ class InitialTargetSettingComponent {
|
|
|
57466
57478
|
<div class="metrics-section-enter" [class.metrics-section-enter-active]="showMetricsVisualization()">
|
|
57467
57479
|
<div class="metrics-section-content">
|
|
57468
57480
|
@if (showMetricsVisualization()) {
|
|
57469
|
-
<div [ngClass]="sectionCardClasses()" class="rounded-2xl border shadow-lg p-8"
|
|
57481
|
+
<div [ngClass]="sectionCardClasses()" class="rounded-2xl border shadow-lg p-8"
|
|
57482
|
+
[class.metrics-highlight-pulse]="showMetricsHighlight()">
|
|
57470
57483
|
<div class="mb-6">
|
|
57471
57484
|
<h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-2">
|
|
57472
57485
|
Contributing Metrics
|
|
@@ -57497,7 +57510,7 @@ class InitialTargetSettingComponent {
|
|
|
57497
57510
|
(cancelClick)="handleCancel()"
|
|
57498
57511
|
/>
|
|
57499
57512
|
</div>
|
|
57500
|
-
`, 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"] }]
|
|
57513
|
+
`, 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)}@keyframes pulse-highlight{0%,to{box-shadow:0 0 #8b5cf600}50%{box-shadow:0 0 0 8px #8b5cf666}}.metrics-highlight-pulse{animation:pulse-highlight 1s ease-in-out 2;border-color:#8b5cf6!important}\n"] }]
|
|
57501
57514
|
}], () => [], { absoluteInputRef: [{
|
|
57502
57515
|
type: ViewChild,
|
|
57503
57516
|
args: ['absoluteInputRef']
|
|
@@ -57505,7 +57518,7 @@ class InitialTargetSettingComponent {
|
|
|
57505
57518
|
type: ViewChild,
|
|
57506
57519
|
args: ['percentageInputRef']
|
|
57507
57520
|
}], 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"] }] }); })();
|
|
57508
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber:
|
|
57521
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 531 }); })();
|
|
57509
57522
|
|
|
57510
57523
|
function IndeterminateSpinnerComponent_For_5_Template(rf, ctx) { if (rf & 1) {
|
|
57511
57524
|
i0.ɵɵelement(0, "div", 5);
|