@knime/jsonforms 1.19.6 → 1.20.1

package/dist/LinkControl-BML6cXj-.js

@@ -0,0 +1,35 @@
+import { defineComponent as s, useCssVars as r, unref as n, openBlock as p, createElementBlock as d, createVNode as m } from "vue";
+import { aa as u, _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+const g = { class: "link-wrapper" }, f = /* @__PURE__ */ s({
+  __name: "LinkControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    isValid: { type: Boolean },
+    messages: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(o) {
+    r((c) => ({
+      bc3ff08c: n(t)
+    }));
+    const e = o, t = e.control.uischema.options?.alignment === "right" ? "flex-end" : "flex-start", { to: a, leadingIcon: l, trailingIcon: i } = e.control.uischema.options || {};
+    return (c, h) => (p(), d("div", g, [
+      m(n(u), {
+        class: "link-button",
+        label: o.control.label,
+        to: n(a),
+        "leading-icon": n(l),
+        "trailing-icon": n(i),
+        size: "small",
+        variant: "transparent"
+      }, null, 8, ["label", "to", "leading-icon", "trailing-icon"])
+    ]));
+  }
+}), x = /* @__PURE__ */ _(f, [["__scopeId", "data-v-d1973605"]]);
+export {
+  x as default
+};

package/dist/LoadingDropdown.vue_vue_type_script_setup_true_lang-C2sH3IaG.js

@@ -0,0 +1,57 @@
+import { defineComponent as v, computed as s, openBlock as V, createBlock as f, unref as y, mergeProps as g } from "vue";
+import { a1 as _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+const T = /* @__PURE__ */ v({
+  __name: "LoadingDropdown",
+  props: {
+    possibleValues: {},
+    modelValue: {},
+    id: {},
+    ariaLabel: {},
+    disabled: { type: Boolean },
+    error: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: u }) {
+    const e = r, n = u, d = s(() => e.possibleValues === null ? "" : e.modelValue), i = s(() => e.possibleValues === null), p = s(
+      () => e.possibleValues?.some((a) => a.type !== void 0)
+    ), o = s(() => {
+      if (e.possibleValues === null)
+        return [];
+      const a = [];
+      for (const l of e.possibleValues) {
+        if (!l.text)
+          continue;
+        let t;
+        p.value ? t = {
+          type: "dataType",
+          name: l.type?.id ?? "missing_type"
+        } : "accessory" in l && (t = l.accessory), a.push({
+          id: l.id,
+          text: l.text,
+          disabled: l.disabled,
+          ...l.subText ? { subText: l.subText } : {},
+          accessory: t
+        });
+      }
+      return a;
+    }), c = s(() => i.value ? "Loading" : o.value.length > 0 ? "No value selected" : "No values present"), b = s(
+      () => e.disabled || o.value.length === 0
+    ), m = (a) => {
+      n("update:modelValue", a ?? "");
+    };
+    return (a, l) => (V(), f(y(_), g(a.$attrs, {
+      id: e.id,
+      "aria-label": e.ariaLabel,
+      "model-value": d.value,
+      disabled: b.value,
+      "possible-values": o.value,
+      loading: i.value,
+      placeholder: c.value,
+      error: e.error,
+      "onUpdate:modelValue": m
+    }), null, 16, ["id", "aria-label", "model-value", "disabled", "possible-values", "loading", "placeholder", "error"]));
+  }
+});
+export {
+  T as _
+};

package/dist/{LoadingIcon-BhelL9SM.js → LoadingIcon-B0S8ig5H.js}

@@ -1,5 +1,5 @@
 import { openBlock as r, createElementBlock as c, createElementVNode as s, h as i, defineComponent as l, createBlock as d, unref as a } from "vue";
-import { _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CYe4TfJy.js";
+import { _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 const m = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",

package/dist/{ManualTwinlistControl-rP4L1RP6.js → ManualTwinlistControl-BdbrjZtS.js}

@@ -1,9 +1,9 @@
 import { defineComponent as C, toRef as c, computed as a, markRaw as I, openBlock as k, createBlock as F, unref as r, mergeProps as x } from "vue";
 import { m as T } from "./index-Blg1O3Fz.js";
-import { u as L, a as U } from "./usePossibleValues-D16WFE9l.js";
-import { T as z, a as M } from "./TwinlistLoadingInfo-x51VCOej.js";
-import { u as B } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-DhQuoNrM.js";
-import { _ as D } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CYe4TfJy.js";
+import { u as L, a as U } from "./usePossibleValues-DhdKca4Z.js";
+import { T as z, a as M } from "./TwinlistLoadingInfo-aB5QCSFX.js";
+import { u as B } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-C61plPNM.js";
+import { _ as D } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 const _ = /* @__PURE__ */ C({
   __name: "ManualTwinlistControl",
   props: {

package/dist/{MultiSelectListBoxControl-iUqimLmu.js → MultiSelectListBoxControl-0M1iLfXZ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, toRef as i, openBlock as n, createBlock as s, unref as l } from "vue";
-import { u as d } from "./usePossibleValues-D16WFE9l.js";
-import { M as u } from "./MultiselectListBox-DijeK4wH.js";
+import { u as d } from "./usePossibleValues-DhdKca4Z.js";
+import { M as u } from "./MultiselectListBox-BJqQv0AT.js";
 const f = /* @__PURE__ */ t({
   __name: "MultiSelectListBoxControl",
   props: {

package/dist/{MultimodeTwinlistControl-DTuLtZRx.js → MultimodeTwinlistControl-aL0Jr_Hp.js}

@@ -1,17 +1,16 @@
 import { resolveComponent as f, openBlock as m, createElementBlock as S, normalizeClass as M, Fragment as J, renderList as Q, createBlock as g, withCtx as c, renderSlot as k, createTextVNode as X, toDisplayString as I, createElementVNode as V, toRef as L, createVNode as b, createCommentVNode as P, normalizeProps as _, guardReactiveProps as B, mergeProps as A, defineComponent as Y, ref as Z, computed as y, markRaw as $, unref as T, createSlots as ee } from "vue";
-import { _ as U, a0 as z } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CYe4TfJy.js";
-import { m as te } from "./index-Blg1O3Fz.js";
-import { u as ae, a as le } from "./usePossibleValues-D16WFE9l.js";
-import { a as ne, S as se, u as ie, T as oe } from "./TwinlistLoadingInfo-x51VCOej.js";
-import { u as de } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-DhQuoNrM.js";
+import { _ as U, a5 as te, a3 as z } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+import { m as ae } from "./index-Blg1O3Fz.js";
+import { u as le, a as ne } from "./usePossibleValues-DhdKca4Z.js";
+import { a as se, S as ie, u as oe, T as de } from "./TwinlistLoadingInfo-aB5QCSFX.js";
+import { u as re } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-C61plPNM.js";
 import { f as D } from "./useSearch-hpyYQ_6y.js";
-import { C as re } from "./Checkbox-CZIoPAZU.js";
-import { L as ue } from "./Label-Vxe-id5C.js";
-import { V as ce } from "./ValueSwitch-ChY5YK2o.js";
+import { C as ue } from "./Checkbox-BLHyWo4X.js";
+import { V as ce } from "./ValueSwitch-DYxCMQ9c.js";
 const me = {
   name: "Checkboxes",
   components: {
-    Checkbox: re
+    Checkbox: ue
   },
   props: {
     /**
@@ -127,12 +126,12 @@ const be = { render: fe }, ve = {
 }, we = {
   name: "MultiModeTwinlist",
   components: {
-    Label: ue,
+    Label: te,
     FilterIcon: be,
-    SearchInput: se,
+    SearchInput: ie,
     Checkboxes: he,
     ValueSwitch: ce,
-    Twinlist: ne
+    Twinlist: se
   },
   props: {
     /**
@@ -261,7 +260,7 @@ const be = { render: fe }, ve = {
     "update:selected"
   ],
   setup(e) {
-    const { includedValues: a } = ie(
+    const { includedValues: a } = oe(
       L(e, "manualSelection")
     );
     return { manuallySelected: a };
@@ -466,7 +465,7 @@ const Te = /* @__PURE__ */ U(we, [["render", ge], ["__scopeId", "data-v-a4487686
     let t = () => {
     };
     const o = (l) => {
-      const r = te(a.control.data, l);
+      const r = ae(a.control.data, l);
       a.changeValue(r), t?.(r.manualFilter);
     }, s = (l) => {
       o({ selected: l });
@@ -495,9 +494,9 @@ const Te = /* @__PURE__ */ U(we, [["render", ge], ["__scopeId", "data-v-a4487686
       o({ patternFilter: { isInverted: l } });
     }, C = (l) => {
       o({ patternFilter: { isCaseSensitive: l } });
-    }, { possibleValues: w } = ae(
+    }, { possibleValues: w } = le(
       L(a, "control")
-    ), u = Z([]), { selectedAndDeselected: F, setCurrentManualFilter: O } = de({
+    ), u = Z([]), { selectedAndDeselected: F, setCurrentManualFilter: O } = re({
       data: y(() => a.control.data),
       possibleValueIds: y(
         () => w.value?.map(({ id: l }) => l) ?? null
@@ -512,7 +511,7 @@ const Te = /* @__PURE__ */ U(we, [["render", ge], ["__scopeId", "data-v-a4487686
         includeUnknownValues: a.control.data.manualFilter.includeUnknownColumns
       } : l;
     }), q = y(
-      () => F.value.selected === null ? $(oe) : null
+      () => F.value.selected === null ? $(de) : null
     ), E = (l) => typeof l > "u" ? {} : l.reduce(
       (r, { id: d, text: h }) => ({ ...r, [d]: h }),
       {}
@@ -531,7 +530,7 @@ const Te = /* @__PURE__ */ U(we, [["render", ge], ["__scopeId", "data-v-a4487686
     u.value = N();
     const j = y(
       () => !!w.value?.[0]?.hasOwnProperty("type")
-    ), { excludedLabel: H, includedLabel: K } = le(
+    ), { excludedLabel: H, includedLabel: K } = ne(
       L(a, "control")
     ), W = y(() => H ?? a.twinlistLeftLabel), G = y(() => K ?? a.twinlistRightLabel);
     return (l, r) => (m(), g(T(Te), A(l.$attrs, {
@@ -593,7 +592,7 @@ const Te = /* @__PURE__ */ U(we, [["render", ge], ["__scopeId", "data-v-a4487686
       } : void 0
     ]), 1040, ["id", "disabled", "with-types", "selected-types", "additional-possible-types", "pattern", "mode", "case-sensitive-pattern", "empty-state-component", "inverse-pattern", "manual-selection", "include-unknown-values", "possible-values", "size", "left-label", "right-label", "is-valid"]));
   }
-}), Be = /* @__PURE__ */ U(Se, [["__scopeId", "data-v-0aa76d2b"]]);
+}), _e = /* @__PURE__ */ U(Se, [["__scopeId", "data-v-0aa76d2b"]]);
 export {
-  Be as default
+  _e as default
 };

package/dist/{MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-DhQuoNrM.js → MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-C61plPNM.js}

@@ -1,7 +1,7 @@
 import { ref as v, watch as m } from "vue";
 import { g as S, a as g } from "./index-Blg1O3Fz.js";
-import "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CYe4TfJy.js";
-import "./TwinlistLoadingInfo-x51VCOej.js";
+import "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+import "./TwinlistLoadingInfo-aB5QCSFX.js";
 const w = ({
   knownValuesSide: s,
   possibleValueIds: l,

package/dist/{MultiselectListBox-DijeK4wH.js → MultiselectListBox-BJqQv0AT.js}

@@ -1,6 +1,6 @@
 import { toRef as x, watch as S, resolveComponent as p, openBlock as h, createElementBlock as u, normalizeStyle as y, normalizeClass as I, createElementVNode as m, mergeProps as C, withKeys as a, withModifiers as d, normalizeProps as v, guardReactiveProps as w, Fragment as V, renderList as k, createBlock as g, withCtx as D, renderSlot as H, resolveDynamicComponent as B, toDisplayString as K, createCommentVNode as b, createVNode as N } from "vue";
-import { a2 as L, O as A, _ as O } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CYe4TfJy.js";
-import { S as T } from "./StyledListItem-DBa0VNHX.js";
+import { a6 as L, Q as A, _ as T } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+import { S as O } from "./StyledListItem-B_FaDixp.js";
 const z = (e, t) => {
   let i, r = 0;
   return (...l) => {
@@ -13,7 +13,7 @@ const z = (e, t) => {
   };
 }, M = 250, P = {
   name: "MultiselectListBox",
-  components: { StyledListItem: T },
+  components: { StyledListItem: O },
   props: {
     id: {
       type: String,
@@ -511,7 +511,7 @@ function j(e, t, i, r, l, s) {
     ])
   ], 6);
 }
-const G = /* @__PURE__ */ O(P, [["render", j], ["__scopeId", "data-v-4ee62d65"]]);
+const _ = /* @__PURE__ */ T(P, [["render", j], ["__scopeId", "data-v-4ee62d65"]]);
 export {
-  G as M
+  _ as M
 };

package/dist/{NameFilter-C1_u0chZ.js → NameFilter-DvoXjvd8.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as o, createBlock as t, mergeProps as l } from "vue";
-import a from "./MultimodeTwinlistControl-DTuLtZRx.js";
+import a from "./MultimodeTwinlistControl-aL0Jr_Hp.js";
 const u = /* @__PURE__ */ n({
   __name: "NameFilter",
   props: {

package/dist/{NumberControl-BYvfrBJs.js → NumberControl-BEYR3aHU.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
-import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-DBbHZCg_.js";
+import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-CSwuzJVa.js";
 const s = /* @__PURE__ */ o({
   __name: "NumberControl",
   props: {

package/dist/{NumberControlBase.vue_vue_type_script_setup_true_lang-DBbHZCg_.js → NumberControlBase.vue_vue_type_script_setup_true_lang-CSwuzJVa.js}

@@ -1,6 +1,6 @@
 import { defineComponent as m, computed as s, openBlock as u, createBlock as d, unref as p } from "vue";
-import { a3 as x } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CYe4TfJy.js";
-import { u as E } from "./useBuiltinValidations-BUVcN7lQ.js";
+import { a2 as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+import { u as E } from "./useBuiltinValidations-zKGc6Pdt.js";
 const v = 1, f = 0.1, F = /* @__PURE__ */ m({
   __name: "NumberControlBase",
   props: {

package/dist/{OneOfDropdown-BcqrG6U3.js → OneOfDropdown-Bg1JOuCZ.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as s, openBlock as d, createBlock as u, unref as n } from "vue";
-import { $ as c } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CYe4TfJy.js";
+import { a1 as c } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 import { o as p } from "./index-Blg1O3Fz.js";
 const g = /* @__PURE__ */ r({
   __name: "OneOfDropdown",

package/dist/RadioButtonsWithDescriptionControl-Cmzn6X0W.js

@@ -0,0 +1,57 @@
+import { defineComponent as V, computed as d, openBlock as n, createElementBlock as t, Fragment as c, renderList as v, createVNode as b, unref as _, createElementVNode as i, normalizeClass as g, createCommentVNode as y } from "vue";
+import { ad as L } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+const M = ["innerHTML"], B = ["innerHTML"], C = ["innerHTML"], x = /* @__PURE__ */ V({
+  __name: "RadioButtonsWithDescriptionControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    isValid: { type: Boolean },
+    messages: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(l) {
+    const o = l, u = d(() => o.control.schema.oneOf?.map(({ const: r, title: e, price: h, description: f }) => ({
+      id: r,
+      text: e,
+      price: h,
+      description: f
+    })) || []), p = d(() => !o.control.enabled), s = d(
+      () => o.control.uischema.options?.footnote || null
+    ), m = (a) => {
+      o.changeValue(a);
+    };
+    return (a, r) => (n(), t(c, null, [
+      (n(!0), t(c, null, v(u.value, (e) => (n(), t("label", {
+        key: `radio-${e.id}`,
+        class: "radio-wrapper"
+      }, [
+        b(_(L), {
+          class: "radio-button",
+          "model-value": l.control.data === e.id,
+          text: e.text,
+          disabled: p.value,
+          "onUpdate:modelValue": () => m(e.id)
+        }, null, 8, ["model-value", "text", "disabled", "onUpdate:modelValue"]),
+        i("div", {
+          class: "description",
+          innerHTML: e.description
+        }, null, 8, M),
+        i("div", {
+          class: g(["price", { selected: l.control.data === e.id }]),
+          innerHTML: e.price
+        }, null, 10, B)
+      ]))), 128)),
+      s.value ? (n(), t("div", {
+        key: 0,
+        class: "footnote",
+        innerHTML: s.value
+      }, null, 8, C)) : y("", !0)
+    ], 64));
+  }
+});
+export {
+  x as default
+};

package/dist/{RadioControl-BNB_hYVd.js → RadioControl-D4invwra.js}

@@ -1,6 +1,6 @@
 import { defineComponent as e, openBlock as n, createBlock as t, mergeProps as a } from "vue";
-import { _ as r } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-C7JiVgxq.js";
-import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CYe4TfJy.js";
+import { _ as r } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-CuOORFSE.js";
+import { _ as p } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 const i = /* @__PURE__ */ e({
   __name: "RadioControl",
   props: {

package/dist/{RadioControlBase.vue_vue_type_script_setup_true_lang-C7JiVgxq.js → RadioControlBase.vue_vue_type_script_setup_true_lang-CuOORFSE.js}

@@ -1,7 +1,7 @@
 import { defineComponent as r, computed as d, ref as p, toRef as b, onMounted as v, openBlock as t, createElementBlock as V, Fragment as f, createBlock as i, unref as s, createCommentVNode as h } from "vue";
-import { a5 as y, a6 as g } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CYe4TfJy.js";
+import { ab as y, ac as g } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 import { o as B } from "./index-Blg1O3Fz.js";
-import { u as F } from "./usePossibleValues-D16WFE9l.js";
+import { u as F } from "./usePossibleValues-DhdKca4Z.js";
 const U = /* @__PURE__ */ r({
   __name: "RadioControlBase",
   props: {

package/dist/ResourceControlBase-BCx6cBBz.js

@@ -0,0 +1,158 @@
+import { defineComponent as B, computed as e, openBlock as l, createElementBlock as u, createElementVNode as h, normalizeClass as w, createCommentVNode as M, createBlock as D, resolveDynamicComponent as _, withCtx as T, createVNode as g, unref as F, renderSlot as S } from "vue";
+import { _ as C, a2 as $ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+import { T as O } from "./Tooltip-B5O8iOuG.js";
+const R = { class: "donut-container" }, N = ["viewBox"], I = ["r"], U = ["r"], E = ["viewBox"], L = ["r", "stroke-width"], W = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"], K = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"], z = 0.5, o = 22, b = 10, A = /* @__PURE__ */ B({
+  __name: "SmallDonutChart",
+  props: {
+    value: {},
+    secondaryValue: { default: 0 },
+    maxValue: {},
+    acceptValuesLargerThanMax: { type: Boolean, default: !1 },
+    animate: { type: Boolean, default: !0 }
+  },
+  setup(a) {
+    const t = e(() => {
+      const n = Math.max(0, a.value);
+      return a.acceptValuesLargerThanMax ? n : Math.min(n, a.maxValue);
+    }), f = e(() => {
+      const n = Math.max(0, a.secondaryValue + t.value);
+      return a.acceptValuesLargerThanMax ? n : Math.min(n, a.maxValue);
+    }), c = e(() => o - b), x = e(
+      // to account for rendering inaccuracies the background stroke is slightly smaller than the wedge stroke
+      () => c.value - z
+    ), r = e(() => o - c.value / 2), i = e(() => 2 * o), d = e(() => `0 0 ${i.value} ${i.value}`), s = e(() => 2 * Math.PI * r.value), m = (n) => {
+      if (a.maxValue <= 0 || !Number.isFinite(a.maxValue))
+        return s.value;
+      const V = Math.min(
+        n / a.maxValue * s.value,
+        s.value
+      );
+      return Math.max(s.value - V, 0);
+    }, y = e(
+      () => m(t.value)
+    ), p = e(
+      () => m(f.value)
+    ), v = e(() => `rotate(-90, ${o}, ${o})`), k = e(() => !Number.isFinite(a.maxValue));
+    return (n, V) => (l(), u("div", R, [
+      k.value ? (l(), u("svg", {
+        key: 0,
+        viewBox: d.value,
+        class: "donut-chart"
+      }, [
+        h("circle", {
+          class: "disabled-circle",
+          cx: o,
+          cy: o,
+          r: o - 0.5,
+          "stroke-width": "1",
+          fill: "transparent"
+        }, null, 8, I),
+        h("circle", {
+          class: "disabled-inner-circle",
+          cx: o,
+          cy: o,
+          r: b + 0.5,
+          "stroke-width": "1",
+          fill: "transparent"
+        }, null, 8, U)
+      ], 8, N)) : (l(), u("svg", {
+        key: 1,
+        viewBox: d.value,
+        class: "donut-chart"
+      }, [
+        h("circle", {
+          class: "background-circle",
+          cx: o,
+          cy: o,
+          r: r.value,
+          "stroke-width": x.value,
+          fill: "transparent"
+        }, null, 8, L),
+        a.secondaryValue ? (l(), u("circle", {
+          key: 0,
+          class: w(["value-wedge", "secondary-segment", { animate: a.animate }]),
+          cx: o,
+          cy: o,
+          r: r.value,
+          "stroke-width": c.value,
+          "stroke-dasharray": s.value,
+          "stroke-dashoffset": p.value,
+          fill: "transparent",
+          transform: v.value
+        }, null, 10, W)) : M("", !0),
+        h("circle", {
+          class: w(["value-wedge", "primary-segment", { animate: a.animate }]),
+          cx: o,
+          cy: o,
+          r: r.value,
+          "stroke-width": c.value,
+          "stroke-dasharray": s.value,
+          "stroke-dashoffset": y.value,
+          fill: "transparent",
+          transform: v.value
+        }, null, 10, K)
+      ], 8, E))
+    ]));
+  }
+}), G = /* @__PURE__ */ C(A, [["__scopeId", "data-v-f344a6aa"]]), P = {
+  key: 0,
+  class: "chart"
+}, j = /* @__PURE__ */ B({
+  __name: "ResourceControlBase",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(a) {
+    const t = a, f = e(
+      () => t.control.uischema.options?.modelMax ?? !1
+    ), c = e(
+      // if currentUsage is supplied the donut chart should use that since the data will model something else (e.g. the maximum usage)
+      () => t.control.uischema.options?.currentUsage ?? t.control.data
+    ), x = e(
+      () => t.control.schema.secondaryValue ?? 0
+    ), r = e(
+      () => f.value ? t.control.data : t.control.uischema.options?.donutMax ?? t.control.schema.maximum
+    ), i = e(
+      () => t.control.uischema.options?.disabledTooltip || ""
+    ), d = e(() => t.disabled && i.value ? O : "div"), s = e(() => t.control.uischema.options?.animate ?? !0), m = e(
+      () => t.control.uischema.options?.showDonut ?? !0
+    ), y = e(() => t.control.schema.minimum ?? 0), p = e(() => t.control.schema.maximum ?? 1 / 0), v = e(() => t.control.uischema.options?.step ?? 1), k = e(() => t.control.uischema.options?.unit ?? "");
+    return (n, V) => (l(), u("div", null, [
+      (l(), D(_(d.value), {
+        text: i.value,
+        class: "input-wrapper"
+      }, {
+        default: T(() => [
+          g(F($), {
+            "model-value": a.control.data,
+            min: y.value,
+            max: p.value,
+            step: v.value,
+            unit: k.value,
+            disabled: a.disabled,
+            "onUpdate:modelValue": a.changeValue
+          }, null, 8, ["model-value", "min", "max", "step", "unit", "disabled", "onUpdate:modelValue"]),
+          m.value ? (l(), u("div", P, [
+            g(G, {
+              value: c.value,
+              "secondary-value": x.value,
+              "max-value": r.value,
+              animate: s.value
+            }, null, 8, ["value", "secondary-value", "max-value", "animate"]),
+            S(n.$slots, "donut-info", {}, void 0, !0)
+          ])) : M("", !0)
+        ]),
+        _: 3
+      }, 8, ["text"]))
+    ]));
+  }
+}), Q = /* @__PURE__ */ C(j, [["__scopeId", "data-v-19a71b19"]]);
+export {
+  Q as R
+};