@knime/jsonforms 2.1.0 → 3.0.0

package/dist/SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js

@@ -0,0 +1,1284 @@
+import { defineComponent as x, ref as P, inject as Q, watch as ee, computed as d, openBlock as g, createElementBlock as B, Fragment as X, renderSlot as O, createBlock as $, Teleport as ke, unref as l, createVNode as M, Transition as Be, withCtx as Y, createElementVNode as K, createCommentVNode as I, provide as Fe, onMounted as te, nextTick as Ve, useId as Pe, normalizeClass as $e, toRef as le, h as V, toValue as se, reactive as ie, defineAsyncComponent as c, normalizeStyle as Ae, renderList as ce, toRaw as Me } from "vue";
+import { KdsPanel as Ie, kdsToggleSwitchSize as Oe, KdsLabel as me, KdsToggleSwitch as Ee, KdsInfoToggleButton as Ue, KdsDescription as _e, KdsPasswordInput as He, KdsNumberInput as ze, KdsButton as H, KdsInlineMessage as Ne, KdsUsernameInput as We } from "@knime/kds-components";
+import { useJsonFormsControl as pe, rendererProps as oe, useJsonFormsLayout as qe, useJsonFormsArrayControl as Ke, DispatchRenderer as je } from "@jsonforms/vue";
+import { rankWith as s, schemaMatches as ve, hasType as Ge, and as C, isControl as F, isIntegerControl as z, isBooleanControl as Je, isNumberControl as fe, isStringControl as ne, uiTypeIs as U, isAnyOfControl as Ze, isDateTimeControl as Qe, isOneOfControl as re, composePaths as Z, not as Xe } from "@jsonforms/core";
+const j = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [n, r] of o)
+    t[n] = r;
+  return t;
+}, Ye = ["aria-label"], et = { class: "settings-sub-panel-body" }, tt = {
+  key: 0,
+  class: "settings-sub-panel-footer"
+}, he = /* @__PURE__ */ Symbol("subPanelDestInjectionKey"), Hn = (e) => Fe(he, e), zn = /* @__PURE__ */ x({
+  __name: "SettingsSubPanel",
+  props: {
+    showBackArrow: { type: Boolean, default: !0 },
+    backButtonLabel: { default: "Back" },
+    ariaLabel: { default: () => {
+    } }
+  },
+  setup(e, { expose: o }) {
+    const t = P(!1), n = P(null), r = P(null), a = () => {
+      r.value = document.activeElement ?? null, t.value = !0;
+    }, u = () => {
+      t.value = !1;
+    };
+    o({ expand: a, close: u });
+    const m = Q("setSubPanelExpanded", void 0);
+    ee(t, (T) => {
+      m?.({ isExpanded: T }), !T && r.value && (r.value.focus(), r.value = null);
+    });
+    const h = () => {
+      n.value?.focus();
+    }, S = Q(he), w = d(() => e.ariaLabel ?? e.backButtonLabel), D = d(
+      () => e.showBackArrow ? {
+        type: "button",
+        props: {
+          label: e.backButtonLabel,
+          leadingIcon: "back",
+          variant: "transparent"
+        },
+        onClick: u
+      } : void 0
+    );
+    return (T, A) => (g(), B(X, null, [
+      O(T.$slots, "expand-button", { expand: a }, void 0, !0),
+      (g(), $(ke, { to: l(S) }, [
+        M(Be, {
+          name: "slide",
+          onAfterEnter: h
+        }, {
+          default: Y(() => [
+            t.value ? (g(), B("aside", {
+              key: 0,
+              ref_key: "panelRef",
+              ref: n,
+              class: "settings-sub-panel",
+              "aria-label": w.value,
+              tabindex: "-1"
+            }, [
+              M(l(Ie), {
+                headline: D.value,
+                "body-variant": "plain",
+                "body-overflow": "hidden"
+              }, {
+                default: Y(() => [
+                  K("div", et, [
+                    O(T.$slots, "default", {}, void 0, !0)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["headline"]),
+              T.$slots["bottom-content"] ? (g(), B("div", tt, [
+                O(T.$slots, "bottom-content", {}, void 0, !0)
+              ])) : I("", !0)
+            ], 8, Ye)) : I("", !0)
+          ]),
+          _: 3
+        })
+      ], 8, ["to"]))
+    ], 64));
+  }
+}), ot = (e) => Q(e), ae = (e) => ot(e), be = (e, o, t = null) => {
+  const n = ae("addStateProviderListener"), r = P(
+    // @ts-expect-error options is of type object and cannot be indexed with K
+    e.value.options?.[o] ?? t
+  ), a = l(e), u = "scope" in a ? { scope: a.scope } : { id: a.id };
+  return te(() => {
+    (e.value.providedOptions ?? []).includes(o) && n(
+      { ...u, providedOptionName: o },
+      (m) => {
+        r.value = m;
+      }
+    );
+  }), r;
+}, nt = (e, o, t = null) => {
+  const n = ae("addStateProviderListener"), r = P(t), a = l(e);
+  return te(() => {
+    n(
+      { ...a, providedOptionName: o },
+      (u) => {
+        r.value = u;
+      }
+    );
+  }), r;
+}, rt = ({
+  control: e,
+  disabled: o,
+  changeValue: t,
+  controlElement: n
+}) => {
+  const r = d(
+    () => l(e).uischema
+  ), a = d(
+    () => r.value?.options?.hideOnNull ?? !1
+  ), u = be(r, "default"), m = d(
+    () => l(e).data === null || typeof l(e).data > "u"
+  ), h = d(() => !(a.value && m.value)), S = d(
+    () => l(e).data === u.value
+  ), w = l(e).label;
+  ee(
+    () => h.value,
+    (k) => {
+      k && Ve(() => n.value?.focus?.());
+    }
+  );
+  const D = (k) => t(k ? u.value : null), T = () => {
+    o.value || (h.value ? S.value && D(!1) : D(!0));
+  }, A = d(() => m.value ? `Show ${w ?? "this"} field` : `Hide ${w ?? "this"} field`);
+  return {
+    showToggle: a,
+    showControl: h,
+    onLabelClick: T,
+    toggleProps: d(
+      () => ({
+        modelValue: !m.value,
+        "onUpdate:modelValue": (k) => D(k),
+        disabled: l(o),
+        class: "toggle-hide-on-null",
+        size: Oe.SMALL,
+        ariaLabel: A.value
+      })
+    )
+  };
+}, at = { class: "control-header" }, lt = { class: "left" }, st = /* @__PURE__ */ x({
+  __name: "LabeledControl",
+  props: {
+    label: {},
+    hideControlHeader: { type: Boolean },
+    fill: { type: Boolean },
+    large: { type: Boolean },
+    onLabelClick: { type: Function }
+  },
+  setup(e) {
+    const o = e, t = P(!1), n = Pe(), r = d(() => o.label === "" ? " " : o.label);
+    return (a, u) => e.hideControlHeader ? O(a.$slots, "default", {
+      key: 0,
+      labelForId: ""
+    }, void 0, !0) : (g(), B("div", {
+      key: 1,
+      class: $e(["dialog-label", { fill: e.fill }]),
+      onMouseover: u[0] || (u[0] = (m) => t.value = !0),
+      onMouseleave: u[1] || (u[1] = (m) => t.value = !1)
+    }, [
+      K("div", at, [
+        K("div", lt, [
+          M(l(me), {
+            id: "label-" + l(n),
+            for: l(n),
+            label: r.value,
+            onClick: e.onLabelClick
+          }, null, 8, ["id", "for", "label", "onClick"]),
+          O(a.$slots, "icon", {}, void 0, !0)
+        ]),
+        O(a.$slots, "buttons", { hover: t.value }, void 0, !0),
+        O(a.$slots, "after-buttons", {}, void 0, !0)
+      ]),
+      O(a.$slots, "default", { labelForId: l(n) }, void 0, !0)
+    ], 34));
+  }
+}), it = /* @__PURE__ */ j(st, [["__scopeId", "data-v-dcb388eb"]]), N = (e) => async () => {
+  e.name === "AsyncComponentWrapper" && await e.setup();
+}, ct = {
+  control: {
+    type: Object,
+    required: !0
+  },
+  handleChange: {
+    type: Function,
+    required: !0
+  },
+  changeValue: {
+    type: Function,
+    required: !0
+  },
+  disabled: {
+    type: Boolean,
+    required: !0
+  },
+  error: {
+    type: Boolean,
+    required: !0
+  },
+  subText: {
+    type: String
+  },
+  onRegisterValidation: {
+    type: Function,
+    required: !0
+  }
+}, ye = (e) => x(e, {
+  props: ct
+}), ut = (e) => (o) => Object.entries(o).reduce(
+  (t, [n, { control: r, name: a, tester: u, __asyncSetup: m }]) => (t[n] = {
+    control: e(r, n),
+    name: a,
+    tester: u,
+    __asyncSetup: m || N(r)
+  }, t),
+  {}
+), dt = (e) => (o) => Object.entries(o).reduce(
+  (t, [n, { layout: r, name: a, tester: u, __asyncSetup: m }]) => (t[n] = {
+    layout: e(r, n),
+    name: a,
+    tester: u,
+    __asyncSetup: m || N(r)
+  }, t),
+  {}
+), mt = (e) => ({
+  control: o,
+  tester: t,
+  name: n,
+  __asyncSetup: r
+}) => ({
+  name: n,
+  tester: t,
+  __asyncSetup: r || N(o),
+  control: e(o)
+}), pt = ({
+  fill: e
+} = { fill: !1 }) => (o) => ye((t, { slots: n }) => {
+  const r = P(
+    null
+  ), a = d(
+    () => t.control.uischema.options?.hideControlHeader
+  ), { toggleProps: u, showToggle: m, showControl: h, onLabelClick: S } = rt({
+    control: le(t, "control"),
+    controlElement: r,
+    changeValue: t.changeValue,
+    disabled: le(t, "disabled")
+  });
+  return () => a.value ? V(o, { ...t, labelForId: "" }) : V(
+    it,
+    {
+      label: t.control.label,
+      fill: e,
+      onLabelClick: m.value ? S : void 0
+    },
+    {
+      "after-buttons": () => m.value ? V(Ee, u.value) : null,
+      default: ({ labelForId: w }) => h.value ? V(o, {
+        ...t,
+        labelForId: w,
+        ref: r
+      }) : null,
+      buttons: ({ hover: w }) => n.buttons ? n.buttons({
+        hover: w,
+        controlHTMLElement: r.value
+      }) : null,
+      icon: n.icon
+    }
+  );
+}), v = (e = { fill: !1 }) => mt(pt(e));
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const ue = () => {
+};
+function vt(e, o) {
+  function t(...n) {
+    return new Promise((r, a) => {
+      Promise.resolve(e(() => o.apply(this, n), {
+        fn: o,
+        thisArg: this,
+        args: n
+      })).then(r).catch(a);
+    });
+  }
+  return t;
+}
+function ft(e, o = {}) {
+  let t, n, r = ue;
+  const a = (h) => {
+    clearTimeout(h), r(), r = ue;
+  };
+  let u;
+  return (h) => {
+    const S = se(e), w = se(o.maxWait);
+    return t && a(t), S <= 0 || w !== void 0 && w <= 0 ? (n && (a(n), n = void 0), Promise.resolve(h())) : new Promise((D, T) => {
+      r = o.rejectOnCancel ? T : D, u = h, w && !n && (n = setTimeout(() => {
+        t && a(t), n = void 0, D(u());
+      }, w)), t = setTimeout(() => {
+        n && a(n), n = void 0, D(h());
+      }, S);
+    });
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function Ce(e, o = 200, t = {}) {
+  return vt(ft(o, t), e);
+}
+const ht = 500, bt = ({
+  data: e,
+  uischema: o
+}) => {
+  const t = P(null), n = nt(
+    o,
+    "validatorId"
+  ), r = ae("validate"), a = async (m) => {
+    n?.value ? t.value = await r(
+      n.value,
+      m
+    ) : t.value = null;
+  };
+  return ee(
+    () => n.value,
+    () => a(e.value),
+    { immediate: !0 }
+  ), {
+    customValidationMessage: t,
+    performCustomValidationDebounced: /* @__PURE__ */ Ce((m) => {
+      a(m).catch((h) => {
+      });
+    }, ht)
+  };
+}, yt = 500, Ct = ({
+  data: e,
+  options: o,
+  performExternalValidation: t,
+  customValidationMessage: n
+}) => {
+  const r = d(
+    () => !!o.value?.externalValidationHandler
+  ), a = ie({}), u = ie({});
+  let m = 0;
+  const h = (R) => {
+    const L = String(m++);
+    return a[L] = R, () => {
+      delete a[L];
+    };
+  }, S = (R, L) => {
+    L === null ? delete u[R] : u[R] = L;
+  }, w = async (R) => {
+    if (r.value && typeof t == "function") {
+      const L = o.value.externalValidationHandler, y = await t(
+        L,
+        R
+      );
+      S(
+        L,
+        y
+      );
+    }
+  }, D = /* @__PURE__ */ Ce((R) => {
+    w(R);
+  }, yt), T = d(
+    () => Object.values(a).map(
+      (R) => l(R)?.(e.value)
+    )
+  ), A = d(
+    () => Object.values(u)
+  ), k = d(() => ({
+    errors: [
+      ...T.value.flatMap(
+        ({ errors: R } = { errors: [] }) => R
+      ),
+      ...A.value,
+      ...n?.value ? [n.value] : []
+    ]
+  })), _ = d(() => k.value.errors.length === 0);
+  return {
+    messages: k,
+    isValid: _,
+    onRegisterValidation: h,
+    performExternalValidationDebounced: D
+  };
+}, gt = ({
+  component: e,
+  asyncSetup: o,
+  config: t = {}
+}) => x(
+  async (n, r) => {
+    const a = pe(n), u = d(() => a.control.value.visible), m = d(() => a.control.value.data), h = d(
+      () => a.control.value.uischema || {}
+    ), { customValidationMessage: S, performCustomValidationDebounced: w } = bt({ data: m, uischema: h }), D = d(() => h.value.options || {}), {
+      messages: T,
+      isValid: A,
+      onRegisterValidation: k,
+      performExternalValidationDebounced: _
+    } = Ct({
+      data: m,
+      options: D,
+      performExternalValidation: t?.performExternalValidation,
+      customValidationMessage: S
+    });
+    await (o || N(e))?.();
+    const R = (L, y) => {
+      a.handleChange(L, y), _(y), w(y);
+    };
+    return () => u.value ? V(
+      e,
+      {
+        handleChange: R,
+        control: a.control.value,
+        disabled: !a.control.value.enabled,
+        changeValue: (L) => {
+          R(a.control.value.path, L);
+        },
+        error: !A.value,
+        subText: T.value.errors.at(-1),
+        onRegisterValidation: k
+      },
+      r.slots
+    ) : null;
+  },
+  {
+    props: oe()
+  }
+), wt = { class: "description-wrapper" }, Tt = /* @__PURE__ */ x({
+  __name: "DescriptionPopover",
+  props: {
+    html: {},
+    hover: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (o, t) => (g(), $(l(Ue), {
+      hidden: !e.hover
+    }, {
+      default: Y(() => [
+        K("div", wt, [
+          M(l(_e), {
+            text: e.html ?? "",
+            "render-as-html": ""
+          }, null, 8, ["text"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["hidden"]));
+  }
+}), ge = /* @__PURE__ */ j(Tt, [["__scopeId", "data-v-36483899"]]), Rt = (e) => ye((o, t) => {
+  const n = d(() => o.control.description);
+  return () => V(e, o, {
+    ...t.slots,
+    buttons: (r) => {
+      const a = typeof n.value < "u" && n.value !== "";
+      return [
+        ...t.slots.buttons ? [t.slots.buttons(r)] : [],
+        ...a ? [
+          V(ge, {
+            html: n.value,
+            hover: r.hover
+          })
+        ] : []
+      ];
+    }
+  });
+}), St = (e, o) => x(
+  async (t, n) => {
+    const { layout: r } = qe(t), a = d(() => r.value.visible);
+    return await (o || N(e))?.(), () => a.value ? (
+      // @ts-expect-error No overload matches this call.
+      V(e, { layout: r.value }, n.slots)
+    ) : null;
+  },
+  {
+    props: oe()
+  }
+), Dt = {
+  layout: {
+    type: Object,
+    required: !0
+  }
+}, Lt = (e) => x(e, {
+  props: Dt
+}), xt = (e) => Lt((o, t) => {
+  const n = d(() => o.layout.uischema.description);
+  return () => V(e, o, {
+    ...t.slots,
+    buttons: (r) => {
+      const a = n.value !== void 0 && n.value !== "";
+      return [
+        ...t.slots.buttons ? [t.slots.buttons(r)] : [],
+        ...a ? [
+          V(ge, {
+            html: n.value,
+            hover: r.hover
+          })
+        ] : []
+      ];
+    }
+  });
+}), p = {
+  singleSelect: "singleSelection",
+  dropDown: "dropDown",
+  radio: "radio",
+  valueSwitch: "valueSwitch",
+  checkboxes: "checkboxes",
+  integer: "integer",
+  number: "number",
+  quantity: "quantity",
+  typedStringFilter: "typedStringFilter",
+  nameFilter: "nameFilter",
+  richTextInput: "richTextInput",
+  twinList: "twinList",
+  manualTwinlist: "manualTwinlist",
+  comboBox: "comboBox",
+  sortList: "sortList",
+  simpleButton: "simpleButton",
+  progressButton: "progressButton",
+  textArea: "textArea",
+  textMessage: "textMessage",
+  localTime: "localTime",
+  localDate: "localDate",
+  zonedDateTime: "zonedDateTime",
+  dateTime: "dateTime",
+  interval: "interval",
+  dateTimeFormat: "dateTimeFormat",
+  color: "color",
+  colorPreview: "colorPreview",
+  gridSelection: "gridSelection",
+  timeframes: "timeframes",
+  link: "linkButton",
+  username: "username",
+  password: "password",
+  // custom hub formats
+  executionContextDropdown: "executionContextDropdown",
+  dockerImageDropdown: "dockerImageDropdown",
+  radioButtonsWithDescription: "radioButtonsWithDescription",
+  fileUpload: "fileUpload",
+  teamResources: "teamResources",
+  executorCoresResources: "executorCoresResources",
+  executorMemoryResources: "executorMemoryResources",
+  teamAndSpacesDropdown: "teamAndSpacesDropdown"
+}, f = (e) => (o) => o.options?.format === e, i = {
+  fallback: 10,
+  default: 100
+}, kt = c(
+  () => import("./CheckboxesControl--bG4aF6O.js")
+), Bt = v()({
+  name: "CheckboxesControl",
+  control: kt,
+  tester: s(i.default, f(p.checkboxes))
+}), Ft = c(
+  () => import("./ColorPreviewControl-j0uQH95J.js")
+), Vt = {
+  name: "ColorPreviewControl",
+  control: Ft,
+  tester: s(i.default, f(p.colorPreview))
+}, Pt = c(
+  () => import("./ColorControl-CEp2Ei7R.js")
+), $t = v()({
+  name: "ColorControl",
+  control: Pt,
+  tester: s(i.default, f(p.color))
+}), At = c(
+  () => import("./ComboBoxControl-BpJzwiv6.js")
+), Mt = ve((e) => Ge(e, "array")), It = f(p.comboBox), Ot = C(Mt, It), Et = v()({
+  name: "ComboBoxControl",
+  control: At,
+  tester: s(i.default, Ot)
+}), Ut = c(
+  () => import("./DateTimeFormatPickerControl-B9gl_66T.js")
+), _t = v()({
+  name: "DateTimeFormatPickerControl",
+  control: Ut,
+  tester: s(
+    i.default,
+    C(F, f(p.dateTimeFormat))
+  )
+}), Ht = c({
+  loader: () => import("./DateTimeControl-C-D8bFm3.js")
+}), we = v()({
+  name: "DateTimeControl",
+  control: Ht,
+  tester: s(i.default, f(p.dateTime))
+}), zt = c({
+  loader: () => import("./DropdownControl-CtveoldX.js")
+}), Nt = v()({
+  name: "DropdownControl",
+  control: zt,
+  tester: s(
+    i.default,
+    C(F, f(p.dropDown))
+  )
+}), Wt = c(
+  () => import("./ExecutorCoresControl-CErHidL7.js")
+), qt = v()({
+  name: "ExecutorCoresControl",
+  control: Wt,
+  tester: s(
+    i.default,
+    C(z, f(p.executorCoresResources))
+  )
+}), Kt = c(
+  () => import("./ExecutorMemoryControl-DgSM86Yg.js")
+), jt = v()({
+  name: "ExecutorMemoryControl",
+  control: Kt,
+  tester: s(
+    i.default,
+    C(z, f(p.executorMemoryResources))
+  )
+}), Gt = c(
+  () => import("./CheckboxControl-B_MAR82s.js")
+), Jt = {
+  name: "CheckboxControl",
+  control: Gt,
+  tester: s(i.fallback, Je)
+}, Zt = c(
+  () => import("./IntegerControl-v93Xw4DJ.js")
+), Te = v()({
+  name: "IntegerControl",
+  control: Zt,
+  tester: s(
+    i.default,
+    C(z, f(p.integer))
+  )
+}), Qt = c(
+  () => import("./NumberControl-BF76FEhD.js")
+), Re = v()({
+  name: "NumberControl",
+  control: Qt,
+  tester: s(
+    i.default,
+    C(fe, f(p.number))
+  )
+}), Xt = c(
+  () => import("./TextControl-MvbrNTGW.js")
+), Yt = v()({
+  name: "TextControl",
+  control: Xt,
+  tester: s(i.fallback, ne)
+}), Se = c(
+  () => import("./VerticalLayout-DIBkvSZ9.js")
+), eo = {
+  name: "VerticalLayout",
+  layout: Se,
+  tester: s(i.default, U("VerticalLayout"))
+}, to = {
+  name: "VerticalLayout",
+  layout: Se,
+  tester: s(
+    i.fallback,
+    // @ts-expect-error Argument of type 'undefined' is not assignable to parameter of type 'string'.
+    U(void 0)
+  )
+}, oo = c(
+  () => import("./OneOfDropdown-DpXmZauV.js")
+), no = c(
+  () => import("./AnyOfTwinlist-CcodfEXw.js")
+), ro = {
+  oneOfDropdownRenderer: v()({
+    name: "OneOfDropdown",
+    control: oo,
+    tester: s(i.fallback, re)
+  }),
+  dateTimeFallbackRenderer: {
+    ...we,
+    tester: s(i.fallback, Qe)
+  },
+  textRenderer: Yt,
+  checkboxRenderer: Jt,
+  anyOfTwinlistRenderer: v()({
+    name: "AnyOfTwinlist",
+    control: no,
+    tester: s(i.fallback, Ze)
+  }),
+  numberFallbackRenderer: {
+    ...Re,
+    tester: s(i.fallback, fe)
+  },
+  integerFallbackRenderer: {
+    ...Te,
+    tester: s(i.fallback, z)
+  }
+}, ao = {
+  verticalLayoutFallbackRenderer: to
+}, lo = c(
+  () => import("./FileUploadControl-BBfnxURy.js")
+), so = v()({
+  name: "FileUploadRenderer",
+  control: lo,
+  tester: s(
+    i.default,
+    C(F, f(p.fileUpload))
+  )
+}), io = c(
+  () => import("./GridSelectionControl-BaI4j0Jj.js")
+), co = v()({
+  name: "GridSelectionRenderer",
+  control: io,
+  tester: s(
+    i.default,
+    C(F, f(p.gridSelection))
+  )
+}), uo = c(
+  () => import("./HorizontalLayout-D1SRCyhL.js")
+), mo = U("HorizontalLayout"), po = {
+  name: "HorizontalLayout",
+  layout: uo,
+  tester: s(i.default, mo)
+}, vo = c(
+  () => import("./IntervalControl-CVlO_mFO.js")
+), fo = v()({
+  name: "IntervalControl",
+  control: vo,
+  tester: s(
+    i.default,
+    C(F, f(p.interval))
+  )
+}), ho = c(
+  () => import("./LinkControl-j8GrcZZG.js")
+), bo = {
+  name: "LinkRenderer",
+  control: ho,
+  tester: s(i.default, f(p.link))
+}, yo = c({
+  loader: () => import("./DateControl-83Fi6P5y.js")
+}), Co = v()({
+  name: "DateControl",
+  control: yo,
+  tester: s(i.default, f(p.localDate))
+}), go = c({
+  loader: () => import("./TimeControl-WG0SC4_b.js")
+}), wo = v()({
+  name: "TimeControl",
+  control: go,
+  tester: s(i.default, f(p.localTime))
+}), To = c(
+  () => import("./NameFilter-BjuVseuX.js")
+), Ro = v()({
+  name: "NameFilter",
+  control: To,
+  tester: s(
+    i.default,
+    C(F, f(p.nameFilter))
+  )
+}), So = "*************", Do = /* @__PURE__ */ x({
+  __name: "PasswordControl",
+  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 = P(""), n = d(
+      () => o.control.uischema.options?.variant ?? "password"
+    ), r = d(
+      () => o.control.uischema.options?.usePasswordPlaceholder ?? !1
+    ), a = d(
+      () => r.value ? So : o.control.uischema.options?.passwordPlaceholder ?? "Password"
+    ), u = d(
+      () => t.value !== "" && !o.disabled
+    ), m = (h) => {
+      t.value = h, o.handleChange(o.control.path, t.value);
+    };
+    return te(() => {
+      t.value = o.control.data ?? "";
+    }), (h, S) => (g(), $(l(He), {
+      id: e.labelForId,
+      "model-value": t.value,
+      "show-visibility-toggle": u.value,
+      placeholder: a.value,
+      variant: n.value,
+      disabled: e.disabled,
+      error: e.error,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": m
+    }, null, 8, ["id", "model-value", "show-visibility-toggle", "placeholder", "variant", "disabled", "error", "sub-text"]));
+  }
+}), Lo = v()({
+  name: "PasswordRenderer",
+  control: Do,
+  tester: s(i.default, f(p.password))
+}), xo = c(
+  () => import("./ProgressButtonControl-t8QMA22a.js")
+), ko = {
+  name: "ProgressButtonControl",
+  control: xo,
+  tester: s(
+    i.default,
+    f(p.progressButton)
+  )
+}, Bo = /* @__PURE__ */ x({
+  __name: "QuantityControl",
+  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 = d(() => o.control.schema.minimum ?? 0), n = d(() => o.control.schema.maximum ?? 1 / 0), r = d(() => o.control.uischema.options?.step ?? 1), a = d(() => o.control.uischema.options?.unit || ""), u = (m) => {
+      o.handleChange(o.control.path, m);
+    };
+    return (m, h) => (g(), $(l(ze), {
+      id: e.labelForId,
+      ariaLabel: e.control.label,
+      "model-value": e.control.data,
+      min: t.value,
+      max: n.value,
+      step: r.value,
+      unit: a.value,
+      disabled: e.disabled,
+      error: e.error,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": u
+    }, null, 8, ["id", "ariaLabel", "model-value", "min", "max", "step", "unit", "disabled", "error", "sub-text"]));
+  }
+}), Fo = v()({
+  name: "QuantityControl",
+  control: Bo,
+  tester: s(i.default, f(p.quantity))
+}), Vo = c(
+  () => import("./RadioControl-DOn1Kre5.js")
+), Po = v()({
+  name: "RadioControl",
+  control: Vo,
+  tester: s(i.default, f(p.radio))
+}), $o = c(
+  () => import("./RadioButtonsWithDescriptionControl-CeZ4qYCr.js")
+), Ao = {
+  name: "RadioButtonsWithDescriptionControl",
+  control: $o,
+  tester: s(
+    i.default,
+    C(re, f(p.radioButtonsWithDescription))
+  )
+}, Mo = c(
+  () => import("./RichTextControl-BrVmkMgh.js")
+), Io = v({ fill: !0 })({
+  name: "RichTextControl",
+  control: Mo,
+  tester: s(
+    i.default,
+    C(ne, f(p.richTextInput))
+  )
+}), Oo = c(
+  () => import("./SectionLayout-BYOxuxY2.js")
+), Eo = U("Section"), Uo = {
+  name: "SectionLayout",
+  layout: Oo,
+  tester: s(i.default, Eo)
+}, _o = c(
+  () => import("./SettingsSubPanelLayout-BQJCnTqx.js")
+), Ho = U("SettingsSubPanelLayout"), zo = {
+  name: "SettingsSubPanelLayout",
+  layout: _o,
+  tester: s(i.default, Ho)
+}, No = /* @__PURE__ */ x({
+  __name: "SimpleArrayLayoutItemControls",
+  props: {
+    isFirst: { type: Boolean, default: !1 },
+    isLast: { type: Boolean, default: !1 },
+    showSortControls: { type: Boolean, default: !1 },
+    showDuplicateButton: { type: Boolean, default: !1 },
+    isHidingControlHeader: { type: Boolean, default: !1 }
+  },
+  emits: ["moveUp", "moveDown", "duplicate", "delete"],
+  setup(e) {
+    return (o, t) => (g(), B("div", {
+      class: "item-controls",
+      style: Ae({ marginTop: e.isHidingControlHeader ? "0px" : "20px" })
+    }, [
+      e.showSortControls ? (g(), $(l(H), {
+        key: 0,
+        disabled: e.isFirst,
+        size: "small",
+        variant: "transparent",
+        "leading-icon": "arrow-up",
+        tooltip: "Move up",
+        ariaLabel: "Move up",
+        onClick: t[0] || (t[0] = (n) => o.$emit("moveUp"))
+      }, null, 8, ["disabled"])) : I("", !0),
+      e.showSortControls ? (g(), $(l(H), {
+        key: 1,
+        disabled: e.isLast,
+        size: "small",
+        variant: "transparent",
+        "leading-icon": "arrow-down",
+        tooltip: "Move down",
+        ariaLabel: "Move down",
+        onClick: t[1] || (t[1] = (n) => o.$emit("moveDown"))
+      }, null, 8, ["disabled"])) : I("", !0),
+      e.showDuplicateButton ? (g(), $(l(H), {
+        key: 2,
+        size: "small",
+        variant: "transparent",
+        "leading-icon": "copy",
+        tooltip: "Duplicate",
+        ariaLabel: "Duplicate",
+        onClick: t[2] || (t[2] = (n) => o.$emit("duplicate"))
+      })) : I("", !0),
+      M(l(H), {
+        size: "small",
+        class: "trashButton",
+        "leading-icon": "trash",
+        variant: "transparent",
+        tooltip: "Remove",
+        ariaLabel: "Remove",
+        onClick: t[3] || (t[3] = (n) => o.$emit("delete"))
+      })
+    ], 4));
+  }
+}), de = /* @__PURE__ */ j(No, [["__scopeId", "data-v-9f37d47c"]]), Wo = {
+  key: 0,
+  class: "simple-array"
+}, qo = {
+  key: 0,
+  class: "item-header"
+}, Ko = /* @__PURE__ */ x({
+  __name: "SimpleArrayLayout",
+  props: oe(),
+  setup(e) {
+    const o = e, { control: t, addItem: n, moveUp: r, moveDown: a, removeItems: u } = Ke(o), { handleChange: m } = pe(o), h = d(() => t.value.uischema.options ?? {}), S = d(
+      () => h.value.showSortButtons ?? !1
+    ), w = d(
+      () => h.value.showDuplicateButton ?? !1
+    ), D = d(
+      () => Object.entries(
+        h.value.detail ?? {}
+      )
+    ), T = d(
+      () => "arrayElementTitle" in h.value
+    ), A = d(
+      () => h.value.hideControlHeader ?? !1
+    ), k = (y) => {
+      const W = ["integer", "number", "boolean", "string"], q = Array.isArray(y.type) ? y.type[0] : y.type;
+      if (!y.properties && W.includes(q ?? ""))
+        return y.default;
+      const b = y.properties && !Array.isArray(y.properties) ? y.properties : void 0;
+      return b ? Object.fromEntries(
+        Object.entries(b).map(([E, G]) => [E, G.default])
+      ) : y.default ?? {};
+    }, _ = () => {
+      n(t.value.path, k(t.value.schema))();
+    }, R = (y) => `${h.value.arrayElementTitle ?? ""} ${y + 1}`, L = (y) => {
+      if (y in t.value.data) {
+        const W = Me(t.value.data[y]), q = structuredClone(W), b = [...t.value.data];
+        b.splice(y + 1, 0, q), m(t.value.path, b);
+      }
+    };
+    return (y, W) => l(t).visible ? (g(), B("div", Wo, [
+      (g(!0), B(X, null, ce(l(t).data, (q, b) => (g(), B("div", {
+        key: `${l(t).path}-${b}`
+      }, [
+        T.value ? (g(), B("div", qo, [
+          M(l(me), {
+            id: `${l(t).path}-${b}-title`,
+            label: R(b)
+          }, null, 8, ["id", "label"]),
+          M(de, {
+            "is-first": b === 0,
+            "is-last": b === l(t).data.length - 1,
+            "show-sort-controls": S.value,
+            "show-duplicate-button": w.value,
+            "is-hiding-control-header": A.value,
+            onMoveUp: (E) => l(r)(l(t).path, b)(),
+            onMoveDown: (E) => l(a)(l(t).path, b)(),
+            onDuplicate: (E) => L(b),
+            onDelete: (E) => l(u)(l(Z)(l(t).path, ""), [b])()
+          }, null, 8, ["is-first", "is-last", "show-sort-controls", "show-duplicate-button", "is-hiding-control-header", "onMoveUp", "onMoveDown", "onDuplicate", "onDelete"])
+        ])) : I("", !0),
+        (g(!0), B(X, null, ce(D.value, ([E, G], xe) => (g(), B("div", {
+          key: `${l(t).path}-${b}-${E}`,
+          class: "element"
+        }, [
+          M(l(je), {
+            class: "form-component",
+            schema: l(t).schema,
+            uischema: G,
+            path: l(Z)(l(t).path, `${b}`),
+            enabled: l(t).enabled,
+            renderers: l(t).renderers,
+            cells: l(t).cells
+          }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]),
+          xe === 0 && !T.value ? (g(), $(de, {
+            key: 0,
+            "is-first": b === 0,
+            "is-last": b === l(t).data.length - 1,
+            "show-sort-controls": S.value,
+            "show-duplicate-button": w.value,
+            "is-hiding-control-header": A.value,
+            onMoveUp: (J) => l(r)(l(t).path, b)(),
+            onMoveDown: (J) => l(a)(l(t).path, b)(),
+            onDuplicate: (J) => L(b),
+            onDelete: (J) => l(u)(l(Z)(l(t).path, ""), [b])()
+          }, null, 8, ["is-first", "is-last", "show-sort-controls", "show-duplicate-button", "is-hiding-control-header", "onMoveUp", "onMoveDown", "onDuplicate", "onDelete"])) : I("", !0)
+        ]))), 128))
+      ]))), 128)),
+      M(l(H), {
+        label: h.value.addButtonText,
+        "leading-icon": "plus",
+        size: "small",
+        variant: "outlined",
+        onClick: _
+      }, null, 8, ["label"])
+    ])) : I("", !0);
+  }
+}), jo = /* @__PURE__ */ j(Ko, [["__scopeId", "data-v-7737a235"]]), Go = U("SimpleArrayLayout"), Jo = {
+  name: "SimpleArrayLayout",
+  tester: s(i.default, Go),
+  renderer: jo
+}, Zo = c(
+  () => import("./SimpleButtonControl-GTX19t2_.js")
+), Qo = {
+  name: "SimpleButtonControl",
+  control: Zo,
+  tester: s(i.default, f(p.simpleButton))
+}, Xo = c(
+  () => import("./SingleSelectControl-mY_yYOyk.js")
+), Yo = v()({
+  name: "SingleSelectControl",
+  control: Xo,
+  tester: s(i.default, f(p.singleSelect))
+}), en = c(
+  () => import("./SortListControl-D-Um5gEW.js")
+), tn = v()({
+  name: "SortListControl",
+  control: en,
+  tester: s(
+    i.default,
+    C(F, f(p.sortList))
+  )
+}), on = c(
+  () => import("./TeamAndSpacesControl-fGumynvr.js")
+), nn = ({ options: e }) => e?.format === p.teamAndSpacesDropdown && e?.hasOwnProperty("possibleSpaces") && e?.hasOwnProperty("possibleTeams"), rn = v()({
+  name: "TeamAndSpacesDropdownControl",
+  control: on,
+  tester: s(
+    i.default,
+    C(F, nn)
+  )
+}), an = c(
+  () => import("./TeamResourceControl--1Sj3-Ks.js")
+), ln = v()({
+  name: "TeamResourceControl",
+  control: an,
+  tester: s(
+    i.default,
+    C(z, f(p.teamResources))
+  )
+}), sn = c(
+  () => import("./TextAreaControl-Cwq-lNBk.js")
+), cn = v()({
+  name: "TextAreaControl",
+  control: sn,
+  tester: s(
+    i.default,
+    C(ne, f(p.textArea))
+  )
+}), un = /* @__PURE__ */ x({
+  __name: "TextMessageControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(e) {
+    const o = e, t = d(
+      () => o.control.uischema
+    ), n = be(t, "message");
+    return (r, a) => l(n) ? (g(), $(l(Ne), {
+      key: 0,
+      variant: l(n).type.toLowerCase(),
+      headline: l(n).title,
+      description: l(n).description
+    }, null, 8, ["variant", "headline", "description"])) : I("", !0);
+  }
+}), dn = {
+  name: "TextMessageControl",
+  control: un,
+  tester: s(i.default, f(p.textMessage))
+}, mn = c(
+  () => import("./TimeframesControl-CX5eKOGZ.js")
+), pn = v()({
+  name: "TimeframesRenderer",
+  control: mn,
+  tester: s(
+    i.default,
+    C(F, f(p.timeframes))
+  )
+}), vn = c(
+  () => import("./MultimodeTwinlistControl-Br0DrpsZ.js")
+), fn = c(
+  () => import("./SimpleTwinlistControl-DOH1_L25.js")
+), hn = c(
+  () => import("./ManualTwinlistControl-BzJehuHs.js")
+), De = ve(
+  (e) => !!(e.hasOwnProperty("properties") && e.properties?.hasOwnProperty("selected"))
+), Le = (e) => F(e) && e.options?.format === p.twinList, bn = C(Le, De), yn = v()({
+  name: "TwinlistControl",
+  control: vn,
+  tester: s(i.default, bn)
+}), Cn = C(Le, Xe(De)), gn = v()({
+  name: "SimpleTwinlistControl",
+  control: fn,
+  tester: s(i.default, Cn)
+}), wn = f("manualTwinlist"), Tn = v()({
+  name: "ManualTwinlistControl",
+  control: hn,
+  tester: s(i.default, wn)
+}), Rn = c(
+  () => import("./TypedStringFilter-BnWygKQJ.js")
+), Sn = v()({
+  name: "TypedStringFilter",
+  control: Rn,
+  tester: s(
+    i.default,
+    C(F, f(p.typedStringFilter))
+  )
+}), Dn = /* @__PURE__ */ x({
+  __name: "UsernameControl",
+  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 = P(o.control.data), n = (r) => {
+      o.handleChange(o.control.path, r);
+    };
+    return (r, a) => (g(), $(l(We), {
+      id: e.labelForId,
+      "model-value": t.value,
+      disabled: e.disabled,
+      error: e.error,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": n
+    }, null, 8, ["id", "model-value", "disabled", "error", "sub-text"]));
+  }
+}), Ln = v()({
+  name: "UsernameRenderer",
+  control: Dn,
+  tester: s(i.default, f(p.username))
+}), xn = c(
+  () => import("./ValueSwitchControl-BByKe7NK.js")
+), kn = v()({
+  name: "ValueSwitchControl",
+  control: xn,
+  tester: s(
+    i.default,
+    C(re, f(p.valueSwitch))
+  )
+}), Bn = c({
+  loader: () => import("./ZonedDateTimeControl-B45OygrC.js")
+}), Fn = (e) => e.options?.format === p.zonedDateTime, Vn = v()({
+  name: "ZonedDateTimeControl",
+  control: Bn,
+  tester: s(i.default, Fn)
+}), Pn = {
+  checkboxesRenderer: Bt,
+  colorPreviewRenderer: Vt,
+  colorRenderer: $t,
+  typedStringFilterRenderer: Sn,
+  comboBoxRenderer: Et,
+  dateTimeRenderer: we,
+  dateTimeFormatPickerRenderer: _t,
+  integerRenderer: Te,
+  intervalRenderer: fo,
+  localDateRenderer: Co,
+  localTimeRenderer: wo,
+  nameFilterRenderer: Ro,
+  numberRenderer: Re,
+  radioRenderer: Po,
+  richTextRenderer: Io,
+  simpleTwinlistRenderer: gn,
+  sortListRenderer: tn,
+  textAreaRenderer: cn,
+  twinlistRenderer: yn,
+  manualTwinlistRenderer: Tn,
+  valueSwitchRenderer: kn,
+  zonedDateTimeRenderer: Vn,
+  singleSelectRenderer: Yo,
+  gridSelectionRenderer: co,
+  timeframesRenderer: pn,
+  quantityRenderer: Fo,
+  usernameRenderer: Ln,
+  passwordRenderer: Lo,
+  // without label:
+  simpleButtonRenderer: Qo,
+  progressButtonRenderer: ko,
+  textMessageRenderer: dn,
+  linkRenderer: bo,
+  /**
+   * Containing an optional checkbox. Keep Label in control until we have a framework for that.
+   */
+  dropdownRenderer: Nt,
+  // custom hub renderers
+  radioWithDescriptionRenderer: Ao,
+  fileUploadRenderer: so,
+  teamResourceRenderer: ln,
+  executorCoresResourceRenderer: qt,
+  executorMemoryResourceRenderer: jt,
+  teamAndSpacesDropdownRenderer: rn,
+  ...ro
+}, $n = ut(Rt)(Pn), An = {
+  horizontalLayoutRenderer: po,
+  verticalLayoutRenderer: eo,
+  sectionLayoutRenderer: Uo,
+  settingsSubPanelLayoutRenderer: zo,
+  ...ao
+}, Mn = dt(xt)(An), In = ({
+  renderers: e,
+  controls: o,
+  layouts: t,
+  config: n = {}
+}) => Object.freeze([
+  ...e,
+  ...o.map(({ name: r, tester: a, control: u, __asyncSetup: m }) => ({
+    name: r,
+    tester: a,
+    renderer: gt({
+      component: u,
+      asyncSetup: m,
+      config: n
+    })
+  })),
+  ...t.map(({ name: r, tester: a, layout: u, __asyncSetup: m }) => ({
+    name: r,
+    tester: a,
+    renderer: St(u, m)
+  }))
+]), Nn = In({
+  renderers: [Jo],
+  controls: Object.values($n),
+  layouts: Object.values(Mn)
+});
+export {
+  it as L,
+  jo as S,
+  j as _,
+  gt as a,
+  Pn as b,
+  ct as c,
+  Nn as d,
+  ye as e,
+  Lt as f,
+  N as g,
+  mt as h,
+  p as i,
+  St as j,
+  An as k,
+  Dt as l,
+  ut as m,
+  dt as n,
+  i as o,
+  Hn as p,
+  xt as q,
+  v as r,
+  he as s,
+  In as t,
+  be as u,
+  ae as v,
+  Rt as w,
+  zn as x
+};