@eric-emg/symphiq-components 1.2.94 → 1.2.95
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 +63 -13
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +22 -19
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -2884,7 +2884,9 @@ function OverallAssessmentComponent_Conditional_1_Conditional_13_Conditional_1_T
|
|
|
2884
2884
|
i0.ɵɵproperty("libSymphiqTooltip", ctx_r0.revenueTrendTooltip())("tooltipPosition", "top");
|
|
2885
2885
|
i0.ɵɵadvance();
|
|
2886
2886
|
i0.ɵɵclassMap(ctx_r0.trendIconClass());
|
|
2887
|
-
i0.ɵɵadvance(
|
|
2887
|
+
i0.ɵɵadvance();
|
|
2888
|
+
i0.ɵɵattribute("d", ctx_r0.revenueTrendArrowPath());
|
|
2889
|
+
i0.ɵɵadvance();
|
|
2888
2890
|
i0.ɵɵclassMap(ctx_r0.trendValueClass());
|
|
2889
2891
|
i0.ɵɵadvance();
|
|
2890
2892
|
i0.ɵɵtextInterpolate1("", ctx_r0.formattedRevenueTrend(), "%");
|
|
@@ -2910,7 +2912,7 @@ function OverallAssessmentComponent_Conditional_1_Conditional_13_Conditional_1_T
|
|
|
2910
2912
|
} }
|
|
2911
2913
|
function OverallAssessmentComponent_Conditional_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
2912
2914
|
i0.ɵɵelementStart(0, "div", 19);
|
|
2913
|
-
i0.ɵɵconditionalCreate(1, OverallAssessmentComponent_Conditional_1_Conditional_13_Conditional_1_Template, 31,
|
|
2915
|
+
i0.ɵɵconditionalCreate(1, OverallAssessmentComponent_Conditional_1_Conditional_13_Conditional_1_Template, 31, 38, "div", 33);
|
|
2914
2916
|
i0.ɵɵelementStart(2, "div", 34)(3, "p", 35);
|
|
2915
2917
|
i0.ɵɵtext(4);
|
|
2916
2918
|
i0.ɵɵelementEnd()()();
|
|
@@ -3006,7 +3008,9 @@ function OverallAssessmentComponent_Conditional_1_Conditional_14_Conditional_0_T
|
|
|
3006
3008
|
i0.ɵɵproperty("libSymphiqTooltip", ctx_r0.revenueTrendTooltip())("tooltipPosition", "top");
|
|
3007
3009
|
i0.ɵɵadvance();
|
|
3008
3010
|
i0.ɵɵclassMap(ctx_r0.trendIconClass());
|
|
3009
|
-
i0.ɵɵadvance(
|
|
3011
|
+
i0.ɵɵadvance();
|
|
3012
|
+
i0.ɵɵattribute("d", ctx_r0.revenueTrendArrowPath());
|
|
3013
|
+
i0.ɵɵadvance();
|
|
3010
3014
|
i0.ɵɵclassMap(ctx_r0.trendValueClass());
|
|
3011
3015
|
i0.ɵɵadvance();
|
|
3012
3016
|
i0.ɵɵtextInterpolate1("", ctx_r0.formattedRevenueTrend(), "%");
|
|
@@ -3037,7 +3041,7 @@ function OverallAssessmentComponent_Conditional_1_Conditional_14_Conditional_0_T
|
|
|
3037
3041
|
i0.ɵɵtextInterpolate(ctx_r0.revenueMetric().description);
|
|
3038
3042
|
} }
|
|
3039
3043
|
function OverallAssessmentComponent_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
3040
|
-
i0.ɵɵconditionalCreate(0, OverallAssessmentComponent_Conditional_1_Conditional_14_Conditional_0_Template, 38,
|
|
3044
|
+
i0.ɵɵconditionalCreate(0, OverallAssessmentComponent_Conditional_1_Conditional_14_Conditional_0_Template, 38, 41, "div", 56);
|
|
3041
3045
|
i0.ɵɵelementStart(1, "div", 57)(2, "p", 35);
|
|
3042
3046
|
i0.ɵɵtext(3);
|
|
3043
3047
|
i0.ɵɵelementEnd()();
|
|
@@ -3283,13 +3287,59 @@ class OverallAssessmentComponent {
|
|
|
3283
3287
|
this.darkModeRevenueIconClass = computed(() => 'text-emerald-400', ...(ngDevMode ? [{ debugName: "darkModeRevenueIconClass" }] : []));
|
|
3284
3288
|
this.revenueIconClass = computed(() => this.isLightMode() ? this.lightModeRevenueIconClass() : this.darkModeRevenueIconClass(), ...(ngDevMode ? [{ debugName: "revenueIconClass" }] : []));
|
|
3285
3289
|
this.formattedRevenueValue = computed(() => this.formatRevenue(this.revenueMetric()?.currentValue || 0), ...(ngDevMode ? [{ debugName: "formattedRevenueValue" }] : []));
|
|
3286
|
-
//
|
|
3287
|
-
this.
|
|
3288
|
-
|
|
3290
|
+
// Revenue trend direction
|
|
3291
|
+
this.revenueTrendDirection = computed(() => {
|
|
3292
|
+
const metric = this.revenueMetric();
|
|
3293
|
+
if (!metric)
|
|
3294
|
+
return 'FLAT';
|
|
3295
|
+
const direction = metric.trendDirection;
|
|
3296
|
+
return direction || 'FLAT';
|
|
3297
|
+
}, ...(ngDevMode ? [{ debugName: "revenueTrendDirection" }] : []));
|
|
3298
|
+
// Check if revenue is positive or negative trend
|
|
3299
|
+
this.isRevenueTrendPositive = computed(() => {
|
|
3300
|
+
const direction = this.revenueTrendDirection();
|
|
3301
|
+
const metric = this.revenueMetric();
|
|
3302
|
+
if (!metric)
|
|
3303
|
+
return true;
|
|
3304
|
+
// Revenue is not an inverse metric, so UP = positive, DOWN = negative
|
|
3305
|
+
const isInverse = false;
|
|
3306
|
+
if (direction === 'UP')
|
|
3307
|
+
return !isInverse;
|
|
3308
|
+
if (direction === 'DOWN')
|
|
3309
|
+
return isInverse;
|
|
3310
|
+
return true; // FLAT is neutral, default to positive styling
|
|
3311
|
+
}, ...(ngDevMode ? [{ debugName: "isRevenueTrendPositive" }] : []));
|
|
3312
|
+
// Dynamic arrow SVG path based on trend direction
|
|
3313
|
+
this.revenueTrendArrowPath = computed(() => {
|
|
3314
|
+
const direction = this.revenueTrendDirection();
|
|
3315
|
+
if (direction === 'UP') {
|
|
3316
|
+
// Up arrow
|
|
3317
|
+
return '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';
|
|
3318
|
+
}
|
|
3319
|
+
else if (direction === 'DOWN') {
|
|
3320
|
+
// Down arrow
|
|
3321
|
+
return 'M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z';
|
|
3322
|
+
}
|
|
3323
|
+
else {
|
|
3324
|
+
// Horizontal arrow for FLAT
|
|
3325
|
+
return 'M3 10h11m0 0l-4-4m4 4l-4 4';
|
|
3326
|
+
}
|
|
3327
|
+
}, ...(ngDevMode ? [{ debugName: "revenueTrendArrowPath" }] : []));
|
|
3328
|
+
// Trend icon classes - dynamic based on trend direction
|
|
3329
|
+
this.lightModeTrendIconClass = computed(() => {
|
|
3330
|
+
return this.isRevenueTrendPositive() ? 'text-emerald-600' : 'text-red-600';
|
|
3331
|
+
}, ...(ngDevMode ? [{ debugName: "lightModeTrendIconClass" }] : []));
|
|
3332
|
+
this.darkModeTrendIconClass = computed(() => {
|
|
3333
|
+
return this.isRevenueTrendPositive() ? 'text-emerald-400' : 'text-red-400';
|
|
3334
|
+
}, ...(ngDevMode ? [{ debugName: "darkModeTrendIconClass" }] : []));
|
|
3289
3335
|
this.trendIconClass = computed(() => this.isLightMode() ? this.lightModeTrendIconClass() : this.darkModeTrendIconClass(), ...(ngDevMode ? [{ debugName: "trendIconClass" }] : []));
|
|
3290
|
-
// Trend value classes
|
|
3291
|
-
this.lightModeTrendValueClass = computed(() =>
|
|
3292
|
-
|
|
3336
|
+
// Trend value classes - dynamic based on trend direction
|
|
3337
|
+
this.lightModeTrendValueClass = computed(() => {
|
|
3338
|
+
return this.isRevenueTrendPositive() ? 'text-emerald-600' : 'text-red-600';
|
|
3339
|
+
}, ...(ngDevMode ? [{ debugName: "lightModeTrendValueClass" }] : []));
|
|
3340
|
+
this.darkModeTrendValueClass = computed(() => {
|
|
3341
|
+
return this.isRevenueTrendPositive() ? 'text-emerald-400' : 'text-red-400';
|
|
3342
|
+
}, ...(ngDevMode ? [{ debugName: "darkModeTrendValueClass" }] : []));
|
|
3293
3343
|
this.trendValueClass = computed(() => this.isLightMode() ? this.lightModeTrendValueClass() : this.darkModeTrendValueClass(), ...(ngDevMode ? [{ debugName: "trendValueClass" }] : []));
|
|
3294
3344
|
this.formattedRevenueTrend = computed(() => this.formatPercent(this.revenueMetric()?.trendPercent || 0), ...(ngDevMode ? [{ debugName: "formattedRevenueTrend" }] : []));
|
|
3295
3345
|
this.formattedRevenueTarget = computed(() => this.formatRevenue(this.revenueMetric()?.targetValue || 0), ...(ngDevMode ? [{ debugName: "formattedRevenueTarget" }] : []));
|
|
@@ -3615,7 +3665,7 @@ class OverallAssessmentComponent {
|
|
|
3615
3665
|
}
|
|
3616
3666
|
}
|
|
3617
3667
|
static { this.ɵfac = function OverallAssessmentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OverallAssessmentComponent)(); }; }
|
|
3618
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverallAssessmentComponent, selectors: [["symphiq-funnel-analysis-overall-assessment"]], inputs: { assessment: [1, "assessment"], revenueMetric: [1, "revenueMetric"], charts: [1, "charts"], metrics: [1, "metrics"], isLightMode: [1, "isLightMode"], isLoading: [1, "isLoading"], isCompactMode: [1, "isCompactMode"], isChartsLoading: [1, "isChartsLoading"] }, outputs: { scrollToSection: "scrollToSection" }, decls: 2, vars: 1, consts: [[1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "backdrop-blur-lg", 3, "class"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "transition-all", "duration-500", "hover:shadow-2xl", "group", "backdrop-blur-lg", 3, "class"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "backdrop-blur-lg"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1", "space-y-3"], [3, "width", "height", "isLightMode"], [1, "flex", "gap-3", "justify-end"], [1, "grid", "grid-cols-2", "gap-4"], [1, "space-y-2"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "transition-all", "duration-500", "hover:shadow-2xl", "group", "backdrop-blur-lg"], [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", "mb-2"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-3", "sm:gap-4", "w-full", "sm:w-auto", "justify-end"], ["tooltipType", "badge", 1, "flex-1", "sm:flex-initial", "transition-all", "duration-300", "hover:scale-110", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1"], [1, "text-3xl", "sm:text-4xl", "font-bold"], [1, "flex", "flex-wrap", "gap-4", "mb-6", "sm:mb-8"], [1, "mb-4", "sm:mb-6"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "sm:gap-6"], [1, "rounded-xl", "p-4", "sm:p-6", "border", "transition-all", "duration-300", "hover:scale-105", "hover:shadow-xl"], [1, "flex", "items-center", "gap-3", "mb-3"], [1, "w-8", "h-8", "sm:w-10", "sm:h-10", "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"], ["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"], [1, "text-xs", "sm:text-sm", "leading-relaxed"], ["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"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], ["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, "mt-6", "sm:mt-8"], [1, "flex-shrink-0", "rounded-xl", "p-6", "sm:p-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]", 3, "class"], [1, "flex-1", "min-w-[300px]", "rounded-xl", "p-4", "sm:p-6", "border", "transition-all", "duration-300", "hover:shadow-xl", "hover:scale-[1.01]", "group"], [1, "text-sm", "sm:text-base", "leading-relaxed"], [1, "flex-shrink-0", "rounded-xl", "p-6", "sm:p-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]"], [1, "w-10", "h-10", "sm:w-12", "sm:h-12", "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"], ["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", "uppercase", "tracking-wider"], ["tooltipType", "metric", 1, "text-2xl", "sm:text-3xl", "lg:text-4xl", "font-bold", "truncate", "transition-all", "duration-300", "hover:scale-105", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "flex-col", "gap-2", "mb-3"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "gap-2", "sm:gap-4"], ["tooltipType", "trend", 1, "flex", "items-center", "gap-2", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "flex-shrink-0"], ["fill-rule", "evenodd", "
|
|
3668
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverallAssessmentComponent, selectors: [["symphiq-funnel-analysis-overall-assessment"]], inputs: { assessment: [1, "assessment"], revenueMetric: [1, "revenueMetric"], charts: [1, "charts"], metrics: [1, "metrics"], isLightMode: [1, "isLightMode"], isLoading: [1, "isLoading"], isCompactMode: [1, "isCompactMode"], isChartsLoading: [1, "isChartsLoading"] }, outputs: { scrollToSection: "scrollToSection" }, decls: 2, vars: 1, consts: [[1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "backdrop-blur-lg", 3, "class"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "transition-all", "duration-500", "hover:shadow-2xl", "group", "backdrop-blur-lg", 3, "class"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "backdrop-blur-lg"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1", "space-y-3"], [3, "width", "height", "isLightMode"], [1, "flex", "gap-3", "justify-end"], [1, "grid", "grid-cols-2", "gap-4"], [1, "space-y-2"], [1, "rounded-2xl", "p-4", "sm:p-6", "lg:p-8", "border", "shadow-xl", "transition-all", "duration-500", "hover:shadow-2xl", "group", "backdrop-blur-lg"], [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", "mb-2"], [1, "text-sm", "sm:text-base"], [1, "flex", "items-center", "gap-3", "sm:gap-4", "w-full", "sm:w-auto", "justify-end"], ["tooltipType", "badge", 1, "flex-1", "sm:flex-initial", "transition-all", "duration-300", "hover:scale-110", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1"], [1, "text-3xl", "sm:text-4xl", "font-bold"], [1, "flex", "flex-wrap", "gap-4", "mb-6", "sm:mb-8"], [1, "mb-4", "sm:mb-6"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "sm:gap-6"], [1, "rounded-xl", "p-4", "sm:p-6", "border", "transition-all", "duration-300", "hover:scale-105", "hover:shadow-xl"], [1, "flex", "items-center", "gap-3", "mb-3"], [1, "w-8", "h-8", "sm:w-10", "sm:h-10", "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"], ["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"], [1, "text-xs", "sm:text-sm", "leading-relaxed"], ["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"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"], ["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, "mt-6", "sm:mt-8"], [1, "flex-shrink-0", "rounded-xl", "p-6", "sm:p-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]", 3, "class"], [1, "flex-1", "min-w-[300px]", "rounded-xl", "p-4", "sm:p-6", "border", "transition-all", "duration-300", "hover:shadow-xl", "hover:scale-[1.01]", "group"], [1, "text-sm", "sm:text-base", "leading-relaxed"], [1, "flex-shrink-0", "rounded-xl", "p-6", "sm:p-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]"], [1, "w-10", "h-10", "sm:w-12", "sm:h-12", "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"], ["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", "uppercase", "tracking-wider"], ["tooltipType", "metric", 1, "text-2xl", "sm:text-3xl", "lg:text-4xl", "font-bold", "truncate", "transition-all", "duration-300", "hover:scale-105", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "flex-col", "gap-2", "mb-3"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "gap-2", "sm:gap-4"], ["tooltipType", "trend", 1, "flex", "items-center", "gap-2", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "flex-shrink-0"], ["fill-rule", "evenodd", "clip-rule", "evenodd"], [1, "font-semibold", "text-base"], [1, "text-xs"], [1, "hidden", "sm:block", "h-6", "w-px", "bg-slate-600"], ["tooltipType", "status", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "font-semibold", "text-sm"], ["tooltipType", "status", 1, "flex", "items-center", "gap-2", 3, "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "status", 1, "inline-flex", "items-center", "gap-2", "px-3", "sm:px-4", "py-1.5", "sm:py-2", "rounded-lg", "font-bold", "text-base", "sm:text-lg", "transition-all", "duration-300", 3, "ngStyle", "libSymphiqTooltip", "tooltipPosition"], [1, "text-lg"], [1, "rounded-xl", "p-6", "sm:p-8", "mb-6", "sm:mb-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]", 3, "class"], [1, "rounded-xl", "p-4", "sm:p-6", "mb-4", "sm:mb-6", "border", "transition-all", "duration-300", "hover:shadow-xl", "hover:scale-[1.01]", "group"], [1, "rounded-xl", "p-6", "sm:p-8", "mb-6", "sm:mb-8", "border-2", "transition-all", "duration-500", "hover:scale-[1.01]"], [1, "flex", "flex-col", "md:flex-row", "items-start", "md:items-center", "gap-4", "md:gap-0"], [1, "flex-1", "w-full"], [1, "flex", "flex-col", "gap-2", "mt-4"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "sm:w-5", "sm:h-5", "flex-shrink-0"], [1, "font-semibold", "text-base", "sm:text-lg"], [1, "text-xs", "sm:text-sm"], [1, "font-semibold", "text-sm", "sm:text-base"], [1, "w-full", "md:w-auto", "md:text-right", "md:ml-4"], [1, "inline-flex", "items-center", "gap-2", "px-3", "sm:px-4", "py-1.5", "sm:py-2", "rounded-lg", "font-bold", "text-base", "sm:text-lg", "transition-all", "duration-300", 3, "ngStyle"], [1, "mt-2", "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-4"], [3, "chart", "isLightMode", "isCompactMode", "collapsibleIn", "isLoading"], [3, "chartClick", "chart", "isLightMode", "isCompactMode", "collapsibleIn", "isLoading"], [3, "scrollToCompetitive", "metrics", "isLightMode", "isCompactMode", "overallDescription", "competitiveBenchmark"]], template: function OverallAssessmentComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3619
3669
|
i0.ɵɵconditionalCreate(0, OverallAssessmentComponent_Conditional_0_Template, 12, 15, "div", 0)(1, OverallAssessmentComponent_Conditional_1_Template, 54, 63, "div", 1);
|
|
3620
3670
|
} if (rf & 2) {
|
|
3621
3671
|
i0.ɵɵconditional(ctx.isLoading() ? 0 : 1);
|
|
@@ -3703,7 +3753,7 @@ class OverallAssessmentComponent {
|
|
|
3703
3753
|
tooltipType="trend"
|
|
3704
3754
|
[tooltipPosition]="'top'">
|
|
3705
3755
|
<svg [class]="trendIconClass()" class="w-4 h-4 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
3706
|
-
<path fill-rule="evenodd" d="
|
|
3756
|
+
<path fill-rule="evenodd" [attr.d]="revenueTrendArrowPath()" clip-rule="evenodd" />
|
|
3707
3757
|
</svg>
|
|
3708
3758
|
<span [class]="trendValueClass()" class="font-semibold text-base">{{ formattedRevenueTrend() }}%</span>
|
|
3709
3759
|
<span [class]="badgeLabelClass()" class="text-xs">vs last year</span>
|
|
@@ -3777,7 +3827,7 @@ class OverallAssessmentComponent {
|
|
|
3777
3827
|
tooltipType="trend"
|
|
3778
3828
|
[tooltipPosition]="'top'">
|
|
3779
3829
|
<svg [class]="trendIconClass()" class="w-4 h-4 sm:w-5 sm:h-5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
3780
|
-
<path fill-rule="evenodd" d="
|
|
3830
|
+
<path fill-rule="evenodd" [attr.d]="revenueTrendArrowPath()" clip-rule="evenodd" />
|
|
3781
3831
|
</svg>
|
|
3782
3832
|
<span [class]="trendValueClass()" class="font-semibold text-base sm:text-lg">{{ formattedRevenueTrend() }}%</span>
|
|
3783
3833
|
<span [class]="badgeLabelClass()" class="text-xs sm:text-sm">vs last year</span>
|