@eric-emg/symphiq-components 1.2.55 → 1.2.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/symphiq-components.mjs +23 -21
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -21648,11 +21648,6 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21648
21648
|
currentHeaderState: this.isScrolled(),
|
|
21649
21649
|
isProgrammaticScroll: this.isProgrammaticScroll
|
|
21650
21650
|
});
|
|
21651
|
-
// Skip during programmatic scrolling
|
|
21652
|
-
if (this.isProgrammaticScroll) {
|
|
21653
|
-
console.log('[SCROLL v7] Skipping - programmatic scroll in progress');
|
|
21654
|
-
return;
|
|
21655
|
-
}
|
|
21656
21651
|
// Get the scrollable element once for all features
|
|
21657
21652
|
// Priority 1: Use the scrollElement passed directly from parent (preferred method)
|
|
21658
21653
|
// Priority 2: Fall back to querying by scrollContainerId (legacy method)
|
|
@@ -21693,24 +21688,31 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21693
21688
|
// ========================================
|
|
21694
21689
|
// FEATURE 1: Header Collapse/Expand
|
|
21695
21690
|
// ========================================
|
|
21696
|
-
|
|
21697
|
-
|
|
21698
|
-
|
|
21699
|
-
|
|
21700
|
-
|
|
21701
|
-
this.isScrolled
|
|
21702
|
-
|
|
21703
|
-
|
|
21704
|
-
|
|
21705
|
-
|
|
21691
|
+
// Skip header state updates during programmatic scrolling (e.g., clicking navigation dots)
|
|
21692
|
+
// but allow progress bar and navigation updates to continue
|
|
21693
|
+
if (!this.isProgrammaticScroll) {
|
|
21694
|
+
const COLLAPSE_THRESHOLD = 20;
|
|
21695
|
+
const EXPAND_THRESHOLD = 10;
|
|
21696
|
+
const currentState = this.isScrolled();
|
|
21697
|
+
if (!currentState && scrollTop > COLLAPSE_THRESHOLD) {
|
|
21698
|
+
console.log('[SCROLL v7] ✓ COLLAPSING HEADER', { scrollTop, threshold: COLLAPSE_THRESHOLD });
|
|
21699
|
+
this.isScrolled.set(true);
|
|
21700
|
+
}
|
|
21701
|
+
else if (currentState && scrollTop < EXPAND_THRESHOLD) {
|
|
21702
|
+
console.log('[SCROLL v7] ✓ EXPANDING HEADER', { scrollTop, threshold: EXPAND_THRESHOLD });
|
|
21703
|
+
this.isScrolled.set(false);
|
|
21704
|
+
}
|
|
21705
|
+
else {
|
|
21706
|
+
console.log('[SCROLL v7] No header state change needed', {
|
|
21707
|
+
currentState: currentState ? 'collapsed' : 'expanded',
|
|
21708
|
+
scrollTop,
|
|
21709
|
+
collapseThreshold: COLLAPSE_THRESHOLD,
|
|
21710
|
+
expandThreshold: EXPAND_THRESHOLD
|
|
21711
|
+
});
|
|
21712
|
+
}
|
|
21706
21713
|
}
|
|
21707
21714
|
else {
|
|
21708
|
-
console.log('[SCROLL v7]
|
|
21709
|
-
currentState: currentState ? 'collapsed' : 'expanded',
|
|
21710
|
-
scrollTop,
|
|
21711
|
-
collapseThreshold: COLLAPSE_THRESHOLD,
|
|
21712
|
-
expandThreshold: EXPAND_THRESHOLD
|
|
21713
|
-
});
|
|
21715
|
+
console.log('[SCROLL v7] Skipping header state update - programmatic scroll in progress');
|
|
21714
21716
|
}
|
|
21715
21717
|
// ========================================
|
|
21716
21718
|
// FEATURE 2: Progress Bar Calculation
|