@knime/jsonforms 1.21.16 → 1.21.19

package/dist/MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CKcpm_I1.js

@@ -0,0 +1,159 @@
+import { defineComponent as A, toRef as h, computed as u, openBlock as B, createBlock as S, unref as c, mergeProps as N } from "vue";
+import { a2 as r, X } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { m as g } from "./index-Blg1O3Fz.js";
+import { u as G, a as Y } from "./usePossibleValues-DiYOmnZW.js";
+import { t as W } from "./toKdsPossibleValues-BklBg3gG.js";
+import { u as q } from "./useUnknownValuesInTwinlist-BhhirtmX.js";
+const O = /* @__PURE__ */ A({
+  __name: "MultimodeTwinlistControl",
+  props: {
+    control: {},
+    handleChange: {},
+    changeValue: {},
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: {},
+    labelForId: {},
+    showUnknownValues: { type: Boolean, default: !1 },
+    showTypeFilter: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const a = l, { possibleValues: i } = G(
+      h(a, "control")
+    ), { excludedLabel: T, includedLabel: x } = Y(
+      h(a, "control")
+    ), { selectedAndDeselected: p, setCurrentManualFilter: C } = q({
+      data: u(() => a.control.data),
+      possibleValueIds: u(
+        () => i.value?.map(({ id: e }) => e) ?? null
+      )
+    }), s = (e) => {
+      const t = g(a.control.data, e);
+      a.changeValue(t), C(t.manualFilter);
+    }, U = u(
+      () => W(i.value ?? [])
+    );
+    let o = null;
+    const w = () => {
+      if (o !== null) {
+        const e = o;
+        o = null, s(e);
+      }
+    }, m = (e) => {
+      o === null ? (o = e, queueMicrotask(w)) : o = g(
+        o,
+        e
+      );
+    }, M = (e) => {
+      m({
+        manualFilter: { manuallySelected: e },
+        selected: e
+      });
+    }, k = (e) => {
+      m({
+        manualFilter: { manuallyDeselected: e }
+      });
+    }, E = (e) => {
+      e !== null && m({
+        manualFilter: { includeUnknownColumns: e }
+      });
+    }, y = u(() => {
+      switch (a.control.data.mode.toUpperCase()) {
+        case "WILDCARD":
+        case "REGEX":
+          return r.PATTERN;
+        case "TYPE":
+          return r.TYPE;
+        default:
+          return r.MANUAL;
+      }
+    }), b = u(
+      () => a.control.data.mode.toUpperCase() === "REGEX"
+    ), v = (e) => {
+      let t;
+      switch (e) {
+        case r.PATTERN:
+          t = b.value ? "REGEX" : "WILDCARD";
+          break;
+        case r.TYPE:
+          t = "TYPE";
+          break;
+        default:
+          t = "MANUAL";
+      }
+      s({ mode: t });
+    }, F = (e) => {
+      y.value === r.PATTERN && s({ mode: e ? "REGEX" : "WILDCARD" });
+    }, R = (e) => {
+      s({ patternFilter: { pattern: e } });
+    }, D = (e) => {
+      s({ patternFilter: { isInverted: e } });
+    }, I = (e) => {
+      s({ patternFilter: { isCaseSensitive: e } });
+    }, P = () => {
+      const e = a.control.data.typeFilter;
+      if (!e)
+        return [];
+      const t = e.selectedTypes, n = new Map(
+        (e.typeDisplays ?? []).map(({ id: d, text: L }) => [d, L])
+      );
+      return t.map((d) => ({
+        id: d,
+        text: n.get(d) || d
+      }));
+    }, f = u(() => {
+      if (!a.showTypeFilter)
+        return;
+      const e = /* @__PURE__ */ new Map();
+      return i.value?.forEach((t) => {
+        t.type && e.set(t.type.id, t.type.text);
+      }), P().forEach(({ id: t, text: n }) => {
+        e.has(t) || e.set(t, n);
+      }), [...e.entries()].map(([t, n]) => ({
+        id: t,
+        text: n,
+        accessory: { type: "dataType", name: t }
+      }));
+    }), V = (e) => {
+      const t = (f.value ?? []).filter((n) => e.includes(n.id)).map(({ id: n, text: d }) => ({ id: n, text: d }));
+      s({
+        typeFilter: { selectedTypes: e, typeDisplays: t }
+      });
+    };
+    return (e, t) => (B(), S(c(X), N(e.$attrs, {
+      id: l.labelForId,
+      ariaLabel: l.control.label,
+      disabled: l.disabled,
+      mode: y.value,
+      "manually-included": c(p).selected ?? [],
+      "manually-excluded": c(p).deselected ?? [],
+      "include-unknown-values": a.showUnknownValues ? a.control.data.manualFilter.includeUnknownColumns : null,
+      pattern: l.control.data.patternFilter.pattern,
+      "case-sensitive": l.control.data.patternFilter.isCaseSensitive,
+      "exclude-matches": l.control.data.patternFilter.isInverted,
+      "use-regex": b.value,
+      "selected-types": l.control.data.typeFilter?.selectedTypes ?? [],
+      "possible-values": U.value,
+      "filter-types": f.value,
+      "enable-pattern-filter": !0,
+      loading: c(p).selected === null,
+      "exclude-label": c(T),
+      "include-label": c(x),
+      error: l.error,
+      "sub-text": l.subText,
+      "onUpdate:mode": v,
+      "onUpdate:manuallyIncluded": M,
+      "onUpdate:manuallyExcluded": k,
+      "onUpdate:includeUnknownValues": E,
+      "onUpdate:pattern": R,
+      "onUpdate:caseSensitive": I,
+      "onUpdate:excludeMatches": D,
+      "onUpdate:useRegex": F,
+      "onUpdate:selectedTypes": V
+    }), null, 16, ["id", "ariaLabel", "disabled", "mode", "manually-included", "manually-excluded", "include-unknown-values", "pattern", "case-sensitive", "exclude-matches", "use-regex", "selected-types", "possible-values", "filter-types", "loading", "exclude-label", "include-label", "error", "sub-text"]));
+  }
+});
+export {
+  O as _
+};

package/dist/{NameFilter-DxsfvMYP.js → NameFilter-DBMVmZmk.js}

@@ -1,18 +1,19 @@
 import { defineComponent as n, openBlock as o, createBlock as t, mergeProps as a } from "vue";
-import { _ as l } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-DHx6nrqi.js";
-const u = /* @__PURE__ */ n({
+import { _ as r } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CKcpm_I1.js";
+const i = /* @__PURE__ */ n({
   __name: "NameFilter",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
-  setup(s) {
-    return (e, r) => (o(), t(l, a({ ...e.$props, ...e.$attrs }, {
+  setup(l) {
+    return (e, s) => (o(), t(r, a({ ...e.$props, ...e.$attrs }, {
       "unknown-values-text": "Any unknown value",
       "show-unknown-values": "",
       "empty-state-label": "No values in this list"
@@ -20,5 +21,5 @@ const u = /* @__PURE__ */ n({
   }
 });
 export {
-  u as default
+  i as default
 };

package/dist/{NumberControl-gRIAl0Xw.js → NumberControl-BPVO5l6t.js}

@@ -1,20 +1,21 @@
 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-DEG90Gdx.js";
-const s = /* @__PURE__ */ o({
+import { _ as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-CR61f6d6.js";
+const i = /* @__PURE__ */ o({
   __name: "NumberControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
-  setup(p) {
-    return (e, l) => (n(), t(a, r(e.$props, { type: "double" }), null, 16));
+  setup(a) {
+    return (e, l) => (n(), t(p, r(e.$props, { type: "double" }), null, 16));
   }
 });
 export {
-  s as default
+  i as default
 };

package/dist/NumberControlBase.vue_vue_type_script_setup_true_lang-CR61f6d6.js

@@ -0,0 +1,52 @@
+import { defineComponent as u, computed as s, openBlock as m, createBlock as d, unref as p } from "vue";
+import { V as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { u as b } from "./useBuiltinValidations-KbChI8vv.js";
+const E = 1, v = 0.1, V = /* @__PURE__ */ u({
+  __name: "NumberControlBase",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {},
+    type: {}
+  },
+  setup(t) {
+    const o = t, i = s(
+      () => o.control.uischema.options?.stepSize ?? (o.type === "integer" ? E : v)
+    ), l = b(
+      {
+        min: ({ min: e, isExclusive: n }) => (a) => isNaN(a) || (n ? a > e : a >= e),
+        max: ({ max: e, isExclusive: n }) => (a) => isNaN(a) || (n ? a < e : a <= e)
+      },
+      o
+    ), r = s(() => {
+      const e = l.value.min;
+      if (!(!e || e.min === null))
+        return e.min + (e.isExclusive ? i.value : 0);
+    }), c = s(() => {
+      const e = l.value.max;
+      if (!(!e || e.max === null))
+        return e.max - (e.isExclusive ? i.value : 0);
+    });
+    return (e, n) => (m(), d(p(x), {
+      id: t.labelForId,
+      ariaLabel: t.control.label,
+      class: "number-input",
+      disabled: t.disabled,
+      "model-value": t.control.data,
+      min: r.value,
+      max: c.value,
+      step: i.value,
+      error: t.error,
+      "sub-text": t.subText,
+      "onUpdate:modelValue": t.changeValue
+    }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "min", "max", "step", "error", "sub-text", "onUpdate:modelValue"]));
+  }
+});
+export {
+  V as _
+};

package/dist/{OneOfDropdown-6EW73QQp.js → OneOfDropdown-DBG8ZcpV.js}

@@ -1,33 +1,35 @@
-import { defineComponent as i, computed as s, openBlock as d, createBlock as u, unref as n } from "vue";
-import { W as c } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
-import { o as p } from "./index-Blg1O3Fz.js";
-const g = /* @__PURE__ */ i({
+import { defineComponent as s, computed as u, openBlock as d, createBlock as i, unref as t } from "vue";
+import { T as c } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { o as m } from "./index-Blg1O3Fz.js";
+const x = /* @__PURE__ */ s({
   __name: "OneOfDropdown",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
   setup(e) {
-    const o = e, t = o.control.schema?.oneOf?.map(p) ?? [], a = s({
+    const o = e, n = o.control.schema?.oneOf?.map(m) ?? [], a = u({
       get: () => o.control.data ?? "",
       set: o.changeValue
     });
-    return (m, l) => (d(), u(n(c), {
+    return (b, l) => (d(), i(t(c), {
       id: e.labelForId,
       modelValue: a.value,
       "onUpdate:modelValue": l[0] || (l[0] = (r) => a.value = r),
-      "possible-values": n(t),
+      "possible-values": t(n),
       ariaLabel: e.control.label,
       disabled: e.disabled,
-      error: !e.isValid
-    }, null, 8, ["id", "modelValue", "possible-values", "ariaLabel", "disabled", "error"]));
+      error: e.error,
+      "sub-text": e.subText
+    }, null, 8, ["id", "modelValue", "possible-values", "ariaLabel", "disabled", "error", "sub-text"]));
   }
 });
 export {
-  g as default
+  x as default
 };

package/dist/{RadioButtonsWithDescriptionControl-DDdnwXUW.js → RadioButtonsWithDescriptionControl-BsqMTEB5.js}

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

package/dist/{RadioControl-BOGJkSzd.js → RadioControl-ClJmr0EQ.js}

@@ -1,5 +1,5 @@
-import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as a } from "vue";
-import { _ as r } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-BOuoChe1.js";
+import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
+import { _ as a } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-Bm4EUEvw.js";
 const s = /* @__PURE__ */ o({
   __name: "RadioControl",
   props: {
@@ -7,12 +7,13 @@ const s = /* @__PURE__ */ o({
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
   setup(p) {
-    return (e, i) => (n(), t(r, a(e.$props, { type: "radio" }), null, 16));
+    return (e, l) => (n(), t(a, r(e.$props, { type: "radio" }), null, 16));
   }
 });
 export {

package/dist/RadioControlBase.vue_vue_type_script_setup_true_lang-Bm4EUEvw.js

@@ -0,0 +1,57 @@
+import { defineComponent as v, useAttrs as p, computed as d, ref as f, toRef as h, onMounted as V, openBlock as n, createElementBlock as x, Fragment as y, createBlock as r, unref as l, mergeProps as i, createCommentVNode as g } from "vue";
+import { a3 as B, a4 as F } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { o as k } from "./index-Blg1O3Fz.js";
+import { u as O } from "./usePossibleValues-DiYOmnZW.js";
+const T = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "RadioControlBase",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {},
+    type: {}
+  },
+  setup(e) {
+    const s = p(), t = e, c = d(() => t.control.uischema.options?.radioLayout), m = (a) => ({
+      id: a.id,
+      text: a.text,
+      ...a.disabled ? { disabled: !0 } : {}
+    }), u = f(null), { possibleValues: b } = O(h(t, "control"), {
+      defaultOnNonProvided: null
+    }), o = d(
+      () => (b.value ?? u.value)?.map(m)
+    );
+    return V(() => {
+      u.value = t.control?.schema?.oneOf ? t.control.schema.oneOf.map(k) : null;
+    }), (a, C) => o.value ? (n(), x(y, { key: 0 }, [
+      t.type === "valueSwitch" ? (n(), r(l(B), i({ key: 0 }, l(s), {
+        id: e.labelForId,
+        "possible-values": o.value,
+        disabled: e.disabled,
+        "model-value": e.control.data,
+        error: e.error,
+        "sub-text": e.subText,
+        size: "small",
+        variant: "muted",
+        "onUpdate:modelValue": e.changeValue
+      }), null, 16, ["id", "possible-values", "disabled", "model-value", "error", "sub-text", "onUpdate:modelValue"])) : (n(), r(l(F), i({ key: 1 }, l(s), {
+        id: e.labelForId,
+        "possible-values": o.value,
+        alignment: c.value,
+        disabled: e.disabled,
+        "model-value": e.control.data,
+        error: e.error,
+        "sub-text": e.subText,
+        "onUpdate:modelValue": e.changeValue
+      }), null, 16, ["id", "possible-values", "alignment", "disabled", "model-value", "error", "sub-text", "onUpdate:modelValue"]))
+    ], 64)) : g("", !0);
+  }
+});
+export {
+  T as _
+};

package/dist/{ResourceControlBase-D-oG-tP4.js → ResourceControlBase-CeXYJeR1.js}

@@ -1,5 +1,5 @@
-import { openBlock as a, createElementBlock as l, renderSlot as V, toDisplayString as g, createCommentVNode as m, defineComponent as C, computed as t, createBlock as D, resolveDynamicComponent as B, withCtx as T, createVNode as r, unref as d } from "vue";
-import { _ as p, X as $, Y as k } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
+import { openBlock as a, createElementBlock as l, renderSlot as V, toDisplayString as T, createCommentVNode as m, defineComponent as g, computed as t, createBlock as C, resolveDynamicComponent as D, withCtx as B, createVNode as r, unref as d } from "vue";
+import { _ as p, V as $, W as k } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
 const I = {
   name: "Tooltip",
   props: {
@@ -15,13 +15,13 @@ const I = {
 function M(o, e, n, s, c, i) {
   return a(), l("div", w, [
     V(o.$slots, "default", {}, void 0, !0),
-    n.text ? (a(), l("span", F, g(n.text), 1)) : m("", !0)
+    n.text ? (a(), l("span", F, T(n.text), 1)) : m("", !0)
   ]);
 }
 const R = /* @__PURE__ */ p(I, [["render", M], ["__scopeId", "data-v-64e1cb84"]]), U = {
   key: 0,
   class: "chart"
-}, S = /* @__PURE__ */ C({
+}, S = /* @__PURE__ */ g({
   __name: "ResourceControlBase",
   props: {
     donutTitle: {},
@@ -30,7 +30,8 @@ const R = /* @__PURE__ */ p(I, [["render", M], ["__scopeId", "data-v-64e1cb84"]]
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
@@ -46,31 +47,33 @@ const R = /* @__PURE__ */ p(I, [["render", M], ["__scopeId", "data-v-64e1cb84"]]
       () => n.value ? e.control.data : e.control.uischema.options?.donutMax ?? e.control.schema.maximum ?? 1 / 0
     ), u = t(
       () => e.control.uischema.options?.disabledTooltip || ""
-    ), v = t(() => e.disabled && u.value ? R : "div"), h = t(() => e.control.uischema.options?.animate ?? !0), x = t(
+    ), v = t(() => e.disabled && u.value ? R : "div"), x = t(() => e.control.uischema.options?.animate ?? !0), h = t(
       () => e.control.uischema.options?.showDonut ?? !0
-    ), f = t(() => e.control.schema.minimum ?? 0), y = t(() => e.control.schema.maximum ?? 1 / 0), _ = t(() => e.control.uischema.options?.step ?? 1), b = t(() => e.control.uischema.options?.unit ?? "");
+    ), b = t(() => e.control.schema.minimum ?? 0), f = t(() => e.control.schema.maximum ?? 1 / 0), y = t(() => e.control.uischema.options?.step ?? 1), _ = t(() => e.control.uischema.options?.unit ?? "");
     return (L, N) => (a(), l("div", null, [
-      (a(), D(B(v.value), {
+      (a(), C(D(v.value), {
         text: u.value,
         class: "input-wrapper"
       }, {
-        default: T(() => [
+        default: B(() => [
           r(d($), {
             ariaLabel: o.control.label,
             "model-value": o.control.data,
-            min: f.value,
-            max: y.value,
-            step: _.value,
-            unit: b.value,
+            min: b.value,
+            max: f.value,
+            step: y.value,
+            unit: _.value,
             disabled: o.disabled,
+            error: o.error,
+            "sub-text": o.subText,
             "onUpdate:modelValue": o.changeValue
-          }, null, 8, ["ariaLabel", "model-value", "min", "max", "step", "unit", "disabled", "onUpdate:modelValue"]),
-          x.value ? (a(), l("div", U, [
+          }, null, 8, ["ariaLabel", "model-value", "min", "max", "step", "unit", "disabled", "error", "sub-text", "onUpdate:modelValue"]),
+          h.value ? (a(), l("div", U, [
             r(d(k), {
               value: s.value,
               "secondary-value": c.value,
               "max-value": i.value,
-              animate: h.value,
+              animate: x.value,
               title: o.donutTitle,
               "sub-text": o.donutDescription
             }, null, 8, ["value", "secondary-value", "max-value", "animate", "title", "sub-text"])
@@ -80,7 +83,7 @@ const R = /* @__PURE__ */ p(I, [["render", M], ["__scopeId", "data-v-64e1cb84"]]
       }, 8, ["text"]))
     ]));
   }
-}), E = /* @__PURE__ */ p(S, [["__scopeId", "data-v-07d61d78"]]);
+}), K = /* @__PURE__ */ p(S, [["__scopeId", "data-v-4ee63019"]]);
 export {
-  E as R
+  K as R
 };