@getodk/web-forms 1.0.1 → 1.0.2

package/dist/{ActionsInfoDialog-DChkpdtP.js → ActionsInfoDialog-DtAY32vv.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-B6FCqSEU.js";
+import { s as g, I, _ as k } from "./index-DWj9XRAV.js";
 const x = { class: "odk-form-list" }, B = { class: "action-description" }, C = /* @__PURE__ */ m({
   __name: "ActionsInfoDialog",
   props: {

package/dist/{CanvasBlock-DCxff1En.js → CanvasBlock-DTqaGXHf.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-DChkpdtP.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-B6FCqSEU.js";
+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";
 var tn = ({ dt: e }) => `
 .p-colorpicker {
     display: inline-block;

package/dist/{MapBlock-DtECrk0U.js → MapBlock-DSTG_Q0I.js}

@@ -1,6 +1,6 @@
 import { defineComponent as Yn, inject as cn, ref as Se, computed as it, watch as Rt, openBlock as ee, createBlock as rt, Transition as ed, withCtx as We, createElementBlock as me, createElementVNode as N, normalizeClass as Qt, toDisplayString as ne, unref as O, withDirectives as js, vModelText as Ys, createVNode as he, createCommentVNode as Ce, Fragment as Ca, shallowRef as ht, renderList as td, onMounted as nd, onUnmounted as id, nextTick as sd, createTextVNode as rd } from "vue";
-import { T as wn, i as od, a as Ul, b as ad, I as Oe, t as Ta, _ as Oi, s as ah, c as Bt, S as Te, g as ld, M as cd, d as hd, e as ud, f as dd, h as fd, p as gd, Q as _d, j as md } from "./index-B6FCqSEU.js";
-import { A as pd } from "./ActionsInfoDialog-DChkpdtP.js";
+import { T as wn, i as od, a as Ul, b as ad, I as Oe, t as Ta, _ as Oi, s as ah, c as Bt, S as Te, g as ld, M as cd, d as hd, e as ud, f as dd, h as fd, p as gd, Q as _d, j as md } from "./index-DWj9XRAV.js";
+import { A as pd } from "./ActionsInfoDialog-DtAY32vv.js";
 function lh(...i) {
   console.warn(...i);
 }

package/dist/{index-B6FCqSEU.js → index-DWj9XRAV.js}

@@ -32996,7 +32996,7 @@ class SelectControl extends ValueNode {
   }
   // SelectNode
   getValueOption(nr) {
-    return this.currentState.valueOptions.find((or) => or.value === nr) ?? null;
+    return this.mapOptionsByValue().get(nr) ?? null;
   }
   isSelected(nr) {
     return this.currentState.value.includes(nr);
@@ -39503,7 +39503,7 @@ const _hoisted_1$B = { class: "geo-dialog-header" }, _hoisted_2$j = { class: "ge
     console.warn("Invalid GeoJSON", er);
     return;
   }
-}, cache$1 = { promise: null }, loadMapBlock = () => (cache$1.promise ??= (async () => (await import("./MapBlock-DtECrk0U.js")).default)(), cache$1.promise), _hoisted_1$z = { class: "async-loader-container" }, _hoisted_2$h = {
+}, cache$1 = { promise: null }, loadMapBlock = () => (cache$1.promise ??= (async () => (await import("./MapBlock-DSTG_Q0I.js")).default)(), cache$1.promise), _hoisted_1$z = { class: "async-loader-container" }, _hoisted_2$h = {
   key: 0,
   class: "async-loader-error"
 }, _hoisted_3$c = { class: "async-loader-error-message" }, _sfc_main$I = /* @__PURE__ */ defineComponent({
@@ -50562,7 +50562,7 @@ const ft = [
 }), LikertWidget = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-bf056959"]]), _hoisted_1$f = {
   key: 0,
   class: "dropdown-placeholder"
-}, _sfc_main$m = /* @__PURE__ */ defineComponent({
+}, DEFAULT_PRIMEVUE_ITEM_HEIGHT$1 = 38, _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "SearchableDropdown",
   props: {
     question: {},
@@ -50570,17 +50570,13 @@ const ft = [
   },
   emits: ["update:modelValue", "change"],
   setup(er) {
-    const nr = inject(TRANSLATE), rr = er, or = computed(() => rr.question.currentState.valueOptions.map((sr) => {
-      if (rr.question.getValueOption(sr.value) == null)
-        throw new Error(`Failed to find option for value: ${sr.value}`);
-      return {
-        value: sr.value,
-        label: sr.label.formatted,
-        search: sr.label.asString
-      };
-    })), Ar = computed(() => {
+    const nr = inject(TRANSLATE), rr = er, or = computed(() => rr.question.currentState.valueOptions.map((sr) => ({
+      value: sr.value,
+      label: sr.label.formatted,
+      search: sr.label.asString
+    }))), Ar = computed(() => {
       const sr = rr.question.currentState?.value?.[0];
-      return sr ? rr.question.currentState.valueOptions.find((cr) => cr.value === sr)?.label.formatted : [];
+      return sr ? rr.question.getValueOption(sr)?.label.formatted : [];
     }), ir = (sr) => {
       rr.question.selectValue(sr);
     };
@@ -50595,6 +50591,7 @@ const ft = [
       options: or.value,
       "option-label": "search",
       "option-value": "value",
+      "virtual-scroller-options": { itemSize: DEFAULT_PRIMEVUE_ITEM_HEIGHT$1 },
       "onUpdate:modelValue": ir,
       onChange: lr[0] || (lr[0] = (dr) => sr.$emit("change"))
     }, {
@@ -50612,9 +50609,9 @@ const ft = [
         }, null, 8, ["elem"]))), 128))
       ]),
       _: 1
-    }, 8, ["id", "filter", "model-value", "disabled", "options"]));
+    }, 8, ["id", "filter", "model-value", "disabled", "options", "virtual-scroller-options"]));
   }
-}), SearchableDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-c0e9d24b"]]), _hoisted_1$e = { class: "default-appearance" }, _sfc_main$l = /* @__PURE__ */ defineComponent({
+}), SearchableDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-7d227287"]]), _hoisted_1$e = { class: "default-appearance" }, _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "Select1Control",
   props: {
     question: {}
@@ -50724,7 +50721,7 @@ const ft = [
 }), CheckboxWidget = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-6a2e8816"]]), _hoisted_1$c = {
   key: 0,
   class: "dropdown-placeholder"
-}, _sfc_main$j = /* @__PURE__ */ defineComponent({
+}, DEFAULT_PRIMEVUE_ITEM_HEIGHT = 38, _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "MultiselectDropdown",
   props: {
     question: {},
@@ -50732,23 +50729,16 @@ const ft = [
   },
   emits: ["update:modelValue", "change"],
   setup(er) {
-    const nr = inject(TRANSLATE), rr = er, or = computed(() => rr.question.currentState.valueOptions.map((lr) => {
-      if (rr.question.getValueOption(lr.value) == null)
-        throw new Error(`Failed to find option for value: ${lr.value}`);
-      return {
-        value: lr.value,
-        label: lr.label.formatted,
-        search: lr.label.asString
-      };
-    })), Ar = (lr) => {
+    const nr = inject(TRANSLATE), rr = er, or = computed(() => rr.question.currentState.valueOptions.map((lr) => ({
+      value: lr.value,
+      label: lr.label.formatted,
+      search: lr.label.asString
+    }))), Ar = (lr) => {
       rr.question.selectValues(lr);
     };
     let ir = "multi-select-dropdown-panel";
     rr.question.appearances["no-buttons"] && (ir += " no-buttons");
-    const sr = computed(() => {
-      const lr = rr.question.currentState;
-      return lr.value.map((dr) => lr.valueOptions.find((gr) => gr.value === dr)?.label.formatted);
-    });
+    const sr = computed(() => rr.question.currentState.value.map((dr) => rr.question.getValueOption(dr)?.label.formatted));
     return (lr, dr) => (openBlock(), createBlock(unref(script$9), {
       id: `${er.question.nodeId}-control`,
       class: "multi-select-dropdown",
@@ -50763,6 +50753,7 @@ const ft = [
       "option-label": "search",
       "panel-class": unref(ir),
       "model-value": er.question.currentState.value,
+      "virtual-scroller-options": { itemSize: DEFAULT_PRIMEVUE_ITEM_HEIGHT },
       "onUpdate:modelValue": Ar,
       onChange: dr[0] || (dr[0] = (cr) => lr.$emit("change"))
     }, {
@@ -50785,9 +50776,9 @@ const ft = [
         ], 64))), 128))
       ]),
       _: 1
-    }, 8, ["id", "input-id", "filter", "auto-filter-focus", "disabled", "options", "panel-class", "model-value"]));
+    }, 8, ["id", "input-id", "filter", "auto-filter-focus", "disabled", "options", "panel-class", "model-value", "virtual-scroller-options"]));
   }
-}), MultiselectDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-8c3a47ab"]]), _hoisted_1$b = { class: "default-appearance" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
+}), MultiselectDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-47431c3d"]]), _hoisted_1$b = { class: "default-appearance" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "SelectNControl",
   props: {
     question: {}
@@ -52672,7 +52663,7 @@ const IMAGE_QUALITY = 0.8, resize = async (er, nr) => {
   }
 }), UploadImageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-4dbe652c"]]), cache = { promise: null }, loadCanvas = (er) => er ? (cache.promise ??= (async () => {
   const { default: nr } = await import("./vue-konva-D0sZ6RWk.js");
-  return er.use(nr), (await import("./CanvasBlock-DCxff1En.js")).default;
+  return er.use(nr), (await import("./CanvasBlock-DTqaGXHf.js")).default;
 })(), cache.promise) : Promise.reject(new Error("No Vue app instance available")), _hoisted_1$5 = {
   key: 0,
   class: "canvas-disabled-overlay"
@@ -68355,7 +68346,7 @@ const ar = {
   },
   emits: ["loaded", "submit", "submitChunked"],
   setup(er, { emit: nr }) {
-    const rr = "v1.0.1", or = er, Ar = (Dr) => {
+    const rr = "v1.0.2", or = er, Ar = (Dr) => {
       const kr = async (Lr) => {
         const $r = await Lr, Vr = {
           form: Ir,