obm-upload-form-ui 0.1.0

package/dist/vue.js

@@ -0,0 +1,813 @@
+import { p as te, U as J, v as Y } from "./engine-7r1HChwT.js";
+import { defineComponent as C, useId as N, ref as E, computed as d, openBlock as u, createElementBlock as s, Fragment as S, renderList as M, createTextVNode as O, toDisplayString as g, createElementVNode as h, unref as b, createCommentVNode as T, withDirectives as le, withKeys as ae, withModifiers as Q, vModelText as oe, normalizeClass as R, mergeProps as ne, createBlock as z, reactive as ue, renderSlot as se, watch as ie, createVNode as de, withCtx as re, resolveDynamicComponent as ce, nextTick as me } from "vue";
+import { u as A, _ as B } from "./_plugin-vue_export-helper-DQLEQ__A.js";
+import { VueDatePicker as X } from "@vuepic/vue-datepicker";
+import { hu as Z, enUS as ee } from "date-fns/locale";
+import { i as pe } from "./wkt-C0dkXG1x.js";
+const ve = { class: "obm-array" }, fe = {
+  key: 0,
+  class: "obm-array__items"
+}, _e = ["disabled", "aria-label", "onClick"], be = { class: "obm-array__editor" }, ye = ["id", "disabled", "onKeydown"], ge = ["disabled"], he = /* @__PURE__ */ C({
+  __name: "ArrayField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: m, emit: c }) {
+    const e = t, r = c, i = N(), l = E(""), o = d(
+      () => Array.isArray(e.modelValue) ? e.modelValue.map(String) : []
+    ), a = d(() => e.disabled || e.column.api_params.readonly);
+    function n() {
+      const y = l.value.trim();
+      y === "" || a.value || (r("update:modelValue", [...o.value, y]), l.value = "");
+    }
+    function v(y) {
+      if (a.value) return;
+      const V = o.value.filter(($, _) => _ !== y);
+      r("update:modelValue", V.length > 0 ? V : null);
+    }
+    return m({ inputId: i }), (y, V) => (u(), s("div", ve, [
+      o.value.length > 0 ? (u(), s("ul", fe, [
+        (u(!0), s(S, null, M(o.value, ($, _) => (u(), s("li", {
+          key: `${$}-${_}`,
+          class: "obm-array__item"
+        }, [
+          O(g($) + " ", 1),
+          h("button", {
+            type: "button",
+            class: "obm-array__remove",
+            disabled: a.value,
+            "aria-label": b(A)("removeItem", t.language),
+            onClick: (F) => v(_)
+          }, " × ", 8, _e)
+        ]))), 128))
+      ])) : T("", !0),
+      h("div", be, [
+        le(h("input", {
+          id: b(i),
+          "onUpdate:modelValue": V[0] || (V[0] = ($) => l.value = $),
+          class: "obm-input",
+          type: "text",
+          disabled: a.value,
+          onKeydown: ae(Q(n, ["prevent"]), ["enter"])
+        }, null, 40, ye), [
+          [oe, l.value]
+        ]),
+        h("button", {
+          type: "button",
+          class: "obm-array__add",
+          disabled: a.value,
+          onClick: n
+        }, g(b(A)("addItem", t.language)), 9, ge)
+      ])
+    ]));
+  }
+}), Ve = /* @__PURE__ */ B(he, [["__scopeId", "data-v-f3bd5905"]]), ke = { class: "obm-autocomplete" }, xe = {
+  key: 0,
+  class: "obm-autocomplete__tags"
+}, $e = ["disabled", "aria-label", "onClick"], Fe = ["id", "aria-expanded", "value", "disabled"], Ie = {
+  key: 1,
+  class: "obm-autocomplete__list",
+  role: "listbox"
+}, we = ["aria-selected", "onMousedown"], Se = /* @__PURE__ */ C({
+  __name: "AutocompleteField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: m, emit: c }) {
+    const e = t, r = c, i = N(), l = E(""), o = E(!1), a = E(0), n = d(
+      () => e.options ?? e.column.generated_list_elements
+    ), v = d(
+      () => {
+        var p;
+        return e.column.type === "autocompletelist" || ((p = e.column.list_definition) == null ? void 0 : p.multiselect) === !0;
+      }
+    ), y = d(() => {
+      var p;
+      return ((p = e.column.list_definition) == null ? void 0 : p.extendable) === !0;
+    }), V = d(() => e.disabled || e.column.api_params.readonly), $ = d(() => e.modelValue === null || e.modelValue === void 0 || e.modelValue === "" ? [] : Array.isArray(e.modelValue) ? e.modelValue.map(String) : [String(e.modelValue)]), _ = d(() => {
+      const p = l.value.trim().toLowerCase(), U = n.value.filter((w) => !$.value.includes(w.value));
+      return p === "" ? U.slice(0, 20) : U.filter(
+        (w) => w.label.toLowerCase().includes(p) || w.value.toLowerCase().includes(p)
+      ).slice(0, 20);
+    });
+    function F(p) {
+      var U;
+      return ((U = n.value.find((w) => w.value === p)) == null ? void 0 : U.label) ?? p;
+    }
+    function x(p) {
+      v.value ? r("update:modelValue", p.length > 0 ? p : null) : r("update:modelValue", p.length > 0 ? p[p.length - 1] : null);
+    }
+    function f(p) {
+      x(v.value ? [...$.value, p.value] : [p.value]), l.value = v.value ? "" : p.label, o.value = !1;
+    }
+    function k(p) {
+      V.value || x($.value.filter((U) => U !== p));
+    }
+    function D(p) {
+      l.value = p.target.value, o.value = !0, a.value = 0, !v.value && y.value && r("update:modelValue", l.value === "" ? null : l.value), !v.value && l.value === "" && r("update:modelValue", null);
+    }
+    function I(p) {
+      p.key === "ArrowDown" ? (o.value = !0, a.value = Math.min(a.value + 1, _.value.length - 1), p.preventDefault()) : p.key === "ArrowUp" ? (a.value = Math.max(a.value - 1, 0), p.preventDefault()) : p.key === "Enter" ? o.value && _.value[a.value] ? (f(_.value[a.value]), p.preventDefault()) : y.value && v.value && l.value.trim() !== "" && (x([...$.value, l.value.trim()]), l.value = "", p.preventDefault()) : p.key === "Escape" && (o.value = !1);
+    }
+    function H() {
+      setTimeout(() => {
+        o.value = !1;
+      }, 150);
+    }
+    return m({ inputId: i }), (p, U) => (u(), s("div", ke, [
+      v.value && $.value.length > 0 ? (u(), s("ul", xe, [
+        (u(!0), s(S, null, M($.value, (w) => (u(), s("li", {
+          key: w,
+          class: "obm-autocomplete__tag"
+        }, [
+          O(g(F(w)) + " ", 1),
+          h("button", {
+            type: "button",
+            class: "obm-autocomplete__remove",
+            disabled: V.value,
+            "aria-label": b(A)("removeItem", t.language),
+            onClick: (L) => k(w)
+          }, " × ", 8, $e)
+        ]))), 128))
+      ])) : T("", !0),
+      h("input", {
+        id: b(i),
+        class: "obm-input",
+        type: "text",
+        role: "combobox",
+        "aria-expanded": o.value,
+        autocomplete: "off",
+        value: l.value,
+        disabled: V.value,
+        onInput: D,
+        onKeydown: I,
+        onFocus: U[0] || (U[0] = (w) => o.value = !0),
+        onBlur: H
+      }, null, 40, Fe),
+      o.value && _.value.length > 0 ? (u(), s("ul", Ie, [
+        (u(!0), s(S, null, M(_.value, (w, L) => (u(), s("li", {
+          key: w.value,
+          class: R(["obm-autocomplete__option", { "obm-autocomplete__option--active": L === a.value }]),
+          role: "option",
+          "aria-selected": L === a.value,
+          onMousedown: Q((St) => f(w), ["prevent"])
+        }, g(w.label), 43, we))), 128))
+      ])) : T("", !0)
+    ]));
+  }
+}), j = /* @__PURE__ */ B(Se, [["__scopeId", "data-v-f1029942"]]), Te = ["id", "value", "disabled"], Ce = ["id", "checked", "disabled"], Be = /* @__PURE__ */ C({
+  __name: "BooleanField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: m, emit: c }) {
+    const e = t, r = c, i = N(), l = d(() => e.column.has_empty_line), o = d(() => e.modelValue === !0 || e.modelValue === "true"), a = d(() => e.modelValue === !0 || e.modelValue === "true" ? "true" : e.modelValue === !1 || e.modelValue === "false" ? "false" : "");
+    function n(y) {
+      r("update:modelValue", y.target.checked);
+    }
+    function v(y) {
+      const V = y.target.value;
+      r("update:modelValue", V === "" ? null : V === "true");
+    }
+    return m({ inputId: i }), (y, V) => l.value ? (u(), s("select", {
+      key: 0,
+      id: b(i),
+      class: "obm-select",
+      value: a.value,
+      disabled: t.disabled || t.column.api_params.readonly,
+      onChange: v
+    }, [...V[0] || (V[0] = [
+      h("option", { value: "" }, null, -1),
+      h("option", { value: "true" }, "✓", -1),
+      h("option", { value: "false" }, "✗", -1)
+    ])], 40, Te)) : (u(), s("input", {
+      key: 1,
+      id: b(i),
+      class: "obm-checkbox",
+      type: "checkbox",
+      checked: o.value,
+      disabled: t.disabled || t.column.api_params.readonly,
+      onChange: n
+    }, null, 40, Ce));
+  }
+}), Ae = /* @__PURE__ */ B(Be, [["__scopeId", "data-v-dcc3af9e"]]), Me = ["id", "min", "max", "value", "disabled", "readonly"], De = /* @__PURE__ */ C({
+  __name: "NumericField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: m, emit: c }) {
+    const e = t, r = c, i = N(), l = d(() => e.column.validate.type !== "minmax" || !e.column.validate.value ? null : te(e.column.validate.value)), o = d(() => e.modelValue == null ? "" : String(e.modelValue));
+    function a(n) {
+      const v = n.target.value;
+      if (v === "") {
+        r("update:modelValue", null);
+        return;
+      }
+      const y = Number(v);
+      r("update:modelValue", Number.isFinite(y) ? y : v);
+    }
+    return m({ inputId: i }), (n, v) => {
+      var y, V;
+      return u(), s("input", {
+        id: b(i),
+        class: "obm-input obm-input--numeric",
+        type: "number",
+        inputmode: "decimal",
+        step: "any",
+        min: ((y = l.value) == null ? void 0 : y.min) ?? void 0,
+        max: ((V = l.value) == null ? void 0 : V.max) ?? void 0,
+        value: o.value,
+        disabled: t.disabled || t.column.api_params.readonly,
+        readonly: t.column.api_params.readonly,
+        onInput: a
+      }, null, 40, Me);
+    };
+  }
+}), Ue = /* @__PURE__ */ B(De, [["__scopeId", "data-v-7e3304c5"]]), Ne = {
+  key: 0,
+  class: "obm-buttons",
+  role: "group"
+}, He = ["disabled", "onClick"], Ee = {
+  key: 0,
+  class: "obm-buttons__empty"
+}, Oe = ["id", "multiple", "disabled"], We = {
+  key: 0,
+  value: ""
+}, ze = ["value", "selected"], Le = /* @__PURE__ */ C({
+  __name: "SelectField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: m, emit: c }) {
+    const e = t, r = c, i = N(), l = d(
+      () => e.options ?? e.column.generated_list_elements
+    ), o = d(() => {
+      var _;
+      return ((_ = e.column.list_definition) == null ? void 0 : _.multiselect) === !0;
+    }), a = d(() => e.column.api_params.list_elements_as_buttons), n = d(() => e.disabled || e.column.api_params.readonly), v = d(() => e.modelValue === null || e.modelValue === void 0 || e.modelValue === "" ? [] : Array.isArray(e.modelValue) ? e.modelValue.map(String) : [String(e.modelValue)]);
+    function y(_) {
+      r("update:modelValue", _ === "" ? null : _);
+    }
+    function V(_) {
+      const F = _.target;
+      if (o.value) {
+        const x = Array.from(F.selectedOptions).map((f) => f.value);
+        r("update:modelValue", x.length > 0 ? x : null);
+      } else
+        y(F.value);
+    }
+    function $(_) {
+      if (!n.value)
+        if (o.value) {
+          const F = new Set(v.value);
+          F.has(_) ? F.delete(_) : F.add(_), r("update:modelValue", F.size > 0 ? [...F] : null);
+        } else
+          y(v.value.includes(_) ? "" : _);
+    }
+    return m({ inputId: i }), (_, F) => a.value ? (u(), s("div", Ne, [
+      (u(!0), s(S, null, M(l.value, (x) => (u(), s("button", {
+        key: x.value,
+        type: "button",
+        class: R(["obm-buttons__item", { "obm-buttons__item--active": v.value.includes(x.value) }]),
+        disabled: n.value,
+        onClick: (f) => $(x.value)
+      }, g(x.label), 11, He))), 128)),
+      l.value.length === 0 ? (u(), s("span", Ee, g(b(A)("noOptions", t.language)), 1)) : T("", !0)
+    ])) : (u(), s("select", ne({
+      key: 1,
+      id: b(i),
+      class: "obm-select",
+      multiple: o.value
+    }, o.value ? {} : { value: v.value[0] ?? "" }, {
+      disabled: n.value,
+      onChange: V
+    }), [
+      t.column.has_empty_line && !o.value ? (u(), s("option", We)) : T("", !0),
+      (u(!0), s(S, null, M(l.value, (x) => (u(), s("option", {
+        key: x.value,
+        value: x.value,
+        selected: v.value.includes(x.value)
+      }, g(x.label), 9, ze))), 128))
+    ], 16, Oe));
+  }
+}), G = /* @__PURE__ */ B(Le, [["__scopeId", "data-v-956359eb"]]), Pe = /* @__PURE__ */ C({
+  __name: "TemporalField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: m, emit: c }) {
+    const e = t, r = c, i = N(), l = {
+      date: "yyyy-MM-dd",
+      datetime: "yyyy-MM-dd'T'HH:mm",
+      time: "HH:mm"
+    }, o = {
+      date: "yyyy-MM-dd",
+      datetime: "yyyy-MM-dd HH:mm",
+      time: "HH:mm"
+    }, a = d(() => l[e.column.type] ?? l.date), n = d(() => o[e.column.type] ?? o.date), v = d(() => e.column.type === "time"), y = d(() => ({ enableTimePicker: e.column.type !== "date" })), V = d(() => e.language === "hu" ? Z : ee), $ = d(() => e.modelValue == null ? null : String(e.modelValue));
+    function _(F) {
+      r("update:modelValue", F ?? null);
+    }
+    return m({ inputId: i }), (F, x) => (u(), z(b(X), {
+      class: "obm-input obm-input--temporal",
+      "model-value": $.value,
+      "model-type": a.value,
+      format: n.value,
+      formats: { input: n.value },
+      "text-input": { format: n.value },
+      "time-picker": v.value,
+      "time-config": y.value,
+      locale: V.value,
+      "input-attrs": { id: b(i) },
+      disabled: t.disabled || t.column.api_params.readonly,
+      readonly: t.column.api_params.readonly,
+      "auto-apply": !0,
+      "onUpdate:modelValue": _
+    }, null, 8, ["model-value", "model-type", "format", "formats", "text-input", "time-picker", "time-config", "locale", "input-attrs", "disabled", "readonly"]));
+  }
+}), P = /* @__PURE__ */ B(Pe, [["__scopeId", "data-v-4d74b753"]]), qe = ["id", "value", "disabled", "readonly"], Ke = /* @__PURE__ */ C({
+  __name: "TextAreaField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: m, emit: c }) {
+    const e = t, r = c, i = N(), l = d(() => e.modelValue == null ? "" : String(e.modelValue));
+    function o(a) {
+      const n = a.target.value;
+      r("update:modelValue", n === "" ? null : n);
+    }
+    return m({ inputId: i }), (a, n) => (u(), s("textarea", {
+      id: b(i),
+      class: "obm-textarea",
+      rows: "4",
+      value: l.value,
+      disabled: t.disabled || t.column.api_params.readonly,
+      readonly: t.column.api_params.readonly,
+      onInput: o
+    }, null, 40, qe));
+  }
+}), Re = /* @__PURE__ */ B(Ke, [["__scopeId", "data-v-89317b83"]]), Ye = ["id", "value", "disabled", "readonly"], je = /* @__PURE__ */ C({
+  __name: "TextField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: m, emit: c }) {
+    const e = t, r = c, i = N(), l = d(() => e.modelValue == null ? "" : String(e.modelValue));
+    function o(a) {
+      const n = a.target.value;
+      r("update:modelValue", n === "" ? null : n);
+    }
+    return m({ inputId: i }), (a, n) => (u(), s("input", {
+      id: b(i),
+      class: "obm-input",
+      type: "text",
+      value: l.value,
+      disabled: t.disabled || t.column.api_params.readonly,
+      readonly: t.column.api_params.readonly,
+      onInput: o
+    }, null, 40, Ye));
+  }
+}), q = /* @__PURE__ */ B(je, [["__scopeId", "data-v-17beed28"]]), Ge = /* @__PURE__ */ C({
+  __name: "TimeIntervalField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: m, emit: c }) {
+    const e = t, r = c, i = N(), l = d(() => e.language === "hu" ? Z : ee), o = d(() => {
+      if (e.modelValue == null) return null;
+      const [n = "", v = ""] = String(e.modelValue).split("-");
+      return [n, v];
+    });
+    function a(n) {
+      r("update:modelValue", n == null ? null : `${n[0]}-${n[1]}`);
+    }
+    return m({ inputId: i }), (n, v) => (u(), z(b(X), {
+      class: "obm-input",
+      "model-value": o.value,
+      "model-type": "HH:mm",
+      formats: { input: "HH:mm" },
+      "text-input": { format: "HH:mm" },
+      "time-picker": "",
+      range: "",
+      locale: l.value,
+      "input-attrs": { id: b(i) },
+      disabled: t.disabled || t.column.api_params.readonly,
+      readonly: t.column.api_params.readonly,
+      "auto-apply": !0,
+      "onUpdate:modelValue": a
+    }, null, 8, ["model-value", "locale", "input-attrs", "disabled", "readonly"]));
+  }
+}), Je = /* @__PURE__ */ B(Ge, [["__scopeId", "data-v-47ce4a6f"]]), Qe = { class: "obm-unsupported" }, Xe = { class: "obm-unsupported__message" }, Ze = { class: "obm-unsupported__type" }, et = /* @__PURE__ */ C({
+  __name: "UnsupportedField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  setup(t) {
+    const m = t, c = d(
+      () => m.column.type === J ? m.column.raw_type : m.column.type
+    );
+    return (e, r) => (u(), s("div", Qe, [
+      h("p", Xe, g(b(A)("unsupportedField", t.language)), 1),
+      h("p", Ze, g(b(A)("unsupportedFieldType", t.language, { type: c.value })), 1)
+    ]));
+  }
+}), K = /* @__PURE__ */ B(et, [["__scopeId", "data-v-bf4d6902"]]), tt = { class: "obm-wkt" }, lt = ["id", "value", "disabled", "readonly"], at = {
+  key: 0,
+  class: "obm-wkt__hint"
+}, ot = /* @__PURE__ */ C({
+  __name: "WktTextField",
+  props: {
+    column: {},
+    modelValue: {},
+    issues: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    language: { default: "en" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: m, emit: c }) {
+    const e = t, r = c, i = N(), l = d(() => e.modelValue == null ? "" : String(e.modelValue)), o = d(() => l.value.trim() !== "" && !pe(l.value));
+    function a(n) {
+      const v = n.target.value;
+      r("update:modelValue", v === "" ? null : v);
+    }
+    return m({ inputId: i }), (n, v) => (u(), s("div", tt, [
+      h("textarea", {
+        id: b(i),
+        class: "obm-textarea",
+        rows: "3",
+        placeholder: "POINT(19.05 47.5)",
+        value: l.value,
+        disabled: t.disabled || t.column.api_params.readonly,
+        readonly: t.column.api_params.readonly,
+        onInput: a
+      }, null, 40, lt),
+      o.value ? (u(), s("p", at, g(b(A)("invalidWkt", t.language)), 1)) : T("", !0)
+    ]));
+  }
+}), W = /* @__PURE__ */ B(ot, [["__scopeId", "data-v-ddeb8617"]]);
+function nt(t = {}) {
+  return {
+    text: q,
+    // crings / timetominutes render as plain text in v0 (validated only).
+    crings: q,
+    timetominutes: q,
+    textarea: Re,
+    numeric: Ue,
+    boolean: Ae,
+    date: P,
+    datetime: P,
+    time: P,
+    time_interval: Je,
+    list: G,
+    custom_list: G,
+    autocomplete: j,
+    autocompletelist: j,
+    array: Ve,
+    // Geometry columns fall back to WKT text editing; register the
+    // Leaflet-based widget from obm-upload-form-ui/vue-leaflet to upgrade.
+    point: W,
+    line: W,
+    polygon: W,
+    wkt: W,
+    // Attachments are out of scope for v0.
+    file_id: K,
+    photo_id: K,
+    [J]: K,
+    ...t
+  };
+}
+function ut(t, m) {
+  const c = ue({});
+  function e(o) {
+    for (const a of t.columns) {
+      const n = o == null ? void 0 : o[a.column];
+      c[a.column] = n !== void 0 ? n : a.default_value ?? null;
+    }
+    for (const [a, n] of Object.entries(o ?? {}))
+      a in c || (c[a] = n);
+  }
+  function r(o, a) {
+    c[o] = a;
+  }
+  function i() {
+    return { ...c };
+  }
+  function l() {
+    for (const o of t.columns)
+      o.api_params.sticky || o.api_params.once_field || (c[o.column] = o.default_value ?? null);
+  }
+  return e(m), { values: c, initialize: e, setValue: r, dataForSubmit: i, resetForNextEntry: l };
+}
+const st = ["data-column"], it = ["for"], dt = ["title"], rt = {
+  key: 0,
+  class: "obm-field__description"
+}, ct = { class: "obm-field__control" }, mt = {
+  key: 1,
+  class: "obm-field__issues"
+}, pt = /* @__PURE__ */ C({
+  __name: "FieldWrapper",
+  props: {
+    column: {},
+    issues: { default: () => [] },
+    language: { default: "en" },
+    inputId: { default: void 0 }
+  },
+  setup(t) {
+    const m = t, c = d(() => m.issues.filter((l) => l.severity === "error")), e = d(() => m.issues.filter((l) => l.severity === "warning")), r = d(() => m.issues.filter((l) => l.severity === "unsupported")), i = d(() => c.value.length > 0);
+    return (l, o) => (u(), s("div", {
+      class: R(["obm-field", {
+        "obm-field--invalid": i.value,
+        "obm-field--warning": !i.value && e.value.length > 0
+      }]),
+      "data-column": t.column.column
+    }, [
+      h("label", {
+        class: "obm-field__label",
+        for: t.inputId
+      }, [
+        O(g(t.column.short_name) + " ", 1),
+        t.column.validate.required ? (u(), s("span", {
+          key: 0,
+          class: "obm-field__required",
+          title: b(A)("required", t.language)
+        }, "*", 8, dt)) : T("", !0)
+      ], 8, it),
+      t.column.description ? (u(), s("p", rt, g(t.column.description), 1)) : T("", !0),
+      h("div", ct, [
+        se(l.$slots, "default", {}, void 0, !0)
+      ]),
+      t.issues.length > 0 ? (u(), s("ul", mt, [
+        (u(!0), s(S, null, M(c.value, (a, n) => (u(), s("li", {
+          key: `e-${n}`,
+          class: "obm-field__issue obm-field__issue--error"
+        }, g(a.message), 1))), 128)),
+        (u(!0), s(S, null, M(e.value, (a, n) => (u(), s("li", {
+          key: `w-${n}`,
+          class: "obm-field__issue obm-field__issue--warning"
+        }, g(a.message), 1))), 128)),
+        (u(!0), s(S, null, M(r.value, (a, n) => (u(), s("li", {
+          key: `n-${n}`,
+          class: "obm-field__issue obm-field__issue--notice"
+        }, g(a.message), 1))), 128))
+      ])) : T("", !0)
+    ], 10, st));
+  }
+}), vt = /* @__PURE__ */ B(pt, [["__scopeId", "data-v-6bb9fbe4"]]), ft = {
+  key: 0,
+  class: "obm-summary",
+  role: "alert"
+}, _t = { class: "obm-summary__title obm-summary__title--error" }, bt = { class: "obm-summary__list" }, yt = { class: "obm-summary__title obm-summary__title--warning" }, gt = { class: "obm-summary__list" }, ht = { class: "obm-summary__title obm-summary__title--notice" }, Vt = { class: "obm-summary__list" }, kt = /* @__PURE__ */ C({
+  __name: "ValidationSummary",
+  props: {
+    issues: {},
+    columns: { default: () => [] },
+    language: { default: "en" }
+  },
+  setup(t) {
+    const m = t;
+    function c(l) {
+      var o;
+      return ((o = m.columns.find((a) => a.column === l)) == null ? void 0 : o.short_name) ?? l;
+    }
+    const e = d(() => m.issues.filter((l) => l.severity === "error")), r = d(() => m.issues.filter((l) => l.severity === "warning")), i = d(() => m.issues.filter((l) => l.severity === "unsupported"));
+    return (l, o) => t.issues.length > 0 ? (u(), s("div", ft, [
+      e.value.length > 0 ? (u(), s(S, { key: 0 }, [
+        h("p", _t, g(b(A)("validationSummaryTitle", t.language)), 1),
+        h("ul", bt, [
+          (u(!0), s(S, null, M(e.value, (a, n) => (u(), s("li", {
+            key: `e-${n}`
+          }, [
+            h("strong", null, g(c(a.column)) + ":", 1),
+            O(" " + g(a.message), 1)
+          ]))), 128))
+        ])
+      ], 64)) : T("", !0),
+      r.value.length > 0 ? (u(), s(S, { key: 1 }, [
+        h("p", yt, g(b(A)("warningsTitle", t.language)), 1),
+        h("ul", gt, [
+          (u(!0), s(S, null, M(r.value, (a, n) => (u(), s("li", {
+            key: `w-${n}`
+          }, [
+            h("strong", null, g(c(a.column)) + ":", 1),
+            O(" " + g(a.message), 1)
+          ]))), 128))
+        ])
+      ], 64)) : T("", !0),
+      i.value.length > 0 ? (u(), s(S, { key: 2 }, [
+        h("p", ht, g(b(A)("noticesTitle", t.language)), 1),
+        h("ul", Vt, [
+          (u(!0), s(S, null, M(i.value, (a, n) => (u(), s("li", {
+            key: `n-${n}`
+          }, [
+            h("strong", null, g(c(a.column)) + ":", 1),
+            O(" " + g(a.message), 1)
+          ]))), 128))
+        ])
+      ], 64)) : T("", !0)
+    ])) : T("", !0);
+  }
+}), xt = /* @__PURE__ */ B(kt, [["__scopeId", "data-v-3ea41b02"]]), $t = { class: "obm-form__actions" }, Ft = ["disabled"], It = ["disabled"], wt = /* @__PURE__ */ C({
+  __name: "UploadForm",
+  props: {
+    schema: {},
+    modelValue: { default: void 0 },
+    validation: { default: void 0 },
+    registry: { default: void 0 },
+    language: { default: "en" },
+    disabled: { type: Boolean, default: !1 },
+    showDraftButton: { type: Boolean, default: !0 },
+    labels: { default: () => ({}) }
+  },
+  emits: ["update:modelValue", "submit", "refused"],
+  setup(t, { expose: m, emit: c }) {
+    const e = t, r = c, i = E(null), l = ut(e.schema, e.modelValue), o = E(null);
+    ie(
+      () => e.modelValue,
+      (f) => {
+        f !== void 0 && l.initialize(f);
+      }
+    );
+    const a = d(() => nt(e.registry)), n = d(() => {
+      var f;
+      return {
+        ...e.validation,
+        language: ((f = e.validation) == null ? void 0 : f.language) ?? e.language
+      };
+    }), v = d(
+      () => e.schema.columns.filter((f) => !f.api_params.hidden)
+    );
+    function y(f) {
+      return a.value[f.type];
+    }
+    function V(f) {
+      if (!f.filterable_list_elements) return;
+      const k = e.schema.columns.find(
+        (I) => {
+          var H;
+          return (H = I.list_definition) == null ? void 0 : H.trigger_target_column.includes(f.column);
+        }
+      );
+      if (!k) return;
+      const D = l.values[k.column];
+      return D == null || D === "" ? [] : f.filterable_list_elements[String(D)] ?? [];
+    }
+    function $(f) {
+      var k;
+      return ((k = o.value) == null ? void 0 : k.issues.filter((D) => D.column === f.column)) ?? [];
+    }
+    function _(f, k) {
+      l.setValue(f.column, k), r("update:modelValue", l.dataForSubmit());
+    }
+    async function F() {
+      var k;
+      await me();
+      const f = (k = i.value) == null ? void 0 : k.querySelector(".obm-field--invalid");
+      f && typeof f.scrollIntoView == "function" && f.scrollIntoView({ behavior: "smooth", block: "center" });
+    }
+    function x(f) {
+      const k = Y(
+        e.schema,
+        l.dataForSubmit(),
+        f,
+        n.value
+      );
+      if (o.value = k, k.blocking) {
+        r("refused", k), F();
+        return;
+      }
+      r("submit", { data: l.dataForSubmit(), state: f, validation: k });
+    }
+    return m({
+      /** Sticky/once_field-aware reset for "save and add another" flows. */
+      resetForNextEntry: l.resetForNextEntry,
+      validate: (f) => Y(e.schema, l.dataForSubmit(), f, n.value)
+    }), (f, k) => {
+      var D;
+      return u(), s("div", {
+        ref_key: "rootElement",
+        ref: i,
+        class: "obm-form"
+      }, [
+        de(xt, {
+          issues: ((D = o.value) == null ? void 0 : D.issues) ?? [],
+          columns: t.schema.columns,
+          language: t.language
+        }, null, 8, ["issues", "columns", "language"]),
+        (u(!0), s(S, null, M(v.value, (I) => (u(), z(vt, {
+          key: I.column,
+          column: I,
+          issues: $(I),
+          language: t.language
+        }, {
+          default: re(() => [
+            (u(), z(ce(y(I)), {
+              column: I,
+              "model-value": b(l).values[I.column],
+              issues: $(I),
+              disabled: t.disabled,
+              options: V(I),
+              language: t.language,
+              "onUpdate:modelValue": (H) => _(I, H)
+            }, null, 8, ["column", "model-value", "issues", "disabled", "options", "language", "onUpdate:modelValue"]))
+          ]),
+          _: 2
+        }, 1032, ["column", "issues", "language"]))), 128)),
+        h("div", $t, [
+          t.showDraftButton ? (u(), s("button", {
+            key: 0,
+            type: "button",
+            class: "obm-form__button obm-form__button--draft",
+            disabled: t.disabled,
+            onClick: k[0] || (k[0] = (I) => x("draft"))
+          }, g(t.labels.saveDraft ?? b(A)("saveDraft", t.language)), 9, Ft)) : T("", !0),
+          h("button", {
+            type: "button",
+            class: "obm-form__button obm-form__button--finalize",
+            disabled: t.disabled,
+            onClick: k[1] || (k[1] = (I) => x("final"))
+          }, g(t.labels.finalize ?? b(A)("finalize", t.language)), 9, It)
+        ])
+      ], 512);
+    };
+  }
+}), Ut = /* @__PURE__ */ B(wt, [["__scopeId", "data-v-28c84992"]]);
+export {
+  Ve as ArrayField,
+  j as AutocompleteField,
+  Ae as BooleanField,
+  vt as FieldWrapper,
+  Ue as NumericField,
+  G as SelectField,
+  P as TemporalField,
+  Re as TextAreaField,
+  q as TextField,
+  Je as TimeIntervalField,
+  K as UnsupportedField,
+  Ut as UploadForm,
+  xt as ValidationSummary,
+  W as WktTextField,
+  nt as createFieldRegistry,
+  A as uiText,
+  ut as useFormState
+};
+//# sourceMappingURL=vue.js.map