@eric-emg/symphiq-components 1.3.97 → 1.3.99
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.
|
@@ -116148,6 +116148,9 @@ class JourneyCompletedWelcomeBannerComponent {
|
|
|
116148
116148
|
{ id: JourneyStepIdEnum.CONNECT_GA4, title: 'Connected GA4', icon: 'chart', completed: true },
|
|
116149
116149
|
{ id: JourneyStepIdEnum.REVENUE_CALCULATOR, title: 'Revenue Targets', icon: 'calculator', completed: true },
|
|
116150
116150
|
{ id: JourneyStepIdEnum.FUNNEL_ANALYSIS, title: 'Funnel Analysis', icon: 'funnel', completed: true },
|
|
116151
|
+
{ id: JourneyStepIdEnum.SHOP_ANALYSIS, title: 'Shop Analysis', icon: 'shop', completed: true },
|
|
116152
|
+
{ id: JourneyStepIdEnum.FOCUS_AREA_ANALYSIS, title: 'Focus Area Analyses', icon: 'focus', completed: true },
|
|
116153
|
+
{ id: JourneyStepIdEnum.METRIC_ANALYSIS, title: 'Metric Analyses', icon: 'metric', completed: true },
|
|
116151
116154
|
{ id: JourneyStepIdEnum.UNIFIED_ANALYSIS, title: 'Unified Goals', icon: 'target', completed: true }
|
|
116152
116155
|
];
|
|
116153
116156
|
}, ...(ngDevMode ? [{ debugName: "journeyMilestones" }] : []));
|
|
@@ -116246,7 +116249,7 @@ class JourneyCompletedWelcomeBannerComponent {
|
|
|
116246
116249
|
return this.isDark() ? 'text-slate-400' : 'text-slate-500';
|
|
116247
116250
|
}
|
|
116248
116251
|
static { this.ɵfac = function JourneyCompletedWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || JourneyCompletedWelcomeBannerComponent)(); }; }
|
|
116249
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JourneyCompletedWelcomeBannerComponent, selectors: [["symphiq-journey-completed-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], businessGoals: [1, "businessGoals"] }, decls: 37, vars: 14, consts: [[1, "rounded-3xl", "border-2", "shadow-2xl", "overflow-hidden", "animate-celebrate-glow", 3, "ngClass"], [1, "px-8", "py-10", "relative", "overflow-hidden", 3, "ngClass"], [1, "absolute", "inset-0", "animate-shimmer", "pointer-events-none"], [1, "relative", "z-10"], [1, "flex", "items-start", "gap-8"], [1, "flex-shrink-0", "w-24", "h-24", "rounded-3xl", "flex", "items-center", "justify-center", "animate-float", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-14", "h-14"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "flex", "items-center", "gap-3", "mb-2"], [1, "inline-flex", "items-center", "gap-1.5", "px-3", "py-1", "rounded-full", "text-xs", "font-bold", "uppercase", "tracking-wider", "animate-pulse-badge", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "text-3xl", "sm:text-4xl", "font-extrabold", "mb-4", 3, "ngClass"], [1, "text-xl", "mb-6", "leading-relaxed", 3, "ngClass"], [1, "p-6", "rounded-2xl", "mb-6", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-4", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"], [1, "grid", "grid-cols-2", "sm:grid-cols-
|
|
116252
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JourneyCompletedWelcomeBannerComponent, selectors: [["symphiq-journey-completed-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], businessGoals: [1, "businessGoals"] }, decls: 37, vars: 14, consts: [[1, "rounded-3xl", "border-2", "shadow-2xl", "overflow-hidden", "animate-celebrate-glow", 3, "ngClass"], [1, "px-8", "py-10", "relative", "overflow-hidden", 3, "ngClass"], [1, "absolute", "inset-0", "animate-shimmer", "pointer-events-none"], [1, "relative", "z-10"], [1, "flex", "items-start", "gap-8"], [1, "flex-shrink-0", "w-24", "h-24", "rounded-3xl", "flex", "items-center", "justify-center", "animate-float", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-14", "h-14"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "flex", "items-center", "gap-3", "mb-2"], [1, "inline-flex", "items-center", "gap-1.5", "px-3", "py-1", "rounded-full", "text-xs", "font-bold", "uppercase", "tracking-wider", "animate-pulse-badge", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "text-3xl", "sm:text-4xl", "font-extrabold", "mb-4", 3, "ngClass"], [1, "text-xl", "mb-6", "leading-relaxed", 3, "ngClass"], [1, "p-6", "rounded-2xl", "mb-6", 3, "ngClass"], [1, "text-lg", "font-bold", "mb-4", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"], [1, "grid", "grid-cols-2", "sm:grid-cols-4", "lg:grid-cols-4", "gap-3"], [1, "p-3", "rounded-xl", "flex", "flex-col", "items-center", "text-center", "gap-2", "transition-all", "duration-200", 3, "ngClass"], [1, "p-6", "rounded-2xl", 3, "ngClass"], [1, "flex", "items-center", "gap-4"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 24 24", 1, "w-10", "h-10"], ["d", "M12 2C9.38 2 7.25 4.13 7.25 6.75c0 .74.18 1.44.5 2.07L4.5 12.5C3.56 13.44 3 14.72 3 16.08V22h18v-5.92c0-1.36-.56-2.64-1.5-3.58l-3.25-3.68c.32-.63.5-1.33.5-2.07C16.75 4.13 14.62 2 12 2zm0 2c1.52 0 2.75 1.23 2.75 2.75S13.52 9.5 12 9.5s-2.75-1.23-2.75-2.75S10.48 4 12 4zm0 7.5c.69 0 1.32-.18 1.89-.47l3.36 3.8c.47.47.75 1.11.75 1.79V20H6v-3.38c0-.68.28-1.32.75-1.79l3.36-3.8c.57.29 1.2.47 1.89.47z"], [1, "text-lg", "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", 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, "grid", "grid-cols-2", "sm:grid-cols-4", "gap-4"], [1, "p-4", "rounded-xl", "text-center", 3, "ngClass"], [1, "text-3xl", "font-extrabold", "mb-1", 3, "ngClass"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-3xl", "font-extrabold", "mb-1", "text-emerald-600"], [1, "text-sm", "font-medium", "text-emerald-700"], [1, "text-3xl", "font-extrabold", "mb-1", "text-amber-600"], [1, "text-sm", "font-medium", "text-amber-700"], [1, "text-3xl", "font-extrabold", "mb-1", "text-slate-500"], [1, "text-sm", "font-medium", "text-slate-600"], [1, "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5"], [1, "text-xs", "font-medium", "leading-tight", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"]], template: function JourneyCompletedWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
116250
116253
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
116251
116254
|
i0.ɵɵelement(2, "div", 2);
|
|
116252
116255
|
i0.ɵɵelementStart(3, "div", 3)(4, "div", 4)(5, "div", 5);
|
|
@@ -116323,7 +116326,7 @@ class JourneyCompletedWelcomeBannerComponent {
|
|
|
116323
116326
|
i0.ɵɵproperty("ngClass", ctx.achievementTitleClasses());
|
|
116324
116327
|
i0.ɵɵadvance(2);
|
|
116325
116328
|
i0.ɵɵproperty("ngClass", ctx.achievementTextClasses());
|
|
116326
|
-
} }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_celebrateGlow{0%,to{box-shadow:0 0 30px #3b82f64d,0 0 60px #06b6d433}50%{box-shadow:0 0 50px 10px #3b82f680,0 0 100px 20px #06b6d44d}}.animate-celebrate-glow[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_celebrateGlow
|
|
116329
|
+
} }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_celebrateGlow{0%,to{box-shadow:0 0 30px #3b82f64d,0 0 60px #06b6d433}50%{box-shadow:0 0 50px 10px #3b82f680,0 0 100px 20px #06b6d44d}}.animate-celebrate-glow[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_celebrateGlow 9s ease-in-out infinite}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_float 9s ease-in-out infinite}@keyframes _ngcontent-%COMP%_shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer[_ngcontent-%COMP%]{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:200% 100%;animation:_ngcontent-%COMP%_shimmer 6s infinite}@keyframes _ngcontent-%COMP%_pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-pulse-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-badge 6s ease-in-out infinite}"], changeDetection: 0 }); }
|
|
116327
116330
|
}
|
|
116328
116331
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JourneyCompletedWelcomeBannerComponent, [{
|
|
116329
116332
|
type: Component,
|
|
@@ -116405,7 +116408,7 @@ class JourneyCompletedWelcomeBannerComponent {
|
|
|
116405
116408
|
Journey Milestones Achieved
|
|
116406
116409
|
</h3>
|
|
116407
116410
|
|
|
116408
|
-
<div class="grid grid-cols-2 sm:grid-cols-
|
|
116411
|
+
<div class="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-4 gap-3">
|
|
116409
116412
|
@for (milestone of journeyMilestones(); track milestone.id) {
|
|
116410
116413
|
<div [ngClass]="getMilestoneClasses(milestone.completed)" class="p-3 rounded-xl flex flex-col items-center text-center gap-2 transition-all duration-200">
|
|
116411
116414
|
<div [ngClass]="getMilestoneIconClasses(milestone.completed)" class="w-10 h-10 rounded-full flex items-center justify-center">
|
|
@@ -116447,7 +116450,7 @@ class JourneyCompletedWelcomeBannerComponent {
|
|
|
116447
116450
|
</div>
|
|
116448
116451
|
</div>
|
|
116449
116452
|
</div>
|
|
116450
|
-
`, styles: ["@keyframes celebrateGlow{0%,to{box-shadow:0 0 30px #3b82f64d,0 0 60px #06b6d433}50%{box-shadow:0 0 50px 10px #3b82f680,0 0 100px 20px #06b6d44d}}.animate-celebrate-glow{animation:celebrateGlow
|
|
116453
|
+
`, styles: ["@keyframes celebrateGlow{0%,to{box-shadow:0 0 30px #3b82f64d,0 0 60px #06b6d433}50%{box-shadow:0 0 50px 10px #3b82f680,0 0 100px 20px #06b6d44d}}.animate-celebrate-glow{animation:celebrateGlow 9s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 9s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:200% 100%;animation:shimmer 6s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-pulse-badge{animation:pulse-badge 6s ease-in-out infinite}\n"] }]
|
|
116451
116454
|
}], () => [], { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], businessGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessGoals", required: false }] }] }); })();
|
|
116452
116455
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JourneyCompletedWelcomeBannerComponent, { className: "JourneyCompletedWelcomeBannerComponent", filePath: "lib/components/journey-completed-dashboard/journey-completed-welcome-banner.component.ts", lineNumber: 194 }); })();
|
|
116453
116456
|
|