@knime/jsonforms 1.16.0 → 1.16.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @knime/json-forms
 
+## 1.16.1
+
+### Patch Changes
+
+- 21bd28c: KDS-442: use KdsCheckbox in JSONForms
+
 ## 1.16.0
 
 ### Minor Changes

package/dist/{AnyOfTwinlist-C9w8Fl_L.js → AnyOfTwinlist-DtaF_u6U.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, createBlock as t, openBlock as p, mergeProps as a, unref as l } from "vue";
 import { o as r } from "./index-Blg1O3Fz.js";
-import { T as i } from "./TwinlistControlBase-CBz7ZXLR.js";
+import { T as i } from "./TwinlistControlBase-HdpOOswC.js";
 const y = /* @__PURE__ */ s({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{Button-B0r-Emss.js → Button-Cu51l4bN.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, resolveComponent as a, createBlock as s, openBlock as n, normalizeClass as r, withCtx as l, renderSlot as i } from "vue";
-import { Q as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
+import { B as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
 const c = o({
   name: "Button",
   components: {
@@ -64,7 +64,7 @@ const c = o({
     }
   }
 });
-function f(e, u, B, m, h, _) {
+function f(e, B, u, m, h, _) {
   const t = a("BaseButton");
   return n(), s(t, {
     class: r(e.classes),

package/dist/Checkbox-j2BHg9c2.js

@@ -0,0 +1,75 @@
+import { createElementBlock as s, openBlock as i, normalizeClass as o, createElementVNode as d, renderSlot as c } from "vue";
+import { _ as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
+const r = {
+  name: "Checkbox",
+  props: {
+    id: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: null
+    },
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    invalid: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Controls the size of the label
+     * supported values:
+     * - regular
+     * - large
+     */
+    labelSize: {
+      type: String,
+      default: "regular",
+      validator: (e) => ["regular", "large"].includes(e)
+    }
+  },
+  emits: ["update:modelValue"],
+  computed: {
+    classes() {
+      return ["checkbox", this.labelSize, { disabled: this.disabled }];
+    }
+  },
+  methods: {
+    onInput(e) {
+      const { checked: l } = e.target;
+      consola.trace("Checkbox value changed to", l), this.$emit("update:modelValue", l);
+    },
+    isChecked() {
+      return this.$refs.input.checked;
+    }
+  }
+}, m = ["id", "name", "checked", "disabled"];
+function f(e, l, a, h, p, t) {
+  return i(), s("label", {
+    class: o([t.classes, { invalid: a.invalid }])
+  }, [
+    d("input", {
+      id: a.id,
+      ref: "input",
+      name: a.name,
+      checked: a.modelValue,
+      disabled: a.disabled,
+      type: "checkbox",
+      onChange: l[0] || (l[0] = (...n) => t.onInput && t.onInput(...n))
+    }, null, 40, m),
+    d("span", null, [
+      c(e.$slots, "default", {}, void 0, !0)
+    ])
+  ], 2);
+}
+const _ = /* @__PURE__ */ u(r, [["render", f], ["__scopeId", "data-v-54817902"]]);
+export {
+  _ as C
+};

package/dist/CheckboxControl-DlrBk_t-.js

@@ -0,0 +1,38 @@
+import { defineComponent as s, ref as d, createElementBlock as r, openBlock as c, createElementVNode as i, renderSlot as a, createVNode as u, unref as v } from "vue";
+import { a1 as b, _ as m } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
+const p = { class: "checkbox-container" }, f = /* @__PURE__ */ s({
+  __name: "CheckboxControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    isValid: { type: Boolean },
+    messages: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(o) {
+    const l = d(!1);
+    return (n, e) => (c(), r("div", {
+      class: "checkbox-input",
+      onMouseover: e[1] || (e[1] = (t) => l.value = !0),
+      onMouseleave: e[2] || (e[2] = (t) => l.value = !1)
+    }, [
+      i("div", p, [
+        u(v(b), {
+          class: "checkbox",
+          disabled: o.disabled,
+          "model-value": o.control.data,
+          label: o.control.label,
+          "onUpdate:modelValue": e[0] || (e[0] = (t) => o.changeValue(t))
+        }, null, 8, ["disabled", "model-value", "label"]),
+        a(n.$slots, "icon", {}, void 0, !0)
+      ]),
+      a(n.$slots, "buttons", { hover: l.value }, void 0, !0)
+    ], 32));
+  }
+}), x = /* @__PURE__ */ m(f, [["__scopeId", "data-v-dc3caa04"]]);
+export {
+  x as default
+};

package/dist/{Checkboxes-Ba0RB85i.js → Checkboxes-C4BHYTeg.js}

@@ -1,9 +1,10 @@
-import { _ as c, C as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
-import { resolveComponent as f, createElementBlock as s, openBlock as o, normalizeClass as h, Fragment as m, renderList as p, createBlock as x, withCtx as b, renderSlot as V, createTextVNode as y, toDisplayString as k } from "vue";
+import { C as c } from "./Checkbox-j2BHg9c2.js";
+import { resolveComponent as u, createElementBlock as s, openBlock as o, normalizeClass as f, Fragment as m, renderList as h, createBlock as p, withCtx as x, renderSlot as b, createTextVNode as V, toDisplayString as y } from "vue";
+import { _ as k } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
 const _ = {
   name: "Checkboxes",
   components: {
-    Checkbox: u
+    Checkbox: c
   },
   props: {
     /**
@@ -75,11 +76,11 @@ const _ = {
   }
 };
 function v(e, a, t, r, C, d) {
-  const n = f("Checkbox");
+  const n = u("Checkbox");
   return o(), s("div", {
-    class: h(["checkboxes", t.alignment])
+    class: f(["checkboxes", t.alignment])
   }, [
-    (o(!0), s(m, null, p(t.possibleValues, (l) => (o(), x(n, {
+    (o(!0), s(m, null, h(t.possibleValues, (l) => (o(), p(n, {
       ref_for: !0,
       ref: "boxes",
       key: `checkboxes-${l.id}`,
@@ -90,16 +91,16 @@ function v(e, a, t, r, C, d) {
       class: "box",
       "onUpdate:modelValue": (i) => d.onUpdateModelValue(l.id, i)
     }, {
-      default: b(() => [
-        V(e.$slots, "label", { slotItem: l }, () => [
-          y(k(l.text), 1)
+      default: x(() => [
+        b(e.$slots, "label", { slotItem: l }, () => [
+          V(y(l.text), 1)
         ], !0)
       ]),
       _: 2
     }, 1032, ["model-value", "title", "invalid", "disabled", "onUpdate:modelValue"]))), 128))
   ], 2);
 }
-const B = /* @__PURE__ */ c(_, [["render", v], ["__scopeId", "data-v-c83ea4f7"]]);
+const O = /* @__PURE__ */ k(_, [["render", v], ["__scopeId", "data-v-c83ea4f7"]]);
 export {
-  B as C
+  O as C
 };

package/dist/{CheckboxesControl-BZG3enbb.js → CheckboxesControl-Ctf4hFx-.js}

@@ -1,8 +1,8 @@
 import { defineComponent as c, computed as t, ref as i, toRef as u, onMounted as d, createBlock as r, createCommentVNode as m, openBlock as p, unref as b } from "vue";
 import { o as f } from "./index-Blg1O3Fz.js";
-import { u as h } from "./usePossibleValues-DBLA1Uo3.js";
-import { C as v } from "./Checkboxes-Ba0RB85i.js";
-import { _ as V } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
+import { u as h } from "./usePossibleValues-BW08TF4d.js";
+import { C as v } from "./Checkboxes-C4BHYTeg.js";
+import { _ as V } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
 const y = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

package/dist/{ComboBoxControl-bxENnSMl.js → ComboBoxControl-C0TKjQ9H.js}

@@ -1,9 +1,10 @@
 import { resolveComponent as f, createElementBlock as b, openBlock as r, withModifiers as a, withKeys as u, normalizeClass as w, renderSlot as F, withDirectives as S, createElementVNode as p, createVNode as h, toDisplayString as C, normalizeStyle as A, Fragment as D, renderList as P, createBlock as E, withCtx as O, createTextVNode as T, vShow as k, defineComponent as x, vModelText as $, toRef as z, computed as y, unref as N } from "vue";
-import { u as U } from "./usePossibleValues-DBLA1Uo3.js";
+import { u as U } from "./usePossibleValues-BW08TF4d.js";
 import { C as L } from "./close-W1x27NhZ.js";
-import { _ as B, C as H, r as K } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
+import { _ as B, D as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
 /* empty css                   */
-import { A as j } from "./arrow-dropdown-BHK4j8GT.js";
+import { A as K } from "./arrow-dropdown-BHK4j8GT.js";
+import { C as j } from "./Checkbox-j2BHg9c2.js";
 import { c as W } from "./createMissingItem-B00Kg95q.js";
 const g = () => {
   let e = document?.activeElement;
@@ -13,8 +14,8 @@ const g = () => {
 }, v = 1, G = 28.5, X = 8, q = {
   name: "Multiselect",
   components: {
-    Checkbox: H,
-    DropdownIcon: j
+    Checkbox: j,
+    DropdownIcon: K
   },
   props: {
     /**
@@ -299,7 +300,7 @@ const Z = /* @__PURE__ */ B(q, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]
   name: "ComboBox",
   components: {
     Multiselect: Z,
-    FunctionButton: K,
+    FunctionButton: H,
     CloseIcon: L
   },
   props: {
@@ -609,7 +610,7 @@ const ie = /* @__PURE__ */ B(_, [["render", le], ["__scopeId", "data-v-b2800209"
       "onUpdate:modelValue": d[0] || (d[0] = (s) => e.changeValue(s))
     }, null, 8, ["id", "allow-new-values", "aria-label", "disabled", "possible-values", "model-value", "is-valid"]));
   }
-}), fe = /* @__PURE__ */ B(ne, [["__scopeId", "data-v-cb6aa225"]]);
+}), be = /* @__PURE__ */ B(ne, [["__scopeId", "data-v-cb6aa225"]]);
 export {
-  fe as default
+  be as default
 };

package/dist/{DateControl-Bk9PHLT-.js → DateControl-CLtzEb3q.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as i, createBlock as r, openBlock as u, unref as m } from "vue";
-import { t as s, f as c, D as p } from "./localTimeUtils-BdNsJ0Hu.js";
+import { t as s, f as c, D as p } from "./localTimeUtils-BApYySBH.js";
 const b = /* @__PURE__ */ d({
   __name: "DateControl",
   props: {

package/dist/{DateTimeControl-BvQsaCsy.js → DateTimeControl-CAyZLa9P.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, computed as a, createBlock as r, openBlock as p, unref as v } from "vue";
-import { t as i, f as h, D as f } from "./localTimeUtils-BdNsJ0Hu.js";
+import { t as i, f as h, D as f } from "./localTimeUtils-BApYySBH.js";
 const T = /* @__PURE__ */ c({
   __name: "DateTimeControl",
   props: {

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

@@ -1,10 +1,10 @@
 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 { o as ne } from "./index-CZ-Na6c0.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";
+import { L as ve } from "./LoadingIcon-BiopmPdv.js";
+import { V as $ } from "./ValueSwitch-o7yLk5E_.js";
+import { _ as U } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
 const fe = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",

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

@@ -1,6 +1,6 @@
 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";
+import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
+import { D as v } from "./DateTimeFormatInput-nxyilTQe.js";
 const b = /* @__PURE__ */ c({
   __name: "DateTimeFormatPickerControl",
   props: {

package/dist/{DateTimeFormatPickerWithTypeControl-0_zbbVu1.js → DateTimeFormatPickerWithTypeControl-BzujiRnu.js}

@@ -1,7 +1,7 @@
 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";
+import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
+import { V as h } from "./ValueSwitch-o7yLk5E_.js";
+import { D as y } from "./DateTimeFormatInput-nxyilTQe.js";
 const D = ["id"], w = /* @__PURE__ */ v({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {

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

@@ -1,15 +1,15 @@
-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 { defineComponent as j, 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 D, toDisplayString as O, 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, a as R, i as N, b as S, w as ne, c as ie, d as oe } from "./index-CZ-Na6c0.js";
 import { A as le } from "./arrow-dropdown-BHK4j8GT.js";
-import { C as re } from "./close-W1x27NhZ.js";
+import { C as ae } from "./close-W1x27NhZ.js";
 /* empty css                   */
-import { u as ae } from "./useSearch-hpyYQ_6y.js";
-import { r as de, O as ue, _ as ce } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
+import { u as re } from "./useSearch-hpyYQ_6y.js";
+import { D as de, G as ue, _ as ce } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.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-BLNrS850.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-RjhNpvAW.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) {
+function De(e) {
   if (e == null)
     return !0;
   if (pe(e) && (Ve(e) || typeof e == "string" || typeof e.splice == "function" || fe(e) || me(e) || ge(e)))
@@ -24,17 +24,17 @@ function Oe(e) {
       return !1;
   return !0;
 }
-const De = /* @__PURE__ */ G({
+const Oe = /* @__PURE__ */ j({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: s }) {
-    const a = I();
-    return te(a, (i) => {
+    const r = I();
+    return te(r, (i) => {
       s("trigger", i);
     }, e.options), () => {
       if (t.default)
-        return z(e.as || "div", { ref: a }, t.default());
+        return z(e.as || "div", { ref: r }, t.default());
     };
   }
 }), Se = oe ? window : void 0;
@@ -46,28 +46,28 @@ function ke(e) {
 function Te(...e) {
   const t = [], s = () => {
     t.forEach((o) => o()), t.length = 0;
-  }, a = (o, l, r, u) => (o.addEventListener(l, r, u), () => o.removeEventListener(l, r, u)), i = B(() => {
+  }, r = (o, l, a, u) => (o.addEventListener(l, a, u), () => o.removeEventListener(l, a, u)), i = B(() => {
     const o = S(f(e[0])).filter((l) => l != null);
     return o.every((l) => typeof l != "string") ? o : void 0;
   }), n = ne(
     () => {
       var o, l;
       return [
-        (l = (o = i.value) == null ? void 0 : o.map((r) => ke(r))) != null ? l : [Se].filter((r) => r != null),
+        (l = (o = i.value) == null ? void 0 : o.map((a) => ke(a))) != null ? l : [Se].filter((a) => a != null),
         S(f(i.value ? e[1] : e[0])),
         S(U(i.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
         f(i.value ? e[3] : e[2])
       ];
     },
-    ([o, l, r, u]) => {
-      if (s(), !o?.length || !l?.length || !r?.length)
+    ([o, l, a, u]) => {
+      if (s(), !o?.length || !l?.length || !a?.length)
         return;
       const b = ie(u) ? { ...u } : u;
       t.push(
         ...o.flatMap(
           (d) => l.flatMap(
-            (g) => r.map((j) => a(d, g, j, b))
+            (g) => a.map((G) => r(d, g, G, b))
           )
         )
       );
@@ -97,22 +97,22 @@ function Ie(e) {
 const T = /* @__PURE__ */ new WeakMap();
 function _e(e, t = !1) {
   const s = I(t);
-  let a = null, i = "";
+  let r = null, i = "";
   _(se(e), (o) => {
     const l = k(f(o));
     if (l) {
-      const r = l;
-      if (T.get(r) || T.set(r, r.style.overflow), r.style.overflow !== "hidden" && (i = r.style.overflow), r.style.overflow === "hidden")
+      const a = l;
+      if (T.get(a) || T.set(a, a.style.overflow), a.style.overflow !== "hidden" && (i = a.style.overflow), a.style.overflow === "hidden")
         return s.value = !0;
       if (s.value)
-        return r.style.overflow = "hidden";
+        return a.style.overflow = "hidden";
     }
   }, {
     immediate: !0
   });
   const n = () => {
     const o = k(f(e));
-    !o || s.value || (N && (a = Te(
+    !o || s.value || (N && (r = Te(
       o,
       "touchmove",
       (l) => {
@@ -122,7 +122,7 @@ function _e(e, t = !1) {
     )), o.style.overflow = "hidden", s.value = !0);
   }, p = () => {
     const o = k(f(e));
-    !o || !s.value || (N && a?.(), o.style.overflow = i, T.delete(o), s.value = !1);
+    !o || !s.value || (N && r?.(), o.style.overflow = i, T.delete(o), s.value = !1);
   };
   return R(p), B({
     get() {
@@ -136,11 +136,11 @@ function _e(e, t = !1) {
 function Be() {
   let e = !1;
   const t = I(!1);
-  return (s, a) => {
-    if (t.value = a.value, e)
+  return (s, r) => {
+    if (t.value = r.value, e)
       return;
     e = !0;
-    const i = _e(s, a.value);
+    const i = _e(s, r.value);
     _(t, (n) => i.value = n);
   };
 }
@@ -149,9 +149,9 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
   name: "Dropdown",
   components: {
     DropdownIcon: le,
-    OnClickOutside: De,
+    OnClickOutside: Oe,
     FunctionButton: de,
-    CloseIcon: re
+    CloseIcon: ae
   },
   props: {
     id: {
@@ -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 } = q(e), a = M(!1), i = B(() => {
+    const { caseSensitiveSearch: t, possibleValues: s } = q(e), r = M(!1), i = B(() => {
       const o = {};
       for (const l of s.value)
         o[l.id] = l.text;
@@ -242,15 +242,15 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
         n.value = i.value[o];
       }
     );
-    const p = ae(
+    const p = re(
       n,
       t,
       s,
-      a
+      r
     );
     return {
       searchValue: n,
-      useFilterValues: a,
+      useFilterValues: r,
       currentPossibleValues: p
     };
   },
@@ -308,7 +308,7 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
     },
     hasOptionTemplate() {
       return this.possibleValues.length === 0 ? !1 : this.possibleValues.every(
-        (e) => e.slotData && !Oe(e.slotData)
+        (e) => e.slotData && !De(e.slotData)
       );
     },
     selectedOption() {
@@ -370,8 +370,8 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
           );
           return;
         }
-        const a = t.clientHeight + t.scrollTop, i = s.offsetTop + s.offsetHeight;
-        i > a ? t.scrollTop = i - t.clientHeight : s.offsetTop < t.scrollTop && (t.scrollTop = s.offsetTop);
+        const r = t.clientHeight + t.scrollTop, i = s.offsetTop + s.offsetHeight;
+        i > r ? t.scrollTop = i - t.clientHeight : s.offsetTop < t.scrollTop && (t.scrollTop = s.offsetTop);
       }
     },
     onArrowDown() {
@@ -448,10 +448,10 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
 }, We = ["aria-activedescendant"], Ye = {
   key: 0,
   class: "empty-state"
-}, je = ["id", "title", "aria-selected", "onMouseenter", "onClick"], Ge = ["id", "name", "value"];
-function ze(e, t, s, a, i, n) {
-  const p = x("CloseIcon"), o = x("FunctionButton"), l = x("DropdownIcon"), r = x("OnClickOutside");
-  return c(), E(r, { onTrigger: n.closeDropdown }, {
+}, Ge = ["id", "title", "aria-selected", "onMouseenter", "onClick"], je = ["id", "name", "value"];
+function ze(e, t, s, r, i, n) {
+  const p = x("CloseIcon"), o = x("FunctionButton"), l = x("DropdownIcon"), a = x("OnClickOutside");
+  return c(), E(a, { onTrigger: n.closeDropdown }, {
     default: C(() => [
       m("div", {
         id: s.id,
@@ -491,7 +491,7 @@ function ze(e, t, s, a, i, n) {
           i.isExpanded ? (c(), h("input", {
             key: 0,
             ref: "searchInput",
-            value: a.searchValue,
+            value: r.searchValue,
             tabindex: "0",
             role: "searchbox",
             class: "search-input",
@@ -500,7 +500,7 @@ function ze(e, t, s, a, i, n) {
             }, ["stop"])),
             onInput: t[1] || (t[1] = (u) => n.handleSearch(u.target.value))
           }, null, 40, Ae)) : n.hasOptionTemplate ? (c(), h("div", Le, [
-            O(e.$slots, "option", {
+            D(e.$slots, "option", {
               slotData: n.selectedOption?.slotData,
               isMissing: n.isMissing,
               selectedValue: s.modelValue,
@@ -509,10 +509,10 @@ function ze(e, t, s, a, i, n) {
           ])) : (c(), h("span", {
             key: 2,
             ref: "span"
-          }, D(n.displayText), 513)),
+          }, O(n.displayText), 513)),
           m("div", He, [
             n.hasRightIcon ? (c(), h("div", Fe, [
-              O(e.$slots, "icon-right")
+              D(e.$slots, "icon-right")
             ])) : V("", !0),
             i.isExpanded && n.nonEmptySearchValue ? (c(), E(o, {
               key: 1,
@@ -555,7 +555,7 @@ function ze(e, t, s, a, i, n) {
           "aria-activedescendant": i.isExpanded ? n.generateId("option", n.getCurrentSelectedId()) : void 0,
           class: y({ "drops-upwards": s.direction === "up" })
         }, [
-          n.hasNoFilteredPossibleValues ? (c(), h("div", Ye, D(i.emptyState), 1)) : V("", !0),
+          n.hasNoFilteredPossibleValues ? (c(), h("div", Ye, O(i.emptyState), 1)) : V("", !0),
           (c(!0), h(w, null, K(n.orderedGroupedValues, (u, b) => (c(), h(w, { key: b }, [
             t[5] || (t[5] = m("span", { class: "group-divider" }, null, -1)),
             (c(!0), h(w, null, K(u.items, (d) => (c(), h("li", {
@@ -576,14 +576,14 @@ function ze(e, t, s, a, i, n) {
               onMouseenter: (g) => n.updateCandidate(d.id),
               onClick: (g) => n.emitAndClose(d.id)
             }, [
-              n.hasOptionTemplate ? O(e.$slots, "option", {
+              n.hasOptionTemplate ? D(e.$slots, "option", {
                 key: 0,
                 slotData: d.slotData,
                 expanded: !0
               }) : (c(), h(w, { key: 1 }, [
-                $(D(d.text), 1)
+                $(O(d.text), 1)
               ], 64))
-            ], 42, je))), 128))
+            ], 42, Ge))), 128))
           ], 64))), 128))
         ], 10, We), [
           [ee, i.isExpanded]
@@ -593,7 +593,7 @@ function ze(e, t, s, a, i, n) {
           type: "hidden",
           name: s.name,
           value: s.modelValue
-        }, null, 8, Ge)
+        }, null, 8, je)
       ], 10, Ne)
     ]),
     _: 3

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

@@ -1,6 +1,6 @@
 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";
+import { u as s } from "./usePossibleValues-BW08TF4d.js";
+import { L as c } from "./LoadingDropdown-hIKRVdsJ.js";
 const V = /* @__PURE__ */ l({
   __name: "DropdownControl",
   props: {

package/dist/{HorizontalLayout-BsUFm6j-.js → HorizontalLayout-Uv7eOyiw.js}

@@ -1,5 +1,5 @@
 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";
+import { N as m, _ as i } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
 const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
   __name: "HorizontalLayout",
   props: {

package/dist/{InputField-C1PEeYhh.js → InputField-7vUzz3gU.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-DlmsI7j4.js";
+import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
 const c = {
   name: "InputField",
   props: {

package/dist/{IntegerControl-DNiIv2pP.js → IntegerControl-PouaLhEd.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-BN8arFXD.js";
+import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-CHK6QigD.js";
 const s = /* @__PURE__ */ o({
   __name: "IntegerControl",
   props: {