@eric-emg/symphiq-components 1.2.8 → 1.2.10
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/README.md +43 -0
- package/fesm2022/symphiq-components.mjs +2453 -2583
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +138 -28
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles.css +121 -3
package/README.md
CHANGED
|
@@ -78,6 +78,49 @@ Embedded mode:
|
|
|
78
78
|
- Listens to scroll events on the parent container instead of the window
|
|
79
79
|
- Uses absolute positioning for backgrounds instead of fixed positioning
|
|
80
80
|
|
|
81
|
+
### Preview Component
|
|
82
|
+
|
|
83
|
+
The library includes a compact preview component for displaying funnel analysis summaries:
|
|
84
|
+
|
|
85
|
+
```typescript
|
|
86
|
+
import { SymphiqFunnelAnalysisPreviewComponent } from 'symphiq-components';
|
|
87
|
+
import { ViewModeEnum } from 'symphiq-components';
|
|
88
|
+
|
|
89
|
+
@Component({
|
|
90
|
+
selector: 'app-dashboard',
|
|
91
|
+
standalone: true,
|
|
92
|
+
imports: [SymphiqFunnelAnalysisPreviewComponent],
|
|
93
|
+
template: `
|
|
94
|
+
<symphiq-funnel-analysis-preview
|
|
95
|
+
[funnelAnalysis]="performanceData"
|
|
96
|
+
[viewMode]="viewMode"
|
|
97
|
+
(onViewAnalysis)="handleViewFullAnalysis()">
|
|
98
|
+
</symphiq-funnel-analysis-preview>
|
|
99
|
+
`
|
|
100
|
+
})
|
|
101
|
+
export class DashboardComponent {
|
|
102
|
+
performanceData = { /* your performance data */ };
|
|
103
|
+
viewMode = ViewModeEnum.DARK;
|
|
104
|
+
|
|
105
|
+
handleViewFullAnalysis() {
|
|
106
|
+
// Navigate to full analysis view
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
#### Preview Component Inputs
|
|
112
|
+
|
|
113
|
+
| Input | Type | Default | Description |
|
|
114
|
+
|-------|------|---------|-------------|
|
|
115
|
+
| `funnelAnalysis` | `FunnelAnalysisInterface` | - | The funnel analysis data to display |
|
|
116
|
+
| `viewMode` | `ViewModeEnum` | `LIGHT` | Theme mode (LIGHT or DARK) |
|
|
117
|
+
|
|
118
|
+
#### Preview Component Outputs
|
|
119
|
+
|
|
120
|
+
| Output | Type | Description |
|
|
121
|
+
|--------|------|-------------|
|
|
122
|
+
| `onViewAnalysis` | `void` | Emitted when the "View Full Analysis" button is clicked |
|
|
123
|
+
|
|
81
124
|
### Import Models and Interfaces
|
|
82
125
|
```typescript
|
|
83
126
|
import {
|