@knime/jsonforms 1.21.0 → 1.21.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @knime/json-forms
 
+## 1.21.1
+
+### Patch Changes
+
+- fb3e4c1: KDS-808: Migrate Twinlist renderers to KdsTwinList
+
 ## 1.21.0
 
 ### Minor Changes

package/dist/AnyOfTwinlist-UXM-U6hT.js

@@ -0,0 +1,22 @@
+import { defineComponent as s, openBlock as p, createBlock as a, mergeProps as t, unref as r } from "vue";
+import { o as l } from "./index-Blg1O3Fz.js";
+import { _ as i } from "./TwinlistControlBase.vue_vue_type_script_setup_true_lang-BlaFr27R.js";
+const _ = /* @__PURE__ */ s({
+  __name: "AnyOfTwinlist",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(o) {
+    const e = o.control.schema.anyOf.map(l);
+    return (n, m) => (p(), a(i, t(n.$props, { "possible-values": r(e) }), null, 16, ["possible-values"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/{Checkbox-uBRF2ZKG.js → Checkbox-DiIYr1i-.js}

@@ -1,5 +1,5 @@
 import { openBlock as s, createElementBlock as i, normalizeClass as o, createElementVNode as d, renderSlot as c } from "vue";
-import { _ as u } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { _ as u } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const r = {
   name: "Checkbox",
   props: {

package/dist/{CheckboxControl-B9Sd2LLd.js → CheckboxControl-QBXVq5Tw.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, ref as d, openBlock as r, createElementBlock as i, createElementVNode as u, createVNode as c, unref as v, renderSlot as a } from "vue";
-import { a8 as b, _ as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { a5 as b, _ as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const f = { class: "checkbox-container" }, p = /* @__PURE__ */ s({
   __name: "CheckboxControl",
   props: {

package/dist/{CheckboxesControl-CTaoagZv.js → CheckboxesControl-2pd974_e.js}

@@ -1,7 +1,7 @@
 import { defineComponent as c, computed as n, ref as i, toRef as r, onMounted as u, openBlock as d, createBlock as m, unref as p, createCommentVNode as b } from "vue";
-import { I as f, _ as h } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { I as f, _ as h } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 import { o as v } from "./index-Blg1O3Fz.js";
-import { u as V } from "./usePossibleValues-CdNvUspy.js";
+import { u as V } from "./usePossibleValues-ItF87hxE.js";
 const y = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

package/dist/{ColorControl-DxCjpcHn.js → ColorControl-CDxRfPzc.js}

@@ -1,5 +1,5 @@
 import { defineComponent as a, openBlock as l, createBlock as o, unref as n } from "vue";
-import { M as t } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { M as t } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const u = /* @__PURE__ */ a({
   __name: "ColorControl",
   props: {

package/dist/{ColorPreviewControl-C7MmFIpq.js → ColorPreviewControl-Cg99cain.js}

@@ -1,5 +1,5 @@
 import { defineComponent as u, openBlock as e, createElementBlock as o, createVNode as y, unref as p, computed as s, normalizeStyle as m, createBlock as d, Fragment as f, renderList as k } from "vue";
-import { J as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { J as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
   __name: "ColorPreviewEmptyState",
   setup(a) {

package/dist/{ComboBoxControl-CV4SCOo7.js → ComboBoxControl-BoQyPwaV.js}

@@ -1,10 +1,10 @@
 import { resolveComponent as f, openBlock as r, createElementBlock as b, withModifiers as a, withKeys as u, normalizeClass as w, renderSlot as F, createElementVNode as p, toDisplayString as S, createVNode as h, withDirectives 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-CdNvUspy.js";
+import { u as U } from "./usePossibleValues-ItF87hxE.js";
 import { C as L } from "./close-CwP2mh9x.js";
-import { _ as B, N as H } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { _ as B, N as H } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 /* empty css                   */
 import { A as K } from "./arrow-dropdown-DMFBPPcK.js";
-import { C as j } from "./Checkbox-uBRF2ZKG.js";
+import { C as j } from "./Checkbox-DiIYr1i-.js";
 import { c as W } from "./createMissingItem-B00Kg95q.js";
 const g = () => {
   let e = document?.activeElement;

package/dist/{DateControl-9d_SPymX.js → DateControl-DqNL8rlX.js}

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

package/dist/{DateTimeControl-nxVjz31-.js → DateTimeControl-apf8S1y2.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as o, openBlock as v, createBlock as p, unref as h } from "vue";
-import { t, f as w, D as f } from "./localTimeUtils-GW01Jwt9.js";
+import { t, f as w, D as f } from "./localTimeUtils-B5XTvulp.js";
 const x = /* @__PURE__ */ r({
   __name: "DateTimeControl",
   props: {

package/dist/{DateTimeFormatPickerControl-CMgXr7tA.js → DateTimeFormatPickerControl-_4b5Jk3w.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, computed as a, openBlock as s, createBlock as c, unref as t } from "vue";
-import { u as m, O as u } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { u as m, O as u } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const h = /* @__PURE__ */ i({
   __name: "DateTimeFormatPickerControl",
   props: {

package/dist/DateTimeFormatPickerWithTypeControl-B1jOpszt.js

@@ -0,0 +1,464 @@
+import { openBlock as p, createElementBlock as T, createElementVNode as h, h as q, defineComponent as D, createBlock as z, unref as g, useCssVars as G, computed as y, ref as x, watch as C, reactive as J, onMounted as Q, nextTick as O, onUnmounted as X, withCtx as Y, createCommentVNode as A, createVNode as _, Fragment as ee, renderList as te, normalizeClass as S, toDisplayString as H, useModel as oe, withDirectives as le, vModelText as ae, normalizeStyle as se, mergeModels as ne } from "vue";
+import { _ as M, P as ie, u as re } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
+import { V as R } from "./ValueSwitch-BBO_VXIM.js";
+import { u as de, a as ce, o as ue, s as me, f as pe } from "./floating-ui.vue-Bk6u3tWN.js";
+import { u as ve, F as fe } from "./useDropdownNavigation-EOwf_fL0.js";
+const he = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function ye(a, r) {
+  return p(), T("svg", he, [...r[0] || (r[0] = [
+    h("path", { d: "m11.9 22.3 2.7 4.4-4.5 2.8m4.5-2.8C9 26 4.7 21.7 4.7 16c0-5.1 3.4-9.4 8.1-10.8M20 9.7l-2.6-4.4 4.5-2.8m-4.5 2.8c5.6.7 9.9 5 9.9 10.7 0 5.1-3.4 9.4-8.1 10.8" }, null, -1)
+  ])]);
+}
+const Te = { render: ye }, ge = (a, r) => ({
+  render() {
+    const s = a.render({}, []), d = q("title", r);
+    return d.ns = "svg", s.children.unshift(d), s;
+  }
+}), we = /* @__PURE__ */ D({
+  __name: "LoadingIcon",
+  setup(a) {
+    const r = ge(Te, "Loading…");
+    return (s, d) => (p(), z(g(r)));
+  }
+}), xe = /* @__PURE__ */ M(we, [["__scopeId", "data-v-6b552b81"]]), Ee = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function Fe(a, r) {
+  return p(), T("svg", Ee, [...r[0] || (r[0] = [
+    h("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 _e = { render: Fe }, be = { class: "popover" }, Ve = { class: "formats-container-border-host" }, Ie = {
+  key: 0,
+  class: "no-formats-available"
+}, De = {
+  key: 1,
+  class: "no-formats-available"
+}, Me = ["onClick"], ke = { class: "format-pattern" }, Ce = { class: "format-preview" }, U = 1, ze = /* @__PURE__ */ D({
+  __name: "DateTimeFormatPickerPopover",
+  props: {
+    allFormats: {},
+    selectedType: {},
+    initialSelectedPattern: {},
+    showTypeSwitch: { type: Boolean }
+  },
+  emits: ["commit", "cancel"],
+  setup(a, { emit: r }) {
+    G((e) => ({
+      v3b9e5e3a: U
+    }));
+    const s = r, d = a, b = y(() => [
+      {
+        id: "RECENT",
+        text: "Recent"
+      },
+      {
+        id: "STANDARD",
+        text: "ISO"
+      },
+      {
+        id: "EUROPEAN",
+        text: "European"
+      },
+      {
+        id: "AMERICAN",
+        text: "United States"
+      }
+    ]), V = y(() => [
+      {
+        id: "DATE",
+        text: "Date"
+      },
+      {
+        id: "DATE_TIME",
+        text: "Date & time"
+      },
+      {
+        id: "TIME",
+        text: "Time"
+      },
+      {
+        id: "ZONED_DATE_TIME",
+        text: "Zoned date & time"
+      }
+    ]), c = x(null), m = x(null), n = x("RECENT"), u = x(d.selectedType);
+    C(
+      () => d.selectedType,
+      (e) => {
+        m.value = e;
+      }
+    );
+    const l = y(
+      () => d.allFormats?.filter(
+        (e) => e.category === n.value && e.temporalType === u.value
+      ) ?? null
+    ), v = x(null), f = J({}), E = (e) => `${e.format}-${e.category}-${e.temporalType}`, L = (e) => (t) => {
+      f[E(e)] = t;
+    }, F = (e) => ({
+      format: e.format,
+      temporalType: e.temporalType
+    }), {
+      currentIndex: P,
+      onKeydown: N,
+      resetNavigation: W,
+      setElement: Z
+    } = ve({
+      keepOpenedOnTab: !0,
+      getFirstElement: () => ({
+        index: 0,
+        onClick: () => s(
+          "commit",
+          F(l.value[0])
+        )
+      }),
+      getLastElement: () => {
+        const e = l.value.length - 1;
+        return {
+          index: e,
+          onClick: () => s(
+            "commit",
+            F(l.value[e])
+          )
+        };
+      },
+      getNextElement: (e, t) => {
+        if (e = e === null || e === -1 ? null : e, t === 1) {
+          const i = ((e ?? -1) + 1) % l.value.length;
+          return {
+            index: i,
+            onClick: () => s(
+              "commit",
+              F(l.value[i])
+            )
+          };
+        } else {
+          const i = ((e ?? 0) - 1 + l.value.length) % l.value.length;
+          return {
+            index: i,
+            onClick: () => s(
+              "commit",
+              F(l.value[i])
+            )
+          };
+        }
+      },
+      close: () => {
+        s("cancel");
+      }
+    }), K = (e) => {
+      const t = e.parentElement;
+      if (t && t.scrollHeight > t.clientHeight) {
+        const o = t.offsetTop + U, i = t.clientHeight + t.scrollTop, w = e.offsetTop + e.offsetHeight - o;
+        w > i ? t.scrollTop = w - t.clientHeight : e.offsetTop - t.scrollTop < o && (t.scrollTop = e.offsetTop - o);
+      }
+    }, $ = (e) => {
+      const t = f[`${e}-${n.value}-${u.value}`];
+      t && K(t);
+    }, B = async (e, t, o) => {
+      u.value = t ?? u.value, n.value = o ?? n.value, await O(), m.value = e, $(e);
+      const i = l.value.findIndex(
+        (w) => w.format === e
+      );
+      Z({
+        index: i,
+        onClick: () => s(
+          "commit",
+          F(l.value[i])
+        )
+      });
+    };
+    C(P, (e) => {
+      if (e === null)
+        return;
+      const t = l.value?.[e]?.format;
+      t && $(t);
+    }), C([u, n], () => {
+      u.value === c.value?.temporalType && n.value === c.value?.category ? B(
+        c.value.format,
+        c.value.temporalType,
+        c.value.category
+      ) : (m.value = null, W());
+    });
+    const I = x(!1);
+    return Q(async () => {
+      if (!d.allFormats)
+        return;
+      const e = [
+        "RECENT",
+        "STANDARD",
+        "EUROPEAN",
+        "AMERICAN"
+      ], t = d.allFormats.filter((o) => d.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
+        )
+      ).sort((o, i) => {
+        const w = e.indexOf(o.category), k = e.indexOf(i.category);
+        return w - k;
+      });
+      if (t.length > 0) {
+        const o = t[0].format, i = t[0].temporalType, w = t[0].category;
+        await B(o, i, w);
+        const k = l.value.findIndex(
+          (j) => j.format === o
+        );
+        c.value = {
+          format: o,
+          index: k,
+          category: w,
+          temporalType: i
+        };
+      }
+      O(() => I.value = !0);
+    }), X(() => I.value = !1), (e, t) => (p(), z(g(fe), {
+      active: I.value,
+      "onUpdate:active": t[3] || (t[3] = (o) => I.value = o),
+      "initial-focus": () => v.value ?? !1
+    }, {
+      default: Y(() => [
+        h("div", be, [
+          a.showTypeSwitch ? (p(), z(R, {
+            key: 0,
+            id: "selectedFormatType",
+            ref: "typeSwitchRef",
+            modelValue: u.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => u.value = o),
+            compact: "",
+            "possible-values": V.value,
+            class: "filter-switch"
+          }, null, 8, ["modelValue", "possible-values"])) : A("", !0),
+          _(R, {
+            id: "selectedFormatStandard",
+            ref: "standardSwitchRef",
+            modelValue: n.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (o) => n.value = o),
+            compact: "",
+            "possible-values": b.value,
+            class: "filter-switch"
+          }, null, 8, ["modelValue", "possible-values"]),
+          h("div", Ve, [
+            h("div", {
+              id: "dateFormats",
+              ref_key: "formatContainerRef",
+              ref: v,
+              class: "formats-container",
+              tabindex: "0",
+              role: "menu",
+              onKeydown: t[2] || (t[2] = //@ts-ignore
+              (...o) => g(N) && g(N)(...o))
+            }, [
+              l.value === null ? (p(), T("div", Ie, [
+                _(xe, { class: "loading-spinner" })
+              ])) : l.value.length === 0 ? (p(), T("div", De, " No formats available ")) : (p(!0), T(ee, { key: 2 }, te(l.value, (o, i) => (p(), T("div", {
+                key: E(o),
+                ref_for: !0,
+                ref: L(o),
+                class: S([{
+                  highlighted: i === g(P),
+                  applied: i === c.value?.index && o.category === c.value.category && o.temporalType === c.value.temporalType
+                }, "single-format"]),
+                role: "menuitem",
+                onClick: () => s("commit", F(o))
+              }, [
+                h("span", ke, H(o.format), 1),
+                h("span", Ce, H(o.example), 1)
+              ], 10, Me))), 128))
+            ], 544)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["active", "initial-focus"]));
+  }
+}), Ae = /* @__PURE__ */ M(ze, [["__scopeId", "data-v-8bb40d8b"]]), Se = { class: "input-fields" }, Re = ["disabled"], Pe = {
+  key: 0,
+  class: "invalid-marker"
+}, Ne = ["disabled"], $e = {}, Be = /* @__PURE__ */ D({
+  ...$e,
+  __name: "DateTimeFormatInput",
+  props: /* @__PURE__ */ ne({
+    disabled: { type: Boolean, default: !1 },
+    compact: { type: Boolean, default: !1 },
+    isValid: { type: Boolean, default: !0 },
+    allDefaultFormats: {},
+    allowedTypes: { default: () => [
+      "DATE",
+      "TIME",
+      "DATE_TIME",
+      "ZONED_DATE_TIME"
+    ] },
+    showTypeSwitchInPopover: { type: Boolean, default: !0 }
+  }, {
+    modelValue: {
+      default: {
+        format: "yyyy-MM-dd",
+        temporalType: "DATE"
+      }
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const r = a, s = oe(a, "modelValue"), d = y({
+      get: () => s.value.format,
+      set: (v) => {
+        s.value = {
+          ...s.value,
+          format: v
+        };
+      }
+    }), b = "Format like 'yyyy-MM-dd'", V = y(() => r.isValid), c = x(null), m = x(null), n = x(!1), u = (v) => {
+      s.value = v, n.value = !1;
+    };
+    ie(m, () => n.value = !1, {
+      ignore: [c]
+    });
+    const { floatingStyles: l } = de(
+      c,
+      m,
+      {
+        middleware: [
+          ue({
+            mainAxis: 2,
+            crossAxis: 0
+          }),
+          me(),
+          pe({
+            mainAxis: !0,
+            crossAxis: !1
+          })
+        ],
+        placement: "top-end",
+        whileElementsMounted: ce
+      }
+    );
+    return (v, f) => (p(), T("div", null, [
+      h("div", {
+        class: S(["wrapper", { disabled: a.disabled, compact: a.compact }])
+      }, [
+        h("span", Se, [
+          le(h("input", {
+            "onUpdate:modelValue": f[0] || (f[0] = (E) => d.value = E),
+            type: "text",
+            disabled: a.disabled,
+            placeholder: b,
+            spellcheck: "false",
+            onFocus: f[1] || (f[1] = (E) => n.value = !1)
+          }, null, 40, Re), [
+            [ae, d.value]
+          ]),
+          V.value ? A("", !0) : (p(), T("span", Pe)),
+          h("button", {
+            ref_key: "togglePopoverButtonRef",
+            ref: c,
+            class: S(["trigger-popover-button", { active: n.value }]),
+            disabled: a.disabled,
+            onClick: f[2] || (f[2] = (E) => n.value = !n.value)
+          }, [
+            _(g(_e))
+          ], 10, Ne)
+        ])
+      ], 2),
+      n.value ? (p(), T("div", {
+        key: 0,
+        ref_key: "floatingPopoverRef",
+        ref: m,
+        class: "popover",
+        style: se(g(l))
+      }, [
+        _(Ae, {
+          "all-formats": a.allDefaultFormats,
+          "initial-selected-pattern": s.value.format,
+          "selected-type": s.value.temporalType,
+          "show-type-switch": a.showTypeSwitchInPopover,
+          onCommit: u,
+          onCancel: f[3] || (f[3] = (E) => n.value = !1)
+        }, null, 8, ["all-formats", "initial-selected-pattern", "selected-type", "show-type-switch"])
+      ], 4)) : A("", !0)
+    ]));
+  }
+}), Oe = /* @__PURE__ */ M(Be, [["__scopeId", "data-v-1577d5ce"]]), He = ["id"], Ue = /* @__PURE__ */ D({
+  __name: "DateTimeFormatPickerWithTypeControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(a) {
+    const r = a, s = y(
+      () => r.control.uischema
+    ), d = y(() => s.value.options), b = y(() => d.value?.allowedFormats), V = re(s, "dateTimeFormats"), c = [
+      {
+        id: "DATE",
+        text: "Date"
+      },
+      {
+        id: "DATE_TIME",
+        text: "Date & time"
+      },
+      {
+        id: "TIME",
+        text: "Time"
+      },
+      {
+        id: "ZONED_DATE_TIME",
+        text: "Zoned date & time"
+      }
+    ], m = y({
+      get: () => r.control.data,
+      set: (u) => {
+        r.changeValue(u);
+      }
+    }), n = y({
+      get: () => m.value.temporalType,
+      set: (u) => {
+        m.value = {
+          ...m.value,
+          temporalType: u
+        };
+      }
+    });
+    return (u, l) => (p(), T("div", {
+      id: a.labelForId,
+      class: "control-container"
+    }, [
+      _(g(R), {
+        modelValue: n.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (v) => n.value = v),
+        compact: "",
+        "possible-values": c,
+        disabled: a.disabled
+      }, null, 8, ["modelValue", "disabled"]),
+      _(g(Oe), {
+        modelValue: m.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (v) => m.value = v),
+        compact: "",
+        disabled: a.disabled,
+        "show-type-switch-in-popover": !1,
+        "allowed-formats": b.value,
+        "all-default-formats": g(V),
+        "is-valid": !0
+      }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
+    ], 8, He));
+  }
+}), qe = /* @__PURE__ */ M(Ue, [["__scopeId", "data-v-8517cafd"]]);
+export {
+  qe as default
+};

package/dist/{DropdownControl-BXbRH5G-.js → DropdownControl-CesCAa-A.js}

@@ -1,6 +1,6 @@
 import { defineComponent as l, toRef as n, openBlock as t, createBlock as i, unref as d } from "vue";
-import { u as r } from "./usePossibleValues-CdNvUspy.js";
-import { _ as s } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-CiYSPKlk.js";
+import { u as r } from "./usePossibleValues-ItF87hxE.js";
+import { _ as s } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-BHersnKa.js";
 const f = /* @__PURE__ */ l({
   __name: "DropdownControl",
   props: {

package/dist/{ExecutorCoresControl-B04lAS0W.js → ExecutorCoresControl-ILXk2Hk6.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, computed as o, openBlock as h, createBlock as m, normalizeProps as _, guardReactiveProps as v, withCtx as f, createElementVNode as e, toDisplayString as s } from "vue";
-import { R as x } from "./ResourceControlBase-OgchIcbA.js";
-import { _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { R as x } from "./ResourceControlBase-DRlen7vy.js";
+import { _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const y = { class: "info-container" }, V = { class: "chart-title" }, g = { class: "chart-description" }, B = /* @__PURE__ */ p({
   __name: "ExecutorCoresControl",
   props: {

package/dist/{ExecutorMemoryControl-CraHGxVJ.js → ExecutorMemoryControl-De46Fxsm.js}

@@ -1,6 +1,6 @@
 import { defineComponent as d, computed as o, openBlock as p, createBlock as m, normalizeProps as _, guardReactiveProps as h, withCtx as f, createElementVNode as e, toDisplayString as a } from "vue";
-import { R as v } from "./ResourceControlBase-OgchIcbA.js";
-import { _ as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { R as v } from "./ResourceControlBase-DRlen7vy.js";
+import { _ as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const y = { class: "info-container" }, B = { class: "chart-title" }, g = { class: "chart-description" }, C = /* @__PURE__ */ d({
   __name: "ExecutorMemoryControl",
   props: {

package/dist/{FileUploadControl-D3Awi7rK.js → FileUploadControl-CFQSJwkd.js}

@@ -1,7 +1,7 @@
 import { defineComponent as V, ref as h, computed as g, openBlock as N, createElementBlock as G, createVNode as R, unref as q, createElementVNode as v, toDisplayString as K } from "vue";
-import { C as E, G as W, A as $, B as I, y as Y, _ as H } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
-import { e as J, o as Q, U as w, j as X, a as j, m as U, n as T, i as Z, S as k, g as z } from "./_Uint8Array-CgOaNCk1.js";
-import { b as ee } from "./_baseAssignValue-DAm2gl_N.js";
+import { C as E, G as W, A as $, B as I, y as Y, _ as H } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
+import { e as J, o as Q, U as w, j as X, a as j, m as U, n as T, i as Z, S as k, g as z } from "./_Uint8Array-Bbzs2Ov4.js";
+import { b as ee } from "./_baseAssignValue-DV_dpE4l.js";
 import { i as te } from "./isArray-WzO_os3q.js";
 var S = Object.create, re = /* @__PURE__ */ (function() {
   function e() {

package/dist/{GridSelectionControl-Cqrr0vTk.js → GridSelectionControl-CGspDoCC.js}

@@ -1,5 +1,5 @@
 import { defineComponent as S, useCssVars as U, unref as n, ref as D, computed as s, watch as f, openBlock as c, createElementBlock as u, normalizeStyle as G, Fragment as T, renderList as $, createBlock as h, createCommentVNode as p, createVNode as A, withModifiers as B } from "vue";
-import { a7 as N, a8 as z, y as O, _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { a4 as N, a5 as z, y as O, _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const W = { class: "grid-list" }, H = {
   key: 1,
   class: "checkbox"

package/dist/{HorizontalLayout-BRxOESz6.js → HorizontalLayout-DPuI5hYY.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as t, createElementBlock as a, Fragment as r, renderList as c, createBlock as s, unref as u } from "vue";
-import { a as m, _ as i } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { a as m, _ as i } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
   __name: "HorizontalLayout",
   props: {

package/dist/{IntegerControl-BG7i8ix-.js → IntegerControl-BwGzlwkz.js}

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

package/dist/{IntervalControl-YdZin9Wi.js → IntervalControl-BHeKHuWm.js}

@@ -1,10 +1,10 @@
 import { openBlock as p, createElementBlock as E, createElementVNode as c, resolveComponent as ye, normalizeClass as D, createCommentVNode as F, withModifiers as N, createVNode as I, defineComponent as H, useModel as k, computed as P, Fragment as C, createBlock as te, withDirectives as b, vShow as S, renderList as X, unref as m, toDisplayString as K, withCtx as W, createTextVNode as Ae, mergeModels as G, ref as T, watch as z, withKeys as Me, vModelText as we, normalizeStyle as xe } from "vue";
-import { _ as U, N as De, P as be, a9 as Pe, u as q } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { _ as U, N as De, P as be, a6 as Pe, u as q } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
 import { u as Re, a as Ne, s as _e, f as Se, o as Ce } from "./floating-ui.vue-Bk6u3tWN.js";
-import { T as $e } from "./Tooltip-CQD85sdp.js";
+import { T as $e } from "./Tooltip-B0QEjsdY.js";
 import { A as Oe } from "./arrow-dropdown-DMFBPPcK.js";
 /* empty css                   */
-import { V as Z } from "./ValueSwitch-BuQf-fpg.js";
+import { V as Z } from "./ValueSwitch-BBO_VXIM.js";
 const ae = (e, t) => ({
   negative: e,
   years: parseInt(t[1] ?? "0", 10),