@eric-emg/symphiq-components 1.2.146 → 1.2.147
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 +477 -454
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +2 -1
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles.css +0 -3
|
@@ -56445,7 +56445,7 @@ class ContentGenerationProgressComponent {
|
|
|
56445
56445
|
}, ...(ngDevMode ? [{ debugName: "percentageClasses" }] : []));
|
|
56446
56446
|
}
|
|
56447
56447
|
static { this.ɵfac = function ContentGenerationProgressComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContentGenerationProgressComponent)(); }; }
|
|
56448
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContentGenerationProgressComponent, selectors: [["symphiq-content-generation-progress"]], inputs: { itemStatus: [1, "itemStatus"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], showIcon: [1, "showIcon"] }, decls: 31, vars: 21, consts: [[1, "
|
|
56448
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContentGenerationProgressComponent, selectors: [["symphiq-content-generation-progress"]], inputs: { itemStatus: [1, "itemStatus"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], showIcon: [1, "showIcon"] }, decls: 31, vars: 21, consts: [[1, "flex-1", "flex", "items-center", "justify-center", "px-4", "py-12", 3, "ngClass"], [1, "max-w-3xl", "w-full", "space-y-8"], [1, "text-center", "space-y-3"], [1, "flex", "items-center", "justify-center", "mb-4"], [1, "relative", "w-20", "h-20", "rounded-2xl", "flex", "items-center", "justify-center", "icon-pulse", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-10", "h-10"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "absolute", "inset-0", "rounded-2xl", "icon-glow"], [1, "text-3xl", "sm:text-4xl", "font-bold", 3, "ngClass"], [1, "text-base", "sm:text-lg", "max-w-2xl", "mx-auto", 3, "ngClass"], [1, "space-y-4"], [1, "text-center"], [1, "text-lg", "sm:text-xl", "font-medium", "message-fade", 3, "ngClass"], [1, "relative", "h-3", "rounded-full", "overflow-visible", 3, "ngClass"], [1, "absolute", "inset-0", "rounded-full", 3, "ngClass"], [1, "absolute", "inset-y-0", "left-0", "rounded-full", "transition-all", "duration-700", "ease-out", "overflow-hidden", 3, "ngClass"], [1, "absolute", "inset-0", "shimmer-effect"], [1, "absolute", "inset-0", "overflow-hidden", "rounded-full"], [1, "dots-container", "h-full"], [1, "dot", "dot-1", 3, "ngClass"], [1, "dot", "dot-2", 3, "ngClass"], [1, "dot", "dot-3", 3, "ngClass"], [1, "dot", "dot-4", 3, "ngClass"], [1, "dot", "dot-5", 3, "ngClass"], [1, "absolute", "top-1/2", "-translate-y-1/2", "w-4", "h-4", "rounded-full", "blur-md", "transition-all", "duration-700", "ease-out", 2, "margin-left", "-8px", 3, "ngClass", "left"], [1, "text-sm", "font-medium", "tabular-nums", 3, "ngClass"], [1, "absolute", "top-1/2", "-translate-y-1/2", "w-4", "h-4", "rounded-full", "blur-md", "transition-all", "duration-700", "ease-out", 2, "margin-left", "-8px", 3, "ngClass"]], template: function ContentGenerationProgressComponent_Template(rf, ctx) { if (rf & 1) {
|
|
56449
56449
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
|
|
56450
56450
|
i0.ɵɵnamespaceSVG();
|
|
56451
56451
|
i0.ɵɵelementStart(5, "svg", 5);
|
|
@@ -56519,227 +56519,268 @@ class ContentGenerationProgressComponent {
|
|
|
56519
56519
|
}
|
|
56520
56520
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContentGenerationProgressComponent, [{
|
|
56521
56521
|
type: Component,
|
|
56522
|
-
args: [{ selector: 'symphiq-content-generation-progress', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
56523
|
-
<div [ngClass]="containerClasses()" class="
|
|
56524
|
-
<div class="max-w-3xl w-full space-y-8">
|
|
56525
|
-
<!-- Title Section -->
|
|
56526
|
-
<div class="text-center space-y-3">
|
|
56527
|
-
<div class="flex items-center justify-center mb-4">
|
|
56528
|
-
<div [ngClass]="iconContainerClasses()" class="relative w-20 h-20 rounded-2xl flex items-center justify-center icon-pulse">
|
|
56529
|
-
<svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
56530
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
|
56531
|
-
</svg>
|
|
56532
|
-
<div class="absolute inset-0 rounded-2xl icon-glow"></div>
|
|
56533
|
-
</div>
|
|
56534
|
-
</div>
|
|
56535
|
-
|
|
56536
|
-
<h2 [ngClass]="titleClasses()" class="text-3xl sm:text-4xl font-bold">
|
|
56537
|
-
{{ title() }}
|
|
56538
|
-
</h2>
|
|
56539
|
-
|
|
56540
|
-
<p [ngClass]="subtitleClasses()" class="text-base sm:text-lg max-w-2xl mx-auto">
|
|
56541
|
-
{{ subtitle() }}
|
|
56542
|
-
</p>
|
|
56543
|
-
</div>
|
|
56544
|
-
|
|
56545
|
-
<!-- Progress Section -->
|
|
56546
|
-
<div class="space-y-4">
|
|
56547
|
-
<!-- Progress Message -->
|
|
56548
|
-
<div class="text-center">
|
|
56549
|
-
<p [ngClass]="progressMessageClasses()" class="text-lg sm:text-xl font-medium message-fade">
|
|
56550
|
-
{{ progressMessage() }}
|
|
56551
|
-
</p>
|
|
56552
|
-
</div>
|
|
56553
|
-
|
|
56554
|
-
<!-- Progress Bar Container -->
|
|
56555
|
-
<div [ngClass]="progressBarContainerClasses()" class="relative h-3 rounded-full overflow-visible">
|
|
56556
|
-
<!-- Background Track -->
|
|
56557
|
-
<div [ngClass]="progressBarBackgroundClasses()" class="absolute inset-0 rounded-full"></div>
|
|
56558
|
-
|
|
56559
|
-
<!-- Solid Fill with Gradient -->
|
|
56560
|
-
<div
|
|
56561
|
-
[ngClass]="progressBarFillClasses()"
|
|
56562
|
-
[style.width.%]="progressPercentage()"
|
|
56563
|
-
class="absolute inset-y-0 left-0 rounded-full transition-all duration-700 ease-out overflow-hidden">
|
|
56564
|
-
<!-- Inner shimmer effect -->
|
|
56565
|
-
<div class="absolute inset-0 shimmer-effect"></div>
|
|
56566
|
-
</div>
|
|
56567
|
-
|
|
56568
|
-
<!-- Animated Dots Overlay (shows beyond the solid bar) -->
|
|
56569
|
-
<div class="absolute inset-0 overflow-hidden rounded-full">
|
|
56570
|
-
<div class="dots-container h-full">
|
|
56571
|
-
<div [ngClass]="dotClasses()" class="dot dot-1"></div>
|
|
56572
|
-
<div [ngClass]="dotClasses()" class="dot dot-2"></div>
|
|
56573
|
-
<div [ngClass]="dotClasses()" class="dot dot-3"></div>
|
|
56574
|
-
<div [ngClass]="dotClasses()" class="dot dot-4"></div>
|
|
56575
|
-
<div [ngClass]="dotClasses()" class="dot dot-5"></div>
|
|
56576
|
-
</div>
|
|
56577
|
-
</div>
|
|
56578
|
-
|
|
56579
|
-
<!-- Glow effect at the progress edge -->
|
|
56580
|
-
@if (progressPercentage() > 0 && progressPercentage() < 100) {
|
|
56581
|
-
<div
|
|
56582
|
-
[ngClass]="progressGlowClasses()"
|
|
56583
|
-
[style.left.%]="progressPercentage()"
|
|
56584
|
-
class="absolute top-1/2 -translate-y-1/2 w-4 h-4 rounded-full blur-md transition-all duration-700 ease-out"
|
|
56585
|
-
style="margin-left: -8px;">
|
|
56586
|
-
</div>
|
|
56587
|
-
}
|
|
56588
|
-
</div>
|
|
56589
|
-
|
|
56590
|
-
<!-- Progress Percentage -->
|
|
56591
|
-
<div class="text-center">
|
|
56592
|
-
<span [ngClass]="percentageClasses()" class="text-sm font-medium tabular-nums">
|
|
56593
|
-
{{ progressPercentage() }}% complete
|
|
56594
|
-
</span>
|
|
56595
|
-
</div>
|
|
56596
|
-
</div>
|
|
56597
|
-
</div>
|
|
56598
|
-
</div>
|
|
56522
|
+
args: [{ selector: 'symphiq-content-generation-progress', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
56523
|
+
<div [ngClass]="containerClasses()" class="flex-1 flex items-center justify-center px-4 py-12">
|
|
56524
|
+
<div class="max-w-3xl w-full space-y-8">
|
|
56525
|
+
<!-- Title Section -->
|
|
56526
|
+
<div class="text-center space-y-3">
|
|
56527
|
+
<div class="flex items-center justify-center mb-4">
|
|
56528
|
+
<div [ngClass]="iconContainerClasses()" class="relative w-20 h-20 rounded-2xl flex items-center justify-center icon-pulse">
|
|
56529
|
+
<svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
56530
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
|
56531
|
+
</svg>
|
|
56532
|
+
<div class="absolute inset-0 rounded-2xl icon-glow"></div>
|
|
56533
|
+
</div>
|
|
56534
|
+
</div>
|
|
56535
|
+
|
|
56536
|
+
<h2 [ngClass]="titleClasses()" class="text-3xl sm:text-4xl font-bold">
|
|
56537
|
+
{{ title() }}
|
|
56538
|
+
</h2>
|
|
56539
|
+
|
|
56540
|
+
<p [ngClass]="subtitleClasses()" class="text-base sm:text-lg max-w-2xl mx-auto">
|
|
56541
|
+
{{ subtitle() }}
|
|
56542
|
+
</p>
|
|
56543
|
+
</div>
|
|
56544
|
+
|
|
56545
|
+
<!-- Progress Section -->
|
|
56546
|
+
<div class="space-y-4">
|
|
56547
|
+
<!-- Progress Message -->
|
|
56548
|
+
<div class="text-center">
|
|
56549
|
+
<p [ngClass]="progressMessageClasses()" class="text-lg sm:text-xl font-medium message-fade">
|
|
56550
|
+
{{ progressMessage() }}
|
|
56551
|
+
</p>
|
|
56552
|
+
</div>
|
|
56553
|
+
|
|
56554
|
+
<!-- Progress Bar Container -->
|
|
56555
|
+
<div [ngClass]="progressBarContainerClasses()" class="relative h-3 rounded-full overflow-visible">
|
|
56556
|
+
<!-- Background Track -->
|
|
56557
|
+
<div [ngClass]="progressBarBackgroundClasses()" class="absolute inset-0 rounded-full"></div>
|
|
56558
|
+
|
|
56559
|
+
<!-- Solid Fill with Gradient -->
|
|
56560
|
+
<div
|
|
56561
|
+
[ngClass]="progressBarFillClasses()"
|
|
56562
|
+
[style.width.%]="progressPercentage()"
|
|
56563
|
+
class="absolute inset-y-0 left-0 rounded-full transition-all duration-700 ease-out overflow-hidden">
|
|
56564
|
+
<!-- Inner shimmer effect -->
|
|
56565
|
+
<div class="absolute inset-0 shimmer-effect"></div>
|
|
56566
|
+
</div>
|
|
56567
|
+
|
|
56568
|
+
<!-- Animated Dots Overlay (shows beyond the solid bar) -->
|
|
56569
|
+
<div class="absolute inset-0 overflow-hidden rounded-full">
|
|
56570
|
+
<div class="dots-container h-full">
|
|
56571
|
+
<div [ngClass]="dotClasses()" class="dot dot-1"></div>
|
|
56572
|
+
<div [ngClass]="dotClasses()" class="dot dot-2"></div>
|
|
56573
|
+
<div [ngClass]="dotClasses()" class="dot dot-3"></div>
|
|
56574
|
+
<div [ngClass]="dotClasses()" class="dot dot-4"></div>
|
|
56575
|
+
<div [ngClass]="dotClasses()" class="dot dot-5"></div>
|
|
56576
|
+
</div>
|
|
56577
|
+
</div>
|
|
56578
|
+
|
|
56579
|
+
<!-- Glow effect at the progress edge -->
|
|
56580
|
+
@if (progressPercentage() > 0 && progressPercentage() < 100) {
|
|
56581
|
+
<div
|
|
56582
|
+
[ngClass]="progressGlowClasses()"
|
|
56583
|
+
[style.left.%]="progressPercentage()"
|
|
56584
|
+
class="absolute top-1/2 -translate-y-1/2 w-4 h-4 rounded-full blur-md transition-all duration-700 ease-out"
|
|
56585
|
+
style="margin-left: -8px;">
|
|
56586
|
+
</div>
|
|
56587
|
+
}
|
|
56588
|
+
</div>
|
|
56589
|
+
|
|
56590
|
+
<!-- Progress Percentage -->
|
|
56591
|
+
<div class="text-center">
|
|
56592
|
+
<span [ngClass]="percentageClasses()" class="text-sm font-medium tabular-nums">
|
|
56593
|
+
{{ progressPercentage() }}% complete
|
|
56594
|
+
</span>
|
|
56595
|
+
</div>
|
|
56596
|
+
</div>
|
|
56597
|
+
</div>
|
|
56598
|
+
</div>
|
|
56599
56599
|
`, styles: ["@keyframes icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes icon-glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes dots-move{0%{transform:translate(-20px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(calc(100vw + 20px));opacity:0}}@keyframes message-fade{0%,to{opacity:1}50%{opacity:.7}}.icon-pulse{animation:icon-pulse 2s ease-in-out infinite}.icon-glow{animation:icon-glow-pulse 2s ease-in-out infinite}.shimmer-effect{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}.message-fade{animation:message-fade 3s ease-in-out infinite}.dots-container{position:relative;width:100%}.dot{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);animation:dots-move 3s linear infinite}.dot-1{animation-delay:0s}.dot-2{animation-delay:.6s}.dot-3{animation-delay:1.2s}.dot-4{animation-delay:1.8s}.dot-5{animation-delay:2.4s}@media (prefers-reduced-motion: reduce){.icon-pulse,.icon-glow,.shimmer-effect,.message-fade,.dot{animation:none}}\n"] }]
|
|
56600
56600
|
}], null, { itemStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatus", 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 }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }] }); })();
|
|
56601
56601
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContentGenerationProgressComponent, { className: "ContentGenerationProgressComponent", filePath: "lib/components/shared/content-generation-progress.component.ts", lineNumber: 214 }); })();
|
|
56602
56602
|
|
|
56603
56603
|
const _c0$n = () => [];
|
|
56604
|
-
function
|
|
56605
|
-
i0.ɵɵ
|
|
56604
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
56605
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
56606
|
+
i0.ɵɵelementStart(0, "div", 8)(1, "symphiq-search-button", 19);
|
|
56607
|
+
i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template_symphiq_search_button_searchClick_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openSearch()); });
|
|
56608
|
+
i0.ɵɵelementEnd();
|
|
56609
|
+
i0.ɵɵelementStart(2, "button", 20);
|
|
56610
|
+
i0.ɵɵlistener("click", function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openViewModeSwitcher()); });
|
|
56611
|
+
i0.ɵɵnamespaceSVG();
|
|
56612
|
+
i0.ɵɵelementStart(3, "svg", 21);
|
|
56613
|
+
i0.ɵɵelement(4, "path", 22)(5, "path", 23);
|
|
56614
|
+
i0.ɵɵelementEnd();
|
|
56615
|
+
i0.ɵɵnamespaceHTML();
|
|
56616
|
+
i0.ɵɵelementStart(6, "span");
|
|
56617
|
+
i0.ɵɵtext(7);
|
|
56618
|
+
i0.ɵɵelementEnd()()();
|
|
56619
|
+
} if (rf & 2) {
|
|
56620
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
56621
|
+
i0.ɵɵadvance();
|
|
56622
|
+
i0.ɵɵproperty("isLightMode", ctx_r1.isLightMode());
|
|
56623
|
+
i0.ɵɵadvance();
|
|
56624
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getViewModeButtonClasses());
|
|
56625
|
+
i0.ɵɵadvance(5);
|
|
56626
|
+
i0.ɵɵtextInterpolate(ctx_r1.displayModeLabel());
|
|
56627
|
+
} }
|
|
56628
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
56629
|
+
i0.ɵɵelementStart(0, "span", 24);
|
|
56606
56630
|
i0.ɵɵtext(1, "\u203A");
|
|
56607
56631
|
i0.ɵɵelementEnd();
|
|
56608
|
-
i0.ɵɵelementStart(2, "span",
|
|
56632
|
+
i0.ɵɵelementStart(2, "span", 24);
|
|
56609
56633
|
i0.ɵɵtext(3);
|
|
56610
56634
|
i0.ɵɵelementEnd();
|
|
56611
56635
|
} if (rf & 2) {
|
|
56612
|
-
const
|
|
56613
|
-
i0.ɵɵclassProp("opacity-0",
|
|
56614
|
-
i0.ɵɵproperty("ngClass",
|
|
56636
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
56637
|
+
i0.ɵɵclassProp("opacity-0", ctx_r1.subsectionTitleFading())("opacity-100", !ctx_r1.subsectionTitleFading());
|
|
56638
|
+
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-400" : "text-slate-500");
|
|
56615
56639
|
i0.ɵɵadvance(2);
|
|
56616
|
-
i0.ɵɵclassProp("opacity-0",
|
|
56617
|
-
i0.ɵɵproperty("ngClass",
|
|
56640
|
+
i0.ɵɵclassProp("opacity-0", ctx_r1.subsectionTitleFading())("opacity-100", !ctx_r1.subsectionTitleFading());
|
|
56641
|
+
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-500" : "text-slate-500");
|
|
56618
56642
|
i0.ɵɵadvance();
|
|
56619
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
56643
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r1.currentSubsectionTitle(), " ");
|
|
56620
56644
|
} }
|
|
56621
|
-
function
|
|
56622
|
-
i0.ɵɵelementStart(0, "div",
|
|
56645
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
|
|
56646
|
+
i0.ɵɵelementStart(0, "div", 12)(1, "span", 24);
|
|
56623
56647
|
i0.ɵɵtext(2);
|
|
56624
56648
|
i0.ɵɵelementEnd();
|
|
56625
|
-
i0.ɵɵconditionalCreate(3,
|
|
56649
|
+
i0.ɵɵconditionalCreate(3, SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Conditional_3_Template, 4, 11);
|
|
56626
56650
|
i0.ɵɵelementEnd();
|
|
56627
56651
|
} if (rf & 2) {
|
|
56628
|
-
const
|
|
56652
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
56629
56653
|
i0.ɵɵadvance();
|
|
56630
|
-
i0.ɵɵclassProp("opacity-0",
|
|
56631
|
-
i0.ɵɵproperty("ngClass",
|
|
56654
|
+
i0.ɵɵclassProp("opacity-0", ctx_r1.sectionTitleFading())("opacity-100", !ctx_r1.sectionTitleFading());
|
|
56655
|
+
i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600 font-medium" : "text-slate-400 font-medium");
|
|
56632
56656
|
i0.ɵɵadvance();
|
|
56633
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
56657
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r1.currentSectionTitle(), " ");
|
|
56634
56658
|
i0.ɵɵadvance();
|
|
56635
|
-
i0.ɵɵconditional(
|
|
56659
|
+
i0.ɵɵconditional(ctx_r1.currentSubsectionTitle() ? 3 : -1);
|
|
56636
56660
|
} }
|
|
56637
|
-
function
|
|
56638
|
-
const
|
|
56661
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
|
|
56662
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
56663
|
+
i0.ɵɵelementStart(0, "symphiq-search-button", 25);
|
|
56664
|
+
i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template_symphiq_search_button_searchClick_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openSearch()); });
|
|
56665
|
+
i0.ɵɵelementEnd();
|
|
56666
|
+
i0.ɵɵelementStart(1, "button", 26);
|
|
56667
|
+
i0.ɵɵlistener("click", function SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openViewModeSwitcher()); });
|
|
56668
|
+
i0.ɵɵnamespaceSVG();
|
|
56669
|
+
i0.ɵɵelementStart(2, "svg", 21);
|
|
56670
|
+
i0.ɵɵelement(3, "path", 22)(4, "path", 23);
|
|
56671
|
+
i0.ɵɵelementEnd()();
|
|
56672
|
+
} if (rf & 2) {
|
|
56673
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
56674
|
+
i0.ɵɵproperty("isLightMode", ctx_r1.isLightMode())("minimized", true);
|
|
56675
|
+
i0.ɵɵadvance();
|
|
56676
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getViewModeButtonClasses());
|
|
56677
|
+
} }
|
|
56678
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
56679
|
+
const _r4 = i0.ɵɵgetCurrentView();
|
|
56639
56680
|
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 29);
|
|
56640
|
-
i0.ɵɵlistener("stepClick", function
|
|
56681
|
+
i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
|
|
56641
56682
|
i0.ɵɵelementEnd();
|
|
56642
56683
|
} if (rf & 2) {
|
|
56643
|
-
const
|
|
56644
|
-
i0.ɵɵproperty("viewMode",
|
|
56684
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
56685
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.JourneyStepIdEnum.BUSINESS_ANALYSIS)("showNextStepAction", false)("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
|
|
56645
56686
|
} }
|
|
56646
|
-
function
|
|
56647
|
-
i0.ɵɵconditionalCreate(0,
|
|
56687
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
|
|
56688
|
+
i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 27);
|
|
56648
56689
|
i0.ɵɵelement(1, "symphiq-content-generation-progress", 28);
|
|
56649
56690
|
} if (rf & 2) {
|
|
56650
56691
|
let tmp_3_0;
|
|
56651
|
-
const
|
|
56652
|
-
i0.ɵɵconditional(!
|
|
56692
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
56693
|
+
i0.ɵɵconditional(!ctx_r1.isOnboarded() ? 0 : -1);
|
|
56653
56694
|
i0.ɵɵadvance();
|
|
56654
|
-
i0.ɵɵproperty("viewMode",
|
|
56695
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("title", "We are generating a new Business Analysis for " + (((tmp_3_0 = ctx_r1.currentProfile()) == null ? null : tmp_3_0.profileStructured == null ? null : tmp_3_0.profileStructured.businessName) || "your business") + ".")("subtitle", "It will appear here when ready. You can check back later as this will take a few minutes to complete.");
|
|
56655
56696
|
} }
|
|
56656
|
-
function
|
|
56657
|
-
const
|
|
56697
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
56698
|
+
const _r6 = i0.ɵɵgetCurrentView();
|
|
56658
56699
|
i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 29);
|
|
56659
|
-
i0.ɵɵlistener("stepClick", function
|
|
56700
|
+
i0.ɵɵlistener("stepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); })("nextStepClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Conditional_0_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); });
|
|
56660
56701
|
i0.ɵɵelementEnd();
|
|
56661
56702
|
} if (rf & 2) {
|
|
56662
|
-
const
|
|
56663
|
-
i0.ɵɵproperty("viewMode",
|
|
56703
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
56704
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.JourneyStepIdEnum.BUSINESS_ANALYSIS)("showNextStepAction", ctx_r1.showNextStepAction())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
|
|
56664
56705
|
} }
|
|
56665
|
-
function
|
|
56666
|
-
const
|
|
56667
|
-
i0.ɵɵconditionalCreate(0,
|
|
56706
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
56707
|
+
const _r5 = i0.ɵɵgetCurrentView();
|
|
56708
|
+
i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Conditional_0_Template, 1, 5, "symphiq-journey-progress-indicator", 27);
|
|
56668
56709
|
i0.ɵɵelementStart(1, "div", 6)(2, "div", 30);
|
|
56669
56710
|
i0.ɵɵelement(3, "symphiq-welcome-banner", 31);
|
|
56670
56711
|
i0.ɵɵelementEnd();
|
|
56671
56712
|
i0.ɵɵelementStart(4, "div", 30)(5, "symphiq-recommendations-tiled-grid", 32);
|
|
56672
|
-
i0.ɵɵlistener("viewMoreClick", function
|
|
56713
|
+
i0.ɵɵlistener("viewMoreClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Template_symphiq_recommendations_tiled_grid_viewMoreClick_5_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openRecommendationDetailsModal($event)); });
|
|
56673
56714
|
i0.ɵɵelementEnd()();
|
|
56674
56715
|
i0.ɵɵelementStart(6, "div");
|
|
56675
56716
|
i0.ɵɵelement(7, "symphiq-collapsible-section-group", 33);
|
|
56676
56717
|
i0.ɵɵelementEnd()();
|
|
56677
56718
|
} if (rf & 2) {
|
|
56678
56719
|
let tmp_4_0;
|
|
56679
|
-
const
|
|
56680
|
-
i0.ɵɵconditional(!
|
|
56720
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
56721
|
+
i0.ɵɵconditional(!ctx_r1.isOnboarded() ? 0 : -1);
|
|
56681
56722
|
i0.ɵɵadvance(3);
|
|
56682
|
-
i0.ɵɵproperty("viewMode",
|
|
56723
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("businessName", ((tmp_4_0 = ctx_r1.currentProfile()) == null ? null : tmp_4_0.profileStructured == null ? null : tmp_4_0.profileStructured.businessName) || "your business")("isOnboarded", ctx_r1.isOnboarded());
|
|
56683
56724
|
i0.ɵɵadvance(2);
|
|
56684
|
-
i0.ɵɵproperty("recommendations",
|
|
56725
|
+
i0.ɵɵproperty("recommendations", ctx_r1.recommendationItems())("viewMode", ctx_r1.viewMode());
|
|
56685
56726
|
i0.ɵɵadvance(2);
|
|
56686
|
-
i0.ɵɵproperty("sections",
|
|
56727
|
+
i0.ɵɵproperty("sections", ctx_r1.nonRecommendationSections())("viewMode", ctx_r1.viewMode());
|
|
56687
56728
|
} }
|
|
56688
|
-
function
|
|
56729
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
56689
56730
|
i0.ɵɵelementStart(0, "div", 35);
|
|
56690
56731
|
i0.ɵɵelement(1, "symphiq-section-divider", 36);
|
|
56691
56732
|
i0.ɵɵelementEnd();
|
|
56692
56733
|
} if (rf & 2) {
|
|
56693
|
-
const ɵ$
|
|
56694
|
-
const
|
|
56734
|
+
const ɵ$index_108_r7 = i0.ɵɵnextContext().$index;
|
|
56735
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
56695
56736
|
i0.ɵɵadvance();
|
|
56696
|
-
i0.ɵɵproperty("viewMode",
|
|
56737
|
+
i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("subsections", ctx_r1.sections()[ɵ$index_108_r7 + 1].subsections || i0.ɵɵpureFunction0(2, _c0$n));
|
|
56697
56738
|
} }
|
|
56698
|
-
function
|
|
56739
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
56699
56740
|
i0.ɵɵelement(0, "symphiq-profile-section", 34);
|
|
56700
|
-
i0.ɵɵconditionalCreate(1,
|
|
56741
|
+
i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_For_1_Conditional_1_Template, 2, 3, "div", 35);
|
|
56701
56742
|
} if (rf & 2) {
|
|
56702
|
-
const
|
|
56703
|
-
const ɵ$
|
|
56704
|
-
const ɵ$
|
|
56705
|
-
const
|
|
56706
|
-
i0.ɵɵproperty("section",
|
|
56743
|
+
const section_r8 = ctx.$implicit;
|
|
56744
|
+
const ɵ$index_108_r7 = ctx.$index;
|
|
56745
|
+
const ɵ$count_108_r9 = ctx.$count;
|
|
56746
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
56747
|
+
i0.ɵɵproperty("section", section_r8)("viewMode", ctx_r1.viewMode())("forceExpanded", !ctx_r1.isCompactView());
|
|
56707
56748
|
i0.ɵɵadvance();
|
|
56708
|
-
i0.ɵɵconditional(!(ɵ$
|
|
56749
|
+
i0.ɵɵconditional(!(ɵ$index_108_r7 === ɵ$count_108_r9 - 1) ? 1 : -1);
|
|
56709
56750
|
} }
|
|
56710
|
-
function
|
|
56711
|
-
i0.ɵɵrepeaterCreate(0,
|
|
56751
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
56752
|
+
i0.ɵɵrepeaterCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_For_1_Template, 2, 4, null, null, i0.ɵɵcomponentInstance().trackBySectionId, true);
|
|
56712
56753
|
} if (rf & 2) {
|
|
56713
|
-
const
|
|
56714
|
-
i0.ɵɵrepeater(
|
|
56754
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
56755
|
+
i0.ɵɵrepeater(ctx_r1.sections());
|
|
56715
56756
|
} }
|
|
56716
|
-
function
|
|
56717
|
-
i0.ɵɵconditionalCreate(0,
|
|
56757
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
|
|
56758
|
+
i0.ɵɵconditionalCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_0_Template, 8, 8)(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Conditional_1_Template, 2, 0);
|
|
56718
56759
|
} if (rf & 2) {
|
|
56719
|
-
const
|
|
56720
|
-
i0.ɵɵconditional(
|
|
56760
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
56761
|
+
i0.ɵɵconditional(ctx_r1.isSimplifiedView() ? 0 : 1);
|
|
56721
56762
|
} }
|
|
56722
|
-
function
|
|
56723
|
-
i0.ɵɵelement(0, "symphiq-section-navigation",
|
|
56763
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
|
|
56764
|
+
i0.ɵɵelement(0, "symphiq-section-navigation", 14);
|
|
56724
56765
|
} if (rf & 2) {
|
|
56725
|
-
const
|
|
56726
|
-
i0.ɵɵproperty("sections",
|
|
56766
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
56767
|
+
i0.ɵɵproperty("sections", ctx_r1.sections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
|
|
56727
56768
|
} }
|
|
56728
|
-
function
|
|
56729
|
-
i0.ɵɵelement(0, "symphiq-floating-toc",
|
|
56769
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
|
|
56770
|
+
i0.ɵɵelement(0, "symphiq-floating-toc", 14);
|
|
56730
56771
|
} if (rf & 2) {
|
|
56731
|
-
const
|
|
56732
|
-
i0.ɵɵproperty("sections",
|
|
56772
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
56773
|
+
i0.ɵɵproperty("sections", ctx_r1.sections())("viewMode", ctx_r1.viewMode())("embedded", ctx_r1.embedded())("scrollElement", ctx_r1.scrollElement() ?? undefined);
|
|
56733
56774
|
} }
|
|
56734
|
-
function
|
|
56775
|
+
function SymphiqBusinessAnalysisDashboardComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
|
|
56735
56776
|
i0.ɵɵelementStart(0, "div", 0);
|
|
56736
56777
|
i0.ɵɵelement(1, "div", 0);
|
|
56737
56778
|
i0.ɵɵelementEnd();
|
|
56738
56779
|
} if (rf & 2) {
|
|
56739
|
-
const
|
|
56740
|
-
i0.ɵɵproperty("ngClass",
|
|
56780
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
56781
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getLoadingOverlayClasses());
|
|
56741
56782
|
i0.ɵɵadvance();
|
|
56742
|
-
i0.ɵɵproperty("ngClass",
|
|
56783
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getSpinnerClasses());
|
|
56743
56784
|
} }
|
|
56744
56785
|
class SymphiqBusinessAnalysisDashboardComponent {
|
|
56745
56786
|
sectionHasContent(section) {
|
|
@@ -56769,6 +56810,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
56769
56810
|
this.stepClick = output();
|
|
56770
56811
|
this.nextStepClick = output();
|
|
56771
56812
|
this.JourneyStepIdEnum = JourneyStepIdEnum;
|
|
56813
|
+
this.AiDynamicContentStatusEnum = AiDynamicContentStatusEnum;
|
|
56772
56814
|
this.showNextStepAction = computed(() => this.profile()?.selfContentStatus === AiDynamicContentStatusEnum.GENERATED, ...(ngDevMode ? [{ debugName: "showNextStepAction" }] : []));
|
|
56773
56815
|
this.isContentGenerating = computed(() => {
|
|
56774
56816
|
const status = this.profile()?.selfContentStatus;
|
|
@@ -57166,7 +57208,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
57166
57208
|
}
|
|
57167
57209
|
getContainerClasses() {
|
|
57168
57210
|
const positioning = this.embedded() ? '' : 'relative';
|
|
57169
|
-
return `${positioning} min-h-screen`.trim();
|
|
57211
|
+
return `${positioning} min-h-screen flex flex-col`.trim();
|
|
57170
57212
|
}
|
|
57171
57213
|
getBackgroundClasses() {
|
|
57172
57214
|
const positioning = this.embedded() ? 'absolute' : 'fixed';
|
|
@@ -57229,7 +57271,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
57229
57271
|
static { this.ɵfac = function SymphiqBusinessAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqBusinessAnalysisDashboardComponent)(); }; }
|
|
57230
57272
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqBusinessAnalysisDashboardComponent, selectors: [["symphiq-business-analysis-dashboard"]], hostBindings: function SymphiqBusinessAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
57231
57273
|
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);
|
|
57232
|
-
} }, 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"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls:
|
|
57274
|
+
} }, 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"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 35, vars: 59, consts: [[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]", "flex-1", "flex", "flex-col"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-2"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-2", "text-sm", "flex-shrink-0"], [1, "relative", "flex-1", "flex", "flex-col"], [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, "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, "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"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "viewMode", "title", "subtitle"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-8"], [3, "viewMode", "businessName", "isOnboarded"], [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) {
|
|
57233
57275
|
i0.ɵɵelementStart(0, "div", 0)(1, "div");
|
|
57234
57276
|
i0.ɵɵelement(2, "div", 1);
|
|
57235
57277
|
i0.ɵɵelementEnd();
|
|
@@ -57240,54 +57282,37 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
57240
57282
|
i0.ɵɵelementStart(12, "p", 0);
|
|
57241
57283
|
i0.ɵɵtext(13, " Business Profile & Analysis ");
|
|
57242
57284
|
i0.ɵɵelementEnd()();
|
|
57243
|
-
i0.ɵɵ
|
|
57244
|
-
i0.ɵɵ
|
|
57245
|
-
i0.ɵɵ
|
|
57246
|
-
i0.ɵɵ
|
|
57247
|
-
i0.ɵɵlistener("click", function SymphiqBusinessAnalysisDashboardComponent_Template_button_click_16_listener() { return ctx.openViewModeSwitcher(); });
|
|
57248
|
-
i0.ɵɵnamespaceSVG();
|
|
57249
|
-
i0.ɵɵelementStart(17, "svg", 11);
|
|
57250
|
-
i0.ɵɵelement(18, "path", 12)(19, "path", 13);
|
|
57251
|
-
i0.ɵɵelementEnd();
|
|
57252
|
-
i0.ɵɵnamespaceHTML();
|
|
57253
|
-
i0.ɵɵelementStart(20, "span");
|
|
57254
|
-
i0.ɵɵtext(21);
|
|
57255
|
-
i0.ɵɵelementEnd()()()()()();
|
|
57256
|
-
i0.ɵɵelementStart(22, "div", 5)(23, "div", 14)(24, "div", 7)(25, "div", 15)(26, "h1", 0);
|
|
57257
|
-
i0.ɵɵtext(27);
|
|
57285
|
+
i0.ɵɵconditionalCreate(14, SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template, 8, 3, "div", 8);
|
|
57286
|
+
i0.ɵɵelementEnd()()();
|
|
57287
|
+
i0.ɵɵelementStart(15, "div", 5)(16, "div", 9)(17, "div", 7)(18, "div", 10)(19, "h1", 0);
|
|
57288
|
+
i0.ɵɵtext(20);
|
|
57258
57289
|
i0.ɵɵelementEnd()();
|
|
57259
|
-
i0.ɵɵelementStart(
|
|
57260
|
-
i0.ɵɵconditionalCreate(
|
|
57261
|
-
i0.ɵɵ
|
|
57262
|
-
i0.ɵɵ
|
|
57263
|
-
i0.ɵɵ
|
|
57264
|
-
i0.ɵɵ
|
|
57265
|
-
i0.ɵɵlistener("click", function SymphiqBusinessAnalysisDashboardComponent_Template_button_click_31_listener() { return ctx.openViewModeSwitcher(); });
|
|
57266
|
-
i0.ɵɵnamespaceSVG();
|
|
57267
|
-
i0.ɵɵelementStart(32, "svg", 11);
|
|
57268
|
-
i0.ɵɵelement(33, "path", 12)(34, "path", 13);
|
|
57269
|
-
i0.ɵɵelementEnd()()()()()()();
|
|
57270
|
-
i0.ɵɵnamespaceHTML();
|
|
57271
|
-
i0.ɵɵelementStart(35, "main", 20);
|
|
57272
|
-
i0.ɵɵconditionalCreate(36, SymphiqBusinessAnalysisDashboardComponent_Conditional_36_Template, 2, 4)(37, SymphiqBusinessAnalysisDashboardComponent_Conditional_37_Template, 2, 1);
|
|
57290
|
+
i0.ɵɵelementStart(21, "div", 11);
|
|
57291
|
+
i0.ɵɵconditionalCreate(22, SymphiqBusinessAnalysisDashboardComponent_Conditional_22_Template, 4, 7, "div", 12);
|
|
57292
|
+
i0.ɵɵconditionalCreate(23, SymphiqBusinessAnalysisDashboardComponent_Conditional_23_Template, 5, 3);
|
|
57293
|
+
i0.ɵɵelementEnd()()()()();
|
|
57294
|
+
i0.ɵɵelementStart(24, "main", 13);
|
|
57295
|
+
i0.ɵɵconditionalCreate(25, SymphiqBusinessAnalysisDashboardComponent_Conditional_25_Template, 2, 4)(26, SymphiqBusinessAnalysisDashboardComponent_Conditional_26_Template, 2, 1);
|
|
57273
57296
|
i0.ɵɵelementEnd();
|
|
57274
|
-
i0.ɵɵconditionalCreate(
|
|
57275
|
-
i0.ɵɵconditionalCreate(
|
|
57276
|
-
i0.ɵɵelement(
|
|
57297
|
+
i0.ɵɵconditionalCreate(27, SymphiqBusinessAnalysisDashboardComponent_Conditional_27_Template, 1, 4, "symphiq-section-navigation", 14);
|
|
57298
|
+
i0.ɵɵconditionalCreate(28, SymphiqBusinessAnalysisDashboardComponent_Conditional_28_Template, 1, 4, "symphiq-floating-toc", 14);
|
|
57299
|
+
i0.ɵɵelement(29, "symphiq-floating-back-button", 15);
|
|
57277
57300
|
i0.ɵɵelementEnd();
|
|
57278
|
-
i0.ɵɵconditionalCreate(
|
|
57279
|
-
i0.ɵɵelement(
|
|
57280
|
-
i0.ɵɵelementStart(
|
|
57281
|
-
i0.ɵɵlistener("viewInContextRequested", function
|
|
57301
|
+
i0.ɵɵconditionalCreate(30, SymphiqBusinessAnalysisDashboardComponent_Conditional_30_Template, 2, 2, "div", 0);
|
|
57302
|
+
i0.ɵɵelement(31, "symphiq-tooltip-container");
|
|
57303
|
+
i0.ɵɵelementStart(32, "symphiq-business-analysis-modal", 16);
|
|
57304
|
+
i0.ɵɵlistener("viewInContextRequested", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_business_analysis_modal_viewInContextRequested_32_listener($event) { return ctx.handleViewInContext($event); });
|
|
57282
57305
|
i0.ɵɵelementEnd();
|
|
57283
|
-
i0.ɵɵelementStart(
|
|
57284
|
-
i0.ɵɵlistener("searchChange", function
|
|
57306
|
+
i0.ɵɵelementStart(33, "symphiq-search-modal", 17);
|
|
57307
|
+
i0.ɵɵlistener("searchChange", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_searchChange_33_listener($event) { return ctx.onSearchChange($event); })("resultSelected", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_resultSelected_33_listener($event) { return ctx.onSearchResultSelected($event); })("close", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_close_33_listener() { return ctx.closeSearch(); });
|
|
57285
57308
|
i0.ɵɵelementEnd();
|
|
57286
|
-
i0.ɵɵelementStart(
|
|
57287
|
-
i0.ɵɵlistener("close", function
|
|
57309
|
+
i0.ɵɵelementStart(34, "symphiq-view-mode-switcher-modal", 18);
|
|
57310
|
+
i0.ɵɵlistener("close", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_close_34_listener() { return ctx.closeViewModeSwitcher(); })("modeSelected", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_view_mode_switcher_modal_modeSelected_34_listener($event) { return ctx.handleDisplayModeChange($event); });
|
|
57288
57311
|
i0.ɵɵelementEnd()();
|
|
57289
57312
|
} if (rf & 2) {
|
|
57290
57313
|
let tmp_13_0;
|
|
57314
|
+
let tmp_15_0;
|
|
57315
|
+
let tmp_23_0;
|
|
57291
57316
|
let tmp_25_0;
|
|
57292
57317
|
i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
|
|
57293
57318
|
i0.ɵɵadvance();
|
|
@@ -57309,12 +57334,8 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
57309
57334
|
i0.ɵɵtextInterpolate1(" ", ((tmp_13_0 = ctx.currentProfile()) == null ? null : tmp_13_0.profileStructured == null ? null : tmp_13_0.profileStructured.businessName) || "Business Analysis", " ");
|
|
57310
57335
|
i0.ɵɵadvance();
|
|
57311
57336
|
i0.ɵɵproperty("ngClass", ctx.getSubtitleClasses());
|
|
57312
|
-
i0.ɵɵadvance(
|
|
57313
|
-
i0.ɵɵ
|
|
57314
|
-
i0.ɵɵadvance();
|
|
57315
|
-
i0.ɵɵproperty("ngClass", ctx.getViewModeButtonClasses());
|
|
57316
|
-
i0.ɵɵadvance(5);
|
|
57317
|
-
i0.ɵɵtextInterpolate(ctx.displayModeLabel());
|
|
57337
|
+
i0.ɵɵadvance(2);
|
|
57338
|
+
i0.ɵɵconditional(((tmp_15_0 = ctx.profile()) == null ? null : tmp_15_0.selfContentStatus) === ctx.AiDynamicContentStatusEnum.GENERATED ? 14 : -1);
|
|
57318
57339
|
i0.ɵɵadvance();
|
|
57319
57340
|
i0.ɵɵclassProp("max-h-0", !ctx.headerScrollService.isScrolled())("opacity-0", !ctx.headerScrollService.isScrolled())("max-h-20", ctx.headerScrollService.isScrolled())("opacity-100", ctx.headerScrollService.isScrolled());
|
|
57320
57341
|
i0.ɵɵadvance();
|
|
@@ -57322,23 +57343,21 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
57322
57343
|
i0.ɵɵadvance(3);
|
|
57323
57344
|
i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "text-xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent truncate" : "text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent truncate");
|
|
57324
57345
|
i0.ɵɵadvance();
|
|
57325
|
-
i0.ɵɵtextInterpolate1(" ", ((
|
|
57346
|
+
i0.ɵɵtextInterpolate1(" ", ((tmp_23_0 = ctx.currentProfile()) == null ? null : tmp_23_0.profileStructured == null ? null : tmp_23_0.profileStructured.businessName) || "Business Analysis", " ");
|
|
57326
57347
|
i0.ɵɵadvance(2);
|
|
57327
|
-
i0.ɵɵconditional(!ctx.isSimplifiedView() ?
|
|
57348
|
+
i0.ɵɵconditional(!ctx.isSimplifiedView() ? 22 : -1);
|
|
57328
57349
|
i0.ɵɵadvance();
|
|
57329
|
-
i0.ɵɵ
|
|
57330
|
-
i0.ɵɵadvance();
|
|
57331
|
-
i0.ɵɵ
|
|
57332
|
-
i0.ɵɵadvance(5);
|
|
57333
|
-
i0.ɵɵconditional(ctx.isContentGenerating() ? 36 : 37);
|
|
57350
|
+
i0.ɵɵconditional(((tmp_25_0 = ctx.profile()) == null ? null : tmp_25_0.selfContentStatus) === ctx.AiDynamicContentStatusEnum.GENERATED ? 23 : -1);
|
|
57351
|
+
i0.ɵɵadvance(2);
|
|
57352
|
+
i0.ɵɵconditional(ctx.isContentGenerating() ? 25 : 26);
|
|
57334
57353
|
i0.ɵɵadvance(2);
|
|
57335
|
-
i0.ɵɵconditional(!ctx.isSimplifiedView() ?
|
|
57354
|
+
i0.ɵɵconditional(!ctx.isSimplifiedView() ? 27 : -1);
|
|
57336
57355
|
i0.ɵɵadvance();
|
|
57337
|
-
i0.ɵɵconditional(!ctx.isSimplifiedView() ?
|
|
57356
|
+
i0.ɵɵconditional(!ctx.isSimplifiedView() ? 28 : -1);
|
|
57338
57357
|
i0.ɵɵadvance();
|
|
57339
57358
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("embedded", ctx.embedded());
|
|
57340
57359
|
i0.ɵɵadvance();
|
|
57341
|
-
i0.ɵɵconditional(ctx.isLoading() ?
|
|
57360
|
+
i0.ɵɵconditional(ctx.isLoading() ? 30 : -1);
|
|
57342
57361
|
i0.ɵɵadvance(2);
|
|
57343
57362
|
i0.ɵɵproperty("isLightMode", ctx.isLightMode());
|
|
57344
57363
|
i0.ɵɵadvance();
|
|
@@ -57349,250 +57368,254 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
57349
57368
|
}
|
|
57350
57369
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqBusinessAnalysisDashboardComponent, [{
|
|
57351
57370
|
type: Component,
|
|
57352
|
-
args: [{ selector: 'symphiq-business-analysis-dashboard', standalone: true, imports: [CommonModule, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchButtonComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
57353
|
-
<div [ngClass]="getContainerClasses()">
|
|
57354
|
-
<!-- Scroll Progress Bar (fixed at top) -->
|
|
57355
|
-
<div [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
|
|
57356
|
-
<div
|
|
57357
|
-
[style.width.%]="scrollProgress()"
|
|
57358
|
-
[ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-purple-500' : 'bg-gradient-to-r from-blue-400 to-purple-400'"
|
|
57359
|
-
class="h-full transition-all duration-200 ease-out">
|
|
57360
|
-
</div>
|
|
57361
|
-
</div>
|
|
57362
|
-
|
|
57363
|
-
<div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
|
|
57364
|
-
|
|
57365
|
-
<div class="relative z-[51]">
|
|
57366
|
-
<header [ngClass]="getHeaderClasses()" class="sticky top-0 z-50">
|
|
57367
|
-
<!-- Expanded Header (default state) -->
|
|
57368
|
-
<div
|
|
57369
|
-
class="transition-all duration-300 ease-in-out overflow-hidden"
|
|
57370
|
-
[class.max-h-0]="headerScrollService.isScrolled()"
|
|
57371
|
-
[class.opacity-0]="headerScrollService.isScrolled()"
|
|
57372
|
-
[class.max-h-96]="!headerScrollService.isScrolled()"
|
|
57373
|
-
[class.opacity-100]="!headerScrollService.isScrolled()">
|
|
57374
|
-
<div
|
|
57375
|
-
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"
|
|
57376
|
-
[class.pointer-events-none]="headerScrollService.isScrolled()"
|
|
57377
|
-
[class.pointer-events-auto]="!headerScrollService.isScrolled()">
|
|
57378
|
-
<div class="flex items-center justify-between">
|
|
57379
|
-
<div>
|
|
57380
|
-
<h1 [ngClass]="getMainTitleClasses()">
|
|
57381
|
-
{{ currentProfile()?.profileStructured?.businessName || 'Business Analysis' }}
|
|
57382
|
-
</h1>
|
|
57383
|
-
<p [ngClass]="getSubtitleClasses()">
|
|
57384
|
-
Business Profile & Analysis
|
|
57385
|
-
</p>
|
|
57386
|
-
</div>
|
|
57387
|
-
|
|
57388
|
-
<
|
|
57389
|
-
|
|
57390
|
-
|
|
57391
|
-
|
|
57392
|
-
|
|
57393
|
-
|
|
57394
|
-
|
|
57395
|
-
|
|
57396
|
-
|
|
57397
|
-
|
|
57398
|
-
<
|
|
57399
|
-
|
|
57400
|
-
|
|
57401
|
-
|
|
57402
|
-
|
|
57403
|
-
|
|
57404
|
-
|
|
57405
|
-
|
|
57406
|
-
|
|
57407
|
-
|
|
57408
|
-
|
|
57409
|
-
|
|
57410
|
-
|
|
57411
|
-
|
|
57412
|
-
|
|
57413
|
-
[class.max-h-
|
|
57414
|
-
[class.opacity-
|
|
57415
|
-
|
|
57416
|
-
|
|
57417
|
-
|
|
57418
|
-
|
|
57419
|
-
|
|
57420
|
-
|
|
57421
|
-
|
|
57422
|
-
|
|
57423
|
-
|
|
57424
|
-
|
|
57425
|
-
|
|
57426
|
-
|
|
57427
|
-
|
|
57428
|
-
|
|
57429
|
-
|
|
57430
|
-
|
|
57431
|
-
|
|
57432
|
-
|
|
57433
|
-
|
|
57434
|
-
|
|
57435
|
-
|
|
57436
|
-
|
|
57437
|
-
|
|
57438
|
-
|
|
57439
|
-
|
|
57440
|
-
|
|
57441
|
-
|
|
57442
|
-
|
|
57443
|
-
|
|
57444
|
-
|
|
57445
|
-
|
|
57446
|
-
|
|
57447
|
-
|
|
57448
|
-
|
|
57449
|
-
|
|
57450
|
-
|
|
57451
|
-
|
|
57452
|
-
|
|
57453
|
-
|
|
57454
|
-
|
|
57455
|
-
|
|
57456
|
-
|
|
57457
|
-
|
|
57458
|
-
|
|
57459
|
-
|
|
57460
|
-
|
|
57461
|
-
|
|
57462
|
-
|
|
57463
|
-
|
|
57464
|
-
|
|
57465
|
-
|
|
57466
|
-
|
|
57467
|
-
|
|
57468
|
-
|
|
57469
|
-
[
|
|
57470
|
-
|
|
57471
|
-
|
|
57472
|
-
|
|
57473
|
-
|
|
57474
|
-
|
|
57475
|
-
|
|
57476
|
-
|
|
57477
|
-
|
|
57478
|
-
|
|
57479
|
-
|
|
57480
|
-
|
|
57481
|
-
|
|
57482
|
-
|
|
57483
|
-
|
|
57484
|
-
|
|
57485
|
-
|
|
57486
|
-
|
|
57487
|
-
|
|
57488
|
-
|
|
57489
|
-
|
|
57490
|
-
[
|
|
57491
|
-
|
|
57492
|
-
|
|
57493
|
-
|
|
57494
|
-
|
|
57495
|
-
|
|
57496
|
-
|
|
57497
|
-
|
|
57498
|
-
|
|
57499
|
-
|
|
57500
|
-
|
|
57501
|
-
|
|
57502
|
-
|
|
57503
|
-
|
|
57504
|
-
|
|
57505
|
-
|
|
57506
|
-
|
|
57507
|
-
|
|
57508
|
-
|
|
57509
|
-
|
|
57510
|
-
|
|
57511
|
-
|
|
57512
|
-
|
|
57513
|
-
|
|
57514
|
-
|
|
57515
|
-
|
|
57516
|
-
|
|
57517
|
-
|
|
57518
|
-
|
|
57519
|
-
|
|
57520
|
-
|
|
57521
|
-
|
|
57522
|
-
|
|
57523
|
-
|
|
57524
|
-
|
|
57525
|
-
|
|
57526
|
-
|
|
57527
|
-
|
|
57528
|
-
|
|
57529
|
-
|
|
57530
|
-
|
|
57531
|
-
|
|
57532
|
-
|
|
57533
|
-
|
|
57534
|
-
|
|
57535
|
-
|
|
57536
|
-
|
|
57537
|
-
|
|
57538
|
-
|
|
57539
|
-
|
|
57540
|
-
|
|
57541
|
-
|
|
57542
|
-
|
|
57543
|
-
|
|
57544
|
-
|
|
57545
|
-
|
|
57546
|
-
|
|
57547
|
-
|
|
57548
|
-
|
|
57549
|
-
|
|
57550
|
-
|
|
57551
|
-
|
|
57552
|
-
|
|
57553
|
-
|
|
57554
|
-
|
|
57555
|
-
|
|
57556
|
-
|
|
57557
|
-
|
|
57558
|
-
|
|
57559
|
-
|
|
57560
|
-
|
|
57561
|
-
|
|
57562
|
-
|
|
57563
|
-
|
|
57564
|
-
|
|
57565
|
-
|
|
57566
|
-
|
|
57567
|
-
|
|
57568
|
-
|
|
57569
|
-
|
|
57570
|
-
|
|
57571
|
-
|
|
57572
|
-
|
|
57573
|
-
|
|
57574
|
-
<symphiq-
|
|
57575
|
-
[isLightMode]="isLightMode()"
|
|
57576
|
-
|
|
57577
|
-
|
|
57578
|
-
|
|
57579
|
-
[
|
|
57580
|
-
[
|
|
57581
|
-
[
|
|
57582
|
-
|
|
57583
|
-
|
|
57584
|
-
|
|
57585
|
-
|
|
57586
|
-
|
|
57587
|
-
|
|
57588
|
-
|
|
57589
|
-
|
|
57590
|
-
|
|
57591
|
-
|
|
57592
|
-
|
|
57593
|
-
|
|
57594
|
-
|
|
57595
|
-
|
|
57371
|
+
args: [{ selector: 'symphiq-business-analysis-dashboard', standalone: true, imports: [CommonModule, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, SearchButtonComponent, SearchModalComponent, ViewModeSwitcherModalComponent, JourneyProgressIndicatorComponent, WelcomeBannerComponent, RecommendationsTiledGridComponent, CollapsibleSectionGroupComponent, ContentGenerationProgressComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
57372
|
+
<div [ngClass]="getContainerClasses()">
|
|
57373
|
+
<!-- Scroll Progress Bar (fixed at top) -->
|
|
57374
|
+
<div [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
|
|
57375
|
+
<div
|
|
57376
|
+
[style.width.%]="scrollProgress()"
|
|
57377
|
+
[ngClass]="isLightMode() ? 'bg-gradient-to-r from-blue-500 to-purple-500' : 'bg-gradient-to-r from-blue-400 to-purple-400'"
|
|
57378
|
+
class="h-full transition-all duration-200 ease-out">
|
|
57379
|
+
</div>
|
|
57380
|
+
</div>
|
|
57381
|
+
|
|
57382
|
+
<div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
|
|
57383
|
+
|
|
57384
|
+
<div class="relative z-[51] flex-1 flex flex-col">
|
|
57385
|
+
<header [ngClass]="getHeaderClasses()" class="sticky top-0 z-50">
|
|
57386
|
+
<!-- Expanded Header (default state) -->
|
|
57387
|
+
<div
|
|
57388
|
+
class="transition-all duration-300 ease-in-out overflow-hidden"
|
|
57389
|
+
[class.max-h-0]="headerScrollService.isScrolled()"
|
|
57390
|
+
[class.opacity-0]="headerScrollService.isScrolled()"
|
|
57391
|
+
[class.max-h-96]="!headerScrollService.isScrolled()"
|
|
57392
|
+
[class.opacity-100]="!headerScrollService.isScrolled()">
|
|
57393
|
+
<div
|
|
57394
|
+
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"
|
|
57395
|
+
[class.pointer-events-none]="headerScrollService.isScrolled()"
|
|
57396
|
+
[class.pointer-events-auto]="!headerScrollService.isScrolled()">
|
|
57397
|
+
<div class="flex items-center justify-between">
|
|
57398
|
+
<div>
|
|
57399
|
+
<h1 [ngClass]="getMainTitleClasses()">
|
|
57400
|
+
{{ currentProfile()?.profileStructured?.businessName || 'Business Analysis' }}
|
|
57401
|
+
</h1>
|
|
57402
|
+
<p [ngClass]="getSubtitleClasses()">
|
|
57403
|
+
Business Profile & Analysis
|
|
57404
|
+
</p>
|
|
57405
|
+
</div>
|
|
57406
|
+
@if (profile()?.selfContentStatus === AiDynamicContentStatusEnum.GENERATED) {
|
|
57407
|
+
<div class="flex items-center gap-2">
|
|
57408
|
+
<symphiq-search-button
|
|
57409
|
+
[isLightMode]="isLightMode()"
|
|
57410
|
+
(searchClick)="openSearch()"
|
|
57411
|
+
/>
|
|
57412
|
+
<button
|
|
57413
|
+
type="button"
|
|
57414
|
+
(click)="openViewModeSwitcher()"
|
|
57415
|
+
[ngClass]="getViewModeButtonClasses()"
|
|
57416
|
+
class="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">
|
|
57417
|
+
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
57418
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
57419
|
+
<path 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"></path>
|
|
57420
|
+
</svg>
|
|
57421
|
+
<span>{{ displayModeLabel() }}</span>
|
|
57422
|
+
</button>
|
|
57423
|
+
</div>
|
|
57424
|
+
}
|
|
57425
|
+
</div>
|
|
57426
|
+
</div>
|
|
57427
|
+
</div>
|
|
57428
|
+
|
|
57429
|
+
<!-- Condensed Header (scrolled state) -->
|
|
57430
|
+
<div
|
|
57431
|
+
class="transition-all duration-300 ease-in-out overflow-hidden"
|
|
57432
|
+
[class.max-h-0]="!headerScrollService.isScrolled()"
|
|
57433
|
+
[class.opacity-0]="!headerScrollService.isScrolled()"
|
|
57434
|
+
[class.max-h-20]="headerScrollService.isScrolled()"
|
|
57435
|
+
[class.opacity-100]="headerScrollService.isScrolled()">
|
|
57436
|
+
<div
|
|
57437
|
+
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3"
|
|
57438
|
+
[class.pointer-events-none]="!headerScrollService.isScrolled()"
|
|
57439
|
+
[class.pointer-events-auto]="headerScrollService.isScrolled()">
|
|
57440
|
+
<div class="flex items-center justify-between">
|
|
57441
|
+
<div class="flex-1 min-w-0 mr-4">
|
|
57442
|
+
<h1 [ngClass]="isLightMode() ? 'text-xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent truncate' : 'text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent truncate'">
|
|
57443
|
+
{{ currentProfile()?.profileStructured?.businessName || 'Business Analysis' }}
|
|
57444
|
+
</h1>
|
|
57445
|
+
</div>
|
|
57446
|
+
<div class="flex items-center gap-4">
|
|
57447
|
+
@if (!isSimplifiedView()) {
|
|
57448
|
+
<div class="flex items-center gap-2 text-sm flex-shrink-0">
|
|
57449
|
+
<span [ngClass]="isLightMode() ? 'text-slate-600 font-medium' : 'text-slate-400 font-medium'" class="transition-opacity duration-300" [class.opacity-0]="sectionTitleFading()" [class.opacity-100]="!sectionTitleFading()">
|
|
57450
|
+
{{ currentSectionTitle() }}
|
|
57451
|
+
</span>
|
|
57452
|
+
@if (currentSubsectionTitle()) {
|
|
57453
|
+
<span [ngClass]="isLightMode() ? 'text-slate-400' : 'text-slate-500'" class="transition-opacity duration-300" [class.opacity-0]="subsectionTitleFading()" [class.opacity-100]="!subsectionTitleFading()">›</span>
|
|
57454
|
+
<span [ngClass]="isLightMode() ? 'text-slate-500' : 'text-slate-500'" class="transition-opacity duration-300" [class.opacity-0]="subsectionTitleFading()" [class.opacity-100]="!subsectionTitleFading()">
|
|
57455
|
+
{{ currentSubsectionTitle() }}
|
|
57456
|
+
</span>
|
|
57457
|
+
}
|
|
57458
|
+
</div>
|
|
57459
|
+
}
|
|
57460
|
+
@if (profile()?.selfContentStatus === AiDynamicContentStatusEnum.GENERATED) {
|
|
57461
|
+
<symphiq-search-button
|
|
57462
|
+
[isLightMode]="isLightMode()"
|
|
57463
|
+
[minimized]="true"
|
|
57464
|
+
(searchClick)="openSearch()"
|
|
57465
|
+
/>
|
|
57466
|
+
<button
|
|
57467
|
+
type="button"
|
|
57468
|
+
(click)="openViewModeSwitcher()"
|
|
57469
|
+
[ngClass]="getViewModeButtonClasses()"
|
|
57470
|
+
class="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">
|
|
57471
|
+
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
57472
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
57473
|
+
<path 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"></path>
|
|
57474
|
+
</svg>
|
|
57475
|
+
</button>
|
|
57476
|
+
}
|
|
57477
|
+
</div>
|
|
57478
|
+
</div>
|
|
57479
|
+
</div>
|
|
57480
|
+
</div>
|
|
57481
|
+
</header>
|
|
57482
|
+
|
|
57483
|
+
<main class="relative flex-1 flex flex-col">
|
|
57484
|
+
@if (isContentGenerating()) {
|
|
57485
|
+
<!-- Journey Progress Banner (always show when not onboarded) -->
|
|
57486
|
+
@if (!isOnboarded()) {
|
|
57487
|
+
<symphiq-journey-progress-indicator
|
|
57488
|
+
[viewMode]="viewMode()"
|
|
57489
|
+
[currentStepId]="JourneyStepIdEnum.BUSINESS_ANALYSIS"
|
|
57490
|
+
[showNextStepAction]="false"
|
|
57491
|
+
[forDemo]="forDemo()"
|
|
57492
|
+
[maxAccessibleStepId]="maxAccessibleStepId()"
|
|
57493
|
+
(stepClick)="stepClick.emit($event)"
|
|
57494
|
+
(nextStepClick)="nextStepClick.emit()"
|
|
57495
|
+
/>
|
|
57496
|
+
}
|
|
57497
|
+
|
|
57498
|
+
<!-- Content Generation Progress Component -->
|
|
57499
|
+
<symphiq-content-generation-progress
|
|
57500
|
+
[viewMode]="viewMode()"
|
|
57501
|
+
[title]="'We are generating a new Business Analysis for ' + (currentProfile()?.profileStructured?.businessName || 'your business') + '.'"
|
|
57502
|
+
[subtitle]="'It will appear here when ready. You can check back later as this will take a few minutes to complete.'"
|
|
57503
|
+
/>
|
|
57504
|
+
} @else {
|
|
57505
|
+
@if (isSimplifiedView()) {
|
|
57506
|
+
<!-- Journey Progress Banner - Full Width Sticky (only show when not onboarded) -->
|
|
57507
|
+
@if (!isOnboarded()) {
|
|
57508
|
+
<symphiq-journey-progress-indicator
|
|
57509
|
+
[viewMode]="viewMode()"
|
|
57510
|
+
[currentStepId]="JourneyStepIdEnum.BUSINESS_ANALYSIS"
|
|
57511
|
+
[showNextStepAction]="showNextStepAction()"
|
|
57512
|
+
[forDemo]="forDemo()"
|
|
57513
|
+
[maxAccessibleStepId]="maxAccessibleStepId()"
|
|
57514
|
+
(stepClick)="stepClick.emit($event)"
|
|
57515
|
+
(nextStepClick)="nextStepClick.emit()"
|
|
57516
|
+
/>
|
|
57517
|
+
}
|
|
57518
|
+
|
|
57519
|
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
|
57520
|
+
<div class="mb-8">
|
|
57521
|
+
<symphiq-welcome-banner
|
|
57522
|
+
[viewMode]="viewMode()"
|
|
57523
|
+
[businessName]="currentProfile()?.profileStructured?.businessName || 'your business'"
|
|
57524
|
+
[isOnboarded]="isOnboarded()"
|
|
57525
|
+
/>
|
|
57526
|
+
</div>
|
|
57527
|
+
|
|
57528
|
+
<div class="mb-8">
|
|
57529
|
+
<symphiq-recommendations-tiled-grid
|
|
57530
|
+
[recommendations]="recommendationItems()"
|
|
57531
|
+
[viewMode]="viewMode()"
|
|
57532
|
+
(viewMoreClick)="openRecommendationDetailsModal($event)"
|
|
57533
|
+
/>
|
|
57534
|
+
</div>
|
|
57535
|
+
|
|
57536
|
+
<div>
|
|
57537
|
+
<symphiq-collapsible-section-group
|
|
57538
|
+
[sections]="nonRecommendationSections()"
|
|
57539
|
+
[viewMode]="viewMode()"
|
|
57540
|
+
/>
|
|
57541
|
+
</div>
|
|
57542
|
+
</div>
|
|
57543
|
+
} @else {
|
|
57544
|
+
@for (section of sections(); track trackBySectionId($index, section); let idx = $index; let last = $last) {
|
|
57545
|
+
<symphiq-profile-section
|
|
57546
|
+
[section]="section"
|
|
57547
|
+
[viewMode]="viewMode()"
|
|
57548
|
+
[forceExpanded]="!isCompactView()"
|
|
57549
|
+
/>
|
|
57550
|
+
@if (!last) {
|
|
57551
|
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
57552
|
+
<symphiq-section-divider
|
|
57553
|
+
[viewMode]="viewMode()"
|
|
57554
|
+
[subsections]="sections()[idx + 1].subsections || []" />
|
|
57555
|
+
</div>
|
|
57556
|
+
}
|
|
57557
|
+
}
|
|
57558
|
+
}
|
|
57559
|
+
}
|
|
57560
|
+
</main>
|
|
57561
|
+
|
|
57562
|
+
@if (!isSimplifiedView()) {
|
|
57563
|
+
<symphiq-section-navigation
|
|
57564
|
+
[sections]="sections()"
|
|
57565
|
+
[viewMode]="viewMode()"
|
|
57566
|
+
[embedded]="embedded()"
|
|
57567
|
+
[scrollElement]="scrollElement() ?? undefined"
|
|
57568
|
+
/>
|
|
57569
|
+
}
|
|
57570
|
+
|
|
57571
|
+
@if (!isSimplifiedView()) {
|
|
57572
|
+
<symphiq-floating-toc
|
|
57573
|
+
[sections]="sections()"
|
|
57574
|
+
[viewMode]="viewMode()"
|
|
57575
|
+
[embedded]="embedded()"
|
|
57576
|
+
[scrollElement]="scrollElement() ?? undefined"
|
|
57577
|
+
/>
|
|
57578
|
+
}
|
|
57579
|
+
|
|
57580
|
+
<symphiq-floating-back-button
|
|
57581
|
+
[viewMode]="viewMode()"
|
|
57582
|
+
[embedded]="embedded()"
|
|
57583
|
+
/>
|
|
57584
|
+
</div>
|
|
57585
|
+
|
|
57586
|
+
@if (isLoading()) {
|
|
57587
|
+
<div [ngClass]="getLoadingOverlayClasses()">
|
|
57588
|
+
<div [ngClass]="getSpinnerClasses()"></div>
|
|
57589
|
+
</div>
|
|
57590
|
+
}
|
|
57591
|
+
|
|
57592
|
+
<symphiq-tooltip-container />
|
|
57593
|
+
<symphiq-business-analysis-modal
|
|
57594
|
+
[isLightMode]="isLightMode()"
|
|
57595
|
+
(viewInContextRequested)="handleViewInContext($event)" />
|
|
57596
|
+
|
|
57597
|
+
<symphiq-search-modal
|
|
57598
|
+
[isLightMode]="isLightMode()"
|
|
57599
|
+
[isOpen]="searchService.isSearchOpen()"
|
|
57600
|
+
[searchQuery]="searchService.getSearchQuery()"
|
|
57601
|
+
[results]="searchService.searchResults()"
|
|
57602
|
+
[hasResults]="searchService.hasResults()"
|
|
57603
|
+
[selectedIndex]="selectedSearchIndex()"
|
|
57604
|
+
[placeholder]="'Search sections, items, and analysis...'"
|
|
57605
|
+
(searchChange)="onSearchChange($event)"
|
|
57606
|
+
(resultSelected)="onSearchResultSelected($event)"
|
|
57607
|
+
(close)="closeSearch()"
|
|
57608
|
+
/>
|
|
57609
|
+
|
|
57610
|
+
<symphiq-view-mode-switcher-modal
|
|
57611
|
+
[isOpen]="isViewModeSwitcherOpen()"
|
|
57612
|
+
[currentMode]="displayMode()"
|
|
57613
|
+
[viewMode]="viewMode()"
|
|
57614
|
+
[isLoading]="isViewModeSwitching()"
|
|
57615
|
+
(close)="closeViewModeSwitcher()"
|
|
57616
|
+
(modeSelected)="handleDisplayModeChange($event)"
|
|
57617
|
+
/>
|
|
57618
|
+
</div>
|
|
57596
57619
|
`, styles: [":host{display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-highlight{0%,to{transform:scale(1);box-shadow:0 0 #3b82f6b3}50%{transform:scale(1.02);box-shadow:0 0 20px 8px #3b82f64d}}:host ::ng-deep .search-highlight-pulse{animation:pulse-highlight 2s ease-in-out;border-color:#3b82f6!important}\n"] }]
|
|
57597
57620
|
}], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], onScroll: [{
|
|
57598
57621
|
type: HostListener,
|
|
@@ -57601,7 +57624,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
|
|
|
57601
57624
|
type: HostListener,
|
|
57602
57625
|
args: ['document:keydown', ['$event']]
|
|
57603
57626
|
}] }); })();
|
|
57604
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber:
|
|
57627
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 331 }); })();
|
|
57605
57628
|
|
|
57606
57629
|
function DashboardHeaderComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
57607
57630
|
i0.ɵɵelement(0, "div", 6);
|