@eric-emg/symphiq-components 1.3.8 → 1.3.10
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.
|
@@ -57706,6 +57706,8 @@ function StickySubmitBarComponent_Conditional_10_Template(rf, ctx) { if (rf & 1)
|
|
|
57706
57706
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
57707
57707
|
i0.ɵɵadvance();
|
|
57708
57708
|
i0.ɵɵtextInterpolate(ctx_r0.buttonText());
|
|
57709
|
+
i0.ɵɵadvance();
|
|
57710
|
+
i0.ɵɵclassProp("w-6", ctx_r0.isSaveMode())("h-6", ctx_r0.isSaveMode())("w-5", !ctx_r0.isSaveMode())("h-5", !ctx_r0.isSaveMode());
|
|
57709
57711
|
} }
|
|
57710
57712
|
class StickySubmitBarComponent {
|
|
57711
57713
|
constructor() {
|
|
@@ -57717,6 +57719,7 @@ class StickySubmitBarComponent {
|
|
|
57717
57719
|
this.showCancelButton = input(false, ...(ngDevMode ? [{ debugName: "showCancelButton" }] : []));
|
|
57718
57720
|
this.submitClick = output();
|
|
57719
57721
|
this.cancelClick = output();
|
|
57722
|
+
this.isSaveMode = computed(() => this.buttonText().toLowerCase().includes('save'), ...(ngDevMode ? [{ debugName: "isSaveMode" }] : []));
|
|
57720
57723
|
}
|
|
57721
57724
|
containerClasses() {
|
|
57722
57725
|
return this.viewMode() === ViewModeEnum.DARK
|
|
@@ -57758,7 +57761,7 @@ class StickySubmitBarComponent {
|
|
|
57758
57761
|
this.cancelClick.emit();
|
|
57759
57762
|
}
|
|
57760
57763
|
static { this.ɵfac = function StickySubmitBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StickySubmitBarComponent)(); }; }
|
|
57761
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StickySubmitBarComponent, selectors: [["symphiq-sticky-submit-bar"]], inputs: { viewMode: [1, "viewMode"], isValid: [1, "isValid"], isSubmitting: [1, "isSubmitting"], validationMessage: [1, "validationMessage"], buttonText: [1, "buttonText"], showCancelButton: [1, "showCancelButton"] }, outputs: { submitClick: "submitClick", cancelClick: "cancelClick" }, decls: 11, vars:
|
|
57764
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StickySubmitBarComponent, selectors: [["symphiq-sticky-submit-bar"]], inputs: { viewMode: [1, "viewMode"], isValid: [1, "isValid"], isSubmitting: [1, "isSubmitting"], validationMessage: [1, "validationMessage"], buttonText: [1, "buttonText"], showCancelButton: [1, "showCancelButton"] }, outputs: { submitClick: "submitClick", cancelClick: "cancelClick" }, decls: 11, vars: 30, consts: [[1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-md", "slide-up", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "bar-content", "flex", "items-center"], [1, "message-section"], [1, "flex", "items-center", "gap-2", "whitespace-nowrap"], [1, "button-container", "flex", "items-center", "gap-3"], [1, "px-6", "py-3", "rounded-xl", "font-semibold", "text-base", "transition-all", "duration-200", 3, "ngClass"], [1, "rounded-xl", "font-bold", "transition-all", "duration-300", "flex", "items-center", "submit-button-enabled", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-yellow-500", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"], [1, "text-sm", "font-medium", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-green-500", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "px-6", "py-3", "rounded-xl", "font-semibold", "text-base", "transition-all", "duration-200", 3, "click", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "animate-spin", "h-5", "w-5"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "transition-all", "duration-300"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function StickySubmitBarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
57762
57765
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
|
|
57763
57766
|
i0.ɵɵconditionalCreate(4, StickySubmitBarComponent_Conditional_4_Template, 5, 2, "div", 4)(5, StickySubmitBarComponent_Conditional_5_Template, 5, 1, "div", 4);
|
|
57764
57767
|
i0.ɵɵelementEnd();
|
|
@@ -57766,84 +57769,91 @@ class StickySubmitBarComponent {
|
|
|
57766
57769
|
i0.ɵɵconditionalCreate(7, StickySubmitBarComponent_Conditional_7_Template, 2, 1, "button", 6);
|
|
57767
57770
|
i0.ɵɵelementStart(8, "button", 7);
|
|
57768
57771
|
i0.ɵɵlistener("click", function StickySubmitBarComponent_Template_button_click_8_listener() { return ctx.handleSubmit(); });
|
|
57769
|
-
i0.ɵɵconditionalCreate(9, StickySubmitBarComponent_Conditional_9_Template, 5, 0)(10, StickySubmitBarComponent_Conditional_10_Template, 4,
|
|
57772
|
+
i0.ɵɵconditionalCreate(9, StickySubmitBarComponent_Conditional_9_Template, 5, 0)(10, StickySubmitBarComponent_Conditional_10_Template, 4, 9);
|
|
57770
57773
|
i0.ɵɵelementEnd()()()()();
|
|
57771
57774
|
} if (rf & 2) {
|
|
57772
57775
|
i0.ɵɵproperty("ngClass", ctx.containerClasses());
|
|
57773
|
-
i0.ɵɵadvance(
|
|
57776
|
+
i0.ɵɵadvance(2);
|
|
57777
|
+
i0.ɵɵclassProp("justify-center", ctx.isSaveMode())("justify-between", !ctx.isSaveMode());
|
|
57778
|
+
i0.ɵɵadvance();
|
|
57779
|
+
i0.ɵɵclassProp("hidden", ctx.isSaveMode())("visible", !ctx.isSaveMode());
|
|
57780
|
+
i0.ɵɵadvance();
|
|
57774
57781
|
i0.ɵɵconditional(!ctx.isValid() ? 4 : 5);
|
|
57775
57782
|
i0.ɵɵadvance(3);
|
|
57776
57783
|
i0.ɵɵconditional(ctx.showCancelButton() ? 7 : -1);
|
|
57777
57784
|
i0.ɵɵadvance();
|
|
57785
|
+
i0.ɵɵclassProp("px-12", ctx.isSaveMode())("py-4", ctx.isSaveMode())("text-lg", ctx.isSaveMode())("gap-3", ctx.isSaveMode())("px-8", !ctx.isSaveMode())("py-3", !ctx.isSaveMode())("text-base", !ctx.isSaveMode())("gap-2", !ctx.isSaveMode());
|
|
57778
57786
|
i0.ɵɵproperty("disabled", !ctx.isValid() || ctx.isSubmitting())("ngClass", ctx.buttonClasses());
|
|
57779
57787
|
i0.ɵɵadvance();
|
|
57780
57788
|
i0.ɵɵconditional(ctx.isSubmitting() ? 9 : 10);
|
|
57781
|
-
} }, dependencies: [CommonModule, i1$1.NgClass], styles: [".slide-up[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_slideUp .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes _ngcontent-%COMP%_slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.submit-button-enabled[_ngcontent-%COMP%]{transition:all .2s ease-in-out}.submit-button-enabled[_ngcontent-%COMP%]:hover{transform:scale(1.02)}.submit-button-enabled[_ngcontent-%COMP%]:active{transform:scale(.98)}"], changeDetection: 0 }); }
|
|
57789
|
+
} }, dependencies: [CommonModule, i1$1.NgClass], styles: [".slide-up[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_slideUp .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes _ngcontent-%COMP%_slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.submit-button-enabled[_ngcontent-%COMP%]{transition:all .2s ease-in-out}.submit-button-enabled[_ngcontent-%COMP%]:hover{transform:scale(1.02)}.submit-button-enabled[_ngcontent-%COMP%]:active{transform:scale(.98)}.message-section[_ngcontent-%COMP%]{transition:opacity .3s ease-out,max-width .3s ease-out,margin .3s ease-out;overflow:hidden}.message-section.hidden[_ngcontent-%COMP%]{opacity:0;max-width:0;margin-right:0}.message-section.visible[_ngcontent-%COMP%]{opacity:1;max-width:500px;margin-right:1rem}.bar-content[_ngcontent-%COMP%]{transition:justify-content .3s ease-out}.button-container[_ngcontent-%COMP%]{transition:all .3s ease-out}"], changeDetection: 0 }); }
|
|
57782
57790
|
}
|
|
57783
57791
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StickySubmitBarComponent, [{
|
|
57784
57792
|
type: Component,
|
|
57785
|
-
args: [{ selector: 'symphiq-sticky-submit-bar', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
57786
|
-
<div
|
|
57787
|
-
[ngClass]="containerClasses()"
|
|
57788
|
-
class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-md slide-up">
|
|
57789
|
-
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
|
57790
|
-
<div class="flex items-center justify-
|
|
57791
|
-
<div class="
|
|
57792
|
-
@if (!isValid()) {
|
|
57793
|
-
<div class="flex items-center gap-2">
|
|
57794
|
-
<svg class="w-5 h-5 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
57795
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path>
|
|
57796
|
-
</svg>
|
|
57797
|
-
<p [ngClass]="validationMessageClasses()" class="text-sm font-medium">
|
|
57798
|
-
{{ validationMessage() || 'Please set a revenue target to continue' }}
|
|
57799
|
-
</p>
|
|
57800
|
-
</div>
|
|
57801
|
-
} @else {
|
|
57802
|
-
<div class="flex items-center gap-2">
|
|
57803
|
-
<svg class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
57804
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
57805
|
-
</svg>
|
|
57806
|
-
<p [ngClass]="readyMessageClasses()" class="text-sm font-medium">
|
|
57807
|
-
Ready to calculate your targets
|
|
57808
|
-
</p>
|
|
57809
|
-
</div>
|
|
57810
|
-
}
|
|
57811
|
-
</div>
|
|
57812
|
-
|
|
57813
|
-
<div class="flex items-center gap-3">
|
|
57814
|
-
@if (showCancelButton()) {
|
|
57815
|
-
<button
|
|
57816
|
-
(click)="handleCancel()"
|
|
57817
|
-
[ngClass]="cancelButtonClasses()"
|
|
57818
|
-
class="px-6 py-3 rounded-xl font-semibold text-base transition-all duration-200">
|
|
57819
|
-
Cancel
|
|
57820
|
-
</button>
|
|
57821
|
-
}
|
|
57822
|
-
<button
|
|
57823
|
-
(click)="handleSubmit()"
|
|
57824
|
-
[disabled]="!isValid() || isSubmitting()"
|
|
57825
|
-
[ngClass]="buttonClasses()"
|
|
57826
|
-
class="
|
|
57827
|
-
|
|
57828
|
-
|
|
57829
|
-
|
|
57830
|
-
|
|
57831
|
-
|
|
57832
|
-
|
|
57833
|
-
|
|
57834
|
-
<span>
|
|
57835
|
-
|
|
57836
|
-
|
|
57837
|
-
|
|
57838
|
-
|
|
57839
|
-
|
|
57840
|
-
|
|
57841
|
-
|
|
57842
|
-
|
|
57843
|
-
|
|
57844
|
-
|
|
57793
|
+
args: [{ selector: 'symphiq-sticky-submit-bar', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
57794
|
+
<div
|
|
57795
|
+
[ngClass]="containerClasses()"
|
|
57796
|
+
class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-md slide-up">
|
|
57797
|
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
|
57798
|
+
<div class="bar-content flex items-center" [class.justify-center]="isSaveMode()" [class.justify-between]="!isSaveMode()">
|
|
57799
|
+
<div class="message-section" [class.hidden]="isSaveMode()" [class.visible]="!isSaveMode()">
|
|
57800
|
+
@if (!isValid()) {
|
|
57801
|
+
<div class="flex items-center gap-2 whitespace-nowrap">
|
|
57802
|
+
<svg class="w-5 h-5 text-yellow-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
57803
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path>
|
|
57804
|
+
</svg>
|
|
57805
|
+
<p [ngClass]="validationMessageClasses()" class="text-sm font-medium">
|
|
57806
|
+
{{ validationMessage() || 'Please set a revenue target to continue' }}
|
|
57807
|
+
</p>
|
|
57808
|
+
</div>
|
|
57809
|
+
} @else {
|
|
57810
|
+
<div class="flex items-center gap-2 whitespace-nowrap">
|
|
57811
|
+
<svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
57812
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
57813
|
+
</svg>
|
|
57814
|
+
<p [ngClass]="readyMessageClasses()" class="text-sm font-medium">
|
|
57815
|
+
Ready to calculate your targets
|
|
57816
|
+
</p>
|
|
57817
|
+
</div>
|
|
57818
|
+
}
|
|
57819
|
+
</div>
|
|
57820
|
+
|
|
57821
|
+
<div class="button-container flex items-center gap-3">
|
|
57822
|
+
@if (showCancelButton()) {
|
|
57823
|
+
<button
|
|
57824
|
+
(click)="handleCancel()"
|
|
57825
|
+
[ngClass]="cancelButtonClasses()"
|
|
57826
|
+
class="px-6 py-3 rounded-xl font-semibold text-base transition-all duration-200">
|
|
57827
|
+
Cancel
|
|
57828
|
+
</button>
|
|
57829
|
+
}
|
|
57830
|
+
<button
|
|
57831
|
+
(click)="handleSubmit()"
|
|
57832
|
+
[disabled]="!isValid() || isSubmitting()"
|
|
57833
|
+
[ngClass]="buttonClasses()"
|
|
57834
|
+
class="rounded-xl font-bold transition-all duration-300 flex items-center submit-button-enabled"
|
|
57835
|
+
[class.px-12]="isSaveMode()" [class.py-4]="isSaveMode()" [class.text-lg]="isSaveMode()" [class.gap-3]="isSaveMode()"
|
|
57836
|
+
[class.px-8]="!isSaveMode()" [class.py-3]="!isSaveMode()" [class.text-base]="!isSaveMode()" [class.gap-2]="!isSaveMode()">
|
|
57837
|
+
@if (isSubmitting()) {
|
|
57838
|
+
<svg class="animate-spin h-5 w-5" fill="none" viewBox="0 0 24 24">
|
|
57839
|
+
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
|
57840
|
+
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
|
|
57841
|
+
</svg>
|
|
57842
|
+
<span>Saving Targets...</span>
|
|
57843
|
+
} @else {
|
|
57844
|
+
<span>{{ buttonText() }}</span>
|
|
57845
|
+
<svg class="transition-all duration-300" [class.w-6]="isSaveMode()" [class.h-6]="isSaveMode()" [class.w-5]="!isSaveMode()" [class.h-5]="!isSaveMode()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
57846
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
|
|
57847
|
+
</svg>
|
|
57848
|
+
}
|
|
57849
|
+
</button>
|
|
57850
|
+
</div>
|
|
57851
|
+
</div>
|
|
57852
|
+
</div>
|
|
57853
|
+
</div>
|
|
57854
|
+
`, styles: [".slide-up{animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.submit-button-enabled{transition:all .2s ease-in-out}.submit-button-enabled:hover{transform:scale(1.02)}.submit-button-enabled:active{transform:scale(.98)}.message-section{transition:opacity .3s ease-out,max-width .3s ease-out,margin .3s ease-out;overflow:hidden}.message-section.hidden{opacity:0;max-width:0;margin-right:0}.message-section.visible{opacity:1;max-width:500px;margin-right:1rem}.bar-content{transition:justify-content .3s ease-out}.button-container{transition:all .3s ease-out}\n"] }]
|
|
57845
57855
|
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isValid: [{ type: i0.Input, args: [{ isSignal: true, alias: "isValid", required: false }] }], isSubmitting: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSubmitting", required: false }] }], validationMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "validationMessage", required: false }] }], buttonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonText", required: false }] }], showCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCancelButton", required: false }] }], submitClick: [{ type: i0.Output, args: ["submitClick"] }], cancelClick: [{ type: i0.Output, args: ["cancelClick"] }] }); })();
|
|
57846
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StickySubmitBarComponent, { className: "StickySubmitBarComponent", filePath: "lib/components/revenue-calculator-dashboard/sticky-submit-bar.component.ts", lineNumber:
|
|
57856
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StickySubmitBarComponent, { className: "StickySubmitBarComponent", filePath: "lib/components/revenue-calculator-dashboard/sticky-submit-bar.component.ts", lineNumber: 126 }); })();
|
|
57847
57857
|
|
|
57848
57858
|
/**
|
|
57849
57859
|
* Chart Constants
|
|
@@ -61129,18 +61139,12 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional
|
|
|
61129
61139
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.initialTargetValue()), " ");
|
|
61130
61140
|
} }
|
|
61131
61141
|
function EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
61132
|
-
const _r8 = i0.ɵɵgetCurrentView();
|
|
61133
61142
|
i0.ɵɵelementStart(0, "div", 48)(1, "p", 58);
|
|
61134
61143
|
i0.ɵɵtext(2);
|
|
61135
61144
|
i0.ɵɵelementEnd();
|
|
61136
|
-
i0.ɵɵelementStart(3, "div",
|
|
61137
|
-
i0.ɵɵ
|
|
61138
|
-
i0.ɵɵ
|
|
61139
|
-
i0.ɵɵelementStart(5, "div", 61);
|
|
61140
|
-
i0.ɵɵnamespaceSVG();
|
|
61141
|
-
i0.ɵɵelementStart(6, "svg", 62);
|
|
61142
|
-
i0.ɵɵelement(7, "path", 63);
|
|
61143
|
-
i0.ɵɵelementEnd()()()();
|
|
61145
|
+
i0.ɵɵelementStart(3, "div", 24);
|
|
61146
|
+
i0.ɵɵelement(4, "symphiq-area-chart", 59);
|
|
61147
|
+
i0.ɵɵelementEnd()();
|
|
61144
61148
|
} if (rf & 2) {
|
|
61145
61149
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
61146
61150
|
i0.ɵɵadvance();
|
|
@@ -61149,8 +61153,6 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional
|
|
|
61149
61153
|
i0.ɵɵtextInterpolate2(" ", ctx_r1.currentYear(), " vs ", ctx_r1.priorYear(), " ");
|
|
61150
61154
|
i0.ɵɵadvance(2);
|
|
61151
61155
|
i0.ɵɵproperty("chart", ctx_r1.trendChartData())("showAxisLabels", false)("viewMode", ctx_r1.viewMode())("currencySymbol", ctx_r1.currencySymbol())("height", "60px")("disableInteractions", true);
|
|
61152
|
-
i0.ɵɵadvance();
|
|
61153
|
-
i0.ɵɵproperty("ngClass", ctx_r1.expandIconClasses());
|
|
61154
61156
|
} }
|
|
61155
61157
|
function EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional_22_Template(rf, ctx) { if (rf & 1) {
|
|
61156
61158
|
i0.ɵɵtext(0);
|
|
@@ -61253,7 +61255,7 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional
|
|
|
61253
61255
|
i0.ɵɵconditional(ctx_r1.initialIsPaceAhead() ? 1 : 2);
|
|
61254
61256
|
} }
|
|
61255
61257
|
function EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional_33_Template(rf, ctx) { if (rf & 1) {
|
|
61256
|
-
const
|
|
61258
|
+
const _r8 = i0.ɵɵgetCurrentView();
|
|
61257
61259
|
i0.ɵɵelementStart(0, "div", 49)(1, "div", 50);
|
|
61258
61260
|
i0.ɵɵelement(2, "div", 51);
|
|
61259
61261
|
i0.ɵɵelementStart(3, "span", 52);
|
|
@@ -61269,11 +61271,11 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional
|
|
|
61269
61271
|
i0.ɵɵelementEnd();
|
|
61270
61272
|
i0.ɵɵconditionalCreate(14, EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_14_Template, 2, 2, "p", 57);
|
|
61271
61273
|
i0.ɵɵelementEnd()();
|
|
61272
|
-
i0.ɵɵelementStart(15, "div")(16, "div",
|
|
61274
|
+
i0.ɵɵelementStart(15, "div")(16, "div", 60)(17, "p", 19);
|
|
61273
61275
|
i0.ɵɵtext(18);
|
|
61274
61276
|
i0.ɵɵelementEnd();
|
|
61275
61277
|
i0.ɵɵelementStart(19, "button", 34);
|
|
61276
|
-
i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional_33_Template_button_click_19_listener($event) { i0.ɵɵrestoreView(
|
|
61278
|
+
i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional_33_Template_button_click_19_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
61277
61279
|
i0.ɵɵnamespaceSVG();
|
|
61278
61280
|
i0.ɵɵelementStart(20, "svg", 35);
|
|
61279
61281
|
i0.ɵɵelement(21, "path", 36);
|
|
@@ -61326,7 +61328,7 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_33_Template(rf
|
|
|
61326
61328
|
i0.ɵɵelementEnd();
|
|
61327
61329
|
i0.ɵɵconditionalCreate(8, EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional_8_Template, 2, 2, "p", 47);
|
|
61328
61330
|
i0.ɵɵelementEnd()();
|
|
61329
|
-
i0.ɵɵconditionalCreate(9, EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional_9_Template,
|
|
61331
|
+
i0.ɵɵconditionalCreate(9, EditMetricTargetModalComponent_Conditional_0_Conditional_33_Conditional_9_Template, 5, 9, "div", 48);
|
|
61330
61332
|
i0.ɵɵelementEnd();
|
|
61331
61333
|
i0.ɵɵelementStart(10, "div", 49)(11, "div", 50);
|
|
61332
61334
|
i0.ɵɵelement(12, "div", 51);
|
|
@@ -61400,40 +61402,40 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_33_Template(rf
|
|
|
61400
61402
|
i0.ɵɵconditional(ctx_r1.currentPaceProjectionRaw() > 0 ? 33 : -1);
|
|
61401
61403
|
} }
|
|
61402
61404
|
function EditMetricTargetModalComponent_Conditional_0_Conditional_34_For_11_Template(rf, ctx) { if (rf & 1) {
|
|
61403
|
-
i0.ɵɵelementStart(0, "div",
|
|
61404
|
-
i0.ɵɵelement(1, "symphiq-user-display",
|
|
61405
|
-
i0.ɵɵelementStart(2, "div",
|
|
61405
|
+
i0.ɵɵelementStart(0, "div", 65);
|
|
61406
|
+
i0.ɵɵelement(1, "symphiq-user-display", 66);
|
|
61407
|
+
i0.ɵɵelementStart(2, "div", 67)(3, "p", 68);
|
|
61406
61408
|
i0.ɵɵtext(4);
|
|
61407
61409
|
i0.ɵɵelementEnd();
|
|
61408
|
-
i0.ɵɵelementStart(5, "p",
|
|
61410
|
+
i0.ɵɵelementStart(5, "p", 69);
|
|
61409
61411
|
i0.ɵɵtext(6);
|
|
61410
61412
|
i0.ɵɵelementEnd()()();
|
|
61411
61413
|
} if (rf & 2) {
|
|
61412
|
-
const
|
|
61414
|
+
const item_r9 = ctx.$implicit;
|
|
61413
61415
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
61414
61416
|
i0.ɵɵadvance();
|
|
61415
|
-
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("user", ctx_r1.getUserById(
|
|
61417
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("user", ctx_r1.getUserById(item_r9.history.creatorUserId));
|
|
61416
61418
|
i0.ɵɵadvance(2);
|
|
61417
61419
|
i0.ɵɵproperty("ngClass", ctx_r1.historyValueClasses());
|
|
61418
61420
|
i0.ɵɵadvance();
|
|
61419
|
-
i0.ɵɵtextInterpolate(
|
|
61421
|
+
i0.ɵɵtextInterpolate(item_r9.formattedValue);
|
|
61420
61422
|
i0.ɵɵadvance();
|
|
61421
61423
|
i0.ɵɵproperty("ngClass", ctx_r1.historyDateClasses());
|
|
61422
61424
|
i0.ɵɵadvance();
|
|
61423
|
-
i0.ɵɵtextInterpolate(
|
|
61425
|
+
i0.ɵɵtextInterpolate(item_r9.formattedDate);
|
|
61424
61426
|
} }
|
|
61425
61427
|
function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Template(rf, ctx) { if (rf & 1) {
|
|
61426
|
-
i0.ɵɵelementStart(0, "div", 26)(1, "h4",
|
|
61428
|
+
i0.ɵɵelementStart(0, "div", 26)(1, "h4", 61);
|
|
61427
61429
|
i0.ɵɵtext(2, "Target history");
|
|
61428
61430
|
i0.ɵɵelementEnd();
|
|
61429
|
-
i0.ɵɵelementStart(3, "div",
|
|
61431
|
+
i0.ɵɵelementStart(3, "div", 62)(4, "div", 63)(5, "span");
|
|
61430
61432
|
i0.ɵɵtext(6, "User");
|
|
61431
61433
|
i0.ɵɵelementEnd();
|
|
61432
61434
|
i0.ɵɵelementStart(7, "span");
|
|
61433
61435
|
i0.ɵɵtext(8, "Amount set");
|
|
61434
61436
|
i0.ɵɵelementEnd()();
|
|
61435
|
-
i0.ɵɵelementStart(9, "div",
|
|
61436
|
-
i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_34_For_11_Template, 7, 6, "div",
|
|
61437
|
+
i0.ɵɵelementStart(9, "div", 64);
|
|
61438
|
+
i0.ɵɵrepeaterCreate(10, EditMetricTargetModalComponent_Conditional_0_Conditional_34_For_11_Template, 7, 6, "div", 65, _forTrack0$A);
|
|
61437
61439
|
i0.ɵɵelementEnd()()();
|
|
61438
61440
|
} if (rf & 2) {
|
|
61439
61441
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -61448,9 +61450,9 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_34_Template(rf
|
|
|
61448
61450
|
i0.ɵɵrepeater(ctx_r1.filteredHistoriesDisplay());
|
|
61449
61451
|
} }
|
|
61450
61452
|
function EditMetricTargetModalComponent_Conditional_0_Conditional_38_Template(rf, ctx) { if (rf & 1) {
|
|
61451
|
-
const
|
|
61453
|
+
const _r10 = i0.ɵɵgetCurrentView();
|
|
61452
61454
|
i0.ɵɵelementStart(0, "button", 28);
|
|
61453
|
-
i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_38_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
61455
|
+
i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_38_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.resetToInitial()); });
|
|
61454
61456
|
i0.ɵɵtext(1, " Reset ");
|
|
61455
61457
|
i0.ɵɵelementEnd();
|
|
61456
61458
|
} if (rf & 2) {
|
|
@@ -61458,24 +61460,24 @@ function EditMetricTargetModalComponent_Conditional_0_Conditional_38_Template(rf
|
|
|
61458
61460
|
i0.ɵɵproperty("ngClass", ctx_r1.resetButtonClasses());
|
|
61459
61461
|
} }
|
|
61460
61462
|
function EditMetricTargetModalComponent_Conditional_0_Conditional_41_Template(rf, ctx) { if (rf & 1) {
|
|
61461
|
-
const
|
|
61463
|
+
const _r11 = i0.ɵɵgetCurrentView();
|
|
61462
61464
|
i0.ɵɵelementStart(0, "div", 31)(1, "div", 3);
|
|
61463
|
-
i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_41_Template_div_click_1_listener() { i0.ɵɵrestoreView(
|
|
61465
|
+
i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_41_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeExpandedChart()); });
|
|
61464
61466
|
i0.ɵɵelementEnd();
|
|
61465
|
-
i0.ɵɵelementStart(2, "div",
|
|
61466
|
-
i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_41_Template_div_click_2_listener($event) { i0.ɵɵrestoreView(
|
|
61467
|
-
i0.ɵɵelementStart(3, "div",
|
|
61467
|
+
i0.ɵɵelementStart(2, "div", 70);
|
|
61468
|
+
i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_41_Template_div_click_2_listener($event) { i0.ɵɵrestoreView(_r11); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
61469
|
+
i0.ɵɵelementStart(3, "div", 71)(4, "h3", 72);
|
|
61468
61470
|
i0.ɵɵtext(5, " Year-over-Year Trend ");
|
|
61469
61471
|
i0.ɵɵelementEnd();
|
|
61470
|
-
i0.ɵɵelementStart(6, "button",
|
|
61471
|
-
i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_41_Template_button_click_6_listener() { i0.ɵɵrestoreView(
|
|
61472
|
+
i0.ɵɵelementStart(6, "button", 73);
|
|
61473
|
+
i0.ɵɵlistener("click", function EditMetricTargetModalComponent_Conditional_0_Conditional_41_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeExpandedChart()); });
|
|
61472
61474
|
i0.ɵɵnamespaceSVG();
|
|
61473
61475
|
i0.ɵɵelementStart(7, "svg", 10);
|
|
61474
61476
|
i0.ɵɵelement(8, "path", 11);
|
|
61475
61477
|
i0.ɵɵelementEnd()()();
|
|
61476
61478
|
i0.ɵɵnamespaceHTML();
|
|
61477
|
-
i0.ɵɵelementStart(9, "div",
|
|
61478
|
-
i0.ɵɵelement(10, "symphiq-area-chart",
|
|
61479
|
+
i0.ɵɵelementStart(9, "div", 74);
|
|
61480
|
+
i0.ɵɵelement(10, "symphiq-area-chart", 75);
|
|
61479
61481
|
i0.ɵɵelementEnd()()();
|
|
61480
61482
|
} if (rf & 2) {
|
|
61481
61483
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -62302,7 +62304,7 @@ class EditMetricTargetModalComponent {
|
|
|
62302
62304
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.percentageInputRef = _t.first);
|
|
62303
62305
|
} }, hostBindings: function EditMetricTargetModalComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
62304
62306
|
i0.ɵɵlistener("keydown.escape", function EditMetricTargetModalComponent_keydown_escape_HostBindingHandler() { return ctx.onEscape(); }, i0.ɵɵresolveDocument);
|
|
62305
|
-
} }, inputs: { viewMode: [1, "viewMode"], isOpen: [1, "isOpen"], metricData: [1, "metricData"], pacingResponse: [1, "pacingResponse"], targetHistories: [1, "targetHistories"], users: [1, "users"], currencySymbol: [1, "currencySymbol"], trendChartData: [1, "trendChartData"] }, outputs: { closed: "closed", targetApplied: "targetApplied" }, decls: 1, vars: 1, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "fixed", "inset-0", "z-[100]", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-4xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xl", "font-bold", "mb-0", 3, "ngClass"], [1, "ml-4", "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "grid", "lg:grid-cols-2", "gap-6"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-4", "place-content-between", "mb-6"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "gap-2"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "p-6", "rounded-xl", "border-2", "h-full", 3, "ngClass"], [1, "mt-6", "p-6", "rounded-xl", "border", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "flex", "justify-end", "gap-3", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 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"], [1, "fixed", "inset-0", "z-[110]", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["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", "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", "gap-4"], [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, "flex-shrink-0", "w-36"], [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, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1.5", 3, "ngClass"], [
|
|
62307
|
+
} }, inputs: { viewMode: [1, "viewMode"], isOpen: [1, "isOpen"], metricData: [1, "metricData"], pacingResponse: [1, "pacingResponse"], targetHistories: [1, "targetHistories"], users: [1, "users"], currencySymbol: [1, "currencySymbol"], trendChartData: [1, "trendChartData"] }, outputs: { closed: "closed", targetApplied: "targetApplied" }, decls: 1, vars: 1, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "fixed", "inset-0", "z-[100]", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "click", "ngClass"], [1, "relative", "w-full", "max-w-4xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xl", "font-bold", "mb-0", 3, "ngClass"], [1, "ml-4", "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "grid", "lg:grid-cols-2", "gap-6"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-4", "place-content-between", "mb-6"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "font-bold", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "gap-2"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "p-6", "rounded-xl", "border-2", "h-full", 3, "ngClass"], [1, "mt-6", "p-6", "rounded-xl", "border", 3, "ngClass"], [1, "px-6", "py-4", "border-t", "flex", "justify-end", "gap-3", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 3, "click", "ngClass"], ["type", "button", 1, "px-4", "py-2.5", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", 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"], [1, "fixed", "inset-0", "z-[110]", "flex", "items-center", "justify-center", "p-4", "overflow-y-auto"], ["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", "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", "gap-4"], [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, "flex-shrink-0", "w-36"], [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, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1.5", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height", "disableInteractions"], [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"], [3, "viewMode", "user"], [1, "text-right"], [1, "text-sm", "font-bold", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "relative", "w-full", "max-w-5xl", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-4", "border-b", "backdrop-blur-sm", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-0", 3, "ngClass"], [1, "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], [1, "p-6", "backdrop-blur-sm", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"]], template: function EditMetricTargetModalComponent_Template(rf, ctx) { if (rf & 1) {
|
|
62306
62308
|
i0.ɵɵconditionalCreate(0, EditMetricTargetModalComponent_Conditional_0_Template, 42, 30);
|
|
62307
62309
|
} if (rf & 2) {
|
|
62308
62310
|
i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
|
|
@@ -62532,9 +62534,7 @@ class EditMetricTargetModalComponent {
|
|
|
62532
62534
|
<p [ngClass]="trendChartLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1.5">
|
|
62533
62535
|
{{ currentYear() }} vs {{ priorYear() }}
|
|
62534
62536
|
</p>
|
|
62535
|
-
<div
|
|
62536
|
-
class="relative cursor-pointer group"
|
|
62537
|
-
(click)="openExpandedChart(); $event.stopPropagation()">
|
|
62537
|
+
<div class="relative">
|
|
62538
62538
|
<symphiq-area-chart
|
|
62539
62539
|
[chart]="trendChartData()!"
|
|
62540
62540
|
[showAxisLabels]="false"
|
|
@@ -62543,13 +62543,6 @@ class EditMetricTargetModalComponent {
|
|
|
62543
62543
|
[height]="'60px'"
|
|
62544
62544
|
[disableInteractions]="true"
|
|
62545
62545
|
/>
|
|
62546
|
-
<div
|
|
62547
|
-
[ngClass]="expandIconClasses()"
|
|
62548
|
-
class="absolute top-1 right-1 p-1 rounded opacity-0 group-hover:opacity-100 transition-opacity">
|
|
62549
|
-
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
62550
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" />
|
|
62551
|
-
</svg>
|
|
62552
|
-
</div>
|
|
62553
62546
|
</div>
|
|
62554
62547
|
</div>
|
|
62555
62548
|
}
|
|
@@ -62793,7 +62786,7 @@ class EditMetricTargetModalComponent {
|
|
|
62793
62786
|
type: HostListener,
|
|
62794
62787
|
args: ['document:keydown.escape']
|
|
62795
62788
|
}] }); })();
|
|
62796
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditMetricTargetModalComponent, { className: "EditMetricTargetModalComponent", filePath: "lib/components/revenue-calculator-dashboard/edit-metric-target-modal.component.ts", lineNumber:
|
|
62789
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditMetricTargetModalComponent, { className: "EditMetricTargetModalComponent", filePath: "lib/components/revenue-calculator-dashboard/edit-metric-target-modal.component.ts", lineNumber: 467 }); })();
|
|
62797
62790
|
|
|
62798
62791
|
const _c0$B = ["absoluteInputRef"];
|
|
62799
62792
|
const _c1$g = ["percentageInputRef"];
|