@getodk/web-forms 1.0.2 → 1.1.0

package/README.md

@@ -12,7 +12,7 @@ This section is auto generated. Please update `feature-matrix.json` and then run
   <summary>
 
 <!-- prettier-ignore -->
-  ##### Question types (basic functionality)<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜ 91\%
+##### Question types (basic functionality)<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜ 91\%
 
   </summary>
   <br/>
@@ -60,7 +60,7 @@ This section is auto generated. Please update `feature-matrix.json` and then run
   <summary>
 
 <!-- prettier-ignore -->
-  ##### Appearances<br/>🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜⬜⬜ 54\%
+##### Appearances<br/>🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜⬜⬜ 56\%
 
   </summary>
   <br/>
@@ -96,7 +96,7 @@ This section is auto generated. Please update `feature-matrix.json` and then run
 | hide-input                                                      |          |
 | minimal                                                         |    ✅    |
 | search / autocomplete                                           |    ✅    |
-| [quick](https://github.com/getodk/web-forms/issues/515)         |          |
+| [quick](https://github.com/getodk/web-forms/issues/515)         |    ✅    |
 | columns-pack                                                    |    ✅    |
 | columns                                                         |    ✅    |
 | columns-n                                                       |    ✅    |
@@ -120,7 +120,7 @@ This section is auto generated. Please update `feature-matrix.json` and then run
   <summary>
 
 <!-- prettier-ignore -->
-  ##### Parameters<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜ 66\%
+##### Parameters<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜ 66\%
 
   </summary>
   <br/>
@@ -146,7 +146,7 @@ This section is auto generated. Please update `feature-matrix.json` and then run
   <summary>
 
 <!-- prettier-ignore -->
-  ##### Form logic<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩 100\%
+##### Form logic<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩 100\%
 
   </summary>
   <br/>
@@ -172,7 +172,7 @@ This section is auto generated. Please update `feature-matrix.json` and then run
   <summary>
 
 <!-- prettier-ignore -->
-  ##### Descriptions and annotations<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜ 75\%
+##### Descriptions and annotations<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜ 75\%
 
   </summary>
   <br/>
@@ -198,7 +198,7 @@ This section is auto generated. Please update `feature-matrix.json` and then run
   <summary>
 
 <!-- prettier-ignore -->
-  ##### Theme and layouts<br/>🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜⬜⬜⬜⬜ 40\%
+##### Theme and layouts<br/>🟩🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜⬜⬜⬜ 50\%
 
   </summary>
   <br/>
@@ -206,7 +206,7 @@ This section is auto generated. Please update `feature-matrix.json` and then run
 | Feature <img width=250px/>                                                 | Progress |
 | -------------------------------------------------------------------------- | :------: |
 | [grid](https://github.com/getodk/web-forms/issues/16)                      |          |
-| [pages](https://github.com/getodk/web-forms/issues/254)                    |          |
+| [pages](https://github.com/getodk/web-forms/issues/254)                    |    ✅    |
 | [logo](https://github.com/getodk/web-forms/issues/353)                     |          |
 | [application translations](https://github.com/getodk/web-forms/issues/332) |    ✅    |
 | [theme color](https://github.com/getodk/web-forms/issues/43)               |          |
@@ -222,7 +222,7 @@ This section is auto generated. Please update `feature-matrix.json` and then run
   <summary>
 
 <!-- prettier-ignore -->
-  ##### XPath<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜ 98\%
+##### XPath<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜ 98\%
 
   </summary>
   <br/>
@@ -311,17 +311,17 @@ This section is auto generated. Please update `feature-matrix.json` and then run
   <summary>
 
 <!-- prettier-ignore -->
-  ##### Misc<br/>🟩⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ 11\%
+##### Misc<br/>🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜⬜⬜⬜⬜ 44\%
 
   </summary>
   <br/>
 
 | Feature <img width=250px/>                                                       | Progress |
 | -------------------------------------------------------------------------------- | :------: |
-| [last saved instance](https://github.com/getodk/web-forms/issues/306)            |          |
-| [defaults from query parameters](https://github.com/getodk/web-forms/issues/464) |          |
+| [last saved instance](https://github.com/getodk/web-forms/issues/306)            |    ✅    |
+| [defaults from query parameters](https://github.com/getodk/web-forms/issues/464) |    ✅    |
 | multi-form app-like experience                                                   |          |
-| [prevent multiple submissions](https://github.com/getodk/web-forms/issues/461)   |          |
+| [prevent multiple submissions](https://github.com/getodk/web-forms/issues/461)   |    ✅    |
 | configure end of form experience                                                 |          |
 | save as draft                                                                    |          |
 | offline entities                                                                 |          |
@@ -348,7 +348,9 @@ To use this library in a Vue.js application:
     :submission-max-size="5242880"  <!-- 5MB -->
     :edit-instance="editOptions"
     :preload-properties="preloadProperties"
+    :instance-defaults="instanceDefaults"
     :device-id="abc123"
+    :last-saved-xml="lastSavedXml"
     @submit="handleSubmit"
     @submit-chunked="handleChunkedSubmit"
 />
@@ -375,6 +377,8 @@ The `<OdkWebForm>` component accepts the following props:
 - `editInstance` (`EditInstanceOptions`, optional): Options to resolve and load instance and attachment resources for editing.
 - `preloadProperties` (`PreloadProperties`, optional): Properties to make available for binding in the form using jr:preload.
 - `deviceId` (`string`, optional): If provided is available for binding into the form using preload attributes. Ignored if `preloadProperties.deviceID` is given.
+- `instanceDefaults` (`InstanceDefaults`, optional): Default values to set in the form as a map of xpath reference to string value.
+- `lastSavedXml` (`string`, optional): The XML to parse and bind to the last-saved virtual instance.
 
 ### Events (`OdkWebFormEmits`)
 
@@ -401,8 +405,6 @@ npm run dev -w=packages/web-forms
 
 Individual test environments, and their corresponding watch modes, also have separate commands which can be found in [`package.json`](./package.json).
 
-Upload XLSForm and XForm functionality in [`demo`](./src/demo/) app and in dev mode depends on [XLSForm-online](https://github.com/getodk/xlsform-online). Run the xlsform-online locally. By default it runs on port 8000, if you are running it on another port then you should update the [`config`](./src/demo/config.json) file.
-
 ### Project Structure
 
 ```
@@ -410,13 +412,12 @@ web-forms/
 ├── public/                   # Static assets (e.g., favicon.ico)
 ├── src/
 │   ├── assets/
-│   │   ├── images/           # Web Forms and Demo page images
-│   │   ├── styles/           # Web Forms and Demo page styles
+│   │   ├── images/           # Web Forms images
+│   │   ├── styles/           # Web Forms styles
 │   ├── components/           # UI components
 │   │   ├── form-elements/    # Form elements or controllers (question types, hints, labels, inputs)
 │   │   ├── form-layout/      # Form layout and rendering (e.g., form panel, groups, repeats, form error classes)
 │   │   ├── common/           # Reusable smaller components (e.g., icon, image, checkbox components)
-│   ├── demo/                 # Demo page
 │   ├── lib/                  # Utilities
 │   ├── index.ts
 │   ├── web-forms-plugin.ts   # Vue plugin
@@ -491,9 +492,9 @@ Use the npm scripts in this package to sync with Transifex. From the repository
 
 - Pull translations from Transifex into `locales/`:
   ```sh
-  npm run translations:pull -w @getodk/web-forms
+  npm run transifex:pull -w @getodk/web-forms
   ```
 - Push the English source strings (`locales/strings_en.json`) to Transifex:
   ```sh
-  npm run translations:push -w @getodk/web-forms
+  npm run transifex:push -w @getodk/web-forms
   ```

package/dist/{ActionsInfoDialog-DtAY32vv.js → ActionsInfoDialog-MU98SAHM.js}

@@ -1,5 +1,5 @@
-import { defineComponent as m, openBlock as s, createBlock as f, unref as p, withCtx as n, createElementVNode as t, createElementBlock as l, Fragment as u, renderList as _, normalizeClass as v, createVNode as b, toDisplayString as a } from "vue";
-import { s as g, I, _ as k } from "./index-DWj9XRAV.js";
+import { defineComponent as m, openBlock as s, createBlock as f, unref as p, withCtx as n, createElementVNode as t, createElementBlock as l, Fragment as u, renderList as _, normalizeClass as b, createVNode as v, toDisplayString as a } from "vue";
+import { s as g, I, _ as k } from "./index-BVkeZTJ7.js";
 const x = { class: "odk-form-list" }, B = { class: "action-description" }, C = /* @__PURE__ */ m({
   __name: "ActionsInfoDialog",
   props: {
@@ -24,10 +24,10 @@ const x = { class: "odk-form-list" }, B = { class: "action-description" }, C = /
         t("ul", x, [
           (s(!0), l(u, null, _(i.actionsInfo, (e, d) => (s(), l("li", {
             key: d,
-            class: v(["odk-form-list-item", e.infoClasses?.join(" ")])
+            class: b(["odk-form-list-item", e.infoClasses?.join(" ")])
           }, [
             t("div", B, [
-              b(I, {
+              v(I, {
                 name: e.icon
               }, null, 8, ["name"]),
               t("span", null, a(e.description), 1)
@@ -38,7 +38,7 @@ const x = { class: "odk-form-list" }, B = { class: "action-description" }, C = /
       _: 1
     }, 8, ["visible"]));
   }
-}), D = /* @__PURE__ */ k(C, [["__scopeId", "data-v-6fcf4715"]]);
+}), D = /* @__PURE__ */ k(C, [["__scopeId", "data-v-58b67d78"]]);
 export {
   D as A
 };

package/dist/{CanvasBlock-DTqaGXHf.js → CanvasBlock-J8NX3USC.js}

@@ -1,6 +1,6 @@
 import { resolveComponent as T, openBlock as d, createElementBlock as m, mergeProps as P, createCommentVNode as k, createVNode as C, withCtx as U, Transition as Ue, createElementVNode as L, shallowRef as j, computed as w, onUnmounted as ge, defineComponent as be, inject as ke, ref as S, watch as ye, onBeforeUnmount as Ae, Fragment as Se, normalizeClass as $, unref as a, normalizeStyle as Ve, createBlock as B, useModel as $e, onMounted as Fe, createTextVNode as Ze, toDisplayString as G, renderList as Xe, mergeModels as re } from "vue";
-import { A as _e } from "./ActionsInfoDialog-DtAY32vv.js";
-import { B as Ne, k as je, l as Ge, O as Ye, m as Ke, C as We, n as ae, r as qe, o as Je, q as Qe, Z as Y, T as Ce, I as x, _ as we, u as en, v as se, j as nn } from "./index-DWj9XRAV.js";
+import { A as _e } from "./ActionsInfoDialog-MU98SAHM.js";
+import { B as Ne, l as je, m as Ge, O as Ye, n as Ke, C as We, o as ae, r as qe, q as Je, u as Qe, Z as Y, T as Ce, I as x, _ as we, v as en, w as se, k as nn } from "./index-BVkeZTJ7.js";
 var tn = ({ dt: e }) => `
 .p-colorpicker {
     display: inline-block;
@@ -955,7 +955,7 @@ const W = "000000", Me = 7, fn = 4, de = "image/jpeg", hn = "canvas.jpg", fe = 0
       }, null, 8, ["visible", "title", "actions-info"])
     ], 64));
   }
-}), zn = /* @__PURE__ */ we(Rn, [["__scopeId", "data-v-4867e97c"]]), Tn = {
+}), zn = /* @__PURE__ */ we(Rn, [["__scopeId", "data-v-03ec8ca1"]]), Tn = {
   key: 2,
   class: "canvas-status"
 }, Un = {
@@ -1165,7 +1165,7 @@ const W = "000000", Me = 7, fn = 4, de = "image/jpeg", hn = "canvas.jpg", fe = 0
       ], 2);
     };
   }
-}), _n = /* @__PURE__ */ we($n, [["__scopeId", "data-v-e18eacca"]]);
+}), _n = /* @__PURE__ */ we($n, [["__scopeId", "data-v-bdd64198"]]);
 export {
   _n as default
 };