@dynamicforms/vuetify-inputs 0.7.3 → 0.7.4

package/dist/dynamicforms-vuetify-inputs.js

@@ -15,14 +15,14 @@ var ge = (e, t, n) => new Promise((a, l) => {
   var r = (i) => {
     try {
       f(n.next(i));
-    } catch (d) {
-      l(d);
+    } catch (c) {
+      l(c);
     }
   }, s = (i) => {
     try {
       f(n.throw(i));
-    } catch (d) {
-      l(d);
+    } catch (c) {
+      l(c);
     }
   }, f = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(r, s);
   f((n = n.apply(e, t)).next());
@@ -171,32 +171,32 @@ const xe = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Kn = 300, Xn =
     }), ue(() => l.disabled, (m) => {
       m ? f.value.enableReadOnlyMode(xe) : f.value.disableReadOnlyMode(xe);
     });
-    function d() {
+    function c() {
       const m = window.CKEDITOR_VERSION;
       if (!m)
         return console.warn('Cannot find the "CKEDITOR_VERSION" in the "window" scope.');
       const [y] = m.split(".").map(Number);
       y >= 42 || m.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
     }
-    function h(m) {
-      const y = ft((c) => {
+    function v(m) {
+      const y = ft((d) => {
         if (l.disableTwoWayDataBinding)
           return;
         const j = i.value = m.data.get();
-        r("update:modelValue", j, c, m), r("input", j, c, m);
+        r("update:modelValue", j, d, m), r("input", j, d, m);
       }, Kn, { leading: !0 });
-      m.model.document.on("change:data", y), m.editing.view.document.on("focus", (c) => {
-        r("focus", c, m);
-      }), m.editing.view.document.on("blur", (c) => {
-        r("blur", c, m);
+      m.model.document.on("change:data", y), m.editing.view.document.on("focus", (d) => {
+        r("focus", d, m);
+      }), m.editing.view.document.on("blur", (d) => {
+        r("blur", d, m);
       });
     }
-    return d(), Ke(() => {
+    return c(), Ke(() => {
       const m = zn(
         Object.assign({}, l.config)
       );
       a.value && (m.initialData = a.value), l.editor.create(s.value, m).then((y) => {
-        f.value = it(y), h(y), a.value !== m.initialData && y.data.set(a.value), l.disabled && y.enableReadOnlyMode(xe), r("ready", y);
+        f.value = it(y), v(y), a.value !== m.initialData && y.data.set(a.value), l.disabled && y.enableReadOnlyMode(xe), r("ready", y);
       }).catch((y) => {
         console.error(y);
       });
@@ -757,13 +757,13 @@ function pe(e) {
       // [TODO] -- I challenge you to fix the type
       po(f, (m) => m.test(s))
     );
-    let d;
-    d = e.valueCallback ? e.valueCallback(i) : i, d = n.valueCallback ? (
+    let c;
+    c = e.valueCallback ? e.valueCallback(i) : i, c = n.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      n.valueCallback(d)
-    ) : d;
-    const h = t.slice(s.length);
-    return { value: d, rest: h };
+      n.valueCallback(c)
+    ) : c;
+    const v = t.slice(s.length);
+    return { value: c, rest: v };
   };
 }
 function po(e, t) {
@@ -998,8 +998,8 @@ function G(e, t) {
     get() {
       return e.control ? e.control.value : e.modelValue === void 0 ? a.value : e.modelValue;
     },
-    set(v) {
-      e.control && (e.control.value = v), e.modelValue === void 0 && (a.value = v), t("update:modelValue", v);
+    set(h) {
+      e.control && (e.control.value = h), e.modelValue === void 0 && (a.value = h), t("update:modelValue", h);
     }
   });
   if (e.control && !(e.control instanceof Re.FieldBase))
@@ -1008,24 +1008,24 @@ function G(e, t) {
     get() {
       return e.control.touched;
     },
-    set(v) {
-      e.control.touched = v;
+    set(h) {
+      e.control.touched = h;
     }
   }), s = e.control ? r : F(!1), f = b(() => e.control ? e.control.valid : !0), i = b(
-    () => e.control ? e.control.errors : (e.errors || []).map((v) => new wt(v))
-  ), d = b(() => s.value && i.value.length > 0 ? " " : void 0), h = b(() => s.value ? i.value : void 0), m = b(() => e.control ? e.control.enabled : e.enabled !== !1), y = b(
+    () => e.control ? e.control.errors : (e.errors || []).map((h) => new wt(h))
+  ), c = b(() => s.value && i.value.length > 0 ? " " : void 0), v = b(() => s.value ? i.value : void 0), m = b(() => e.control ? e.control.enabled : e.enabled !== !1), y = b(
     () => e.control ? e.control.visibility : e.visibility || Re.DisplayMode.FULL
-  ), c = b(
+  ), d = b(
     () => oe(e.label || "") ? new So(e.label || "") : e.label
   ), j = b(() => e.placeholder || ""), T = b(() => e.helpText || ""), k = b(() => e.hint || ""), g = b(() => e.cssClass || ""), _ = b(
     () => {
-      var v, L, p;
-      return (p = (L = (v = e.density) != null ? v : Te("field-density", null)) != null ? L : n.defaultDensity) != null ? p : "default";
+      var h, L, p;
+      return (p = (L = (h = e.density) != null ? h : Te("field-density", null)) != null ? L : n.defaultDensity) != null ? p : "default";
     }
   ), M = b(() => _.value === "inline" ? "default" : _.value), N = b(
     () => {
-      var v, L, p;
-      return (p = (L = (v = e.variant) != null ? v : Te("field-variant", null)) != null ? L : n.defaultVariant) != null ? p : "underlined";
+      var h, L, p;
+      return (p = (L = (h = e.variant) != null ? h : Te("field-variant", null)) != null ? L : n.defaultVariant) != null ? p : "underlined";
     }
   );
   return {
@@ -1033,21 +1033,21 @@ function G(e, t) {
     valid: f,
     enabled: m,
     errors: i,
-    showErrors: h,
+    showErrors: v,
     visibility: y,
-    label: c,
+    label: d,
     touched: s,
     density: _.value,
     densityClass: b(() => `df-density-${_.value}`),
     vuetifyBindings: b(() => {
-      var v;
+      var h;
       return S({
-        name: (v = e.control) == null ? void 0 : v.fieldName,
+        name: (h = e.control) == null ? void 0 : h.fieldName,
         class: g.value,
         density: M.value,
         variant: N.value,
-        label: c.value.text,
-        errorMessages: d.value,
+        label: d.value.text,
+        errorMessages: c.value,
         // 'error-count': errors?.value.length || 0,
         readonly: !m.value,
         disabled: !m.value,
@@ -1063,7 +1063,7 @@ function G(e, t) {
     })
   };
 }
-const Eo = { class: "d-flex w-100 df-style-resetting" }, Pe = /* @__PURE__ */ H({
+const Eo = { class: "d-flex w-100 df-style-resetting df-sub-field" }, Pe = /* @__PURE__ */ H({
   __name: "input-base",
   props: {
     control: {},
@@ -1084,20 +1084,20 @@ const Eo = { class: "d-flex w-100 df-style-resetting" }, Pe = /* @__PURE__ */ H(
   },
   emits: ["update:modelValue", "click:clear", "blur"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { label: l, showErrors: r, touched: s, value: f, visibility: i, vuetifyBindings: d } = G(n, a), h = b(() => !!(o(n.clearable) && o(f))), m = F(!1);
-    function y(c) {
-      m.value = c, c || (s.value = !0, a("blur"));
+    const n = e, a = t, { label: l, showErrors: r, touched: s, value: f, visibility: i, vuetifyBindings: c } = G(n, a), v = b(() => !!(o(n.clearable) && o(f))), m = F(!1);
+    function y(d) {
+      m.value = d, d || (s.value = !0, a("blur"));
     }
-    return (c, j) => {
+    return (d, j) => {
       const T = A("v-field"), k = A("v-input");
       return o(i) !== o(X).SUPPRESS ? (V(), D(k, {
         key: 0,
-        name: o(d).name,
-        density: o(d).density,
-        hint: o(d).hint,
-        "persistent-hint": o(d).persistentHint,
-        "hide-details": o(d).hideDetails,
-        "error-messages": o(d).errorMessages,
+        name: o(c).name,
+        density: o(c).density,
+        hint: o(c).hint,
+        "persistent-hint": o(c).persistentHint,
+        "hide-details": o(c).hideDetails,
+        "error-messages": o(c).errorMessages,
         class: Y([
           e.cssClass,
           {
@@ -1114,13 +1114,13 @@ const Eo = { class: "d-flex w-100 df-style-resetting" }, Pe = /* @__PURE__ */ H(
         ]),
         default: w(() => [
           B(T, {
-            variant: o(d).variant,
-            density: o(d).density,
-            label: o(d).label,
-            disabled: o(d).disabled,
-            clearable: h.value,
+            variant: o(c).variant,
+            density: o(c).density,
+            label: o(c).label,
+            disabled: o(c).disabled,
+            clearable: v.value,
             "persistent-clear": !0,
-            dirty: !!o(f),
+            dirty: !!o(f) || !!o(c).placeholder,
             active: m.value,
             loading: e.loading,
             "onClick:clear": j[0] || (j[0] = (g) => a("click:clear")),
@@ -1134,18 +1134,18 @@ const Eo = { class: "d-flex w-100 df-style-resetting" }, Pe = /* @__PURE__ */ H(
             ]),
             default: w((g) => [
               le("div", Eo, [
-                se(c.$slots, "default", te(ne(g)))
+                se(d.$slots, "default", te(ne(g)))
               ])
             ]),
             loader: w((g) => [
-              se(c.$slots, "loader", te(ne(g)))
+              se(d.$slots, "loader", te(ne(g)))
             ]),
             _: 2
           }, [
-            c.$slots["prepend-inner"] ? {
+            d.$slots["prepend-inner"] ? {
               name: "prepend-inner",
               fn: w((g) => [
-                se(c.$slots, "prepend-inner", te(ne(g)))
+                se(d.$slots, "prepend-inner", te(ne(g)))
               ]),
               key: "0"
             } : void 0
@@ -1153,10 +1153,10 @@ const Eo = { class: "d-flex w-100 df-style-resetting" }, Pe = /* @__PURE__ */ H(
         ]),
         _: 2
       }, [
-        c.$slots.prepend ? {
+        d.$slots.prepend ? {
           name: "prepend",
           fn: w((g) => [
-            se(c.$slots, "prepend", te(ne(g)))
+            se(d.$slots, "prepend", te(ne(g)))
           ]),
           key: "0"
         } : void 0
@@ -1357,12 +1357,12 @@ const Mo = {
           "with-border": e.showAsGroup === "grouped"
         }])
       }, [
-        (V(!0), W(Ie, null, ct(l.value, (i, d) => (V(), D(f, {
-          key: d,
+        (V(!0), W(Ie, null, ct(l.value, (i, c) => (V(), D(f, {
+          key: c,
           variant: i.renderAs === o(z).BUTTON ? "tonal" : "text",
           elevation: 0,
           size: e.buttonSize,
-          onClick: dt((h) => i.action.execute(h), ["stop"])
+          onClick: dt((v) => i.action.execute(v), ["stop"])
         }, {
           default: w(() => [
             i.icon ? (V(), D(o(be), {
@@ -1398,7 +1398,7 @@ const Mo = {
   }, O(S({}, Z), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: f, value: i, vuetifyBindings: d } = G(n, a), h = b(() => n.allowNull && i.value == null), m = b({
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: f, value: i, vuetifyBindings: c } = G(n, a), v = b(() => n.allowNull && i.value == null), m = b({
       get() {
         return i.value;
       },
@@ -1406,20 +1406,20 @@ const Mo = {
       }
     });
     function y() {
-      const c = vt(i.value);
-      c === !0 ? i.value = n.allowNull ? null : !1 : i.value = c === !1;
+      const d = vt(i.value);
+      d === !0 ? i.value = n.allowNull ? null : !1 : i.value = d === !1;
     }
-    return (c, j) => {
+    return (d, j) => {
       const T = A("v-checkbox");
       return V(), D(T, R({
         modelValue: m.value,
         "onUpdate:modelValue": j[0] || (j[0] = (k) => m.value = k),
         density: "compact",
         class: o(l),
-        indeterminate: h.value,
+        indeterminate: v.value,
         "false-value": !1,
         "true-value": !0
-      }, o(d), {
+      }, o(c), {
         onChange: y,
         onBlur: j[1] || (j[1] = (k) => f.value = !0)
       }), {
@@ -1461,20 +1461,20 @@ const Mo = {
   }, O(S({}, Z), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: f, value: i, vuetifyBindings: d } = G(n, a), h = F(!1), m = b(() => [
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: f, value: i, vuetifyBindings: c } = G(n, a), v = F(!1), m = b(() => [
       (y) => n.control || !y && n.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(y) ? !0 : "Not a valid hex string."
     ]);
-    return (y, c) => {
+    return (y, d) => {
       const j = A("v-color-picker"), T = A("v-menu"), k = A("v-text-field");
       return V(), D(k, R({
         modelValue: o(i),
-        "onUpdate:modelValue": c[2] || (c[2] = (g) => ae(i) ? i.value = g : null),
+        "onUpdate:modelValue": d[2] || (d[2] = (g) => ae(i) ? i.value = g : null),
         class: o(l),
         clearable: e.allowNull,
         type: "text",
         rules: m.value
-      }, o(d), {
-        onBlur: c[3] || (c[3] = (g) => f.value = !0)
+      }, o(c), {
+        onBlur: d[3] || (d[3] = (g) => f.value = !0)
       }), {
         label: w((g) => [
           B(o(re), {
@@ -1495,15 +1495,15 @@ const Mo = {
         ]),
         default: w(() => [
           B(T, {
-            modelValue: h.value,
-            "onUpdate:modelValue": c[1] || (c[1] = (g) => h.value = g),
+            modelValue: v.value,
+            "onUpdate:modelValue": d[1] || (d[1] = (g) => v.value = g),
             "close-on-content-click": !1,
             activator: "parent"
           }, {
             default: w(() => [
               B(j, {
                 modelValue: o(i),
-                "onUpdate:modelValue": c[0] || (c[0] = (g) => ae(i) ? i.value = g : null),
+                "onUpdate:modelValue": d[0] || (d[0] = (g) => ae(i) ? i.value = g : null),
                 mode: "hexa"
               }, null, 8, ["modelValue"])
             ]),
@@ -1548,26 +1548,26 @@ const Mo = {
     }), r = b(() => {
       var p, u;
       return (u = (p = l.value.options) == null ? void 0 : p.weekStartsOn) != null ? u : 1;
-    }), { densityClass: s, touched: f, value: i, vuetifyBindings: d } = G(n, a), { inputType: h, displayFormatDate: m, displayFormatTime: y } = Ce(n), c = F(""), j = b({
+    }), { densityClass: s, touched: f, value: i, vuetifyBindings: c } = G(n, a), { inputType: v, displayFormatDate: m, displayFormatTime: y } = Ce(n), d = F(""), j = b({
       get() {
-        return o(c) === "date";
+        return o(d) === "date";
       },
       set(p) {
-        c.value = p ? "date" : "";
+        d.value = p ? "date" : "";
       }
     }), T = b({
       get() {
-        return o(c) === "time";
+        return o(d) === "time";
       },
       set(p) {
-        c.value = p ? "time" : "";
+        d.value = p ? "time" : "";
       }
     }), k = (p) => `${me(p, "yyyy-MM-dd")}T${me(p, "HH:mm")}:00`, g = F(null);
     function _(p, u) {
       if (p == null)
         g.value = null;
       else if (u === -1)
-        if (o(h) === "time")
+        if (o(v) === "time")
           g.value = k(/* @__PURE__ */ new Date()), _(`T${p}`, 1);
         else {
           const $ = k(new Date(p));
@@ -1576,7 +1576,7 @@ const Mo = {
       else {
         g.value == null && (g.value = k(/* @__PURE__ */ new Date()));
         const $ = g.value.split(/[TZ]/g), K = p.split(/[TZ]/g);
-        $[u] = K[u], g.value = k(/* @__PURE__ */ new Date(`${$[0]}T${$[1].split(".")[0]}`)), o(h) === "date" ? i.value = $[0] : o(h) === "time" ? i.value = $[1] : i.value = o(g) + me(/* @__PURE__ */ new Date(), "XXX");
+        $[u] = K[u], g.value = k(/* @__PURE__ */ new Date(`${$[0]}T${$[1].split(".")[0]}`)), o(v) === "date" ? i.value = $[0] : o(v) === "time" ? i.value = $[1] : i.value = o(g) + me(/* @__PURE__ */ new Date(), "XXX");
       }
     }
     ue(i, (p) => _(p, -1), { immediate: !0 });
@@ -1598,7 +1598,7 @@ const Mo = {
       set(p) {
         _(`T${p}`, 1);
       }
-    }), v = b({
+    }), h = b({
       get() {
         const p = o(M);
         return p == null ? "" : me(p, o(m), { locale: l.value });
@@ -1634,23 +1634,30 @@ const Mo = {
       }), {
         default: w((I) => [
           le("div", {
-            class: Y(["d-flex w-100 ml-4 df-input-wrapper", e.density])
+            class: Y([
+              "d-flex",
+              "w-100",
+              ["plain", "underlined"].includes(o(c).variant) ? void 0 : "ml-4",
+              "df-input-wrapper",
+              e.density
+            ])
           }, [
-            ["date", "datetime"].includes(o(h)) ? (V(), D(de, R({
+            ["date", "datetime"].includes(o(v)) ? (V(), D(de, R({
               key: 0,
-              modelValue: v.value,
-              "onUpdate:modelValue": u[4] || (u[4] = (C) => v.value = C),
+              modelValue: h.value,
+              "onUpdate:modelValue": u[4] || (u[4] = (C) => h.value = C),
               style: { "flex-grow": "4" },
               density: "compact",
               variant: "plain",
               clearable: !1,
               "hide-details": !0,
-              readonly: o(d).readonly,
-              disabled: o(d).disabled,
-              name: `${o(d).name}-date`
+              readonly: o(c).readonly,
+              disabled: o(c).disabled,
+              name: `${o(c).name}-date`,
+              placeholder: o(c).placeholder
             }, e.passthroughAttrs, {
-              onClick: u[5] || (u[5] = (C) => c.value = "date"),
-              onKeydown: u[6] || (u[6] = Fe((C) => c.value = "date", ["space"])),
+              onClick: u[5] || (u[5] = (C) => d.value = "date"),
+              onKeydown: u[6] || (u[6] = Fe((C) => d.value = "date", ["space"])),
               onFocus: (C) => I.focus(),
               onBlur: (C) => I.blur()
             }), {
@@ -1665,8 +1672,8 @@ const Mo = {
                     B(K, {
                       modelValue: M.value,
                       "onUpdate:modelValue": u[0] || (u[0] = (C) => M.value = C),
-                      onCancel: u[1] || (u[1] = (C) => c.value = ""),
-                      onSave: u[2] || (u[2] = (C) => c.value = "")
+                      onCancel: u[1] || (u[1] = (C) => d.value = ""),
+                      onSave: u[2] || (u[2] = (C) => d.value = "")
                     }, {
                       default: w(({ model: C, actions: J }) => [
                         B($, {
@@ -1690,8 +1697,8 @@ const Mo = {
                 }, 8, ["modelValue"])
               ]),
               _: 1
-            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : U("", !0),
-            ["time", "datetime"].includes(o(h)) ? (V(), D(de, R({
+            }, 16, ["modelValue", "readonly", "disabled", "name", "placeholder", "onFocus", "onBlur"])) : U("", !0),
+            ["time", "datetime"].includes(o(v)) ? (V(), D(de, R({
               key: 1,
               modelValue: L.value,
               "onUpdate:modelValue": u[11] || (u[11] = (C) => L.value = C),
@@ -1700,12 +1707,13 @@ const Mo = {
               variant: "plain",
               clearable: !1,
               "hide-details": !0,
-              readonly: o(d).readonly,
-              disabled: o(d).disabled,
-              name: `${o(d).name}-time`
+              readonly: o(c).readonly,
+              disabled: o(c).disabled,
+              name: `${o(c).name}-time`,
+              placeholder: o(v) === "time" ? o(c).placeholder : void 0
             }, e.passthroughAttrs, {
-              onClick: u[12] || (u[12] = (C) => c.value = "time"),
-              onKeydown: u[13] || (u[13] = Fe((C) => c.value = "time", ["space"])),
+              onClick: u[12] || (u[12] = (C) => d.value = "time"),
+              onKeydown: u[13] || (u[13] = Fe((C) => d.value = "time", ["space"])),
               onFocus: (C) => I.focus(),
               onBlur: (C) => I.blur()
             }), {
@@ -1720,8 +1728,8 @@ const Mo = {
                     B(K, {
                       modelValue: N.value,
                       "onUpdate:modelValue": u[7] || (u[7] = (C) => N.value = C),
-                      onCancel: u[8] || (u[8] = (C) => c.value = ""),
-                      onSave: u[9] || (u[9] = (C) => c.value = "")
+                      onCancel: u[8] || (u[8] = (C) => d.value = ""),
+                      onSave: u[9] || (u[9] = (C) => d.value = "")
                     }, {
                       default: w(({ model: C, actions: J }) => [
                         B(x, {
@@ -1743,7 +1751,7 @@ const Mo = {
                 }, 8, ["modelValue"])
               ]),
               _: 1
-            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : U("", !0)
+            }, 16, ["modelValue", "readonly", "disabled", "name", "placeholder", "onFocus", "onBlur"])) : U("", !0)
           ], 2)
         ]),
         _: 1
@@ -1771,7 +1779,7 @@ const Mo = {
   }, Z),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { densityClass: l, touched: r, value: s, vuetifyBindings: f } = G(n, a), i = F(null), d = F(null), h = F(0), m = F(Math.round(Math.random() * 1e3)), y = F(), c = b(() => d.value && h.value < 100), j = b(() => !y.value && s.value ? n.modelValue : "");
+    const n = e, a = t, { densityClass: l, touched: r, value: s, vuetifyBindings: f } = G(n, a), i = F(null), c = F(null), v = F(0), m = F(Math.round(Math.random() * 1e3)), y = F(), d = b(() => c.value && v.value < 100), j = b(() => !y.value && s.value ? n.modelValue : "");
     function T() {
       i.value && window.clearInterval(i.value);
     }
@@ -1785,40 +1793,40 @@ const Mo = {
     });
     function g() {
       return ge(this, null, function* () {
-        s.value && (yield n.comms.delete(s.value)), s.value = null, h.value = 0, m.value = Math.round(Math.random() * 1e3), d.value = null, y.value = null, T();
+        s.value && (yield n.comms.delete(s.value)), s.value = null, v.value = 0, m.value = Math.round(Math.random() * 1e3), c.value = null, y.value = null, T();
       });
     }
     function _(N) {
       return ge(this, null, function* () {
-        h.value = -1, d.value = N;
+        v.value = -1, c.value = N;
         try {
-          s.value = yield n.comms.upload(N, (v, L) => {
-            h.value = Math.round(v * 100 / L);
-          }), h.value = 100, k();
-        } catch (v) {
-          throw h.value = 0, d.value = null, m.value = Math.round(Math.random() * 1e3), y.value = null, v;
+          s.value = yield n.comms.upload(N, (h, L) => {
+            v.value = Math.round(h * 100 / L);
+          }), v.value = 100, k();
+        } catch (h) {
+          throw v.value = 0, c.value = null, m.value = Math.round(Math.random() * 1e3), y.value = null, h;
         }
       });
     }
     function M(N) {
       N && (Array.isArray(N) ? console.error("Uploading multiple files not supported right now") : _(N));
     }
-    return (N, v) => {
+    return (N, h) => {
       const L = A("v-progress-linear"), p = A("v-file-input");
-      return V(), D(o(Pe), R(O(S({}, n), { loading: c.value }), {
+      return V(), D(o(Pe), R(O(S({}, n), { loading: d.value }), {
         class: o(l),
         clearable: "",
         "onClick:clear": g,
-        onBlur: v[1] || (v[1] = (u) => r.value = !0)
+        onBlur: h[1] || (h[1] = (u) => r.value = !0)
       }), {
         "prepend-inner": w(() => [
           B(o(be), { name: "mdi-paperclip" })
         ]),
         loader: w(() => [
-          d.value && h.value < 100 ? (V(), D(L, {
+          c.value && v.value < 100 ? (V(), D(L, {
             key: 0,
-            "model-value": h.value,
-            indeterminate: h.value === -1
+            "model-value": v.value,
+            indeterminate: v.value === -1
           }, null, 8, ["model-value", "indeterminate"])) : U("", !0)
         ]),
         default: w((u) => [
@@ -1827,7 +1835,7 @@ const Mo = {
           }, [
             B(p, R({
               modelValue: y.value,
-              "onUpdate:modelValue": v[0] || (v[0] = ($) => y.value = $),
+              "onUpdate:modelValue": h[0] || (h[0] = ($) => y.value = $),
               label: j.value,
               density: "compact",
               variant: "plain",
@@ -1837,7 +1845,7 @@ const Mo = {
               "hide-details": !0,
               "show-size": !0,
               multiple: !1,
-              style: d.value && h.value < 100 ? "visibility: hidden" : "",
+              style: c.value && v.value < 100 ? "visibility: hidden" : "",
               clearable: !1
             }, e.passthroughAttrs, {
               "prepend-icon": "",
@@ -1882,8 +1890,8 @@ const Mo = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: f, value: i, vuetifyBindings: d } = G(n, a), { inputType: h, max: m, min: y, precision: c, step: j } = Ce(n), T = b(() => h.value === "number"), k = b(
-      () => T.value ? { min: o(y), max: o(m), precision: o(c), step: o(j) } : {}
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: f, value: i, vuetifyBindings: c } = G(n, a), { inputType: v, max: m, min: y, precision: d, step: j } = Ce(n), T = b(() => v.value === "number"), k = b(
+      () => T.value ? { min: o(y), max: o(m), precision: o(d), step: o(j) } : {}
     );
     return (g, _) => {
       const M = A("v-text-field"), N = A("v-number-input");
@@ -1893,19 +1901,19 @@ const Mo = {
         T.value ? (V(), D(N, R({
           key: 1,
           modelValue: o(i),
-          "onUpdate:modelValue": _[2] || (_[2] = (v) => ae(i) ? i.value = v : null),
+          "onUpdate:modelValue": _[2] || (_[2] = (h) => ae(i) ? i.value = h : null),
           density: "compact",
           "control-variant": "stacked"
-        }, S(S({}, o(d)), k.value)), {
-          label: w((v) => [
+        }, S(S({}, o(c)), k.value)), {
+          label: w((h) => [
             B(o(re), {
-              data: v,
+              data: h,
               label: o(r)
             }, null, 8, ["data", "label"])
           ]),
-          message: w(({ message: v }) => [
+          message: w(({ message: h }) => [
             B(o(q), {
-              message: v,
+              message: h,
               errors: o(s)
             }, null, 8, ["message", "errors"])
           ]),
@@ -1913,20 +1921,20 @@ const Mo = {
         }, 16, ["modelValue"])) : (V(), D(M, R({
           key: 0,
           modelValue: o(i),
-          "onUpdate:modelValue": _[0] || (_[0] = (v) => ae(i) ? i.value = v : null),
-          type: o(h)
-        }, o(d), {
-          onBlur: _[1] || (_[1] = (v) => f.value = !0)
+          "onUpdate:modelValue": _[0] || (_[0] = (h) => ae(i) ? i.value = h : null),
+          type: o(v)
+        }, o(c), {
+          onBlur: _[1] || (_[1] = (h) => f.value = !0)
         }), {
-          label: w((v) => [
+          label: w((h) => [
             B(o(re), {
-              data: v,
+              data: h,
               label: o(r)
             }, null, 8, ["data", "label"])
           ]),
-          message: w(({ message: v }) => [
+          message: w(({ message: h }) => [
             B(o(q), {
-              message: v,
+              message: h,
               errors: o(s)
             }, null, 8, ["message", "errors"])
           ]),
@@ -2028,7 +2036,7 @@ const Mo = {
         { model: "heading5", view: "h5", title: E.Heading5, class: "ck-heading_heading5" },
         { model: "heading6", view: "h6", title: E.Heading6, class: "ck-heading_heading6" }
       ]
-    }, d = {
+    }, c = {
       language: ke.language,
       toolbar: s,
       plugins: f,
@@ -2081,21 +2089,21 @@ const Mo = {
     Ke(() => {
       l.value = !0;
     });
-    const h = (m) => {
+    const v = (m) => {
     };
-    return t({ onEditorReady: h }), (m, y) => {
-      const c = A("ckeditor");
+    return t({ onEditorReady: v }), (m, y) => {
+      const d = A("ckeditor");
       return V(), W("div", Ko, [
         le("div", Xo, [
           le("div", Go, [
-            l.value ? (V(), D(c, {
+            l.value ? (V(), D(d, {
               key: 0,
               "model-value": e.modelValue,
               editor: o(r),
-              config: d,
+              config: c,
               disabled: e.disabled,
               style: Ge(`min-height: ${e.minHeight}`),
-              onReady: h,
+              onReady: v,
               "onUpdate:modelValue": y[0] || (y[0] = (j) => a("update:modelValue", j))
             }, null, 8, ["model-value", "editor", "disabled", "style"])) : U("", !0)
           ], 512)
@@ -2128,18 +2136,18 @@ const Mo = {
     return (f, i) => (V(), D(o(Pe), R(n, {
       class: ["ck-editor-custom", o(l)]
     }), {
-      default: w((d) => [
+      default: w((c) => [
         B(qo, R({
           ref: "$editor",
           modelValue: o(r),
-          "onUpdate:modelValue": i[0] || (i[0] = (h) => ae(r) ? r.value = h : null),
+          "onUpdate:modelValue": i[0] || (i[0] = (v) => ae(r) ? r.value = v : null),
           class: { "mt-6": !!e.label },
           "min-height": e.minHeight,
           disabled: o(s).disabled,
           placeholder: "dfsjghdf"
         }, e.passthroughAttrs, {
-          onFocusin: (h) => d.focus(),
-          onFocusout: (h) => d.blur()
+          onFocusin: (v) => c.focus(),
+          onFocusout: (v) => c.blur()
         }), null, 16, ["modelValue", "class", "min-height", "disabled", "onFocusin", "onFocusout"])
       ]),
       _: 1
@@ -2208,17 +2216,17 @@ const Zo = {
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, { choices: a, multiple: l, allowTags: r, allowNull: s, cssClass: f, visibility: i } = Ce(n), d = t, {
-      densityClass: h,
+    const n = e, { choices: a, multiple: l, allowTags: r, allowNull: s, cssClass: f, visibility: i } = Ce(n), c = t, {
+      densityClass: v,
       label: m,
       showErrors: y,
-      touched: c,
+      touched: d,
       value: j,
       vuetifyBindings: T
-    } = G(n, d), k = F(null), g = F(!1), _ = F([]), M = b(() => o(g) ? o(_) : o(a) || []), N = F(!1), v = b(() => Qo(M.value));
-    v.value && n.fetchChoices !== void 0 && console.warn("Both options and fetchChoices are set. Only one of them should be set.");
+    } = G(n, c), k = F(null), g = F(!1), _ = F([]), M = b(() => o(g) ? o(_) : o(a) || []), N = F(!1), h = b(() => Qo(M.value));
+    h.value && n.fetchChoices !== void 0 && console.warn("Both options and fetchChoices are set. Only one of them should be set.");
     function L(x) {
-      d("update:modelValueDisplay", Ve(M.value, x));
+      c("update:modelValueDisplay", Ve(M.value, x));
     }
     let p = !1;
     function u(x) {
@@ -2275,7 +2283,7 @@ const Zo = {
     }
     function de() {
       let x = j.value;
-      !s.value && x == null && v.value.length && (x = v.value[0].value), x = ee(x, l.value), we(x, k, l.value, r.value, M.value), L(x), u(x);
+      !s.value && x == null && h.value.length && (x = h.value[0].value), x = ee(x, l.value), we(x, k, l.value, r.value, M.value), L(x), u(x);
     }
     return de(), n.fetchChoices !== void 0 && ce(void 0, j.value).then(() => {
       de();
@@ -2287,13 +2295,13 @@ const Zo = {
         "onUpdate:modelValue": I[0] || (I[0] = (P) => k.value = P),
         class: [
           o(f),
-          o(h),
+          o(v),
           {
             "d-none": o(i) === o(X).HIDDEN,
             invisible: o(i) === o(X).INVISIBLE
           }
         ],
-        items: v.value,
+        items: h.value,
         "return-object": !1,
         chips: "",
         "auto-select-first": !0,
@@ -2308,7 +2316,7 @@ const Zo = {
         "onUpdate:search": I[1] || (I[1] = (P) => ce(P, void 0)),
         "onUpdate:modelValue": $,
         "onClick:clear": I[2] || (I[2] = (P) => k.value = null),
-        onBlur: I[3] || (I[3] = (P) => c.value = !0)
+        onBlur: I[3] || (I[3] = (P) => d.value = !0)
       }), De({
         chip: w(({ item: P }) => [
           (V(), D(C, {
@@ -2410,8 +2418,8 @@ const Zo = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: f, value: i, vuetifyBindings: d } = G(n, a), { cssClass: h, visibility: m } = Ce(n);
-    return (y, c) => {
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: f, value: i, vuetifyBindings: c } = G(n, a), { cssClass: v, visibility: m } = Ce(n);
+    return (y, d) => {
       const j = A("v-textarea");
       return V(), W("div", {
         class: Y(["df-textarea-container", o(l)])
@@ -2419,9 +2427,9 @@ const Zo = {
         o(m) !== o(X).SUPPRESS ? (V(), D(j, R({
           key: 0,
           modelValue: o(i),
-          "onUpdate:modelValue": c[0] || (c[0] = (T) => ae(i) ? i.value = T : null),
+          "onUpdate:modelValue": d[0] || (d[0] = (T) => ae(i) ? i.value = T : null),
           class: [
-            o(h),
+            o(v),
             {
               "d-none": o(m) === o(X).HIDDEN,
               invisible: o(m) === o(X).INVISIBLE
@@ -2430,8 +2438,8 @@ const Zo = {
           rows: e.rows,
           "auto-grow": (e.maxRows || 0) > 0,
           "max-rows": e.maxRows
-        }, o(d), {
-          onBlur: c[1] || (c[1] = (T) => f.value = !0)
+        }, o(c), {
+          onBlur: d[1] || (d[1] = (T) => f.value = !0)
         }), {
           label: w((T) => [
             B(o(re), {