@getodk/web-forms 0.1.0 → 0.2.0

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 (4) hide show
  1. package/README.md +10 -6
  2. package/dist/index.js +16378 -15184
  3. package/package.json +19 -17
  4. package/dist/style.css +0 -1
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @getodk/web-forms
2
2
 
3
- This is a Vue component library that uses [`@getodk/xforms-engine`](../xforms-engine/) to render ODK XForms.
3
+ This package is a Vue component library that uses [`@getodk/xforms-engine`](../xforms-engine/) to render [ODK XForms](https://getodk.github.io/xforms-spec/). These forms are generally authored by end users in Excel using the [XLSForm](https://docs.getodk.org/xlsform/) standard. Learn more [on the ODK website](https://getodk.org/) and the ODK Web Form project's [main README](https://github.com/getodk/web-forms).
4
4
 
5
5
  ## Usage
6
6
 
@@ -16,13 +16,17 @@ To use this library in a Vue.js application:
16
16
 
17
17
  **Plugin:**
18
18
 
19
- Plugin is there to initialize PrimeVue, currently it exposes no options. In future, various configuration options might be added to the plugin.
19
+ The plugin is there to initialize PrimeVue, currently it exposes no options. In the future, configuration options may be added to the plugin.
20
20
 
21
21
  **Props and Events:**
22
22
 
23
- - `form-xml`: the XML of ODK XForm to be rendered.
23
+ - `form-xml`: the XML of the ODK XForm to be rendered.
24
24
  - `submit`: it is raised when user pressed "Send" button on the Form.
25
25
 
26
+ ### What if I don't use Vue?
27
+
28
+ We will eventually publish a framework-agnostic custom element.
29
+
26
30
  ## Development
27
31
 
28
32
  To run in development, run this command at the monorepo root:
@@ -35,13 +39,13 @@ Individual test environments, and their corresponding watch modes, also have sep
35
39
 
36
40
  ### Material Design
37
41
 
38
- This package uses Material Design system for the UI, though not strictly. The idea is to closely match the design to that of ODK Collect.
42
+ This package uses the Material Design system for the UI, though not strictly. The idea is to closely match the design to that of [ODK Collect](https://docs.getodk.org/collect-intro/).
39
43
 
40
- For Material Components and layout, it is using PrimeVue component library.
44
+ It uses the [PrimeVue component library](https://primevue.org/).
41
45
 
42
46
  ### Theme and Styles
43
47
 
44
- We are using customized version of Material Light Indigo theme provided by the PrimeVue. All customization is done in [`./themes/2024-light/theme.scss`](./themes/2024-light/theme.scss) file. We tend to define all css rules in that file so that in future we could support shipping multiple themes at the same time, However, this approach is flexible and subject to change in the near future.
48
+ We are using a customized version of the Material Light Indigo theme provided by PrimeVue.
45
49
 
46
50
  ### Icons
47
51