@knime/jsonforms 1.20.2 → 1.21.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @knime/json-forms
 
+## 1.21.1
+
+### Patch Changes
+
+- fb3e4c1: KDS-808: Migrate Twinlist renderers to KdsTwinList
+
+## 1.21.0
+
+### Minor Changes
+
+- 541b5d1: Introduce suggestions in TextControl, remove them from DropdownControl, and remove the `allowNewValue` prop from DropdownControl entirely.
+
 ## 1.20.2
 
 ### Patch 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-C8vZJxmW.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-BMg-dFo1.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-2zQUVzXf.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-BMg-dFo1.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-BhsoZSv9.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-BMg-dFo1.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-DgKVFQxB.js";
+import { u as V } from "./usePossibleValues-ItF87hxE.js";
 const y = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

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

@@ -1,6 +1,6 @@
-import { defineComponent as o, openBlock as a, createBlock as l, unref as n } from "vue";
-import { M as t } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BMg-dFo1.js";
-const u = /* @__PURE__ */ o({
+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-Ssy7Zaqp.js";
+const u = /* @__PURE__ */ a({
   __name: "ColorControl",
   props: {
     control: {},
@@ -12,13 +12,14 @@ const u = /* @__PURE__ */ o({
     labelForId: {}
   },
   setup(e) {
-    return (d, i) => (a(), l(n(t), {
+    return (d, i) => (l(), o(n(t), {
       id: e.labelForId,
+      ariaLabel: e.control.label,
       "model-value": e.control.data ?? "",
       disabled: e.disabled,
       error: !e.isValid,
       "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "model-value", "disabled", "error", "onUpdate:modelValue"]));
+    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "error", "onUpdate:modelValue"]));
   }
 });
 export {

package/dist/{ColorPreviewControl-B5Ymg8D7.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-BMg-dFo1.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-BwKd6QND.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-DgKVFQxB.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-BMg-dFo1.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-C8vZJxmW.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-DRsmMVqC.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-D0KEpIug.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-BEGZdy_h.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-D0KEpIug.js";
+import { t, f as w, D as f } from "./localTimeUtils-B5XTvulp.js";
 const x = /* @__PURE__ */ r({
   __name: "DateTimeControl",
   props: {

package/dist/{DateTimeFormatPickerControl-4SQMFb0e.js → DateTimeFormatPickerControl-_4b5Jk3w.js}

@@ -1,6 +1,6 @@
-import { defineComponent as s, computed as a, openBlock as i, 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-BMg-dFo1.js";
-const V = /* @__PURE__ */ s({
+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-Ssy7Zaqp.js";
+const h = /* @__PURE__ */ i({
   __name: "DateTimeFormatPickerControl",
   props: {
     control: {},
@@ -15,17 +15,18 @@ const V = /* @__PURE__ */ s({
     const o = e, l = a(
       () => o.control.uischema
     ), n = a(() => l.value.options), d = a(() => n.value?.allowedFormats), r = m(l, "dateTimeFormats", []);
-    return (f, p) => (i(), c(t(u), {
+    return (f, p) => (s(), c(t(u), {
       id: e.labelForId,
+      ariaLabel: e.control.label,
       "model-value": o.control.data,
       disabled: e.disabled,
       "allowed-formats": d.value,
       "all-default-formats": t(r) ?? [],
       error: !e.isValid,
       "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "model-value", "disabled", "allowed-formats", "all-default-formats", "error", "onUpdate:modelValue"]));
+    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "allowed-formats", "all-default-formats", "error", "onUpdate:modelValue"]));
   }
 });
 export {
-  V as default
+  h as default
 };

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-CesCAa-A.js

@@ -0,0 +1,30 @@
+import { defineComponent as l, toRef as n, openBlock as t, createBlock as i, unref as d } from "vue";
+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: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const o = e, { possibleValues: a } = r(n(o, "control"));
+    return (u, c) => (t(), i(s, {
+      id: e.labelForId ?? "",
+      ariaLabel: e.control.label,
+      disabled: e.disabled,
+      "model-value": e.control.data ?? "",
+      "possible-values": d(a),
+      error: !e.isValid,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "error", "onUpdate:modelValue"]));
+  }
+});
+export {
+  f as default
+};

package/dist/{ExecutorCoresControl-C_S9CdZR.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-C74PY7Xg.js";
-import { _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BMg-dFo1.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: {