@eric-emg/symphiq-components 1.2.413 → 1.2.416

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 +38 -53
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +47 -49
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/fesm2022/symphiq-components.mjs CHANGED
@@ -14444,19 +14444,18 @@ class RecommendationCardComponent {
14444
14444
  this.strategyTitle = input(undefined, ...(ngDevMode ? [{ debugName: "strategyTitle" }] : []));
14445
14445
  this.cardNavigate = output();
14446
14446
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
14447
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
14448
14447
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
14449
14448
  this.profileContextService = inject(ProfileContextService);
14450
14449
  this.navigationService = inject(NavigationStateService);
14451
14450
  this.modalService = inject(ModalService);
14452
14451
  this.viewModeService = inject(ViewModeService);
14453
- this.isExpanded = computed(() => this._forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
14452
+ this.isExpanded = computed(() => this.forceExpanded() || this._isExpanded() || this.viewModeService.isExpanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
14454
14453
  this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
14455
14454
  this.isActuallyExpanded = computed(() => this.isExpanded(), ...(ngDevMode ? [{ debugName: "isActuallyExpanded" }] : []));
14456
- this.forceExpandedValue = computed(() => this._forceExpanded(), ...(ngDevMode ? [{ debugName: "forceExpandedValue" }] : []));
14455
+ this.forceExpandedValue = computed(() => this.forceExpanded(), ...(ngDevMode ? [{ debugName: "forceExpandedValue" }] : []));
14457
14456
  this.shouldAnimateExpand = computed(() => this.isActuallyExpanded() && this._hasAnimated(), ...(ngDevMode ? [{ debugName: "shouldAnimateExpand" }] : []));
14458
14457
  this.iconSize = computed(() => this.isActuallyExpanded() ? 'w-6 h-6' : 'w-5 h-5', ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
14459
- this.shouldBeClickable = computed(() => !this._forceExpanded() || !this.inModalContext, ...(ngDevMode ? [{ debugName: "shouldBeClickable" }] : []));
14458
+ this.shouldBeClickable = computed(() => !this.forceExpanded() || !this.inModalContext, ...(ngDevMode ? [{ debugName: "shouldBeClickable" }] : []));
14460
14459
  this.displayItem = computed(() => {
14461
14460
  let displayItem;
14462
14461
  if (this.recommendation()) {
@@ -14771,7 +14770,7 @@ class RecommendationCardComponent {
14771
14770
  this.toggleExpanded();
14772
14771
  }
14773
14772
  toggleExpanded() {
14774
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
14773
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
14775
14774
  const wasExpanded = this._isExpanded();
14776
14775
  this._isExpanded.update(v => !v);
14777
14776
  if (!wasExpanded && !this._hasAnimated()) {
@@ -32761,13 +32760,12 @@ class RegionCardComponent {
32761
32760
  this.IconSourceEnum = IconSourceEnum;
32762
32761
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
32763
32762
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
32764
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
32765
32763
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
32766
32764
  this.modalService = inject(ModalService);
32767
32765
  this.profileContextService = inject(ProfileContextService);
32768
32766
  this.lookupService = inject(ProfileItemLookupService);
32769
32767
  this.viewModeService = inject(ViewModeService);
32770
- 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" }] : []));
32771
32769
  this.relatedRecommendations = computed(() => {
32772
32770
  const item = this.item();
32773
32771
  if (!item?.id)
@@ -32775,9 +32773,6 @@ class RegionCardComponent {
32775
32773
  return this.profileContextService.getRecommendationsByProfileItemIds([item.id]);
32776
32774
  }, ...(ngDevMode ? [{ debugName: "relatedRecommendations" }] : []));
32777
32775
  this.formatFocusAreaStatus = formatFocusAreaStatus;
32778
- effect(() => {
32779
- this._forceExpanded.set(this.forceExpanded());
32780
- });
32781
32776
  }
32782
32777
  get isDark() {
32783
32778
  return this.viewMode() === ViewModeEnum.DARK;
@@ -32786,10 +32781,10 @@ class RegionCardComponent {
32786
32781
  return this.isExpanded();
32787
32782
  }
32788
32783
  get forceExpandedValue() {
32789
- return this._forceExpanded();
32784
+ return this.forceExpanded();
32790
32785
  }
32791
32786
  toggleExpanded() {
32792
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
32787
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
32793
32788
  const wasExpanded = this._isExpanded();
32794
32789
  this._isExpanded.update(val => !val);
32795
32790
  if (!wasExpanded && !this._hasAnimated()) {
@@ -32855,7 +32850,7 @@ class RegionCardComponent {
32855
32850
  return this.isDark ? 'text-xs text-white' : 'text-xs text-slate-900';
32856
32851
  }
32857
32852
  getCardClasses() {
32858
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
32853
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
32859
32854
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
32860
32855
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
32861
32856
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -33279,7 +33274,7 @@ class RegionCardComponent {
33279
33274
  </div>
33280
33275
  `
33281
33276
  }]
33282
- }], () => [], { 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: [{
33283
33278
  type: HostListener,
33284
33279
  args: ['expand-item', ['$event']]
33285
33280
  }] }); })();
@@ -33847,13 +33842,12 @@ class SeasonCardComponent {
33847
33842
  this.IconSourceEnum = IconSourceEnum;
33848
33843
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
33849
33844
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
33850
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
33851
33845
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
33852
33846
  this.modalService = inject(ModalService);
33853
33847
  this.profileContextService = inject(ProfileContextService);
33854
33848
  this.lookupService = inject(ProfileItemLookupService);
33855
33849
  this.viewModeService = inject(ViewModeService);
33856
- 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" }] : []));
33857
33851
  this.relatedRecommendations = computed(() => {
33858
33852
  const item = this.item();
33859
33853
  if (!item?.id)
@@ -33861,9 +33855,6 @@ class SeasonCardComponent {
33861
33855
  return this.profileContextService.getRecommendationsByProfileItemIds([item.id]);
33862
33856
  }, ...(ngDevMode ? [{ debugName: "relatedRecommendations" }] : []));
33863
33857
  this.formatFocusAreaStatus = formatFocusAreaStatus;
33864
- effect(() => {
33865
- this._forceExpanded.set(this.forceExpanded());
33866
- });
33867
33858
  }
33868
33859
  get isDark() {
33869
33860
  return this.viewMode() === ViewModeEnum.DARK;
@@ -33872,10 +33863,10 @@ class SeasonCardComponent {
33872
33863
  return this.isExpanded();
33873
33864
  }
33874
33865
  get forceExpandedValue() {
33875
- return this._forceExpanded();
33866
+ return this.forceExpanded();
33876
33867
  }
33877
33868
  toggleExpanded() {
33878
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
33869
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
33879
33870
  const wasExpanded = this._isExpanded();
33880
33871
  this._isExpanded.update(val => !val);
33881
33872
  if (!wasExpanded && !this._hasAnimated()) {
@@ -33933,7 +33924,7 @@ class SeasonCardComponent {
33933
33924
  return DataFormatter.getPercentageGradient(percentage);
33934
33925
  }
33935
33926
  getCardClasses() {
33936
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
33927
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
33937
33928
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
33938
33929
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
33939
33930
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -34346,7 +34337,7 @@ class SeasonCardComponent {
34346
34337
  </div>
34347
34338
  `
34348
34339
  }]
34349
- }], () => [], { 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: [{
34350
34341
  type: HostListener,
34351
34342
  args: ['expand-item', ['$event']]
34352
34343
  }] }); })();
@@ -34845,12 +34836,11 @@ class CustomerSegmentCardComponent {
34845
34836
  this.IconSourceEnum = IconSourceEnum;
34846
34837
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
34847
34838
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
34848
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
34849
34839
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
34850
34840
  this.modalService = inject(ModalService);
34851
34841
  this.profileContextService = inject(ProfileContextService);
34852
34842
  this.viewModeService = inject(ViewModeService);
34853
- 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" }] : []));
34854
34844
  this.relatedRecommendations = computed(() => {
34855
34845
  const item = this.item();
34856
34846
  if (!item?.id)
@@ -34866,10 +34856,10 @@ class CustomerSegmentCardComponent {
34866
34856
  return this.isExpanded();
34867
34857
  }
34868
34858
  get forceExpandedValue() {
34869
- return this._forceExpanded();
34859
+ return this.forceExpanded();
34870
34860
  }
34871
34861
  toggleExpanded() {
34872
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
34862
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
34873
34863
  const wasExpanded = this._isExpanded();
34874
34864
  this._isExpanded.update(val => !val);
34875
34865
  if (!wasExpanded && !this._hasAnimated()) {
@@ -34932,7 +34922,7 @@ class CustomerSegmentCardComponent {
34932
34922
  return this.isDark ? 'text-xs text-white' : 'text-xs text-slate-900';
34933
34923
  }
34934
34924
  getCardClasses() {
34935
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
34925
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
34936
34926
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
34937
34927
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
34938
34928
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -35783,13 +35773,12 @@ class PriceTierCardComponent {
35783
35773
  this.IconSourceEnum = IconSourceEnum;
35784
35774
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
35785
35775
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
35786
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
35787
35776
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
35788
35777
  this.modalService = inject(ModalService);
35789
35778
  this.profileContextService = inject(ProfileContextService);
35790
35779
  this.lookupService = inject(ProfileItemLookupService);
35791
35780
  this.viewModeService = inject(ViewModeService);
35792
- 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" }] : []));
35793
35782
  this.relatedRecommendations = computed(() => {
35794
35783
  const item = this.item();
35795
35784
  if (!item?.id)
@@ -35805,10 +35794,10 @@ class PriceTierCardComponent {
35805
35794
  return this.isExpanded();
35806
35795
  }
35807
35796
  get forceExpandedValue() {
35808
- return this._forceExpanded();
35797
+ return this.forceExpanded();
35809
35798
  }
35810
35799
  toggleExpanded() {
35811
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
35800
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
35812
35801
  const wasExpanded = this._isExpanded();
35813
35802
  this._isExpanded.update(val => !val);
35814
35803
  if (!wasExpanded && !this._hasAnimated()) {
@@ -35863,7 +35852,7 @@ class PriceTierCardComponent {
35863
35852
  return DataFormatter.getPercentageGradient(percentage);
35864
35853
  }
35865
35854
  getCardClasses() {
35866
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
35855
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
35867
35856
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
35868
35857
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
35869
35858
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -36715,12 +36704,11 @@ class ProductCategoryCardComponent {
36715
36704
  this.IconSourceEnum = IconSourceEnum;
36716
36705
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
36717
36706
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
36718
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
36719
36707
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
36720
36708
  this.modalService = inject(ModalService);
36721
36709
  this.profileContextService = inject(ProfileContextService);
36722
36710
  this.viewModeService = inject(ViewModeService);
36723
- 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" }] : []));
36724
36712
  this.relatedRecommendations = computed(() => {
36725
36713
  const item = this.item();
36726
36714
  if (!item?.id)
@@ -36736,10 +36724,10 @@ class ProductCategoryCardComponent {
36736
36724
  return this.isExpanded();
36737
36725
  }
36738
36726
  get forceExpandedValue() {
36739
- return this._forceExpanded();
36727
+ return this.forceExpanded();
36740
36728
  }
36741
36729
  toggleExpanded() {
36742
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
36730
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
36743
36731
  const wasExpanded = this._isExpanded();
36744
36732
  this._isExpanded.update(val => !val);
36745
36733
  if (!wasExpanded && !this._hasAnimated()) {
@@ -36823,7 +36811,7 @@ class ProductCategoryCardComponent {
36823
36811
  return DataFormatter.getPercentageGradient(percentage);
36824
36812
  }
36825
36813
  getCardClasses() {
36826
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
36814
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
36827
36815
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
36828
36816
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
36829
36817
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -37730,7 +37718,6 @@ class EnhancedListItemCardComponent {
37730
37718
  this.animationIndex = input(0, ...(ngDevMode ? [{ debugName: "animationIndex" }] : []));
37731
37719
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
37732
37720
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
37733
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
37734
37721
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
37735
37722
  this.modalService = inject(ModalService);
37736
37723
  this.profileContextService = inject(ProfileContextService);
@@ -37738,7 +37725,7 @@ class EnhancedListItemCardComponent {
37738
37725
  this.ViewModeEnum = ViewModeEnum;
37739
37726
  this.IconSourceEnum = IconSourceEnum;
37740
37727
  this.getCategoryBadgeClasses = getCategoryBadgeClasses;
37741
- 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" }] : []));
37742
37729
  this.relatedRecommendations = computed(() => {
37743
37730
  const item = this.item();
37744
37731
  if (!item?.id)
@@ -37754,10 +37741,10 @@ class EnhancedListItemCardComponent {
37754
37741
  return this.isExpanded();
37755
37742
  }
37756
37743
  get forceExpandedValue() {
37757
- return this._forceExpanded();
37744
+ return this.forceExpanded();
37758
37745
  }
37759
37746
  toggleExpanded() {
37760
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
37747
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
37761
37748
  const wasExpanded = this._isExpanded();
37762
37749
  this._isExpanded.update(val => !val);
37763
37750
  if (!wasExpanded && !this._hasAnimated()) {
@@ -37791,7 +37778,7 @@ class EnhancedListItemCardComponent {
37791
37778
  }
37792
37779
  getCardClasses() {
37793
37780
  const isDark = this.viewMode() === ViewModeEnum.DARK;
37794
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
37781
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
37795
37782
  const padding = this.isActuallyExpanded ? 'p-6' : 'p-5';
37796
37783
  const leftBorder = this.isActuallyExpanded ? 'border-l-4' : 'border-l-0';
37797
37784
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -38432,15 +38419,14 @@ class FocusAreaDetailCardComponent {
38432
38419
  this.IconSourceEnum = IconSourceEnum;
38433
38420
  this._isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
38434
38421
  this.isCompetitiveGapExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isCompetitiveGapExpanded" }] : []));
38435
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
38436
38422
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
38437
38423
  this.modalService = inject(ModalService);
38438
38424
  this.profileContextService = inject(ProfileContextService);
38439
38425
  this.viewModeService = inject(ViewModeService);
38440
- 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" }] : []));
38441
38427
  this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
38442
38428
  this.isActuallyExpanded = computed(() => this.isExpanded(), ...(ngDevMode ? [{ debugName: "isActuallyExpanded" }] : []));
38443
- this.forceExpandedValue = computed(() => this._forceExpanded(), ...(ngDevMode ? [{ debugName: "forceExpandedValue" }] : []));
38429
+ this.forceExpandedValue = computed(() => this.forceExpanded(), ...(ngDevMode ? [{ debugName: "forceExpandedValue" }] : []));
38444
38430
  this.shouldAnimateExpand = computed(() => this.isActuallyExpanded() && this._hasAnimated(), ...(ngDevMode ? [{ debugName: "shouldAnimateExpand" }] : []));
38445
38431
  this.iconSize = computed(() => this.isActuallyExpanded() ? 'w-7 h-7' : 'w-6 h-6', ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
38446
38432
  this.relatedRecommendations = computed(() => {
@@ -38491,7 +38477,7 @@ class FocusAreaDetailCardComponent {
38491
38477
  source: IconSourceEnum.HEROICONS
38492
38478
  }), ...(ngDevMode ? [{ debugName: "relatedIcon" }] : []));
38493
38479
  this.cardClasses = computed(() => {
38494
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
38480
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
38495
38481
  const padding = this.isActuallyExpanded() ? 'p-6' : 'p-5';
38496
38482
  const leftBorder = this.isActuallyExpanded() ? 'border-l-4' : 'border-l-0';
38497
38483
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -38548,7 +38534,7 @@ class FocusAreaDetailCardComponent {
38548
38534
  this.chevronClasses = computed(() => this.isDark() ? 'text-blue-400' : 'text-blue-600', ...(ngDevMode ? [{ debugName: "chevronClasses" }] : []));
38549
38535
  }
38550
38536
  toggleExpanded() {
38551
- if (!this._forceExpanded() && !this.viewModeService.isExpanded()) {
38537
+ if (!this.forceExpanded() && !this.viewModeService.isExpanded()) {
38552
38538
  const wasExpanded = this._isExpanded();
38553
38539
  this._isExpanded.update(val => !val);
38554
38540
  if (!wasExpanded && !this._hasAnimated()) {
@@ -39456,7 +39442,6 @@ class CompetitorAnalysisCardComponent {
39456
39442
  this.inModalContext = input(false, ...(ngDevMode ? [{ debugName: "inModalContext" }] : []));
39457
39443
  this.IconSourceEnum = IconSourceEnum;
39458
39444
  this.isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
39459
- this._forceExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_forceExpanded" }] : []));
39460
39445
  this._hasAnimated = signal(false, ...(ngDevMode ? [{ debugName: "_hasAnimated" }] : []));
39461
39446
  this.modalService = inject(ModalService);
39462
39447
  this.profileContextService = inject(ProfileContextService);
@@ -39465,11 +39450,11 @@ class CompetitorAnalysisCardComponent {
39465
39450
  this.viewModeService = inject(ViewModeService);
39466
39451
  this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
39467
39452
  this.displayMode = this.viewModeService.getViewMode;
39468
- 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" }] : []));
39469
39454
  this.isExpandedMode = computed(() => this.displayMode() === 'expanded', ...(ngDevMode ? [{ debugName: "isExpandedMode" }] : []));
39470
39455
  this.shouldAnimateExpand = computed(() => this.isActuallyExpanded() && this._hasAnimated(), ...(ngDevMode ? [{ debugName: "shouldAnimateExpand" }] : []));
39471
39456
  this.iconSize = computed(() => this.isActuallyExpanded() ? 'w-7 h-7' : 'w-6 h-6', ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
39472
- 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" }] : []));
39473
39458
  this.hasCompanyInfo = computed(() => !!(this.item()?.yearFounded || this.item()?.employeeCount || this.item()?.estimatedRevenue || this.item()?.marketPosition), ...(ngDevMode ? [{ debugName: "hasCompanyInfo" }] : []));
39474
39459
  this.competitorContext = computed(() => {
39475
39460
  const itemData = this.item();
@@ -39551,7 +39536,7 @@ class CompetitorAnalysisCardComponent {
39551
39536
  source: IconSourceEnum.HEROICONS
39552
39537
  }), ...(ngDevMode ? [{ debugName: "contextIcon" }] : []));
39553
39538
  this.cardClasses = computed(() => {
39554
- const cursor = this._forceExpanded() ? '' : 'cursor-pointer';
39539
+ const cursor = this.forceExpanded() ? '' : 'cursor-pointer';
39555
39540
  const padding = this.isActuallyExpanded() ? 'p-6' : 'p-5';
39556
39541
  const leftBorder = this.isActuallyExpanded() ? 'border-l-4' : 'border-l-0';
39557
39542
  const base = `${padding} rounded-xl border transition-all duration-300 ${cursor} ${leftBorder}`;
@@ -39633,7 +39618,7 @@ class CompetitorAnalysisCardComponent {
39633
39618
  return typeof weakness === 'string' ? weakness : weakness?.assessment || weakness?.text || '';
39634
39619
  }
39635
39620
  toggleExpanded() {
39636
- if (!this._forceExpanded() && this.displayMode() !== 'expanded') {
39621
+ if (!this.forceExpanded() && this.displayMode() !== 'expanded') {
39637
39622
  const wasExpanded = this.isExpanded();
39638
39623
  this.isExpanded.update(val => !val);
39639
39624
  if (!wasExpanded && !this._hasAnimated()) {