@knime/jsonforms 1.15.49 → 1.16.0

package/dist/{DateTimeFormatInput-D3UD8bu-.js → DateTimeFormatInput-Cbo733sW.js}

@@ -1,31 +1,31 @@
-import { createElementBlock as y, openBlock as m, createElementVNode as p, defineComponent as O, useCssVars as q, computed as F, ref as f, watch as z, reactive as G, onMounted as J, nextTick as N, onUnmounted as Q, createBlock as P, unref as E, withCtx as X, createCommentVNode as C, createVNode as k, Fragment as Y, renderList as ee, normalizeClass as I, toDisplayString as B, mergeModels as te, useModel as oe, withDirectives as le, vModelText as ae, normalizeStyle as se } from "vue";
+import { createElementBlock as y, openBlock as m, createElementVNode as p, defineComponent as O, useCssVars as q, computed as F, ref as f, watch as z, reactive as G, onMounted as J, nextTick as N, onUnmounted as Q, createBlock as P, unref as E, withCtx as X, createCommentVNode as C, createVNode as M, Fragment as Y, renderList as ee, normalizeClass as I, toDisplayString as B, mergeModels as te, useModel as oe, withDirectives as le, vModelText as ae, normalizeStyle as se } from "vue";
 import { o as ne } from "./index-CpKfM262.js";
-import { u as ie, a as re, o as de, s as ce, f as ue } from "./floating-ui.vue-CDo9Kas1.js";
-import { u as me, F as pe } from "./useDropdownNavigation-BfCXUheD.js";
-import { L as ve } from "./LoadingIcon-DXkj1-k-.js";
-import { V as $ } from "./ValueSwitch-DPNAvU-Z.js";
-import { _ as U } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BRgHua3C.js";
+import { u as ie, a as re, o as ce, s as de, f as ue } from "./floating-ui.vue-Fx4CxKut.js";
+import { u as me, F as pe } from "./useDropdownNavigation-Bh9C9QlY.js";
+import { L as ve } from "./LoadingIcon-tq_66TmT.js";
+import { V as $ } from "./ValueSwitch-YkIKaSTU.js";
+import { _ as U } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
 const fe = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function ye(x, g) {
-  return m(), y("svg", fe, g[0] || (g[0] = [
+function ye(r, x) {
+  return m(), y("svg", fe, [...x[0] || (x[0] = [
     p("path", {
       fill: "#000",
       d: "M2 3.842v-.5a.5.5 0 0 0-.5.5zm22.611 0h.5a.5.5 0 0 0-.5-.5zm-.5 7.48a.5.5 0 1 0 1 0zM2 21.43h-.5a.5.5 0 0 0 .5.5zm10.298.5a.5.5 0 1 0 0-1zm5.283 8.222h-.5a.5.5 0 0 0 .765.424zm3.278-2.046.265.424a.5.5 0 0 0 .235-.424zm0-5.87-.366-.34a.5.5 0 0 0-.134.34zM27.613 15l.366.341a.5.5 0 0 0-.366-.841zm-10.032 7.235h.5a.5.5 0 0 0-.128-.334zM11.063 15v-.5a.5.5 0 0 0-.372.835zm-.69-9.483V2h-1v3.517zM16.155 2v3.517h1V2zM2 4.342h22.611v-1H2zm22.111-.5v7.48h1v-7.48zM2.5 21.43V3.842h-1V21.43zM2 8.362h22.611v-1H2zM12.298 20.93h-6.81v1h6.81zm-6.81 0H2v1h3.488zm12.358 9.646 3.278-2.046-.53-.849-3.278 2.047zm3.513-2.47v-5.87h-1v5.87zm-.135-5.528 6.755-7.236-.731-.682-6.755 7.235zm-4.143-.342v7.916h1v-7.916zm.872-.334-6.519-7.236-.743.67 6.519 7.235zm-6.89-6.401h16.55v-1h-16.55z"
     }, null, -1)
-  ]));
+  ])]);
 }
-const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-container-border-host" }, we = {
+const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-container-border-host" }, xe = {
   key: 0,
   class: "no-formats-available"
-}, Ee = {
+}, we = {
   key: 1,
   class: "no-formats-available"
-}, xe = ["onClick"], Fe = { class: "format-pattern" }, _e = { class: "format-preview" }, H = 1, ke = /* @__PURE__ */ O({
+}, Ee = ["onClick"], Fe = { class: "format-pattern" }, ke = { class: "format-preview" }, H = 1, Me = /* @__PURE__ */ O({
   __name: "DateTimeFormatPickerPopover",
   props: {
     allFormats: {},
@@ -34,11 +34,11 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
     showTypeSwitch: { type: Boolean }
   },
   emits: ["commit", "cancel"],
-  setup(x, { emit: g }) {
+  setup(r, { emit: x }) {
     q((e) => ({
-      "3b9e5e3a": H
+      v3b9e5e3a: H
     }));
-    const n = g, d = x, M = F(() => [
+    const n = x, c = r, D = F(() => [
       {
         id: "RECENT",
         text: "Recent"
@@ -55,7 +55,7 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
         id: "AMERICAN",
         text: "United States"
       }
-    ]), D = F(() => [
+    ]), b = F(() => [
       {
         id: "DATE",
         text: "Date"
@@ -72,19 +72,19 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
         id: "ZONED_DATE_TIME",
         text: "Zoned date & time"
       }
-    ]), i = f(null), h = f(null), a = f("RECENT"), u = f(d.selectedType);
+    ]), i = f(null), h = f(null), a = f("RECENT"), u = f(c.selectedType);
     z(
-      () => d.selectedType,
+      () => c.selectedType,
       (e) => {
         h.value = e;
       }
     );
     const s = F(
-      () => d.allFormats?.filter(
+      () => c.allFormats?.filter(
         (e) => e.category === a.value && e.temporalType === u.value
       ) ?? null
-    ), r = f(null), c = G({}), T = (e) => `${e.format}-${e.category}-${e.temporalType}`, L = (e) => (t) => {
-      c[T(e)] = t;
+    ), T = f(null), d = G({}), g = (e) => `${e.format}-${e.category}-${e.temporalType}`, L = (e) => (t) => {
+      d[g(e)] = t;
     }, w = (e) => ({
       format: e.format,
       temporalType: e.temporalType
@@ -143,7 +143,7 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
         v > l ? t.scrollTop = v - t.clientHeight : e.offsetTop - t.scrollTop < o && (t.scrollTop = e.offsetTop - o);
       }
     }, A = (e) => {
-      const t = c[`${e}-${a.value}-${u.value}`];
+      const t = d[`${e}-${a.value}-${u.value}`];
       t && W(t);
     }, R = async (e, t, o) => {
       u.value = t ?? u.value, a.value = o ?? a.value, await N(), h.value = e, A(e);
@@ -170,79 +170,79 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
         i.value.category
       ) : (h.value = null, K());
     });
-    const _ = f(!1);
+    const k = f(!1);
     return J(async () => {
-      if (!d.allFormats)
+      if (!c.allFormats)
         return;
       const e = [
         "RECENT",
         "STANDARD",
         "EUROPEAN",
         "AMERICAN"
-      ], t = d.allFormats.filter((o) => d.initialSelectedPattern === o.format).filter(
+      ], t = c.allFormats.filter((o) => c.initialSelectedPattern === o.format).filter(
         (o) => (
           // if the type switch is hidden, filter to only formats with the same type
-          d.selectedType === o.temporalType || d.showTypeSwitch
+          c.selectedType === o.temporalType || c.showTypeSwitch
         )
       ).sort((o, l) => {
-        const v = e.indexOf(o.category), b = e.indexOf(l.category);
-        return v - b;
+        const v = e.indexOf(o.category), _ = e.indexOf(l.category);
+        return v - _;
       });
       if (t.length > 0) {
         const o = t[0].format, l = t[0].temporalType, v = t[0].category;
         await R(o, l, v);
-        const b = s.value.findIndex(
+        const _ = s.value.findIndex(
           (j) => j.format === o
         );
         i.value = {
           format: o,
-          index: b,
+          index: _,
           category: v,
           temporalType: l
         };
       }
-      N(() => _.value = !0);
-    }), Q(() => _.value = !1), (e, t) => (m(), P(E(pe), {
-      active: _.value,
-      "onUpdate:active": t[3] || (t[3] = (o) => _.value = o),
-      "initial-focus": () => r.value ?? !1
+      N(() => k.value = !0);
+    }), Q(() => k.value = !1), (e, t) => (m(), P(E(pe), {
+      active: k.value,
+      "onUpdate:active": t[3] || (t[3] = (o) => k.value = o),
+      "initial-focus": () => T.value ?? !1
     }, {
       default: X(() => [
         p("div", Te, [
-          e.showTypeSwitch ? (m(), P($, {
+          r.showTypeSwitch ? (m(), P($, {
             key: 0,
             id: "selectedFormatType",
             ref: "typeSwitchRef",
             modelValue: u.value,
             "onUpdate:modelValue": t[0] || (t[0] = (o) => u.value = o),
             compact: "",
-            "possible-values": D.value,
+            "possible-values": b.value,
             class: "filter-switch"
           }, null, 8, ["modelValue", "possible-values"])) : C("", !0),
-          k($, {
+          M($, {
             id: "selectedFormatStandard",
             ref: "standardSwitchRef",
             modelValue: a.value,
             "onUpdate:modelValue": t[1] || (t[1] = (o) => a.value = o),
             compact: "",
-            "possible-values": M.value,
+            "possible-values": D.value,
             class: "filter-switch"
           }, null, 8, ["modelValue", "possible-values"]),
           p("div", ge, [
             p("div", {
               id: "dateFormats",
               ref_key: "formatContainerRef",
-              ref: r,
+              ref: T,
               class: "formats-container",
               tabindex: "0",
               role: "menu",
               onKeydown: t[2] || (t[2] = //@ts-ignore
               (...o) => E(S) && E(S)(...o))
             }, [
-              s.value === null ? (m(), y("div", we, [
-                k(ve, { class: "loading-spinner" })
-              ])) : s.value.length === 0 ? (m(), y("div", Ee, " No formats available ")) : (m(!0), y(Y, { key: 2 }, ee(s.value, (o, l) => (m(), y("div", {
-                key: T(o),
+              s.value === null ? (m(), y("div", xe, [
+                M(ve, { class: "loading-spinner" })
+              ])) : s.value.length === 0 ? (m(), y("div", we, " No formats available ")) : (m(!0), y(Y, { key: 2 }, ee(s.value, (o, l) => (m(), y("div", {
+                key: g(o),
                 ref_for: !0,
                 ref: L(o),
                 class: I([{
@@ -253,8 +253,8 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
                 onClick: () => n("commit", w(o))
               }, [
                 p("span", Fe, B(o.format), 1),
-                p("span", _e, B(o.example), 1)
-              ], 10, xe))), 128))
+                p("span", ke, B(o.example), 1)
+              ], 10, Ee))), 128))
             ], 544)
           ])
         ])
@@ -262,7 +262,7 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
       _: 1
     }, 8, ["active", "initial-focus"]));
   }
-}), Me = /* @__PURE__ */ U(ke, [["__scopeId", "data-v-8bb40d8b"]]), De = { class: "input-fields" }, be = ["disabled"], ze = {
+}), De = /* @__PURE__ */ U(Me, [["__scopeId", "data-v-8bb40d8b"]]), be = { class: "input-fields" }, _e = ["disabled"], ze = {
   key: 0,
   class: "invalid-marker"
 }, Ce = ["disabled"], Ie = {}, Ve = /* @__PURE__ */ O({
@@ -290,17 +290,17 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(x) {
-    const g = x, n = oe(x, "modelValue"), d = F({
+  setup(r) {
+    const x = r, n = oe(r, "modelValue"), c = F({
       get: () => n.value.format,
-      set: (r) => {
+      set: (T) => {
         n.value = {
           ...n.value,
-          format: r
+          format: T
         };
       }
-    }), M = "Format like 'yyyy-MM-dd'", D = F(() => g.isValid), i = f(null), h = f(null), a = f(!1), u = (r) => {
-      n.value = r, a.value = !1;
+    }), D = "Format like 'yyyy-MM-dd'", b = F(() => x.isValid), i = f(null), h = f(null), a = f(!1), u = (T) => {
+      n.value = T, a.value = !1;
     };
     ne(h, () => a.value = !1, {
       ignore: [i]
@@ -310,11 +310,11 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
       h,
       {
         middleware: [
-          de({
+          ce({
             mainAxis: 2,
             crossAxis: 0
           }),
-          ce(),
+          de(),
           ue({
             mainAxis: !0,
             crossAxis: !1
@@ -324,30 +324,30 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
         whileElementsMounted: re
       }
     );
-    return (r, c) => (m(), y("div", null, [
+    return (T, d) => (m(), y("div", null, [
       p("div", {
         class: I(["wrapper", { disabled: r.disabled, compact: r.compact }])
       }, [
-        p("span", De, [
+        p("span", be, [
           le(p("input", {
-            "onUpdate:modelValue": c[0] || (c[0] = (T) => d.value = T),
+            "onUpdate:modelValue": d[0] || (d[0] = (g) => c.value = g),
             type: "text",
             disabled: r.disabled,
-            placeholder: M,
+            placeholder: D,
             spellcheck: "false",
-            onFocus: c[1] || (c[1] = (T) => a.value = !1)
-          }, null, 40, be), [
-            [ae, d.value]
+            onFocus: d[1] || (d[1] = (g) => a.value = !1)
+          }, null, 40, _e), [
+            [ae, c.value]
           ]),
-          D.value ? C("", !0) : (m(), y("span", ze)),
+          b.value ? C("", !0) : (m(), y("span", ze)),
           p("button", {
             ref_key: "togglePopoverButtonRef",
             ref: i,
             class: I(["trigger-popover-button", { active: a.value }]),
             disabled: r.disabled,
-            onClick: c[2] || (c[2] = (T) => a.value = !a.value)
+            onClick: d[2] || (d[2] = (g) => a.value = !a.value)
           }, [
-            k(E(he))
+            M(E(he))
           ], 10, Ce)
         ])
       ], 2),
@@ -358,13 +358,13 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
         class: "popover",
         style: se(E(s))
       }, [
-        k(Me, {
+        M(De, {
           "all-formats": r.allDefaultFormats,
           "initial-selected-pattern": n.value.format,
           "selected-type": n.value.temporalType,
           "show-type-switch": r.showTypeSwitchInPopover,
           onCommit: u,
-          onCancel: c[3] || (c[3] = (T) => a.value = !1)
+          onCancel: d[3] || (d[3] = (g) => a.value = !1)
         }, null, 8, ["all-formats", "initial-selected-pattern", "selected-type", "show-type-switch"])
       ], 4)) : C("", !0)
     ]));

package/dist/{DateTimeFormatPickerControl-B_w116XL.js → DateTimeFormatPickerControl-DYX8qTRh.js}

@@ -1,7 +1,7 @@
-import { defineComponent as p, computed as o, createBlock as c, openBlock as f, unref as r } from "vue";
-import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BRgHua3C.js";
-import { D as v } from "./DateTimeFormatInput-D3UD8bu-.js";
-const b = /* @__PURE__ */ p({
+import { defineComponent as c, computed as e, createBlock as p, openBlock as f, unref as s } from "vue";
+import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
+import { D as v } from "./DateTimeFormatInput-Cbo733sW.js";
+const b = /* @__PURE__ */ c({
   __name: "DateTimeFormatPickerControl",
   props: {
     control: {},
@@ -12,25 +12,25 @@ const b = /* @__PURE__ */ p({
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
-  setup(s) {
-    const a = s, t = o(
+  setup(o) {
+    const a = o, t = e(
       () => a.control.uischema
-    ), d = o(() => t.value.options), m = o(() => d.value?.allowedFormats), i = F(t, "dateTimeFormats"), l = o({
+    ), d = e(() => t.value.options), m = e(() => d.value?.allowedFormats), i = F(t, "dateTimeFormats"), l = e({
       get: () => ({
         format: a.control.data,
         temporalType: "DATE"
       }),
-      set: (e) => a.changeValue(e.format)
+      set: (n) => a.changeValue(n.format)
     });
-    return (e, n) => (f(), c(r(v), {
-      id: e.labelForId,
+    return (n, r) => (f(), p(s(v), {
+      id: o.labelForId,
       modelValue: l.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (u) => l.value = u),
+      "onUpdate:modelValue": r[0] || (r[0] = (u) => l.value = u),
       compact: "",
-      disabled: e.disabled,
+      disabled: o.disabled,
       "show-type-switch-in-popover": !0,
       "allowed-formats": m.value,
-      "all-default-formats": r(i),
+      "all-default-formats": s(i),
       "is-valid": !0
     }, null, 8, ["id", "modelValue", "disabled", "allowed-formats", "all-default-formats"]));
   }

package/dist/DateTimeFormatPickerWithTypeControl-0_zbbVu1.js

@@ -0,0 +1,76 @@
+import { defineComponent as v, computed as t, createElementBlock as T, openBlock as V, createVNode as r, unref as i } from "vue";
+import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
+import { V as h } from "./ValueSwitch-YkIKaSTU.js";
+import { D as y } from "./DateTimeFormatInput-Cbo733sW.js";
+const D = ["id"], w = /* @__PURE__ */ v({
+  __name: "DateTimeFormatPickerWithTypeControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(o) {
+    const d = o, n = t(
+      () => d.control.uischema
+    ), u = t(() => n.value.options), c = t(() => u.value?.allowedFormats), p = F(n, "dateTimeFormats"), f = [
+      {
+        id: "DATE",
+        text: "Date"
+      },
+      {
+        id: "DATE_TIME",
+        text: "Date & time"
+      },
+      {
+        id: "TIME",
+        text: "Time"
+      },
+      {
+        id: "ZONED_DATE_TIME",
+        text: "Zoned date & time"
+      }
+    ], e = t({
+      get: () => d.control.data,
+      set: (a) => {
+        d.changeValue(a);
+      }
+    }), m = t({
+      get: () => e.value.temporalType,
+      set: (a) => {
+        e.value = {
+          ...e.value,
+          temporalType: a
+        };
+      }
+    });
+    return (a, l) => (V(), T("div", {
+      id: o.labelForId,
+      class: "control-container"
+    }, [
+      r(i(h), {
+        modelValue: m.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (s) => m.value = s),
+        compact: "",
+        "possible-values": f,
+        disabled: o.disabled
+      }, null, 8, ["modelValue", "disabled"]),
+      r(i(y), {
+        modelValue: e.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (s) => e.value = s),
+        compact: "",
+        disabled: o.disabled,
+        "show-type-switch-in-popover": !1,
+        "allowed-formats": c.value,
+        "all-default-formats": i(p),
+        "is-valid": !0
+      }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
+    ], 8, D));
+  }
+}), _ = /* @__PURE__ */ b(w, [["__scopeId", "data-v-8517cafd"]]);
+export {
+  _ as default
+};

package/dist/{Dropdown-C6HT573v.js → Dropdown-BFQl_-xG.js}

@@ -1,12 +1,12 @@
-import { defineComponent as G, shallowRef as I, h as z, watch as _, toValue as f, computed as B, unref as U, nextTick as Q, toRefs as X, ref as M, resolveComponent as x, createBlock as E, openBlock as c, withCtx as C, createElementVNode as m, normalizeClass as y, withDirectives as q, normalizeStyle as J, createElementBlock as h, withModifiers as v, renderSlot as O, toDisplayString as D, createCommentVNode as V, withKeys as Z, createVNode as P, Fragment as w, renderList as K, createTextVNode as $, vShow as ee } from "vue";
+import { defineComponent as G, shallowRef as I, h as z, watch as _, toValue as f, computed as B, unref as U, nextTick as X, toRefs as q, ref as M, resolveComponent as x, createBlock as E, openBlock as c, withCtx as C, createElementVNode as m, normalizeClass as y, withDirectives as Q, normalizeStyle as J, createElementBlock as h, withModifiers as v, renderSlot as O, toDisplayString as D, createCommentVNode as V, withKeys as Z, createVNode as P, Fragment as w, renderList as K, createTextVNode as $, vShow as ee } from "vue";
 import { o as te, t as se, b as R, i as N, c as S, w as ne, d as ie, e as oe } from "./index-CpKfM262.js";
-import { A as le } from "./arrow-dropdown-BAFsD8Su.js";
-import { C as re } from "./close-DGt8x-x_.js";
+import { A as le } from "./arrow-dropdown-BHK4j8GT.js";
+import { C as re } from "./close-W1x27NhZ.js";
 /* empty css                   */
 import { u as ae } from "./useSearch-hpyYQ_6y.js";
-import { v as de, Q as ue, _ as ce } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BRgHua3C.js";
+import { r as de, O as ue, _ as ce } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
 import { i as he } from "./hotkeys-rxnt4egK.js";
-import { d as pe, a as fe, b as me, i as ge, e as ye, h as xe, c as ve } from "./_getTag-bYJ9eLUR.js";
+import { d as pe, a as fe, b as me, i as ge, e as ye, h as xe, c as ve } from "./_getTag-BLNrS850.js";
 import { i as Ve } from "./isArray-WzO_os3q.js";
 var we = "[object Map]", be = "[object Set]", Ee = Object.prototype, Ce = Ee.hasOwnProperty;
 function Oe(e) {
@@ -230,7 +230,7 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { caseSensitiveSearch: t, possibleValues: s } = X(e), a = M(!1), i = B(() => {
+    const { caseSensitiveSearch: t, possibleValues: s } = q(e), a = M(!1), i = B(() => {
       const o = {};
       for (const l of s.value)
         o[l.id] = l.text;
@@ -404,7 +404,7 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
       this.isExpanded ? this.collapse() : this.expand();
     },
     async expand() {
-      this.isDisabled || (this.searchValue = this.displayTextMap[this.modelValue], this.hasOptionTemplate && (this.slotContainerHeight = this.$refs.button?.clientHeight ?? 0), this.isExpanded = !0, this.candidate === this.modelValue && (this.isMissing || this.showPlaceholder) && this.updateCandidate(this.currentPossibleValues[0]?.id), await Q(), this.getSearchInput().focus(), this.getSearchInput().select(), this.candidate && this.scrollTo(this.candidate));
+      this.isDisabled || (this.searchValue = this.displayTextMap[this.modelValue], this.hasOptionTemplate && (this.slotContainerHeight = this.$refs.button?.clientHeight ?? 0), this.isExpanded = !0, this.candidate === this.modelValue && (this.isMissing || this.showPlaceholder) && this.updateCandidate(this.currentPossibleValues[0]?.id), await X(), this.getSearchInput().focus(), this.getSearchInput().select(), this.candidate && this.scrollTo(this.candidate));
     },
     collapse() {
       this.isExpanded = !1, this.getButtonRef().focus();
@@ -548,7 +548,7 @@ function ze(e, t, s, a, i, n) {
             }, 8, ["compact", "disabled", "title", "tabindex", "onClick"])) : V("", !0)
           ])
         ], 46, Re),
-        q(m("ul", {
+        Q(m("ul", {
           ref: "ul",
           role: "listbox",
           tabindex: "-1",

package/dist/{DropdownControl-BRxBp6PS.js → DropdownControl-BjF5nBpG.js}

@@ -1,7 +1,7 @@
-import { defineComponent as n, toRef as i, createBlock as s, openBlock as d, unref as t } from "vue";
-import { u as r } from "./usePossibleValues-xsoA72wU.js";
-import { L as p } from "./LoadingDropdown-DNQLbe-W.js";
-const V = /* @__PURE__ */ n({
+import { defineComponent as l, toRef as n, createBlock as t, openBlock as i, unref as d } from "vue";
+import { u as s } from "./usePossibleValues-DBLA1Uo3.js";
+import { L as c } from "./LoadingDropdown-zmuTTM9Y.js";
+const V = /* @__PURE__ */ l({
   __name: "DropdownControl",
   props: {
     control: {},
@@ -12,14 +12,14 @@ const V = /* @__PURE__ */ n({
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
-  setup(o) {
-    const a = o, { possibleValues: l } = r(i(a, "control"));
-    return (e, u) => (d(), s(p, {
+  setup(e) {
+    const a = e, { possibleValues: o } = s(n(a, "control"));
+    return (r, u) => (i(), t(c, {
       id: e.labelForId ?? "",
       ariaLabel: e.control.label,
       disabled: e.disabled,
       "model-value": e.control.data ?? "",
-      "possible-values": t(l),
+      "possible-values": d(o),
       "is-valid": e.isValid,
       compact: "",
       "onUpdate:modelValue": e.changeValue

package/dist/HorizontalLayout-BsUFm6j-.js

@@ -0,0 +1,25 @@
+import { defineComponent as o, createElementBlock as t, openBlock as a, Fragment as r, renderList as c, createBlock as s, unref as u } from "vue";
+import { v as m, _ as i } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
+const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
+  __name: "HorizontalLayout",
+  props: {
+    layout: {}
+  },
+  setup(e) {
+    return (y, f) => (a(), t("div", d, [
+      (a(!0), t(r, null, c(e.layout.uischema.elements, (l, n) => (a(), s(u(m), {
+        key: n,
+        class: "horizontal-element",
+        schema: e.layout.schema,
+        uischema: l,
+        path: e.layout.path,
+        enabled: e.layout.enabled,
+        renderers: e.layout.renderers,
+        cells: e.layout.cells
+      }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))), 128))
+    ]));
+  }
+}), p = /* @__PURE__ */ i(h, [["__scopeId", "data-v-174aebfa"]]);
+export {
+  p as default
+};

package/dist/{InputField-DRTRFnn2.js → InputField-C1PEeYhh.js}

@@ -1,6 +1,6 @@
 /* empty css                   */
 import { createElementBlock as i, openBlock as s, normalizeClass as r, createCommentVNode as u, createElementVNode as o, renderSlot as d, mergeProps as f } from "vue";
-import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BRgHua3C.js";
+import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
 const c = {
   name: "InputField",
   props: {

package/dist/{IntegerControl-DuZyF60K.js → IntegerControl-DNiIv2pP.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, createBlock as n, openBlock as t, mergeProps as r } from "vue";
-import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-COrGNMKs.js";
+import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-BN8arFXD.js";
 const s = /* @__PURE__ */ o({
   __name: "IntegerControl",
   props: {