@knime/jsonforms 0.1.7 → 1.0.1

package/dist/{IntervalControl-CsuXbPwA.js → IntervalControl-JL6QGHT2.js}

@@ -1,9 +1,29 @@
-import { openBlock as m, createElementBlock as _, renderSlot as Te, toDisplayString as w, createCommentVNode as B, createElementVNode as p, defineComponent as U, mergeModels as G, useModel as k, computed as x, Fragment as V, createBlock as j, withDirectives as M, createVNode as h, vShow as b, renderList as X, unref as u, withCtx as H, createTextVNode as ge, pushScopeId as De, popScopeId as xe, ref as T, watch as K, normalizeClass as ye, withKeys as Pe, vModelText as $e, normalizeStyle as Me } from "vue";
-import { _ as F, F as Ae, a4 as Re, a5 as we, d as be, f as Ne, a6 as Ve, e as Se, r as Ce, a as Oe, p as Ge, L as ke } from "./index-1mTLieVA.js";
-import { u as He } from "./floating-ui.vue.esm-D_FlISFP.js";
-import { N as W } from "./NumberInput-84bJjfB4.js";
-import { V as q } from "./ValueSwitch-DXmeJXda.js";
-const J = (e, t) => ({
+import { openBlock as p, createElementBlock as E, renderSlot as Te, toDisplayString as w, createCommentVNode as B, createElementVNode as v, defineComponent as F, mergeModels as G, useModel as k, computed as D, Fragment as V, createBlock as j, withDirectives as P, createVNode as I, vShow as b, renderList as z, unref as c, withCtx as X, createTextVNode as ge, pushScopeId as De, popScopeId as ye, ref as h, watch as K, normalizeClass as xe, withKeys as $e, vModelText as Me, normalizeStyle as Pe } from "vue";
+import { _ as H, u as Ae } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
+import { o as Re, a as we } from "./index-Cp7Xre_V.js";
+import { u as be, s as Ne, f as Ve, o as Se, a as Ce } from "./floating-ui.vue.esm-CDpUY3-t.js";
+import { F as Oe } from "./FunctionButton-DBec3TQi.js";
+import { N as W } from "./NumberInput-DERn3NyL.js";
+import { V as q } from "./ValueSwitch-CpE1f4ie.js";
+const Ge = {
+  name: "Tooltip",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    }
+  }
+}, ke = { class: "tooltip" }, Be = {
+  key: 0,
+  class: "text"
+};
+function Fe(e, t, a, n, i, s) {
+  return p(), E("div", ke, [
+    Te(e.$slots, "default", {}, void 0, !0),
+    a.text ? (p(), E("span", Be, w(a.text), 1)) : B("", !0)
+  ]);
+}
+const He = /* @__PURE__ */ H(Ge, [["render", Fe], ["__scopeId", "data-v-05123edc"]]), J = (e, t) => ({
   negative: e,
   years: parseInt(t[1] ?? "0", 10),
   months: parseInt(t[2] ?? "0", 10),
@@ -22,7 +42,7 @@ const J = (e, t) => ({
 }, N = (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, S = (e) => {
   let t = "P";
   return e.type === "DATE" ? t += `${e.interval.years}Y${e.interval.months}M${e.interval.weeks}W${e.interval.days}D` : t += `T${e.interval.hours}H${e.interval.minutes}M${e.interval.seconds}.${e.interval.milliseconds.toString().padStart(3, "0")}S`, e.interval.negative && (t = `-${t}`), t;
-}, $ = (e) => {
+}, M = (e) => {
   const t = (n, i) => n === 0 ? "" : n === 1 ? `${n} ${i} ` : `${n} ${i}s `;
   let a = "";
   if (e.type === "DATE") {
@@ -43,33 +63,33 @@ const J = (e, t) => ({
 ), ie = new RegExp(
   `^(?:${se})?\\s*(?:${oe})?\\s*(?:${le})?$`,
   "i"
-), Be = new RegExp(
+), Ue = new RegExp(
   `^\\s*-\\s*\\(\\s*${re.source.replace(/[$^]/g, "")}\\s*\\)\\s*$`,
   "i"
-), Ue = new RegExp(
+), ze = new RegExp(
   `^\\s*-\\s*(?:\\s*${ee}|${te}|${ae}|${ne})\\s*$`,
   "i"
-), Fe = new RegExp(
+), Xe = new RegExp(
   `^\\s*-\\s*\\(\\s*${ie.source.replace(/[$^]/g, "")}\\s*\\)\\s*$`,
   "i"
-), ze = new RegExp(
+), Ke = new RegExp(
   `^\\s*-\\s*(?:\\s*${se}|${oe}|${le})\\s*$`,
   "i"
 ), de = (e) => {
   if (e = e == null ? void 0 : e.trim(), !e)
     throw new Error("Empty interval string");
-  const t = re.exec(e), a = Be.exec(e) ?? Ue.exec(e), n = ie.exec(e), i = Fe.exec(e) ?? ze.exec(e), r = t ?? a, d = n ?? i, f = (a ?? i) !== null;
-  if (d && r)
+  const t = re.exec(e), a = Ue.exec(e) ?? ze.exec(e), n = ie.exec(e), i = Xe.exec(e) ?? Ke.exec(e), s = t ?? a, d = n ?? i, _ = (a ?? i) !== null;
+  if (d && s)
     throw new Error("Ambiguous time format");
-  if (r)
+  if (s)
     return {
       type: "DATE",
-      interval: J(f, r)
+      interval: J(_, s)
     };
   if (d)
     return {
       type: "TIME",
-      interval: Q(f, d)
+      interval: Q(_, d)
     };
   throw new Error(`Invalid human readable time: ${e}`);
 }, ue = (e, t) => {
@@ -84,7 +104,7 @@ const J = (e, t) => ({
   } catch {
     return { valid: !1 };
   }
-}, D = (e) => {
+}, g = (e) => {
   if (e = e == null ? void 0 : e.trim(), ["", "P", "PT", "-", "-P", "-PT"].includes(e))
     throw new Error("Empty ISO duration");
   const t = /^-?P(?:(\d+)Y)?(?:(\d+)M)?(?:(\d+)W)?(?:(\d+)D)?$/, a = /^-?PT(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)(?:[,.](\d{1,3}))?S)?$/, n = t.exec(e), i = a.exec(e);
@@ -107,7 +127,7 @@ const J = (e, t) => ({
   throw new Error(`Invalid ISO duration: ${e}`);
 }, ce = (e, t) => {
   try {
-    const a = D(e), n = a.type, i = a.interval.negative;
+    const a = g(e), n = a.type, i = a.interval.negative;
     return n === t || t === "DATE_OR_TIME" ? {
       valid: !0,
       type: n,
@@ -117,50 +137,32 @@ const J = (e, t) => ({
   } catch {
     return { valid: !1 };
   }
-}, Xe = (e) => {
+}, We = (e) => {
   const t = ce(e, "DATE_OR_TIME"), a = ue(
     e,
     "DATE_OR_TIME"
   );
   if (t.valid)
-    return D(e);
+    return g(e);
   if (a.valid)
     return de(e);
   throw new Error(`Invalid interval string: ${e}`);
 }, C = (e, t) => {
   const a = ce(e, t), n = ue(e, t);
   return a.valid ? a : n.valid ? n : { valid: !1 };
-}, Ke = {
-  name: "Tooltip",
-  props: {
-    text: {
-      type: String,
-      required: !0
-    }
-  }
-}, We = { class: "tooltip" }, qe = {
-  key: 0,
-  class: "text"
-};
-function Le(e, t, a, n, i, r) {
-  return m(), _("div", We, [
-    Te(e.$slots, "default", {}, void 0, !0),
-    a.text ? (m(), _("span", qe, w(a.text), 1)) : B("", !0)
-  ]);
-}
-const Ye = /* @__PURE__ */ F(Ke, [["render", Le], ["__scopeId", "data-v-05123edc"]]), Ze = {
+}, qe = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
-}, je = /* @__PURE__ */ p("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), Je = [
-  je
+}, Le = /* @__PURE__ */ v("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), Ye = [
+  Le
 ];
-function Qe(e, t) {
-  return m(), _("svg", Ze, [...Je]);
+function Ze(e, t) {
+  return p(), E("svg", qe, [...Ye]);
 }
-const et = { render: Qe }, L = [
+const je = { render: Ze }, L = [
   "years",
   "months",
   "weeks",
@@ -170,7 +172,7 @@ const et = { render: Qe }, L = [
   "minutes",
   "seconds",
   "milliseconds"
-], g = {
+], T = {
   years: { min: 0, max: Number.MAX_SAFE_INTEGER },
   months: { min: 0, max: Number.MAX_SAFE_INTEGER },
   weeks: { min: 0, max: Number.MAX_SAFE_INTEGER },
@@ -191,7 +193,7 @@ const et = { render: Qe }, L = [
 } : {
   ...t,
   durationPart: e.interval
-}, O = (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase(), tt = (e) => (De("data-v-41a0e491"), e = e(), xe(), e), at = { class: "header" }, nt = /* @__PURE__ */ tt(() => /* @__PURE__ */ p("span", { class: "input-title" }, "Interval value", -1)), st = { class: "ascending-descending-switch-container" }, ot = { class: "input-grid" }, lt = { class: "input-label" }, rt = { class: "input-label" }, it = { class: "accept-controls" }, dt = /* @__PURE__ */ U({
+}, O = (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase(), Je = (e) => (De("data-v-41a0e491"), e = e(), ye(), e), Qe = { class: "header" }, et = /* @__PURE__ */ Je(() => /* @__PURE__ */ v("span", { class: "input-title" }, "Interval value", -1)), tt = { class: "ascending-descending-switch-container" }, at = { class: "input-grid" }, nt = { class: "input-label" }, st = { class: "input-label" }, ot = { class: "accept-controls" }, lt = /* @__PURE__ */ F({
   __name: "IntervalInputPopoverContent",
   props: /* @__PURE__ */ G({
     format: {},
@@ -208,44 +210,44 @@ const et = { render: Qe }, L = [
   }),
   emits: /* @__PURE__ */ G(["commit"], ["update:usedFormat", "update:modelValue"]),
   setup(e, { emit: t }) {
-    const a = t, n = e, i = k(e, "usedFormat"), r = k(e, "modelValue"), d = x(() => {
-      const c = i.value === "DATE" ? L : Y, v = i.value === "DATE" ? c.map(
-        (s) => r.value.periodPart[s]
-      ) : c.map(
-        (s) => r.value.durationPart[s]
+    const a = t, n = e, i = k(e, "usedFormat"), s = k(e, "modelValue"), d = D(() => {
+      const u = i.value === "DATE" ? L : Y, m = i.value === "DATE" ? u.map(
+        (o) => s.value.periodPart[o]
+      ) : u.map(
+        (o) => s.value.durationPart[o]
       );
-      for (let s = 0; s < v.length; s++)
-        if (v[s] < g[c[s]].min || v[s] > g[c[s]].max)
+      for (let o = 0; o < m.length; o++)
+        if (m[o] < T[u[o]].min || m[o] > T[u[o]].max)
           return {
             valid: !1,
-            reason: `${O(c[s])} out of bounds.`
+            reason: `${O(u[o])} out of bounds.`
           };
-      return v.every((s) => s === 0) ? {
+      return m.every((o) => o === 0) ? {
         valid: !1,
         reason: "All values may not be zero."
       } : { valid: !0 };
-    }), f = x({
+    }), _ = D({
       get() {
-        return n.allowDescending ? i.value === "DATE" ? r.value.periodPart.negative ? "DESCENDING" : "ASCENDING" : r.value.durationPart.negative ? "DESCENDING" : "ASCENDING" : "ASCENDING";
+        return n.allowDescending ? i.value === "DATE" ? s.value.periodPart.negative ? "DESCENDING" : "ASCENDING" : s.value.durationPart.negative ? "DESCENDING" : "ASCENDING" : "ASCENDING";
       },
-      set(c) {
-        r.value.periodPart.negative = c === "DESCENDING", r.value.durationPart.negative = c === "DESCENDING";
+      set(u) {
+        s.value.periodPart.negative = u === "DESCENDING", s.value.durationPart.negative = u === "DESCENDING";
       }
-    }), I = () => {
+    }), y = () => {
       a(
         "commit",
         i.value,
-        r.value,
-        f.value
+        s.value,
+        _.value
       );
     };
-    return (c, v) => (m(), _(V, null, [
-      p("span", at, [
-        nt,
-        n.format === "DATE_OR_TIME" ? (m(), j(q, {
+    return (u, m) => (p(), E(V, null, [
+      v("span", Qe, [
+        et,
+        n.format === "DATE_OR_TIME" ? (p(), j(q, {
           key: 0,
           modelValue: i.value,
-          "onUpdate:modelValue": v[0] || (v[0] = (s) => i.value = s),
+          "onUpdate:modelValue": m[0] || (m[0] = (o) => i.value = o),
           "possible-values": [
             { id: "DATE", text: "Date" },
             { id: "TIME", text: "Time" }
@@ -253,10 +255,10 @@ const et = { render: Qe }, L = [
           compact: ""
         }, null, 8, ["modelValue"])) : B("", !0)
       ]),
-      M(p("div", st, [
-        h(q, {
-          modelValue: f.value,
-          "onUpdate:modelValue": v[1] || (v[1] = (s) => f.value = s),
+      P(v("div", tt, [
+        I(q, {
+          modelValue: _.value,
+          "onUpdate:modelValue": m[1] || (m[1] = (o) => _.value = o),
           compact: "",
           "possible-values": [
             { id: "ASCENDING", text: "Ascending interval" },
@@ -264,55 +266,55 @@ const et = { render: Qe }, L = [
           ]
         }, null, 8, ["modelValue"])
       ], 512), [
-        [b, c.allowDescending]
+        [b, u.allowDescending]
       ]),
-      p("div", ot, [
-        (m(!0), _(V, null, X(u(L), (s) => M((m(), _("span", {
-          key: s,
+      v("div", at, [
+        (p(!0), E(V, null, z(c(L), (o) => P((p(), E("span", {
+          key: o,
           class: "labeled-date-time-input"
         }, [
-          p("span", lt, w(u(O)(s)), 1),
-          h(W, {
-            modelValue: r.value.periodPart[s],
-            "onUpdate:modelValue": (y) => r.value.periodPart[s] = y,
-            min: u(g)[s].min,
-            max: u(g)[s].max,
+          v("span", nt, w(c(O)(o)), 1),
+          I(W, {
+            modelValue: s.value.periodPart[o],
+            "onUpdate:modelValue": (x) => s.value.periodPart[o] = x,
+            min: c(T)[o].min,
+            max: c(T)[o].max,
             compact: "",
             type: "integer"
           }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max"])
         ], 512)), [
           [b, i.value === "DATE"]
         ])), 128)),
-        (m(!0), _(V, null, X(u(Y), (s) => M((m(), _("span", {
-          key: s,
+        (p(!0), E(V, null, z(c(Y), (o) => P((p(), E("span", {
+          key: o,
           class: "labeled-date-time-input"
         }, [
-          p("span", rt, w(u(O)(s)), 1),
-          h(W, {
-            "model-value": r.value.durationPart[s],
-            min: u(g)[s].min,
-            max: u(g)[s].max,
+          v("span", st, w(c(O)(o)), 1),
+          I(W, {
+            "model-value": s.value.durationPart[o],
+            min: c(T)[o].min,
+            max: c(T)[o].max,
             compact: "",
             type: "integer",
-            "onUpdate:modelValue": (y) => {
-              r.value.durationPart[s] = y;
+            "onUpdate:modelValue": (x) => {
+              s.value.durationPart[o] = x;
             }
           }, null, 8, ["model-value", "min", "max", "onUpdate:modelValue"])
         ], 512)), [
           [b, i.value === "TIME"]
         ])), 128))
       ]),
-      p("div", it, [
-        h(Ye, {
+      v("div", ot, [
+        I(He, {
           text: d.value.valid ? "" : d.value.reason
         }, {
-          default: H(() => [
-            h(Ae, {
+          default: X(() => [
+            I(Oe, {
               primary: "",
               disabled: !d.value.valid,
-              onClick: I
+              onClick: y
             }, {
-              default: H(() => [
+              default: X(() => [
                 ge(" Set " + w(i.value.toLowerCase()) + " interval ", 1)
               ]),
               _: 1
@@ -323,11 +325,11 @@ const et = { render: Qe }, L = [
       ])
     ], 64));
   }
-}), ut = /* @__PURE__ */ F(dt, [["__scopeId", "data-v-41a0e491"]]), ct = { class: "input-fields" }, vt = ["disabled", "placeholder"], pt = {
+}), rt = /* @__PURE__ */ H(lt, [["__scopeId", "data-v-41a0e491"]]), it = { class: "input-fields" }, dt = ["disabled", "placeholder"], ut = {
   key: 0,
   class: "invalid-marker"
-}, mt = ["disabled"], ft = {}, Et = /* @__PURE__ */ U({
-  ...ft,
+}, ct = ["disabled"], vt = {}, pt = /* @__PURE__ */ F({
+  ...vt,
   __name: "IntervalInput",
   props: /* @__PURE__ */ G({
     format: { default: "DATE_OR_TIME" },
@@ -342,23 +344,23 @@ const et = { render: Qe }, L = [
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = k(e, "modelValue"), n = T(
+    const t = e, a = k(e, "modelValue"), n = h(
       (() => {
         if (t.format === "DATE_OR_TIME") {
-          const o = C(
+          const l = C(
             a.value,
             "DATE_OR_TIME"
           );
-          return o.valid ? o.type : "DATE";
+          return l.valid ? l.type : "DATE";
         } else
           return t.format;
       })()
-    ), i = x(() => n.value === "DATE" ? "ISO-8601, whole words (1 year), single letters (1y)" : "ISO-8601, whole words (1 hour), single letters (1h)"), r = T(
+    ), i = D(() => n.value === "DATE" ? "ISO-8601, whole words (1 year), single letters (1y)" : "ISO-8601, whole words (1 hour), single letters (1h)"), s = h(
       (() => {
-        const o = D(
+        const l = g(
           a.value
         );
-        return R(o, {
+        return R(l, {
           periodPart: {
             negative: !1,
             years: 0,
@@ -375,78 +377,78 @@ const et = { render: Qe }, L = [
           }
         });
       })()
-    ), d = T(
-      $(
-        D(a.value)
+    ), d = h(
+      M(
+        g(a.value)
       )
-    ), f = x(() => {
-      const o = C(
+    ), _ = D(() => {
+      const l = C(
         d.value,
         "DATE_OR_TIME"
       );
-      return o.valid && (t.allowDescending || !o.negative) && !o.zero && (o.type === n.value || t.format === "DATE_OR_TIME");
-    }), I = T(null), c = T(null), v = T(null), s = (o, l) => {
-      const E = Z(
-        o,
-        l
+      return l.valid && (t.allowDescending || !l.negative) && !l.zero && (l.type === n.value || t.format === "DATE_OR_TIME");
+    }), y = h(null), u = h(null), m = h(null), o = (l, r) => {
+      const f = Z(
+        l,
+        r
       );
-      d.value = $(E), a.value = S(E), n.value = l, r.value = o;
-    }, y = () => {
-      r.value = R(
-        D(a.value),
-        r.value
+      d.value = M(f), a.value = S(f), n.value = r, s.value = l;
+    }, x = () => {
+      s.value = R(
+        g(a.value),
+        s.value
       );
-    }, ve = (o) => {
-      const l = C(
-        o,
+    }, ve = (l) => {
+      const r = C(
+        l,
         "DATE_OR_TIME"
       );
-      if (!l.valid || l.zero || !t.allowDescending && l.negative || l.type !== n.value && t.format !== "DATE_OR_TIME")
+      if (!r.valid || r.zero || !t.allowDescending && r.negative || r.type !== n.value && t.format !== "DATE_OR_TIME")
         return;
-      const E = Xe(
-        o
+      const f = We(
+        l
       );
-      r.value = R(
-        E,
-        r.value
-      ), a.value = S(E), n.value = l.type, d.value = $(E);
-    }, pe = (o) => {
-      const l = D(o);
-      d.value = $(l), r.value = R(
-        l,
-        r.value
-      ), a.value = o;
-    }, me = (o) => {
-      const l = Z(
-        r.value,
-        o
+      s.value = R(
+        f,
+        s.value
+      ), a.value = S(f), n.value = r.type, d.value = M(f);
+    }, pe = (l) => {
+      const r = g(l);
+      d.value = M(r), s.value = R(
+        r,
+        s.value
+      ), a.value = l;
+    }, me = (l) => {
+      const r = Z(
+        s.value,
+        l
       );
-      d.value = $(l), a.value = S(l), n.value = o;
-    }, fe = (o) => {
-      o !== "DATE_OR_TIME" && me(o);
-    }, P = T(!1);
+      d.value = M(r), a.value = S(r), n.value = l;
+    }, fe = (l) => {
+      l !== "DATE_OR_TIME" && me(l);
+    }, $ = h(!1);
     K(() => t.format, fe), K(a, pe);
-    const z = (o) => {
-      ve(o);
-    }, A = (o, l) => {
-      o && l ? s(
-        l.popoverValues,
-        l.usedFormat
-      ) : y(), P.value = !1;
+    const U = (l) => {
+      ve(l);
+    }, A = (l, r) => {
+      l && r ? o(
+        r.popoverValues,
+        r.usedFormat
+      ) : x(), $.value = !1;
     };
-    Re(I, () => A(!1), {
-      ignore: [c]
+    Re(y, () => A(!1), {
+      ignore: [u]
     }), we("Escape", () => A(!1));
-    const { floatingStyles: Ee, update: _e } = He(c, I, {
+    const { floatingStyles: Ee, update: _e } = be(u, y, {
       middleware: [
-        be(),
+        Ne(),
         // move left/right to keep it on screen
-        Ne({
+        Ve({
           // flip it vertically to keep it on screen
           mainAxis: !0,
           crossAxis: !1
         }),
-        Ve({
+        Se({
           // move it a bit away from the button vertically
           mainAxis: 2,
           // vertical
@@ -455,95 +457,91 @@ const et = { render: Qe }, L = [
         })
       ],
       placement: "top-end",
-      whileElementsMounted: Se
+      whileElementsMounted: Ce
     });
-    return (o, l) => (m(), _("div", null, [
-      p("div", {
-        class: ye(["wrapper", { disabled: o.disabled, compact: o.compact }])
+    return (l, r) => (p(), E("div", null, [
+      v("div", {
+        class: xe(["wrapper", { disabled: l.disabled, compact: l.compact }])
       }, [
-        p("span", ct, [
-          M(p("input", {
+        v("span", it, [
+          P(v("input", {
             ref_key: "inputTextFieldRef",
-            ref: v,
-            "onUpdate:modelValue": l[0] || (l[0] = (E) => d.value = E),
+            ref: m,
+            "onUpdate:modelValue": r[0] || (r[0] = (f) => d.value = f),
             type: "text",
-            disabled: o.disabled,
+            disabled: l.disabled,
             placeholder: i.value,
             spellcheck: "false",
-            onFocus: l[1] || (l[1] = (E) => P.value = !1),
-            onFocusout: l[2] || (l[2] = () => z(d.value)),
-            onKeypress: l[3] || (l[3] = Pe(() => z(d.value), ["enter"]))
-          }, null, 40, vt), [
-            [$e, d.value]
+            onFocus: r[1] || (r[1] = (f) => $.value = !1),
+            onFocusout: r[2] || (r[2] = () => U(d.value)),
+            onKeypress: r[3] || (r[3] = $e(() => U(d.value), ["enter"]))
+          }, null, 40, dt), [
+            [Me, d.value]
           ]),
-          f.value ? B("", !0) : (m(), _("span", pt)),
-          p("button", {
+          _.value ? B("", !0) : (p(), E("span", ut)),
+          v("button", {
             ref_key: "togglePopoverButtonRef",
-            ref: c,
+            ref: u,
             class: "trigger-popover-button",
-            disabled: o.disabled,
-            onClick: l[4] || (l[4] = () => {
-              P.value ? A(!1) : (P.value = !0, u(_e)());
+            disabled: l.disabled,
+            onClick: r[4] || (r[4] = () => {
+              $.value ? A(!1) : ($.value = !0, c(_e)());
             })
           }, [
-            h(u(et))
-          ], 8, mt)
+            I(c(je))
+          ], 8, ct)
         ])
       ], 2),
-      M(p("div", {
+      P(v("div", {
         ref_key: "durationInputPopoverRef",
-        ref: I,
+        ref: y,
         class: "control-popup",
-        style: Me(u(Ee))
+        style: Pe(c(Ee))
       }, [
-        h(ut, {
-          "model-value": r.value,
+        I(rt, {
+          "model-value": s.value,
           "used-format": n.value,
           format: t.format,
           "allow-descending": t.allowDescending,
-          onCommit: l[5] || (l[5] = (E, Ie, he) => A(!0, {
-            usedFormat: E,
-            popoverValues: Ie,
-            directionality: he
+          onCommit: r[5] || (r[5] = (f, he, Ie) => A(!0, {
+            usedFormat: f,
+            popoverValues: he,
+            directionality: Ie
           }))
         }, null, 8, ["model-value", "used-format", "format", "allow-descending"])
       ], 4), [
-        [b, P.value]
+        [b, $.value]
       ])
     ]));
   }
-}), _t = /* @__PURE__ */ F(Et, [["__scopeId", "data-v-0dd589ba"]]), xt = /* @__PURE__ */ U({
+}), mt = /* @__PURE__ */ H(pt, [["__scopeId", "data-v-0dd589ba"]]), Dt = /* @__PURE__ */ F({
   __name: "IntervalControl",
-  props: Ce(),
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {}
+  },
   setup(e) {
-    var f;
-    const t = e, { control: a, disabled: n, onChange: i } = Oe({
-      props: t
-    }), r = x(() => a.value.uischema.options), d = Ge(
-      x(() => {
-        var I;
-        return (I = r.value) == null ? void 0 : I.intervalTypeProvider;
+    var i;
+    const t = e, a = D(() => t.control.uischema.options), n = Ae(
+      D(() => {
+        var s;
+        return (s = a.value) == null ? void 0 : s.intervalTypeProvider;
       }),
-      ((f = r.value) == null ? void 0 : f.intervalType) ?? "DATE_OR_TIME"
+      ((i = a.value) == null ? void 0 : i.intervalType) ?? "DATE_OR_TIME"
     );
-    return (I, c) => (m(), j(ke, {
-      control: u(a),
-      onControllingFlowVariableSet: u(i)
-    }, {
-      default: H(({ labelForId: v }) => [
-        h(u(_t), {
-          id: v,
-          compact: "",
-          disabled: u(n),
-          "model-value": u(a).data,
-          format: u(d),
-          "onUpdate:modelValue": u(i)
-        }, null, 8, ["id", "disabled", "model-value", "format", "onUpdate:modelValue"])
-      ]),
-      _: 1
-    }, 8, ["control", "onControllingFlowVariableSet"]));
+    return (s, d) => (p(), j(c(mt), {
+      id: s.labelForId,
+      compact: "",
+      disabled: s.disabled,
+      "model-value": s.control.data,
+      format: c(n),
+      "onUpdate:modelValue": s.changeValue
+    }, null, 8, ["id", "disabled", "model-value", "format", "onUpdate:modelValue"]));
   }
 });
 export {
-  xt as default
+  Dt as default
 };