@knime/jsonforms 1.21.15 → 1.21.17

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @knime/json-forms
 
+## 1.21.17
+
+### Patch Changes
+
+- 17c264c: Exchange custom error messages with subtexts
+
+## 1.21.16
+
+### Patch Changes
+
+- dba2f88: KDS-762: Fix date time renderer width overflow
+
 ## 1.21.15
 
 ### Patch Changes

package/dist/AnyOfTwinlist-SXwBBRp2.js

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

package/dist/CheckboxControl-CbWn843V.js

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

package/dist/CheckboxesControl-BiQOMrsp.js

@@ -0,0 +1,39 @@
+import { defineComponent as u, computed as l, ref as r, toRef as c, onMounted as i, openBlock as d, createBlock as m, unref as p, createCommentVNode as b } from "vue";
+import { I as f } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
+import { o as h } from "./index-Blg1O3Fz.js";
+import { u as v } from "./usePossibleValues-CtPV4Cjp.js";
+const F = /* @__PURE__ */ u({
+  __name: "CheckboxesControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const o = e, n = l(
+      () => o.control.uischema.options?.checkboxLayout
+    ), t = r(null), { possibleValues: s } = v(c(o, "control")), a = l(() => t.value ?? s.value);
+    return i(() => {
+      t.value = o.control.schema.anyOf ? o.control.schema.anyOf.map(h) : null;
+    }), (x, y) => a.value ? (d(), m(p(f), {
+      key: 0,
+      id: e.labelForId,
+      class: "checkboxes",
+      "possible-values": a.value,
+      alignment: n.value,
+      disabled: e.disabled,
+      "model-value": e.control.data,
+      error: e.error,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "possible-values", "alignment", "disabled", "model-value", "error", "sub-text", "onUpdate:modelValue"])) : b("", !0);
+  }
+});
+export {
+  F as default
+};

package/dist/{ColorControl-CpBVJh38.js → ColorControl-B_mQdOCs.js}

@@ -1,27 +1,29 @@
-import { defineComponent as a, openBlock as l, createBlock as o, unref as n } from "vue";
-import { N as t } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-zrzBlOHh.js";
-const u = /* @__PURE__ */ a({
+import { defineComponent as a, openBlock as o, createBlock as l, unref as t } from "vue";
+import { M as n } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
+const c = /* @__PURE__ */ a({
   __name: "ColorControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
   setup(e) {
-    return (d, i) => (l(), o(n(t), {
+    return (r, d) => (o(), l(t(n), {
       id: e.labelForId,
       ariaLabel: e.control.label,
       "model-value": e.control.data ?? "",
       disabled: e.disabled,
-      error: !e.isValid,
+      error: e.error,
+      "sub-text": e.subText,
       "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "error", "onUpdate:modelValue"]));
+    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "error", "sub-text", "onUpdate:modelValue"]));
   }
 });
 export {
-  u as default
+  c as default
 };

package/dist/{ColorPreviewControl-0VK3OqwY.js → ColorPreviewControl-BREwhSO9.js}

@@ -1,25 +1,25 @@
 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 { M as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-zrzBlOHh.js";
+import { J as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
 const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
   __name: "ColorPreviewEmptyState",
-  setup(a) {
+  setup(r) {
     return (t, l) => (e(), o("div", P, [
       y(p(w), { headline: "No colors" })
     ]));
   }
-}), g = /* @__PURE__ */ v($, [["__scopeId", "data-v-7a09310d"]]), x = { class: "gradient-preview" }, S = /* @__PURE__ */ u({
+}), g = /* @__PURE__ */ v($, [["__scopeId", "data-v-7a09310d"]]), x = { class: "gradient-preview" }, b = /* @__PURE__ */ u({
   __name: "GradientPreview",
   props: {
     gradient: {}
   },
-  setup(a) {
-    const t = a, l = s(() => t.gradient.colors.length > 0), n = s(() => {
-      const r = t.gradient.stops;
-      return r === null ? t.gradient.colors.join(", ") : t.gradient.colors.map((i, _) => `${i} ${r[_]}%`).join(", ");
+  setup(r) {
+    const t = r, l = s(() => t.gradient.colors.length > 0), a = s(() => {
+      const n = t.gradient.stops;
+      return n === null ? t.gradient.colors.join(", ") : t.gradient.colors.map((i, _) => `${i} ${n[_]}%`).join(", ");
     }), c = s(
-      () => `linear-gradient(to right in lab, ${n.value})`
+      () => `linear-gradient(to right in lab, ${a.value})`
     );
-    return (r, i) => (e(), o("div", x, [
+    return (n, i) => (e(), o("div", x, [
       l.value ? (e(), o("div", {
         key: 0,
         class: "gradient-bar",
@@ -27,24 +27,24 @@ const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
       }, null, 4)) : (e(), d(g, { key: 1 }))
     ]));
   }
-}), b = /* @__PURE__ */ v(S, [["__scopeId", "data-v-8a745225"]]), B = { class: "palette-preview" }, F = 8, M = /* @__PURE__ */ u({
+}), S = /* @__PURE__ */ v(b, [["__scopeId", "data-v-8a745225"]]), B = { class: "palette-preview" }, F = 8, E = /* @__PURE__ */ u({
   __name: "PalettePreview",
   props: {
     palette: {}
   },
-  setup(a) {
-    const t = a, l = s(() => t.palette.colors.length > 0), n = s(
+  setup(r) {
+    const t = r, l = s(() => t.palette.colors.length > 0), a = s(
       () => Math.max(1, Math.min(F, t.palette.colors.length))
     ), c = s(() => ({
-      gridTemplateColumns: `repeat(${n.value}, minmax(0, 1fr))`
+      gridTemplateColumns: `repeat(${a.value}, minmax(0, 1fr))`
     }));
-    return (r, i) => (e(), o("div", B, [
+    return (n, i) => (e(), o("div", B, [
       l.value ? (e(), o("div", {
         key: 0,
         class: "palette-grid",
         style: m(c.value)
       }, [
-        (e(!0), o(f, null, k(a.palette.colors, (_, h) => (e(), o("div", {
+        (e(!0), o(f, null, k(r.palette.colors, (_, h) => (e(), o("div", {
           key: h,
           class: "color-cell",
           style: m({ background: _ })
@@ -55,7 +55,7 @@ const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
       }))
     ]));
   }
-}), E = /* @__PURE__ */ v(M, [["__scopeId", "data-v-ad83046f"]]), G = { class: "color-preview" }, N = /* @__PURE__ */ u({
+}), G = /* @__PURE__ */ v(E, [["__scopeId", "data-v-ad83046f"]]), I = { class: "color-preview" }, V = /* @__PURE__ */ u({
   __name: "ColorPreviewControl",
   props: {
     control: {},
@@ -63,27 +63,27 @@ const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
     changeValue: { type: Function },
     disabled: { type: Boolean },
     labelForId: {},
-    isValid: { type: Boolean },
-    messages: {},
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function }
   },
-  setup(a) {
-    const t = a, l = s(
+  setup(r) {
+    const t = r, l = s(
       () => t.control.uischema
-    ), n = C(l, "previewColors", {
+    ), a = C(l, "previewColors", {
       colors: []
-    }), c = (r) => !("stops" in r);
-    return (r, i) => (e(), o("div", G, [
-      c(p(n)) ? (e(), d(E, {
+    }), c = (n) => !("stops" in n);
+    return (n, i) => (e(), o("div", I, [
+      c(p(a)) ? (e(), d(G, {
         key: 0,
-        palette: p(n)
-      }, null, 8, ["palette"])) : (e(), d(b, {
+        palette: p(a)
+      }, null, 8, ["palette"])) : (e(), d(S, {
         key: 1,
-        gradient: p(n)
+        gradient: p(a)
       }, null, 8, ["gradient"]))
     ]));
   }
 });
 export {
-  N as default
+  V as default
 };

package/dist/ComboBoxControl-BIZlnizm.js

@@ -0,0 +1,39 @@
+import { defineComponent as r, toRef as c, computed as a, openBlock as d, createBlock as b, unref as u } from "vue";
+import { N as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
+import { u as v } from "./usePossibleValues-CtPV4Cjp.js";
+const g = /* @__PURE__ */ r({
+  __name: "ComboBoxControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const l = e, { possibleValues: o } = v(c(l, "control")), t = a(
+      () => o.value === null || o.value.length === 0
+    ), s = a(
+      () => l.control.uischema.providedOptions?.includes("possibleValues") || l.control.uischema.options?.possibleValues !== void 0
+    ), i = a(
+      () => l.disabled || t.value && s.value
+    );
+    return (p, V) => (d(), b(u(m), {
+      id: e.labelForId,
+      "model-value": e.control.data,
+      "allow-new-values": !s.value,
+      ariaLabel: e.control.label,
+      disabled: i.value,
+      "possible-values": t.value ? e.control.data.map((n) => ({ id: n, text: n })) : u(o),
+      error: e.error,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "model-value", "allow-new-values", "ariaLabel", "disabled", "possible-values", "error", "sub-text", "onUpdate:modelValue"]));
+  }
+});
+export {
+  g as default
+};

package/dist/DateControl-vkwY-8Qy.js

@@ -0,0 +1,44 @@
+import { defineComponent as l, computed as i, openBlock as d, createBlock as c, unref as u } from "vue";
+import { R as s } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
+import { p as m } from "./plainDateTimeUtils-CR0UhpkD.js";
+import { U as p } from "./classApi-CHpAZrj3.js";
+const y = /* @__PURE__ */ l({
+  __name: "DateControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(t) {
+    const a = t, o = (e) => {
+      if (!e)
+        return null;
+      try {
+        return p.PlainDate.from(e);
+      } catch {
+        return m.fromString(e).date;
+      }
+    }, r = i(
+      () => o(a.control.data)
+    ), n = (e) => {
+      a.changeValue(e?.toString() ?? "");
+    };
+    return (e, b) => (d(), c(u(s), {
+      id: t.labelForId,
+      ariaLabel: a.control.label,
+      "model-value": r.value,
+      disabled: t.disabled,
+      error: t.error,
+      "sub-text": t.subText,
+      "onUpdate:modelValue": n
+    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "error", "sub-text"]));
+  }
+});
+export {
+  y as default
+};

package/dist/DateTimeControl-CtXV6_D2.js

@@ -0,0 +1,80 @@
+import { defineComponent as D, computed as r, openBlock as d, createElementBlock as T, normalizeClass as V, createVNode as C, unref as a, createBlock as U, createCommentVNode as B } from "vue";
+import { R as F, T as k, _ as w } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
+import { u as L } from "./usePlainDateTimeBatch-Bd2G-GY9.js";
+import { p as i } from "./plainDateTimeUtils-CR0UhpkD.js";
+import { U as P } from "./classApi-CHpAZrj3.js";
+const $ = /* @__PURE__ */ D({
+  __name: "DateTimeControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(t) {
+    const o = t, n = r(() => o.control.uischema.options), l = r(() => n.value?.showTime ?? !0), s = r(
+      () => i.getMaxGranularity(n.value)
+    ), m = (e) => {
+      if (typeof e != "string" || e === "")
+        return null;
+      try {
+        return P.PlainDate.from(e);
+      } catch {
+        return i.fromString(e).date;
+      }
+    }, c = r(
+      () => m(n.value?.minimum)
+    ), g = r(
+      () => m(n.value?.maximum)
+    ), {
+      datePart: p,
+      timePart: b,
+      granularity: y,
+      onDateChange: f,
+      onTimeChange: x,
+      onGranularityChange: h
+    } = L({
+      getDateTime: () => o.control.data,
+      commit: (e, u, v) => {
+        if (!l.value) {
+          o.changeValue(e === null ? "" : e.toString());
+          return;
+        }
+        o.changeValue(i.toString(e, u, v));
+      }
+    });
+    return (e, u) => (d(), T("div", {
+      class: V(["date-time-row", { "date-only": !l.value }])
+    }, [
+      C(a(F), {
+        id: t.labelForId,
+        ariaLabel: `${o.control.label} date`,
+        "model-value": a(p),
+        disabled: t.disabled,
+        error: t.error,
+        "sub-text": t.subText,
+        "min-date": c.value,
+        "max-date": g.value,
+        "onUpdate:modelValue": a(f)
+      }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "error", "sub-text", "min-date", "max-date", "onUpdate:modelValue"]),
+      l.value ? (d(), U(a(k), {
+        key: 0,
+        ariaLabel: `${o.control.label} time`,
+        "model-value": a(b),
+        granularity: a(y),
+        "max-granularity": s.value,
+        disabled: t.disabled,
+        error: t.error,
+        "onUpdate:modelValue": a(x),
+        "onUpdate:granularity": a(h)
+      }, null, 8, ["ariaLabel", "model-value", "granularity", "max-granularity", "disabled", "error", "onUpdate:modelValue", "onUpdate:granularity"])) : B("", !0)
+    ], 2));
+  }
+}), R = /* @__PURE__ */ w($, [["__scopeId", "data-v-e52553e7"]]);
+export {
+  R as default
+};

package/dist/DateTimeFormatPickerControl-a7MPaNFN.js

@@ -0,0 +1,34 @@
+import { defineComponent as s, computed as a, openBlock as u, createBlock as c, unref as l } from "vue";
+import { u as i, O as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
+const h = /* @__PURE__ */ s({
+  __name: "DateTimeFormatPickerControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const o = e, t = a(
+      () => o.control.uischema
+    ), n = a(() => t.value.options), r = a(() => n.value?.allowedFormats), d = i(t, "dateTimeFormats", []);
+    return (b, f) => (u(), c(l(m), {
+      id: e.labelForId,
+      ariaLabel: e.control.label,
+      "model-value": o.control.data,
+      disabled: e.disabled,
+      "allowed-formats": r.value,
+      "all-default-formats": l(d) ?? [],
+      error: e.error,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "allowed-formats", "all-default-formats", "error", "sub-text", "onUpdate:modelValue"]));
+  }
+});
+export {
+  h as default
+};

package/dist/{DateTimeFormatPickerWithTypeControl-CodEVQG_.js → DateTimeFormatPickerWithTypeControl-B9Nu0dh1.js}

@@ -1,5 +1,5 @@
-import { openBlock as m, createElementBlock as f, createElementVNode as v, h as X, defineComponent as x, createBlock as M, unref as T, Fragment as A, renderList as W, normalizeClass as k, toDisplayString as C, renderSlot as Z, createCommentVNode as S, resolveComponent as Y, withCtx as K, normalizeProps as ee, guardReactiveProps as te, useCssVars as le, computed as g, ref as w, watch as R, reactive as oe, onMounted as ae, nextTick as H, onUnmounted as se, createVNode as I, useModel as ne, withDirectives as ie, vModelText as de, normalizeStyle as re, mergeModels as ue } from "vue";
-import { _ as $, Q as ce, R as me, u as pe } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-zrzBlOHh.js";
+import { openBlock as m, createElementBlock as f, createElementVNode as v, h as X, defineComponent as I, createBlock as M, unref as T, Fragment as A, renderList as W, normalizeClass as k, toDisplayString as C, renderSlot as Z, createCommentVNode as S, resolveComponent as Y, withCtx as K, normalizeProps as ee, guardReactiveProps as te, useCssVars as le, computed as g, ref as w, watch as R, reactive as oe, onMounted as ae, nextTick as H, onUnmounted as se, createVNode as x, useModel as ne, withDirectives as ie, vModelText as de, normalizeStyle as re, mergeModels as ue } from "vue";
+import { _ as $, P as ce, Q as me, u as pe } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DML-OwvR.js";
 import { u as ve, F as fe, a as ye, b as he, o as ge, s as Te, f as be } from "./useDropdownNavigation-CdrbT-CQ.js";
 const we = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -18,27 +18,27 @@ const Ee = { render: Ve }, Fe = (e, a) => ({
     const n = e.render({}, []), r = X("title", a);
     return r.ns = "svg", n.children.unshift(r), n;
   }
-}), _e = /* @__PURE__ */ x({
+}), _e = /* @__PURE__ */ I({
   __name: "LoadingIcon",
   setup(e) {
     const a = Fe(Ee, "Loading…");
     return (n, r) => (m(), M(T(a)));
   }
-}), Ie = /* @__PURE__ */ $(_e, [["__scopeId", "data-v-6b552b81"]]), xe = {
+}), xe = /* @__PURE__ */ $(_e, [["__scopeId", "data-v-6b552b81"]]), Ie = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
 function $e(e, a) {
-  return m(), f("svg", xe, [...a[0] || (a[0] = [
+  return m(), f("svg", Ie, [...a[0] || (a[0] = [
     v("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 ke = { render: $e }, De = x({
+const ke = { render: $e }, De = I({
   name: "BaseRadioButtons",
   props: {
     id: {
@@ -107,7 +107,7 @@ function Be(e, a, n, r, V, E) {
     ], 2))), 128))
   ], 8, Me);
 }
-const Re = /* @__PURE__ */ $(De, [["render", Be], ["__scopeId", "data-v-2bbebb4b"]]), Ae = x({
+const Re = /* @__PURE__ */ $(De, [["render", Be], ["__scopeId", "data-v-2bbebb4b"]]), Ae = I({
   name: "ValueSwitch",
   components: {
     BaseRadioButtons: Re
@@ -168,7 +168,7 @@ const z = /* @__PURE__ */ $(Ae, [["render", ze], ["__scopeId", "data-v-83231815"
 }, Ue = {
   key: 1,
   class: "no-formats-available"
-}, He = ["onClick"], Le = { class: "format-pattern" }, We = { class: "format-preview" }, L = 1, Ze = /* @__PURE__ */ x({
+}, He = ["onClick"], Le = { class: "format-pattern" }, We = { class: "format-preview" }, L = 1, Ze = /* @__PURE__ */ I({
   __name: "DateTimeFormatPickerPopover",
   props: {
     allFormats: {},
@@ -362,7 +362,7 @@ const z = /* @__PURE__ */ $(Ae, [["render", ze], ["__scopeId", "data-v-83231815"
             "possible-values": E.value,
             class: "filter-switch"
           }, null, 8, ["modelValue", "possible-values"])) : S("", !0),
-          I(z, {
+          x(z, {
             id: "selectedFormatStandard",
             ref: "standardSwitchRef",
             modelValue: d.value,
@@ -383,7 +383,7 @@ const z = /* @__PURE__ */ $(Ae, [["render", ze], ["__scopeId", "data-v-83231815"
               (...o) => T(N) && T(N)(...o))
             }, [
               i.value === null ? (m(), f("div", Oe, [
-                I(Ie, { class: "loading-spinner" })
+                x(xe, { class: "loading-spinner" })
               ])) : i.value.length === 0 ? (m(), f("div", Ue, " No formats available ")) : (m(!0), f(A, { key: 2 }, W(i.value, (o, c) => (m(), f("div", {
                 key: F(o),
                 ref_for: !0,
@@ -408,7 +408,7 @@ const z = /* @__PURE__ */ $(Ae, [["render", ze], ["__scopeId", "data-v-83231815"
 }), Ke = /* @__PURE__ */ $(Ze, [["__scopeId", "data-v-8bb40d8b"]]), je = { class: "input-fields" }, Qe = ["disabled"], qe = {
   key: 0,
   class: "invalid-marker"
-}, Ge = ["disabled"], Je = {}, Xe = /* @__PURE__ */ x({
+}, Ge = ["disabled"], Je = {}, Xe = /* @__PURE__ */ I({
   ...Je,
   __name: "DateTimeFormatInput",
   props: /* @__PURE__ */ ue({
@@ -490,7 +490,7 @@ const z = /* @__PURE__ */ $(Ae, [["render", ze], ["__scopeId", "data-v-83231815"
             disabled: e.disabled,
             onClick: h[2] || (h[2] = (F) => d.value = !d.value)
           }, [
-            I(T(ke))
+            x(T(ke))
           ], 10, Ge)
         ])
       ], 2),
@@ -501,7 +501,7 @@ const z = /* @__PURE__ */ $(Ae, [["render", ze], ["__scopeId", "data-v-83231815"
         class: "popover",
         style: re(T(i))
       }, [
-        I(Ke, {
+        x(Ke, {
           "all-formats": e.allDefaultFormats,
           "initial-selected-pattern": n.value.format,
           "selected-type": n.value.temporalType,
@@ -512,14 +512,15 @@ const z = /* @__PURE__ */ $(Ae, [["render", ze], ["__scopeId", "data-v-83231815"
       ], 4)) : S("", !0)
     ]));
   }
-}), Ye = /* @__PURE__ */ $(Xe, [["__scopeId", "data-v-1577d5ce"]]), et = ["id"], tt = /* @__PURE__ */ x({
+}), Ye = /* @__PURE__ */ $(Xe, [["__scopeId", "data-v-1577d5ce"]]), et = ["id"], tt = /* @__PURE__ */ I({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
@@ -561,14 +562,14 @@ const z = /* @__PURE__ */ $(Ae, [["render", ze], ["__scopeId", "data-v-83231815"
       id: e.labelForId,
       class: "control-container"
     }, [
-      I(T(z), {
+      x(T(z), {
         modelValue: d.value,
         "onUpdate:modelValue": i[0] || (i[0] = (y) => d.value = y),
         compact: "",
         "possible-values": s,
         disabled: e.disabled
       }, null, 8, ["modelValue", "disabled"]),
-      I(T(Ye), {
+      x(T(Ye), {
         modelValue: u.value,
         "onUpdate:modelValue": i[1] || (i[1] = (y) => u.value = y),
         compact: "",

package/dist/DropdownControl-BUwovb4K.js

@@ -0,0 +1,32 @@
+import { defineComponent as l, toRef as t, openBlock as n, createBlock as r, unref as s } from "vue";
+import { u } from "./usePossibleValues-CtPV4Cjp.js";
+import { _ as d } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-Cic7UEOM.js";
+const p = /* @__PURE__ */ l({
+  __name: "DropdownControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const o = e, { possibleValues: a } = u(t(o, "control"));
+    return (i, c) => (n(), r(d, {
+      id: e.labelForId ?? "",
+      ariaLabel: e.control.label,
+      disabled: e.disabled,
+      "model-value": e.control.data ?? "",
+      "possible-values": s(a),
+      error: e.error,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "error", "sub-text", "onUpdate:modelValue"]));
+  }
+});
+export {
+  p as default
+};