@eric-emg/symphiq-components 1.2.1 → 1.2.3
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 +106 -84
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +3 -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>
|
|
@@ -2723,15 +2723,15 @@ const _c0 = () => ({});
|
|
|
2723
2723
|
const _forTrack0 = ($index, $item) => $item.value;
|
|
2724
2724
|
const _forTrack1 = ($index, $item) => $item.funnelMetric.metric;
|
|
2725
2725
|
const _forTrack2 = ($index, $item) => $item.metric;
|
|
2726
|
-
function
|
|
2727
|
-
i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card",
|
|
2726
|
+
function SymphiqFunnelAnalysisDashboardComponent_For_31_Template(rf, ctx) { if (rf & 1) {
|
|
2727
|
+
i0.ɵɵelement(0, "symphiq-funnel-analysis-insight-card", 18);
|
|
2728
2728
|
} if (rf & 2) {
|
|
2729
2729
|
const insight_r1 = ctx.$implicit;
|
|
2730
2730
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
2731
2731
|
i0.ɵɵproperty("insight", insight_r1)("allMetrics", ctx_r1.allMetrics);
|
|
2732
2732
|
} }
|
|
2733
|
-
function
|
|
2734
|
-
i0.ɵɵelementStart(0, "option",
|
|
2733
|
+
function SymphiqFunnelAnalysisDashboardComponent_For_39_Template(rf, ctx) { if (rf & 1) {
|
|
2734
|
+
i0.ɵɵelementStart(0, "option", 22);
|
|
2735
2735
|
i0.ɵɵtext(1);
|
|
2736
2736
|
i0.ɵɵelementEnd();
|
|
2737
2737
|
} if (rf & 2) {
|
|
@@ -2740,17 +2740,17 @@ function SymphiqFunnelAnalysisDashboardComponent_For_20_Template(rf, ctx) { if (
|
|
|
2740
2740
|
i0.ɵɵadvance();
|
|
2741
2741
|
i0.ɵɵtextInterpolate(cat_r3.label);
|
|
2742
2742
|
} }
|
|
2743
|
-
function
|
|
2743
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_42_Template(rf, ctx) { if (rf & 1) {
|
|
2744
2744
|
i0.ɵɵnamespaceSVG();
|
|
2745
|
-
i0.ɵɵelement(0, "path",
|
|
2745
|
+
i0.ɵɵelement(0, "path", 25);
|
|
2746
2746
|
} }
|
|
2747
|
-
function
|
|
2747
|
+
function SymphiqFunnelAnalysisDashboardComponent_Conditional_43_Template(rf, ctx) { if (rf & 1) {
|
|
2748
2748
|
i0.ɵɵnamespaceSVG();
|
|
2749
|
-
i0.ɵɵelement(0, "path",
|
|
2749
|
+
i0.ɵɵelement(0, "path", 26);
|
|
2750
2750
|
} }
|
|
2751
|
-
function
|
|
2752
|
-
i0.ɵɵelementStart(0, "div",
|
|
2753
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
2751
|
+
function SymphiqFunnelAnalysisDashboardComponent_For_48_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
2752
|
+
i0.ɵɵelementStart(0, "div", 34);
|
|
2753
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 35);
|
|
2754
2754
|
i0.ɵɵelementEnd();
|
|
2755
2755
|
} if (rf & 2) {
|
|
2756
2756
|
const metric_r4 = ctx.$implicit;
|
|
@@ -2758,20 +2758,20 @@ function SymphiqFunnelAnalysisDashboardComponent_For_29_Conditional_2_For_2_Temp
|
|
|
2758
2758
|
i0.ɵɵadvance();
|
|
2759
2759
|
i0.ɵɵproperty("metric", metric_r4)("insights", ctx_r1.insights);
|
|
2760
2760
|
} }
|
|
2761
|
-
function
|
|
2762
|
-
i0.ɵɵelementStart(0, "div",
|
|
2763
|
-
i0.ɵɵrepeaterCreate(1,
|
|
2761
|
+
function SymphiqFunnelAnalysisDashboardComponent_For_48_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
2762
|
+
i0.ɵɵelementStart(0, "div", 33);
|
|
2763
|
+
i0.ɵɵrepeaterCreate(1, SymphiqFunnelAnalysisDashboardComponent_For_48_Conditional_2_For_2_Template, 2, 2, "div", 34, _forTrack2);
|
|
2764
2764
|
i0.ɵɵelementEnd();
|
|
2765
2765
|
} if (rf & 2) {
|
|
2766
2766
|
const funnelGroup_r5 = i0.ɵɵnextContext().$implicit;
|
|
2767
2767
|
i0.ɵɵadvance();
|
|
2768
2768
|
i0.ɵɵrepeater(funnelGroup_r5.relatedMetrics);
|
|
2769
2769
|
} }
|
|
2770
|
-
function
|
|
2771
|
-
i0.ɵɵelementStart(0, "div",
|
|
2772
|
-
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card",
|
|
2770
|
+
function SymphiqFunnelAnalysisDashboardComponent_For_48_Template(rf, ctx) { if (rf & 1) {
|
|
2771
|
+
i0.ɵɵelementStart(0, "div", 31);
|
|
2772
|
+
i0.ɵɵelement(1, "symphiq-funnel-analysis-metric-card", 32);
|
|
2773
2773
|
i0.ɵɵelementEnd();
|
|
2774
|
-
i0.ɵɵconditionalCreate(2,
|
|
2774
|
+
i0.ɵɵconditionalCreate(2, SymphiqFunnelAnalysisDashboardComponent_For_48_Conditional_2_Template, 3, 0, "div", 33);
|
|
2775
2775
|
} if (rf & 2) {
|
|
2776
2776
|
const funnelGroup_r5 = ctx.$implicit;
|
|
2777
2777
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -2780,8 +2780,8 @@ function SymphiqFunnelAnalysisDashboardComponent_For_29_Template(rf, ctx) { if (
|
|
|
2780
2780
|
i0.ɵɵadvance();
|
|
2781
2781
|
i0.ɵɵconditional(funnelGroup_r5.relatedMetrics.length > 0 ? 2 : -1);
|
|
2782
2782
|
} }
|
|
2783
|
-
function
|
|
2784
|
-
i0.ɵɵelement(0, "symphiq-funnel-analysis-breakdown-section",
|
|
2783
|
+
function SymphiqFunnelAnalysisDashboardComponent_For_54_Template(rf, ctx) { if (rf & 1) {
|
|
2784
|
+
i0.ɵɵelement(0, "symphiq-funnel-analysis-breakdown-section", 30);
|
|
2785
2785
|
} if (rf & 2) {
|
|
2786
2786
|
const breakdown_r6 = ctx.$implicit;
|
|
2787
2787
|
i0.ɵɵproperty("breakdown", breakdown_r6);
|
|
@@ -2863,55 +2863,74 @@ 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:
|
|
2867
|
-
i0.ɵɵelementStart(0, "div", 0)(1, "
|
|
2868
|
-
i0.ɵɵ
|
|
2869
|
-
i0.ɵɵelementStart(4, "section", 4)(5, "div", 5)(6, "h2", 6);
|
|
2870
|
-
i0.ɵɵtext(7, "Key Insights");
|
|
2866
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqFunnelAnalysisDashboardComponent, selectors: [["symphiq-funnel-analysis-dashboard"]], inputs: { title: "title", requestedBy: "requestedBy", data: "data" }, decls: 56, vars: 11, consts: [[1, "min-h-screen", "bg-transparent"], [1, "bg-slate-900/50", "backdrop-blur-sm", "border-b", "border-slate-800", "sticky", "top-0", "z-50"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "py-4", "sm:py-6"], [1, "flex", "flex-col", "sm:flex-row", "items-start", "sm:items-center", "justify-between", "gap-3", "sm:gap-0"], [1, "text-2xl", "sm:text-3xl", "font-bold", "text-white", "mb-1"], [1, "text-sm", "sm:text-base", "text-slate-400"], [1, "flex", "flex-col", "gap-4"], [1, "text-left", "sm:text-right"], [1, "text-xs", "sm:text-sm", "text-slate-500"], [1, "text-sm", "sm:text-base", "text-white", "font-medium"], [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
|
+
i0.ɵɵelementStart(0, "div", 0)(1, "header", 1)(2, "div", 2)(3, "div", 3)(4, "div")(5, "h1", 4);
|
|
2868
|
+
i0.ɵɵtext(6);
|
|
2871
2869
|
i0.ɵɵelementEnd();
|
|
2872
|
-
i0.ɵɵelementStart(
|
|
2873
|
-
i0.ɵɵtext(
|
|
2870
|
+
i0.ɵɵelementStart(7, "p", 5);
|
|
2871
|
+
i0.ɵɵtext(8, "Revenue Orchestration & Funnel Analysis");
|
|
2872
|
+
i0.ɵɵelementEnd()();
|
|
2873
|
+
i0.ɵɵelementStart(9, "div", 6)(10, "div", 7)(11, "div", 8);
|
|
2874
|
+
i0.ɵɵtext(12, "Generated At");
|
|
2875
|
+
i0.ɵɵelementEnd();
|
|
2876
|
+
i0.ɵɵelementStart(13, "div", 9);
|
|
2877
|
+
i0.ɵɵtext(14);
|
|
2878
|
+
i0.ɵɵelementEnd()();
|
|
2879
|
+
i0.ɵɵelementStart(15, "div", 7)(16, "div", 8);
|
|
2880
|
+
i0.ɵɵtext(17, "Requested by");
|
|
2881
|
+
i0.ɵɵelementEnd();
|
|
2882
|
+
i0.ɵɵelementStart(18, "div", 9);
|
|
2883
|
+
i0.ɵɵtext(19);
|
|
2884
|
+
i0.ɵɵelementEnd()()()()()();
|
|
2885
|
+
i0.ɵɵelementStart(20, "main", 10)(21, "div", 11);
|
|
2886
|
+
i0.ɵɵelement(22, "symphiq-funnel-analysis-overall-assessment", 12);
|
|
2887
|
+
i0.ɵɵelementStart(23, "section", 13)(24, "div", 14)(25, "h2", 15);
|
|
2888
|
+
i0.ɵɵtext(26, "Key Insights");
|
|
2889
|
+
i0.ɵɵelementEnd();
|
|
2890
|
+
i0.ɵɵelementStart(27, "span", 16);
|
|
2891
|
+
i0.ɵɵtext(28);
|
|
2874
2892
|
i0.ɵɵelementEnd()();
|
|
2875
|
-
i0.ɵɵelementStart(
|
|
2876
|
-
i0.ɵɵrepeaterCreate(
|
|
2893
|
+
i0.ɵɵelementStart(29, "div", 17);
|
|
2894
|
+
i0.ɵɵrepeaterCreate(30, SymphiqFunnelAnalysisDashboardComponent_For_31_Template, 1, 2, "symphiq-funnel-analysis-insight-card", 18, i0.ɵɵrepeaterTrackByIndex);
|
|
2877
2895
|
i0.ɵɵelementEnd()();
|
|
2878
|
-
i0.ɵɵelementStart(
|
|
2879
|
-
i0.ɵɵtext(
|
|
2896
|
+
i0.ɵɵelementStart(32, "section")(33, "div", 19)(34, "h2", 15);
|
|
2897
|
+
i0.ɵɵtext(35, "Performance Metrics");
|
|
2880
2898
|
i0.ɵɵelementEnd();
|
|
2881
|
-
i0.ɵɵelementStart(
|
|
2882
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
2883
|
-
i0.ɵɵrepeaterCreate(
|
|
2899
|
+
i0.ɵɵelementStart(36, "div", 20)(37, "select", 21);
|
|
2900
|
+
i0.ɵɵtwoWayListener("ngModelChange", function SymphiqFunnelAnalysisDashboardComponent_Template_select_ngModelChange_37_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selectedCategory, $event) || (ctx.selectedCategory = $event); return $event; });
|
|
2901
|
+
i0.ɵɵrepeaterCreate(38, SymphiqFunnelAnalysisDashboardComponent_For_39_Template, 2, 2, "option", 22, _forTrack0);
|
|
2884
2902
|
i0.ɵɵelementEnd();
|
|
2885
|
-
i0.ɵɵelementStart(
|
|
2886
|
-
i0.ɵɵlistener("click", function
|
|
2903
|
+
i0.ɵɵelementStart(40, "button", 23);
|
|
2904
|
+
i0.ɵɵlistener("click", function SymphiqFunnelAnalysisDashboardComponent_Template_button_click_40_listener() { return ctx.reverseSortOrder = !ctx.reverseSortOrder; });
|
|
2887
2905
|
i0.ɵɵnamespaceSVG();
|
|
2888
|
-
i0.ɵɵelementStart(
|
|
2889
|
-
i0.ɵɵconditionalCreate(
|
|
2890
|
-
i0.ɵɵconditionalCreate(
|
|
2906
|
+
i0.ɵɵelementStart(41, "svg", 24);
|
|
2907
|
+
i0.ɵɵconditionalCreate(42, SymphiqFunnelAnalysisDashboardComponent_Conditional_42_Template, 1, 0, ":svg:path", 25);
|
|
2908
|
+
i0.ɵɵconditionalCreate(43, SymphiqFunnelAnalysisDashboardComponent_Conditional_43_Template, 1, 0, ":svg:path", 26);
|
|
2891
2909
|
i0.ɵɵelementEnd();
|
|
2892
2910
|
i0.ɵɵnamespaceHTML();
|
|
2893
|
-
i0.ɵɵelementStart(
|
|
2894
|
-
i0.ɵɵtext(
|
|
2911
|
+
i0.ɵɵelementStart(44, "span", 27);
|
|
2912
|
+
i0.ɵɵtext(45, "Sort");
|
|
2895
2913
|
i0.ɵɵelementEnd()()()();
|
|
2896
|
-
i0.ɵɵelementStart(
|
|
2897
|
-
i0.ɵɵrepeaterCreate(
|
|
2914
|
+
i0.ɵɵelementStart(46, "div", 28);
|
|
2915
|
+
i0.ɵɵrepeaterCreate(47, SymphiqFunnelAnalysisDashboardComponent_For_48_Template, 3, 3, null, null, _forTrack1);
|
|
2898
2916
|
i0.ɵɵelementEnd()();
|
|
2899
|
-
i0.ɵɵelementStart(
|
|
2900
|
-
i0.ɵɵtext(
|
|
2917
|
+
i0.ɵɵelementStart(49, "section")(50, "h2", 29);
|
|
2918
|
+
i0.ɵɵtext(51, "Performance Breakdowns");
|
|
2901
2919
|
i0.ɵɵelementEnd();
|
|
2902
|
-
i0.ɵɵelementStart(
|
|
2903
|
-
i0.ɵɵrepeaterCreate(
|
|
2920
|
+
i0.ɵɵelementStart(52, "div");
|
|
2921
|
+
i0.ɵɵrepeaterCreate(53, SymphiqFunnelAnalysisDashboardComponent_For_54_Template, 1, 1, "symphiq-funnel-analysis-breakdown-section", 30, i0.ɵɵrepeaterTrackByIndex);
|
|
2904
2922
|
i0.ɵɵelementEnd()()()();
|
|
2905
|
-
i0.ɵɵelement(
|
|
2906
|
-
i0.ɵɵelementStart(37, "footer", 22)(38, "div", 1)(39, "div", 23)(40, "p");
|
|
2907
|
-
i0.ɵɵtext(41, "Symphiq Revenue Orchestration Workspace");
|
|
2923
|
+
i0.ɵɵelement(55, "symphiq-funnel-analysis-modal");
|
|
2908
2924
|
i0.ɵɵelementEnd();
|
|
2909
|
-
i0.ɵɵelementStart(42, "p", 24);
|
|
2910
|
-
i0.ɵɵtext(43, "\u00A9 2025 Symphiq. All rights reserved.");
|
|
2911
|
-
i0.ɵɵelementEnd()()()()();
|
|
2912
2925
|
} if (rf & 2) {
|
|
2926
|
+
i0.ɵɵadvance(6);
|
|
2927
|
+
i0.ɵɵtextInterpolate(ctx.title);
|
|
2928
|
+
i0.ɵɵadvance(8);
|
|
2929
|
+
i0.ɵɵtextInterpolate(ctx.formatDate(ctx.data.generatedAt || "2025-11-30"));
|
|
2930
|
+
i0.ɵɵadvance(5);
|
|
2931
|
+
i0.ɵɵtextInterpolate(ctx.requestedBy);
|
|
2913
2932
|
i0.ɵɵadvance(3);
|
|
2914
|
-
i0.ɵɵproperty("assessment", ctx.data.overallAssessment || i0.ɵɵpureFunction0(
|
|
2933
|
+
i0.ɵɵproperty("assessment", ctx.data.overallAssessment || i0.ɵɵpureFunction0(10, _c0))("revenueMetric", ctx.revenueMetric);
|
|
2915
2934
|
i0.ɵɵadvance(6);
|
|
2916
2935
|
i0.ɵɵtextInterpolate1("", ctx.insights.length, " insights");
|
|
2917
2936
|
i0.ɵɵadvance(2);
|
|
@@ -2923,9 +2942,9 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
2923
2942
|
i0.ɵɵadvance(2);
|
|
2924
2943
|
i0.ɵɵproperty("title", ctx.reverseSortOrder ? "Sort: Revenue to Views" : "Sort: Views to Revenue");
|
|
2925
2944
|
i0.ɵɵadvance(2);
|
|
2926
|
-
i0.ɵɵconditional(!ctx.reverseSortOrder ?
|
|
2945
|
+
i0.ɵɵconditional(!ctx.reverseSortOrder ? 42 : -1);
|
|
2927
2946
|
i0.ɵɵadvance();
|
|
2928
|
-
i0.ɵɵconditional(ctx.reverseSortOrder ?
|
|
2947
|
+
i0.ɵɵconditional(ctx.reverseSortOrder ? 43 : -1);
|
|
2929
2948
|
i0.ɵɵadvance(4);
|
|
2930
2949
|
i0.ɵɵrepeater(ctx.getGroupedMetrics());
|
|
2931
2950
|
i0.ɵɵadvance(6);
|
|
@@ -2951,22 +2970,28 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
2951
2970
|
],
|
|
2952
2971
|
template: `
|
|
2953
2972
|
<div class="min-h-screen bg-transparent">
|
|
2954
|
-
|
|
2955
|
-
|
|
2956
|
-
|
|
2957
|
-
|
|
2958
|
-
|
|
2959
|
-
|
|
2960
|
-
|
|
2961
|
-
|
|
2962
|
-
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
|
|
2966
|
-
|
|
2967
|
-
|
|
2973
|
+
<header class="bg-slate-900/50 backdrop-blur-sm border-b border-slate-800 sticky top-0 z-50">
|
|
2974
|
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 py-4 sm:py-6">
|
|
2975
|
+
<div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3 sm:gap-0">
|
|
2976
|
+
<div>
|
|
2977
|
+
<h1 class="text-2xl sm:text-3xl font-bold text-white mb-1">{{title}}</h1>
|
|
2978
|
+
<p class="text-sm sm:text-base text-slate-400">Revenue Orchestration & Funnel Analysis</p>
|
|
2979
|
+
</div>
|
|
2980
|
+
<div class="flex flex-col gap-4">
|
|
2981
|
+
<div class="text-left sm:text-right">
|
|
2982
|
+
<div class="text-xs sm:text-sm text-slate-500">Generated At</div>
|
|
2983
|
+
<div class="text-sm sm:text-base text-white font-medium">{{ formatDate(data.generatedAt || '2025-11-30') }}</div>
|
|
2984
|
+
</div>
|
|
2985
|
+
<div class="text-left sm:text-right">
|
|
2986
|
+
<div class="text-xs sm:text-sm text-slate-500">Requested by</div>
|
|
2987
|
+
<div class="text-sm sm:text-base text-white font-medium">{{ requestedBy }}</div>
|
|
2988
|
+
</div>
|
|
2989
|
+
</div>
|
|
2990
|
+
</div>
|
|
2991
|
+
</div>
|
|
2992
|
+
</header>
|
|
2968
2993
|
|
|
2969
|
-
<main class="max-w-7xl mx-auto
|
|
2994
|
+
<main class="max-w-7xl mx-auto">
|
|
2970
2995
|
<div class="space-y-6 sm:space-y-8">
|
|
2971
2996
|
<symphiq-funnel-analysis-overall-assessment
|
|
2972
2997
|
[assessment]="data.overallAssessment || {}"
|
|
@@ -3041,22 +3066,19 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
3041
3066
|
</main>
|
|
3042
3067
|
|
|
3043
3068
|
<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
3069
|
</div>
|
|
3054
3070
|
`,
|
|
3055
3071
|
}]
|
|
3056
|
-
}], () => [{ type: FunnelOrderService }], {
|
|
3072
|
+
}], () => [{ type: FunnelOrderService }], { title: [{
|
|
3073
|
+
type: Input,
|
|
3074
|
+
args: [{ required: true }]
|
|
3075
|
+
}], requestedBy: [{
|
|
3076
|
+
type: Input,
|
|
3077
|
+
args: [{ required: true }]
|
|
3078
|
+
}], data: [{
|
|
3057
3079
|
type: Input
|
|
3058
3080
|
}] }); })();
|
|
3059
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/symphiq-funnel-analysis-dashboard.component.ts", lineNumber:
|
|
3081
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqFunnelAnalysisDashboardComponent, { className: "SymphiqFunnelAnalysisDashboardComponent", filePath: "lib/components/symphiq-funnel-analysis-dashboard.component.ts", lineNumber: 124 }); })();
|
|
3060
3082
|
|
|
3061
3083
|
/*
|
|
3062
3084
|
* Public API Surface of symphiq-components
|