@eric-emg/symphiq-components 1.2.558 → 1.2.559
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 +355 -403
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +39 -49
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -46913,7 +46913,7 @@ class DashboardHeaderComponent {
|
|
|
46913
46913
|
this.hasCondensedLeftContent = input(false, ...(ngDevMode ? [{ debugName: "hasCondensedLeftContent" }] : []));
|
|
46914
46914
|
this.size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
46915
46915
|
this.embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
|
|
46916
|
-
this.
|
|
46916
|
+
this.scrollEvent = input.required(...(ngDevMode ? [{ debugName: "scrollEvent" }] : []));
|
|
46917
46917
|
this.searchClick = output();
|
|
46918
46918
|
this.viewModeClick = output();
|
|
46919
46919
|
this.headerScrollService = inject(HeaderScrollService);
|
|
@@ -46934,9 +46934,9 @@ class DashboardHeaderComponent {
|
|
|
46934
46934
|
this.headerTitleClass = computed(() => this.isLightMode() ? 'text-slate-900' : 'text-white', ...(ngDevMode ? [{ debugName: "headerTitleClass" }] : []));
|
|
46935
46935
|
this.metaLabelClass = computed(() => this.isLightMode() ? 'text-slate-600' : 'text-slate-500', ...(ngDevMode ? [{ debugName: "metaLabelClass" }] : []));
|
|
46936
46936
|
effect(() => {
|
|
46937
|
-
const
|
|
46938
|
-
if (
|
|
46939
|
-
const scrollTop =
|
|
46937
|
+
const event = this.scrollEvent();
|
|
46938
|
+
if (event) {
|
|
46939
|
+
const scrollTop = event.detail.scrollTop;
|
|
46940
46940
|
if (scrollTop > this.COLLAPSE_THRESHOLD) {
|
|
46941
46941
|
this.headerScrollService.isScrolled.set(true);
|
|
46942
46942
|
}
|
|
@@ -46944,10 +46944,19 @@ class DashboardHeaderComponent {
|
|
|
46944
46944
|
});
|
|
46945
46945
|
}
|
|
46946
46946
|
ngOnInit() {
|
|
46947
|
-
const
|
|
46948
|
-
if (
|
|
46947
|
+
const event = this.scrollEvent();
|
|
46948
|
+
if (event && event.detail.scrollTop > this.COLLAPSE_THRESHOLD) {
|
|
46949
46949
|
this.headerScrollService.isScrolled.set(true);
|
|
46950
46950
|
}
|
|
46951
|
+
else if (!this.embedded()) {
|
|
46952
|
+
const scrollTop = document.documentElement.scrollTop;
|
|
46953
|
+
if (scrollTop > this.COLLAPSE_THRESHOLD) {
|
|
46954
|
+
this.headerScrollService.isScrolled.set(true);
|
|
46955
|
+
}
|
|
46956
|
+
else {
|
|
46957
|
+
this.headerScrollService.resetState();
|
|
46958
|
+
}
|
|
46959
|
+
}
|
|
46951
46960
|
else {
|
|
46952
46961
|
this.headerScrollService.resetState();
|
|
46953
46962
|
}
|
|
@@ -47022,7 +47031,7 @@ class DashboardHeaderComponent {
|
|
|
47022
47031
|
: 'bg-slate-800 hover:bg-slate-700 text-slate-300 border border-slate-700';
|
|
47023
47032
|
}
|
|
47024
47033
|
static { this.ɵfac = function DashboardHeaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardHeaderComponent)(); }; }
|
|
47025
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardHeaderComponent, selectors: [["symphiq-dashboard-header"]], inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], viewModeLabel: [1, "viewModeLabel"], currentSection: [1, "currentSection"], currentSubsection: [1, "currentSubsection"], sectionFading: [1, "sectionFading"], subsectionFading: [1, "subsectionFading"], isLoading: [1, "isLoading"], showControls: [1, "showControls"], hasCondensedLeftContent: [1, "hasCondensedLeftContent"], size: [1, "size"], embedded: [1, "embedded"],
|
|
47034
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardHeaderComponent, selectors: [["symphiq-dashboard-header"]], inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], viewModeLabel: [1, "viewModeLabel"], currentSection: [1, "currentSection"], currentSubsection: [1, "currentSubsection"], sectionFading: [1, "sectionFading"], subsectionFading: [1, "subsectionFading"], isLoading: [1, "isLoading"], showControls: [1, "showControls"], hasCondensedLeftContent: [1, "hasCondensedLeftContent"], size: [1, "size"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"] }, outputs: { searchClick: "searchClick", viewModeClick: "viewModeClick" }, ngContentSelectors: _c1$j, decls: 28, vars: 27, consts: [[1, "sticky", "top-0", "z-50", "overflow-hidden", 2, "transition", "height 300ms ease-in-out", 3, "ngClass"], [1, "transition-opacity", "duration-300", "ease-in-out", "h-full"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4", "h-full", "flex", "items-center"], [1, "flex", "items-center", "justify-between", "w-full"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-3", "min-w-0"], [1, "truncate", 3, "mouseenter", "mouseleave", "ngClass"], ["title", "Refreshing data...", 1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "sm:gap-4"], [3, "ngClass"], [1, "flex", "items-center", "gap-4"], [1, "flex", "flex-col", "gap-1", "min-w-[180px]"], [1, "absolute", "inset-x-0", "top-0", "h-full", "transition-opacity", "duration-300", "ease-in-out"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "h-full", "flex", "items-center"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0", "mr-4"], [1, "flex-shrink-0", "!mb-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [3, "searchClick", "isLightMode"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], [1, "text-left", "sm:text-right"], [1, "text-xs"], [1, "text-sm", "font-medium"], [1, "hidden", "sm:inline", 3, "ngClass"], [1, "hidden", "sm:block", "truncate", "min-w-0", 3, "ngClass"], [1, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], ["type", "button", 1, "cursor-pointer", "flex", "items-center", "gap-2", "px-2", "py-1.5", "rounded-lg", "text-xs", "font-medium", "transition-all", "duration-200", "hover:scale-105", 3, "click", "ngClass"]], template: function DashboardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
|
|
47026
47035
|
i0.ɵɵprojectionDef(_c0$I);
|
|
47027
47036
|
i0.ɵɵelementStart(0, "header", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5)(6, "h1", 6);
|
|
47028
47037
|
i0.ɵɵlistener("mouseenter", function DashboardHeaderComponent_Template_h1_mouseenter_6_listener($event) { return ctx.onTitleMouseEnter($event); })("mouseleave", function DashboardHeaderComponent_Template_h1_mouseleave_6_listener() { return ctx.onTitleMouseLeave(); });
|
|
@@ -47216,8 +47225,8 @@ class DashboardHeaderComponent {
|
|
|
47216
47225
|
</header>
|
|
47217
47226
|
`
|
|
47218
47227
|
}]
|
|
47219
|
-
}], () => [], { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewModeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewModeLabel", required: false }] }], currentSection: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSection", required: false }] }], currentSubsection: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSubsection", required: false }] }], sectionFading: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionFading", required: false }] }], subsectionFading: [{ type: i0.Input, args: [{ isSignal: true, alias: "subsectionFading", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], showControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "showControls", required: false }] }], hasCondensedLeftContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCondensedLeftContent", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }],
|
|
47220
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardHeaderComponent, { className: "DashboardHeaderComponent", filePath: "lib/components/shared/dashboard-header.component.ts", lineNumber:
|
|
47228
|
+
}], () => [], { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], viewModeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewModeLabel", required: false }] }], currentSection: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSection", required: false }] }], currentSubsection: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSubsection", required: false }] }], sectionFading: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionFading", required: false }] }], subsectionFading: [{ type: i0.Input, args: [{ isSignal: true, alias: "subsectionFading", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], showControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "showControls", required: false }] }], hasCondensedLeftContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCondensedLeftContent", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: true }] }], searchClick: [{ type: i0.Output, args: ["searchClick"] }], viewModeClick: [{ type: i0.Output, args: ["viewModeClick"] }] }); })();
|
|
47229
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardHeaderComponent, { className: "DashboardHeaderComponent", filePath: "lib/components/shared/dashboard-header.component.ts", lineNumber: 141 }); })();
|
|
47221
47230
|
|
|
47222
47231
|
class ScrollProgressBarComponent {
|
|
47223
47232
|
constructor() {
|
|
@@ -49565,7 +49574,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
49565
49574
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardContainer = _t.first);
|
|
49566
49575
|
} }, hostBindings: function SymphiqFunnelAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
49567
49576
|
i0.ɵɵlistener("scroll", function SymphiqFunnelAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
49568
|
-
} }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], businessProfile: [1, "businessProfile"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 27, vars: 57, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "hasCondensedLeftContent", "embedded", "scrollElement"], ["expandedControls", ""], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], ["condensedLeftContent", ""], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["condensedControls", ""], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [3, "sections", "viewMode", "embedded", "scrollElement"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-4"], [1, "flex", "items-center", "justify-center", "min-h-[60vh]"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", 3, "pb-32"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts", "currencySymbol", "businessProfile"], [3, "isLightMode", "allMetrics"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "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", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "click", "libSymphiqTooltip", "tooltipPosition", "ngClass"], ["size", "large", 3, "viewMode"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], [1, "mb-8"], [3, "viewMode", "isOnboarded", "analysisDate"], ["id", "section-insights", 1, "mb-8"], [3, "viewMode"], ["slot", "overall-performance"], [1, "p-6"], ["slot", "performance-metrics"], [1, "p-6", "space-y-8"], ["slot", "performance-breakdowns"], ["slot", "competitive-intelligence"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "flex", "items-center", "gap-3"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode", "isLoading"], [3, "width", "height", "isLightMode"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [1, "w-full"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "mt-4"], [3, "breakdown", "charts", "isLightMode", "isLoading", "isCompactMode", "currencySymbol"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark", "currencySymbol"], ["id", "section-overall", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [1, "space-y-6"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], ["animationDelay", "0.15s", 3, "viewMode"], ["id", "section-insights", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "section-metrics", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["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, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 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, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mt-28", "sm:mt-36"], ["id", "section-breakdowns", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6", 3, "animate-content-change", "transition-opacity-slow"], ["animationDelay", "0.65s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [3, "breakdown", "charts", "isLightMode", "isCompactMode", "currencySymbol"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["id", "section-competitive", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], ["animationDelay", "0.85s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
49577
|
+
} }, inputs: { requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], funnelAnalysis: [1, "funnelAnalysis"], businessProfile: [1, "businessProfile"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 27, vars: 57, consts: [["dashboardContainer", ""], [1, "bg-transparent"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "hasCondensedLeftContent", "embedded", "scrollEvent"], ["expandedControls", ""], [1, "flex", "items-center", "gap-2", "sm:gap-3", "whitespace-nowrap"], ["condensedLeftContent", ""], [1, "hidden", "lg:flex", "items-center", "gap-3", "px-4", "py-1.5", "rounded-lg", 3, "ngClass"], ["condensedControls", ""], [1, "sticky", "top-[var(--header-height)]", "z-40", "border-b", "backdrop-blur-md", "animate-slide-up-fade", 3, "ngClass"], [3, "sections", "viewMode", "embedded", "scrollElement"], [1, "fixed", "right-6", "top-1/2", "-translate-y-1/2", "z-40", "hidden", "xl:flex", "flex-col", "gap-4"], [1, "flex", "items-center", "justify-center", "min-h-[60vh]"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", 3, "pb-32"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts", "currencySymbol", "businessProfile"], [3, "isLightMode", "allMetrics"], [3, "isLightMode"], [3, "resultSelected", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "text-xs", "sm:text-sm", "font-medium"], [3, "click", "mousedown", "pointerdown"], [1, "px-3", "sm:px-4", "py-1.5", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "text-xs", "font-medium"], [1, "text-sm", "font-bold"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "px-3", "py-1.5", "rounded-lg", "text-xs", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-colors", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8", "py-3"], [1, "flex", "items-center", "justify-between", "gap-4"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-sm", "font-semibold", "truncate", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-medium", "uppercase", "border", "flex-shrink-0", 3, "ngClass"], ["title", "Clear search", 1, "p-2", "rounded-lg", "transition-colors", "flex-shrink-0", 3, "click", "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", "M6 18L18 6M6 6l12 12"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "libSymphiqTooltip", "tooltipPosition", "ngClass"], [1, "w-3", "h-3", "rounded-full", "transition-all", "duration-200", "hover:scale-150", "active:scale-100", "cursor-pointer", 3, "click", "libSymphiqTooltip", "tooltipPosition", "ngClass"], ["size", "large", 3, "viewMode"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-6", "sm:px-8"], [1, "pt-8", "sm:pt-12", "pb-16", "sm:pb-24"], [1, "mb-8"], [3, "viewMode", "isOnboarded", "analysisDate"], ["id", "section-insights", 1, "mb-8"], [3, "viewMode"], ["slot", "overall-performance"], [1, "p-6"], ["slot", "performance-metrics"], [1, "p-6", "space-y-8"], ["slot", "performance-breakdowns"], ["slot", "competitive-intelligence"], [1, "flex", "items-center", "justify-between", "mb-6"], [1, "flex", "items-center", "gap-3"], [1, "pl-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "text-xl", "sm:text-2xl", "font-bold"], [1, "text-xs", "sm:text-sm"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode", "isLoading"], [3, "width", "height", "isLightMode"], [3, "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [3, "scrollToSection", "assessment", "revenueMetric", "charts", "metrics", "isLightMode", "isLoading", "isCompactMode", "isChartsLoading", "strengths", "weaknesses", "currencySymbol"], [1, "w-full"], [3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "mt-4"], [3, "breakdown", "charts", "isLightMode", "isLoading", "isCompactMode", "currencySymbol"], [3, "metrics", "allCharts", "isLightMode", "isCompactMode", "competitiveBenchmark", "currencySymbol"], ["id", "section-overall", 1, "animate-fade-in-up", "mb-20", "sm:mb-28", 2, "animation-delay", "0.1s"], [1, "rounded-xl", "border", "p-6", "sm:p-8", "animate-pulse", 3, "ngClass"], [1, "space-y-6"], [1, "flex-1", "space-y-2"], [1, "space-y-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4", "mt-6"], ["animationDelay", "0.15s", 3, "viewMode"], ["id", "section-insights", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at center, black 0%, transparent 70%)", 3, "ngClass"], [1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.2s"], [1, "masonry-grid"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[280px]", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "mt-6", "space-y-2"], [1, "flex", "gap-2", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [3, "insight", "allMetrics", "charts", "allCharts", "allBusinessInsights", "isLightMode", "viewMode", "isCompactMode"], [1, "animate-fade-in-up", 3, "animation-delay", "libSymphiqSearchHighlight", "highlightId"], [1, "relative", "mb-14", "sm:mb-24", "mt-24", "sm:mt-32", "animate-fade-in", 2, "animation-delay", "0.35s"], ["id", "section-metrics", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at top right, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.4s"], [1, "flex", "items-center", "justify-between"], ["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, "hidden", "sm:flex", "gap-2", "sm:gap-3", "items-center", "relative"], [1, "absolute", "-right-2", "top-1/2", "-translate-y-1/2", "z-10"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-transparent", "transition-all", "duration-200", "cursor-pointer", 3, "ngModelChange", "ngModel"], [1, "px-3", "sm:px-4", "py-2", "rounded-lg", "text-xs", "sm:text-sm", "font-medium", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "transition-all", "flex", "items-center", "gap-2", "cursor-pointer", "hover:scale-105", "active:scale-95", 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, "sm:hidden", "-mx-6", "px-6"], [1, "flex", "gap-2", "overflow-x-auto", "pb-2", "snap-x", "snap-mandatory", "scrollbar-hide"], [1, "space-y-8", "sm:space-y-10"], [1, "space-y-8", "sm:space-y-10", 3, "animate-content-change", "transition-opacity-slow"], ["aria-hidden", "true", 1, "absolute", "inset-0", "flex", "items-center"], [1, "w-full", "h-px", "bg-gradient-to-r", 3, "ngClass"], [1, "relative", "flex", "justify-center"], [1, "px-4", "py-2", "rounded-full", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], [1, "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full", "animate-spin"], ["disabled", "", 1, "font-semibold", 3, "value"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "ngClass", "opacity-70"], [1, "px-4", "py-2", "rounded-full", "text-xs", "font-medium", "whitespace-nowrap", "transition-all", "duration-200", "flex-shrink-0", "snap-start", "active:scale-95", 3, "click", "ngClass"], [1, "rounded-xl", "border", "p-6", "animate-pulse", 3, "ngClass"], [1, "flex", "items-center", "justify-between", "mb-4"], [1, "grid", "grid-cols-2", "md:grid-cols-4", "gap-4", "mt-6"], [1, "rounded-xl", "p-12", "border", "text-center", "animate-fade-in", 3, "ngClass"], [1, "w-full", "animate-fade-in-up", 3, "libSymphiqSearchHighlight", "highlightId"], [1, "bento-grid", "mt-4"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-3", "sm:gap-4", "mt-4"], [1, "animate-fade-in-up", 3, "class", "animation-delay"], [1, "animate-fade-in-up"], [1, "h-full", 3, "metric", "insights", "charts", "allCharts", "analysis", "isLightMode", "viewMode", "isCompactMode", "currencySymbol"], [1, "animate-fade-in-up", 3, "animation-delay"], [1, "rounded-xl", "border", "p-6", "animate-pulse", "min-h-[240px]", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mt-4"], [1, "mt-4"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mt-28", "sm:mt-36"], ["id", "section-breakdowns", 1, "relative"], [1, "absolute", "inset-0", "-mx-6", "sm:-mx-8", "-mt-8", "rounded-3xl", "opacity-30", "backdrop-blur-sm", 2, "mask-image", "radial-gradient(ellipse at bottom left, black 0%, transparent 70%)", 3, "ngClass"], [1, "flex", "flex-col", "sm:flex-row", "sm:items-center", "justify-between", "gap-4", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.7s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], [1, "relative", "inline-block", 3, "click", "mousedown", "pointerdown"], [1, "px-3", "py-2", "text-sm", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "focus:ring-2", "focus:ring-blue-500", "focus:outline-none", 3, "ngModelChange", "ngModel", "ngClass"], [1, "space-y-6", 3, "animate-content-change", "transition-opacity-slow"], ["animationDelay", "0.65s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-purple-500/30", "border-t-purple-500", "rounded-full", "animate-spin"], [1, "space-y-3"], [1, "flex", "items-center", "justify-between", "p-3", "rounded-lg", 3, "ngClass"], [3, "breakdown", "charts", "isLightMode", "isCompactMode", "currencySymbol"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["id", "section-competitive", 1, "relative"], [1, "flex", "items-center", "justify-between", "mb-6", "sm:mb-8", "animate-fade-in", 2, "animation-delay", "0.9s"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "hidden", "sm:block", "relative"], ["animationDelay", "0.85s", 3, "viewMode"], [1, "w-4", "h-4", "border-2", "border-indigo-500/30", "border-t-indigo-500", "rounded-full", "animate-spin"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4", "mt-6"]], template: function SymphiqFunnelAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
49569
49578
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
49570
49579
|
i0.ɵɵelementStart(0, "div", 1, 0);
|
|
49571
49580
|
i0.ɵɵelement(2, "div", 2)(3, "symphiq-scroll-progress-bar", 3);
|
|
@@ -49611,7 +49620,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
49611
49620
|
i0.ɵɵadvance();
|
|
49612
49621
|
i0.ɵɵproperty("viewMode", ctx.isLightMode() ? ctx.ViewModeEnum.LIGHT : ctx.ViewModeEnum.DARK)("progress", ctx.scrollProgress())("embedded", ctx.embedded());
|
|
49613
49622
|
i0.ɵɵadvance();
|
|
49614
|
-
i0.ɵɵproperty("title", ((tmp_9_0 = ctx.analysisData()) == null ? null : tmp_9_0.title) || "")("subtitle", "Revenue Orchestration & Funnel Analysis")("viewMode", ctx.isLightMode() ? ctx.ViewModeEnum.LIGHT : ctx.ViewModeEnum.DARK)("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading() && !ctx.isShowingLoader())("requestedByUser", ctx.requestedByUser())("createdDate", ctx.analysisCreatedDate())("showControls", true)("hasCondensedLeftContent", !!ctx.revenueMetric())("embedded", ctx.embedded())("
|
|
49623
|
+
i0.ɵɵproperty("title", ((tmp_9_0 = ctx.analysisData()) == null ? null : tmp_9_0.title) || "")("subtitle", "Revenue Orchestration & Funnel Analysis")("viewMode", ctx.isLightMode() ? ctx.ViewModeEnum.LIGHT : ctx.ViewModeEnum.DARK)("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading() && !ctx.isShowingLoader())("requestedByUser", ctx.requestedByUser())("createdDate", ctx.analysisCreatedDate())("showControls", true)("hasCondensedLeftContent", !!ctx.revenueMetric())("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
|
|
49615
49624
|
i0.ɵɵadvance(2);
|
|
49616
49625
|
i0.ɵɵconditional(!ctx.isSimplifiedView() ? 6 : -1);
|
|
49617
49626
|
i0.ɵɵadvance(2);
|
|
@@ -49728,7 +49737,7 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
49728
49737
|
[showControls]="true"
|
|
49729
49738
|
[hasCondensedLeftContent]="!!revenueMetric()"
|
|
49730
49739
|
[embedded]="embedded()"
|
|
49731
|
-
[
|
|
49740
|
+
[scrollEvent]="scrollEvent()"
|
|
49732
49741
|
(searchClick)="searchService.openSearch()"
|
|
49733
49742
|
(viewModeClick)="openViewModeSwitcher()"
|
|
49734
49743
|
>
|
|
@@ -51953,7 +51962,7 @@ class SymphiqWelcomeDashboardComponent {
|
|
|
51953
51962
|
static { this.ɵfac = function SymphiqWelcomeDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqWelcomeDashboardComponent)(); }; }
|
|
51954
51963
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqWelcomeDashboardComponent, selectors: [["symphiq-welcome-dashboard"]], hostBindings: function SymphiqWelcomeDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
51955
51964
|
i0.ɵɵlistener("scroll", function SymphiqWelcomeDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
51956
|
-
} }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 59, vars: 34, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "size", "embedded", "
|
|
51965
|
+
} }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 59, vars: 34, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "size", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], [3, "viewMode", "currentStepId"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["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, "font-bold", "text-lg", "mb-3", 3, "ngClass"], [1, "space-y-3", "text-sm", 3, "ngClass"], [1, "flex", "flex-col"], [1, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "font-bold", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "flex-shrink-0", "w-6", "h-6", "rounded-full", "bg-blue-100", "dark:bg-blue-900/30", "flex", "items-center", "justify-center"], [1, "text-xs", "font-bold", "text-blue-600", "dark:text-blue-400"], [1, "text-xs", "opacity-90", "ml-9"]], template: function SymphiqWelcomeDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
51957
51966
|
i0.ɵɵelementStart(0, "div", 0);
|
|
51958
51967
|
i0.ɵɵelement(1, "symphiq-scroll-progress-bar", 1)(2, "div", 2);
|
|
51959
51968
|
i0.ɵɵelementStart(3, "div", 3);
|
|
@@ -52032,7 +52041,7 @@ class SymphiqWelcomeDashboardComponent {
|
|
|
52032
52041
|
i0.ɵɵadvance();
|
|
52033
52042
|
i0.ɵɵclassProp("light-mode", ctx.isLightMode());
|
|
52034
52043
|
i0.ɵɵadvance(2);
|
|
52035
|
-
i0.ɵɵproperty("title", "Welcome to Symphiq")("subtitle", "Your Revenue Orchestration Journey Starts Here")("viewMode", ctx.viewMode())("showControls", false)("size", "large")("embedded", ctx.embedded())("
|
|
52044
|
+
i0.ɵɵproperty("title", "Welcome to Symphiq")("subtitle", "Your Revenue Orchestration Journey Starts Here")("viewMode", ctx.viewMode())("showControls", false)("size", "large")("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
|
|
52036
52045
|
i0.ɵɵadvance();
|
|
52037
52046
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.WELCOME)("showNextStepAction", true)("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
|
|
52038
52047
|
i0.ɵɵadvance(3);
|
|
@@ -52089,7 +52098,7 @@ class SymphiqWelcomeDashboardComponent {
|
|
|
52089
52098
|
[showControls]="false"
|
|
52090
52099
|
[size]="'large'"
|
|
52091
52100
|
[embedded]="embedded()"
|
|
52092
|
-
[
|
|
52101
|
+
[scrollEvent]="scrollEvent()"
|
|
52093
52102
|
/>
|
|
52094
52103
|
|
|
52095
52104
|
<!-- Journey Progress Indicator -->
|
|
@@ -54065,7 +54074,7 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
54065
54074
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.shopNameInput = _t.first);
|
|
54066
54075
|
} }, hostBindings: function SymphiqCreateAccountDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
54067
54076
|
i0.ɵɵlistener("scroll", function SymphiqCreateAccountDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
54068
|
-
} }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], accountData: [1, "accountData"], forDemo: [1, "forDemo"], showNextStepAction: [1, "showNextStepAction"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { onCreateAccount: "onCreateAccount", stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 12, vars: 26, consts: [["shopNameInput", ""], [3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "
|
|
54077
|
+
} }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], accountData: [1, "accountData"], forDemo: [1, "forDemo"], showNextStepAction: [1, "showNextStepAction"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { onCreateAccount: "onCreateAccount", stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 12, vars: 26, consts: [["shopNameInput", ""], [3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "flex", "flex-col", "items-center", "justify-center", "min-h-[60vh]", "gap-6"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [3, "close", "save", "isOpen", "focusAreaDomain", "focusAreaTitle", "selectedTools", "viewMode"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-6"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "space-y-4"], [1, "block", "text-sm", "font-medium", "mb-1", 3, "ngClass"], ["target", "_blank", "rel", "noopener noreferrer", 1, "text-base", "hover:underline", 3, "href", "ngClass"], [1, "mb-6"], [1, "space-y-6", 3, "formGroup"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-red-500"], ["type", "text", "formControlName", "shopName", "placeholder", "Enter your shop name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "mt-1", "text-sm", 3, "ngClass"], [1, "flex", "items-center"], [1, "px-4", "py-3", "rounded-l-lg", "border-2", "border-r-0", "text-sm", "font-medium", 3, "ngClass"], ["type", "text", "formControlName", "shopUrl", "placeholder", "yourshop.com", 1, "flex-1", "px-4", "py-3", "rounded-r-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "block", "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-4"], [1, "cursor-pointer", 3, "ngClass"], ["type", "radio", "formControlName", "shopPlatform", 1, "sr-only", 3, "value"], [1, "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border-2", "transition-all", "duration-200"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1"], [1, "font-semibold", 3, "ngClass"], ["type", "text", "formControlName", "companyName", "placeholder", "Enter company name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass", "readonly"], [1, "mt-2"], [1, "flex", "items-center", "gap-2", "cursor-pointer"], ["type", "checkbox", 1, "w-4", "h-4", "rounded", "border-2", "transition-all", "duration-200", 3, "change", "checked", "ngClass"], [1, "text-sm", 3, "ngClass"], ["formControlName", "website", "tabindex", "-1", "autocomplete", "off", 1, "absolute", "-left-[9999px]", "opacity-0"], ["type", "text", "formControlName", "otherPlatformName", "placeholder", "Enter platform name (e.g., WooCommerce, Magento)", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "text-base", "font-bold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-emerald-500"], [1, "space-y-3"], [1, "p-4", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-2"], [1, "font-semibold", "text-sm", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-blue-500"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-3"], [1, "p-3", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400"], [1, "grid", "grid-cols-2", "sm:grid-cols-3", "gap-2"], [1, "p-2", "rounded", "text-center", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [3, "statusChange", "toolsClick", "focusAreaDomain", "selectedStatus", "selectedTools", "viewMode", "title", "description"], [1, "my-4", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-lg", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-3", "shadow-lg", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "animate-spin"], ["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, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqCreateAccountDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
54069
54078
|
i0.ɵɵelementStart(0, "div", 1)(1, "div");
|
|
54070
54079
|
i0.ɵɵelement(2, "div", 2);
|
|
54071
54080
|
i0.ɵɵelementEnd();
|
|
@@ -54093,7 +54102,7 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
54093
54102
|
i0.ɵɵadvance();
|
|
54094
54103
|
i0.ɵɵclassProp("light-mode", ctx.isLightMode());
|
|
54095
54104
|
i0.ɵɵadvance(2);
|
|
54096
|
-
i0.ɵɵproperty("title", "Create Account")("subtitle", "Tell us about your shop")("viewMode", ctx.viewMode())("showControls", false)("embedded", ctx.embedded())("
|
|
54105
|
+
i0.ɵɵproperty("title", "Create Account")("subtitle", "Tell us about your shop")("viewMode", ctx.viewMode())("showControls", false)("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
|
|
54097
54106
|
i0.ɵɵadvance();
|
|
54098
54107
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.CREATE_ACCOUNT)("showNextStepAction", ctx.showNextStepAction())("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
|
|
54099
54108
|
i0.ɵɵadvance(2);
|
|
@@ -54126,7 +54135,7 @@ class SymphiqCreateAccountDashboardComponent {
|
|
|
54126
54135
|
[viewMode]="viewMode()"
|
|
54127
54136
|
[showControls]="false"
|
|
54128
54137
|
[embedded]="embedded()"
|
|
54129
|
-
[
|
|
54138
|
+
[scrollEvent]="scrollEvent()"
|
|
54130
54139
|
/>
|
|
54131
54140
|
|
|
54132
54141
|
<!-- Journey Progress Indicator -->
|
|
@@ -55466,7 +55475,7 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
55466
55475
|
i0.ɵɵlistener("scroll", function SymphiqConnectGaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
55467
55476
|
} if (rf & 2) {
|
|
55468
55477
|
i0.ɵɵclassProp("light", ctx.isLightMode())("dark", !ctx.isLightMode());
|
|
55469
|
-
} }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], showNextStepAction: [1, "showNextStepAction"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"], isConnectingToGoogle: [1, "isConnectingToGoogle"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls: 12, vars: 19, consts: [[3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "
|
|
55478
|
+
} }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], showNextStepAction: [1, "showNextStepAction"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"], isConnectingToGoogle: [1, "isConnectingToGoogle"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls: 12, vars: 19, consts: [[3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], [1, "px-8", "py-16", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "text-center", "gap-8"], ["size", "large", 3, "viewMode"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-4", 3, "ngClass"], [1, "text-base", "leading-relaxed", "max-w-md", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"], [1, "flex-1"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "text-2xl", "sm:text-3xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "leading-relaxed", "mb-6", 3, "ngClass"], [1, "mb-6"], ["type", "button", 1, "gsi-material-button", 3, "click"], [1, "gsi-material-button-state"], [1, "gsi-material-button-content-wrapper"], [1, "gsi-material-button-icon"], ["version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 48 48", 0, "xmlns", "xlink", "http://www.w3.org/1999/xlink", 2, "display", "block"], ["fill", "#EA4335", "d", "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"], ["fill", "#4285F4", "d", "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"], ["fill", "#FBBC05", "d", "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"], ["fill", "#34A853", "d", "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"], ["fill", "none", "d", "M0 0h48v48H0z"], [1, "gsi-material-button-contents"], [1, "p-4", "rounded-lg", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["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"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "rounded-lg", "border", "overflow-hidden", 3, "ngClass"], [1, "px-4", "py-4", "cursor-pointer", "flex", "items-center", "justify-between", "gap-3", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-300", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "px-4", "pb-4", "pt-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "font-bold"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], [1, "text-center", "py-8"], ["role", "radiogroup", "aria-label", "Google Analytics Properties", 1, "space-y-3"], ["tabindex", "0", "role", "radio", 1, "block", 3, "ngClass"], [1, "my-6", "border-t", 3, "ngClass"], ["type", "button", 1, "w-full", "px-4", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["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"], ["tabindex", "0", "role", "radio", 1, "block", 3, "click", "keydown.enter", "keydown.space", "ngClass"], [1, "flex", "items-center", "gap-4", "p-4"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"], [1, "text-base", 3, "ngClass"], ["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, "flex", "items-start", "justify-between", "mb-6"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "rounded-xl", "border-2", "p-6", "mb-6", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-4"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", 3, "ngClass"], [1, "text-lg", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "disabled", "ngClass"], ["type", "button", 1, "flex-1", "sm:flex-none", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "disabled", "ngClass"]], template: function SymphiqConnectGaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
55470
55479
|
i0.ɵɵelementStart(0, "div", 0);
|
|
55471
55480
|
i0.ɵɵelement(1, "div", 1);
|
|
55472
55481
|
i0.ɵɵelementStart(2, "div", 2);
|
|
@@ -55487,7 +55496,7 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
55487
55496
|
i0.ɵɵadvance();
|
|
55488
55497
|
i0.ɵɵclassProp("light-mode", ctx.isLightMode());
|
|
55489
55498
|
i0.ɵɵadvance(2);
|
|
55490
|
-
i0.ɵɵproperty("title", "Connect Google Analytics 4")("subtitle", "Link your analytics data")("viewMode", ctx.viewMode())("showControls", false)("embedded", ctx.embedded())("
|
|
55499
|
+
i0.ɵɵproperty("title", "Connect Google Analytics 4")("subtitle", "Link your analytics data")("viewMode", ctx.viewMode())("showControls", false)("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
|
|
55491
55500
|
i0.ɵɵadvance();
|
|
55492
55501
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.CONNECT_GA4)("showNextStepAction", ctx.showNextStepAction())("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
|
|
55493
55502
|
i0.ɵɵadvance(3);
|
|
@@ -55518,7 +55527,7 @@ class SymphiqConnectGaDashboardComponent {
|
|
|
55518
55527
|
[viewMode]="viewMode()"
|
|
55519
55528
|
[showControls]="false"
|
|
55520
55529
|
[embedded]="embedded()"
|
|
55521
|
-
[
|
|
55530
|
+
[scrollEvent]="scrollEvent()"
|
|
55522
55531
|
/>
|
|
55523
55532
|
|
|
55524
55533
|
<!-- Journey Progress Indicator -->
|
|
@@ -64503,55 +64512,122 @@ class InitialTargetSettingComponent {
|
|
|
64503
64512
|
}], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], shopId: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopId", required: false }] }], pacingResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingResponse", required: false }] }], dataResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataResults", required: false }] }], calculateRevenueReverseResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueReverseResponse", required: false }] }], calculateRevenueResponse: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculateRevenueResponse", required: false }] }], isCalculatingTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCalculatingTargets", required: false }] }], targets: [{ type: i0.Input, args: [{ isSignal: true, alias: "targets", required: false }] }], targetHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetHistories", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }], calculateRevenueReverseRequest: [{ type: i0.Output, args: ["calculateRevenueReverseRequest"] }], calculateRevenueRequest: [{ type: i0.Output, args: ["calculateRevenueRequest"] }], editRelatedMetricTarget: [{ type: i0.Output, args: ["editRelatedMetricTarget"] }], saveTargetsClick: [{ type: i0.Output, args: ["saveTargetsClick"] }], discardChangesClick: [{ type: i0.Output, args: ["discardChangesClick"] }], targetsUpdated: [{ type: i0.Output, args: ["targetsUpdated"] }] }); })();
|
|
64504
64513
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 627 }); })();
|
|
64505
64514
|
|
|
64515
|
+
class LoadingCardComponent {
|
|
64516
|
+
constructor() {
|
|
64517
|
+
this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
64518
|
+
this.title = input('Loading...', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
64519
|
+
this.subtitle = input('Please wait...', ...(ngDevMode ? [{ debugName: "subtitle" }] : []));
|
|
64520
|
+
this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
64521
|
+
this.backdropBlur = input(false, ...(ngDevMode ? [{ debugName: "backdropBlur" }] : []));
|
|
64522
|
+
this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
|
|
64523
|
+
this.spinnerSize = computed(() => {
|
|
64524
|
+
switch (this.size()) {
|
|
64525
|
+
case 'small': return 'medium';
|
|
64526
|
+
case 'large': return 'large';
|
|
64527
|
+
default: return 'large';
|
|
64528
|
+
}
|
|
64529
|
+
}, ...(ngDevMode ? [{ debugName: "spinnerSize" }] : []));
|
|
64530
|
+
this.containerClasses = computed(() => {
|
|
64531
|
+
const base = this.isLightMode()
|
|
64532
|
+
? 'bg-white border-slate-200'
|
|
64533
|
+
: 'bg-slate-800/50 border-slate-700/50';
|
|
64534
|
+
const blur = this.backdropBlur() ? 'backdrop-blur-sm' : '';
|
|
64535
|
+
return `${base} ${blur}`.trim();
|
|
64536
|
+
}, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
|
|
64537
|
+
this.contentClasses = computed(() => {
|
|
64538
|
+
switch (this.size()) {
|
|
64539
|
+
case 'small': return 'p-6 space-y-3';
|
|
64540
|
+
case 'large': return 'p-12 space-y-6';
|
|
64541
|
+
default: return 'p-8 space-y-4';
|
|
64542
|
+
}
|
|
64543
|
+
}, ...(ngDevMode ? [{ debugName: "contentClasses" }] : []));
|
|
64544
|
+
this.titleClasses = computed(() => {
|
|
64545
|
+
const colorClass = this.isLightMode() ? 'text-slate-900' : 'text-white';
|
|
64546
|
+
const sizeClass = this.size() === 'large' ? 'text-xl' : 'text-lg';
|
|
64547
|
+
return `${sizeClass} font-semibold ${colorClass}`;
|
|
64548
|
+
}, ...(ngDevMode ? [{ debugName: "titleClasses" }] : []));
|
|
64549
|
+
this.subtitleClasses = computed(() => {
|
|
64550
|
+
const colorClass = this.isLightMode() ? 'text-slate-600' : 'text-slate-400';
|
|
64551
|
+
return `text-base ${colorClass}`;
|
|
64552
|
+
}, ...(ngDevMode ? [{ debugName: "subtitleClasses" }] : []));
|
|
64553
|
+
}
|
|
64554
|
+
static { this.ɵfac = function LoadingCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoadingCardComponent)(); }; }
|
|
64555
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingCardComponent, selectors: [["symphiq-loading-card"]], inputs: { viewMode: [1, "viewMode"], title: [1, "title"], subtitle: [1, "subtitle"], size: [1, "size"], backdropBlur: [1, "backdropBlur"] }, decls: 7, vars: 8, consts: [[1, "rounded-2xl", "border", "shadow-lg", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "text-center", 3, "ngClass"], [3, "viewMode", "size"], [3, "ngClass"]], template: function LoadingCardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
64556
|
+
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
64557
|
+
i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 2);
|
|
64558
|
+
i0.ɵɵelementStart(3, "h3", 3);
|
|
64559
|
+
i0.ɵɵtext(4);
|
|
64560
|
+
i0.ɵɵelementEnd();
|
|
64561
|
+
i0.ɵɵelementStart(5, "p", 3);
|
|
64562
|
+
i0.ɵɵtext(6);
|
|
64563
|
+
i0.ɵɵelementEnd()()();
|
|
64564
|
+
} if (rf & 2) {
|
|
64565
|
+
i0.ɵɵproperty("ngClass", ctx.containerClasses());
|
|
64566
|
+
i0.ɵɵadvance();
|
|
64567
|
+
i0.ɵɵproperty("ngClass", ctx.contentClasses());
|
|
64568
|
+
i0.ɵɵadvance();
|
|
64569
|
+
i0.ɵɵproperty("viewMode", ctx.viewMode())("size", ctx.spinnerSize());
|
|
64570
|
+
i0.ɵɵadvance();
|
|
64571
|
+
i0.ɵɵproperty("ngClass", ctx.titleClasses());
|
|
64572
|
+
i0.ɵɵadvance();
|
|
64573
|
+
i0.ɵɵtextInterpolate1(" ", ctx.title(), " ");
|
|
64574
|
+
i0.ɵɵadvance();
|
|
64575
|
+
i0.ɵɵproperty("ngClass", ctx.subtitleClasses());
|
|
64576
|
+
i0.ɵɵadvance();
|
|
64577
|
+
i0.ɵɵtextInterpolate1(" ", ctx.subtitle(), " ");
|
|
64578
|
+
} }, dependencies: [CommonModule, i1$1.NgClass, IndeterminateSpinnerComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
64579
|
+
}
|
|
64580
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingCardComponent, [{
|
|
64581
|
+
type: Component,
|
|
64582
|
+
args: [{
|
|
64583
|
+
selector: 'symphiq-loading-card',
|
|
64584
|
+
standalone: true,
|
|
64585
|
+
imports: [CommonModule, IndeterminateSpinnerComponent],
|
|
64586
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
64587
|
+
template: `
|
|
64588
|
+
<div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg">
|
|
64589
|
+
<div class="flex flex-col items-center justify-center text-center" [ngClass]="contentClasses()">
|
|
64590
|
+
<symphiq-indeterminate-spinner
|
|
64591
|
+
[viewMode]="viewMode()"
|
|
64592
|
+
[size]="spinnerSize()"
|
|
64593
|
+
/>
|
|
64594
|
+
<h3 [ngClass]="titleClasses()">
|
|
64595
|
+
{{ title() }}
|
|
64596
|
+
</h3>
|
|
64597
|
+
<p [ngClass]="subtitleClasses()">
|
|
64598
|
+
{{ subtitle() }}
|
|
64599
|
+
</p>
|
|
64600
|
+
</div>
|
|
64601
|
+
</div>
|
|
64602
|
+
`
|
|
64603
|
+
}]
|
|
64604
|
+
}], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], backdropBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdropBlur", required: false }] }] }); })();
|
|
64605
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingCardComponent, { className: "LoadingCardComponent", filePath: "lib/components/shared/loading-card.component.ts", lineNumber: 30 }); })();
|
|
64606
|
+
|
|
64506
64607
|
const _c0$A = () => [];
|
|
64507
64608
|
function SymphiqRevenueCalculatorDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
64508
|
-
i0.ɵɵelementStart(0, "div", 8)
|
|
64509
|
-
i0.ɵɵelement(
|
|
64510
|
-
i0.ɵɵelementStart(4, "div", 13)(5, "h3", 14);
|
|
64511
|
-
i0.ɵɵtext(6, " Loading Revenue Calculator ");
|
|
64609
|
+
i0.ɵɵelementStart(0, "div", 8);
|
|
64610
|
+
i0.ɵɵelement(1, "symphiq-loading-card", 10);
|
|
64512
64611
|
i0.ɵɵelementEnd();
|
|
64513
|
-
i0.ɵɵelementStart(7, "p", 15);
|
|
64514
|
-
i0.ɵɵtext(8, " Please wait while we prepare your revenue calculator... ");
|
|
64515
|
-
i0.ɵɵelementEnd()()()()();
|
|
64516
64612
|
} if (rf & 2) {
|
|
64517
64613
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
64518
|
-
i0.ɵɵproperty("ngClass", ctx_r0.loadingMessageContainerClasses());
|
|
64519
64614
|
i0.ɵɵadvance();
|
|
64520
|
-
i0.ɵɵproperty("ngClass", ctx_r0.loadingMessageContentClasses());
|
|
64521
|
-
i0.ɵɵadvance(2);
|
|
64522
64615
|
i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
|
|
64523
|
-
i0.ɵɵadvance(2);
|
|
64524
|
-
i0.ɵɵproperty("ngClass", ctx_r0.loadingTitleClasses());
|
|
64525
|
-
i0.ɵɵadvance(2);
|
|
64526
|
-
i0.ɵɵproperty("ngClass", ctx_r0.loadingTextClasses());
|
|
64527
64616
|
} }
|
|
64528
64617
|
function SymphiqRevenueCalculatorDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
64529
|
-
i0.ɵɵelement(0, "symphiq-revenue-calculator-welcome-banner",
|
|
64530
|
-
i0.ɵɵelementStart(1, "div", 8)
|
|
64531
|
-
i0.ɵɵelement(
|
|
64532
|
-
i0.ɵɵ
|
|
64533
|
-
i0.ɵɵtext(7, " Downloading Your Google Analytics 4 Data ");
|
|
64534
|
-
i0.ɵɵelementEnd();
|
|
64535
|
-
i0.ɵɵelementStart(8, "p", 15);
|
|
64536
|
-
i0.ɵɵtext(9, " Symphiq is fetching your historical metrics to establish baseline performance. This may take a moment as we gather your funnel data. ");
|
|
64537
|
-
i0.ɵɵelementEnd()()()()();
|
|
64618
|
+
i0.ɵɵelement(0, "symphiq-revenue-calculator-welcome-banner", 11);
|
|
64619
|
+
i0.ɵɵelementStart(1, "div", 8);
|
|
64620
|
+
i0.ɵɵelement(2, "symphiq-loading-card", 12);
|
|
64621
|
+
i0.ɵɵelementEnd();
|
|
64538
64622
|
} if (rf & 2) {
|
|
64539
64623
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
64540
64624
|
i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("dataLoadStatus", ctx_r0.dataLoadStatus() ?? ctx_r0.ShopDataLoadStatusEnum.NOT_LOADED)("hasTargets", false);
|
|
64541
|
-
i0.ɵɵadvance();
|
|
64542
|
-
i0.ɵɵproperty("ngClass", ctx_r0.loadingMessageContainerClasses());
|
|
64543
|
-
i0.ɵɵadvance();
|
|
64544
|
-
i0.ɵɵproperty("ngClass", ctx_r0.loadingMessageContentClasses());
|
|
64545
64625
|
i0.ɵɵadvance(2);
|
|
64546
64626
|
i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
|
|
64547
|
-
i0.ɵɵadvance(2);
|
|
64548
|
-
i0.ɵɵproperty("ngClass", ctx_r0.loadingTitleClasses());
|
|
64549
|
-
i0.ɵɵadvance(2);
|
|
64550
|
-
i0.ɵɵproperty("ngClass", ctx_r0.loadingTextClasses());
|
|
64551
64627
|
} }
|
|
64552
64628
|
function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
64553
64629
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
64554
|
-
i0.ɵɵelementStart(0, "div",
|
|
64630
|
+
i0.ɵɵelementStart(0, "div", 8)(1, "symphiq-initial-target-setting", 14);
|
|
64555
64631
|
i0.ɵɵlistener("targetsCreated", function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_initial_target_setting_targetsCreated_1_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onTargetsCreated($event)); })("calculateRevenueReverseRequest", function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_initial_target_setting_calculateRevenueReverseRequest_1_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.calculateRevenueReverseRequest.emit($event)); })("calculateRevenueRequest", function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_initial_target_setting_calculateRevenueRequest_1_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onCalculateRevenueRequest($event)); })("editRelatedMetricTarget", function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_initial_target_setting_editRelatedMetricTarget_1_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.editRelatedMetricTarget.emit($event)); })("saveTargetsClick", function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_initial_target_setting_saveTargetsClick_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.saveTargetsClick.emit()); })("targetsUpdated", function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_initial_target_setting_targetsUpdated_1_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.targetsUpdated.emit($event)); })("discardChangesClick", function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template_symphiq_initial_target_setting_discardChangesClick_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.discardChangesClick.emit()); });
|
|
64556
64632
|
i0.ɵɵelementEnd()();
|
|
64557
64633
|
} if (rf & 2) {
|
|
@@ -64560,8 +64636,8 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1
|
|
|
64560
64636
|
i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("funnelMetrics", ctx_r0.funnelMetrics() ?? i0.ɵɵpureFunction0(13, _c0$A))("mainUiData", ctx_r0.mainUiData())("trendUiData", ctx_r0.trendUiData())("shopId", ctx_r0.shopId())("pacingResponse", ctx_r0.pacingResponse())("dataResults", ctx_r0.dataResults())("calculateRevenueReverseResponse", ctx_r0.calculateRevenueReverseResponse())("calculateRevenueResponse", ctx_r0.calculateRevenueResponse())("isCalculatingTargets", ctx_r0.isCalculatingTargets())("targets", ctx_r0.targets())("targetHistories", ctx_r0.targetHistories() ?? i0.ɵɵpureFunction0(14, _c0$A))("users", ctx_r0.users() ?? i0.ɵɵpureFunction0(15, _c0$A));
|
|
64561
64637
|
} }
|
|
64562
64638
|
function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
64563
|
-
i0.ɵɵelement(0, "symphiq-revenue-calculator-welcome-banner",
|
|
64564
|
-
i0.ɵɵconditionalCreate(1, SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template, 2, 16, "div",
|
|
64639
|
+
i0.ɵɵelement(0, "symphiq-revenue-calculator-welcome-banner", 13);
|
|
64640
|
+
i0.ɵɵconditionalCreate(1, SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Conditional_1_Template, 2, 16, "div", 8);
|
|
64565
64641
|
} if (rf & 2) {
|
|
64566
64642
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
64567
64643
|
i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("dataLoadStatus", ctx_r0.dataLoadStatus() ?? ctx_r0.ShopDataLoadStatusEnum.NOT_LOADED)("hasTargets", ctx_r0.hasCurrentYearTargets())("isOnboarded", ctx_r0.isOnboarded());
|
|
@@ -64570,24 +64646,24 @@ function SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Template(rf,
|
|
|
64570
64646
|
} }
|
|
64571
64647
|
function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
64572
64648
|
i0.ɵɵnamespaceSVG();
|
|
64573
|
-
i0.ɵɵelementStart(0, "svg",
|
|
64574
|
-
i0.ɵɵelement(1, "circle",
|
|
64649
|
+
i0.ɵɵelementStart(0, "svg", 18);
|
|
64650
|
+
i0.ɵɵelement(1, "circle", 19)(2, "path", 20);
|
|
64575
64651
|
i0.ɵɵelementEnd();
|
|
64576
64652
|
i0.ɵɵtext(3, " Loading... ");
|
|
64577
64653
|
} }
|
|
64578
64654
|
function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
64579
64655
|
i0.ɵɵtext(0, " Continue ");
|
|
64580
64656
|
i0.ɵɵnamespaceSVG();
|
|
64581
|
-
i0.ɵɵelementStart(1, "svg",
|
|
64582
|
-
i0.ɵɵelement(2, "path",
|
|
64657
|
+
i0.ɵɵelementStart(1, "svg", 21);
|
|
64658
|
+
i0.ɵɵelement(2, "path", 22);
|
|
64583
64659
|
i0.ɵɵelementEnd();
|
|
64584
64660
|
} }
|
|
64585
64661
|
function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
64586
64662
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
64587
|
-
i0.ɵɵelementStart(0, "div", 9)(1, "div",
|
|
64663
|
+
i0.ɵɵelementStart(0, "div", 9)(1, "div", 15)(2, "p", 16);
|
|
64588
64664
|
i0.ɵɵtext(3, " Targets set. Adjust anytime or continue onboarding. ");
|
|
64589
64665
|
i0.ɵɵelementEnd();
|
|
64590
|
-
i0.ɵɵelementStart(4, "button",
|
|
64666
|
+
i0.ɵɵelementStart(4, "button", 17);
|
|
64591
64667
|
i0.ɵɵlistener("click", function SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.nextStepClick.emit()); });
|
|
64592
64668
|
i0.ɵɵconditionalCreate(5, SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Conditional_5_Template, 4, 0)(6, SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Conditional_6_Template, 3, 0);
|
|
64593
64669
|
i0.ɵɵelementEnd()()();
|
|
@@ -64710,26 +64786,6 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64710
64786
|
}
|
|
64711
64787
|
return 'min-h-screen';
|
|
64712
64788
|
}
|
|
64713
|
-
loadingMessageContainerClasses() {
|
|
64714
|
-
return this.isLightMode()
|
|
64715
|
-
? 'bg-white border-slate-200'
|
|
64716
|
-
: 'bg-slate-800/40 border-slate-700/50';
|
|
64717
|
-
}
|
|
64718
|
-
loadingMessageContentClasses() {
|
|
64719
|
-
return this.isLightMode()
|
|
64720
|
-
? 'bg-gradient-to-br from-blue-50/30 via-white to-purple-50/30'
|
|
64721
|
-
: 'bg-gradient-to-br from-slate-800/60 via-slate-800/40 to-slate-800/60';
|
|
64722
|
-
}
|
|
64723
|
-
loadingTitleClasses() {
|
|
64724
|
-
return this.isLightMode()
|
|
64725
|
-
? 'text-slate-800'
|
|
64726
|
-
: 'text-white';
|
|
64727
|
-
}
|
|
64728
|
-
loadingTextClasses() {
|
|
64729
|
-
return this.isLightMode()
|
|
64730
|
-
? 'text-slate-600'
|
|
64731
|
-
: 'text-slate-300';
|
|
64732
|
-
}
|
|
64733
64789
|
placeholderContainerClasses() {
|
|
64734
64790
|
return this.isLightMode()
|
|
64735
64791
|
? 'bg-slate-50/50 border-slate-300'
|
|
@@ -64781,7 +64837,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64781
64837
|
static { this.ɵfac = function SymphiqRevenueCalculatorDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqRevenueCalculatorDashboardComponent)(); }; }
|
|
64782
64838
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqRevenueCalculatorDashboardComponent, selectors: [["symphiq-revenue-calculator-dashboard"]], hostBindings: function SymphiqRevenueCalculatorDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
64783
64839
|
i0.ɵɵlistener("scroll", function SymphiqRevenueCalculatorDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
|
|
64784
|
-
} }, inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"], dataLoadStatus: [1, "dataLoadStatus"], targets: [1, "targets"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], ytdComparisonUiData: [1, "ytdComparisonUiData"], trendUiData: [1, "trendUiData"], pacingResponse: [1, "pacingResponse"], dataResults: [1, "dataResults"], shopId: [1, "shopId"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], calculateRevenueReverseResponse: [1, "calculateRevenueReverseResponse"], calculateRevenueResponse: [1, "calculateRevenueResponse"], isCalculatingTargets: [1, "isCalculatingTargets"], targetHistories: [1, "targetHistories"], users: [1, "users"], isOnboarded: [1, "isOnboarded"], isContinueLoading: [1, "isContinueLoading"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", targetsCreated: "targetsCreated", targetsUpdated: "targetsUpdated", saveTargetsClick: "saveTargetsClick", calculateRevenueRequest: "calculateRevenueRequest", calculateRevenueReverseRequest: "calculateRevenueReverseRequest", editRelatedMetricTarget: "editRelatedMetricTarget", discardChangesClick: "discardChangesClick" }, decls: 12, vars: 19, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "
|
|
64840
|
+
} }, inputs: { viewMode: [1, "viewMode"], isLoading: [1, "isLoading"], dataLoadStatus: [1, "dataLoadStatus"], targets: [1, "targets"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], ytdComparisonUiData: [1, "ytdComparisonUiData"], trendUiData: [1, "trendUiData"], pacingResponse: [1, "pacingResponse"], dataResults: [1, "dataResults"], shopId: [1, "shopId"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], calculateRevenueReverseResponse: [1, "calculateRevenueReverseResponse"], calculateRevenueResponse: [1, "calculateRevenueResponse"], isCalculatingTargets: [1, "isCalculatingTargets"], targetHistories: [1, "targetHistories"], users: [1, "users"], isOnboarded: [1, "isOnboarded"], isContinueLoading: [1, "isContinueLoading"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", targetsCreated: "targetsCreated", targetsUpdated: "targetsUpdated", saveTargetsClick: "saveTargetsClick", calculateRevenueRequest: "calculateRevenueRequest", calculateRevenueReverseRequest: "calculateRevenueReverseRequest", editRelatedMetricTarget: "editRelatedMetricTarget", discardChangesClick: "discardChangesClick" }, decls: 12, vars: 19, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "mt-8"], [1, "sticky", "bottom-0", "z-50", "border-t", "py-4", "px-4", "sm:px-6", "lg:px-8", 3, "ngClass"], ["title", "Loading Revenue Calculator", "subtitle", "Please wait while we prepare your revenue calculator...", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets"], ["title", "Downloading Your Google Analytics 4 Data", "subtitle", "Symphiq is fetching your historical metrics to establish baseline performance. This may take a moment as we gather your funnel data.", "size", "large", 3, "viewMode"], [3, "viewMode", "dataLoadStatus", "hasTargets", "isOnboarded"], [3, "targetsCreated", "calculateRevenueReverseRequest", "calculateRevenueRequest", "editRelatedMetricTarget", "saveTargetsClick", "targetsUpdated", "discardChangesClick", "viewMode", "funnelMetrics", "mainUiData", "trendUiData", "shopId", "pacingResponse", "dataResults", "calculateRevenueReverseResponse", "calculateRevenueResponse", "isCalculatingTargets", "targets", "targetHistories", "users"], [1, "max-w-7xl", "mx-auto", "flex", "items-center", "justify-between", "gap-4"], [1, "text-sm", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "whitespace-nowrap", "disabled:opacity-50", "disabled:cursor-not-allowed", "disabled:hover:scale-100", 3, "click", "disabled", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "animate-spin"], ["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, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqRevenueCalculatorDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
64785
64841
|
i0.ɵɵelementStart(0, "div", 0);
|
|
64786
64842
|
i0.ɵɵelement(1, "symphiq-scroll-progress-bar", 1)(2, "div", 2);
|
|
64787
64843
|
i0.ɵɵelementStart(3, "div", 3);
|
|
@@ -64790,7 +64846,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64790
64846
|
i0.ɵɵlistener("stepClick", function SymphiqRevenueCalculatorDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_5_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqRevenueCalculatorDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_5_listener() { return ctx.nextStepClick.emit(); });
|
|
64791
64847
|
i0.ɵɵelementEnd();
|
|
64792
64848
|
i0.ɵɵelementStart(6, "main", 6)(7, "div", 7);
|
|
64793
|
-
i0.ɵɵconditionalCreate(8, SymphiqRevenueCalculatorDashboardComponent_Conditional_8_Template,
|
|
64849
|
+
i0.ɵɵconditionalCreate(8, SymphiqRevenueCalculatorDashboardComponent_Conditional_8_Template, 2, 1, "div", 8)(9, SymphiqRevenueCalculatorDashboardComponent_Conditional_9_Template, 3, 4)(10, SymphiqRevenueCalculatorDashboardComponent_Conditional_10_Template, 2, 5);
|
|
64794
64850
|
i0.ɵɵelementEnd()();
|
|
64795
64851
|
i0.ɵɵconditionalCreate(11, SymphiqRevenueCalculatorDashboardComponent_Conditional_11_Template, 7, 7, "div", 9);
|
|
64796
64852
|
i0.ɵɵelementEnd()();
|
|
@@ -64801,7 +64857,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64801
64857
|
i0.ɵɵadvance();
|
|
64802
64858
|
i0.ɵɵclassProp("light-mode", ctx.isLightMode());
|
|
64803
64859
|
i0.ɵɵadvance(2);
|
|
64804
|
-
i0.ɵɵproperty("title", "Revenue Calculator")("subtitle", "Set Your Revenue Target and See Required Metric Improvements")("viewMode", ctx.viewMode())("showControls", false)("embedded", ctx.embedded())("
|
|
64860
|
+
i0.ɵɵproperty("title", "Revenue Calculator")("subtitle", "Set Your Revenue Target and See Required Metric Improvements")("viewMode", ctx.viewMode())("showControls", false)("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
|
|
64805
64861
|
i0.ɵɵadvance();
|
|
64806
64862
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.REVENUE_CALCULATOR)("showNextStepAction", ctx.hasAnyTargets())("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
|
|
64807
64863
|
i0.ɵɵadvance(3);
|
|
@@ -64811,7 +64867,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64811
64867
|
} }, dependencies: [CommonModule, i1$1.NgClass, JourneyProgressIndicatorComponent,
|
|
64812
64868
|
RevenueCalculatorWelcomeBannerComponent,
|
|
64813
64869
|
InitialTargetSettingComponent,
|
|
64814
|
-
|
|
64870
|
+
LoadingCardComponent,
|
|
64815
64871
|
DashboardHeaderComponent,
|
|
64816
64872
|
ScrollProgressBarComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
64817
64873
|
}
|
|
@@ -64825,7 +64881,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64825
64881
|
JourneyProgressIndicatorComponent,
|
|
64826
64882
|
RevenueCalculatorWelcomeBannerComponent,
|
|
64827
64883
|
InitialTargetSettingComponent,
|
|
64828
|
-
|
|
64884
|
+
LoadingCardComponent,
|
|
64829
64885
|
DashboardHeaderComponent,
|
|
64830
64886
|
ScrollProgressBarComponent
|
|
64831
64887
|
],
|
|
@@ -64849,7 +64905,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64849
64905
|
[viewMode]="viewMode()"
|
|
64850
64906
|
[showControls]="false"
|
|
64851
64907
|
[embedded]="embedded()"
|
|
64852
|
-
[
|
|
64908
|
+
[scrollEvent]="scrollEvent()"
|
|
64853
64909
|
/>
|
|
64854
64910
|
|
|
64855
64911
|
<!-- Journey Progress Indicator -->
|
|
@@ -64868,24 +64924,13 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64868
64924
|
|
|
64869
64925
|
<!-- State 1: Pure Loading (isLoading = true) -->
|
|
64870
64926
|
@if (isLoading()) {
|
|
64871
|
-
<div
|
|
64872
|
-
|
|
64873
|
-
|
|
64874
|
-
|
|
64875
|
-
|
|
64876
|
-
|
|
64877
|
-
|
|
64878
|
-
/>
|
|
64879
|
-
<div class="space-y-2">
|
|
64880
|
-
<h3 [ngClass]="loadingTitleClasses()" class="text-xl font-bold">
|
|
64881
|
-
Loading Revenue Calculator
|
|
64882
|
-
</h3>
|
|
64883
|
-
<p [ngClass]="loadingTextClasses()" class="text-sm max-w-md">
|
|
64884
|
-
Please wait while we prepare your revenue calculator...
|
|
64885
|
-
</p>
|
|
64886
|
-
</div>
|
|
64887
|
-
</div>
|
|
64888
|
-
</div>
|
|
64927
|
+
<div class="mt-8">
|
|
64928
|
+
<symphiq-loading-card
|
|
64929
|
+
[viewMode]="viewMode()"
|
|
64930
|
+
title="Loading Revenue Calculator"
|
|
64931
|
+
subtitle="Please wait while we prepare your revenue calculator..."
|
|
64932
|
+
size="large"
|
|
64933
|
+
/>
|
|
64889
64934
|
</div>
|
|
64890
64935
|
}
|
|
64891
64936
|
|
|
@@ -64898,25 +64943,13 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64898
64943
|
/>
|
|
64899
64944
|
|
|
64900
64945
|
<!-- Loading Message Card -->
|
|
64901
|
-
<div
|
|
64902
|
-
|
|
64903
|
-
|
|
64904
|
-
|
|
64905
|
-
|
|
64906
|
-
|
|
64907
|
-
|
|
64908
|
-
/>
|
|
64909
|
-
<div class="space-y-2">
|
|
64910
|
-
<h3 [ngClass]="loadingTitleClasses()" class="text-xl font-bold">
|
|
64911
|
-
Downloading Your Google Analytics 4 Data
|
|
64912
|
-
</h3>
|
|
64913
|
-
<p [ngClass]="loadingTextClasses()" class="text-sm max-w-md">
|
|
64914
|
-
Symphiq is fetching your historical metrics to establish baseline performance. This may take a
|
|
64915
|
-
moment as we gather your funnel data.
|
|
64916
|
-
</p>
|
|
64917
|
-
</div>
|
|
64918
|
-
</div>
|
|
64919
|
-
</div>
|
|
64946
|
+
<div class="mt-8">
|
|
64947
|
+
<symphiq-loading-card
|
|
64948
|
+
[viewMode]="viewMode()"
|
|
64949
|
+
title="Downloading Your Google Analytics 4 Data"
|
|
64950
|
+
subtitle="Symphiq is fetching your historical metrics to establish baseline performance. This may take a moment as we gather your funnel data."
|
|
64951
|
+
size="large"
|
|
64952
|
+
/>
|
|
64920
64953
|
</div>
|
|
64921
64954
|
}
|
|
64922
64955
|
|
|
@@ -64998,7 +65031,7 @@ class SymphiqRevenueCalculatorDashboardComponent {
|
|
|
64998
65031
|
type: HostListener,
|
|
64999
65032
|
args: ['window:scroll', ['$event']]
|
|
65000
65033
|
}] }); })();
|
|
65001
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber:
|
|
65034
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqRevenueCalculatorDashboardComponent, { className: "SymphiqRevenueCalculatorDashboardComponent", filePath: "lib/components/revenue-calculator-dashboard/symphiq-revenue-calculator-dashboard.component.ts", lineNumber: 201 }); })();
|
|
65002
65035
|
|
|
65003
65036
|
function HierarchyDisplayComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
65004
65037
|
i0.ɵɵelementStart(0, "div", 1)(1, "div", 1);
|
|
@@ -68815,7 +68848,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
68815
68848
|
static { this.ɵfac = function SymphiqBusinessAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqBusinessAnalysisDashboardComponent)(); }; }
|
|
68816
68849
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqBusinessAnalysisDashboardComponent, selectors: [["symphiq-business-analysis-dashboard"]], hostBindings: function SymphiqBusinessAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
68817
68850
|
i0.ɵɵlistener("scroll", function SymphiqBusinessAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow)("keydown", function SymphiqBusinessAnalysisDashboardComponent_keydown_HostBindingHandler($event) { return ctx.handleKeyDown($event); }, i0.ɵɵresolveDocument);
|
|
68818
|
-
} }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 17, vars: 41, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "currentSection", "currentSubsection", "sectionFading", "subsectionFading", "showControls", "embedded", "
|
|
68851
|
+
} }, inputs: { embedded: [1, "embedded"], profile: [1, "profile"], parentHeaderOffset: [1, "parentHeaderOffset"], requestedByUser: [1, "requestedByUser"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isLoading: [1, "isLoading"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, decls: 17, vars: 41, consts: [[3, "ngClass"], [3, "viewMode", "progress", "embedded"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "viewMode", "viewModeLabel", "currentSection", "currentSubsection", "sectionFading", "subsectionFading", "showControls", "embedded", "scrollEvent"], [1, "relative"], [1, "flex", "items-center", "justify-center", "min-h-[60vh]"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "viewMode", "embedded"], [3, "viewInContextRequested", "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode", "isLoading"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], ["size", "large", 3, "viewMode"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "itemStatus", "currentStatus", "confettiIntensity", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMoreClick", "recommendations", "viewMode"], [3, "sections", "viewMode"], [3, "section", "viewMode", "forceExpanded"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8"], [3, "viewMode", "subsections"]], template: function SymphiqBusinessAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
68819
68852
|
i0.ɵɵelementStart(0, "div", 0);
|
|
68820
68853
|
i0.ɵɵelement(1, "symphiq-scroll-progress-bar", 1)(2, "div", 2);
|
|
68821
68854
|
i0.ɵɵelementStart(3, "div", 3)(4, "symphiq-dashboard-header", 4);
|
|
@@ -68852,7 +68885,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
68852
68885
|
i0.ɵɵadvance();
|
|
68853
68886
|
i0.ɵɵclassProp("light-mode", ctx.isLightMode());
|
|
68854
68887
|
i0.ɵɵadvance(2);
|
|
68855
|
-
i0.ɵɵproperty("title", ((tmp_5_0 = ctx.currentProfile()) == null ? null : tmp_5_0.profileStructured == null ? null : tmp_5_0.profileStructured.businessName) || "Business Analysis")("subtitle", "Business Profile & Analysis")("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("currentSection", ctx.isSimplifiedView() ? undefined : ctx.currentSectionTitle())("currentSubsection", ctx.isSimplifiedView() ? undefined : ctx.currentSubsectionTitle())("sectionFading", ctx.sectionTitleFading())("subsectionFading", ctx.subsectionTitleFading())("showControls", ((tmp_13_0 = ctx.profile()) == null ? null : tmp_13_0.selfContentStatus) === ctx.AiDynamicContentStatusEnum.GENERATED)("embedded", ctx.embedded())("
|
|
68888
|
+
i0.ɵɵproperty("title", ((tmp_5_0 = ctx.currentProfile()) == null ? null : tmp_5_0.profileStructured == null ? null : tmp_5_0.profileStructured.businessName) || "Business Analysis")("subtitle", "Business Profile & Analysis")("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("currentSection", ctx.isSimplifiedView() ? undefined : ctx.currentSectionTitle())("currentSubsection", ctx.isSimplifiedView() ? undefined : ctx.currentSubsectionTitle())("sectionFading", ctx.sectionTitleFading())("subsectionFading", ctx.subsectionTitleFading())("showControls", ((tmp_13_0 = ctx.profile()) == null ? null : tmp_13_0.selfContentStatus) === ctx.AiDynamicContentStatusEnum.GENERATED)("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
|
|
68856
68889
|
i0.ɵɵadvance();
|
|
68857
68890
|
i0.ɵɵclassProp("pb-32", ctx.shouldShowReviewFooter());
|
|
68858
68891
|
i0.ɵɵadvance();
|
|
@@ -68897,7 +68930,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
68897
68930
|
[subsectionFading]="subsectionTitleFading()"
|
|
68898
68931
|
[showControls]="profile()?.selfContentStatus === AiDynamicContentStatusEnum.GENERATED"
|
|
68899
68932
|
[embedded]="embedded()"
|
|
68900
|
-
[
|
|
68933
|
+
[scrollEvent]="scrollEvent()"
|
|
68901
68934
|
(searchClick)="openSearch()"
|
|
68902
68935
|
(viewModeClick)="openViewModeSwitcher()"
|
|
68903
68936
|
/>
|
|
@@ -94393,7 +94426,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
|
|
|
94393
94426
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.planSelectionContainer = _t.first);
|
|
94394
94427
|
} }, hostBindings: function SymphiqProfileShopAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
94395
94428
|
i0.ɵɵlistener("scroll", function SymphiqProfileShopAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
|
|
94396
|
-
} }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 59, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "
|
|
94429
|
+
} }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 59, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded", "analysisDate"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], [3, "goals", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [1, "mb-32"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
94397
94430
|
i0.ɵɵelementStart(0, "div", 2);
|
|
94398
94431
|
i0.ɵɵelement(1, "div", 3)(2, "symphiq-scroll-progress-bar", 4);
|
|
94399
94432
|
i0.ɵɵelementStart(3, "div", 5)(4, "symphiq-dashboard-header", 6);
|
|
@@ -94450,7 +94483,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
|
|
|
94450
94483
|
i0.ɵɵadvance();
|
|
94451
94484
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("progress", ctx.scrollProgress())("embedded", ctx.embedded());
|
|
94452
94485
|
i0.ɵɵadvance(2);
|
|
94453
|
-
i0.ɵɵproperty("title", ((tmp_6_0 = ctx.profileAnalysis()) == null ? null : tmp_6_0.profileAnalysisStructured == null ? null : tmp_6_0.profileAnalysisStructured.businessName) || "Profile Analysis")("subtitle", ctx.getAnalysisSubtitle())("currentSection", ctx.getAnalysisSubtitle())("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_13_0 = ctx.profileAnalysis()) == null ? null : tmp_13_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls())("embedded", ctx.embedded())("
|
|
94486
|
+
i0.ɵɵproperty("title", ((tmp_6_0 = ctx.profileAnalysis()) == null ? null : tmp_6_0.profileAnalysisStructured == null ? null : tmp_6_0.profileAnalysisStructured.businessName) || "Profile Analysis")("subtitle", ctx.getAnalysisSubtitle())("currentSection", ctx.getAnalysisSubtitle())("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_13_0 = ctx.profileAnalysis()) == null ? null : tmp_13_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls())("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
|
|
94454
94487
|
i0.ɵɵadvance();
|
|
94455
94488
|
i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isOnboarded() ? 5 : -1);
|
|
94456
94489
|
i0.ɵɵadvance();
|
|
@@ -94532,7 +94565,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
|
|
|
94532
94565
|
[createdDate]="profileAnalysis()?.selfContentCompletedDate"
|
|
94533
94566
|
[showControls]="shouldShowHeaderControls()"
|
|
94534
94567
|
[embedded]="embedded()"
|
|
94535
|
-
[
|
|
94568
|
+
[scrollEvent]="scrollEvent()"
|
|
94536
94569
|
(searchClick)="openSearch()"
|
|
94537
94570
|
(viewModeClick)="openViewModeSwitcher()"
|
|
94538
94571
|
/>
|
|
@@ -96812,7 +96845,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
96812
96845
|
static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
|
|
96813
96846
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileFocusAreasAnalysesDashboardComponent, selectors: [["symphiq-profile-focus-areas-analyses-dashboard"]], hostBindings: function SymphiqProfileFocusAreasAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
96814
96847
|
i0.ɵɵlistener("scroll", function SymphiqProfileFocusAreasAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
96815
|
-
} }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 32, vars: 31, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "
|
|
96848
|
+
} }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 32, vars: 31, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [3, "viewMode", "profileStatusCounts", "analysisStatusCounts", "allReviewed", "hasItems", "config"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [1, "mt-6", "block", 3, "viewMode", "items", "analysisDate", "analysisDatePreposition"], ["title", "Continue Your Journey", "description", "The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue.", 1, "mt-6", "block", 3, "viewMode"], [3, "cardClick", "viewMode", "cards", "config"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
96816
96849
|
i0.ɵɵelementStart(0, "div", 0);
|
|
96817
96850
|
i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
|
|
96818
96851
|
i0.ɵɵelementStart(3, "div", 3);
|
|
@@ -96854,7 +96887,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
96854
96887
|
i0.ɵɵadvance();
|
|
96855
96888
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("progress", ctx.scrollProgress())("embedded", ctx.embedded());
|
|
96856
96889
|
i0.ɵɵadvance(2);
|
|
96857
|
-
i0.ɵɵproperty("title", "Focus Areas")("subtitle", "Explore and analyze each focus area for your business")("viewMode", ctx.viewMode())("showControls", false)("embedded", ctx.embedded())("
|
|
96890
|
+
i0.ɵɵproperty("title", "Focus Areas")("subtitle", "Explore and analyze each focus area for your business")("viewMode", ctx.viewMode())("showControls", false)("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
|
|
96858
96891
|
i0.ɵɵadvance();
|
|
96859
96892
|
i0.ɵɵconditional(ctx.isSimplifiedView() ? 5 : -1);
|
|
96860
96893
|
i0.ɵɵadvance(2);
|
|
@@ -96936,7 +96969,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
96936
96969
|
[viewMode]="viewMode()"
|
|
96937
96970
|
[showControls]="false"
|
|
96938
96971
|
[embedded]="embedded()"
|
|
96939
|
-
[
|
|
96972
|
+
[scrollEvent]="scrollEvent()"
|
|
96940
96973
|
></symphiq-dashboard-header>
|
|
96941
96974
|
|
|
96942
96975
|
<!-- Journey Progress Indicator (Simplified View Only) -->
|
|
@@ -97059,27 +97092,14 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
97059
97092
|
|
|
97060
97093
|
const _c0$8 = () => [];
|
|
97061
97094
|
function SymphiqProfileFocusAreaDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
97062
|
-
i0.ɵɵ
|
|
97063
|
-
i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 10);
|
|
97064
|
-
i0.ɵɵelementStart(3, "div", 11)(4, "h3", 12);
|
|
97065
|
-
i0.ɵɵtext(5, " Loading Focus Area Profile ");
|
|
97066
|
-
i0.ɵɵelementEnd();
|
|
97067
|
-
i0.ɵɵelementStart(6, "p", 13);
|
|
97068
|
-
i0.ɵɵtext(7, " Please wait while we prepare your questions... ");
|
|
97069
|
-
i0.ɵɵelementEnd()()()();
|
|
97095
|
+
i0.ɵɵelement(0, "symphiq-loading-card", 5);
|
|
97070
97096
|
} if (rf & 2) {
|
|
97071
97097
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
97072
|
-
i0.ɵɵproperty("
|
|
97073
|
-
i0.ɵɵadvance(2);
|
|
97074
|
-
i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
|
|
97075
|
-
i0.ɵɵadvance(2);
|
|
97076
|
-
i0.ɵɵproperty("ngClass", ctx_r0.getLoadingTitleClasses());
|
|
97077
|
-
i0.ɵɵadvance(2);
|
|
97078
|
-
i0.ɵɵproperty("ngClass", ctx_r0.getLoadingSubtitleClasses());
|
|
97098
|
+
i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("backdropBlur", true);
|
|
97079
97099
|
} }
|
|
97080
97100
|
function SymphiqProfileFocusAreaDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
97081
97101
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
97082
|
-
i0.ɵɵelementStart(0, "symphiq-profile-status-card",
|
|
97102
|
+
i0.ɵɵelementStart(0, "symphiq-profile-status-card", 9);
|
|
97083
97103
|
i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileFocusAreaDashboardComponent_Conditional_6_Template_symphiq_profile_status_card_startCategoryQuestions_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileFocusAreaDashboardComponent_Conditional_6_Template_symphiq_profile_status_card_answerSave_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.handleAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileFocusAreaDashboardComponent_Conditional_6_Template_symphiq_profile_status_card_adminAnswerAction_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.adminAnswerAction.emit($event)); });
|
|
97084
97104
|
i0.ɵɵelementEnd();
|
|
97085
97105
|
} if (rf & 2) {
|
|
@@ -97089,11 +97109,11 @@ function SymphiqProfileFocusAreaDashboardComponent_Conditional_6_Template(rf, ct
|
|
|
97089
97109
|
function SymphiqProfileFocusAreaDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
97090
97110
|
i0.ɵɵelementStart(0, "div", 7);
|
|
97091
97111
|
i0.ɵɵnamespaceSVG();
|
|
97092
|
-
i0.ɵɵelementStart(1, "svg",
|
|
97093
|
-
i0.ɵɵelement(2, "path",
|
|
97112
|
+
i0.ɵɵelementStart(1, "svg", 10);
|
|
97113
|
+
i0.ɵɵelement(2, "path", 11);
|
|
97094
97114
|
i0.ɵɵelementEnd();
|
|
97095
97115
|
i0.ɵɵnamespaceHTML();
|
|
97096
|
-
i0.ɵɵelementStart(3, "h3",
|
|
97116
|
+
i0.ɵɵelementStart(3, "h3", 12);
|
|
97097
97117
|
i0.ɵɵtext(4, " No Focus Area Selected ");
|
|
97098
97118
|
i0.ɵɵelementEnd();
|
|
97099
97119
|
i0.ɵɵelementStart(5, "p", 13);
|
|
@@ -97109,7 +97129,7 @@ function SymphiqProfileFocusAreaDashboardComponent_Conditional_7_Template(rf, ct
|
|
|
97109
97129
|
} }
|
|
97110
97130
|
function SymphiqProfileFocusAreaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
97111
97131
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
97112
|
-
i0.ɵɵelementStart(0, "symphiq-profile-sticky-footer",
|
|
97132
|
+
i0.ɵɵelementStart(0, "symphiq-profile-sticky-footer", 14);
|
|
97113
97133
|
i0.ɵɵlistener("continueClick", function SymphiqProfileFocusAreaDashboardComponent_Conditional_8_Template_symphiq_profile_sticky_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.handleContinueClick()); });
|
|
97114
97134
|
i0.ɵɵelementEnd();
|
|
97115
97135
|
} if (rf & 2) {
|
|
@@ -97129,7 +97149,7 @@ class SymphiqProfileFocusAreaDashboardComponent {
|
|
|
97129
97149
|
this.currentUser = input(...(ngDevMode ? [undefined, { debugName: "currentUser" }] : []));
|
|
97130
97150
|
this.embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
|
|
97131
97151
|
this.scrollEvent = input(undefined, ...(ngDevMode ? [{ debugName: "scrollEvent" }] : []));
|
|
97132
|
-
this.scrollElement = input(
|
|
97152
|
+
this.scrollElement = input(undefined, ...(ngDevMode ? [{ debugName: "scrollElement" }] : []));
|
|
97133
97153
|
this.scrollProgress = signal(0, ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
|
|
97134
97154
|
this.startCategoryQuestions = output();
|
|
97135
97155
|
this.answerSave = output();
|
|
@@ -97192,17 +97212,6 @@ class SymphiqProfileFocusAreaDashboardComponent {
|
|
|
97192
97212
|
? 'bg-gradient-to-br from-slate-50 via-blue-50/30 to-purple-50/30'
|
|
97193
97213
|
: 'bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900';
|
|
97194
97214
|
}
|
|
97195
|
-
getLoadingCardClasses() {
|
|
97196
|
-
return this.isLightMode()
|
|
97197
|
-
? 'bg-white/80 border-slate-200'
|
|
97198
|
-
: 'bg-slate-800/80 border-slate-700';
|
|
97199
|
-
}
|
|
97200
|
-
getLoadingTitleClasses() {
|
|
97201
|
-
return this.isLightMode() ? 'text-slate-900' : 'text-white';
|
|
97202
|
-
}
|
|
97203
|
-
getLoadingSubtitleClasses() {
|
|
97204
|
-
return this.isLightMode() ? 'text-slate-600' : 'text-slate-400';
|
|
97205
|
-
}
|
|
97206
97215
|
getEmptyStateClasses() {
|
|
97207
97216
|
return this.isLightMode()
|
|
97208
97217
|
? 'bg-white/80 border-slate-200'
|
|
@@ -97220,11 +97229,11 @@ class SymphiqProfileFocusAreaDashboardComponent {
|
|
|
97220
97229
|
} if (rf & 2) {
|
|
97221
97230
|
let _t;
|
|
97222
97231
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.profileStatusCard = _t.first);
|
|
97223
|
-
} }, inputs: { viewMode: [1, "viewMode"], profileFocusArea: [1, "profileFocusArea"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"] }, outputs: { startCategoryQuestions: "startCategoryQuestions", answerSave: "answerSave", continueClick: "continueClick", adminAnswerAction: "adminAnswerAction" }, decls: 9, vars: 12, consts: [[1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-10"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [
|
|
97232
|
+
} }, inputs: { viewMode: [1, "viewMode"], profileFocusArea: [1, "profileFocusArea"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"] }, outputs: { startCategoryQuestions: "startCategoryQuestions", answerSave: "answerSave", continueClick: "continueClick", adminAnswerAction: "adminAnswerAction" }, decls: 9, vars: 12, consts: [[1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-10"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], ["title", "Loading Focus Area Profile", "subtitle", "Please wait while we prepare your questions...", 3, "viewMode", "backdropBlur"], [3, "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "categoryNameFormatter", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "text-center", 3, "ngClass"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "categoryNameFormatter", "currentUser"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", "opacity-50"], ["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 2"], [1, "text-xl", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"]], template: function SymphiqProfileFocusAreaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
97224
97233
|
i0.ɵɵelementStart(0, "div", 0);
|
|
97225
97234
|
i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
|
|
97226
97235
|
i0.ɵɵelementStart(3, "div", 3)(4, "main", 4);
|
|
97227
|
-
i0.ɵɵconditionalCreate(5, SymphiqProfileFocusAreaDashboardComponent_Conditional_5_Template,
|
|
97236
|
+
i0.ɵɵconditionalCreate(5, SymphiqProfileFocusAreaDashboardComponent_Conditional_5_Template, 1, 2, "symphiq-loading-card", 5)(6, SymphiqProfileFocusAreaDashboardComponent_Conditional_6_Template, 1, 15, "symphiq-profile-status-card", 6)(7, SymphiqProfileFocusAreaDashboardComponent_Conditional_7_Template, 7, 3, "div", 7);
|
|
97228
97237
|
i0.ɵɵelementEnd();
|
|
97229
97238
|
i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreaDashboardComponent_Conditional_8_Template, 1, 4, "symphiq-profile-sticky-footer", 8);
|
|
97230
97239
|
i0.ɵɵelementEnd()();
|
|
@@ -97243,7 +97252,7 @@ class SymphiqProfileFocusAreaDashboardComponent {
|
|
|
97243
97252
|
i0.ɵɵconditional(ctx.shouldShowStickyFooter() ? 8 : -1);
|
|
97244
97253
|
} }, dependencies: [CommonModule, i1$1.NgClass, ProfileStatusCardComponent,
|
|
97245
97254
|
ProfileStickyFooterComponent,
|
|
97246
|
-
|
|
97255
|
+
LoadingCardComponent,
|
|
97247
97256
|
ScrollProgressBarComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
97248
97257
|
}
|
|
97249
97258
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileFocusAreaDashboardComponent, [{
|
|
@@ -97255,7 +97264,7 @@ class SymphiqProfileFocusAreaDashboardComponent {
|
|
|
97255
97264
|
CommonModule,
|
|
97256
97265
|
ProfileStatusCardComponent,
|
|
97257
97266
|
ProfileStickyFooterComponent,
|
|
97258
|
-
|
|
97267
|
+
LoadingCardComponent,
|
|
97259
97268
|
ScrollProgressBarComponent
|
|
97260
97269
|
],
|
|
97261
97270
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -97275,19 +97284,12 @@ class SymphiqProfileFocusAreaDashboardComponent {
|
|
|
97275
97284
|
[class.pb-32]="shouldShowStickyFooter()">
|
|
97276
97285
|
|
|
97277
97286
|
@if (isLoading()) {
|
|
97278
|
-
<
|
|
97279
|
-
|
|
97280
|
-
|
|
97281
|
-
|
|
97282
|
-
|
|
97283
|
-
|
|
97284
|
-
</h3>
|
|
97285
|
-
<p [ngClass]="getLoadingSubtitleClasses()" class="text-sm">
|
|
97286
|
-
Please wait while we prepare your questions...
|
|
97287
|
-
</p>
|
|
97288
|
-
</div>
|
|
97289
|
-
</div>
|
|
97290
|
-
</div>
|
|
97287
|
+
<symphiq-loading-card
|
|
97288
|
+
[viewMode]="viewMode()"
|
|
97289
|
+
title="Loading Focus Area Profile"
|
|
97290
|
+
subtitle="Please wait while we prepare your questions..."
|
|
97291
|
+
[backdropBlur]="true"
|
|
97292
|
+
/>
|
|
97291
97293
|
} @else if (profileFocusArea()) {
|
|
97292
97294
|
<symphiq-profile-status-card
|
|
97293
97295
|
[viewMode]="viewMode()"
|
|
@@ -97337,7 +97339,7 @@ class SymphiqProfileFocusAreaDashboardComponent {
|
|
|
97337
97339
|
type: ViewChild,
|
|
97338
97340
|
args: [ProfileStatusCardComponent]
|
|
97339
97341
|
}], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileFocusArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusArea", required: false }] }], profileFocusAreaQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusAreaQuestions", required: false }] }], profileAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswers", required: false }] }], profileAnswerHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswerHistories", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], startCategoryQuestions: [{ type: i0.Output, args: ["startCategoryQuestions"] }], answerSave: [{ type: i0.Output, args: ["answerSave"] }], continueClick: [{ type: i0.Output, args: ["continueClick"] }], adminAnswerAction: [{ type: i0.Output, args: ["adminAnswerAction"] }] }); })();
|
|
97340
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreaDashboardComponent, { className: "SymphiqProfileFocusAreaDashboardComponent", filePath: "lib/components/profile-focus-area-dashboard/symphiq-profile-focus-area-dashboard.component.ts", lineNumber:
|
|
97342
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreaDashboardComponent, { className: "SymphiqProfileFocusAreaDashboardComponent", filePath: "lib/components/profile-focus-area-dashboard/symphiq-profile-focus-area-dashboard.component.ts", lineNumber: 110 }); })();
|
|
97341
97343
|
|
|
97342
97344
|
function FocusAreaWelcomeBannerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
97343
97345
|
i0.ɵɵtext(0);
|
|
@@ -97535,29 +97537,16 @@ class FocusAreaWelcomeBannerComponent {
|
|
|
97535
97537
|
const _c0$7 = ["funnelModalComponent"];
|
|
97536
97538
|
const _forTrack0$6 = ($index, $item) => $item.id;
|
|
97537
97539
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
97538
|
-
i0.ɵɵ
|
|
97539
|
-
i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 25);
|
|
97540
|
-
i0.ɵɵelementStart(3, "div", 26)(4, "h3", 27);
|
|
97541
|
-
i0.ɵɵtext(5, " Loading Your Focus Area Analysis ");
|
|
97542
|
-
i0.ɵɵelementEnd();
|
|
97543
|
-
i0.ɵɵelementStart(6, "p", 28);
|
|
97544
|
-
i0.ɵɵtext(7, " Please wait while we prepare your personalized insights... ");
|
|
97545
|
-
i0.ɵɵelementEnd()()()();
|
|
97540
|
+
i0.ɵɵelement(0, "symphiq-loading-card", 23);
|
|
97546
97541
|
} if (rf & 2) {
|
|
97547
97542
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
97548
|
-
i0.ɵɵproperty("
|
|
97549
|
-
i0.ɵɵadvance(2);
|
|
97550
|
-
i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
|
|
97551
|
-
i0.ɵɵadvance(2);
|
|
97552
|
-
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900" : "text-white");
|
|
97553
|
-
i0.ɵɵadvance(2);
|
|
97554
|
-
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
97543
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("backdropBlur", true);
|
|
97555
97544
|
} }
|
|
97556
97545
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
97557
97546
|
i0.ɵɵelementStart(0, "div", 21);
|
|
97558
97547
|
i0.ɵɵelement(1, "symphiq-focus-area-welcome-banner", 22);
|
|
97559
97548
|
i0.ɵɵelementEnd();
|
|
97560
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_6_Conditional_2_Template,
|
|
97549
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_6_Conditional_2_Template, 1, 2, "symphiq-loading-card", 23);
|
|
97561
97550
|
} if (rf & 2) {
|
|
97562
97551
|
let tmp_5_0;
|
|
97563
97552
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -97567,8 +97556,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_6_Templat
|
|
|
97567
97556
|
i0.ɵɵconditional(ctx_r1.isLoading() ? 2 : -1);
|
|
97568
97557
|
} }
|
|
97569
97558
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
97570
|
-
i0.ɵɵelementStart(0, "div",
|
|
97571
|
-
i0.ɵɵelement(1, "symphiq-content-generation-progress",
|
|
97559
|
+
i0.ɵɵelementStart(0, "div", 25);
|
|
97560
|
+
i0.ɵɵelement(1, "symphiq-content-generation-progress", 27);
|
|
97572
97561
|
i0.ɵɵelementEnd();
|
|
97573
97562
|
} if (rf & 2) {
|
|
97574
97563
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -97578,7 +97567,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditi
|
|
|
97578
97567
|
} }
|
|
97579
97568
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
97580
97569
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
97581
|
-
i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid",
|
|
97570
|
+
i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 28);
|
|
97582
97571
|
i0.ɵɵlistener("viewMoreClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_0_Conditional_2_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
|
|
97583
97572
|
i0.ɵɵelementEnd();
|
|
97584
97573
|
} if (rf & 2) {
|
|
@@ -97586,8 +97575,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditi
|
|
|
97586
97575
|
i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
|
|
97587
97576
|
} }
|
|
97588
97577
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
97589
|
-
i0.ɵɵelementStart(0, "div",
|
|
97590
|
-
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_0_Conditional_1_Template, 2, 3, "div",
|
|
97578
|
+
i0.ɵɵelementStart(0, "div", 24);
|
|
97579
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_0_Conditional_1_Template, 2, 3, "div", 25)(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_0_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 26);
|
|
97591
97580
|
i0.ɵɵelementEnd();
|
|
97592
97581
|
} if (rf & 2) {
|
|
97593
97582
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -97596,7 +97585,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditi
|
|
|
97596
97585
|
} }
|
|
97597
97586
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
97598
97587
|
i0.ɵɵelementStart(0, "div");
|
|
97599
|
-
i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group",
|
|
97588
|
+
i0.ɵɵelement(1, "symphiq-collapsible-analysis-section-group", 29);
|
|
97600
97589
|
i0.ɵɵelementEnd();
|
|
97601
97590
|
} if (rf & 2) {
|
|
97602
97591
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -97604,7 +97593,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditi
|
|
|
97604
97593
|
i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("focusAreaExecutiveSummary", ctx_r1.focusAreaExecutiveSummary())("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
|
|
97605
97594
|
} }
|
|
97606
97595
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
97607
|
-
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_0_Template, 3, 1, "div",
|
|
97596
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_0_Template, 3, 1, "div", 24);
|
|
97608
97597
|
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Conditional_1_Template, 2, 8, "div");
|
|
97609
97598
|
} if (rf & 2) {
|
|
97610
97599
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -97614,7 +97603,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_7_Templat
|
|
|
97614
97603
|
} }
|
|
97615
97604
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
97616
97605
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
97617
|
-
i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary",
|
|
97606
|
+
i0.ɵɵelementStart(0, "symphiq-focus-area-executive-summary", 32);
|
|
97618
97607
|
i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template_symphiq_focus_area_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template_symphiq_focus_area_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
|
|
97619
97608
|
i0.ɵɵelementEnd();
|
|
97620
97609
|
} if (rf & 2) {
|
|
@@ -97622,21 +97611,21 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
|
|
|
97622
97611
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("allGoals", ctx_r1.allGoals());
|
|
97623
97612
|
} }
|
|
97624
97613
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
97625
|
-
i0.ɵɵelement(0, "symphiq-section-divider",
|
|
97614
|
+
i0.ɵɵelement(0, "symphiq-section-divider", 33);
|
|
97626
97615
|
} if (rf & 2) {
|
|
97627
97616
|
const sectionList_r5 = i0.ɵɵnextContext();
|
|
97628
97617
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
97629
97618
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r5[0].icon);
|
|
97630
97619
|
} }
|
|
97631
97620
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
97632
|
-
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider",
|
|
97621
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 33);
|
|
97633
97622
|
} if (rf & 2) {
|
|
97634
97623
|
const sectionList_r5 = ctx;
|
|
97635
97624
|
i0.ɵɵconditional(sectionList_r5.length > 0 && sectionList_r5[0].icon ? 0 : -1);
|
|
97636
97625
|
} }
|
|
97637
97626
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
97638
|
-
i0.ɵɵelementStart(0, "div",
|
|
97639
|
-
i0.ɵɵelement(1, "symphiq-icon",
|
|
97627
|
+
i0.ɵɵelementStart(0, "div", 36);
|
|
97628
|
+
i0.ɵɵelement(1, "symphiq-icon", 41);
|
|
97640
97629
|
i0.ɵɵelementEnd();
|
|
97641
97630
|
} if (rf & 2) {
|
|
97642
97631
|
const section_r6 = i0.ɵɵnextContext().$implicit;
|
|
@@ -97646,8 +97635,8 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
|
|
|
97646
97635
|
i0.ɵɵproperty("icon", section_r6.icon);
|
|
97647
97636
|
} }
|
|
97648
97637
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
97649
|
-
i0.ɵɵelementStart(0, "div",
|
|
97650
|
-
i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder",
|
|
97638
|
+
i0.ɵɵelementStart(0, "div", 43);
|
|
97639
|
+
i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 45);
|
|
97651
97640
|
i0.ɵɵelementEnd();
|
|
97652
97641
|
} if (rf & 2) {
|
|
97653
97642
|
const section_r6 = i0.ɵɵnextContext(2).$implicit;
|
|
@@ -97656,7 +97645,7 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
|
|
|
97656
97645
|
i0.ɵɵproperty("visual", section_r6.visual)("viewMode", ctx_r1.viewMode());
|
|
97657
97646
|
} }
|
|
97658
97647
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
97659
|
-
i0.ɵɵelementStart(0, "div",
|
|
97648
|
+
i0.ɵɵelementStart(0, "div", 46)(1, "p", 47);
|
|
97660
97649
|
i0.ɵɵtext(2);
|
|
97661
97650
|
i0.ɵɵelementEnd()();
|
|
97662
97651
|
} if (rf & 2) {
|
|
@@ -97669,42 +97658,42 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
|
|
|
97669
97658
|
i0.ɵɵtextInterpolate1(" ", section_r6.description, " ");
|
|
97670
97659
|
} }
|
|
97671
97660
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
97672
|
-
i0.ɵɵelementStart(0, "div",
|
|
97673
|
-
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div",
|
|
97674
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div",
|
|
97661
|
+
i0.ɵɵelementStart(0, "div", 42);
|
|
97662
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 43);
|
|
97663
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 44);
|
|
97675
97664
|
i0.ɵɵelementEnd();
|
|
97676
97665
|
} if (rf & 2) {
|
|
97677
97666
|
const ctx_r6 = i0.ɵɵnextContext();
|
|
97678
97667
|
const section_r6 = ctx_r6.$implicit;
|
|
97679
|
-
const ɵ$
|
|
97680
|
-
i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$
|
|
97668
|
+
const ɵ$index_49_r8 = ctx_r6.$index;
|
|
97669
|
+
i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_49_r8 % 2 === 0);
|
|
97681
97670
|
i0.ɵɵadvance();
|
|
97682
97671
|
i0.ɵɵconditional(section_r6.visual && section_r6.visual.enabled ? 1 : -1);
|
|
97683
97672
|
i0.ɵɵadvance();
|
|
97684
97673
|
i0.ɵɵconditional(section_r6.description ? 2 : -1);
|
|
97685
97674
|
} }
|
|
97686
97675
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
97687
|
-
i0.ɵɵelement(0, "symphiq-section-divider",
|
|
97676
|
+
i0.ɵɵelement(0, "symphiq-section-divider", 33);
|
|
97688
97677
|
} if (rf & 2) {
|
|
97689
|
-
const ɵ$
|
|
97678
|
+
const ɵ$index_49_r8 = i0.ɵɵnextContext().$index;
|
|
97690
97679
|
const sectionList_r9 = i0.ɵɵnextContext();
|
|
97691
97680
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
97692
|
-
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r9[ɵ$
|
|
97681
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r9[ɵ$index_49_r8 + 1].icon);
|
|
97693
97682
|
} }
|
|
97694
97683
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
97695
|
-
i0.ɵɵelementStart(0, "div",
|
|
97696
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div",
|
|
97697
|
-
i0.ɵɵelementStart(3, "div",
|
|
97684
|
+
i0.ɵɵelementStart(0, "div", 34)(1, "div", 35);
|
|
97685
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 36);
|
|
97686
|
+
i0.ɵɵelementStart(3, "div", 37)(4, "h3", 38);
|
|
97698
97687
|
i0.ɵɵtext(5);
|
|
97699
97688
|
i0.ɵɵelementEnd()()();
|
|
97700
|
-
i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div",
|
|
97701
|
-
i0.ɵɵelement(7, "symphiq-profile-section-content",
|
|
97689
|
+
i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 39);
|
|
97690
|
+
i0.ɵɵelement(7, "symphiq-profile-section-content", 40);
|
|
97702
97691
|
i0.ɵɵelementEnd();
|
|
97703
|
-
i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider",
|
|
97692
|
+
i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 33);
|
|
97704
97693
|
} if (rf & 2) {
|
|
97705
97694
|
const section_r6 = ctx.$implicit;
|
|
97706
|
-
const ɵ$
|
|
97707
|
-
const ɵ$
|
|
97695
|
+
const ɵ$index_49_r8 = ctx.$index;
|
|
97696
|
+
const ɵ$count_49_r10 = ctx.$count;
|
|
97708
97697
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
97709
97698
|
i0.ɵɵproperty("id", "section-" + section_r6.id)("ngClass", ctx_r1.sectionCardClasses());
|
|
97710
97699
|
i0.ɵɵadvance(2);
|
|
@@ -97716,12 +97705,12 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
|
|
|
97716
97705
|
i0.ɵɵadvance();
|
|
97717
97706
|
i0.ɵɵconditional(section_r6.description || section_r6.visual && section_r6.visual.enabled ? 6 : -1);
|
|
97718
97707
|
i0.ɵɵadvance();
|
|
97719
|
-
i0.ɵɵproperty("section", section_r6)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$
|
|
97708
|
+
i0.ɵɵproperty("section", section_r6)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_49_r8)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
|
|
97720
97709
|
i0.ɵɵadvance();
|
|
97721
|
-
i0.ɵɵconditional(!(ɵ$
|
|
97710
|
+
i0.ɵɵconditional(!(ɵ$index_49_r8 === ɵ$count_49_r10 - 1) ? 8 : -1);
|
|
97722
97711
|
} }
|
|
97723
97712
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
97724
|
-
i0.ɵɵelementStart(0, "section",
|
|
97713
|
+
i0.ɵɵelementStart(0, "section", 31);
|
|
97725
97714
|
i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$6);
|
|
97726
97715
|
i0.ɵɵelementEnd();
|
|
97727
97716
|
} if (rf & 2) {
|
|
@@ -97729,9 +97718,9 @@ function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditi
|
|
|
97729
97718
|
i0.ɵɵrepeater(ctx);
|
|
97730
97719
|
} }
|
|
97731
97720
|
function SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
97732
|
-
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template, 1, 3, "symphiq-focus-area-executive-summary",
|
|
97721
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_0_Template, 1, 3, "symphiq-focus-area-executive-summary", 30);
|
|
97733
97722
|
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_1_Template, 1, 1);
|
|
97734
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_Template, 3, 0, "section",
|
|
97723
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisFocusAreaDashboardComponent_Conditional_8_Conditional_2_Template, 3, 0, "section", 31);
|
|
97735
97724
|
} if (rf & 2) {
|
|
97736
97725
|
let tmp_2_0;
|
|
97737
97726
|
let tmp_3_0;
|
|
@@ -97818,7 +97807,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
97818
97807
|
this.requestedByUser = input(...(ngDevMode ? [undefined, { debugName: "requestedByUser" }] : []));
|
|
97819
97808
|
this.embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
|
|
97820
97809
|
this.scrollEvent = input(undefined, ...(ngDevMode ? [{ debugName: "scrollEvent" }] : []));
|
|
97821
|
-
this.scrollElement = input(
|
|
97810
|
+
this.scrollElement = input(undefined, ...(ngDevMode ? [{ debugName: "scrollElement" }] : []));
|
|
97822
97811
|
this.focusAreaDetails = input(...(ngDevMode ? [undefined, { debugName: "focusAreaDetails" }] : []));
|
|
97823
97812
|
this.itemStatusProfileAnalysis = input(...(ngDevMode ? [undefined, { debugName: "itemStatusProfileAnalysis" }] : []));
|
|
97824
97813
|
this.isMarkingAsReviewed = input(false, ...(ngDevMode ? [{ debugName: "isMarkingAsReviewed" }] : []));
|
|
@@ -98248,7 +98237,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
98248
98237
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
|
|
98249
98238
|
} }, hostBindings: function SymphiqProfileAnalysisFocusAreaDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
98250
98239
|
i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisFocusAreaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
|
|
98251
|
-
} }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 50, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "
|
|
98240
|
+
} }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], focusAreaDetails: [1, "focusAreaDetails"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 27, vars: 50, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [1, "mb-12"], [3, "viewMode", "focusAreaDomain", "focusAreaName", "analysisDate"], ["title", "Loading Your Focus Area Analysis", "subtitle", "Please wait while we prepare your personalized insights...", 3, "viewMode", "backdropBlur"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Focus Area Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "focusAreaExecutiveSummary", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisFocusAreaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
98252
98241
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
98253
98242
|
i0.ɵɵelementStart(0, "div", 1);
|
|
98254
98243
|
i0.ɵɵelement(1, "div", 2)(2, "symphiq-scroll-progress-bar", 3);
|
|
@@ -98303,7 +98292,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
98303
98292
|
i0.ɵɵadvance();
|
|
98304
98293
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("progress", ctx.scrollProgress())("embedded", ctx.embedded());
|
|
98305
98294
|
i0.ɵɵadvance(2);
|
|
98306
|
-
i0.ɵɵproperty("title", ctx.getAnalysisSubtitle())("subtitle", "")("currentSection", "Focus Area")("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_14_0 = ctx.profileAnalysis()) == null ? null : tmp_14_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls())("embedded", ctx.embedded())("
|
|
98295
|
+
i0.ɵɵproperty("title", ctx.getAnalysisSubtitle())("subtitle", "")("currentSection", "Focus Area")("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_14_0 = ctx.profileAnalysis()) == null ? null : tmp_14_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls())("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
|
|
98307
98296
|
i0.ɵɵadvance();
|
|
98308
98297
|
i0.ɵɵclassProp("pb-32", ctx.shouldShowReviewFooter());
|
|
98309
98298
|
i0.ɵɵadvance();
|
|
@@ -98368,7 +98357,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
98368
98357
|
StrategicGoalsTiledGridComponent,
|
|
98369
98358
|
CollapsibleAnalysisSectionGroupComponent,
|
|
98370
98359
|
ContentGenerationProgressComponent,
|
|
98371
|
-
|
|
98360
|
+
LoadingCardComponent,
|
|
98372
98361
|
MarkAsReviewedFooterComponent,
|
|
98373
98362
|
ScrollProgressBarComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
98374
98363
|
}
|
|
@@ -98405,7 +98394,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
98405
98394
|
StrategicGoalsTiledGridComponent,
|
|
98406
98395
|
CollapsibleAnalysisSectionGroupComponent,
|
|
98407
98396
|
ContentGenerationProgressComponent,
|
|
98408
|
-
|
|
98397
|
+
LoadingCardComponent,
|
|
98409
98398
|
MarkAsReviewedFooterComponent,
|
|
98410
98399
|
ScrollProgressBarComponent
|
|
98411
98400
|
],
|
|
@@ -98434,7 +98423,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
98434
98423
|
[createdDate]="profileAnalysis()?.selfContentCompletedDate"
|
|
98435
98424
|
[showControls]="shouldShowHeaderControls()"
|
|
98436
98425
|
[embedded]="embedded()"
|
|
98437
|
-
[
|
|
98426
|
+
[scrollEvent]="scrollEvent()"
|
|
98438
98427
|
(searchClick)="openSearch()"
|
|
98439
98428
|
(viewModeClick)="openViewModeSwitcher()"
|
|
98440
98429
|
/>
|
|
@@ -98456,20 +98445,12 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
98456
98445
|
|
|
98457
98446
|
<!-- Loading Card -->
|
|
98458
98447
|
@if (isLoading()) {
|
|
98459
|
-
<
|
|
98460
|
-
|
|
98461
|
-
|
|
98462
|
-
|
|
98463
|
-
|
|
98464
|
-
|
|
98465
|
-
Loading Your Focus Area Analysis
|
|
98466
|
-
</h3>
|
|
98467
|
-
<p [ngClass]="isLightMode() ? 'text-slate-600' : 'text-slate-400'" class="text-sm">
|
|
98468
|
-
Please wait while we prepare your personalized insights...
|
|
98469
|
-
</p>
|
|
98470
|
-
</div>
|
|
98471
|
-
</div>
|
|
98472
|
-
</div>
|
|
98448
|
+
<symphiq-loading-card
|
|
98449
|
+
[viewMode]="viewMode()"
|
|
98450
|
+
title="Loading Your Focus Area Analysis"
|
|
98451
|
+
subtitle="Please wait while we prepare your personalized insights..."
|
|
98452
|
+
[backdropBlur]="true"
|
|
98453
|
+
/>
|
|
98473
98454
|
}
|
|
98474
98455
|
}
|
|
98475
98456
|
|
|
@@ -98759,11 +98740,11 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
98759
98740
|
type: HostListener,
|
|
98760
98741
|
args: ['window:scroll', ['$event']]
|
|
98761
98742
|
}] }); })();
|
|
98762
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber:
|
|
98743
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisFocusAreaDashboardComponent, { className: "SymphiqProfileAnalysisFocusAreaDashboardComponent", filePath: "lib/components/profile-analysis-focus-area-dashboard/symphiq-profile-analysis-focus-area-dashboard.component.ts", lineNumber: 482 }); })();
|
|
98763
98744
|
|
|
98764
98745
|
function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
98765
98746
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
98766
|
-
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator",
|
|
98747
|
+
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 26);
|
|
98767
98748
|
i0.ɵɵlistener("nextStepClick", function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_5_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); })("stepClick", function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_5_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
|
|
98768
98749
|
i0.ɵɵelementEnd();
|
|
98769
98750
|
} if (rf & 2) {
|
|
@@ -98776,10 +98757,25 @@ function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_16_Template
|
|
|
98776
98757
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
98777
98758
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("profileStatusCounts", ctx_r1.metricStatusCounts())("analysisStatusCounts", ctx_r1.analysisStatusCounts())("allReviewed", ctx_r1.allMetricsAnalysisReviewed())("hasItems", ctx_r1.metricCards().length > 0)("config", ctx_r1.metricStatusConfig);
|
|
98778
98759
|
} }
|
|
98760
|
+
function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
98761
|
+
i0.ɵɵelement(0, "symphiq-loading-card", 24);
|
|
98762
|
+
} if (rf & 2) {
|
|
98763
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
98764
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
|
|
98765
|
+
} }
|
|
98779
98766
|
function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
|
|
98780
98767
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
98781
|
-
i0.ɵɵelementStart(0, "symphiq-
|
|
98782
|
-
i0.ɵɵlistener("
|
|
98768
|
+
i0.ɵɵelementStart(0, "symphiq-profile-analysis-card-grid", 27);
|
|
98769
|
+
i0.ɵɵlistener("cardClick", function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_30_Template_symphiq_profile_analysis_card_grid_cardClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCardClick($event)); });
|
|
98770
|
+
i0.ɵɵelementEnd();
|
|
98771
|
+
} if (rf & 2) {
|
|
98772
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
98773
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("cards", ctx_r1.genericCardData())("config", ctx_r1.metricCardConfig);
|
|
98774
|
+
} }
|
|
98775
|
+
function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
|
|
98776
|
+
const _r4 = i0.ɵɵgetCurrentView();
|
|
98777
|
+
i0.ɵɵelementStart(0, "symphiq-search-modal", 28);
|
|
98778
|
+
i0.ɵɵlistener("closeModal", function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_31_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
|
|
98783
98779
|
i0.ɵɵelementEnd();
|
|
98784
98780
|
} }
|
|
98785
98781
|
class SymphiqProfileMetricsAnalysesDashboardComponent {
|
|
@@ -99236,7 +99232,7 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
|
|
|
99236
99232
|
static { this.ɵfac = function SymphiqProfileMetricsAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileMetricsAnalysesDashboardComponent)(); }; }
|
|
99237
99233
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileMetricsAnalysesDashboardComponent, selectors: [["symphiq-profile-metrics-analyses-dashboard"]], hostBindings: function SymphiqProfileMetricsAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
99238
99234
|
i0.ɵɵlistener("scroll", function SymphiqProfileMetricsAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
|
|
99239
|
-
} }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileMetrics: [1, "profileMetrics"], itemStatusesProfileMetric: [1, "itemStatusesProfileMetric"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], funnelMetrics: [1, "funnelMetrics"], account: [1, "account"], profileMetricQuestions: [1, "profileMetricQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileMetric: "navigateToProfileMetric", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerMetricProfileQuestions: "answerMetricProfileQuestions", continueMetricProfileQuestions: "continueMetricProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", metricProfileAdminAnswerAction: "metricProfileAdminAnswerAction" }, decls:
|
|
99235
|
+
} }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileMetrics: [1, "profileMetrics"], itemStatusesProfileMetric: [1, "itemStatusesProfileMetric"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], funnelMetrics: [1, "funnelMetrics"], account: [1, "account"], profileMetricQuestions: [1, "profileMetricQuestions"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { navigateToProfileMetric: "navigateToProfileMetric", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerMetricProfileQuestions: "answerMetricProfileQuestions", continueMetricProfileQuestions: "continueMetricProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", metricProfileAdminAnswerAction: "metricProfileAdminAnswerAction" }, decls: 33, vars: 29, consts: [[1, "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], ["colorScheme", "blue-cyan", 3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["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, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [3, "viewMode", "profileStatusCounts", "analysisStatusCounts", "allReviewed", "hasItems", "config"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "metric-analysis", 3, "viewMode", "currentMetric"], [1, "mt-6", "block", 3, "viewMode", "items", "analysisDate", "analysisDatePreposition"], ["title", "Complete Your Profile", "description", "You've reached the final onboarding step! Once all metrics are profiled, you'll have complete context coverage. Symphiq will then generate unified recommendations that connect business goals to specific funnel improvements\u2014showing exactly what to do next to drive growth.", 1, "mt-6", "block", 3, "viewMode"], ["title", "Loading Funnel Metric Data", "subtitle", "Please wait while we retrieve your funnel metrics...", "size", "large", 3, "viewMode"], [3, "viewMode", "cards", "config"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "cardClick", "viewMode", "cards", "config"], [3, "closeModal"]], template: function SymphiqProfileMetricsAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
99240
99236
|
i0.ɵɵelementStart(0, "div", 0);
|
|
99241
99237
|
i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
|
|
99242
99238
|
i0.ɵɵelementStart(3, "div", 3);
|
|
@@ -99265,11 +99261,10 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
|
|
|
99265
99261
|
i0.ɵɵelementEnd()();
|
|
99266
99262
|
i0.ɵɵelement(27, "symphiq-what-youll-see-below", 22)(28, "symphiq-continue-your-journey", 23);
|
|
99267
99263
|
i0.ɵɵelementEnd()()()();
|
|
99268
|
-
i0.ɵɵ
|
|
99269
|
-
i0.ɵɵ
|
|
99270
|
-
i0.ɵɵ
|
|
99271
|
-
i0.ɵɵ
|
|
99272
|
-
i0.ɵɵelement(31, "symphiq-tooltip-container");
|
|
99264
|
+
i0.ɵɵconditionalCreate(29, SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_29_Template, 1, 1, "symphiq-loading-card", 24)(30, SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_30_Template, 1, 3, "symphiq-profile-analysis-card-grid", 25);
|
|
99265
|
+
i0.ɵɵelementEnd()();
|
|
99266
|
+
i0.ɵɵconditionalCreate(31, SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_31_Template, 1, 0, "symphiq-search-modal");
|
|
99267
|
+
i0.ɵɵelement(32, "symphiq-tooltip-container");
|
|
99273
99268
|
i0.ɵɵelementEnd();
|
|
99274
99269
|
} if (rf & 2) {
|
|
99275
99270
|
i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
|
|
@@ -99278,7 +99273,7 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
|
|
|
99278
99273
|
i0.ɵɵadvance();
|
|
99279
99274
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("progress", ctx.scrollProgress())("embedded", ctx.embedded());
|
|
99280
99275
|
i0.ɵɵadvance(2);
|
|
99281
|
-
i0.ɵɵproperty("title", "Funnel Metrics")("subtitle", "Provide context for funnel stage metrics and performance")("viewMode", ctx.viewMode())("showControls", false)("embedded", ctx.embedded())("
|
|
99276
|
+
i0.ɵɵproperty("title", "Funnel Metrics")("subtitle", "Provide context for funnel stage metrics and performance")("viewMode", ctx.viewMode())("showControls", false)("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
|
|
99282
99277
|
i0.ɵɵadvance();
|
|
99283
99278
|
i0.ɵɵconditional(ctx.isSimplifiedView() ? 5 : -1);
|
|
99284
99279
|
i0.ɵɵadvance(2);
|
|
@@ -99300,10 +99295,10 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
|
|
|
99300
99295
|
i0.ɵɵadvance();
|
|
99301
99296
|
i0.ɵɵproperty("viewMode", ctx.viewMode());
|
|
99302
99297
|
i0.ɵɵadvance();
|
|
99303
|
-
i0.ɵɵ
|
|
99304
|
-
i0.ɵɵadvance();
|
|
99305
|
-
i0.ɵɵconditional(ctx.showSearchModal() ?
|
|
99306
|
-
} }, dependencies: [CommonModule, i1$1.NgClass, ContinueYourJourneyComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent], styles: [".animated-bubbles[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f60d,#06b6d40d)}.animated-bubbles.light-mode[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f608,#06b6d408)}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out}.animated-bubbles[_ngcontent-%COMP%]:before{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_status-pop .3s ease-out;transition:all .3s ease-out}@keyframes _ngcontent-%COMP%_alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_alert-pulse 4s ease-in-out infinite}"], data: { animation: [
|
|
99298
|
+
i0.ɵɵconditional(ctx.isLoading() ? 29 : 30);
|
|
99299
|
+
i0.ɵɵadvance(2);
|
|
99300
|
+
i0.ɵɵconditional(ctx.showSearchModal() ? 31 : -1);
|
|
99301
|
+
} }, dependencies: [CommonModule, i1$1.NgClass, ContinueYourJourneyComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent, LoadingCardComponent], styles: [".animated-bubbles[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f60d,#06b6d40d)}.animated-bubbles.light-mode[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f608,#06b6d408)}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out}.animated-bubbles[_ngcontent-%COMP%]:before{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_status-pop .3s ease-out;transition:all .3s ease-out}@keyframes _ngcontent-%COMP%_alert-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.animate-alert-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_alert-pulse 4s ease-in-out infinite}"], data: { animation: [
|
|
99307
99302
|
trigger('statusBadge', [
|
|
99308
99303
|
transition(':enter', [
|
|
99309
99304
|
style({ opacity: 0, transform: 'scale(0.8)' }),
|
|
@@ -99324,7 +99319,7 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
|
|
|
99324
99319
|
}
|
|
99325
99320
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileMetricsAnalysesDashboardComponent, [{
|
|
99326
99321
|
type: Component,
|
|
99327
|
-
args: [{ selector: 'symphiq-profile-metrics-analyses-dashboard', standalone: true, imports: [CommonModule, ContinueYourJourneyComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
99322
|
+
args: [{ selector: 'symphiq-profile-metrics-analyses-dashboard', standalone: true, imports: [CommonModule, ContinueYourJourneyComponent, DashboardHeaderComponent, ScrollProgressBarComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, TooltipContainerComponent, ProfileAnalysisStatusSummaryComponent, ProfileAnalysisCardGridComponent, WhatYoullSeeBelowComponent, LoadingCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
99328
99323
|
trigger('statusBadge', [
|
|
99329
99324
|
transition(':enter', [
|
|
99330
99325
|
style({ opacity: 0, transform: 'scale(0.8)' }),
|
|
@@ -99361,7 +99356,7 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
|
|
|
99361
99356
|
[viewMode]="viewMode()"
|
|
99362
99357
|
[showControls]="false"
|
|
99363
99358
|
[embedded]="embedded()"
|
|
99364
|
-
[
|
|
99359
|
+
[scrollEvent]="scrollEvent()"
|
|
99365
99360
|
></symphiq-dashboard-header>
|
|
99366
99361
|
|
|
99367
99362
|
<!-- Journey Progress Indicator (Simplified View Only) -->
|
|
@@ -99450,12 +99445,21 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
|
|
|
99450
99445
|
</div>
|
|
99451
99446
|
|
|
99452
99447
|
<!-- Metrics Grid -->
|
|
99453
|
-
|
|
99454
|
-
|
|
99455
|
-
|
|
99456
|
-
|
|
99457
|
-
|
|
99458
|
-
|
|
99448
|
+
@if (isLoading()) {
|
|
99449
|
+
<symphiq-loading-card
|
|
99450
|
+
[viewMode]="viewMode()"
|
|
99451
|
+
title="Loading Funnel Metric Data"
|
|
99452
|
+
subtitle="Please wait while we retrieve your funnel metrics..."
|
|
99453
|
+
size="large"
|
|
99454
|
+
/>
|
|
99455
|
+
} @else {
|
|
99456
|
+
<symphiq-profile-analysis-card-grid
|
|
99457
|
+
[viewMode]="viewMode()"
|
|
99458
|
+
[cards]="genericCardData()"
|
|
99459
|
+
[config]="metricCardConfig"
|
|
99460
|
+
(cardClick)="handleCardClick($event)"
|
|
99461
|
+
/>
|
|
99462
|
+
}
|
|
99459
99463
|
</div>
|
|
99460
99464
|
</div>
|
|
99461
99465
|
|
|
@@ -99473,31 +99477,18 @@ class SymphiqProfileMetricsAnalysesDashboardComponent {
|
|
|
99473
99477
|
type: HostListener,
|
|
99474
99478
|
args: ['window:scroll', ['$event']]
|
|
99475
99479
|
}] }); })();
|
|
99476
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileMetricsAnalysesDashboardComponent, { className: "SymphiqProfileMetricsAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-metrics-dashboard/symphiq-profile-metrics-analyses-dashboard.component.ts", lineNumber:
|
|
99480
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileMetricsAnalysesDashboardComponent, { className: "SymphiqProfileMetricsAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-metrics-dashboard/symphiq-profile-metrics-analyses-dashboard.component.ts", lineNumber: 337 }); })();
|
|
99477
99481
|
|
|
99478
99482
|
const _c0$6 = () => [];
|
|
99479
99483
|
function SymphiqProfileMetricDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
99480
|
-
i0.ɵɵ
|
|
99481
|
-
i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 10);
|
|
99482
|
-
i0.ɵɵelementStart(3, "div", 11)(4, "h3", 12);
|
|
99483
|
-
i0.ɵɵtext(5, " Loading Metric Profile ");
|
|
99484
|
-
i0.ɵɵelementEnd();
|
|
99485
|
-
i0.ɵɵelementStart(6, "p", 13);
|
|
99486
|
-
i0.ɵɵtext(7, " Please wait while we prepare your questions... ");
|
|
99487
|
-
i0.ɵɵelementEnd()()()();
|
|
99484
|
+
i0.ɵɵelement(0, "symphiq-loading-card", 5);
|
|
99488
99485
|
} if (rf & 2) {
|
|
99489
99486
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
99490
|
-
i0.ɵɵproperty("
|
|
99491
|
-
i0.ɵɵadvance(2);
|
|
99492
|
-
i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
|
|
99493
|
-
i0.ɵɵadvance(2);
|
|
99494
|
-
i0.ɵɵproperty("ngClass", ctx_r0.getLoadingTitleClasses());
|
|
99495
|
-
i0.ɵɵadvance(2);
|
|
99496
|
-
i0.ɵɵproperty("ngClass", ctx_r0.getLoadingSubtitleClasses());
|
|
99487
|
+
i0.ɵɵproperty("viewMode", ctx_r0.viewMode())("backdropBlur", true);
|
|
99497
99488
|
} }
|
|
99498
99489
|
function SymphiqProfileMetricDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
99499
99490
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
99500
|
-
i0.ɵɵelementStart(0, "symphiq-profile-status-card",
|
|
99491
|
+
i0.ɵɵelementStart(0, "symphiq-profile-status-card", 9);
|
|
99501
99492
|
i0.ɵɵlistener("startCategoryQuestions", function SymphiqProfileMetricDashboardComponent_Conditional_6_Template_symphiq_profile_status_card_startCategoryQuestions_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.handleStartCategoryQuestions($event)); })("answerSave", function SymphiqProfileMetricDashboardComponent_Conditional_6_Template_symphiq_profile_status_card_answerSave_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.handleAnswerSave($event)); })("adminAnswerAction", function SymphiqProfileMetricDashboardComponent_Conditional_6_Template_symphiq_profile_status_card_adminAnswerAction_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.adminAnswerAction.emit($event)); });
|
|
99502
99493
|
i0.ɵɵelementEnd();
|
|
99503
99494
|
} if (rf & 2) {
|
|
@@ -99507,11 +99498,11 @@ function SymphiqProfileMetricDashboardComponent_Conditional_6_Template(rf, ctx)
|
|
|
99507
99498
|
function SymphiqProfileMetricDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
99508
99499
|
i0.ɵɵelementStart(0, "div", 7);
|
|
99509
99500
|
i0.ɵɵnamespaceSVG();
|
|
99510
|
-
i0.ɵɵelementStart(1, "svg",
|
|
99511
|
-
i0.ɵɵelement(2, "path",
|
|
99501
|
+
i0.ɵɵelementStart(1, "svg", 10);
|
|
99502
|
+
i0.ɵɵelement(2, "path", 11);
|
|
99512
99503
|
i0.ɵɵelementEnd();
|
|
99513
99504
|
i0.ɵɵnamespaceHTML();
|
|
99514
|
-
i0.ɵɵelementStart(3, "h3",
|
|
99505
|
+
i0.ɵɵelementStart(3, "h3", 12);
|
|
99515
99506
|
i0.ɵɵtext(4, " No Metric Selected ");
|
|
99516
99507
|
i0.ɵɵelementEnd();
|
|
99517
99508
|
i0.ɵɵelementStart(5, "p", 13);
|
|
@@ -99527,7 +99518,7 @@ function SymphiqProfileMetricDashboardComponent_Conditional_7_Template(rf, ctx)
|
|
|
99527
99518
|
} }
|
|
99528
99519
|
function SymphiqProfileMetricDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
99529
99520
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
99530
|
-
i0.ɵɵelementStart(0, "symphiq-profile-sticky-footer",
|
|
99521
|
+
i0.ɵɵelementStart(0, "symphiq-profile-sticky-footer", 14);
|
|
99531
99522
|
i0.ɵɵlistener("continueClick", function SymphiqProfileMetricDashboardComponent_Conditional_8_Template_symphiq_profile_sticky_footer_continueClick_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.handleContinueClick()); });
|
|
99532
99523
|
i0.ɵɵelementEnd();
|
|
99533
99524
|
} if (rf & 2) {
|
|
@@ -99548,7 +99539,7 @@ class SymphiqProfileMetricDashboardComponent {
|
|
|
99548
99539
|
this.currentUser = input(...(ngDevMode ? [undefined, { debugName: "currentUser" }] : []));
|
|
99549
99540
|
this.embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
|
|
99550
99541
|
this.scrollEvent = input(undefined, ...(ngDevMode ? [{ debugName: "scrollEvent" }] : []));
|
|
99551
|
-
this.scrollElement = input(
|
|
99542
|
+
this.scrollElement = input(undefined, ...(ngDevMode ? [{ debugName: "scrollElement" }] : []));
|
|
99552
99543
|
this.scrollProgress = signal(0, ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
|
|
99553
99544
|
this.startCategoryQuestions = output();
|
|
99554
99545
|
this.answerSave = output();
|
|
@@ -99611,17 +99602,6 @@ class SymphiqProfileMetricDashboardComponent {
|
|
|
99611
99602
|
? 'bg-gradient-to-br from-slate-50 via-blue-50/30 to-purple-50/30'
|
|
99612
99603
|
: 'bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900';
|
|
99613
99604
|
}
|
|
99614
|
-
getLoadingCardClasses() {
|
|
99615
|
-
return this.isLightMode()
|
|
99616
|
-
? 'bg-white/80 border-slate-200'
|
|
99617
|
-
: 'bg-slate-800/80 border-slate-700';
|
|
99618
|
-
}
|
|
99619
|
-
getLoadingTitleClasses() {
|
|
99620
|
-
return this.isLightMode() ? 'text-slate-900' : 'text-white';
|
|
99621
|
-
}
|
|
99622
|
-
getLoadingSubtitleClasses() {
|
|
99623
|
-
return this.isLightMode() ? 'text-slate-600' : 'text-slate-400';
|
|
99624
|
-
}
|
|
99625
99605
|
getEmptyStateClasses() {
|
|
99626
99606
|
return this.isLightMode()
|
|
99627
99607
|
? 'bg-white/80 border-slate-200'
|
|
@@ -99639,11 +99619,11 @@ class SymphiqProfileMetricDashboardComponent {
|
|
|
99639
99619
|
} if (rf & 2) {
|
|
99640
99620
|
let _t;
|
|
99641
99621
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.profileStatusCard = _t.first);
|
|
99642
|
-
} }, inputs: { viewMode: [1, "viewMode"], profileMetric: [1, "profileMetric"], funnelMetric: [1, "funnelMetric"], profileMetricQuestions: [1, "profileMetricQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"] }, outputs: { startCategoryQuestions: "startCategoryQuestions", answerSave: "answerSave", continueClick: "continueClick", adminAnswerAction: "adminAnswerAction" }, decls: 9, vars: 12, consts: [[1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-10"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [
|
|
99622
|
+
} }, inputs: { viewMode: [1, "viewMode"], profileMetric: [1, "profileMetric"], funnelMetric: [1, "funnelMetric"], profileMetricQuestions: [1, "profileMetricQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"] }, outputs: { startCategoryQuestions: "startCategoryQuestions", answerSave: "answerSave", continueClick: "continueClick", adminAnswerAction: "adminAnswerAction" }, decls: 9, vars: 12, consts: [[1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-10"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], ["title", "Loading Metric Profile", "subtitle", "Please wait while we prepare your questions...", 3, "viewMode", "backdropBlur"], [3, "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "categoryNameFormatter", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "text-center", 3, "ngClass"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "categoryNameFormatter", "currentUser"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", "opacity-50"], ["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 2"], [1, "text-xl", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"]], template: function SymphiqProfileMetricDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
99643
99623
|
i0.ɵɵelementStart(0, "div", 0);
|
|
99644
99624
|
i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
|
|
99645
99625
|
i0.ɵɵelementStart(3, "div", 3)(4, "main", 4);
|
|
99646
|
-
i0.ɵɵconditionalCreate(5, SymphiqProfileMetricDashboardComponent_Conditional_5_Template,
|
|
99626
|
+
i0.ɵɵconditionalCreate(5, SymphiqProfileMetricDashboardComponent_Conditional_5_Template, 1, 2, "symphiq-loading-card", 5)(6, SymphiqProfileMetricDashboardComponent_Conditional_6_Template, 1, 15, "symphiq-profile-status-card", 6)(7, SymphiqProfileMetricDashboardComponent_Conditional_7_Template, 7, 3, "div", 7);
|
|
99647
99627
|
i0.ɵɵelementEnd();
|
|
99648
99628
|
i0.ɵɵconditionalCreate(8, SymphiqProfileMetricDashboardComponent_Conditional_8_Template, 1, 4, "symphiq-profile-sticky-footer", 8);
|
|
99649
99629
|
i0.ɵɵelementEnd()();
|
|
@@ -99662,7 +99642,7 @@ class SymphiqProfileMetricDashboardComponent {
|
|
|
99662
99642
|
i0.ɵɵconditional(ctx.shouldShowStickyFooter() ? 8 : -1);
|
|
99663
99643
|
} }, dependencies: [CommonModule, i1$1.NgClass, ProfileStatusCardComponent,
|
|
99664
99644
|
ProfileStickyFooterComponent,
|
|
99665
|
-
|
|
99645
|
+
LoadingCardComponent,
|
|
99666
99646
|
ScrollProgressBarComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
99667
99647
|
}
|
|
99668
99648
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileMetricDashboardComponent, [{
|
|
@@ -99674,7 +99654,7 @@ class SymphiqProfileMetricDashboardComponent {
|
|
|
99674
99654
|
CommonModule,
|
|
99675
99655
|
ProfileStatusCardComponent,
|
|
99676
99656
|
ProfileStickyFooterComponent,
|
|
99677
|
-
|
|
99657
|
+
LoadingCardComponent,
|
|
99678
99658
|
ScrollProgressBarComponent
|
|
99679
99659
|
],
|
|
99680
99660
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -99694,19 +99674,12 @@ class SymphiqProfileMetricDashboardComponent {
|
|
|
99694
99674
|
[class.pb-32]="shouldShowStickyFooter()">
|
|
99695
99675
|
|
|
99696
99676
|
@if (isLoading()) {
|
|
99697
|
-
<
|
|
99698
|
-
|
|
99699
|
-
|
|
99700
|
-
|
|
99701
|
-
|
|
99702
|
-
|
|
99703
|
-
</h3>
|
|
99704
|
-
<p [ngClass]="getLoadingSubtitleClasses()" class="text-sm">
|
|
99705
|
-
Please wait while we prepare your questions...
|
|
99706
|
-
</p>
|
|
99707
|
-
</div>
|
|
99708
|
-
</div>
|
|
99709
|
-
</div>
|
|
99677
|
+
<symphiq-loading-card
|
|
99678
|
+
[viewMode]="viewMode()"
|
|
99679
|
+
title="Loading Metric Profile"
|
|
99680
|
+
subtitle="Please wait while we prepare your questions..."
|
|
99681
|
+
[backdropBlur]="true"
|
|
99682
|
+
/>
|
|
99710
99683
|
} @else if (profileMetric()) {
|
|
99711
99684
|
<symphiq-profile-status-card
|
|
99712
99685
|
[viewMode]="viewMode()"
|
|
@@ -99756,34 +99729,21 @@ class SymphiqProfileMetricDashboardComponent {
|
|
|
99756
99729
|
type: ViewChild,
|
|
99757
99730
|
args: [ProfileStatusCardComponent]
|
|
99758
99731
|
}], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], profileMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileMetric", required: false }] }], funnelMetric: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetric", required: false }] }], profileMetricQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileMetricQuestions", required: false }] }], profileAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswers", required: false }] }], profileAnswerHistories: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnswerHistories", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], startCategoryQuestions: [{ type: i0.Output, args: ["startCategoryQuestions"] }], answerSave: [{ type: i0.Output, args: ["answerSave"] }], continueClick: [{ type: i0.Output, args: ["continueClick"] }], adminAnswerAction: [{ type: i0.Output, args: ["adminAnswerAction"] }] }); })();
|
|
99759
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileMetricDashboardComponent, { className: "SymphiqProfileMetricDashboardComponent", filePath: "lib/components/profile-metric-dashboard/symphiq-profile-metric-dashboard.component.ts", lineNumber:
|
|
99732
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileMetricDashboardComponent, { className: "SymphiqProfileMetricDashboardComponent", filePath: "lib/components/profile-metric-dashboard/symphiq-profile-metric-dashboard.component.ts", lineNumber: 111 }); })();
|
|
99760
99733
|
|
|
99761
99734
|
const _c0$5 = ["funnelModalComponent"];
|
|
99762
99735
|
const _forTrack0$5 = ($index, $item) => $item.id;
|
|
99763
99736
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
99764
|
-
i0.ɵɵ
|
|
99765
|
-
i0.ɵɵelement(2, "symphiq-indeterminate-spinner", 26);
|
|
99766
|
-
i0.ɵɵelementStart(3, "div", 27)(4, "h3", 28);
|
|
99767
|
-
i0.ɵɵtext(5, " Loading Your Metric Analysis ");
|
|
99768
|
-
i0.ɵɵelementEnd();
|
|
99769
|
-
i0.ɵɵelementStart(6, "p", 29);
|
|
99770
|
-
i0.ɵɵtext(7, " Please wait while we prepare your personalized insights... ");
|
|
99771
|
-
i0.ɵɵelementEnd()()()();
|
|
99737
|
+
i0.ɵɵelement(0, "symphiq-loading-card", 24);
|
|
99772
99738
|
} if (rf & 2) {
|
|
99773
99739
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
99774
|
-
i0.ɵɵproperty("
|
|
99775
|
-
i0.ɵɵadvance(2);
|
|
99776
|
-
i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
|
|
99777
|
-
i0.ɵɵadvance(2);
|
|
99778
|
-
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-900" : "text-white");
|
|
99779
|
-
i0.ɵɵadvance(2);
|
|
99780
|
-
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600" : "text-slate-400");
|
|
99740
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("backdropBlur", true);
|
|
99781
99741
|
} }
|
|
99782
99742
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
99783
99743
|
i0.ɵɵelementStart(0, "div", 22);
|
|
99784
99744
|
i0.ɵɵelement(1, "symphiq-metric-welcome-banner", 23);
|
|
99785
99745
|
i0.ɵɵelementEnd();
|
|
99786
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_6_Conditional_2_Template,
|
|
99746
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_6_Conditional_2_Template, 1, 2, "symphiq-loading-card", 24);
|
|
99787
99747
|
} if (rf & 2) {
|
|
99788
99748
|
let tmp_5_0;
|
|
99789
99749
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -99793,8 +99753,8 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_6_Template(r
|
|
|
99793
99753
|
i0.ɵɵconditional(ctx_r1.isLoading() ? 2 : -1);
|
|
99794
99754
|
} }
|
|
99795
99755
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
99796
|
-
i0.ɵɵelementStart(0, "div",
|
|
99797
|
-
i0.ɵɵelement(1, "symphiq-content-generation-progress",
|
|
99756
|
+
i0.ɵɵelementStart(0, "div", 26);
|
|
99757
|
+
i0.ɵɵelement(1, "symphiq-content-generation-progress", 28);
|
|
99798
99758
|
i0.ɵɵelementEnd();
|
|
99799
99759
|
} if (rf & 2) {
|
|
99800
99760
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -99804,7 +99764,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditiona
|
|
|
99804
99764
|
} }
|
|
99805
99765
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
99806
99766
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
99807
|
-
i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid",
|
|
99767
|
+
i0.ɵɵelementStart(0, "symphiq-strategic-goals-tiled-grid", 29);
|
|
99808
99768
|
i0.ɵɵlistener("viewMoreClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_0_Conditional_2_Template_symphiq_strategic_goals_tiled_grid_viewMoreClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openGoalModal($event)); });
|
|
99809
99769
|
i0.ɵɵelementEnd();
|
|
99810
99770
|
} if (rf & 2) {
|
|
@@ -99812,8 +99772,8 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditiona
|
|
|
99812
99772
|
i0.ɵɵproperty("goals", ctx_r1.strategicRoadmapGoals())("viewMode", ctx_r1.viewMode());
|
|
99813
99773
|
} }
|
|
99814
99774
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
99815
|
-
i0.ɵɵelementStart(0, "div",
|
|
99816
|
-
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_0_Conditional_1_Template, 2, 3, "div",
|
|
99775
|
+
i0.ɵɵelementStart(0, "div", 25);
|
|
99776
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_0_Conditional_1_Template, 2, 3, "div", 26)(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_0_Conditional_2_Template, 1, 2, "symphiq-strategic-goals-tiled-grid", 27);
|
|
99817
99777
|
i0.ɵɵelementEnd();
|
|
99818
99778
|
} if (rf & 2) {
|
|
99819
99779
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
@@ -99822,7 +99782,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditiona
|
|
|
99822
99782
|
} }
|
|
99823
99783
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
99824
99784
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
99825
|
-
i0.ɵɵelementStart(0, "div")(1, "symphiq-collapsible-analysis-section-group",
|
|
99785
|
+
i0.ɵɵelementStart(0, "div")(1, "symphiq-collapsible-analysis-section-group", 30);
|
|
99826
99786
|
i0.ɵɵlistener("viewReportClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_1_Template_symphiq_collapsible_analysis_section_group_viewReportClick_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleViewReportClick($event)); });
|
|
99827
99787
|
i0.ɵɵelementEnd()();
|
|
99828
99788
|
} if (rf & 2) {
|
|
@@ -99831,7 +99791,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditiona
|
|
|
99831
99791
|
i0.ɵɵproperty("sections", ctx_r1.nonStrategicSections())("viewMode", ctx_r1.viewMode())("metricExecutiveSummary", ctx_r1.metricExecutiveSummary())("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
|
|
99832
99792
|
} }
|
|
99833
99793
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
99834
|
-
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_0_Template, 3, 1, "div",
|
|
99794
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_0_Template, 3, 1, "div", 25);
|
|
99835
99795
|
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Conditional_1_Template, 2, 9, "div");
|
|
99836
99796
|
} if (rf & 2) {
|
|
99837
99797
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -99841,7 +99801,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_7_Template(r
|
|
|
99841
99801
|
} }
|
|
99842
99802
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
99843
99803
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
99844
|
-
i0.ɵɵelementStart(0, "symphiq-metric-executive-summary",
|
|
99804
|
+
i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 33);
|
|
99845
99805
|
i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); })("viewMetricDetailsClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Template_symphiq_metric_executive_summary_viewMetricDetailsClick_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleViewMetricDetailsClick()); });
|
|
99846
99806
|
i0.ɵɵelementEnd();
|
|
99847
99807
|
} if (rf & 2) {
|
|
@@ -99849,21 +99809,21 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditiona
|
|
|
99849
99809
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("summary", ctx)("metricName", ctx_r1.metricName())("allGoals", ctx_r1.allGoals());
|
|
99850
99810
|
} }
|
|
99851
99811
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
99852
|
-
i0.ɵɵelement(0, "symphiq-section-divider",
|
|
99812
|
+
i0.ɵɵelement(0, "symphiq-section-divider", 34);
|
|
99853
99813
|
} if (rf & 2) {
|
|
99854
99814
|
const sectionList_r6 = i0.ɵɵnextContext();
|
|
99855
99815
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
99856
99816
|
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r6[0].icon);
|
|
99857
99817
|
} }
|
|
99858
99818
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
99859
|
-
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider",
|
|
99819
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_1_Conditional_0_Template, 1, 2, "symphiq-section-divider", 34);
|
|
99860
99820
|
} if (rf & 2) {
|
|
99861
99821
|
const sectionList_r6 = ctx;
|
|
99862
99822
|
i0.ɵɵconditional(sectionList_r6.length > 0 && sectionList_r6[0].icon ? 0 : -1);
|
|
99863
99823
|
} }
|
|
99864
99824
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
99865
|
-
i0.ɵɵelementStart(0, "div",
|
|
99866
|
-
i0.ɵɵelement(1, "symphiq-icon",
|
|
99825
|
+
i0.ɵɵelementStart(0, "div", 37);
|
|
99826
|
+
i0.ɵɵelement(1, "symphiq-icon", 42);
|
|
99867
99827
|
i0.ɵɵelementEnd();
|
|
99868
99828
|
} if (rf & 2) {
|
|
99869
99829
|
const section_r7 = i0.ɵɵnextContext().$implicit;
|
|
@@ -99873,8 +99833,8 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditiona
|
|
|
99873
99833
|
i0.ɵɵproperty("icon", section_r7.icon);
|
|
99874
99834
|
} }
|
|
99875
99835
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
99876
|
-
i0.ɵɵelementStart(0, "div",
|
|
99877
|
-
i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder",
|
|
99836
|
+
i0.ɵɵelementStart(0, "div", 44);
|
|
99837
|
+
i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 46);
|
|
99878
99838
|
i0.ɵɵelementEnd();
|
|
99879
99839
|
} if (rf & 2) {
|
|
99880
99840
|
const section_r7 = i0.ɵɵnextContext(2).$implicit;
|
|
@@ -99883,7 +99843,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditiona
|
|
|
99883
99843
|
i0.ɵɵproperty("visual", section_r7.visual)("viewMode", ctx_r1.viewMode());
|
|
99884
99844
|
} }
|
|
99885
99845
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
99886
|
-
i0.ɵɵelementStart(0, "div",
|
|
99846
|
+
i0.ɵɵelementStart(0, "div", 47)(1, "p", 48);
|
|
99887
99847
|
i0.ɵɵtext(2);
|
|
99888
99848
|
i0.ɵɵelementEnd()();
|
|
99889
99849
|
} if (rf & 2) {
|
|
@@ -99896,42 +99856,42 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditiona
|
|
|
99896
99856
|
i0.ɵɵtextInterpolate1(" ", section_r7.description, " ");
|
|
99897
99857
|
} }
|
|
99898
99858
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
99899
|
-
i0.ɵɵelementStart(0, "div",
|
|
99900
|
-
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div",
|
|
99901
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div",
|
|
99859
|
+
i0.ɵɵelementStart(0, "div", 43);
|
|
99860
|
+
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_1_Template, 2, 2, "div", 44);
|
|
99861
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Conditional_2_Template, 3, 6, "div", 45);
|
|
99902
99862
|
i0.ɵɵelementEnd();
|
|
99903
99863
|
} if (rf & 2) {
|
|
99904
99864
|
const ctx_r7 = i0.ɵɵnextContext();
|
|
99905
99865
|
const section_r7 = ctx_r7.$implicit;
|
|
99906
|
-
const ɵ$
|
|
99907
|
-
i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$
|
|
99866
|
+
const ɵ$index_49_r9 = ctx_r7.$index;
|
|
99867
|
+
i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_49_r9 % 2 === 0);
|
|
99908
99868
|
i0.ɵɵadvance();
|
|
99909
99869
|
i0.ɵɵconditional(section_r7.visual && section_r7.visual.enabled ? 1 : -1);
|
|
99910
99870
|
i0.ɵɵadvance();
|
|
99911
99871
|
i0.ɵɵconditional(section_r7.description ? 2 : -1);
|
|
99912
99872
|
} }
|
|
99913
99873
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
99914
|
-
i0.ɵɵelement(0, "symphiq-section-divider",
|
|
99874
|
+
i0.ɵɵelement(0, "symphiq-section-divider", 34);
|
|
99915
99875
|
} if (rf & 2) {
|
|
99916
|
-
const ɵ$
|
|
99876
|
+
const ɵ$index_49_r9 = i0.ɵɵnextContext().$index;
|
|
99917
99877
|
const sectionList_r10 = i0.ɵɵnextContext();
|
|
99918
99878
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
99919
|
-
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r10[ɵ$
|
|
99879
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r10[ɵ$index_49_r9 + 1].icon);
|
|
99920
99880
|
} }
|
|
99921
99881
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
99922
|
-
i0.ɵɵelementStart(0, "div",
|
|
99923
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div",
|
|
99924
|
-
i0.ɵɵelementStart(3, "div",
|
|
99882
|
+
i0.ɵɵelementStart(0, "div", 35)(1, "div", 36);
|
|
99883
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_2_Template, 2, 2, "div", 37);
|
|
99884
|
+
i0.ɵɵelementStart(3, "div", 38)(4, "h3", 39);
|
|
99925
99885
|
i0.ɵɵtext(5);
|
|
99926
99886
|
i0.ɵɵelementEnd()()();
|
|
99927
|
-
i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div",
|
|
99928
|
-
i0.ɵɵelement(7, "symphiq-profile-section-content",
|
|
99887
|
+
i0.ɵɵconditionalCreate(6, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_6_Template, 3, 4, "div", 40);
|
|
99888
|
+
i0.ɵɵelement(7, "symphiq-profile-section-content", 41);
|
|
99929
99889
|
i0.ɵɵelementEnd();
|
|
99930
|
-
i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider",
|
|
99890
|
+
i0.ɵɵconditionalCreate(8, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 34);
|
|
99931
99891
|
} if (rf & 2) {
|
|
99932
99892
|
const section_r7 = ctx.$implicit;
|
|
99933
|
-
const ɵ$
|
|
99934
|
-
const ɵ$
|
|
99893
|
+
const ɵ$index_49_r9 = ctx.$index;
|
|
99894
|
+
const ɵ$count_49_r11 = ctx.$count;
|
|
99935
99895
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
99936
99896
|
i0.ɵɵproperty("id", "section-" + section_r7.id)("ngClass", ctx_r1.getSectionCardClasses());
|
|
99937
99897
|
i0.ɵɵadvance(2);
|
|
@@ -99943,12 +99903,12 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditiona
|
|
|
99943
99903
|
i0.ɵɵadvance();
|
|
99944
99904
|
i0.ɵɵconditional(section_r7.description || section_r7.visual && section_r7.visual.enabled ? 6 : -1);
|
|
99945
99905
|
i0.ɵɵadvance();
|
|
99946
|
-
i0.ɵɵproperty("section", section_r7)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$
|
|
99906
|
+
i0.ɵɵproperty("section", section_r7)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_49_r9)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
|
|
99947
99907
|
i0.ɵɵadvance();
|
|
99948
|
-
i0.ɵɵconditional(!(ɵ$
|
|
99908
|
+
i0.ɵɵconditional(!(ɵ$index_49_r9 === ɵ$count_49_r11 - 1) ? 8 : -1);
|
|
99949
99909
|
} }
|
|
99950
99910
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
99951
|
-
i0.ɵɵelementStart(0, "section",
|
|
99911
|
+
i0.ɵɵelementStart(0, "section", 32);
|
|
99952
99912
|
i0.ɵɵrepeaterCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_For_2_Template, 9, 15, null, null, _forTrack0$5);
|
|
99953
99913
|
i0.ɵɵelementEnd();
|
|
99954
99914
|
} if (rf & 2) {
|
|
@@ -99956,9 +99916,9 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditiona
|
|
|
99956
99916
|
i0.ɵɵrepeater(ctx);
|
|
99957
99917
|
} }
|
|
99958
99918
|
function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
99959
|
-
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Template, 1, 4, "symphiq-metric-executive-summary",
|
|
99919
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_0_Template, 1, 4, "symphiq-metric-executive-summary", 31);
|
|
99960
99920
|
i0.ɵɵconditionalCreate(1, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_1_Template, 1, 1);
|
|
99961
|
-
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_Template, 3, 0, "section",
|
|
99921
|
+
i0.ɵɵconditionalCreate(2, SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Conditional_2_Template, 3, 0, "section", 32);
|
|
99962
99922
|
} if (rf & 2) {
|
|
99963
99923
|
let tmp_2_0;
|
|
99964
99924
|
let tmp_3_0;
|
|
@@ -100045,7 +100005,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
|
|
|
100045
100005
|
this.requestedByUser = input(...(ngDevMode ? [undefined, { debugName: "requestedByUser" }] : []));
|
|
100046
100006
|
this.embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
|
|
100047
100007
|
this.scrollEvent = input(undefined, ...(ngDevMode ? [{ debugName: "scrollEvent" }] : []));
|
|
100048
|
-
this.scrollElement = input(
|
|
100008
|
+
this.scrollElement = input(undefined, ...(ngDevMode ? [{ debugName: "scrollElement" }] : []));
|
|
100049
100009
|
this.funnelMetric = input(...(ngDevMode ? [undefined, { debugName: "funnelMetric" }] : []));
|
|
100050
100010
|
this.itemStatusProfileAnalysis = input(...(ngDevMode ? [undefined, { debugName: "itemStatusProfileAnalysis" }] : []));
|
|
100051
100011
|
this.isMarkingAsReviewed = input(false, ...(ngDevMode ? [{ debugName: "isMarkingAsReviewed" }] : []));
|
|
@@ -100667,7 +100627,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
|
|
|
100667
100627
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
|
|
100668
100628
|
} }, hostBindings: function SymphiqProfileAnalysisMetricDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
100669
100629
|
i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisMetricDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
|
|
100670
|
-
} }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], funnelMetric: [1, "funnelMetric"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], pacingResponse: [1, "pacingResponse"], targets: [1, "targets"], trendUiData: [1, "trendUiData"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick", viewMetricDetailsClick: "viewMetricDetailsClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 59, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "
|
|
100630
|
+
} }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], funnelMetric: [1, "funnelMetric"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], pacingResponse: [1, "pacingResponse"], targets: [1, "targets"], trendUiData: [1, "trendUiData"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick", viewMetricDetailsClick: "viewMetricDetailsClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 59, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls", "embedded", "scrollEvent"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed", "isLoading"], [3, "closed", "viewMode", "metricEnum", "metricData", "contributingMetrics", "pacingResponse", "trendChartData", "currencySymbol", "showLiveIndicator", "isOpen"], [1, "mb-12"], [3, "viewMode", "metricName", "isOnboarded", "analysisDate"], ["title", "Loading Your Metric Analysis", "subtitle", "Please wait while we prepare your personalized insights...", 3, "viewMode", "backdropBlur"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Metric Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewReportClick", "sections", "viewMode", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisMetricDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
100671
100631
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
100672
100632
|
i0.ɵɵelementStart(0, "div", 1);
|
|
100673
100633
|
i0.ɵɵelement(1, "div", 2)(2, "symphiq-scroll-progress-bar", 3);
|
|
@@ -100724,7 +100684,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
|
|
|
100724
100684
|
i0.ɵɵadvance();
|
|
100725
100685
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("progress", ctx.scrollProgress())("embedded", ctx.embedded());
|
|
100726
100686
|
i0.ɵɵadvance(2);
|
|
100727
|
-
i0.ɵɵproperty("title", ctx.getAnalysisSubtitle())("subtitle", "")("currentSection", "Metric")("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_14_0 = ctx.profileAnalysis()) == null ? null : tmp_14_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls())("embedded", ctx.embedded())("
|
|
100687
|
+
i0.ɵɵproperty("title", ctx.getAnalysisSubtitle())("subtitle", "")("currentSection", "Metric")("viewMode", ctx.viewMode())("viewModeLabel", ctx.displayModeLabel())("isLoading", ctx.isLoading())("requestedByUser", ctx.requestedByUser())("createdDate", (tmp_14_0 = ctx.profileAnalysis()) == null ? null : tmp_14_0.selfContentCompletedDate)("showControls", ctx.shouldShowHeaderControls())("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
|
|
100728
100688
|
i0.ɵɵadvance();
|
|
100729
100689
|
i0.ɵɵclassProp("pb-32", ctx.shouldShowReviewFooter());
|
|
100730
100690
|
i0.ɵɵadvance();
|
|
@@ -100791,7 +100751,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
|
|
|
100791
100751
|
StrategicGoalsTiledGridComponent,
|
|
100792
100752
|
CollapsibleAnalysisSectionGroupComponent,
|
|
100793
100753
|
ContentGenerationProgressComponent,
|
|
100794
|
-
|
|
100754
|
+
LoadingCardComponent,
|
|
100795
100755
|
MarkAsReviewedFooterComponent,
|
|
100796
100756
|
MetricReportModalComponent,
|
|
100797
100757
|
ScrollProgressBarComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
@@ -100829,7 +100789,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
|
|
|
100829
100789
|
StrategicGoalsTiledGridComponent,
|
|
100830
100790
|
CollapsibleAnalysisSectionGroupComponent,
|
|
100831
100791
|
ContentGenerationProgressComponent,
|
|
100832
|
-
|
|
100792
|
+
LoadingCardComponent,
|
|
100833
100793
|
MarkAsReviewedFooterComponent,
|
|
100834
100794
|
MetricReportModalComponent,
|
|
100835
100795
|
ScrollProgressBarComponent
|
|
@@ -100859,7 +100819,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
|
|
|
100859
100819
|
[createdDate]="profileAnalysis()?.selfContentCompletedDate"
|
|
100860
100820
|
[showControls]="shouldShowHeaderControls()"
|
|
100861
100821
|
[embedded]="embedded()"
|
|
100862
|
-
[
|
|
100822
|
+
[scrollEvent]="scrollEvent()"
|
|
100863
100823
|
(searchClick)="openSearch()"
|
|
100864
100824
|
(viewModeClick)="openViewModeSwitcher()"
|
|
100865
100825
|
/>
|
|
@@ -100881,20 +100841,12 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
|
|
|
100881
100841
|
|
|
100882
100842
|
<!-- Loading Card -->
|
|
100883
100843
|
@if (isLoading()) {
|
|
100884
|
-
<
|
|
100885
|
-
|
|
100886
|
-
|
|
100887
|
-
|
|
100888
|
-
|
|
100889
|
-
|
|
100890
|
-
Loading Your Metric Analysis
|
|
100891
|
-
</h3>
|
|
100892
|
-
<p [ngClass]="isLightMode() ? 'text-slate-600' : 'text-slate-400'" class="text-sm">
|
|
100893
|
-
Please wait while we prepare your personalized insights...
|
|
100894
|
-
</p>
|
|
100895
|
-
</div>
|
|
100896
|
-
</div>
|
|
100897
|
-
</div>
|
|
100844
|
+
<symphiq-loading-card
|
|
100845
|
+
[viewMode]="viewMode()"
|
|
100846
|
+
title="Loading Your Metric Analysis"
|
|
100847
|
+
subtitle="Please wait while we prepare your personalized insights..."
|
|
100848
|
+
[backdropBlur]="true"
|
|
100849
|
+
/>
|
|
100898
100850
|
}
|
|
100899
100851
|
}
|
|
100900
100852
|
|
|
@@ -101202,7 +101154,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
|
|
|
101202
101154
|
type: HostListener,
|
|
101203
101155
|
args: ['window:scroll', ['$event']]
|
|
101204
101156
|
}] }); })();
|
|
101205
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisMetricDashboardComponent, { className: "SymphiqProfileAnalysisMetricDashboardComponent", filePath: "lib/components/profile-analysis-metric-dashboard/symphiq-profile-analysis-metric-dashboard.component.ts", lineNumber:
|
|
101157
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisMetricDashboardComponent, { className: "SymphiqProfileAnalysisMetricDashboardComponent", filePath: "lib/components/profile-analysis-metric-dashboard/symphiq-profile-analysis-metric-dashboard.component.ts", lineNumber: 508 }); })();
|
|
101206
101158
|
|
|
101207
101159
|
const _forTrack0$4 = ($index, $item) => $item.id;
|
|
101208
101160
|
function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {
|