@knime/jsonforms 1.21.16 → 1.21.19

package/dist/{SimpleTwinlistControl-CAaKpaUA.js → SimpleTwinlistControl-BSON5VYy.js}

@@ -1,6 +1,6 @@
-import { defineComponent as s, toRef as l, openBlock as a, createBlock as r, mergeProps as i, unref as p } from "vue";
-import { u as c } from "./usePossibleValues-yDswh8Qc.js";
-import { _ as u } from "./TwinlistControlBase.vue_vue_type_script_setup_true_lang-Chqnf11f.js";
+import { defineComponent as s, toRef as l, openBlock as r, createBlock as a, mergeProps as p, unref as i } from "vue";
+import { u as c } from "./usePossibleValues-DiYOmnZW.js";
+import { _ as u } from "./TwinlistControlBase.vue_vue_type_script_setup_true_lang-t1I2qxJz.js";
 const y = /* @__PURE__ */ s({
   __name: "SimpleTwinlistControl",
   props: {
@@ -8,13 +8,14 @@ const y = /* @__PURE__ */ s({
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
   setup(o) {
     const e = o, n = l(e, "control"), { possibleValues: t } = c(n);
-    return (m, f) => (a(), r(u, i(e, { "possible-values": p(t) }), null, 16, ["possible-values"]));
+    return (m, f) => (r(), a(u, p(e, { "possible-values": i(t) }), null, 16, ["possible-values"]));
   }
 });
 export {

package/dist/{SingleSelectControl-D7D5AanU.js → SingleSelectControl-BSqORMYm.js}

@@ -1,28 +1,29 @@
-import { defineComponent as x, computed as c, toRef as y, openBlock as _, createBlock as v } from "vue";
-import { u as $ } from "./usePossibleValues-yDswh8Qc.js";
-import { _ as F } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-B4K9Nnse.js";
-const i = "__special__", a = "__regular__", P = /* @__PURE__ */ x({
+import { defineComponent as I, computed as c, toRef as y, openBlock as v, createBlock as $ } from "vue";
+import { u as F } from "./usePossibleValues-DiYOmnZW.js";
+import { _ as R } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-CscatDmg.js";
+const i = "__special__", a = "__regular__", P = /* @__PURE__ */ I({
   __name: "SingleSelectControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
-  setup(o) {
-    const t = o, p = c(
+  setup(r) {
+    const t = r, p = c(
       () => t.control.uischema.options.specialChoices
-    ), { possibleValues: l } = $(
+    ), { possibleValues: l } = F(
       y(t, "control")
     ), s = (e) => `${i}${e}`, u = (e) => `${a}${e}`, h = ({
       id: e,
-      text: r
+      text: o
     }) => ({
       id: s(e),
-      text: r,
+      text: o,
       isSpecial: !0
     }), f = (e) => ({
       ...e,
@@ -30,25 +31,26 @@ const i = "__special__", a = "__regular__", P = /* @__PURE__ */ x({
     }), n = c(() => l.value === null ? null : p.value.map(h).concat(l.value.map(f))), C = (e) => {
       if (!e.startsWith(a) && !e.startsWith(i))
         throw new Error(`Expected id to start with ${a}`);
-    }, m = (e) => e ? (C(e), e.startsWith(i) ? { specialChoice: e.slice(i.length) } : { regularChoice: e.slice(a.length) }) : null, b = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? u(e.regularChoice) : "specialChoice" in e && e.specialChoice ? s(e.specialChoice) : "", g = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? e.regularChoice : "specialChoice" in e && e.specialChoice ? e.specialChoice : "", d = c({
+    }, m = (e) => e ? (C(e), e.startsWith(i) ? { specialChoice: e.slice(i.length) } : { regularChoice: e.slice(a.length) }) : null, b = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? u(e.regularChoice) : "specialChoice" in e && e.specialChoice ? s(e.specialChoice) : "", x = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? e.regularChoice : "specialChoice" in e && e.specialChoice ? e.specialChoice : "", d = c({
       get: () => {
         const e = b(t.control.data);
-        return n.value && !n.value.some((r) => r.id === e) ? g(t.control.data) : e;
+        return n.value && !n.value.some((o) => o.id === e) ? x(t.control.data) : e;
       },
       set: (e) => {
         t.changeValue(m(e));
       }
     });
-    return (e, r) => (_(), v(F, {
-      id: o.labelForId,
+    return (e, o) => (v(), $(R, {
+      id: r.labelForId,
       modelValue: d.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (I) => d.value = I),
+      "onUpdate:modelValue": o[0] || (o[0] = (g) => d.value = g),
       "possible-values": n.value,
-      ariaLabel: o.control.label,
-      disabled: o.disabled,
-      error: !o.isValid,
+      ariaLabel: r.control.label,
+      disabled: r.disabled,
+      error: r.error,
+      "sub-text": r.subText,
       compact: ""
-    }, null, 8, ["id", "modelValue", "possible-values", "ariaLabel", "disabled", "error"]));
+    }, null, 8, ["id", "modelValue", "possible-values", "ariaLabel", "disabled", "error", "sub-text"]));
   }
 });
 export {

package/dist/{SingleSelectListBoxControl-XeWCleLY.js → SingleSelectListBoxControl-CFdKzbOK.js}

@@ -1,7 +1,7 @@
-import { resolveComponent as x, openBlock as a, createElementBlock as c, normalizeClass as u, createElementVNode as V, normalizeStyle as h, Fragment as p, renderList as y, createBlock as f, defineComponent as I, toRef as g, unref as o, createCommentVNode as v } from "vue";
-import { u as S } from "./usePossibleValues-yDswh8Qc.js";
-import { S as C } from "./StyledListItem-CjOv-VlL.js";
-import { _ as L, Q as B } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
+import { resolveComponent as x, openBlock as a, createElementBlock as u, normalizeClass as c, createElementVNode as p, normalizeStyle as h, Fragment as y, renderList as V, createBlock as f, defineComponent as I, toRef as g, unref as r, createCommentVNode as v } from "vue";
+import { u as S } from "./usePossibleValues-DiYOmnZW.js";
+import { S as C } from "./StyledListItem--sgmJ3W_.js";
+import { _ as L, O as B } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
 const w = 40, H = 38, T = 36, K = 35, k = {
   name: "ListBox",
   components: {
@@ -163,10 +163,10 @@ const w = 40, H = 38, T = 36, K = 35, k = {
 }, D = ["id", "tabindex", "aria-label", "aria-activedescendant"];
 function z(e, t, l, n, d, s) {
   const b = x("StyledListItem");
-  return a(), c("div", {
-    class: u(["list-box", { invalid: !l.isValid, disabled: l.disabled }])
+  return a(), u("div", {
+    class: c(["list-box", { invalid: !l.isValid, disabled: l.disabled }])
   }, [
-    V("ul", {
+    p("ul", {
       id: l.id,
       ref: "ul",
       role: "listbox",
@@ -176,7 +176,7 @@ function z(e, t, l, n, d, s) {
       "aria-activedescendant": s.generateOptionId(s.getCurrentItem()),
       onKeydown: t[0] || (t[0] = (...i) => s.handleKeyDown && s.handleKeyDown(...i))
     }, [
-      (a(!0), c(p, null, y(s.selectableValues, (i, r) => (a(), f(b, {
+      (a(!0), u(y, null, V(s.selectableValues, (i, o) => (a(), f(b, {
         id: s.generateOptionId(i),
         key: `listbox-${i.id}`,
         ref_for: !0,
@@ -184,7 +184,7 @@ function z(e, t, l, n, d, s) {
         style: h({ "line-height": `${d.optionLineHeight}px` }),
         text: i.text,
         title: i.text,
-        class: u({
+        class: c({
           focused: s.isCurrentValue(i.id),
           noselect: !0,
           empty: i.text.trim() === ""
@@ -195,32 +195,33 @@ function z(e, t, l, n, d, s) {
         invalid: i.invalid,
         special: i.special,
         disabled: l.disabled,
-        onClick: (m) => !l.disabled && s.setSelected(i.id, r),
-        onFocus: (m) => !l.disabled && s.setSelected(i.id, r)
+        onClick: (m) => !l.disabled && s.setSelected(i.id, o),
+        onFocus: (m) => !l.disabled && s.setSelected(i.id, o)
       }, null, 8, ["id", "style", "text", "title", "class", "aria-selected", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onFocus"]))), 128))
     ], 44, D)
   ], 2);
 }
-const A = /* @__PURE__ */ L(k, [["render", z], ["__scopeId", "data-v-a437d16b"]]), N = /* @__PURE__ */ I({
+const A = /* @__PURE__ */ L(k, [["render", z], ["__scopeId", "data-v-a437d16b"]]), O = /* @__PURE__ */ I({
   __name: "SingleSelectListBoxControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
   setup(e) {
     const t = e, { possibleValues: l } = S(g(t, "control"));
-    return (n, d) => o(l) ? (a(), f(o(A), {
+    return (n, d) => r(l) ? (a(), f(r(A), {
       key: 0,
       id: e.labelForId,
-      "possible-values": o(l),
+      "possible-values": r(l),
       disabled: e.disabled,
       "model-value": e.control.data,
-      "is-valid": e.isValid,
+      "is-valid": !e.error,
       ariaLabel: e.control.label,
       size: e.control.uischema.options?.size,
       "onUpdate:modelValue": e.changeValue
@@ -228,5 +229,5 @@ const A = /* @__PURE__ */ L(k, [["render", z], ["__scopeId", "data-v-a437d16b"]]
   }
 });
 export {
-  N as default
+  O as default
 };

package/dist/SortListControl-DZIHeQmn.js

@@ -0,0 +1,105 @@
+import { defineComponent as V, computed as i, onMounted as g, watch as k, openBlock as I, createBlock as U, unref as y } from "vue";
+import { u as L, a7 as F } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+function S(e, n, t, o) {
+  for (var l = e.length, s = t + -1; ++s < l; )
+    if (n(e[s], s, e))
+      return s;
+  return -1;
+}
+function N(e) {
+  return e !== e;
+}
+function O(e, n, t) {
+  for (var o = t - 1, l = e.length; ++o < l; )
+    if (e[o] === n)
+      return o;
+  return -1;
+}
+function T(e, n, t) {
+  return n === n ? O(e, n, t) : S(e, N, t);
+}
+function A(e, n, t) {
+  var o = e == null ? 0 : e.length;
+  if (!o)
+    return -1;
+  var l = 0;
+  return T(e, n, l);
+}
+const B = "<any unknown new column>", D = /* @__PURE__ */ V({
+  __name: "SortListControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const n = e, t = i(() => n.control.data), o = i(
+      () => n.control.uischema
+    ), l = i(
+      () => o.value.options?.unknownElementId ?? B
+    ), s = i(
+      () => o.value.options?.unknownElementLabel ?? "Any unknown column"
+    ), c = L(
+      o,
+      "possibleValues",
+      []
+    ), d = (a) => {
+      const u = {
+        id: a.id,
+        text: a.text,
+        ...a.special ? { special: !0 } : {}
+      };
+      return a.type?.id && (u.accessory = {
+        type: "dataType",
+        name: a.type.id
+      }), u;
+    }, h = i(
+      () => c.value.map(d).concat(
+        d({
+          id: l.value,
+          text: s.value,
+          special: !0
+        })
+      )
+    ), f = (a) => {
+      if (t.value.length === 0) {
+        b();
+        return;
+      }
+      const u = A(t.value, l.value);
+      if (u === -1)
+        throw new Error(
+          `SortList data have to contain the value "${l.value}"`
+        );
+      const m = t.value.slice(0, u + 1), x = t.value.slice(u + 1), w = new Set(t.value), v = a.map(({ id: r }) => r).filter((r) => !w.has(r));
+      v.length > 0 && n.changeValue(m.concat(v, x));
+    };
+    g(() => {
+      f(c.value);
+    }), k(() => c.value, f);
+    const b = () => {
+      n.changeValue(h.value.map(({ id: a }) => a));
+    }, p = (a) => {
+      n.changeValue(a);
+    };
+    return (a, u) => (I(), U(y(F), {
+      id: e.labelForId,
+      ariaLabel: e.control.label,
+      "possible-values": h.value,
+      "model-value": t.value,
+      disabled: e.disabled,
+      error: e.error,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": p
+    }, null, 8, ["id", "ariaLabel", "possible-values", "model-value", "disabled", "error", "sub-text"]));
+  }
+});
+export {
+  B as DEFAULT_ANY_UNKNOWN_VALUES_ID,
+  D as default
+};

package/dist/{StyledListItem-CjOv-VlL.js → StyledListItem--sgmJ3W_.js}

@@ -1,5 +1,5 @@
 import { openBlock as s, createElementBlock as n, mergeProps as d, withModifiers as o, renderSlot as a, createTextVNode as m, toDisplayString as f } from "vue";
-import { _ as u } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
+import { _ as u } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
 const r = {
   name: "StyledListItem",
   props: {

package/dist/{TeamAndSpacesControl-DFrotXG1.js → TeamAndSpacesControl-DiMyDT-5.js}

@@ -1,22 +1,23 @@
-import { defineComponent as T, ref as r, computed as l, openBlock as I, createElementBlock as y, createElementVNode as m, createVNode as v, unref as b } from "vue";
-import { W as V, _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
-const B = { class: "team-and-space" }, F = { class: "team" }, N = { class: "space" }, x = /* @__PURE__ */ T({
+import { defineComponent as S, ref as r, computed as l, openBlock as I, createElementBlock as y, createElementVNode as m, createVNode as v, unref as b } from "vue";
+import { T as f, _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+const x = { class: "team-and-space" }, B = { class: "team" }, F = { class: "space" }, N = /* @__PURE__ */ S({
   __name: "TeamAndSpacesControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
   setup(d) {
-    const o = d, n = r(""), a = r(""), f = l(
+    const o = d, n = r(""), a = r(""), V = l(
       () => o.control.uischema
-    ), u = l(() => f.value.options), i = l(() => u.value?.possibleTeams ?? []), p = l(() => u.value?.possibleSpaces ?? []), c = l(
+    ), u = l(() => V.value.options), i = l(() => u.value?.possibleTeams ?? []), p = l(() => u.value?.possibleSpaces ?? []), c = l(
       () => p.value.find(({ id: s }) => s === n.value)?.spaces ?? []
-    ), h = l(() => !o.control.enabled || i.value.length === 0), _ = l(() => !o.control.enabled || c.value.length === 0), g = () => {
+    ), h = l(() => !o.control.enabled || i.value.length === 0), _ = l(() => !o.control.enabled || c.value.length === 0), T = () => {
       if (o.control.data) {
         a.value = o.control.data;
         const s = p.value.find(
@@ -24,16 +25,16 @@ const B = { class: "team-and-space" }, F = { class: "team" }, N = { class: "spac
         );
         s && (n.value = s.id);
       }
-    }, S = () => {
+    }, g = () => {
       a.value = c.value[0]?.id ?? "", o.changeValue(a.value);
     };
-    return g(), (s, e) => (I(), y("div", B, [
-      m("div", F, [
-        v(b(V), {
+    return T(), (s, e) => (I(), y("div", x, [
+      m("div", B, [
+        v(b(f), {
           modelValue: n.value,
           "onUpdate:modelValue": [
             e[0] || (e[0] = (t) => n.value = t),
-            S
+            g
           ],
           label: "Team",
           "aria-label": "account-id",
@@ -42,8 +43,8 @@ const B = { class: "team-and-space" }, F = { class: "team" }, N = { class: "spac
           placeholder: "No team selected"
         }, null, 8, ["modelValue", "disabled", "possible-values"])
       ]),
-      m("div", N, [
-        v(b(V), {
+      m("div", F, [
+        v(b(f), {
           modelValue: a.value,
           "onUpdate:modelValue": [
             e[1] || (e[1] = (t) => a.value = t),
@@ -58,7 +59,7 @@ const B = { class: "team-and-space" }, F = { class: "team" }, N = { class: "spac
       ])
     ]));
   }
-}), D = /* @__PURE__ */ C(x, [["__scopeId", "data-v-c51d9a0e"]]);
+}), D = /* @__PURE__ */ C(N, [["__scopeId", "data-v-c51d9a0e"]]);
 export {
   D as default
 };

package/dist/{TeamResourceControl-BnBXHcn9.js → TeamResourceControl-Bag_dwA1.js}

@@ -1,34 +1,35 @@
-import { defineComponent as l, computed as t, openBlock as u, createBlock as s, mergeProps as d } from "vue";
-import { R as p } from "./ResourceControlBase-D-oG-tP4.js";
-const x = /* @__PURE__ */ l({
+import { defineComponent as l, computed as t, openBlock as s, createBlock as i, mergeProps as p } from "vue";
+import { R as d } from "./ResourceControlBase-CeXYJeR1.js";
+const g = /* @__PURE__ */ l({
   __name: "TeamResourceControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
   setup(e) {
     const o = e, n = t(
       () => o.control.uischema.options?.donutTitle || ""
-    ), a = t(
+    ), r = t(
       () => o.control.uischema.options?.donutText || ""
     ), c = t(
       () => o.control.uischema.options?.currentUsage ?? 0
-    ), r = t(
+    ), a = t(
       () => o.control.data === -1 ? "unlimited" : o.control.data
-    ), i = t(
-      () => `${c.value} of ${r.value} ${a.value}`.trim()
+    ), u = t(
+      () => `${c.value} of ${a.value} ${r.value}`.trim()
     );
-    return (m, h) => (u(), s(p, d(o, {
+    return (m, h) => (s(), i(d, p(o, {
       "donut-title": n.value,
-      "donut-description": i.value
+      "donut-description": u.value
     }), null, 16, ["donut-title", "donut-description"]));
   }
 });
 export {
-  x as default
+  g as default
 };

package/dist/{TextAreaControl-9YsuIVg_.js → TextAreaControl-B52P0DAa.js}

@@ -1,28 +1,30 @@
-import { defineComponent as a, openBlock as o, createBlock as l, unref as n } from "vue";
-import { ao as t } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
-const u = /* @__PURE__ */ a({
+import { defineComponent as a, openBlock as o, createBlock as t, unref as l } from "vue";
+import { a8 as n } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+const c = /* @__PURE__ */ a({
   __name: "TextAreaControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
   setup(e) {
-    return (r, d) => (o(), l(n(t), {
+    return (r, d) => (o(), t(l(n), {
       id: e.labelForId,
       ariaLabel: e.control.label,
       "model-value": e.control.data,
       disabled: e.disabled,
       rows: e.control.uischema.options?.rows,
-      error: !e.isValid,
+      error: e.error,
+      "sub-text": e.subText,
       "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "rows", "error", "onUpdate:modelValue"]));
+    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "rows", "error", "sub-text", "onUpdate:modelValue"]));
   }
 });
 export {
-  u as default
+  c as default
 };

package/dist/{TextControl-BrUMvx4G.js → TextControl-52n-sttB.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./TextControl.vue_vue_type_script_setup_true_lang-4BT0xCnX.js";
+import { _ as f } from "./TextControl.vue_vue_type_script_setup_true_lang-DrD-RvHO.js";
 export {
   f as default
 };

package/dist/{TextControl.vue_vue_type_script_setup_true_lang-4BT0xCnX.js → TextControl.vue_vue_type_script_setup_true_lang-DrD-RvHO.js}

@@ -1,50 +1,52 @@
-import { defineComponent as m, computed as i, useTemplateRef as h, openBlock as f, createBlock as b, unref as l } from "vue";
-import { u, C as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
-import { u as F } from "./useBuiltinValidations-CFNcCpco.js";
-const B = /* @__PURE__ */ m({
+import { defineComponent as p, computed as i, useTemplateRef as h, openBlock as b, createBlock as x, unref as l } from "vue";
+import { u, C as f } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { u as F } from "./useBuiltinValidations-KbChI8vv.js";
+const V = /* @__PURE__ */ p({
   __name: "TextControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
-  setup(e, { expose: d }) {
+  setup(e, { expose: r }) {
     const a = e;
     F(
       {
         pattern: ({ pattern: t }) => {
           const o = new RegExp(`^(${t})$`);
-          return (p) => o.test(p ?? "");
+          return (m) => o.test(m ?? "");
         },
         minLength: ({ minLength: t }) => (o) => (o?.length ?? 0) >= t,
         maxLength: ({ maxLength: t }) => (o) => (o?.length ?? 0) <= t
       },
       a
     );
-    const n = i(() => a.control.uischema), r = u(n, "placeholder", ""), c = u(n, "suggestions"), g = i(
+    const n = i(() => a.control.uischema), d = u(n, "placeholder", ""), c = u(n, "suggestions"), g = i(
       () => n.value?.options?.suggestionsTitle || "Suggestions"
     ), s = h("inputField");
-    return d({
+    return r({
       focus: () => s.value?.focus()
-    }), (t, o) => (f(), b(l(x), {
+    }), (t, o) => (b(), x(l(f), {
       id: e.labelForId,
       ref_key: "inputField",
       ref: s,
       ariaLabel: e.control.label,
-      placeholder: l(r),
+      placeholder: l(d),
       "model-value": e.control.data ?? "",
       disabled: e.disabled,
-      error: !e.isValid,
+      error: e.error,
+      "sub-text": e.subText,
       suggestions: l(c) ?? void 0,
       "suggestions-headline": g.value,
       "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "ariaLabel", "placeholder", "model-value", "disabled", "error", "suggestions", "suggestions-headline", "onUpdate:modelValue"]));
+    }, null, 8, ["id", "ariaLabel", "placeholder", "model-value", "disabled", "error", "sub-text", "suggestions", "suggestions-headline", "onUpdate:modelValue"]));
   }
 });
 export {
-  B as _
+  V as _
 };

package/dist/{TimeControl-DvzIDb-2.js → TimeControl-Cu12_qpz.js}

@@ -1,20 +1,21 @@
-import { defineComponent as b, computed as u, ref as V, openBlock as x, createBlock as v, unref as F } from "vue";
-import { V as G } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
+import { defineComponent as x, computed as u, ref as U, openBlock as V, createBlock as v, unref as B } from "vue";
+import { R as F } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
 import { p as m } from "./plainDateTimeUtils-CR0UhpkD.js";
 import { U as c } from "./classApi-CHpAZrj3.js";
-const I = /* @__PURE__ */ b({
+const I = /* @__PURE__ */ x({
   __name: "TimeControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
-  setup(a) {
-    const n = a, f = u(() => n.control.uischema.options), p = u(
+  setup(n) {
+    const a = n, f = u(() => a.control.uischema.options), p = u(
       () => m.getMaxGranularity(f.value)
     ), y = (t) => {
       if (!t)
@@ -35,33 +36,34 @@ const I = /* @__PURE__ */ b({
         }
       }
     }, g = (t, e) => t === null ? "" : e === "minute" ? t.toString({ smallestUnit: "minute" }) : e === "second" ? t.toString({ smallestUnit: "second" }) : t.toString({ fractionalSecondDigits: 3 }), s = u(
-      () => y(n.control.data)
-    ), o = V(
-      m.detectGranularity(n.control.data)
+      () => y(a.control.data)
+    ), o = U(
+      m.detectGranularity(a.control.data)
     );
-    let r, i, l = !1;
-    const h = () => {
-      l = !1;
-      const t = r === void 0 ? s.value : r, e = i ?? o.value;
-      r = void 0, i = void 0, o.value = e, n.changeValue(g(t, e));
+    let r, l, i = !1;
+    const b = () => {
+      i = !1;
+      const t = r === void 0 ? s.value : r, e = l ?? o.value;
+      r = void 0, l = void 0, o.value = e, a.changeValue(g(t, e));
     }, d = () => {
-      l || (l = !0, queueMicrotask(h));
+      i || (i = !0, queueMicrotask(b));
     }, T = (t) => {
       r = t, d();
-    }, U = (t) => {
-      i = t, d();
+    }, h = (t) => {
+      l = t, d();
     };
-    return (t, e) => (x(), v(F(G), {
-      id: a.labelForId,
+    return (t, e) => (V(), v(B(F), {
+      id: n.labelForId,
       "model-value": s.value,
       granularity: o.value,
-      ariaLabel: n.control.label,
+      ariaLabel: a.control.label,
       "max-granularity": p.value,
-      disabled: a.disabled,
-      error: !a.isValid,
+      disabled: n.disabled,
+      error: n.error,
+      "sub-text": n.subText,
       "onUpdate:modelValue": T,
-      "onUpdate:granularity": U
-    }, null, 8, ["id", "model-value", "granularity", "ariaLabel", "max-granularity", "disabled", "error"]));
+      "onUpdate:granularity": h
+    }, null, 8, ["id", "model-value", "granularity", "ariaLabel", "max-granularity", "disabled", "error", "sub-text"]));
   }
 });
 export {