@eric-emg/symphiq-components 1.2.224 → 1.2.225

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.
@@ -56901,10 +56901,12 @@ class InitialTargetSettingComponent {
56901
56901
  absValue(value) {
56902
56902
  return Math.abs(value);
56903
56903
  }
56904
- sectionCardClasses() {
56905
- return this.viewMode() === ViewModeEnum.DARK
56906
- ? 'bg-slate-800/40 border-slate-700/50'
56907
- : 'bg-white border-slate-200';
56904
+ sectionCardClasses(forStickyCard = false) {
56905
+ const isSticky = forStickyCard && this.calculationState() === 'results';
56906
+ if (this.viewMode() === ViewModeEnum.DARK) {
56907
+ return isSticky ? 'bg-slate-800 border-slate-700/50' : 'bg-slate-800/40 border-slate-700/50';
56908
+ }
56909
+ return isSticky ? 'bg-white border-slate-200' : 'bg-white border-slate-200';
56908
56910
  }
56909
56911
  sectionTitleClasses() {
56910
56912
  return this.viewMode() === ViewModeEnum.DARK
@@ -57123,8 +57125,9 @@ class InitialTargetSettingComponent {
57123
57125
  i0.ɵɵelementEnd()();
57124
57126
  } if (rf & 2) {
57125
57127
  i0.ɵɵadvance(2);
57126
- i0.ɵɵclassProp("cursor-pointer", ctx.calculationState() === "results")("sticky", ctx.calculationState() === "results")("top-32", ctx.calculationState() === "results")("z-30", ctx.calculationState() === "results");
57127
- i0.ɵɵproperty("ngClass", ctx.sectionCardClasses());
57128
+ i0.ɵɵstyleProp("top", ctx.calculationState() === "results" ? "148px" : "auto");
57129
+ i0.ɵɵclassProp("cursor-pointer", ctx.calculationState() === "results")("sticky", ctx.calculationState() === "results")("z-30", ctx.calculationState() === "results");
57130
+ i0.ɵɵproperty("ngClass", ctx.sectionCardClasses(true));
57128
57131
  i0.ɵɵadvance(2);
57129
57132
  i0.ɵɵproperty("ngClass", ctx.sectionTitleClasses());
57130
57133
  i0.ɵɵadvance();
@@ -57189,10 +57192,10 @@ class InitialTargetSettingComponent {
57189
57192
  ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
57190
57193
  <div class="space-y-8 pb-32">
57191
57194
  <symphiq-tooltip-container />
57192
- <div [ngClass]="sectionCardClasses()" class="rounded-2xl border shadow-lg p-8"
57195
+ <div [ngClass]="sectionCardClasses(true)" class="rounded-2xl border shadow-lg p-8"
57193
57196
  [class.cursor-pointer]="calculationState() === 'results'"
57194
57197
  [class.sticky]="calculationState() === 'results'"
57195
- [class.top-32]="calculationState() === 'results'"
57198
+ [style.top]="calculationState() === 'results' ? '148px' : 'auto'"
57196
57199
  [class.z-30]="calculationState() === 'results'"
57197
57200
  (click)="onCardClick()">
57198
57201
  <div class="flex items-center justify-between mb-6">