@eric-emg/symphiq-components 1.2.1 → 1.2.2
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 +12 -26
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles.css +0 -13
|
@@ -230,7 +230,7 @@ class OverallAssessmentComponent {
|
|
|
230
230
|
}
|
|
231
231
|
}
|
|
232
232
|
static { this.ɵfac = function OverallAssessmentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OverallAssessmentComponent)(); }; }
|
|
233
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverallAssessmentComponent, selectors: [["symphiq-funnel-analysis-overall-assessment"]], inputs: { assessment: "assessment", revenueMetric: "revenueMetric" }, decls: 59, vars: 13, consts: [[1, "bg-gradient-to-br", "from-slate-800", "to-slate-900", "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "border-slate-700", "shadow-xl"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "justify-between", "gap-4", "
|
|
233
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverallAssessmentComponent, selectors: [["symphiq-funnel-analysis-overall-assessment"]], inputs: { assessment: "assessment", revenueMetric: "revenueMetric" }, decls: 59, vars: 13, consts: [[1, "bg-gradient-to-br", "from-slate-800", "to-slate-900", "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "border-slate-700", "shadow-xl"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "justify-between", "gap-4", "mb-4", "sm:mb-6"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "text-white", "mb-2"], [1, "text-sm", "sm:text-base", "text-slate-400"], [1, "flex", "items-center", "gap-3", "sm:gap-4", "w-full", "sm:w-auto"], [1, "text-center", "flex-1", "sm:flex-initial"], [1, "text-xs", "font-semibold", "text-slate-400", "uppercase", "tracking-wider", "mb-1"], [1, "text-base", "sm:text-lg", "font-bold"], [1, "flex-1", "sm:flex-initial"], [1, "text-3xl", "sm:text-4xl", "font-bold"], [1, "bg-gradient-to-r", "from-emerald-500/20", "to-blue-500/20", "rounded-xl", "p-4", "sm:p-6", "mb-4", "sm:mb-6", "border-2", "border-emerald-500/40"], [1, "bg-slate-900/50", "rounded-xl", "p-4", "sm:p-6", "mb-4", "sm:mb-6", "border", "border-slate-700"], [1, "text-sm", "sm:text-base", "text-slate-300", "leading-relaxed"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "sm:gap-6"], [1, "bg-emerald-500/10", "rounded-xl", "p-4", "sm:p-6", "border", "border-emerald-500/30"], [1, "flex", "items-center", "gap-3", "mb-3"], [1, "w-8", "h-8", "sm:w-10", "sm:h-10", "bg-emerald-500/20", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "sm:w-6", "sm:h-6", "text-emerald-400"], ["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, "text-base", "sm:text-lg", "font-semibold", "text-emerald-400"], [1, "text-xs", "sm:text-sm", "text-slate-300", "leading-relaxed"], [1, "bg-amber-500/10", "rounded-xl", "p-4", "sm:p-6", "border", "border-amber-500/30"], [1, "w-8", "h-8", "sm:w-10", "sm:h-10", "bg-amber-500/20", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "sm:w-6", "sm:h-6", "text-amber-400"], ["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-base", "sm:text-lg", "font-semibold", "text-amber-400"], [1, "bg-blue-500/10", "rounded-xl", "p-4", "sm:p-6", "border", "border-blue-500/30"], [1, "w-8", "h-8", "sm:w-10", "sm:h-10", "bg-blue-500/20", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "sm:w-6", "sm:h-6", "text-blue-400"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], [1, "text-base", "sm:text-lg", "font-semibold", "text-blue-400"], [1, "bg-purple-500/10", "rounded-xl", "p-4", "sm:p-6", "border", "border-purple-500/30"], [1, "w-8", "h-8", "sm:w-10", "sm:h-10", "bg-purple-500/20", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "sm:w-6", "sm:h-6", "text-purple-400"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"], [1, "text-base", "sm:text-lg", "font-semibold", "text-purple-400"], [1, "flex", "flex-col", "md:flex-row", "items-start", "md:items-center", "gap-4", "md:gap-0"], [1, "flex-1", "w-full"], [1, "flex", "items-center", "gap-3", "mb-2"], [1, "w-10", "h-10", "sm:w-12", "sm:h-12", "bg-emerald-500/30", "rounded-lg", "flex", "items-center", "justify-center", "flex-shrink-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "sm:w-7", "sm:h-7", "text-emerald-400"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "min-w-0", "flex-1"], [1, "text-xs", "sm:text-sm", "font-semibold", "text-slate-400", "uppercase", "tracking-wider"], [1, "text-2xl", "sm:text-3xl", "lg:text-4xl", "font-bold", "text-white", "truncate"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "gap-2", "sm:gap-4", "mt-3"], [1, "flex", "items-center", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "sm:w-5", "sm:h-5", "text-emerald-400", "flex-shrink-0"], ["fill-rule", "evenodd", "d", "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z", "clip-rule", "evenodd"], [1, "text-emerald-400", "font-semibold", "text-base", "sm:text-lg"], [1, "text-slate-400", "text-xs", "sm:text-sm"], [1, "hidden", "sm:block", "h-6", "w-px", "bg-slate-600"], [1, "text-white", "font-semibold", "text-sm", "sm:text-base"], [1, "w-full", "md:w-auto", "md:text-right", "md:ml-4"], [1, "inline-block", "px-3", "sm:px-4", "py-1.5", "sm:py-2", "rounded-lg", "font-bold", "text-base", "sm:text-lg"], [1, "mt-2", "text-xs", "sm:text-sm", "text-slate-400"]], template: function OverallAssessmentComponent_Template(rf, ctx) { if (rf & 1) {
|
|
234
234
|
i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2", 3);
|
|
235
235
|
i0.ɵɵtext(4, "Overall Performance");
|
|
236
236
|
i0.ɵɵdomElementEnd();
|
|
@@ -334,7 +334,7 @@ class OverallAssessmentComponent {
|
|
|
334
334
|
imports: [],
|
|
335
335
|
template: `
|
|
336
336
|
<div class="bg-gradient-to-br from-slate-800 to-slate-900 rounded-2xl p-4 sm:p-6 lg:p-8 border border-slate-700 shadow-xl">
|
|
337
|
-
<div class="flex flex-col sm:flex-row items-start justify-between gap-4
|
|
337
|
+
<div class="flex flex-col sm:flex-row items-start justify-between gap-4 mb-4 sm:mb-6">
|
|
338
338
|
<div class="flex-1">
|
|
339
339
|
<h2 class="text-2xl sm:text-3xl font-bold text-white mb-2">Overall Performance</h2>
|
|
340
340
|
<p class="text-sm sm:text-base text-slate-400">{{ assessment.targetPacingStatus }}</p>
|
|
@@ -2749,8 +2749,8 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_24_Template(rf, ctx
|
|
|
2749
2749
|
i0.ɵɵelement(0, "path", 17);
|
|
2750
2750
|
} }
|
|
2751
2751
|
function SymphiqFunnelAnalysisDashboardComponent_For_29_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
2752
|
-
i0.ɵɵelementStart(0, "div",
|
|
2753
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
2752
|
+
i0.ɵɵelementStart(0, "div", 25);
|
|
2753
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 26);
|
|
2754
2754
|
i0.ɵɵelementEnd();
|
|
2755
2755
|
} if (rf & 2) {
|
|
2756
2756
|
const metric_r4 = ctx.$implicit;
|
|
@@ -2759,8 +2759,8 @@ function SymphiqFunnelAnalysisDashboardComponent_For_29_Conditional_2_For_2_Temp
|
|
|
2759
2759
|
i0.ɵɵproperty("metric", metric_r4)("insights", ctx_r1.insights);
|
|
2760
2760
|
} }
|
|
2761
2761
|
function SymphiqFunnelAnalysisDashboardComponent_For_29_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
2762
|
-
i0.ɵɵelementStart(0, "div",
|
|
2763
|
-
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_For_29_Conditional_2_For_2_Template, 2, 2, "div",
|
|
2762
|
+
i0.ɵɵelementStart(0, "div", 24);
|
|
2763
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_For_29_Conditional_2_For_2_Template, 2, 2, "div", 25, _forTrack2);
|
|
2764
2764
|
i0.ɵɵelementEnd();
|
|
2765
2765
|
} if (rf & 2) {
|
|
2766
2766
|
const funnelGroup_r5 = i0.ɵɵnextContext().$implicit;
|
|
@@ -2768,10 +2768,10 @@ function SymphiqFunnelAnalysisDashboardComponent_For_29_Conditional_2_Template(r
|
|
|
2768
2768
|
i0.ɵɵrepeater(funnelGroup_r5.relatedMetrics);
|
|
2769
2769
|
} }
|
|
2770
2770
|
function SymphiqFunnelAnalysisDashboardComponent_For_29_Template(rf, ctx) { if (rf & 1) {
|
|
2771
|
-
i0.ɵɵelementStart(0, "div",
|
|
2772
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
2771
|
+
i0.ɵɵelementStart(0, "div", 22);
|
|
2772
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 23);
|
|
2773
2773
|
i0.ɵɵelementEnd();
|
|
2774
|
-
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_For_29_Conditional_2_Template, 3, 0, "div",
|
|
2774
|
+
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_For_29_Conditional_2_Template, 3, 0, "div", 24);
|
|
2775
2775
|
} if (rf & 2) {
|
|
2776
2776
|
const funnelGroup_r5 = ctx.$implicit;
|
|
2777
2777
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -2863,7 +2863,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
2863
2863
|
});
|
|
2864
2864
|
}
|
|
2865
2865
|
static { this.ɵfac = function SymphiqFunnelAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqFunnelAnalysisDashboardComponent)(i0.ɵɵdirectiveInject(FunnelOrderService)); }; }
|
|
2866
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqFunnelAnalysisDashboardComponent, selectors: [["symphiq-funnel-analysis-dashboard"]], inputs: { data: "data" }, decls:
|
|
2866
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqFunnelAnalysisDashboardComponent, selectors: [["symphiq-funnel-analysis-dashboard"]], inputs: { data: "data" }, decls: 37, vars: 8, consts: [[1, "min-h-screen", "bg-transparent"], [1, "max-w-7xl", "mx-auto"], [1, "space-y-6", "sm:space-y-8"], [3, "assessment", "revenueMetric"], [1, "mt-6", "sm:mt-8"], [1, "flex", "items-center", "justify-between", "mb-4", "sm:mb-6"], [1, "text-xl", "sm:text-2xl", "font-bold", "text-white"], [1, "text-xs", "sm:text-sm", "text-slate-400"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-4", "sm:gap-6"], [3, "insight", "allMetrics"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0", "mb-4", "sm:mb-6"], [1, "flex", "gap-2", "sm:gap-3", "items-center", "w-full", "sm:w-auto"], [1, "flex-1", "sm:flex-initial", "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "bg-slate-700", "text-white", "border", "border-slate-600", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "bg-slate-700", "text-white", "border", "border-slate-600", "hover:bg-slate-600", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", 3, "click", "title"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"], [1, "hidden", "sm:inline"], [1, "space-y-4", "sm:space-y-6"], [1, "text-xl", "sm:text-2xl", "font-bold", "text-white", "mb-4", "sm:mb-6"], [3, "breakdown"], [1, "w-full"], [3, "metric", "insights"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4", "sm:gap-6", "items-stretch"], [1, "flex"], [1, "flex-1", 3, "metric", "insights"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2867
2867
|
i0.ɵɵelementStart(0, "div", 0)(1, "main", 1)(2, "div", 2);
|
|
2868
2868
|
i0.ɵɵelement(3, "symphiq-funnel-analysis-overall-assessment", 3);
|
|
2869
2869
|
i0.ɵɵelementStart(4, "section", 4)(5, "div", 5)(6, "h2", 6);
|
|
@@ -2903,12 +2903,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
2903
2903
|
i0.ɵɵrepeaterCreate(34, SymphiqFunnelAnalysisDashboardComponent_For_35_Template, 1, 1, "symphiq-funnel-analysis-breakdown-section", 21, i0.ɵɵrepeaterTrackByIndex);
|
|
2904
2904
|
i0.ɵɵelementEnd()()()();
|
|
2905
2905
|
i0.ɵɵelement(36, "symphiq-funnel-analysis-modal");
|
|
2906
|
-
i0.ɵɵelementStart(37, "footer", 22)(38, "div", 1)(39, "div", 23)(40, "p");
|
|
2907
|
-
i0.ɵɵtext(41, "Symphiq Revenue Orchestration Workspace");
|
|
2908
2906
|
i0.ɵɵelementEnd();
|
|
2909
|
-
i0.ɵɵelementStart(42, "p", 24);
|
|
2910
|
-
i0.ɵɵtext(43, "\u00A9 2025 Symphiq. All rights reserved.");
|
|
2911
|
-
i0.ɵɵelementEnd()()()()();
|
|
2912
2907
|
} if (rf & 2) {
|
|
2913
2908
|
i0.ɵɵadvance(3);
|
|
2914
2909
|
i0.ɵɵproperty("assessment", ctx.data.overallAssessment || i0.ɵɵpureFunction0(7, _c0))("revenueMetric", ctx.revenueMetric);
|
|
@@ -2966,7 +2961,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
2966
2961
|
<!-- </div>-->
|
|
2967
2962
|
<!-- </header>-->
|
|
2968
2963
|
|
|
2969
|
-
<main class="max-w-7xl mx-auto
|
|
2964
|
+
<main class="max-w-7xl mx-auto">
|
|
2970
2965
|
<div class="space-y-6 sm:space-y-8">
|
|
2971
2966
|
<symphiq-funnel-analysis-overall-assessment
|
|
2972
2967
|
[assessment]="data.overallAssessment || {}"
|
|
@@ -3041,22 +3036,13 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
3041
3036
|
</main>
|
|
3042
3037
|
|
|
3043
3038
|
<symphiq-funnel-analysis-modal></symphiq-funnel-analysis-modal>
|
|
3044
|
-
|
|
3045
|
-
<footer class="bg-slate-900/50 backdrop-blur-sm border-t border-slate-800 mt-8 sm:mt-12">
|
|
3046
|
-
<div class="max-w-7xl mx-auto px-4 sm:px-6 py-6 sm:py-8">
|
|
3047
|
-
<div class="text-center text-slate-500 text-xs sm:text-sm">
|
|
3048
|
-
<p>Symphiq Revenue Orchestration Workspace</p>
|
|
3049
|
-
<p class="mt-1">© 2025 Symphiq. All rights reserved.</p>
|
|
3050
|
-
</div>
|
|
3051
|
-
</div>
|
|
3052
|
-
</footer>
|
|
3053
3039
|
</div>
|
|
3054
3040
|
`,
|
|
3055
3041
|
}]
|
|
3056
3042
|
}], () => [{ type: FunnelOrderService }], { data: [{
|
|
3057
3043
|
type: Input
|
|
3058
3044
|
}] }); })();
|
|
3059
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/symphiq-funnel-analysis-dashboard.component.ts", lineNumber:
|
|
3045
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 118 }); })();
|
|
3060
3046
|
|
|
3061
3047
|
/*
|
|
3062
3048
|
* Public API Surface of symphiq-components
|