@eric-emg/symphiq-components 1.2.414 → 1.2.417

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.
Files changed (5) hide show
  1. package/fesm2022/symphiq-components.mjs +36 -54
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +36 -38
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/fesm2022/symphiq-components.mjs CHANGED
@@ -32760,13 +32760,12 @@ class RegionCardComponent {
32760
32760
  this.IconSourceEnum = IconSourceEnum;
32761
32761
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
32762
32762
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
32763
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
32764
32763
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
32765
32764
  this.modalService = inject(ModalService);
32766
32765
  this.profileContextService = inject(ProfileContextService);
32767
32766
  this.lookupService = inject(ProfileItemLookupService);
32768
32767
  this.viewModeService = inject(ViewModeService);
32769
- this.isExpanded = computed(() => this._forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
32768
+ this.isExpanded = computed(() => this.forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
32770
32769
  this.relatedRecommendations = computed(() => {
32771
32770
  const item = this.item();
32772
32771
  if (!item?.id)
@@ -32774,9 +32773,6 @@ class RegionCardComponent {
32774
32773
  return this.profileContextService.getRecommendationsByProfileItemIds([item.id]);
32775
32774
  }, ...(ngDevMode ? [{ debugName: "relatedRecommendations" }] : []));
32776
32775
  this.formatFocusAreaStatus = formatFocusAreaStatus;
32777
- effect(() => {
32778
- this._forceExpanded.set(this.forceExpanded());
32779
- });
32780
32776
  }
32781
32777
  get isDark() {
32782
32778
  return this.viewMode() === ViewModeEnum.DARK;
@@ -32785,10 +32781,10 @@ class RegionCardComponent {
32785
32781
  return this.isExpanded();
32786
32782
  }
32787
32783
  get forceExpandedValue() {
32788
- return this._forceExpanded();
32784
+ return this.forceExpanded();
32789
32785
  }
32790
32786
  toggleExpanded() {
32791
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
32787
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
32792
32788
  const wasExpanded = this._isExpanded();
32793
32789
  this._isExpanded.update(val => !val);
32794
32790
  if (!wasExpanded && !this._hasAnimated()) {
@@ -32854,7 +32850,7 @@ class RegionCardComponent {
32854
32850
  return this.isDark ? 'text-xs text-white' : 'text-xs text-slate-900';
32855
32851
  }
32856
32852
  getCardClasses() {
32857
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
32853
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
32858
32854
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
32859
32855
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
32860
32856
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -33278,7 +33274,7 @@ class RegionCardComponent {
33278
33274
  </div>
33279
33275
  `
33280
33276
  }]
33281
- }], () => [], { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], forceExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceExpanded", required: false }] }], animationIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationIndex", required: false }] }], onExpandItem: [{
33277
+ }], null, { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], forceExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceExpanded", required: false }] }], animationIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationIndex", required: false }] }], onExpandItem: [{
33282
33278
  type: HostListener,
33283
33279
  args: ['expand-item', ['$event']]
33284
33280
  }] }); })();
@@ -33846,13 +33842,12 @@ class SeasonCardComponent {
33846
33842
  this.IconSourceEnum = IconSourceEnum;
33847
33843
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
33848
33844
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
33849
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
33850
33845
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
33851
33846
  this.modalService = inject(ModalService);
33852
33847
  this.profileContextService = inject(ProfileContextService);
33853
33848
  this.lookupService = inject(ProfileItemLookupService);
33854
33849
  this.viewModeService = inject(ViewModeService);
33855
- this.isExpanded = computed(() => this._forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
33850
+ this.isExpanded = computed(() => this.forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
33856
33851
  this.relatedRecommendations = computed(() => {
33857
33852
  const item = this.item();
33858
33853
  if (!item?.id)
@@ -33860,9 +33855,6 @@ class SeasonCardComponent {
33860
33855
  return this.profileContextService.getRecommendationsByProfileItemIds([item.id]);
33861
33856
  }, ...(ngDevMode ? [{ debugName: "relatedRecommendations" }] : []));
33862
33857
  this.formatFocusAreaStatus = formatFocusAreaStatus;
33863
- effect(() => {
33864
- this._forceExpanded.set(this.forceExpanded());
33865
- });
33866
33858
  }
33867
33859
  get isDark() {
33868
33860
  return this.viewMode() === ViewModeEnum.DARK;
@@ -33871,10 +33863,10 @@ class SeasonCardComponent {
33871
33863
  return this.isExpanded();
33872
33864
  }
33873
33865
  get forceExpandedValue() {
33874
- return this._forceExpanded();
33866
+ return this.forceExpanded();
33875
33867
  }
33876
33868
  toggleExpanded() {
33877
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
33869
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
33878
33870
  const wasExpanded = this._isExpanded();
33879
33871
  this._isExpanded.update(val => !val);
33880
33872
  if (!wasExpanded && !this._hasAnimated()) {
@@ -33932,7 +33924,7 @@ class SeasonCardComponent {
33932
33924
  return DataFormatter.getPercentageGradient(percentage);
33933
33925
  }
33934
33926
  getCardClasses() {
33935
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
33927
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
33936
33928
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
33937
33929
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
33938
33930
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -34345,7 +34337,7 @@ class SeasonCardComponent {
34345
34337
  </div>
34346
34338
  `
34347
34339
  }]
34348
- }], () => [], { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], forceExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceExpanded", required: false }] }], animationIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationIndex", required: false }] }], onExpandItem: [{
34340
+ }], null, { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], forceExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceExpanded", required: false }] }], animationIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationIndex", required: false }] }], onExpandItem: [{
34349
34341
  type: HostListener,
34350
34342
  args: ['expand-item', ['$event']]
34351
34343
  }] }); })();
@@ -34844,12 +34836,11 @@ class CustomerSegmentCardComponent {
34844
34836
  this.IconSourceEnum = IconSourceEnum;
34845
34837
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
34846
34838
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
34847
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
34848
34839
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
34849
34840
  this.modalService = inject(ModalService);
34850
34841
  this.profileContextService = inject(ProfileContextService);
34851
34842
  this.viewModeService = inject(ViewModeService);
34852
- this.isExpanded = computed(() => this._forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
34843
+ this.isExpanded = computed(() => this.forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
34853
34844
  this.relatedRecommendations = computed(() => {
34854
34845
  const item = this.item();
34855
34846
  if (!item?.id)
@@ -34865,10 +34856,10 @@ class CustomerSegmentCardComponent {
34865
34856
  return this.isExpanded();
34866
34857
  }
34867
34858
  get forceExpandedValue() {
34868
- return this._forceExpanded();
34859
+ return this.forceExpanded();
34869
34860
  }
34870
34861
  toggleExpanded() {
34871
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
34862
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
34872
34863
  const wasExpanded = this._isExpanded();
34873
34864
  this._isExpanded.update(val => !val);
34874
34865
  if (!wasExpanded && !this._hasAnimated()) {
@@ -34931,7 +34922,7 @@ class CustomerSegmentCardComponent {
34931
34922
  return this.isDark ? 'text-xs text-white' : 'text-xs text-slate-900';
34932
34923
  }
34933
34924
  getCardClasses() {
34934
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
34925
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
34935
34926
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
34936
34927
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
34937
34928
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -35782,13 +35773,12 @@ class PriceTierCardComponent {
35782
35773
  this.IconSourceEnum = IconSourceEnum;
35783
35774
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
35784
35775
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
35785
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
35786
35776
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
35787
35777
  this.modalService = inject(ModalService);
35788
35778
  this.profileContextService = inject(ProfileContextService);
35789
35779
  this.lookupService = inject(ProfileItemLookupService);
35790
35780
  this.viewModeService = inject(ViewModeService);
35791
- this.isExpanded = computed(() => this._forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
35781
+ this.isExpanded = computed(() => this.forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
35792
35782
  this.relatedRecommendations = computed(() => {
35793
35783
  const item = this.item();
35794
35784
  if (!item?.id)
@@ -35804,10 +35794,10 @@ class PriceTierCardComponent {
35804
35794
  return this.isExpanded();
35805
35795
  }
35806
35796
  get forceExpandedValue() {
35807
- return this._forceExpanded();
35797
+ return this.forceExpanded();
35808
35798
  }
35809
35799
  toggleExpanded() {
35810
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
35800
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
35811
35801
  const wasExpanded = this._isExpanded();
35812
35802
  this._isExpanded.update(val => !val);
35813
35803
  if (!wasExpanded && !this._hasAnimated()) {
@@ -35862,7 +35852,7 @@ class PriceTierCardComponent {
35862
35852
  return DataFormatter.getPercentageGradient(percentage);
35863
35853
  }
35864
35854
  getCardClasses() {
35865
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
35855
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
35866
35856
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
35867
35857
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
35868
35858
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -36714,12 +36704,11 @@ class ProductCategoryCardComponent {
36714
36704
  this.IconSourceEnum = IconSourceEnum;
36715
36705
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
36716
36706
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
36717
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
36718
36707
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
36719
36708
  this.modalService = inject(ModalService);
36720
36709
  this.profileContextService = inject(ProfileContextService);
36721
36710
  this.viewModeService = inject(ViewModeService);
36722
- this.isExpanded = computed(() => this._forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
36711
+ this.isExpanded = computed(() => this.forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
36723
36712
  this.relatedRecommendations = computed(() => {
36724
36713
  const item = this.item();
36725
36714
  if (!item?.id)
@@ -36735,10 +36724,10 @@ class ProductCategoryCardComponent {
36735
36724
  return this.isExpanded();
36736
36725
  }
36737
36726
  get forceExpandedValue() {
36738
- return this._forceExpanded();
36727
+ return this.forceExpanded();
36739
36728
  }
36740
36729
  toggleExpanded() {
36741
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
36730
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
36742
36731
  const wasExpanded = this._isExpanded();
36743
36732
  this._isExpanded.update(val => !val);
36744
36733
  if (!wasExpanded && !this._hasAnimated()) {
@@ -36822,7 +36811,7 @@ class ProductCategoryCardComponent {
36822
36811
  return DataFormatter.getPercentageGradient(percentage);
36823
36812
  }
36824
36813
  getCardClasses() {
36825
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
36814
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
36826
36815
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
36827
36816
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
36828
36817
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -37729,7 +37718,6 @@ class EnhancedListItemCardComponent {
37729
37718
  this.animationIndex = input(0, ...(ngDevMode ? [{ debugName: "animationIndex" }] : []));
37730
37719
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
37731
37720
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
37732
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
37733
37721
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
37734
37722
  this.modalService = inject(ModalService);
37735
37723
  this.profileContextService = inject(ProfileContextService);
@@ -37737,7 +37725,7 @@ class EnhancedListItemCardComponent {
37737
37725
  this.ViewModeEnum = ViewModeEnum;
37738
37726
  this.IconSourceEnum = IconSourceEnum;
37739
37727
  this.getCategoryBadgeClasses = getCategoryBadgeClasses;
37740
- this.isExpanded = computed(() => this._forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
37728
+ this.isExpanded = computed(() => this.forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
37741
37729
  this.relatedRecommendations = computed(() => {
37742
37730
  const item = this.item();
37743
37731
  if (!item?.id)
@@ -37753,10 +37741,10 @@ class EnhancedListItemCardComponent {
37753
37741
  return this.isExpanded();
37754
37742
  }
37755
37743
  get forceExpandedValue() {
37756
- return this._forceExpanded();
37744
+ return this.forceExpanded();
37757
37745
  }
37758
37746
  toggleExpanded() {
37759
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
37747
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
37760
37748
  const wasExpanded = this._isExpanded();
37761
37749
  this._isExpanded.update(val => !val);
37762
37750
  if (!wasExpanded && !this._hasAnimated()) {
@@ -37790,7 +37778,7 @@ class EnhancedListItemCardComponent {
37790
37778
  }
37791
37779
  getCardClasses() {
37792
37780
  const isDark = this.viewMode() === ViewModeEnum.DARK;
37793
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
37781
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
37794
37782
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
37795
37783
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
37796
37784
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -38431,15 +38419,14 @@ class FocusAreaDetailCardComponent {
38431
38419
  this.IconSourceEnum = IconSourceEnum;
38432
38420
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
38433
38421
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
38434
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
38435
38422
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
38436
38423
  this.modalService = inject(ModalService);
38437
38424
  this.profileContextService = inject(ProfileContextService);
38438
38425
  this.viewModeService = inject(ViewModeService);
38439
- this.isExpanded = computed(() => this._forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
38426
+ this.isExpanded = computed(() => this.forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
38440
38427
  this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
38441
38428
  this.isActuallyExpanded = computed(() => this.isExpanded(), ...(ngDevMode ? [{ debugName: "isActuallyExpanded" }] : []));
38442
- this.forceExpandedValue = computed(() => this._forceExpanded(), ...(ngDevMode ? [{ debugName: "forceExpandedValue" }] : []));
38429
+ this.forceExpandedValue = computed(() => this.forceExpanded(), ...(ngDevMode ? [{ debugName: "forceExpandedValue" }] : []));
38443
38430
  this.shouldAnimateExpand = computed(() => this.isActuallyExpanded() && this._hasAnimated(), ...(ngDevMode ? [{ debugName: "shouldAnimateExpand" }] : []));
38444
38431
  this.iconSize = computed(() => this.isActuallyExpanded() ? 'w-7 h-7' : 'w-6 h-6', ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
38445
38432
  this.relatedRecommendations = computed(() => {
@@ -38490,7 +38477,7 @@ class FocusAreaDetailCardComponent {
38490
38477
  source: IconSourceEnum.HEROICONS
38491
38478
  }), ...(ngDevMode ? [{ debugName: "relatedIcon" }] : []));
38492
38479
  this.cardClasses = computed(() => {
38493
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
38480
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
38494
38481
  const padding = this.isActuallyExpanded() ? 'p-6' : 'p-5';
38495
38482
  const leftBorder = this.isActuallyExpanded() ? 'border-l-4' : 'border-l-0';
38496
38483
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -38547,7 +38534,7 @@ class FocusAreaDetailCardComponent {
38547
38534
  this.chevronClasses = computed(() => this.isDark() ? 'text-blue-400' : 'text-blue-600', ...(ngDevMode ? [{ debugName: "chevronClasses" }] : []));
38548
38535
  }
38549
38536
  toggleExpanded() {
38550
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
38537
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
38551
38538
  const wasExpanded = this._isExpanded();
38552
38539
  this._isExpanded.update(val => !val);
38553
38540
  if (!wasExpanded && !this._hasAnimated()) {
@@ -39455,7 +39442,6 @@ class CompetitorAnalysisCardComponent {
39455
39442
  this.inModalContext = input(false, ...(ngDevMode ? [{ debugName: "inModalContext" }] : []));
39456
39443
  this.IconSourceEnum = IconSourceEnum;
39457
39444
  this.isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
39458
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
39459
39445
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
39460
39446
  this.modalService = inject(ModalService);
39461
39447
  this.profileContextService = inject(ProfileContextService);
@@ -39464,11 +39450,11 @@ class CompetitorAnalysisCardComponent {
39464
39450
  this.viewModeService = inject(ViewModeService);
39465
39451
  this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
39466
39452
  this.displayMode = this.viewModeService.getViewMode;
39467
- this.isActuallyExpanded = computed(() => this.displayMode() === 'expanded' || this._forceExpanded() || this.isExpanded(), ...(ngDevMode ? [{ debugName: "isActuallyExpanded" }] : []));
39453
+ this.isActuallyExpanded = computed(() => this.displayMode() === 'expanded' || this.forceExpanded() || this.isExpanded(), ...(ngDevMode ? [{ debugName: "isActuallyExpanded" }] : []));
39468
39454
  this.isExpandedMode = computed(() => this.displayMode() === 'expanded', ...(ngDevMode ? [{ debugName: "isExpandedMode" }] : []));
39469
39455
  this.shouldAnimateExpand = computed(() => this.isActuallyExpanded() && this._hasAnimated(), ...(ngDevMode ? [{ debugName: "shouldAnimateExpand" }] : []));
39470
39456
  this.iconSize = computed(() => this.isActuallyExpanded() ? 'w-7 h-7' : 'w-6 h-6', ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
39471
- this.animationType = computed(() => (this.inModalContext() || this._forceExpanded() || this.displayMode() === 'expanded') ? 'none' : 'slide-up', ...(ngDevMode ? [{ debugName: "animationType" }] : []));
39457
+ this.animationType = computed(() => (this.inModalContext() || this.forceExpanded() || this.displayMode() === 'expanded') ? 'none' : 'slide-up', ...(ngDevMode ? [{ debugName: "animationType" }] : []));
39472
39458
  this.hasCompanyInfo = computed(() => !!(this.item()?.yearFounded || this.item()?.employeeCount || this.item()?.estimatedRevenue || this.item()?.marketPosition), ...(ngDevMode ? [{ debugName: "hasCompanyInfo" }] : []));
39473
39459
  this.competitorContext = computed(() => {
39474
39460
  const itemData = this.item();
@@ -39550,7 +39536,7 @@ class CompetitorAnalysisCardComponent {
39550
39536
  source: IconSourceEnum.HEROICONS
39551
39537
  }), ...(ngDevMode ? [{ debugName: "contextIcon" }] : []));
39552
39538
  this.cardClasses = computed(() => {
39553
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
39539
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
39554
39540
  const padding = this.isActuallyExpanded() ? 'p-6' : 'p-5';
39555
39541
  const leftBorder = this.isActuallyExpanded() ? 'border-l-4' : 'border-l-0';
39556
39542
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -39632,7 +39618,7 @@ class CompetitorAnalysisCardComponent {
39632
39618
  return typeof weakness === 'string' ? weakness : weakness?.assessment || weakness?.text || '';
39633
39619
  }
39634
39620
  toggleExpanded() {
39635
- if (!this._forceExpanded() && this.displayMode() !== 'expanded') {
39621
+ if (!this.forceExpanded() && this.displayMode() !== 'expanded') {
39636
39622
  const wasExpanded = this.isExpanded();
39637
39623
  this.isExpanded.update(val => !val);
39638
39624
  if (!wasExpanded && !this._hasAnimated()) {
@@ -45290,12 +45276,8 @@ class BusinessAnalysisModalComponent {
45290
45276
  return 'text-slate-600 hover:text-slate-900';
45291
45277
  }
45292
45278
  closeModal() {
45293
- // If this is a child modal (like visualization opened from goal modal),
45294
- // go back to the parent modal instead of closing everything
45295
- const prevState = this.previousState();
45296
- if (prevState) {
45297
- this.modalService.goBack(prevState);
45298
- this.previousState.set(null);
45279
+ if (this.modalType() === 'visualization' && this.previousState()) {
45280
+ this.modalService.goBack(this.previousState());
45299
45281
  }
45300
45282
  else {
45301
45283
  this.modalService.closeModal();