@wemake4u/form-player 2.0.0 → 2.0.1
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 +20 -0
- package/fesm2022/wemake4u-form-player.mjs +1825 -430
- package/fesm2022/wemake4u-form-player.mjs.map +1 -1
- package/package.json +1 -1
- package/types/wemake4u-form-player.d.ts +89 -0
package/README.md
CHANGED
|
@@ -17,6 +17,26 @@ This library provides a robust implementation of forms using the Sirio Angular L
|
|
|
17
17
|
Run `npm install @wemake4u/form-player` to install package.
|
|
18
18
|
|
|
19
19
|
|
|
20
|
+
## Scroll on form change
|
|
21
|
+
|
|
22
|
+
When the active form changes (next/previous buttons, side menu, stepper, `goTo`, browser back/forward),
|
|
23
|
+
`app-dynamic-form` scrolls according to the `scrollOnNavigate` input:
|
|
24
|
+
|
|
25
|
+
| Value | Scroll target |
|
|
26
|
+
| --- | --- |
|
|
27
|
+
| `content` (default) | start of the form content (title and fields) |
|
|
28
|
+
| `form` | start of the whole form player (progress stepper included) |
|
|
29
|
+
| `page` | top of the page (nested scroll containers are not moved) |
|
|
30
|
+
| `none` | no scroll |
|
|
31
|
+
|
|
32
|
+
`content` and `form` scroll only when the start is out of view, and also work inside scroll containers (dashboard
|
|
33
|
+
content, dialogs). With a fixed page header, set the CSS variable `--df-scroll-offset` to its height. The focus on the
|
|
34
|
+
first field does not scroll the view again.
|
|
35
|
+
|
|
36
|
+
```html
|
|
37
|
+
<app-dynamic-form [schema]="schema" scrollOnNavigate="page" />
|
|
38
|
+
```
|
|
39
|
+
|
|
20
40
|
## Third-Party Licenses
|
|
21
41
|
|
|
22
42
|
This project includes the following third-party components:
|