@knime/jsonforms 1.14.3 → 1.15.1

package/dist/IntervalControl-Bkuhg0Ga.js

@@ -0,0 +1,647 @@
+import { createElementBlock as m, openBlock as c, renderSlot as ge, createCommentVNode as k, toDisplayString as F, createElementVNode as u, defineComponent as G, mergeModels as q, useModel as U, computed as P, Fragment as S, withDirectives as M, createBlock as Q, createVNode as _, vShow as R, renderList as j, withCtx as X, createTextVNode as Ie, ref as f, watch as W, normalizeClass as Ee, withKeys as he, vModelText as Te, normalizeStyle as xe } from "vue";
+import { _ as A, v as ye, u as De } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+import { o as Me, a as Pe } from "./index-CpKfM262.js";
+import { u as be, a as we, s as Re, f as Ae, o as Ne } from "./floating-ui.vue-CDo9Kas1.js";
+import { N as Se } from "./NumberInput-DWTImcA_.js";
+import { V as Ve } from "./ValueSwitch-Ozmr1YfK.js";
+const Ce = {
+  name: "Tooltip",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    }
+  }
+}, Oe = { class: "tooltip" }, Fe = {
+  key: 0,
+  class: "text"
+};
+function qe(e, n, o, t, r, l) {
+  return c(), m("div", Oe, [
+    ge(e.$slots, "default", {}, void 0, !0),
+    o.text ? (c(), m(
+      "span",
+      Fe,
+      F(o.text),
+      1
+      /* TEXT */
+    )) : k("v-if", !0)
+  ]);
+}
+const Ue = /* @__PURE__ */ A(Ce, [["render", qe], ["__scopeId", "data-v-aa04c956"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/Tooltip/Tooltip.vue"]]), ee = (e, n) => ({
+  negative: e,
+  years: parseInt(n[1] ?? "0", 10),
+  months: parseInt(n[2] ?? "0", 10),
+  weeks: parseInt(n[3] ?? "0", 10),
+  days: parseInt(n[4] ?? "0", 10)
+}), te = (e, n) => {
+  const o = parseInt(n[4]?.padEnd(3, "0") ?? "0", 10);
+  return {
+    negative: e,
+    hours: parseInt(n[1] ?? "0", 10),
+    minutes: parseInt(n[2] ?? "0", 10),
+    seconds: parseInt(n[3] ?? "0", 10),
+    milliseconds: o
+  };
+}, z = (e) => e.type === "DATE" ? e.interval.years === 0 && e.interval.months === 0 && e.interval.weeks === 0 && e.interval.days === 0 : e.interval.hours === 0 && e.interval.minutes === 0 && e.interval.seconds === 0 && e.interval.milliseconds === 0, V = (e) => {
+  let n = "P";
+  return e.type === "DATE" ? n += `${e.interval.years}Y${e.interval.months}M${e.interval.weeks}W${e.interval.days}D` : n += `T${e.interval.hours}H${e.interval.minutes}M${e.interval.seconds}.${e.interval.milliseconds.toString().padStart(3, "0")}S`, e.interval.negative && (n = `-${n}`), n;
+}, D = (e) => {
+  const n = (t, r) => t === 0 ? "" : t === 1 ? `${t} ${r} ` : `${t} ${r}s `;
+  let o = "";
+  if (e.type === "DATE") {
+    if (z(e))
+      return "0 days";
+    o += n(e.interval.years, "year"), o += n(e.interval.months, "month"), o += n(e.interval.weeks, "week"), o += n(e.interval.days, "day");
+  } else {
+    if (z(e))
+      return "0 seconds";
+    o += n(e.interval.hours, "hour"), o += n(e.interval.minutes, "minute");
+    const t = e.interval.milliseconds === 0;
+    (e.interval.seconds !== 0 || !t) && (t ? o += n(e.interval.seconds, "second") : o += `${e.interval.seconds}.${e.interval.milliseconds.toString().padStart(3, "0")} seconds `);
+  }
+  return e.interval.negative && (o = `-(${o.trim()})`), o.trim();
+}, ne = "(\\d+)\\s*y(?:ears?)?", oe = "(\\d+)\\s*m(?:o(?:nths?)?)?", ae = "(\\d+)\\s*w(?:eeks?)?", re = "(\\d+)\\s*d(?:ays?)?", se = "(\\d+)\\s*h(?:ours?)?", le = "(\\d+)\\s*m(?:in(?:s|utes?)?)?", ie = "(\\d+)(?:[,.](\\d{1,3}))?\\s*s(?:ec(?:s|onds?)?)?", de = new RegExp(
+  `^(?:${ne})?\\s*(?:${oe})?\\s*(?:${ae})?\\s*(?:${re})?\\s*$`,
+  "i"
+), ue = new RegExp(
+  `^(?:${se})?\\s*(?:${le})?\\s*(?:${ie})?$`,
+  "i"
+), ke = new RegExp(
+  `^\\s*-\\s*\\(\\s*${de.source.replace(/[$^]/g, "")}\\s*\\)\\s*$`,
+  "i"
+), Ge = new RegExp(
+  `^\\s*-\\s*(?:\\s*${ne}|${oe}|${ae}|${re})\\s*$`,
+  "i"
+), Be = new RegExp(
+  `^\\s*-\\s*\\(\\s*${ue.source.replace(/[$^]/g, "")}\\s*\\)\\s*$`,
+  "i"
+), Ke = new RegExp(
+  `^\\s*-\\s*(?:\\s*${se}|${le}|${ie})\\s*$`,
+  "i"
+), ce = (e) => {
+  if (e = e?.trim(), !e)
+    throw new Error("Empty interval string");
+  const n = de.exec(e), o = ke.exec(e) ?? Ge.exec(e), t = ue.exec(e), r = Be.exec(e) ?? Ke.exec(e), l = n ?? o, a = t ?? r, i = (o ?? r) !== null;
+  if (a && l)
+    throw new Error("Ambiguous time format");
+  if (l)
+    return {
+      type: "DATE",
+      interval: ee(i, l)
+    };
+  if (a)
+    return {
+      type: "TIME",
+      interval: te(i, a)
+    };
+  throw new Error(`Invalid human readable time: ${e}`);
+}, pe = (e, n) => {
+  try {
+    const o = ce(e), t = o.type, r = o.interval.negative;
+    if (t === n || n === "DATE_OR_TIME")
+      return {
+        valid: !0,
+        type: t,
+        negative: r
+      };
+  } catch {
+    return { valid: !1 };
+  }
+}, x = (e) => {
+  if (e = e?.trim(), ["", "P", "PT", "-", "-P", "-PT"].includes(e))
+    throw new Error("Empty ISO duration");
+  const n = /^-?P(?:(\d+)Y)?(?:(\d+)M)?(?:(\d+)W)?(?:(\d+)D)?$/, o = /^-?PT(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)(?:[,.](\d{1,3}))?S)?$/, t = n.exec(e), r = o.exec(e);
+  if (t)
+    return {
+      type: "DATE",
+      interval: ee(
+        e.startsWith("-"),
+        t
+      )
+    };
+  if (r)
+    return {
+      type: "TIME",
+      interval: te(
+        e.startsWith("-"),
+        r
+      )
+    };
+  throw new Error(`Invalid ISO duration: ${e}`);
+}, me = (e, n) => {
+  try {
+    const o = x(e), t = o.type, r = o.interval.negative;
+    if (t === n || n === "DATE_OR_TIME")
+      return {
+        valid: !0,
+        type: t,
+        negative: r
+      };
+  } catch {
+    return { valid: !1 };
+  }
+}, $e = (e) => {
+  const n = me(e, "DATE_OR_TIME"), o = pe(
+    e,
+    "DATE_OR_TIME"
+  );
+  if (n.valid)
+    return x(e);
+  if (o.valid)
+    return ce(e);
+  throw new Error(`Invalid interval string: ${e}`);
+}, C = (e, n) => {
+  const o = me(e, n), t = pe(e, n);
+  return o.valid ? o : t.valid ? t : { valid: !1 };
+}, He = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function je(e, n) {
+  return c(), m("svg", He, n[0] || (n[0] = [
+    u(
+      "path",
+      { d: "m19.7 17-4.6-2.6V8.7m6.3 15.6h8.7m-3.2-3.2 3.2 3.2-3.2 3.2m-18-5.4c-2.2-1.8-3.6-4.6-3.6-7.7 0-5.5 4.4-9.9 9.9-9.9S25 8.9 25 14.4s-4.4 9.9-9.9 9.9H1.9" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ]));
+}
+const Xe = { render: je }, L = [
+  "years",
+  "months",
+  "weeks",
+  "days"
+], Y = [
+  "hours",
+  "minutes",
+  "seconds",
+  "milliseconds"
+], O = {
+  years: { min: 0, max: Number.MAX_SAFE_INTEGER },
+  months: { min: 0, max: Number.MAX_SAFE_INTEGER },
+  weeks: { min: 0, max: Number.MAX_SAFE_INTEGER },
+  days: { min: 0, max: Number.MAX_SAFE_INTEGER },
+  hours: { min: 0, max: Number.MAX_SAFE_INTEGER },
+  minutes: { min: 0, max: Number.MAX_SAFE_INTEGER },
+  seconds: { min: 0, max: Number.MAX_SAFE_INTEGER },
+  milliseconds: { min: 0, max: 999 }
+}, Z = (e, n) => n === "DATE" ? {
+  type: "DATE",
+  interval: e.periodPart
+} : {
+  type: "TIME",
+  interval: e.durationPart
+}, w = (e, n) => e.type === "DATE" ? {
+  ...n,
+  periodPart: e.interval
+} : {
+  ...n,
+  durationPart: e.interval
+}, J = (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase(), We = /* @__PURE__ */ G({
+  __name: "IntervalInputPopoverContent",
+  props: /* @__PURE__ */ q({
+    format: { type: String, required: !0 },
+    allowDescending: { type: Boolean, required: !0 }
+  }, {
+    usedFormat: { type: String, required: !0 },
+    usedFormatModifiers: {},
+    modelValue: { type: Object, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["commit"], ["update:usedFormat", "update:modelValue"]),
+  setup(e, { expose: n, emit: o }) {
+    n();
+    const t = o, r = e, l = U(e, "usedFormat"), a = U(e, "modelValue"), i = P(() => {
+      const v = l.value === "DATE" ? L : Y, y = l.value === "DATE" ? v.map(
+        (p) => a.value.periodPart[p]
+      ) : v.map(
+        (p) => a.value.durationPart[p]
+      );
+      for (let p = 0; p < y.length; p++) {
+        const E = v[p], h = y[p];
+        if (isNaN(h) || h < O[E].min || h > O[E].max)
+          return {
+            valid: !1,
+            reason: `${J(E)} out of bounds.`
+          };
+      }
+      return { valid: !0 };
+    }), g = P({
+      get() {
+        return r.allowDescending ? l.value === "DATE" ? a.value.periodPart.negative ? "DESCENDING" : "ASCENDING" : a.value.durationPart.negative ? "DESCENDING" : "ASCENDING" : "ASCENDING";
+      },
+      set(v) {
+        a.value.periodPart.negative = v === "DESCENDING", a.value.durationPart.negative = v === "DESCENDING";
+      }
+    }), I = { emit: t, props: r, popoverUsedFormat: l, popoverModel: a, isPopoverModelValid: i, ascendingOrDescending: g, requestSavePopup: () => {
+      t(
+        "commit",
+        l.value,
+        a.value,
+        g.value
+      );
+    }, FunctionButton: ye, Tooltip: Ue, NumberInput: Se, ValueSwitch: Ve, get bounds() {
+      return O;
+    }, get durationNumericKeys() {
+      return Y;
+    }, get periodNumericKeys() {
+      return L;
+    }, get toTitleCase() {
+      return J;
+    } };
+    return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
+  }
+}), ze = { class: "header" }, Le = { class: "ascending-descending-switch-container" }, Ye = { class: "input-grid" }, Ze = { class: "input-label" }, Je = { class: "input-label" }, Qe = { class: "accept-controls" };
+function et(e, n, o, t, r, l) {
+  return c(), m(
+    S,
+    null,
+    [
+      u("span", ze, [
+        n[2] || (n[2] = u(
+          "span",
+          { class: "input-title" },
+          "Interval",
+          -1
+          /* CACHED */
+        )),
+        t.props.format === "DATE_OR_TIME" ? (c(), Q(t.ValueSwitch, {
+          key: 0,
+          modelValue: t.popoverUsedFormat,
+          "onUpdate:modelValue": n[0] || (n[0] = (a) => t.popoverUsedFormat = a),
+          "possible-values": [
+            { id: "DATE", text: "Date" },
+            { id: "TIME", text: "Time" }
+          ],
+          compact: ""
+        }, null, 8, ["modelValue"])) : k("v-if", !0)
+      ]),
+      M(u(
+        "div",
+        Le,
+        [
+          _(t.ValueSwitch, {
+            modelValue: t.ascendingOrDescending,
+            "onUpdate:modelValue": n[1] || (n[1] = (a) => t.ascendingOrDescending = a),
+            compact: "",
+            "possible-values": [
+              { id: "ASCENDING", text: "Forward" },
+              { id: "DESCENDING", text: "Backward" }
+            ]
+          }, null, 8, ["modelValue"])
+        ],
+        512
+        /* NEED_PATCH */
+      ), [
+        [R, o.allowDescending]
+      ]),
+      u("div", Ye, [
+        (c(!0), m(
+          S,
+          null,
+          j(t.periodNumericKeys, (a) => M((c(), m(
+            "span",
+            {
+              key: a,
+              class: "labeled-date-time-input"
+            },
+            [
+              u(
+                "span",
+                Ze,
+                F(t.toTitleCase(a)),
+                1
+                /* TEXT */
+              ),
+              _(t.NumberInput, {
+                modelValue: t.popoverModel.periodPart[a],
+                "onUpdate:modelValue": (i) => t.popoverModel.periodPart[a] = i,
+                min: t.bounds[a].min,
+                max: t.bounds[a].max,
+                compact: "",
+                type: "integer"
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max"])
+            ],
+            512
+            /* NEED_PATCH */
+          )), [
+            [R, t.popoverUsedFormat === "DATE"]
+          ])),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        (c(!0), m(
+          S,
+          null,
+          j(t.durationNumericKeys, (a) => M((c(), m(
+            "span",
+            {
+              key: a,
+              class: "labeled-date-time-input"
+            },
+            [
+              u(
+                "span",
+                Je,
+                F(t.toTitleCase(a)),
+                1
+                /* TEXT */
+              ),
+              _(t.NumberInput, {
+                "model-value": t.popoverModel.durationPart[a],
+                min: t.bounds[a].min,
+                max: t.bounds[a].max,
+                compact: "",
+                type: "integer",
+                "onUpdate:modelValue": (i) => {
+                  t.popoverModel.durationPart[a] = i;
+                }
+              }, null, 8, ["model-value", "min", "max", "onUpdate:modelValue"])
+            ],
+            512
+            /* NEED_PATCH */
+          )), [
+            [R, t.popoverUsedFormat === "TIME"]
+          ])),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]),
+      u("div", Qe, [
+        _(t.Tooltip, {
+          text: t.isPopoverModelValid.valid ? "" : t.isPopoverModelValid.reason
+        }, {
+          default: X(() => [
+            _(t.FunctionButton, {
+              primary: "",
+              disabled: !t.isPopoverModelValid.valid,
+              onClick: t.requestSavePopup
+            }, {
+              default: X(() => n[3] || (n[3] = [
+                Ie(
+                  " Set ",
+                  -1
+                  /* CACHED */
+                )
+              ])),
+              _: 1,
+              __: [3]
+            }, 8, ["disabled"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["text"])
+      ])
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const tt = /* @__PURE__ */ A(We, [["render", et], ["__scopeId", "data-v-4f5b672e"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/forms/IntervalInput/components/IntervalInputPopoverContent.vue"]]), nt = {}, ot = /* @__PURE__ */ G({
+  ...nt,
+  __name: "IntervalInput",
+  props: /* @__PURE__ */ q({
+    format: { type: String, required: !1, default: "DATE_OR_TIME" },
+    allowDescending: { type: Boolean, required: !1, default: !0 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    compact: { type: Boolean, required: !1, default: !1 }
+  }, {
+    modelValue: { type: String, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e, { expose: n }) {
+    n();
+    const o = e, t = U(e, "modelValue"), r = f(
+      (() => {
+        if (o.format === "DATE_OR_TIME") {
+          const s = C(
+            t.value,
+            "DATE_OR_TIME"
+          );
+          return s.valid ? s.type : "DATE";
+        } else
+          return o.format;
+      })()
+    ), l = P(() => r.value === "DATE" ? "ISO-8601, whole words (1 year), single letters (1y)" : "ISO-8601, whole words (1 hour), single letters (1h)"), a = f(
+      (() => {
+        const s = x(
+          t.value
+        );
+        return w(s, {
+          periodPart: {
+            negative: !1,
+            years: 0,
+            months: 0,
+            weeks: 0,
+            days: 1
+          },
+          durationPart: {
+            negative: !1,
+            hours: 0,
+            minutes: 0,
+            seconds: 1,
+            milliseconds: 0
+          }
+        });
+      })()
+    ), i = f(
+      D(
+        x(t.value)
+      )
+    ), g = P(() => {
+      const s = C(
+        i.value,
+        "DATE_OR_TIME"
+      );
+      return s.valid && (o.allowDescending || !s.negative) && (s.type === r.value || o.format === "DATE_OR_TIME");
+    }), b = f(null), I = f(null), v = f(null), y = (s, d) => {
+      const T = Z(
+        s,
+        d
+      );
+      i.value = D(T), t.value = V(T), r.value = d, a.value = s;
+    }, p = () => {
+      a.value = w(
+        x(t.value),
+        a.value
+      );
+    }, E = (s) => {
+      const d = C(
+        s,
+        "DATE_OR_TIME"
+      );
+      if (!d.valid || !o.allowDescending && d.negative || d.type !== r.value && o.format !== "DATE_OR_TIME")
+        return;
+      const T = $e(
+        s
+      );
+      a.value = w(
+        T,
+        a.value
+      ), t.value = V(T), r.value = d.type, i.value = D(T);
+    }, h = (s) => {
+      const d = x(s);
+      i.value = D(d), a.value = w(
+        d,
+        a.value
+      ), t.value = s;
+    }, B = (s) => {
+      const d = Z(
+        a.value,
+        s
+      );
+      i.value = D(d), t.value = V(d), r.value = s;
+    }, K = (s) => {
+      s !== "DATE_OR_TIME" && B(s);
+    }, $ = f(!1);
+    W(() => o.format, K), W(t, h);
+    const ve = (s) => {
+      E(s);
+    }, N = (s, d) => {
+      s && d ? y(
+        d.popoverValues,
+        d.usedFormat
+      ) : p(), $.value = !1;
+    };
+    Me(b, () => N(!1), {
+      ignore: [I]
+    }), Pe("Escape", () => N(!1));
+    const { floatingStyles: fe, update: _e } = be(I, b, {
+      middleware: [
+        Re(),
+        // move left/right to keep it on screen
+        Ae({
+          // flip it vertically to keep it on screen
+          mainAxis: !0,
+          crossAxis: !1
+        }),
+        Ne({
+          // move it a bit away from the button vertically
+          mainAxis: 2,
+          // vertical
+          crossAxis: 0
+          // horizontal
+        })
+      ],
+      placement: "top-end",
+      whileElementsMounted: we
+    }), H = { props: o, exposedVModel: t, usedFormat: r, textFieldPlaceholder: l, popoverModel: a, textFieldModel: i, textFieldValueValid: g, durationInputPopoverRef: b, togglePopoverButtonRef: I, inputTextFieldRef: v, updateAllModelsToMatchPopoverModel: y, resetPopoverModelToMatchOtherModels: p, updateAllModelsToMatchPossiblyValidTextFieldModel: E, updateAllModelsToMatchExposedModel: h, updateAllModelsToMatchUsedFormat: B, updateAllModelsToMatchFormatProp: K, showPopOver: $, onCommitTextInputChanges: ve, onCommitPopupChanges: N, popoverFloatingStyles: fe, updateFloating: _e, get DurationIcon() {
+      return Xe;
+    }, IntervalInputPopoverContent: tt };
+    return Object.defineProperty(H, "__isScriptSetup", { enumerable: !1, value: !0 }), H;
+  }
+}), at = { class: "input-fields" }, rt = ["disabled", "placeholder"], st = {
+  key: 0,
+  class: "invalid-marker"
+}, lt = ["disabled"];
+function it(e, n, o, t, r, l) {
+  return c(), m("div", null, [
+    u(
+      "div",
+      {
+        class: Ee(["wrapper", { disabled: o.disabled, compact: o.compact }])
+      },
+      [
+        u("span", at, [
+          M(u("input", {
+            ref: "inputTextFieldRef",
+            "onUpdate:modelValue": n[0] || (n[0] = (a) => t.textFieldModel = a),
+            type: "text",
+            disabled: o.disabled,
+            placeholder: t.textFieldPlaceholder,
+            spellcheck: "false",
+            onFocus: n[1] || (n[1] = (a) => t.showPopOver = !1),
+            onFocusout: n[2] || (n[2] = () => t.onCommitTextInputChanges(t.textFieldModel)),
+            onKeypress: n[3] || (n[3] = he(() => t.onCommitTextInputChanges(t.textFieldModel), ["enter"]))
+          }, null, 40, rt), [
+            [Te, t.textFieldModel]
+          ]),
+          t.textFieldValueValid ? k("v-if", !0) : (c(), m("span", st)),
+          u("button", {
+            ref: "togglePopoverButtonRef",
+            class: "trigger-popover-button",
+            disabled: o.disabled,
+            onClick: n[4] || (n[4] = () => {
+              t.showPopOver ? t.onCommitPopupChanges(!1) : (t.showPopOver = !0, t.updateFloating());
+            })
+          }, [
+            _(t.DurationIcon)
+          ], 8, lt)
+        ])
+      ],
+      2
+      /* CLASS */
+    ),
+    M(u(
+      "div",
+      {
+        ref: "durationInputPopoverRef",
+        class: "control-popup",
+        style: xe(t.popoverFloatingStyles)
+      },
+      [
+        _(t.IntervalInputPopoverContent, {
+          "model-value": t.popoverModel,
+          "used-format": t.usedFormat,
+          format: t.props.format,
+          "allow-descending": t.props.allowDescending,
+          onCommit: n[5] || (n[5] = (a, i, g) => t.onCommitPopupChanges(!0, {
+            usedFormat: a,
+            popoverValues: i,
+            directionality: g
+          }))
+        }, null, 8, ["model-value", "used-format", "format", "allow-descending"])
+      ],
+      4
+      /* STYLE */
+    ), [
+      [R, t.showPopOver]
+    ])
+  ]);
+}
+const dt = /* @__PURE__ */ A(ot, [["render", it], ["__scopeId", "data-v-a2518806"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/forms/IntervalInput/IntervalInput.vue"]]), ut = /* @__PURE__ */ G({
+  __name: "IntervalControl",
+  props: {
+    control: { type: Object, required: !0 },
+    handleChange: { type: Function, required: !0 },
+    changeValue: { type: Function, required: !0 },
+    disabled: { type: Boolean, required: !0 },
+    isValid: { type: Boolean, required: !0 },
+    onRegisterValidation: { type: Function, required: !0 },
+    labelForId: { type: String, required: !0 }
+  },
+  setup(e, { expose: n }) {
+    n();
+    const o = e, t = P(
+      () => o.control.uischema
+    ), r = De(
+      t,
+      "intervalType",
+      "DATE_OR_TIME"
+    ), l = { props: o, uischema: t, intervalType: r, get IntervalInput() {
+      return dt;
+    } };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+  }
+});
+function ct(e, n, o, t, r, l) {
+  return c(), Q(t.IntervalInput, {
+    id: o.labelForId,
+    compact: "",
+    disabled: o.disabled,
+    "model-value": o.control.data,
+    format: t.intervalType,
+    "onUpdate:modelValue": o.changeValue
+  }, null, 8, ["id", "disabled", "model-value", "format", "onUpdate:modelValue"]);
+}
+const It = /* @__PURE__ */ A(ut, [["render", ct], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/IntervalControl.vue"]]);
+export {
+  It as default
+};

package/dist/LoadingDropdown-B9jHjdWV.js

@@ -0,0 +1,50 @@
+import { defineComponent as u, computed as s, createBlock as d, openBlock as p, mergeProps as c, withCtx as m, createCommentVNode as b } from "vue";
+import { L as g } from "./LoadingIcon-RPBUjTO3.js";
+import { D as _ } from "./Dropdown-D49sEHBa.js";
+import { _ as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const V = /* @__PURE__ */ u({
+  __name: "LoadingDropdown",
+  props: {
+    possibleValues: { type: [Array, null], required: !0 },
+    modelValue: { type: String, required: !0 },
+    id: { type: String, required: !0 },
+    ariaLabel: { type: String, required: !0 },
+    disabled: { type: Boolean, required: !0 }
+  },
+  setup(r, { expose: n }) {
+    n();
+    const e = r, o = s(() => {
+      const { possibleValues: i } = e;
+      return i === null ? "Loading" : i.length > 0 ? "No value selected" : "No values present";
+    }), l = s(() => e.possibleValues === null ? "" : e.modelValue), a = s(
+      () => e.disabled || e.possibleValues === null || e.possibleValues.length === 0
+    ), t = { props: e, placeholderText: o, asyncValue: l, disabledOrNoOptions: a, get Dropdown() {
+      return _;
+    }, get LoadingIcon() {
+      return g;
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+function h(r, n, e, o, l, a) {
+  return p(), d(o.Dropdown, c({ ...r.$props, ...r.$attrs }, {
+    "model-value": o.asyncValue,
+    disabled: o.disabledOrNoOptions,
+    "possible-values": e.possibleValues ?? [],
+    placeholder: o.placeholderText,
+    compact: ""
+  }), {
+    "icon-right": m(() => [
+      e.possibleValues === null ? (p(), d(o.LoadingIcon, {
+        key: 0,
+        class: "loading-icon"
+      })) : b("v-if", !0)
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["model-value", "disabled", "possible-values", "placeholder"]);
+}
+const D = /* @__PURE__ */ f(V, [["render", h], ["__scopeId", "data-v-cb6c2a90"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/loading/LoadingDropdown.vue"]]);
+export {
+  D as L
+};