@eric-emg/symphiq-components 1.2.294 → 1.2.296
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 +17 -18
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +32 -32
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -59813,11 +59813,9 @@ class EditMetricTargetModalComponent {
|
|
|
59813
59813
|
}, ...(ngDevMode ? [{ debugName: "gapTooltip" }] : []));
|
|
59814
59814
|
this.filteredHistories = computed(() => {
|
|
59815
59815
|
const histories = this.targetHistories();
|
|
59816
|
-
|
|
59817
|
-
const sorted = histories
|
|
59816
|
+
return histories
|
|
59818
59817
|
.slice()
|
|
59819
59818
|
.sort((a, b) => new Date(b.createdDate ?? 0).getTime() - new Date(a.createdDate ?? 0).getTime());
|
|
59820
|
-
return sorted;
|
|
59821
59819
|
}, ...(ngDevMode ? [{ debugName: "filteredHistories" }] : []));
|
|
59822
59820
|
this.currentPaceProjectionTooltip = {
|
|
59823
59821
|
title: 'Current Pace Projection',
|
|
@@ -60258,7 +60256,7 @@ class EditMetricTargetModalComponent {
|
|
|
60258
60256
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.percentageInputRef = _t.first);
|
|
60259
60257
|
} }, hostBindings: function EditMetricTargetModalComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
60260
60258
|
i0.ɵɵlistener("keydown.escape", function EditMetricTargetModalComponent_keydown_escape_HostBindingHandler() { return ctx.onEscape(); }, i0.ɵɵresolveDocument);
|
|
60261
|
-
} }, inputs: { viewMode: [1, "viewMode"], isOpen: [1, "isOpen"], metricData: [1, "metricData"], pacingMetrics: [1, "pacingMetrics"], targetHistories: [1, "targetHistories"], users: [1, "users"] }, outputs: { closed: "closed", targetApplied: "targetApplied" }, decls: 1, vars: 1, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [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", "
|
|
60259
|
+
} }, inputs: { viewMode: [1, "viewMode"], isOpen: [1, "isOpen"], metricData: [1, "metricData"], pacingMetrics: [1, "pacingMetrics"], targetHistories: [1, "targetHistories"], users: [1, "users"] }, outputs: { closed: "closed", targetApplied: "targetApplied" }, decls: 1, vars: 1, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [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", "max-h-[90vh]", "flex", "flex-col", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "flex-shrink-0", 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", "flex-1", "min-h-0", "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, "mt-6", "p-6", "rounded-xl", "border", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "flex", "justify-end", "gap-3", "flex-shrink-0", 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", 3, "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", "keydown", "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, "flex", "items-baseline", "gap-3"], [1, "text-3xl", "font-bold", "transition-all", "duration-300", 3, "ngClass"], [1, "text-xl", "line-through", "opacity-60", 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, "flex", "items-baseline", "gap-2"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-base", "line-through", "opacity-60", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mb-1"], [1, "text-base", "font-semibold", "mb-4", 3, "ngClass"], [1, "overflow-hidden"], [1, "flex", "justify-between", "items-center", "px-4", "py-2", "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "divide-y", 3, "ngClass"], [1, "flex", "justify-between", "items-center", "px-4", "py-4"], [1, "flex", "items-center", "gap-3"], [1, "text-right"], [1, "text-sm", "font-bold", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-medium", "overflow-hidden", 3, "ngClass"], [1, "w-full", "h-full", "object-cover", 3, "src", "alt"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-medium", 3, "ngClass"]], template: function EditMetricTargetModalComponent_Template(rf, ctx) { if (rf & 1) {
|
|
60262
60260
|
i0.ɵɵconditionalCreate(0, EditMetricTargetModalComponent_Conditional_0_Template, 44, 29);
|
|
60263
60261
|
} if (rf & 2) {
|
|
60264
60262
|
i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
|
|
@@ -60315,10 +60313,10 @@ class EditMetricTargetModalComponent {
|
|
|
60315
60313
|
<div
|
|
60316
60314
|
(click)="$event.stopPropagation()"
|
|
60317
60315
|
[ngClass]="modalContainerClasses()"
|
|
60318
|
-
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"
|
|
60316
|
+
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 max-h-[90vh] flex flex-col"
|
|
60319
60317
|
@slideUpFade>
|
|
60320
60318
|
|
|
60321
|
-
<div [ngClass]="headerClasses()" class="px-6 py-5 border-b backdrop-blur-sm
|
|
60319
|
+
<div [ngClass]="headerClasses()" class="px-6 py-5 border-b backdrop-blur-sm flex-shrink-0">
|
|
60322
60320
|
<div class="flex items-start justify-between">
|
|
60323
60321
|
<div class="flex-1">
|
|
60324
60322
|
<h3 [ngClass]="titleClasses()" class="text-xl font-bold mb-0">
|
|
@@ -60336,7 +60334,7 @@ class EditMetricTargetModalComponent {
|
|
|
60336
60334
|
</div>
|
|
60337
60335
|
</div>
|
|
60338
60336
|
|
|
60339
|
-
<div [ngClass]="contentClasses()" class="px-6 py-6
|
|
60337
|
+
<div [ngClass]="contentClasses()" class="px-6 py-6 flex-1 min-h-0 overflow-y-auto backdrop-blur-sm">
|
|
60340
60338
|
<div class="grid lg:grid-cols-2 gap-6">
|
|
60341
60339
|
<div [ngClass]="formAreaClasses()" class="p-6 rounded-xl border-2">
|
|
60342
60340
|
<div class="flex flex-wrap gap-4 place-content-between mb-6">
|
|
@@ -60656,7 +60654,7 @@ class EditMetricTargetModalComponent {
|
|
|
60656
60654
|
}
|
|
60657
60655
|
</div>
|
|
60658
60656
|
|
|
60659
|
-
<div [ngClass]="footerClasses()" class="px-6 py-4 border-t flex justify-end gap-3">
|
|
60657
|
+
<div [ngClass]="footerClasses()" class="px-6 py-4 border-t flex justify-end gap-3 flex-shrink-0">
|
|
60660
60658
|
<button
|
|
60661
60659
|
type="button"
|
|
60662
60660
|
(click)="close()"
|
|
@@ -61223,6 +61221,15 @@ class InitialTargetSettingComponent {
|
|
|
61223
61221
|
const targets = this.targets();
|
|
61224
61222
|
return targets !== undefined && targets.length > 0;
|
|
61225
61223
|
}, ...(ngDevMode ? [{ debugName: "hasExistingTargets" }] : []));
|
|
61224
|
+
this.editMetricTargetHistories = computed(() => {
|
|
61225
|
+
const metricEnum = this.editMetricEnum();
|
|
61226
|
+
const targets = this.targets() ?? [];
|
|
61227
|
+
const histories = this.targetHistories();
|
|
61228
|
+
const target = targets.find(t => t.metric === metricEnum);
|
|
61229
|
+
if (!target?.id)
|
|
61230
|
+
return [];
|
|
61231
|
+
return histories.filter(h => h.targetId === target.id);
|
|
61232
|
+
}, ...(ngDevMode ? [{ debugName: "editMetricTargetHistories" }] : []));
|
|
61226
61233
|
this.priorYearRevenue = computed(() => {
|
|
61227
61234
|
return sumMetricFromUiData(this.mainUiData(), MetricEnum.PURCHASE_REVENUE, 'priorYear');
|
|
61228
61235
|
}, ...(ngDevMode ? [{ debugName: "priorYearRevenue" }] : []));
|
|
@@ -61473,10 +61480,6 @@ class InitialTargetSettingComponent {
|
|
|
61473
61480
|
title: 'Current Pace Projection',
|
|
61474
61481
|
markdown: 'This is your projected year-end revenue 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.'
|
|
61475
61482
|
};
|
|
61476
|
-
effect(() => {
|
|
61477
|
-
console.log('[InitialTargetSetting] targetHistories:', this.targetHistories(), 'length:', this.targetHistories().length);
|
|
61478
|
-
console.log('[InitialTargetSetting] users:', this.users(), 'length:', this.users().length);
|
|
61479
|
-
});
|
|
61480
61483
|
effect(() => {
|
|
61481
61484
|
const targets = this.targets();
|
|
61482
61485
|
if (targets && targets.length > 0) {
|
|
@@ -62091,7 +62094,7 @@ class InitialTargetSettingComponent {
|
|
|
62091
62094
|
i0.ɵɵadvance();
|
|
62092
62095
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("metricEnum", ctx.selectedMetricEnum())("metricData", ctx.selectedMetricData())("contributingMetrics", ctx.selectedContributingMetrics())("pacingMetrics", ctx.pacingMetrics())("trendChartData", ctx.revenueChartData())("isOpen", ctx.isMetricReportOpen());
|
|
62093
62096
|
i0.ɵɵadvance();
|
|
62094
|
-
i0.ɵɵproperty("viewMode", ctx.viewMode())("metricData", ctx.editMetricData())("pacingMetrics", ctx.pacingMetrics())("targetHistories", ctx.
|
|
62097
|
+
i0.ɵɵproperty("viewMode", ctx.viewMode())("metricData", ctx.editMetricData())("pacingMetrics", ctx.pacingMetrics())("targetHistories", ctx.editMetricTargetHistories())("users", ctx.users())("isOpen", ctx.isEditMetricModalOpen());
|
|
62095
62098
|
} }, 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,
|
|
62096
62099
|
StickySubmitBarComponent,
|
|
62097
62100
|
AreaChartComponent,
|
|
@@ -62545,7 +62548,7 @@ class InitialTargetSettingComponent {
|
|
|
62545
62548
|
[viewMode]="viewMode()"
|
|
62546
62549
|
[metricData]="editMetricData()"
|
|
62547
62550
|
[pacingMetrics]="pacingMetrics()"
|
|
62548
|
-
[targetHistories]="
|
|
62551
|
+
[targetHistories]="editMetricTargetHistories()"
|
|
62549
62552
|
[users]="users()"
|
|
62550
62553
|
[isOpen]="isEditMetricModalOpen()"
|
|
62551
62554
|
(closed)="closeEditMetricModal()"
|
|
@@ -62819,10 +62822,6 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
62819
62822
|
const hasAllMetrics = requiredMetrics.every(metric => currentYearTargets.some(target => target.metric === metric));
|
|
62820
62823
|
return hasAllMetrics && currentYearTargets.length > 0;
|
|
62821
62824
|
}, ...(ngDevMode ? [{ debugName: "hasCurrentYearTargets" }] : []));
|
|
62822
|
-
effect(() => {
|
|
62823
|
-
console.log('[RevCalcDashboard] targetHistories:', this.targetHistories(), 'length:', this.targetHistories()?.length ?? 0);
|
|
62824
|
-
console.log('[RevCalcDashboard] users:', this.users(), 'length:', this.users()?.length ?? 0);
|
|
62825
|
-
});
|
|
62826
62825
|
effect(() => {
|
|
62827
62826
|
const event = this.scrollEvent();
|
|
62828
62827
|
if (event?.detail) {
|