@knime/jsonforms 1.17.4 → 1.18.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @knime/json-forms
 
+## 1.18.0
+
+### Minor Changes
+
+- 77b86ef: Add FieldControl to delegate to nested renderers
+
+## 1.17.5
+
+### Patch Changes
+
+- 2a0ae87: Fix invalid nested `:deep()` CSS selectors that were not being processed correctly by Vue's style compiler. This change ensures that the CSS output of `@knime/jsonforms` does not include invalid `:deep` selectors left unprocessed.
+- Updated dependencies [2a0ae87]
+  - @knime/components@1.45.2
+  - @knime/rich-text-editor@1.8.8
+
 ## 1.17.4
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-Z2gMWvCq.js → AnyOfTwinlist-DNsHUZei.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-D25Erjdy.js";
+import { T as i } from "./TwinlistControlBase-Da7Vi8Ne.js";
 const y = /* @__PURE__ */ s({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{Button-DLGkW0t3.js → Button-BICIAXt_.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 { B as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { B as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const c = o({
   name: "Button",
   components: {

package/dist/{Checkbox-BO_fczWr.js → Checkbox-CWL8weTr.js}

@@ -1,5 +1,5 @@
 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-Cna8AUH7.js";
+import { _ as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const r = {
   name: "Checkbox",
   props: {

package/dist/{CheckboxControl-Iw_1zPGi.js → CheckboxControl-bjaWoB4c.js}

@@ -1,5 +1,5 @@
 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 { a2 as b, _ as m } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { a2 as b, _ as m } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const p = { class: "checkbox-container" }, f = /* @__PURE__ */ s({
   __name: "CheckboxControl",
   props: {

package/dist/{Checkboxes-D_DDXFwL.js → Checkboxes-D3XPQc69.js}

@@ -1,6 +1,6 @@
-import { C as c } from "./Checkbox-BO_fczWr.js";
+import { C as c } from "./Checkbox-CWL8weTr.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-Cna8AUH7.js";
+import { _ as k } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const _ = {
   name: "Checkboxes",
   components: {

package/dist/{CheckboxesControl-DFaod8Ln.js → CheckboxesControl-BxTmNLjK.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-C-Bvgqn_.js";
-import { C as v } from "./Checkboxes-D_DDXFwL.js";
-import { _ as V } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { u as h } from "./usePossibleValues-CYraIICE.js";
+import { C as v } from "./Checkboxes-D3XPQc69.js";
+import { _ as V } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const y = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

package/dist/{ComboBoxControl-sboWDu7J.js → ComboBoxControl-DIucqZ5g.js}

@@ -1,10 +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-C-Bvgqn_.js";
+import { u as U } from "./usePossibleValues-CYraIICE.js";
 import { C as L } from "./close-W1x27NhZ.js";
-import { _ as B, D as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { _ as B, G as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 /* empty css                   */
 import { A as K } from "./arrow-dropdown-BHK4j8GT.js";
-import { C as j } from "./Checkbox-BO_fczWr.js";
+import { C as j } from "./Checkbox-CWL8weTr.js";
 import { c as W } from "./createMissingItem-B00Kg95q.js";
 const g = () => {
   let e = document?.activeElement;

package/dist/{DateControl-Dy_7nzgh.js → DateControl-BNeGXflU.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-B0NArLJ2.js";
+import { t as s, f as c, D as p } from "./localTimeUtils-DYizf_Fj.js";
 const b = /* @__PURE__ */ d({
   __name: "DateControl",
   props: {

package/dist/{DateTimeControl-BuVbw4xP.js → DateTimeControl-CcsnEIq0.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-B0NArLJ2.js";
+import { t as i, f as h, D as f } from "./localTimeUtils-DYizf_Fj.js";
 const T = /* @__PURE__ */ c({
   __name: "DateTimeControl",
   props: {

package/dist/{DateTimeFormatInput-DgqG6FHK.js → DateTimeFormatInput-CW04StCG.js}

@@ -2,9 +2,9 @@ import { createElementBlock as y, openBlock as m, createElementVNode as p, defin
 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-DubOmyQ6.js";
-import { V as $ } from "./ValueSwitch-7Udh2n-Y.js";
-import { _ as U } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { L as ve } from "./LoadingIcon-DVB5Htes.js";
+import { V as $ } from "./ValueSwitch-CAxte3Dc.js";
+import { _ as U } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const fe = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",

package/dist/{DateTimeFormatPickerControl-BeVNQD7l.js → DateTimeFormatPickerControl-DGKFzxb_.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_2310b6b8_lang-Cna8AUH7.js";
-import { D as v } from "./DateTimeFormatInput-DgqG6FHK.js";
+import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
+import { D as v } from "./DateTimeFormatInput-CW04StCG.js";
 const b = /* @__PURE__ */ c({
   __name: "DateTimeFormatPickerControl",
   props: {

package/dist/{DateTimeFormatPickerWithTypeControl-O-9jMcuv.js → DateTimeFormatPickerWithTypeControl-85204whr.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_2310b6b8_lang-Cna8AUH7.js";
-import { V as h } from "./ValueSwitch-7Udh2n-Y.js";
-import { D as y } from "./DateTimeFormatInput-DgqG6FHK.js";
+import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
+import { V as h } from "./ValueSwitch-CAxte3Dc.js";
+import { D as y } from "./DateTimeFormatInput-CW04StCG.js";
 const D = ["id"], w = /* @__PURE__ */ v({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {

package/dist/{Dropdown-B9VczAJN.js → Dropdown-CIypkp0O.js}

@@ -4,9 +4,9 @@ import { A as ae } from "./arrow-dropdown-BHK4j8GT.js";
 import { C as oe } from "./close-W1x27NhZ.js";
 /* empty css                   */
 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-Cna8AUH7.js";
+import { G as de, H as ue, _ as ce } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 import { i as he } from "./hotkeys-rxnt4egK.js";
-import { d as fe, a as pe, b as me, i as ge, e as ye, h as Ve, c as xe } from "./_getTag-DTVCLmzR.js";
+import { d as fe, a as pe, b as me, i as ge, e as ye, h as Ve, c as xe } from "./_getTag-DuCXbcgW.js";
 import { i as ve } from "./isArray-WzO_os3q.js";
 var we = "[object Map]", be = "[object Set]", Ee = Object.prototype, Se = Ee.hasOwnProperty;
 function Ce(e) {
@@ -145,7 +145,7 @@ function Be() {
   };
 }
 Be();
-const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y = "Enter", Ne = [L, H, F, W, Y], Pe = {
+const H = "ArrowDown", L = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y = "Enter", Ne = [H, L, F, W, Y], Pe = {
   name: "Dropdown",
   components: {
     DropdownIcon: ae,
@@ -430,7 +430,7 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
       this.isExpanded ? this.handleKeyDownOnExpanded(e) : he(e, Ne) && (this.expand(), e.preventDefault());
     },
     handleKeyDownOnExpanded(e) {
-      e.key === L && (this.onArrowDown(), e.preventDefault()), e.key === H && (this.onArrowUp(), e.preventDefault()), e.key === W && (this.onEndKey(), e.preventDefault()), e.key === F && (this.onHomeKey(), e.preventDefault()), e.key === Me && (this.collapse(), e.preventDefault(), e.stopPropagation()), e.key === Y && (this.onEnter(), e.preventDefault());
+      e.key === H && (this.onArrowDown(), e.preventDefault()), e.key === L && (this.onArrowUp(), e.preventDefault()), e.key === W && (this.onEndKey(), e.preventDefault()), e.key === F && (this.onHomeKey(), e.preventDefault()), e.key === Me && (this.collapse(), e.preventDefault(), e.stopPropagation()), e.key === Y && (this.onEnter(), e.preventDefault());
     },
     hasSelection() {
       return !!(this.modelValue && !this.isMissing);
@@ -458,7 +458,7 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
       this.searchValue = "", this.getSearchInput().focus();
     }
   }
-}, Ke = ["id"], Re = ["id", "aria-label", "aria-labelledby", "aria-expanded"], Ae = ["value"], Le = { key: 1 }, He = { class: "right" }, Fe = {
+}, Ke = ["id"], Re = ["id", "aria-label", "aria-labelledby", "aria-expanded"], Ae = ["value"], He = { key: 1 }, Le = { class: "right" }, Fe = {
   key: 0,
   class: "loading-icon"
 }, We = ["aria-activedescendant"], Ye = {
@@ -515,7 +515,7 @@ function ze(e, t, s, n, r, i) {
             onClick: t[0] || (t[0] = x(() => {
             }, ["stop"])),
             onInput: t[1] || (t[1] = (u) => i.handleSearch(u.target.value))
-          }, null, 40, Ae)) : i.hasOptionTemplate ? (c(), h("div", Le, [
+          }, null, 40, Ae)) : i.hasOptionTemplate ? (c(), h("div", He, [
             O(e.$slots, "option", {
               slotData: i.selectedOption?.slotData,
               isMissing: i.isMissing,
@@ -526,7 +526,7 @@ function ze(e, t, s, n, r, i) {
             key: 2,
             ref: "span"
           }, D(i.displayText), 513)),
-          m("div", He, [
+          m("div", Le, [
             i.hasRightIcon ? (c(), h("div", Fe, [
               O(e.$slots, "icon-right")
             ])) : v("", !0),

package/dist/{DropdownControl-CKbaP_0r.js → DropdownControl-4AhoNiKk.js}

@@ -1,7 +1,7 @@
 import { defineComponent as s, toRef as c, computed as n, createBlock as d, openBlock as t, unref as i } from "vue";
-import { u as m } from "./usePossibleValues-C-Bvgqn_.js";
-import { L as r } from "./LoadingDropdown-DJg2GcAu.js";
-import { I as b } from "./InputField-BqBVPqIo.js";
+import { u as m } from "./usePossibleValues-CYraIICE.js";
+import { L as r } from "./LoadingDropdown--cwIsJdm.js";
+import { I as b } from "./InputField-DdqH6dhw.js";
 const p = /* @__PURE__ */ s({
   __name: "DropdownControl",
   props: {

package/dist/{HorizontalLayout-D_Jqa5GD.js → HorizontalLayout-DaqXoro5.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 { N as m, _ as i } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { a as m, _ as i } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
   __name: "HorizontalLayout",
   props: {

package/dist/{InputField-BqBVPqIo.js → InputField-DdqH6dhw.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_2310b6b8_lang-Cna8AUH7.js";
+import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const c = {
   name: "InputField",
   props: {
@@ -142,7 +142,7 @@ function g(e, t, n, v, I, l) {
     t[5] || (t[5] = o("span", { class: "invalid-marker" }, null, -1))
   ], 2);
 }
-const w = /* @__PURE__ */ p(c, [["render", g], ["__scopeId", "data-v-41b10539"]]);
+const w = /* @__PURE__ */ p(c, [["render", g], ["__scopeId", "data-v-e4e1a696"]]);
 export {
   w as I
 };

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

package/dist/{IntervalControl-CNItXwEp.js → IntervalControl-D8TeFfuS.js}

@@ -1,9 +1,9 @@
-import { createElementBlock as E, openBlock as m, renderSlot as Te, createCommentVNode as B, toDisplayString as O, createElementVNode as v, defineComponent as F, mergeModels as G, useModel as k, computed as R, Fragment as N, withDirectives as $, createBlock as J, createVNode as h, vShow as b, renderList as K, unref as c, withCtx as X, createTextVNode as he, ref as T, watch as W, normalizeClass as xe, withKeys as De, vModelText as ye, normalizeStyle as _e } from "vue";
-import { _ as H, D as Me, u as Pe } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { createElementBlock as E, openBlock as m, renderSlot as Te, createCommentVNode as B, toDisplayString as O, createElementVNode as v, defineComponent as F, mergeModels as G, useModel as k, computed as R, Fragment as N, withDirectives as $, createBlock as J, createVNode as h, vShow as b, renderList as K, unref as c, withCtx as X, createTextVNode as he, ref as T, watch as W, normalizeClass as xe, withKeys as ye, vModelText as De, normalizeStyle as _e } from "vue";
+import { _ as H, G as Me, u as Pe } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 import { o as $e, e as Re } from "./index-CZ-Na6c0.js";
 import { u as Ae, a as we, s as be, f as Ne, o as Ve } from "./floating-ui.vue-Fx4CxKut.js";
-import { N as q } from "./NumberInput-12yTCVfE.js";
-import { V as z } from "./ValueSwitch-7Udh2n-Y.js";
+import { N as q } from "./NumberInput-DlvskoRZ.js";
+import { V as z } from "./ValueSwitch-CAxte3Dc.js";
 const Se = {
   name: "Tooltip",
   props: {
@@ -102,7 +102,7 @@ const ke = /* @__PURE__ */ H(Se, [["render", Ge], ["__scopeId", "data-v-64e1cb84
   } catch {
     return { valid: !1 };
   }
-}, D = (e) => {
+}, y = (e) => {
   if (e = e?.trim(), ["", "P", "PT", "-", "-P", "-PT"].includes(e))
     throw new Error("Empty ISO duration");
   const t = /^-?P(?:(\d+)Y)?(?:(\d+)M)?(?:(\d+)W)?(?:(\d+)D)?$/, a = /^-?PT(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)(?:[,.](\d{1,3}))?S)?$/, n = t.exec(e), i = a.exec(e);
@@ -125,7 +125,7 @@ const ke = /* @__PURE__ */ H(Se, [["render", Ge], ["__scopeId", "data-v-64e1cb84
   throw new Error(`Invalid ISO duration: ${e}`);
 }, ve = (e, t) => {
   try {
-    const a = D(e), n = a.type, i = a.interval.negative;
+    const a = y(e), n = a.type, i = a.interval.negative;
     if (n === t || t === "DATE_OR_TIME")
       return {
         valid: !0,
@@ -141,7 +141,7 @@ const ke = /* @__PURE__ */ H(Se, [["render", Ge], ["__scopeId", "data-v-64e1cb84
     "DATE_OR_TIME"
   );
   if (t.valid)
-    return D(e);
+    return y(e);
   if (a.valid)
     return ue(e);
   throw new Error(`Invalid interval string: ${e}`);
@@ -230,7 +230,7 @@ const qe = { render: We }, Y = [
       set(p) {
         r.value.periodPart.negative = p === "DESCENDING", r.value.durationPart.negative = p === "DESCENDING";
       }
-    }), y = () => {
+    }), D = () => {
       a(
         "commit",
         i.value,
@@ -309,7 +309,7 @@ const qe = { render: We }, Y = [
             h(Me, {
               primary: "",
               disabled: !d.value.valid,
-              onClick: y
+              onClick: D
             }, {
               default: X(() => [...u[3] || (u[3] = [
                 he(" Set ", -1)
@@ -354,7 +354,7 @@ const qe = { render: We }, Y = [
       })()
     ), i = R(() => n.value === "DATE" ? "ISO-8601, whole words (1 year), single letters (1y)" : "ISO-8601, whole words (1 hour), single letters (1h)"), r = T(
       (() => {
-        const o = D(
+        const o = y(
           a.value
         );
         return w(o, {
@@ -376,7 +376,7 @@ const qe = { render: We }, Y = [
       })()
     ), d = T(
       P(
-        D(a.value)
+        y(a.value)
       )
     ), I = R(() => {
       const o = S(
@@ -384,7 +384,7 @@ const qe = { render: We }, Y = [
         "DATE_OR_TIME"
       );
       return o.valid && (t.allowDescending || !o.negative) && (o.type === n.value || t.format === "DATE_OR_TIME");
-    }), y = T(null), p = T(null), u = T(null), l = (o, s) => {
+    }), D = T(null), p = T(null), u = T(null), l = (o, s) => {
       const f = j(
         o,
         s
@@ -392,7 +392,7 @@ const qe = { render: We }, Y = [
       d.value = P(f), a.value = V(f), n.value = s, r.value = o;
     }, g = () => {
       r.value = w(
-        D(a.value),
+        y(a.value),
         r.value
       );
     }, _ = (o) => {
@@ -410,7 +410,7 @@ const qe = { render: We }, Y = [
         r.value
       ), a.value = V(f), n.value = s.type, d.value = P(f);
     }, me = (o) => {
-      const s = D(o);
+      const s = y(o);
       d.value = P(s), r.value = w(
         s,
         r.value
@@ -433,10 +433,10 @@ const qe = { render: We }, Y = [
         s.usedFormat
       ) : g(), M.value = !1;
     };
-    $e(y, () => A(!1), {
+    $e(D, () => A(!1), {
       ignore: [p]
     }), Re("Escape", () => A(!1));
-    const { floatingStyles: Ee, update: ge } = Ae(p, y, {
+    const { floatingStyles: Ee, update: ge } = Ae(p, D, {
       middleware: [
         be(),
         // move left/right to keep it on screen
@@ -471,9 +471,9 @@ const qe = { render: We }, Y = [
             spellcheck: "false",
             onFocus: s[1] || (s[1] = (f) => M.value = !1),
             onFocusout: s[2] || (s[2] = () => U(d.value)),
-            onKeypress: s[3] || (s[3] = De(() => U(d.value), ["enter"]))
+            onKeypress: s[3] || (s[3] = ye(() => U(d.value), ["enter"]))
           }, null, 40, at), [
-            [ye, d.value]
+            [De, d.value]
           ]),
           I.value ? B("", !0) : (m(), E("span", nt)),
           v("button", {
@@ -491,7 +491,7 @@ const qe = { render: We }, Y = [
       ], 2),
       $(v("div", {
         ref_key: "durationInputPopoverRef",
-        ref: y,
+        ref: D,
         class: "control-popup",
         style: _e(c(Ee))
       }, [

package/dist/{LoadingDropdown-DJg2GcAu.js → LoadingDropdown--cwIsJdm.js}

@@ -1,7 +1,7 @@
 import { defineComponent as k, computed as s, createBlock as r, openBlock as o, unref as n, mergeProps as I, withCtx as y, createCommentVNode as b, createElementBlock as p, normalizeClass as N, Fragment as i, createVNode as L, createElementVNode as V, toDisplayString as d, createTextVNode as T } from "vue";
-import { K as f, _ as w } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
-import { D as B } from "./Dropdown-B9VczAJN.js";
-import { L as C } from "./LoadingIcon-DubOmyQ6.js";
+import { K as f, _ as w } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
+import { D as B } from "./Dropdown-CIypkp0O.js";
+import { L as C } from "./LoadingIcon-DVB5Htes.js";
 const D = /* @__PURE__ */ k({
   __name: "LoadingDropdown",
   props: {

package/dist/{LoadingIcon-DubOmyQ6.js → LoadingIcon-DVB5Htes.js}

@@ -1,6 +1,6 @@
 import { h as r, defineComponent as c, createBlock as s, openBlock as i, unref as a } from "vue";
 import { R as d } from "./reload-eCPBqeDa.js";
-import { _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const p = (t, o) => ({
   render() {
     const e = t.render({}, []), n = r("title", o);

package/dist/{ManualTwinlistControl-DD3Slr4X.js → ManualTwinlistControl-BRitiAxR.js}

@@ -1,9 +1,9 @@
 import { defineComponent as C, toRef as c, computed as a, markRaw as I, createBlock as k, openBlock as F, unref as r, mergeProps as x } from "vue";
 import { m as T } from "./index-Blg1O3Fz.js";
-import { u as L, a as U } from "./usePossibleValues-C-Bvgqn_.js";
-import { T as z, a as M } from "./TwinlistLoadingInfo-J5ga_0Gd.js";
-import { u as B } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_c2a3d1cb_lang-DpoIbu6Y.js";
-import { _ as D } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { u as L, a as U } from "./usePossibleValues-CYraIICE.js";
+import { T as z, a as M } from "./TwinlistLoadingInfo-BvCXnExs.js";
+import { u as B } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-L5I6qYVS.js";
+import { _ as D } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const _ = /* @__PURE__ */ C({
   __name: "ManualTwinlistControl",
   props: {
@@ -43,14 +43,14 @@ const _ = /* @__PURE__ */ C({
       )
     });
     o = p;
-    const b = a(() => {
+    const f = a(() => {
       const { selected: e, deselected: l } = u.value;
       return {
         includedValues: e,
         excludedValues: l,
         includeUnknownValues: n.control.data.includeUnknownColumns
       };
-    }), f = a(
+    }), b = a(
       () => u.value.selected === null ? I(z) : null
     ), { excludedLabel: w, includedLabel: V } = U(
       c(n, "control")
@@ -61,8 +61,8 @@ const _ = /* @__PURE__ */ C({
       id: t.labelForId,
       "show-search": "",
       disabled: t.disabled,
-      "empty-state-component": f.value,
-      "model-value": b.value,
+      "empty-state-component": b.value,
+      "model-value": f.value,
       "possible-values": r(i) ?? [],
       size: g.value,
       "left-label": h.value,
@@ -73,7 +73,7 @@ const _ = /* @__PURE__ */ C({
       "onUpdate:modelValue": m
     }), null, 16, ["id", "disabled", "empty-state-component", "model-value", "possible-values", "size", "left-label", "right-label", "is-valid"]));
   }
-}), $ = /* @__PURE__ */ D(_, [["__scopeId", "data-v-3a892220"]]);
+}), $ = /* @__PURE__ */ D(_, [["__scopeId", "data-v-91dc5cff"]]);
 export {
   $ as default
 };

package/dist/{MultiSelectListBoxControl-akTmq4K4.js → MultiSelectListBoxControl-CN3QiEdL.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, toRef as i, createBlock as n, openBlock as s, unref as l } from "vue";
-import { u as d } from "./usePossibleValues-C-Bvgqn_.js";
-import { M as u } from "./MultiselectListBox-CPBGr5L7.js";
+import { u as d } from "./usePossibleValues-CYraIICE.js";
+import { M as u } from "./MultiselectListBox-CQ3iTrKc.js";
 const f = /* @__PURE__ */ t({
   __name: "MultiSelectListBoxControl",
   props: {

package/dist/{MultimodeTwinlistControl-B3zBMENm.js → MultimodeTwinlistControl-O0R4oOLS.js}

@@ -1,12 +1,12 @@
 import { createElementBlock as _, openBlock as b, createElementVNode as g, toRef as x, resolveComponent as y, normalizeClass as z, createBlock as T, createCommentVNode as P, createVNode as h, withCtx as c, renderSlot as L, normalizeProps as M, guardReactiveProps as F, mergeProps as D, defineComponent as J, ref as Q, computed as p, markRaw as X, unref as w, createSlots as Y, toDisplayString as U } from "vue";
-import { M as Z, _ as R, K as k } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { N as Z, _ as R, K as k } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 import { m as $ } from "./index-Blg1O3Fz.js";
-import { u as ee, a as te } from "./usePossibleValues-C-Bvgqn_.js";
-import { a as ae, S as le, u as ne, T as se } from "./TwinlistLoadingInfo-J5ga_0Gd.js";
-import { u as ie } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_c2a3d1cb_lang-DpoIbu6Y.js";
+import { u as ee, a as te } from "./usePossibleValues-CYraIICE.js";
+import { a as ae, S as le, u as ne, T as se } from "./TwinlistLoadingInfo-BvCXnExs.js";
+import { u as ie } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-L5I6qYVS.js";
 import { f as B } from "./useSearch-hpyYQ_6y.js";
-import { C as oe } from "./Checkboxes-D_DDXFwL.js";
-import { V as de } from "./ValueSwitch-7Udh2n-Y.js";
+import { C as oe } from "./Checkboxes-D3XPQc69.js";
+import { V as de } from "./ValueSwitch-CAxte3Dc.js";
 const re = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -413,14 +413,14 @@ const ye = /* @__PURE__ */ R(pe, [["render", he], ["__scopeId", "data-v-a4487686
       } : a;
     }), E = p(
       () => I.value.selected === null ? X(se) : null
-    ), O = (a) => typeof a > "u" ? {} : a.reduce(
+    ), N = (a) => typeof a > "u" ? {} : a.reduce(
       (o, { id: i, text: m }) => ({ ...o, [i]: m }),
       {}
-    ), j = () => {
+    ), O = () => {
       const a = l.control.data.typeFilter;
       if (!a)
         return [];
-      const o = a.selectedTypes, i = O(
+      const o = a.selectedTypes, i = N(
         a.typeDisplays
       );
       return o.map((m) => ({
@@ -428,8 +428,8 @@ const ye = /* @__PURE__ */ R(pe, [["render", he], ["__scopeId", "data-v-a4487686
         text: i[m] || m
       }));
     };
-    r.value = j();
-    const N = p(
+    r.value = O();
+    const j = p(
       () => !!v.value?.[0]?.hasOwnProperty("type")
     ), { excludedLabel: H, includedLabel: K } = te(
       x(l, "control")
@@ -463,7 +463,7 @@ const ye = /* @__PURE__ */ R(pe, [["render", he], ["__scopeId", "data-v-a4487686
       "onUpdate:inversePattern": V,
       "onUpdate:caseSensitivePattern": C
     }), Y({ _: 2 }, [
-      N.value ? {
+      j.value ? {
         name: "option",
         fn: c(({ slotItem: i }) => [
           g("div", {
@@ -493,7 +493,7 @@ const ye = /* @__PURE__ */ R(pe, [["render", he], ["__scopeId", "data-v-a4487686
       } : void 0
     ]), 1040, ["id", "disabled", "with-types", "selected-types", "additional-possible-types", "pattern", "mode", "case-sensitive-pattern", "empty-state-component", "inverse-pattern", "manual-selection", "include-unknown-values", "possible-values", "size", "left-label", "right-label", "is-valid"]));
   }
-}), Ie = /* @__PURE__ */ R(fe, [["__scopeId", "data-v-c2a3d1cb"]]);
+}), Ie = /* @__PURE__ */ R(fe, [["__scopeId", "data-v-0aa76d2b"]]);
 export {
   Ie as default
 };

package/dist/{MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_c2a3d1cb_lang-DpoIbu6Y.js → MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-L5I6qYVS.js}

@@ -1,7 +1,7 @@
 import { ref as v, watch as m } from "vue";
 import { g as S, a as g } from "./index-Blg1O3Fz.js";
-import "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
-import "./TwinlistLoadingInfo-J5ga_0Gd.js";
+import "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
+import "./TwinlistLoadingInfo-BvCXnExs.js";
 const w = ({
   knownValuesSide: s,
   possibleValueIds: l,

package/dist/{MultiselectListBox-CPBGr5L7.js → MultiselectListBox-CQ3iTrKc.js}

@@ -1,7 +1,7 @@
 import { toRef as x, watch as S, resolveComponent as p, createElementBlock as u, openBlock as h, normalizeStyle as y, normalizeClass as I, createElementVNode as m, createCommentVNode as g, mergeProps as C, withKeys as a, withModifiers as d, normalizeProps as v, guardReactiveProps as w, Fragment as V, renderList as k, createBlock as b, withCtx as D, renderSlot as H, resolveDynamicComponent as B, toDisplayString as K, createVNode as N } from "vue";
 import { u as L } from "./index-CZ-Na6c0.js";
-import { S as A } from "./StyledListItem-pSelVTsa.js";
-import { G as T, _ as O } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { S as A } from "./StyledListItem-nU28IyY6.js";
+import { H as T, _ as O } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const z = (e, t) => {
   let i, r = 0;
   return (...l) => {

package/dist/{NameFilter-Bz4d3xT8.js → NameFilter-ClMXE3-2.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, createBlock as o, openBlock as t, mergeProps as l } from "vue";
-import a from "./MultimodeTwinlistControl-B3zBMENm.js";
+import a from "./MultimodeTwinlistControl-O0R4oOLS.js";
 const u = /* @__PURE__ */ n({
   __name: "NameFilter",
   props: {

package/dist/{NumberControl-ChW-pvlh.js → NumberControl-DMpTZQhn.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-LWj-bpcy.js";
+import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-CDRKAuGz.js";
 const s = /* @__PURE__ */ o({
   __name: "NumberControl",
   props: {

package/dist/{NumberControlBase.vue_vue_type_script_setup_true_lang-LWj-bpcy.js → NumberControlBase.vue_vue_type_script_setup_true_lang-CDRKAuGz.js}

@@ -1,6 +1,6 @@
 import { defineComponent as N, computed as m, createBlock as V, openBlock as b, unref as x } from "vue";
-import { u as y } from "./useBuiltinValidations-BjpPp571.js";
-import { N as E } from "./NumberInput-12yTCVfE.js";
+import { u as y } from "./useBuiltinValidations-ClKpiL2R.js";
+import { N as E } from "./NumberInput-DlvskoRZ.js";
 const F = 1, h = 0.1, S = /* @__PURE__ */ N({
   __name: "NumberControlBase",
   props: {

package/dist/{NumberInput-12yTCVfE.js → NumberInput-DlvskoRZ.js}

@@ -1,7 +1,7 @@
 import { A as h } from "./arrow-dropdown-BHK4j8GT.js";
 /* empty css                   */
 import { resolveComponent as f, createElementBlock as d, openBlock as m, normalizeClass as r, createElementVNode as u, createCommentVNode as V, withModifiers as n, createVNode as p } from "vue";
-import { _ as c } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { _ as c } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const g = 200, v = 50, E = 0.1, I = 1, b = {
   name: "NumberInput",
   components: {

package/dist/{OneOfDropdown-j71_7vyI.js → OneOfDropdown-DVGE71fW.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, computed as i, createBlock as r, openBlock as p, unref as n } from "vue";
 import { o as u } from "./index-Blg1O3Fz.js";
-import { D as c } from "./Dropdown-B9VczAJN.js";
+import { D as c } from "./Dropdown-CIypkp0O.js";
 const g = /* @__PURE__ */ s({
   __name: "OneOfDropdown",
   props: {

package/dist/{RadioControl-CG0yX3Ub.js → RadioControl-bKZb-PCj.js}

@@ -1,6 +1,6 @@
 import { defineComponent as e, createBlock as n, openBlock as t, mergeProps as a } from "vue";
-import { _ as r } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-DPabFxvl.js";
-import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Cna8AUH7.js";
+import { _ as r } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-CcnOafHA.js";
+import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CJiCxiU3.js";
 const i = /* @__PURE__ */ e({
   __name: "RadioControl",
   props: {