@eric-emg/symphiq-components 1.2.99 → 1.2.101

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.
@@ -24945,7 +24945,9 @@ class FloatingTocComponent {
24945
24945
  this.activeSection = signal('', ...(ngDevMode ? [{ debugName: "activeSection" }] : []));
24946
24946
  this.activeSubsection = signal('', ...(ngDevMode ? [{ debugName: "activeSubsection" }] : []));
24947
24947
  this.expandedSections = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedSections" }] : []));
24948
+ this.containerTopOffset = signal(0, ...(ngDevMode ? [{ debugName: "containerTopOffset" }] : []));
24948
24949
  this.HEADER_OFFSET = 80;
24950
+ this.BASE_OFFSET = 96;
24949
24951
  this.tocSections = computed(() => {
24950
24952
  return this.sections.map(section => ({
24951
24953
  id: section.id || '',
@@ -24962,12 +24964,21 @@ class FloatingTocComponent {
24962
24964
  ngOnInit() {
24963
24965
  if (typeof window !== 'undefined') {
24964
24966
  this.setupIntersectionObserver();
24967
+ this.calculateContainerOffset();
24968
+ this.setupResizeListener();
24969
+ this.setupScrollListener();
24965
24970
  }
24966
24971
  }
24967
24972
  ngOnDestroy() {
24968
24973
  if (this.observer) {
24969
24974
  this.observer.disconnect();
24970
24975
  }
24976
+ if (this.resizeListener && typeof window !== 'undefined') {
24977
+ window.removeEventListener('resize', this.resizeListener);
24978
+ }
24979
+ if (this.scrollListener && typeof window !== 'undefined') {
24980
+ window.removeEventListener('scroll', this.scrollListener, true);
24981
+ }
24971
24982
  }
24972
24983
  setupIntersectionObserver() {
24973
24984
  this.observer = new IntersectionObserver((entries) => {
@@ -25057,9 +25068,39 @@ class FloatingTocComponent {
25057
25068
  this.isHovered.set(false);
25058
25069
  }
25059
25070
  }
25071
+ setupResizeListener() {
25072
+ this.resizeListener = () => {
25073
+ this.calculateContainerOffset();
25074
+ };
25075
+ window.addEventListener('resize', this.resizeListener);
25076
+ }
25077
+ setupScrollListener() {
25078
+ this.scrollListener = () => {
25079
+ this.calculateContainerOffset();
25080
+ };
25081
+ window.addEventListener('scroll', this.scrollListener, { passive: true });
25082
+ }
25083
+ calculateContainerOffset() {
25084
+ if (this.embedded && this.containerElement) {
25085
+ const rect = this.containerElement.getBoundingClientRect();
25086
+ const stickyHeader = document.querySelector('header');
25087
+ const headerHeight = stickyHeader ? stickyHeader.getBoundingClientRect().height : 0;
25088
+ const viewportOffset = Math.max(0, rect.top);
25089
+ this.containerTopOffset.set(viewportOffset + headerHeight);
25090
+ }
25091
+ else {
25092
+ this.containerTopOffset.set(0);
25093
+ }
25094
+ }
25095
+ getCalculatedTopPosition() {
25096
+ if (this.embedded && this.containerTopOffset() > 0) {
25097
+ return this.containerTopOffset() + 16;
25098
+ }
25099
+ return this.BASE_OFFSET;
25100
+ }
25060
25101
  getOuterContainerClasses() {
25061
25102
  return `
25062
- fixed left-4 top-24 z-40
25103
+ fixed left-4 z-40
25063
25104
  hidden lg:block
25064
25105
  `.trim();
25065
25106
  }
@@ -25210,7 +25251,7 @@ class FloatingTocComponent {
25210
25251
  `.trim();
25211
25252
  }
25212
25253
  static { this.ɵfac = function FloatingTocComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FloatingTocComponent)(); }; }
25213
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FloatingTocComponent, selectors: [["symphiq-floating-toc"]], inputs: { sections: "sections", viewMode: "viewMode", embedded: "embedded" }, decls: 26, vars: 14, consts: [[3, "mouseenter", "mouseleave", "ngClass"], [3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], [1, "flex", "items-center", "justify-between", "mb-4", "pb-3", "border-b", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["type", "button", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"], [1, "space-y-1", "overflow-y-auto", "max-h-[60vh]", "pr-2", 3, "ngClass"], [1, "space-y-0.5"], [1, "mt-4", "pt-3", "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 10l7-7m0 0l7 7m-7-7v18"], [1, "text-sm"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "flex-shrink-0"], [1, "truncate", "text-sm", "font-medium"], [1, "ml-6", "space-y-0.5", "mt-1"], ["size", "w-4 h-4", 3, "icon", "ngClass"], ["type", "button", 3, "ngClass"], [1, "truncate", "text-xs"]], template: function FloatingTocComponent_Template(rf, ctx) { if (rf & 1) {
25254
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FloatingTocComponent, selectors: [["symphiq-floating-toc"]], inputs: { sections: "sections", viewMode: "viewMode", embedded: "embedded", containerElement: "containerElement" }, decls: 26, vars: 16, consts: [[3, "mouseenter", "mouseleave", "ngClass"], [3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 6h16M4 12h16M4 18h16"], [1, "flex", "items-center", "justify-between", "mb-4", "pb-3", "border-b", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["type", "button", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"], [1, "space-y-1", "overflow-y-auto", "max-h-[60vh]", "pr-2", 3, "ngClass"], [1, "space-y-0.5"], [1, "mt-4", "pt-3", "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M5 10l7-7m0 0l7 7m-7-7v18"], [1, "text-sm"], [1, "flex", "items-center", "gap-2", "flex-1", "min-w-0"], [1, "flex-shrink-0"], [1, "truncate", "text-sm", "font-medium"], [1, "ml-6", "space-y-0.5", "mt-1"], ["size", "w-4 h-4", 3, "icon", "ngClass"], ["type", "button", 3, "ngClass"], [1, "truncate", "text-xs"]], template: function FloatingTocComponent_Template(rf, ctx) { if (rf & 1) {
25214
25255
  i0.ɵɵelementStart(0, "div", 0);
25215
25256
  i0.ɵɵlistener("mouseenter", function FloatingTocComponent_Template_div_mouseenter_0_listener() { return ctx.onMouseEnter(); })("mouseleave", function FloatingTocComponent_Template_div_mouseleave_0_listener() { return ctx.onMouseLeave(); });
25216
25257
  i0.ɵɵelementStart(1, "div", 1)(2, "div", 1);
@@ -25249,6 +25290,7 @@ class FloatingTocComponent {
25249
25290
  i0.ɵɵtext(25, "Back to Top");
25250
25291
  i0.ɵɵelementEnd()()()()()();
25251
25292
  } if (rf & 2) {
25293
+ i0.ɵɵstyleProp("top", ctx.getCalculatedTopPosition(), "px");
25252
25294
  i0.ɵɵproperty("ngClass", ctx.getOuterContainerClasses());
25253
25295
  i0.ɵɵadvance();
25254
25296
  i0.ɵɵproperty("ngClass", ctx.getInnerContainerClasses());
@@ -25288,6 +25330,7 @@ class FloatingTocComponent {
25288
25330
  template: `
25289
25331
  <div
25290
25332
  [ngClass]="getOuterContainerClasses()"
25333
+ [style.top.px]="getCalculatedTopPosition()"
25291
25334
  (mouseenter)="onMouseEnter()"
25292
25335
  (mouseleave)="onMouseLeave()"
25293
25336
  >
@@ -25391,8 +25434,10 @@ class FloatingTocComponent {
25391
25434
  type: Input
25392
25435
  }], embedded: [{
25393
25436
  type: Input
25437
+ }], containerElement: [{
25438
+ type: Input
25394
25439
  }] }); })();
25395
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FloatingTocComponent, { className: "FloatingTocComponent", filePath: "lib/components/business-analysis-dashboard/floating-toc.component.ts", lineNumber: 124 }); })();
25440
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FloatingTocComponent, { className: "FloatingTocComponent", filePath: "lib/components/business-analysis-dashboard/floating-toc.component.ts", lineNumber: 125 }); })();
25396
25441
 
25397
25442
  const _c0$f = ["dashboardContainer"];
25398
25443
  const _c1$b = () => ({});
@@ -49266,192 +49311,193 @@ class UserPreferencesService {
49266
49311
  }]
49267
49312
  }], () => [], null); })();
49268
49313
 
49269
- function SymphiqBusinessAnalysisDashboardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
49314
+ function SymphiqBusinessAnalysisDashboardComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
49270
49315
  i0.ɵɵelementStart(0, "div");
49271
- i0.ɵɵelement(1, "div", 8);
49316
+ i0.ɵɵelement(1, "div", 9);
49272
49317
  i0.ɵɵelementEnd();
49273
49318
  } if (rf & 2) {
49274
- const ctx_r0 = i0.ɵɵnextContext();
49275
- i0.ɵɵclassMap(ctx_r0.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");
49319
+ const ctx_r1 = i0.ɵɵnextContext();
49320
+ i0.ɵɵclassMap(ctx_r1.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");
49276
49321
  i0.ɵɵadvance();
49277
- i0.ɵɵstyleProp("width", ctx_r0.scrollProgress(), "%");
49278
- i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "bg-gradient-to-r from-blue-500 to-purple-500" : "bg-gradient-to-r from-blue-400 to-purple-400");
49322
+ i0.ɵɵstyleProp("width", ctx_r1.scrollProgress(), "%");
49323
+ i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "bg-gradient-to-r from-blue-500 to-purple-500" : "bg-gradient-to-r from-blue-400 to-purple-400");
49279
49324
  } }
49280
- function SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
49281
- const _r2 = i0.ɵɵgetCurrentView();
49282
- i0.ɵɵelementStart(0, "header", 3)(1, "div", 9)(2, "div", 10)(3, "div")(4, "h1", 0);
49325
+ function SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
49326
+ const _r3 = i0.ɵɵgetCurrentView();
49327
+ i0.ɵɵelementStart(0, "header", 4)(1, "div", 10)(2, "div", 11)(3, "div")(4, "h1", 1);
49283
49328
  i0.ɵɵtext(5);
49284
49329
  i0.ɵɵelementEnd();
49285
- i0.ɵɵelementStart(6, "p", 0);
49330
+ i0.ɵɵelementStart(6, "p", 1);
49286
49331
  i0.ɵɵtext(7, " Business Profile & Analysis ");
49287
49332
  i0.ɵɵelementEnd()();
49288
- i0.ɵɵelementStart(8, "symphiq-view-toggle", 11);
49289
- i0.ɵɵlistener("toggle", function SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Template_symphiq_view_toggle_toggle_8_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpandedView()); })("viewModeSelected", function SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Template_symphiq_view_toggle_viewModeSelected_8_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setViewMode($event)); });
49333
+ i0.ɵɵelementStart(8, "symphiq-view-toggle", 12);
49334
+ i0.ɵɵlistener("toggle", function SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template_symphiq_view_toggle_toggle_8_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleExpandedView()); })("viewModeSelected", function SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template_symphiq_view_toggle_viewModeSelected_8_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setViewMode($event)); });
49290
49335
  i0.ɵɵelementEnd()()()();
49291
49336
  } if (rf & 2) {
49292
- let tmp_3_0;
49293
- const ctx_r0 = i0.ɵɵnextContext();
49294
- i0.ɵɵproperty("ngClass", ctx_r0.getHeaderClasses());
49337
+ let tmp_4_0;
49338
+ const ctx_r1 = i0.ɵɵnextContext();
49339
+ i0.ɵɵproperty("ngClass", ctx_r1.getHeaderClasses());
49295
49340
  i0.ɵɵadvance(4);
49296
- i0.ɵɵproperty("ngClass", ctx_r0.getMainTitleClasses());
49341
+ i0.ɵɵproperty("ngClass", ctx_r1.getMainTitleClasses());
49297
49342
  i0.ɵɵadvance();
49298
- i0.ɵɵtextInterpolate1(" ", ((tmp_3_0 = ctx_r0.currentProfile()) == null ? null : tmp_3_0.profileStructured == null ? null : tmp_3_0.profileStructured.businessName) || "Business Analysis", " ");
49343
+ i0.ɵɵtextInterpolate1(" ", ((tmp_4_0 = ctx_r1.currentProfile()) == null ? null : tmp_4_0.profileStructured == null ? null : tmp_4_0.profileStructured.businessName) || "Business Analysis", " ");
49299
49344
  i0.ɵɵadvance();
49300
- i0.ɵɵproperty("ngClass", ctx_r0.getSubtitleClasses());
49345
+ i0.ɵɵproperty("ngClass", ctx_r1.getSubtitleClasses());
49301
49346
  i0.ɵɵadvance(2);
49302
- i0.ɵɵproperty("currentViewMode", ctx_r0.currentComponentViewMode())("viewMode", ctx_r0.viewMode);
49347
+ i0.ɵɵproperty("currentViewMode", ctx_r1.currentComponentViewMode())("viewMode", ctx_r1.viewMode);
49303
49348
  } }
49304
- function SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Conditional_22_Template(rf, ctx) { if (rf & 1) {
49305
- i0.ɵɵelementStart(0, "span", 20);
49349
+ function SymphiqBusinessAnalysisDashboardComponent_Conditional_11_Conditional_22_Template(rf, ctx) { if (rf & 1) {
49350
+ i0.ɵɵelementStart(0, "span", 21);
49306
49351
  i0.ɵɵtext(1, "\u203A");
49307
49352
  i0.ɵɵelementEnd();
49308
- i0.ɵɵelementStart(2, "span", 20);
49353
+ i0.ɵɵelementStart(2, "span", 21);
49309
49354
  i0.ɵɵtext(3);
49310
49355
  i0.ɵɵelementEnd();
49311
49356
  } if (rf & 2) {
49312
- const ctx_r0 = i0.ɵɵnextContext(2);
49313
- i0.ɵɵclassProp("opacity-0", ctx_r0.subsectionTitleFading())("opacity-100", !ctx_r0.subsectionTitleFading());
49314
- i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "text-slate-400" : "text-slate-500");
49357
+ const ctx_r1 = i0.ɵɵnextContext(2);
49358
+ i0.ɵɵclassProp("opacity-0", ctx_r1.subsectionTitleFading())("opacity-100", !ctx_r1.subsectionTitleFading());
49359
+ i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-400" : "text-slate-500");
49315
49360
  i0.ɵɵadvance(2);
49316
- i0.ɵɵclassProp("opacity-0", ctx_r0.subsectionTitleFading())("opacity-100", !ctx_r0.subsectionTitleFading());
49317
- i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "text-slate-500" : "text-slate-500");
49361
+ i0.ɵɵclassProp("opacity-0", ctx_r1.subsectionTitleFading())("opacity-100", !ctx_r1.subsectionTitleFading());
49362
+ i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-500" : "text-slate-500");
49318
49363
  i0.ɵɵadvance();
49319
- i0.ɵɵtextInterpolate1(" ", ctx_r0.currentSubsectionTitle(), " ");
49364
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.currentSubsectionTitle(), " ");
49320
49365
  } }
49321
- function SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
49322
- const _r3 = i0.ɵɵgetCurrentView();
49323
- i0.ɵɵelementStart(0, "header", 3)(1, "div", 12)(2, "div", 13)(3, "div", 10)(4, "div")(5, "h1", 0);
49366
+ function SymphiqBusinessAnalysisDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
49367
+ const _r4 = i0.ɵɵgetCurrentView();
49368
+ i0.ɵɵelementStart(0, "header", 4)(1, "div", 13)(2, "div", 14)(3, "div", 11)(4, "div")(5, "h1", 1);
49324
49369
  i0.ɵɵtext(6);
49325
49370
  i0.ɵɵelementEnd();
49326
- i0.ɵɵelementStart(7, "p", 0);
49371
+ i0.ɵɵelementStart(7, "p", 1);
49327
49372
  i0.ɵɵtext(8, " Business Profile & Analysis ");
49328
49373
  i0.ɵɵelementEnd()();
49329
- i0.ɵɵelementStart(9, "div", 14)(10, "symphiq-search-button", 15);
49330
- i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template_symphiq_search_button_searchClick_10_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openSearch()); });
49374
+ i0.ɵɵelementStart(9, "div", 15)(10, "symphiq-search-button", 16);
49375
+ i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_11_Template_symphiq_search_button_searchClick_10_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openSearch()); });
49331
49376
  i0.ɵɵelementEnd();
49332
- i0.ɵɵelementStart(11, "symphiq-view-toggle", 11);
49333
- i0.ɵɵlistener("toggle", function SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template_symphiq_view_toggle_toggle_11_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpandedView()); })("viewModeSelected", function SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template_symphiq_view_toggle_viewModeSelected_11_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setViewMode($event)); });
49377
+ i0.ɵɵelementStart(11, "symphiq-view-toggle", 12);
49378
+ i0.ɵɵlistener("toggle", function SymphiqBusinessAnalysisDashboardComponent_Conditional_11_Template_symphiq_view_toggle_toggle_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleExpandedView()); })("viewModeSelected", function SymphiqBusinessAnalysisDashboardComponent_Conditional_11_Template_symphiq_view_toggle_viewModeSelected_11_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setViewMode($event)); });
49334
49379
  i0.ɵɵelementEnd()()()()();
49335
- i0.ɵɵelementStart(12, "div", 12)(13, "div", 16)(14, "div", 10)(15, "div", 17)(16, "h1", 0);
49380
+ i0.ɵɵelementStart(12, "div", 13)(13, "div", 17)(14, "div", 11)(15, "div", 18)(16, "h1", 1);
49336
49381
  i0.ɵɵtext(17);
49337
49382
  i0.ɵɵelementEnd()();
49338
- i0.ɵɵelementStart(18, "div", 18)(19, "div", 19)(20, "span", 20);
49383
+ i0.ɵɵelementStart(18, "div", 19)(19, "div", 20)(20, "span", 21);
49339
49384
  i0.ɵɵtext(21);
49340
49385
  i0.ɵɵelementEnd();
49341
- i0.ɵɵconditionalCreate(22, SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Conditional_22_Template, 4, 11);
49386
+ i0.ɵɵconditionalCreate(22, SymphiqBusinessAnalysisDashboardComponent_Conditional_11_Conditional_22_Template, 4, 11);
49342
49387
  i0.ɵɵelementEnd();
49343
- i0.ɵɵelementStart(23, "symphiq-search-button", 21);
49344
- i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template_symphiq_search_button_searchClick_23_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openSearch()); });
49388
+ i0.ɵɵelementStart(23, "symphiq-search-button", 22);
49389
+ i0.ɵɵlistener("searchClick", function SymphiqBusinessAnalysisDashboardComponent_Conditional_11_Template_symphiq_search_button_searchClick_23_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openSearch()); });
49345
49390
  i0.ɵɵelementEnd();
49346
- i0.ɵɵelementStart(24, "symphiq-view-toggle", 22);
49347
- i0.ɵɵlistener("toggle", function SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template_symphiq_view_toggle_toggle_24_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpandedView()); })("viewModeSelected", function SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template_symphiq_view_toggle_viewModeSelected_24_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setViewMode($event)); });
49391
+ i0.ɵɵelementStart(24, "symphiq-view-toggle", 23);
49392
+ i0.ɵɵlistener("toggle", function SymphiqBusinessAnalysisDashboardComponent_Conditional_11_Template_symphiq_view_toggle_toggle_24_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleExpandedView()); })("viewModeSelected", function SymphiqBusinessAnalysisDashboardComponent_Conditional_11_Template_symphiq_view_toggle_viewModeSelected_24_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setViewMode($event)); });
49348
49393
  i0.ɵɵelementEnd()()()()()();
49349
49394
  } if (rf & 2) {
49350
- let tmp_9_0;
49351
- let tmp_21_0;
49352
- const ctx_r0 = i0.ɵɵnextContext();
49353
- i0.ɵɵproperty("ngClass", ctx_r0.getHeaderClasses());
49395
+ let tmp_10_0;
49396
+ let tmp_22_0;
49397
+ const ctx_r1 = i0.ɵɵnextContext();
49398
+ i0.ɵɵproperty("ngClass", ctx_r1.getHeaderClasses());
49354
49399
  i0.ɵɵadvance();
49355
- i0.ɵɵclassProp("max-h-0", ctx_r0.headerScrollService.isScrolled())("opacity-0", ctx_r0.headerScrollService.isScrolled())("max-h-96", !ctx_r0.headerScrollService.isScrolled())("opacity-100", !ctx_r0.headerScrollService.isScrolled());
49400
+ i0.ɵɵclassProp("max-h-0", ctx_r1.headerScrollService.isScrolled())("opacity-0", ctx_r1.headerScrollService.isScrolled())("max-h-96", !ctx_r1.headerScrollService.isScrolled())("opacity-100", !ctx_r1.headerScrollService.isScrolled());
49356
49401
  i0.ɵɵadvance();
49357
- i0.ɵɵclassProp("pointer-events-none", ctx_r0.headerScrollService.isScrolled())("pointer-events-auto", !ctx_r0.headerScrollService.isScrolled());
49402
+ i0.ɵɵclassProp("pointer-events-none", ctx_r1.headerScrollService.isScrolled())("pointer-events-auto", !ctx_r1.headerScrollService.isScrolled());
49358
49403
  i0.ɵɵadvance(3);
49359
- i0.ɵɵproperty("ngClass", ctx_r0.getMainTitleClasses());
49404
+ i0.ɵɵproperty("ngClass", ctx_r1.getMainTitleClasses());
49360
49405
  i0.ɵɵadvance();
49361
- i0.ɵɵtextInterpolate1(" ", ((tmp_9_0 = ctx_r0.currentProfile()) == null ? null : tmp_9_0.profileStructured == null ? null : tmp_9_0.profileStructured.businessName) || "Business Analysis", " ");
49406
+ i0.ɵɵtextInterpolate1(" ", ((tmp_10_0 = ctx_r1.currentProfile()) == null ? null : tmp_10_0.profileStructured == null ? null : tmp_10_0.profileStructured.businessName) || "Business Analysis", " ");
49362
49407
  i0.ɵɵadvance();
49363
- i0.ɵɵproperty("ngClass", ctx_r0.getSubtitleClasses());
49408
+ i0.ɵɵproperty("ngClass", ctx_r1.getSubtitleClasses());
49364
49409
  i0.ɵɵadvance(3);
49365
- i0.ɵɵproperty("isLightMode", ctx_r0.isLightMode());
49410
+ i0.ɵɵproperty("isLightMode", ctx_r1.isLightMode());
49366
49411
  i0.ɵɵadvance();
49367
- i0.ɵɵproperty("currentViewMode", ctx_r0.currentComponentViewMode())("viewMode", ctx_r0.viewMode);
49412
+ i0.ɵɵproperty("currentViewMode", ctx_r1.currentComponentViewMode())("viewMode", ctx_r1.viewMode);
49368
49413
  i0.ɵɵadvance();
49369
- i0.ɵɵclassProp("max-h-0", !ctx_r0.headerScrollService.isScrolled())("opacity-0", !ctx_r0.headerScrollService.isScrolled())("max-h-20", ctx_r0.headerScrollService.isScrolled())("opacity-100", ctx_r0.headerScrollService.isScrolled());
49414
+ i0.ɵɵclassProp("max-h-0", !ctx_r1.headerScrollService.isScrolled())("opacity-0", !ctx_r1.headerScrollService.isScrolled())("max-h-20", ctx_r1.headerScrollService.isScrolled())("opacity-100", ctx_r1.headerScrollService.isScrolled());
49370
49415
  i0.ɵɵadvance();
49371
- i0.ɵɵclassProp("pointer-events-none", !ctx_r0.headerScrollService.isScrolled())("pointer-events-auto", ctx_r0.headerScrollService.isScrolled());
49416
+ i0.ɵɵclassProp("pointer-events-none", !ctx_r1.headerScrollService.isScrolled())("pointer-events-auto", ctx_r1.headerScrollService.isScrolled());
49372
49417
  i0.ɵɵadvance(3);
49373
- i0.ɵɵproperty("ngClass", ctx_r0.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");
49418
+ i0.ɵɵproperty("ngClass", ctx_r1.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");
49374
49419
  i0.ɵɵadvance();
49375
- i0.ɵɵtextInterpolate1(" ", ((tmp_21_0 = ctx_r0.currentProfile()) == null ? null : tmp_21_0.profileStructured == null ? null : tmp_21_0.profileStructured.businessName) || "Business Analysis", " ");
49420
+ i0.ɵɵtextInterpolate1(" ", ((tmp_22_0 = ctx_r1.currentProfile()) == null ? null : tmp_22_0.profileStructured == null ? null : tmp_22_0.profileStructured.businessName) || "Business Analysis", " ");
49376
49421
  i0.ɵɵadvance(3);
49377
- i0.ɵɵclassProp("opacity-0", ctx_r0.sectionTitleFading())("opacity-100", !ctx_r0.sectionTitleFading());
49378
- i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "text-slate-600 font-medium" : "text-slate-400 font-medium");
49422
+ i0.ɵɵclassProp("opacity-0", ctx_r1.sectionTitleFading())("opacity-100", !ctx_r1.sectionTitleFading());
49423
+ i0.ɵɵproperty("ngClass", ctx_r1.isLightMode() ? "text-slate-600 font-medium" : "text-slate-400 font-medium");
49379
49424
  i0.ɵɵadvance();
49380
- i0.ɵɵtextInterpolate1(" ", ctx_r0.currentSectionTitle(), " ");
49425
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.currentSectionTitle(), " ");
49381
49426
  i0.ɵɵadvance();
49382
- i0.ɵɵconditional(ctx_r0.currentSubsectionTitle() ? 22 : -1);
49427
+ i0.ɵɵconditional(ctx_r1.currentSubsectionTitle() ? 22 : -1);
49383
49428
  i0.ɵɵadvance();
49384
- i0.ɵɵproperty("isLightMode", ctx_r0.isLightMode())("minimized", true);
49429
+ i0.ɵɵproperty("isLightMode", ctx_r1.isLightMode())("minimized", true);
49385
49430
  i0.ɵɵadvance();
49386
- i0.ɵɵproperty("currentViewMode", ctx_r0.currentComponentViewMode())("viewMode", ctx_r0.viewMode)("minimized", true);
49431
+ i0.ɵɵproperty("currentViewMode", ctx_r1.currentComponentViewMode())("viewMode", ctx_r1.viewMode)("minimized", true);
49387
49432
  } }
49388
- function SymphiqBusinessAnalysisDashboardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
49389
- const _r4 = i0.ɵɵgetCurrentView();
49390
- i0.ɵɵelementStart(0, "div", 5)(1, "symphiq-welcome-hero-banner", 23);
49391
- i0.ɵɵlistener("getStarted", function SymphiqBusinessAnalysisDashboardComponent_Conditional_12_Template_symphiq_welcome_hero_banner_getStarted_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onWelcomeGetStarted()); })("dismiss", function SymphiqBusinessAnalysisDashboardComponent_Conditional_12_Template_symphiq_welcome_hero_banner_dismiss_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onWelcomeDismiss()); });
49433
+ function SymphiqBusinessAnalysisDashboardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
49434
+ const _r5 = i0.ɵɵgetCurrentView();
49435
+ i0.ɵɵelementStart(0, "div", 6)(1, "symphiq-welcome-hero-banner", 24);
49436
+ i0.ɵɵlistener("getStarted", function SymphiqBusinessAnalysisDashboardComponent_Conditional_13_Template_symphiq_welcome_hero_banner_getStarted_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onWelcomeGetStarted()); })("dismiss", function SymphiqBusinessAnalysisDashboardComponent_Conditional_13_Template_symphiq_welcome_hero_banner_dismiss_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onWelcomeDismiss()); });
49392
49437
  i0.ɵɵelementEnd();
49393
- i0.ɵɵelement(2, "symphiq-journey-progress-stepper", 24)(3, "symphiq-simplified-strategic-insights", 25)(4, "symphiq-collapsible-supporting-context", 25);
49394
- i0.ɵɵelementStart(5, "symphiq-next-step-cta", 26);
49395
- i0.ɵɵlistener("analyzeFunnel", function SymphiqBusinessAnalysisDashboardComponent_Conditional_12_Template_symphiq_next_step_cta_analyzeFunnel_5_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onAnalyzeFunnel()); })("exploreMore", function SymphiqBusinessAnalysisDashboardComponent_Conditional_12_Template_symphiq_next_step_cta_exploreMore_5_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onExploreMore()); });
49438
+ i0.ɵɵelement(2, "symphiq-journey-progress-stepper", 25)(3, "symphiq-simplified-strategic-insights", 26)(4, "symphiq-collapsible-supporting-context", 26);
49439
+ i0.ɵɵelementStart(5, "symphiq-next-step-cta", 27);
49440
+ i0.ɵɵlistener("analyzeFunnel", function SymphiqBusinessAnalysisDashboardComponent_Conditional_13_Template_symphiq_next_step_cta_analyzeFunnel_5_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onAnalyzeFunnel()); })("exploreMore", function SymphiqBusinessAnalysisDashboardComponent_Conditional_13_Template_symphiq_next_step_cta_exploreMore_5_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onExploreMore()); });
49396
49441
  i0.ɵɵelementEnd()();
49397
49442
  } if (rf & 2) {
49398
- let tmp_1_0;
49399
- const ctx_r0 = i0.ɵɵnextContext();
49443
+ let tmp_2_0;
49444
+ const ctx_r1 = i0.ɵɵnextContext();
49400
49445
  i0.ɵɵadvance();
49401
- i0.ɵɵproperty("businessName", ((tmp_1_0 = ctx_r0.currentProfile()) == null ? null : tmp_1_0.profileStructured == null ? null : tmp_1_0.profileStructured.businessName) || "your business")("viewMode", ctx_r0.viewMode)("showCta", !ctx_r0.userPreferences().hasSeenWelcome);
49446
+ i0.ɵɵproperty("businessName", ((tmp_2_0 = ctx_r1.currentProfile()) == null ? null : tmp_2_0.profileStructured == null ? null : tmp_2_0.profileStructured.businessName) || "your business")("viewMode", ctx_r1.viewMode)("showCta", !ctx_r1.userPreferences().hasSeenWelcome);
49402
49447
  i0.ɵɵadvance();
49403
- i0.ɵɵproperty("currentStep", ctx_r0.userPreferences().currentJourneyStep)("completedSteps", ctx_r0.userPreferences().completedSteps)("viewMode", ctx_r0.viewMode);
49448
+ i0.ɵɵproperty("currentStep", ctx_r1.userPreferences().currentJourneyStep)("completedSteps", ctx_r1.userPreferences().completedSteps)("viewMode", ctx_r1.viewMode);
49404
49449
  i0.ɵɵadvance();
49405
- i0.ɵɵproperty("profile", ctx_r0.currentProfile())("viewMode", ctx_r0.viewMode);
49450
+ i0.ɵɵproperty("profile", ctx_r1.currentProfile())("viewMode", ctx_r1.viewMode);
49406
49451
  i0.ɵɵadvance();
49407
- i0.ɵɵproperty("profile", ctx_r0.currentProfile())("viewMode", ctx_r0.viewMode);
49452
+ i0.ɵɵproperty("profile", ctx_r1.currentProfile())("viewMode", ctx_r1.viewMode);
49408
49453
  i0.ɵɵadvance();
49409
- i0.ɵɵproperty("viewMode", ctx_r0.viewMode);
49454
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode);
49410
49455
  } }
49411
- function SymphiqBusinessAnalysisDashboardComponent_Conditional_13_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
49412
- i0.ɵɵelementStart(0, "div", 30);
49413
- i0.ɵɵelement(1, "symphiq-section-divider", 31);
49456
+ function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
49457
+ i0.ɵɵelementStart(0, "div", 32);
49458
+ i0.ɵɵelement(1, "symphiq-section-divider", 33);
49414
49459
  i0.ɵɵelementEnd();
49415
49460
  } if (rf & 2) {
49416
- const ɵ$index_107_r5 = i0.ɵɵnextContext().$index;
49417
- const ctx_r0 = i0.ɵɵnextContext(2);
49461
+ const ɵ$index_107_r6 = i0.ɵɵnextContext().$index;
49462
+ const ctx_r1 = i0.ɵɵnextContext(2);
49418
49463
  i0.ɵɵadvance();
49419
- i0.ɵɵproperty("viewMode", ctx_r0.viewMode)("subsections", ctx_r0.sections()[ɵ$index_107_r5 + 1].subsections);
49464
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode)("subsections", ctx_r1.sections()[ɵ$index_107_r6 + 1].subsections);
49420
49465
  } }
49421
- function SymphiqBusinessAnalysisDashboardComponent_Conditional_13_For_1_Template(rf, ctx) { if (rf & 1) {
49422
- i0.ɵɵelement(0, "symphiq-profile-section", 29);
49423
- i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_13_For_1_Conditional_1_Template, 2, 2, "div", 30);
49466
+ function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_For_1_Template(rf, ctx) { if (rf & 1) {
49467
+ i0.ɵɵelement(0, "symphiq-profile-section", 31);
49468
+ i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_14_For_1_Conditional_1_Template, 2, 2, "div", 32);
49424
49469
  } if (rf & 2) {
49425
- const section_r6 = ctx.$implicit;
49426
- const ɵ$index_107_r5 = ctx.$index;
49427
- const ɵ$count_107_r7 = ctx.$count;
49428
- const ctx_r0 = i0.ɵɵnextContext(2);
49429
- i0.ɵɵproperty("section", section_r6)("viewMode", ctx_r0.viewMode)("forceExpanded", !ctx_r0.isCompactView());
49470
+ const section_r7 = ctx.$implicit;
49471
+ const ɵ$index_107_r6 = ctx.$index;
49472
+ const ɵ$count_107_r8 = ctx.$count;
49473
+ const ctx_r1 = i0.ɵɵnextContext(2);
49474
+ i0.ɵɵproperty("section", section_r7)("viewMode", ctx_r1.viewMode)("forceExpanded", !ctx_r1.isCompactView());
49430
49475
  i0.ɵɵadvance();
49431
- i0.ɵɵconditional(!(ɵ$index_107_r5 === ɵ$count_107_r7 - 1) ? 1 : -1);
49476
+ i0.ɵɵconditional(!(ɵ$index_107_r6 === ɵ$count_107_r8 - 1) ? 1 : -1);
49432
49477
  } }
49433
- function SymphiqBusinessAnalysisDashboardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
49434
- i0.ɵɵrepeaterCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_13_For_1_Template, 2, 4, null, null, i0.ɵɵcomponentInstance().trackBySectionId, true);
49435
- i0.ɵɵelement(2, "symphiq-section-navigation", 27)(3, "symphiq-floating-toc", 27)(4, "symphiq-floating-back-button", 28);
49478
+ function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
49479
+ i0.ɵɵrepeaterCreate(0, SymphiqBusinessAnalysisDashboardComponent_Conditional_14_For_1_Template, 2, 4, null, null, i0.ɵɵcomponentInstance().trackBySectionId, true);
49480
+ i0.ɵɵelement(2, "symphiq-section-navigation", 28)(3, "symphiq-floating-toc", 29)(4, "symphiq-floating-back-button", 30);
49436
49481
  } if (rf & 2) {
49437
- const ctx_r0 = i0.ɵɵnextContext();
49438
- i0.ɵɵrepeater(ctx_r0.sections());
49482
+ const ctx_r1 = i0.ɵɵnextContext();
49483
+ const dashboardContainer_r9 = i0.ɵɵreference(1);
49484
+ i0.ɵɵrepeater(ctx_r1.sections());
49439
49485
  i0.ɵɵadvance(2);
49440
- i0.ɵɵproperty("sections", ctx_r0.sections())("viewMode", ctx_r0.viewMode)("embedded", ctx_r0.embedded);
49486
+ i0.ɵɵproperty("sections", ctx_r1.sections())("viewMode", ctx_r1.viewMode)("embedded", ctx_r1.embedded);
49441
49487
  i0.ɵɵadvance();
49442
- i0.ɵɵproperty("sections", ctx_r0.sections())("viewMode", ctx_r0.viewMode)("embedded", ctx_r0.embedded);
49488
+ i0.ɵɵproperty("sections", ctx_r1.sections())("viewMode", ctx_r1.viewMode)("embedded", ctx_r1.embedded)("containerElement", dashboardContainer_r9);
49443
49489
  i0.ɵɵadvance();
49444
- i0.ɵɵproperty("viewMode", ctx_r0.viewMode)("embedded", ctx_r0.embedded);
49490
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode)("embedded", ctx_r1.embedded);
49445
49491
  } }
49446
- function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
49447
- i0.ɵɵelementStart(0, "div", 0);
49448
- i0.ɵɵelement(1, "div", 0);
49492
+ function SymphiqBusinessAnalysisDashboardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
49493
+ i0.ɵɵelementStart(0, "div", 1);
49494
+ i0.ɵɵelement(1, "div", 1);
49449
49495
  i0.ɵɵelementEnd();
49450
49496
  } if (rf & 2) {
49451
- const ctx_r0 = i0.ɵɵnextContext();
49452
- i0.ɵɵproperty("ngClass", ctx_r0.getLoadingOverlayClasses());
49497
+ const ctx_r1 = i0.ɵɵnextContext();
49498
+ i0.ɵɵproperty("ngClass", ctx_r1.getLoadingOverlayClasses());
49453
49499
  i0.ɵɵadvance();
49454
- i0.ɵɵproperty("ngClass", ctx_r0.getSpinnerClasses());
49500
+ i0.ɵɵproperty("ngClass", ctx_r1.getSpinnerClasses());
49455
49501
  } }
49456
49502
  class SymphiqBusinessAnalysisDashboardComponent {
49457
49503
  sectionHasContent(section) {
@@ -49863,26 +49909,27 @@ class SymphiqBusinessAnalysisDashboardComponent {
49863
49909
  static { this.ɵfac = function SymphiqBusinessAnalysisDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqBusinessAnalysisDashboardComponent)(); }; }
49864
49910
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqBusinessAnalysisDashboardComponent, selectors: [["symphiq-business-analysis-dashboard"]], hostBindings: function SymphiqBusinessAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
49865
49911
  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);
49866
- } }, inputs: { requestedByUser: "requestedByUser", viewMode: "viewMode", embedded: "embedded", scrollEvent: "scrollEvent", scrollElement: "scrollElement", isLoading: "isLoading", useSampleData: "useSampleData", profile: "profile" }, decls: 18, vars: 19, consts: [[3, "ngClass"], [3, "class"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "relative"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "space-y-8"], [3, "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "justify-between"], [3, "toggle", "viewModeSelected", "currentViewMode", "viewMode"], [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", "gap-2"], [3, "searchClick", "isLightMode"], [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, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], [3, "toggle", "viewModeSelected", "currentViewMode", "viewMode", "minimized"], [3, "getStarted", "dismiss", "businessName", "viewMode", "showCta"], [3, "currentStep", "completedSteps", "viewMode"], [3, "profile", "viewMode"], [3, "analyzeFunnel", "exploreMore", "viewMode"], [3, "sections", "viewMode", "embedded"], [3, "viewMode", "embedded"], [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) {
49867
- i0.ɵɵelementStart(0, "div", 0);
49868
- i0.ɵɵconditionalCreate(1, SymphiqBusinessAnalysisDashboardComponent_Conditional_1_Template, 2, 5, "div", 1);
49869
- i0.ɵɵelementStart(2, "div", 0);
49870
- i0.ɵɵelement(3, "div", 0)(4, "div", 0)(5, "div", 0)(6, "div", 0)(7, "div", 0);
49912
+ } }, inputs: { requestedByUser: "requestedByUser", viewMode: "viewMode", embedded: "embedded", scrollEvent: "scrollEvent", scrollElement: "scrollElement", isLoading: "isLoading", useSampleData: "useSampleData", profile: "profile" }, decls: 19, vars: 19, consts: [["dashboardContainer", ""], [3, "ngClass"], [3, "class"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "relative"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "space-y-8"], [3, "isLightMode"], [3, "searchChange", "resultSelected", "close", "isLightMode", "isOpen", "searchQuery", "results", "hasResults", "selectedIndex", "placeholder"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "justify-between"], [3, "toggle", "viewModeSelected", "currentViewMode", "viewMode"], [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", "gap-2"], [3, "searchClick", "isLightMode"], [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, "transition-opacity", "duration-300", 3, "ngClass"], [3, "searchClick", "isLightMode", "minimized"], [3, "toggle", "viewModeSelected", "currentViewMode", "viewMode", "minimized"], [3, "getStarted", "dismiss", "businessName", "viewMode", "showCta"], [3, "currentStep", "completedSteps", "viewMode"], [3, "profile", "viewMode"], [3, "analyzeFunnel", "exploreMore", "viewMode"], [3, "sections", "viewMode", "embedded"], [3, "sections", "viewMode", "embedded", "containerElement"], [3, "viewMode", "embedded"], [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) {
49913
+ const _r1 = i0.ɵɵgetCurrentView();
49914
+ i0.ɵɵelementStart(0, "div", 1, 0);
49915
+ i0.ɵɵconditionalCreate(2, SymphiqBusinessAnalysisDashboardComponent_Conditional_2_Template, 2, 5, "div", 2);
49916
+ i0.ɵɵelementStart(3, "div", 1);
49917
+ i0.ɵɵelement(4, "div", 1)(5, "div", 1)(6, "div", 1)(7, "div", 1)(8, "div", 1);
49871
49918
  i0.ɵɵelementEnd();
49872
- i0.ɵɵelementStart(8, "div", 2);
49873
- i0.ɵɵconditionalCreate(9, SymphiqBusinessAnalysisDashboardComponent_Conditional_9_Template, 9, 6, "header", 3)(10, SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template, 25, 45, "header", 3);
49874
- i0.ɵɵelementStart(11, "main", 4);
49875
- i0.ɵɵconditionalCreate(12, SymphiqBusinessAnalysisDashboardComponent_Conditional_12_Template, 6, 11, "div", 5)(13, SymphiqBusinessAnalysisDashboardComponent_Conditional_13_Template, 5, 8);
49919
+ i0.ɵɵelementStart(9, "div", 3);
49920
+ i0.ɵɵconditionalCreate(10, SymphiqBusinessAnalysisDashboardComponent_Conditional_10_Template, 9, 6, "header", 4)(11, SymphiqBusinessAnalysisDashboardComponent_Conditional_11_Template, 25, 45, "header", 4);
49921
+ i0.ɵɵelementStart(12, "main", 5);
49922
+ i0.ɵɵconditionalCreate(13, SymphiqBusinessAnalysisDashboardComponent_Conditional_13_Template, 6, 11, "div", 6)(14, SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template, 5, 9);
49876
49923
  i0.ɵɵelementEnd()();
49877
- i0.ɵɵconditionalCreate(14, SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template, 2, 2, "div", 0);
49878
- i0.ɵɵelement(15, "symphiq-tooltip-container")(16, "symphiq-business-analysis-modal", 6);
49879
- i0.ɵɵelementStart(17, "symphiq-search-modal", 7);
49880
- i0.ɵɵlistener("searchChange", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_searchChange_17_listener($event) { return ctx.onSearchChange($event); })("resultSelected", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_resultSelected_17_listener($event) { return ctx.onSearchResultSelected($event); })("close", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_close_17_listener() { return ctx.closeSearch(); });
49924
+ i0.ɵɵconditionalCreate(15, SymphiqBusinessAnalysisDashboardComponent_Conditional_15_Template, 2, 2, "div", 1);
49925
+ i0.ɵɵelement(16, "symphiq-tooltip-container")(17, "symphiq-business-analysis-modal", 7);
49926
+ i0.ɵɵelementStart(18, "symphiq-search-modal", 8);
49927
+ i0.ɵɵlistener("searchChange", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_searchChange_18_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSearchChange($event)); })("resultSelected", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_resultSelected_18_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSearchResultSelected($event)); })("close", function SymphiqBusinessAnalysisDashboardComponent_Template_symphiq_search_modal_close_18_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeSearch()); });
49881
49928
  i0.ɵɵelementEnd()();
49882
49929
  } if (rf & 2) {
49883
49930
  i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
49884
- i0.ɵɵadvance();
49885
- i0.ɵɵconditional(!ctx.isSimplifiedMode() ? 1 : -1);
49931
+ i0.ɵɵadvance(2);
49932
+ i0.ɵɵconditional(!ctx.isSimplifiedMode() ? 2 : -1);
49886
49933
  i0.ɵɵadvance();
49887
49934
  i0.ɵɵproperty("ngClass", ctx.getBackgroundClasses());
49888
49935
  i0.ɵɵadvance();
@@ -49896,11 +49943,11 @@ class SymphiqBusinessAnalysisDashboardComponent {
49896
49943
  i0.ɵɵadvance();
49897
49944
  i0.ɵɵproperty("ngClass", ctx.getOrbClasses(3));
49898
49945
  i0.ɵɵadvance(2);
49899
- i0.ɵɵconditional(ctx.isSimplifiedMode() ? 9 : 10);
49946
+ i0.ɵɵconditional(ctx.isSimplifiedMode() ? 10 : 11);
49900
49947
  i0.ɵɵadvance(3);
49901
- i0.ɵɵconditional(ctx.isSimplifiedMode() ? 12 : 13);
49948
+ i0.ɵɵconditional(ctx.isSimplifiedMode() ? 13 : 14);
49902
49949
  i0.ɵɵadvance(2);
49903
- i0.ɵɵconditional(ctx.isLoading ? 14 : -1);
49950
+ i0.ɵɵconditional(ctx.isLoading ? 15 : -1);
49904
49951
  i0.ɵɵadvance(2);
49905
49952
  i0.ɵɵproperty("isLightMode", ctx.isLightMode());
49906
49953
  i0.ɵɵadvance();
@@ -49910,7 +49957,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
49910
49957
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqBusinessAnalysisDashboardComponent, [{
49911
49958
  type: Component,
49912
49959
  args: [{ selector: 'symphiq-business-analysis-dashboard', standalone: true, imports: [CommonModule, ProfileSectionComponent, SectionNavigationComponent, FloatingTocComponent, FloatingBackButtonComponent, TooltipContainerComponent, SectionDividerComponent, BusinessAnalysisModalComponent, ViewToggleComponent, SearchButtonComponent, SearchModalComponent, JourneyProgressStepperComponent, WelcomeHeroBannerComponent, SimplifiedStrategicInsightsComponent, CollapsibleSupportingContextComponent, NextStepCtaComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
49913
- <div [ngClass]="getContainerClasses()">
49960
+ <div #dashboardContainer [ngClass]="getContainerClasses()">
49914
49961
  @if (!isSimplifiedMode()) {
49915
49962
  <!-- Scroll Progress Bar (fixed at top) - hidden in simplified mode -->
49916
49963
  <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'">
@@ -50107,6 +50154,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
50107
50154
  [sections]="sections()"
50108
50155
  [viewMode]="viewMode"
50109
50156
  [embedded]="embedded"
50157
+ [containerElement]="dashboardContainer"
50110
50158
  />
50111
50159
 
50112
50160
  <symphiq-floating-back-button
@@ -50163,7 +50211,7 @@ class SymphiqBusinessAnalysisDashboardComponent {
50163
50211
  type: HostListener,
50164
50212
  args: ['document:keydown', ['$event']]
50165
50213
  }] }); })();
50166
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 289 }); })();
50214
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqBusinessAnalysisDashboardComponent, { className: "SymphiqBusinessAnalysisDashboardComponent", filePath: "lib/components/business-analysis-dashboard/symphiq-business-analysis-dashboard.component.ts", lineNumber: 290 }); })();
50167
50215
 
50168
50216
  class ScrollProgressBarComponent {
50169
50217
  constructor() {