npm - @dynamicforms/vuetify-inputs - Versions diffs - 0.3.3 → 0.4.1 - Mend

@dynamicforms/vuetify-inputs 0.3.3 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/dynamicforms-vuetify-inputs.js +936 -879
package/dist/dynamicforms-vuetify-inputs.js.map +1 -1
package/dist/dynamicforms-vuetify-inputs.umd.cjs +11 -11
package/dist/dynamicforms-vuetify-inputs.umd.cjs.map +1 -1
package/dist/index.d.ts +48 -3
package/dist/style.css +2 -2
package/package.json +1 -1

package/dist/dynamicforms-vuetify-inputs.js CHANGED Viewed

@@ -1,63 +1,64 @@
 var We = Object.defineProperty, Xe = Object.defineProperties;
 var qe = Object.getOwnPropertyDescriptors;
 var Ce = Object.getOwnPropertySymbols;
-var Ze = Object.prototype.hasOwnProperty, Ye = Object.prototype.propertyIsEnumerable;
-var be = (t, e, n) => e in t ? We(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, N = (t, e) => {
+var Ze = Object.prototype.hasOwnProperty, Qe = Object.prototype.propertyIsEnumerable;
+var ge = (l, e, n) => e in l ? We(l, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : l[e] = n, N = (l, e) => {
   for (var n in e || (e = {}))
-    Ze.call(e, n) && be(t, n, e[n]);
+    Ze.call(e, n) && ge(l, n, e[n]);
   if (Ce)
     for (var n of Ce(e))
-      Ye.call(e, n) && be(t, n, e[n]);
-  return t;
-}, M = (t, e) => Xe(t, qe(e));
-var ae = (t, e, n) => be(t, typeof e != "symbol" ? e + "" : e, n);
-var ue = (t, e, n) => new Promise((a, o) => {
-  var i = (v) => {
+      Qe.call(e, n) && ge(l, n, e[n]);
+  return l;
+}, H = (l, e) => Xe(l, qe(e));
+var re = (l, e, n) => ge(l, typeof e != "symbol" ? e + "" : e, n);
+var ce = (l, e, n) => new Promise((a, o) => {
+  var s = (b) => {
     try {
-      f(n.next(v));
-    } catch (s) {
-      o(s);
+      r(n.next(b));
+    } catch (i) {
+      o(i);
     }
-  }, u = (v) => {
+  }, g = (b) => {
     try {
-      f(n.throw(v));
-    } catch (s) {
-      o(s);
+      r(n.throw(b));
+    } catch (i) {
+      o(i);
     }
-  }, f = (v) => v.done ? a(v.value) : Promise.resolve(v.value).then(i, u);
-  f((n = n.apply(t, e)).next());
+  }, r = (b) => b.done ? a(b.value) : Promise.resolve(b.value).then(s, g);
+  r((n = n.apply(l, e)).next());
 });
-import * as Ie from "vue";
-import { defineComponent as F, mergeModels as Be, useModel as Qe, ref as $, watch as se, onMounted as Le, markRaw as Je, onBeforeUnmount as Pe, createBlock as T, openBlock as h, resolveDynamicComponent as te, version as et, resolveComponent as I, createElementBlock as D, createCommentVNode as E, createTextVNode as Ve, Fragment as ke, toDisplayString as ee, computed as V, renderList as Re, normalizeClass as re, unref as l, mergeProps as j, withCtx as y, createVNode as _, createSlots as q, renderSlot as tt, isRef as Z, withModifiers as lt, mergeDefaults as K, createElementVNode as le, normalizeStyle as we, toRefs as pe, withKeys as Ae, useCssVars as nt, normalizeProps as Oe, guardReactiveProps as Me, nextTick as ot } from "vue";
-import { debounce as at, isString as ce, isEmpty as it, isObjectLike as st, isBoolean as xe, clone as rt, toNumber as Se, isNaN as De, isArray as $e, castArray as He, first as je, unionBy as ut } from "lodash-es";
-import _e from "vue-ionicon";
-import { useDisplay as dt } from "vuetify";
-import Ne, { ValidationErrorRenderContent as ct, DisplayMode as H, ExecuteAction as mt, Action as ge } from "@dynamicforms/vue-forms";
-import pt from "vue-markdown-render";
-import { format as ie, parse as ft } from "date-fns";
-import { AccessibilityHelp as vt, Alignment as bt, AutoImage as gt, AutoLink as ht, Autosave as yt, BalloonToolbar as _t, BlockQuote as Vt, Bold as kt, CloudServices as wt, Essentials as Tt, GeneralHtmlSupport as Ct, Heading as It, HorizontalLine as Bt, ImageBlock as At, ImageCaption as xt, ImageInline as St, ImageInsertViaUrl as Dt, ImageResize as $t, ImageStyle as Nt, ImageToolbar as Et, ImageUpload as Ut, Indent as Ft, IndentBlock as Lt, Italic as Pt, Link as Rt, List as Ot, Autoformat as Mt, MediaEmbed as Ht, Paragraph as jt, PasteFromMarkdownExperimental as zt, PasteFromOffice as Kt, SelectAll as Gt, Style as Wt, Table as Xt, TableCellProperties as qt, TableColumnResize as Zt, TableProperties as Yt, TableToolbar as Qt, Undo as Jt, TextTransformation as el, Base64UploadAdapter as tl, ClassicEditor as ll } from "ckeditor5";
-import { VAutocomplete as nl } from "vuetify/components/VAutocomplete";
-import { VBtn as ol } from "vuetify/components/VBtn";
-import { VCheckbox as al } from "vuetify/components/VCheckbox";
-import { VChip as il } from "vuetify/components/VChip";
-import { VCombobox as sl } from "vuetify/components/VCombobox";
-import { VColorPicker as rl } from "vuetify/components/VColorPicker";
-import { VConfirmEdit as ul } from "vuetify/components/VConfirmEdit";
-import { VDatePicker as dl } from "vuetify/components/VDatePicker";
-import { VFileInput as cl } from "vuetify/components/VFileInput";
-import { VCol as ml, VRow as pl } from "vuetify/components/VGrid";
-import { VIcon as fl } from "vuetify/components/VIcon";
-import { VImg as vl } from "vuetify/components/VImg";
-import { VInput as bl } from "vuetify/components/VInput";
-import { VListItem as gl } from "vuetify/components/VList";
-import { VMenu as hl } from "vuetify/components/VMenu";
-import { VNumberInput as yl } from "vuetify/components/VNumberInput";
-import { VProgressLinear as _l } from "vuetify/components/VProgressLinear";
-import { VSelect as Vl } from "vuetify/components/VSelect";
-import { VSwitch as kl } from "vuetify/components/VSwitch";
-import { VTextarea as wl } from "vuetify/components/VTextarea";
-import { VTextField as Tl } from "vuetify/components/VTextField";
-import { VTimePicker as Cl } from "vuetify/labs/VTimePicker";
+import * as Be from "vue";
+import { defineComponent as F, mergeModels as Ie, useModel as Ye, ref as x, watch as de, onMounted as Le, markRaw as Je, onBeforeUnmount as Re, createBlock as I, openBlock as V, resolveDynamicComponent as se, version as el, resolveComponent as A, createElementBlock as U, createCommentVNode as E, createTextVNode as Oe, Fragment as ke, toDisplayString as ae, inject as ll, computed as T, renderList as Pe, normalizeClass as ie, unref as t, mergeProps as K, withCtx as _, createSlots as G, createVNode as C, renderSlot as me, normalizeProps as ne, guardReactiveProps as oe, createElementVNode as Z, isRef as Q, withModifiers as tl, mergeDefaults as W, normalizeStyle as we, toRefs as be, withKeys as $e, useCssVars as nl, nextTick as ol } from "vue";
+import { debounce as al, isString as ve, isEmpty as sl, isObjectLike as il, isBoolean as Ae, clone as rl, toNumber as Se, isNaN as xe, isArray as De, castArray as Me, first as He, unionBy as ul } from "lodash-es";
+import Ve from "vue-ionicon";
+import { useDisplay as dl } from "vuetify";
+import Ne, { ValidationErrorRenderContent as cl, DisplayMode as j, ExecuteAction as ml, Action as ye } from "@dynamicforms/vue-forms";
+import pl from "vue-markdown-render";
+import { format as ue, parse as vl } from "date-fns";
+import { AccessibilityHelp as fl, Alignment as bl, AutoImage as gl, AutoLink as yl, Autosave as hl, BalloonToolbar as _l, BlockQuote as Vl, Bold as kl, CloudServices as wl, Essentials as Tl, GeneralHtmlSupport as Cl, Heading as Bl, HorizontalLine as Il, ImageBlock as $l, ImageCaption as Al, ImageInline as Sl, ImageInsertViaUrl as xl, ImageResize as Dl, ImageStyle as Nl, ImageToolbar as Ul, ImageUpload as El, Indent as Fl, IndentBlock as Ll, Italic as Rl, Link as Ol, List as Pl, Autoformat as Ml, MediaEmbed as Hl, Paragraph as jl, PasteFromMarkdownExperimental as Kl, PasteFromOffice as zl, SelectAll as Gl, Style as Wl, Table as Xl, TableCellProperties as ql, TableColumnResize as Zl, TableProperties as Ql, TableToolbar as Yl, Undo as Jl, TextTransformation as et, Base64UploadAdapter as lt, ClassicEditor as tt } from "ckeditor5";
+import { VAutocomplete as nt } from "vuetify/components/VAutocomplete";
+import { VBtn as ot } from "vuetify/components/VBtn";
+import { VCheckbox as at } from "vuetify/components/VCheckbox";
+import { VChip as st } from "vuetify/components/VChip";
+import { VCombobox as it } from "vuetify/components/VCombobox";
+import { VColorPicker as rt } from "vuetify/components/VColorPicker";
+import { VConfirmEdit as ut } from "vuetify/components/VConfirmEdit";
+import { VDatePicker as dt } from "vuetify/components/VDatePicker";
+import { VField as ct } from "vuetify/components/VField";
+import { VFileInput as mt } from "vuetify/components/VFileInput";
+import { VCol as pt, VRow as vt } from "vuetify/components/VGrid";
+import { VIcon as ft } from "vuetify/components/VIcon";
+import { VImg as bt } from "vuetify/components/VImg";
+import { VInput as gt } from "vuetify/components/VInput";
+import { VListItem as yt } from "vuetify/components/VList";
+import { VMenu as ht } from "vuetify/components/VMenu";
+import { VNumberInput as _t } from "vuetify/components/VNumberInput";
+import { VProgressLinear as Vt } from "vuetify/components/VProgressLinear";
+import { VSelect as kt } from "vuetify/components/VSelect";
+import { VSwitch as wt } from "vuetify/components/VSwitch";
+import { VTextarea as Tt } from "vuetify/components/VTextarea";
+import { VTextField as Ct } from "vuetify/components/VTextField";
+import { VTimePicker as Bt } from "vuetify/labs/VTimePicker";
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
@@ -66,14 +67,14 @@ import { VTimePicker as Cl } from "vuetify/labs/VTimePicker";
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-new Array(256).fill("").map((t, e) => ("0" + e.toString(16)).slice(-2));
+new Array(256).fill("").map((l, e) => ("0" + e.toString(16)).slice(-2));
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Il(t, e) {
-  const n = t.extraPlugins || [];
-  return M(N({}, t), {
+function It(l, e) {
+  const n = l.extraPlugins || [];
+  return H(N({}, l), {
     extraPlugins: [
       ...n,
       ...e.filter((a) => !n.includes(a))
@@ -84,27 +85,27 @@ function Il(t, e) {
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function ze(t) {
-  return !!t && /^\d+\.\d+\.\d+/.test(t);
+function je(l) {
+  return !!l && /^\d+\.\d+\.\d+/.test(l);
 }
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Ke(t) {
-  return t ? ["nightly", "alpha", "internal", "nightly-", "staging"].some((e) => t.includes(e)) : !1;
+function Ke(l) {
+  return l ? ["nightly", "alpha", "internal", "nightly-", "staging"].some((e) => l.includes(e)) : !1;
 }
-function Bl(t) {
-  return ze(t) || Ke(t);
+function $t(l) {
+  return je(l) || Ke(l);
 }
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Al(t) {
-  if (!ze(t))
-    throw new Error(`Invalid semantic version: ${t || "<blank>"}.`);
-  const [e, n, a] = t.split(".");
+function At(l) {
+  if (!je(l))
+    throw new Error(`Invalid semantic version: ${l || "<blank>"}.`);
+  const [e, n, a] = l.split(".");
   return {
     major: Number.parseInt(e, 10),
     minor: Number.parseInt(n, 10),
@@ -115,10 +116,10 @@ function Al(t) {
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function xl(t) {
-  if (Ke(t))
+function St(l) {
+  if (Ke(l))
     return 3;
-  const { major: e } = Al(t);
+  const { major: e } = At(l);
   switch (!0) {
     case e >= 44:
       return 3;
@@ -132,32 +133,32 @@ function xl(t) {
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Sl() {
-  const { CKEDITOR_VERSION: t, CKEDITOR: e } = window;
-  return Bl(t) ? {
+function xt() {
+  const { CKEDITOR_VERSION: l, CKEDITOR: e } = window;
+  return $t(l) ? {
     source: e ? "cdn" : "npm",
-    version: t
+    version: l
   } : null;
 }
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Dl() {
-  const t = Sl();
-  return t ? xl(t.version) : null;
+function Dt() {
+  const l = xt();
+  return l ? St(l.version) : null;
 }
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function Ge(t, e) {
-  switch (e || (e = Dl() || void 0), e) {
+function ze(l, e) {
+  switch (e || (e = Dt() || void 0), e) {
     case 1:
     case 2:
-      return t === void 0;
+      return l === void 0;
     case 3:
-      return t === "GPL";
+      return l === "GPL";
     default:
       return !1;
   }
@@ -166,10 +167,10 @@ function Ge(t, e) {
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-function $l(t, e) {
+function Nt(l, e) {
   return function(a) {
-    Ge(a.config.get("licenseKey")) || a.on("collectUsageData", (o, { setUsageData: i }) => {
-      i(`integration.${t}`, e);
+    ze(a.config.get("licenseKey")) || a.on("collectUsageData", (o, { setUsageData: s }) => {
+      s(`integration.${l}`, e);
     });
   };
 }
@@ -177,31 +178,31 @@ function $l(t, e) {
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md.
  */
-const Nl = $l(
+const Ut = Nt(
   "vue",
   {
     version: "7.3.0",
-    frameworkVersion: et
+    frameworkVersion: el
   }
 );
 /**
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md.
  */
-function El(t) {
-  return Ge(t.licenseKey) ? t : Il(t, [
+function Et(l) {
+  return ze(l.licenseKey) ? l : It(l, [
     /**
      * This part of the code is not executed in open-source implementations using a GPL key.
      * It only runs when a specific license key is provided. If you are uncertain whether
      * this applies to your installation, please contact our support team.
      */
-    Nl
+    Ut
   ]);
 }
-const he = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Ul = 300, Fl = /* @__PURE__ */ F({
+const he = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Ft = 300, Lt = /* @__PURE__ */ F({
   name: "CKEditor",
   __name: "ckeditor",
-  props: /* @__PURE__ */ Be({
+  props: /* @__PURE__ */ Ie({
     editor: {},
     config: { default: () => ({}) },
     tagName: { default: "div" },
@@ -211,51 +212,51 @@ const he = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Ul = 300, Fl =
     modelValue: { type: String, default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Be(["ready", "destroy", "blur", "focus", "input", "update:modelValue"], ["update:modelValue"]),
-  setup(t, { expose: e, emit: n }) {
-    const a = Qe(t, "modelValue"), o = t, i = n, u = $(), f = $(), v = $();
+  emits: /* @__PURE__ */ Ie(["ready", "destroy", "blur", "focus", "input", "update:modelValue"], ["update:modelValue"]),
+  setup(l, { expose: e, emit: n }) {
+    const a = Ye(l, "modelValue"), o = l, s = n, g = x(), r = x(), b = x();
     e({
-      instance: f,
-      lastEditorData: v
-    }), se(a, (r) => {
-      f.value && r !== v.value && f.value.data.set(r);
-    }), se(() => o.disabled, (r) => {
-      r ? f.value.enableReadOnlyMode(he) : f.value.disableReadOnlyMode(he);
+      instance: r,
+      lastEditorData: b
+    }), de(a, (u) => {
+      r.value && u !== b.value && r.value.data.set(u);
+    }), de(() => o.disabled, (u) => {
+      u ? r.value.enableReadOnlyMode(he) : r.value.disableReadOnlyMode(he);
     });
-    function s() {
-      const r = window.CKEDITOR_VERSION;
-      if (!r)
+    function i() {
+      const u = window.CKEDITOR_VERSION;
+      if (!u)
         return console.warn('Cannot find the "CKEDITOR_VERSION" in the "window" scope.');
-      const [d] = r.split(".").map(Number);
-      d >= 42 || r.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
+      const [c] = u.split(".").map(Number);
+      c >= 42 || u.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
     }
-    function b(r) {
-      const d = at((m) => {
+    function v(u) {
+      const c = al((p) => {
         if (o.disableTwoWayDataBinding)
           return;
-        const g = v.value = r.data.get();
-        i("update:modelValue", g, m, r), i("input", g, m, r);
-      }, Ul, { leading: !0 });
-      r.model.document.on("change:data", d), r.editing.view.document.on("focus", (m) => {
-        i("focus", m, r);
-      }), r.editing.view.document.on("blur", (m) => {
-        i("blur", m, r);
+        const f = b.value = u.data.get();
+        s("update:modelValue", f, p, u), s("input", f, p, u);
+      }, Ft, { leading: !0 });
+      u.model.document.on("change:data", c), u.editing.view.document.on("focus", (p) => {
+        s("focus", p, u);
+      }), u.editing.view.document.on("blur", (p) => {
+        s("blur", p, u);
       });
     }
-    return s(), Le(() => {
-      const r = El(
+    return i(), Le(() => {
+      const u = Et(
         Object.assign({}, o.config)
       );
-      a.value && (r.initialData = a.value), o.editor.create(u.value, r).then((d) => {
-        f.value = Je(d), b(d), a.value !== r.initialData && d.data.set(a.value), o.disabled && d.enableReadOnlyMode(he), i("ready", d);
-      }).catch((d) => {
-        console.error(d);
+      a.value && (u.initialData = a.value), o.editor.create(g.value, u).then((c) => {
+        r.value = Je(c), v(c), a.value !== u.initialData && c.data.set(a.value), o.disabled && c.enableReadOnlyMode(he), s("ready", c);
+      }).catch((c) => {
+        console.error(c);
       });
-    }), Pe(() => {
-      f.value && (f.value.destroy(), f.value = void 0), i("destroy");
-    }), (r, d) => (h(), T(te(r.tagName), {
+    }), Re(() => {
+      r.value && (r.value.destroy(), r.value = void 0), s("destroy");
+    }), (u, c) => (V(), I(se(u.tagName), {
       ref_key: "element",
-      ref: u
+      ref: g
     }, null, 512));
   }
 });
@@ -264,145 +265,144 @@ const he = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Ul = 300, Fl =
  * For licensing, see LICENSE.md.
  */
 /* istanbul ignore if -- @preserve */
-if (!Ie.version || !Ie.version.startsWith("3."))
+if (!Be.version || !Be.version.startsWith("3."))
   throw new Error(
     "The CKEditor plugin works only with Vue 3+. For more information, please refer to https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs-v3.html"
   );
-const Ll = {
+const Rt = {
   /**
    * Installs the plugin, registering the `<ckeditor>` component.
    *
    * @param app The application instance.
    */
-  install(t) {
-    t.component("Ckeditor", Fl);
+  install(l) {
+    l.component("Ckeditor", Lt);
   }
-}, Pl = { class: "label" }, Rl = /* @__PURE__ */ F({
+}, Ot = { class: "label" }, Pt = /* @__PURE__ */ F({
   __name: "df-label",
   props: {
     data: {},
     label: {}
   },
-  setup(t) {
+  setup(l) {
     return (e, n) => {
-      const a = I("v-icon"), o = I("v-img");
-      return h(), D("div", Pl, [
-        e.label.icon ? (h(), D(ke, { key: 0 }, [
-          e.label.iconComponent === "v-icon" ? (h(), T(a, {
+      const a = A("v-icon"), o = A("v-img");
+      return V(), U("div", Ot, [
+        e.label.icon ? (V(), U(ke, { key: 0 }, [
+          e.label.iconComponent === "v-icon" ? (V(), I(a, {
             key: 0,
             icon: e.label.icon,
             size: "1.25em"
-          }, null, 8, ["icon"])) : e.label.iconComponent === "v-img" ? (h(), T(o, {
+          }, null, 8, ["icon"])) : e.label.iconComponent === "v-img" ? (V(), I(o, {
             key: 1,
             class: "icon",
             src: e.label.icon
-          }, null, 8, ["src"])) : (h(), T(te(e.label.iconComponent), {
+          }, null, 8, ["src"])) : (V(), I(se(e.label.iconComponent), {
             key: 2,
             src: e.label.icon
           }, null, 8, ["src"]))
         ], 64)) : E("", !0),
-        Ve(" " + ee(e.data ? e.data.label : e.label.text), 1)
+        Oe(" " + ae(e.data ? e.data.label : e.label.text), 1)
       ]);
     };
   }
-}), ne = (t, e) => {
-  const n = t.__vccOpts || t;
+}), ee = (l, e) => {
+  const n = l.__vccOpts || l;
   for (const [a, o] of e)
     n[a] = o;
   return n;
-}, Y = /* @__PURE__ */ ne(Rl, [["__scopeId", "data-v-0034f29f"]]);
-class Ol {
+}, Y = /* @__PURE__ */ ee(Pt, [["__scopeId", "data-v-0034f29f"]]), Ge = Symbol("vuetifyInputsSettingsKey");
+class Mt {
   constructor(e, n, a = "v-icon") {
     this.text = e, this.icon = n, this.iconComponent = a;
   }
 }
-const G = { enabled: void 0 };
-function z(t, e) {
-  const n = V({
+const X = { enabled: void 0 };
+function z(l, e) {
+  const n = ll(Ge, {}), a = T({
     get() {
-      return t.control ? t.control.value : t.modelValue;
+      return l.control ? l.control.value : l.modelValue;
     },
-    set(m) {
-      t.control && (t.control.value = m), e("update:modelValue", m);
+    set(h) {
+      l.control && (l.control.value = h), e("update:modelValue", h);
     }
   });
-  if (t.control && !(t.control instanceof Ne.FieldBase))
+  if (l.control && !(l.control instanceof Ne.FieldBase))
     throw new Error("control prop is not a vue-form control instance");
-  const a = V(() => t.control ? t.control.valid : !0), o = V(
-    () => t.control ? t.control.errors : (t.errors || []).map((m) => new ct(m))
-  ), i = V(() => o.value.length > 0 ? " " : void 0), u = V(() => t.control ? t.control.enabled : t.enabled !== !1), f = V(
-    () => t.control ? t.control.visibility : t.visibility || Ne.DisplayMode.FULL
-  ), v = V(
-    () => ce(t.label || "") ? new Ol(t.label || "") : t.label
-  ), s = V(() => t.placeholder || ""), b = V(() => t.helpText || ""), r = V(() => t.hint || ""), d = V(() => t.cssClass || "");
+  const o = x(!1), s = T(() => l.control ? l.control.valid : !0), g = T(
+    () => l.control ? l.control.errors : (l.errors || []).map((h) => new cl(h))
+  ), r = T(() => o.value && g.value.length > 0 ? " " : void 0), b = T(() => l.control ? l.control.enabled : l.enabled !== !1), i = T(
+    () => l.control ? l.control.visibility : l.visibility || Ne.DisplayMode.FULL
+  ), v = T(
+    () => ve(l.label || "") ? new Mt(l.label || "") : l.label
+  ), u = T(() => l.placeholder || ""), c = T(() => l.helpText || ""), p = T(() => l.hint || ""), f = T(() => l.cssClass || "");
   return {
-    value: n,
-    valid: a,
-    enabled: u,
-    errors: o,
-    visibility: f,
+    value: a,
+    valid: s,
+    enabled: b,
+    errors: g,
+    visibility: i,
     label: v,
-    vuetifyBindings: V(() => {
-      var m;
+    touched: o,
+    vuetifyBindings: T(() => {
+      var h, k;
       return {
-        name: (m = t.control) == null ? void 0 : m.fieldName,
-        class: d.value,
+        name: (h = l.control) == null ? void 0 : h.fieldName,
+        class: f.value,
         density: "default",
-        variant: "underlined",
+        variant: (k = n.defaultVariant) != null ? k : "underlined",
         label: v.value.text,
-        messages: i.value,
+        messages: r.value,
+        errorMessages: r.value,
         // 'error-count': errors?.value.length || 0,
-        readonly: !u.value,
-        disabled: !u.value,
-        placeholder: s.value,
-        "persistent-placeholder": !it(s.value),
-        hint: r.value,
+        readonly: !b.value,
+        disabled: !b.value,
+        placeholder: u.value,
+        "persistent-placeholder": !sl(u.value),
+        hint: p.value,
         persistentHint: !0,
         // we want persistent hint always
         hideDetails: "auto",
         // we want to hide the hint element when hint isn't there
-        helpText: b.value
+        helpText: c.value
       };
     })
   };
 }
-const Ml = {
+const Ht = {
   key: 0,
   class: "custom-error-display text-error"
-}, Hl = { key: 0 }, jl = { key: 1 }, zl = /* @__PURE__ */ F({
+}, jt = { key: 0 }, Kt = { key: 1 }, zt = /* @__PURE__ */ F({
   __name: "messages-widget",
   props: {
     errors: {},
     message: {}
   },
-  setup(t) {
-    return (e, n) => e.message === " " ? (h(), D("div", Ml, [
-      (h(!0), D(ke, null, Re(e.errors, (a, o) => {
-        var i;
-        return h(), D("div", {
+  setup(l) {
+    return (e, n) => e.message === " " ? (V(), U("div", Ht, [
+      (V(!0), U(ke, null, Pe(e.errors, (a, o) => {
+        var s;
+        return V(), U("div", {
           key: o,
-          class: re({ "first-error": o === 0, "last-error": o === e.errors.length - 1 })
+          class: ie({ "first-error": o === 0, "last-error": o === e.errors.length - 1 })
         }, [
-          a.componentName === "template" ? (h(), D("div", Hl, ee(a.componentBody), 1)) : a.componentName === "vue-markdown" ? (h(), T(l(pt), {
+          a.componentName === "template" ? (V(), U("div", jt, ae(a.componentBody), 1)) : a.componentName === "vue-markdown" ? (V(), I(t(pl), {
             key: 1,
-            source: (i = a.componentBindings) == null ? void 0 : i.source
-          }, null, 8, ["source"])) : (h(), T(te(a.componentName), j({
+            source: (s = a.componentBindings) == null ? void 0 : s.source
+          }, null, 8, ["source"])) : (V(), I(se(a.componentName), K({
             key: 2,
             ref_for: !0
           }, a.componentBindings), {
-            default: y(() => [
-              Ve(ee(a.componentBody), 1)
+            default: _(() => [
+              Oe(ae(a.componentBody), 1)
             ]),
             _: 2
           }, 1040))
         ], 2);
       }), 128))
-    ])) : (h(), D("span", jl, ee(e.message), 1));
+    ])) : (V(), U("span", Kt, ae(e.message), 1));
   }
-}), Q = /* @__PURE__ */ ne(zl, [["__scopeId", "data-v-ff7a8b63"]]), Kl = {
-  key: 0,
-  for: "#following-v-input"
-}, Te = /* @__PURE__ */ F({
+}), J = /* @__PURE__ */ ee(zt, [["__scopeId", "data-v-ff7a8b63"]]), Gt = { class: "d-flex w-100 style-resetting" }, Wt = /* @__PURE__ */ F({
   __name: "input-base",
   props: {
     control: {},
@@ -415,119 +415,151 @@ const Ml = {
     enabled: { type: Boolean },
     visibility: {},
     cssClass: {},
-    clearable: { type: Boolean }
+    clearable: { type: Boolean },
+    loading: { type: Boolean }
   },
-  emits: ["update:modelValue", "click:clear"],
-  setup(t, { emit: e }) {
-    const n = t, a = e, { errors: o, label: i, value: u, visibility: f, vuetifyBindings: v } = z(n, a), s = V(() => l(n.clearable) && l(u));
-    return (b, r) => {
-      const d = I("v-icon"), m = I("v-input");
-      return l(f) !== l(H).SUPPRESS ? (h(), D("div", {
+  emits: ["update:modelValue", "click:clear", "blur"],
+  setup(l, { emit: e }) {
+    const n = l, a = e, { errors: o, label: s, value: g, touched: r, visibility: b, vuetifyBindings: i } = z(n, a), v = T(() => !!(t(n.clearable) && t(g))), u = x(!1);
+    function c(p) {
+      console.log(p), u.value = p, p || (r.value = !0, a("blur"));
+    }
+    return (p, f) => {
+      const h = A("v-field"), k = A("v-input");
+      return t(b) !== t(j).SUPPRESS ? (V(), I(k, {
         key: 0,
-        class: re([
-          b.cssClass,
+        name: t(i).name,
+        hint: t(i).hint,
+        "persistent-hint": t(i).persistentHint,
+        "hide-details": t(i).hideDetails,
+        "error-messages": t(i).errorMessages,
+        class: ie([
+          p.cssClass,
           {
-            "d-none": l(f) === l(H).HIDDEN,
-            invisible: l(f) === l(H).INVISIBLE
+            "d-none": t(b) === t(j).HIDDEN,
+            invisible: t(b) === t(j).INVISIBLE
           }
         ])
+      }, G({
+        message: _(({ message: w }) => [
+          C(J, {
+            message: w,
+            errors: t(o)
+          }, null, 8, ["message", "errors"])
+        ]),
+        default: _(() => [
+          C(h, {
+            variant: t(i).variant,
+            label: t(i).label,
+            disabled: t(i).disabled,
+            clearable: v.value,
+            "persistent-clear": !0,
+            dirty: !!t(g),
+            active: u.value,
+            loading: p.loading,
+            "onClick:clear": f[0] || (f[0] = (w) => a("click:clear")),
+            "onUpdate:focused": f[1] || (f[1] = (w) => c(w))
+          }, G({
+            default: _((w) => [
+              Z("div", Gt, [
+                me(p.$slots, "default", ne(oe(w)), void 0, !0)
+              ])
+            ]),
+            loader: _((w) => [
+              me(p.$slots, "loader", ne(oe(w)), void 0, !0)
+            ]),
+            _: 2
+          }, [
+            t(s).icon ? {
+              name: "label",
+              fn: _((w) => [
+                C(Y, {
+                  data: w,
+                  label: t(s)
+                }, null, 8, ["data", "label"])
+              ]),
+              key: "0"
+            } : void 0,
+            p.$slots["prepend-inner"] ? {
+              name: "prepend-inner",
+              fn: _((w) => [
+                me(p.$slots, "prepend-inner", ne(oe(w)), void 0, !0)
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["variant", "label", "disabled", "clearable", "dirty", "active", "loading"])
+        ]),
+        _: 2
       }, [
-        l(v).label ? (h(), D("label", Kl, [
-          _(Y, { label: l(i) }, null, 8, ["label"])
-        ])) : E("", !0),
-        _(m, {
-          hint: l(v).hint,
-          "persistent-hint": l(v).persistentHint,
-          "hide-details": l(v).hideDetails
-        }, q({
-          message: y(({ message: g }) => [
-            _(Q, {
-              message: g,
-              errors: l(o)
-            }, null, 8, ["message", "errors"])
+        p.$slots.prepend ? {
+          name: "prepend",
+          fn: _((w) => [
+            me(p.$slots, "prepend", ne(oe(w)), void 0, !0)
           ]),
-          default: y(() => [
-            tt(b.$slots, "default")
-          ]),
-          _: 2
-        }, [
-          s.value ? {
-            name: "append",
-            fn: y(() => [
-              _(d, {
-                onClick: r[0] || (r[0] = (g) => a("click:clear"))
-              }, {
-                default: y(() => r[1] || (r[1] = [
-                  Ve("mdi-close-circle")
-                ])),
-                _: 1
-              })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["hint", "persistent-hint", "hide-details"])
-      ], 2)) : E("", !0);
+          key: "0"
+        } : void 0
+      ]), 1032, ["name", "hint", "persistent-hint", "hide-details", "error-messages", "class"])) : E("", !0);
     };
   }
-});
-var P = /* @__PURE__ */ ((t) => (t[t.BUTTON = 0] = "BUTTON", t[t.TEXT = 1] = "TEXT", t))(P || {});
-const Ee = 0;
-((t) => {
+}), Te = /* @__PURE__ */ ee(Wt, [["__scopeId", "data-v-4aab06cf"]]);
+var R = /* @__PURE__ */ ((l) => (l[l.BUTTON = 0] = "BUTTON", l[l.TEXT = 1] = "TEXT", l))(R || {});
+const Ue = 0;
+((l) => {
   function e(o) {
-    return o.toUpperCase() === "BUTTON" ? 0 : o.toUpperCase() === "TEXT" ? 1 : Ee;
+    return o.toUpperCase() === "BUTTON" ? 0 : o.toUpperCase() === "TEXT" ? 1 : Ue;
   }
-  t.fromString = e;
+  l.fromString = e;
   function n(o) {
-    const i = typeof o == "number" ? o : t.fromString(o);
-    return Object.values(t).includes(i) ? i : Ee;
+    const s = typeof o == "number" ? o : l.fromString(o);
+    return Object.values(l).includes(s) ? s : Ue;
   }
-  t.fromAny = n;
+  l.fromAny = n;
   function a(o) {
-    const i = typeof o == "number" ? o : t.fromString(o);
-    return Object.values(t).includes(i);
+    const s = typeof o == "number" ? o : l.fromString(o);
+    return Object.values(l).includes(s);
   }
-  t.isDefined = a;
-})(P || (P = {}));
-Object.freeze(P);
-const Ue = ["xs", "sm", "md", "lg", "xl"];
-class Gl {
+  l.isDefined = a;
+})(R || (R = {}));
+Object.freeze(R);
+const Ee = ["xs", "sm", "md", "lg", "xl"];
+class Xt {
   constructor(e) {
-    ae(this, "_value");
-    this._value = this.cleanBreakpoint(e, !0), e && Ue.forEach((n) => {
+    re(this, "_value");
+    this._value = this.cleanBreakpoint(e, !0), e && Ee.forEach((n) => {
       const a = this.cleanBreakpoint(e[n]);
       a && (this._value[n] = a);
     });
   }
   getOptionsForBreakpoint(e) {
     const n = this.cleanBreakpoint(this._value), a = Object.keys(n);
-    for (const o of Ue) {
-      const i = this._value[o];
-      for (const u of a)
-        (i == null ? void 0 : i[u]) != null && (n[u] = i[u]);
+    for (const o of Ee) {
+      const s = this._value[o];
+      for (const g of a)
+        (s == null ? void 0 : s[g]) != null && (n[g] = s[g]);
       if (o === e) break;
     }
     return n;
   }
 }
-class Wl extends Gl {
+class qt extends Xt {
   // eslint-disable-next-line class-methods-use-this
   cleanBreakpoint(e, n = !1) {
-    if ((!e || !st(e)) && !n) return null;
+    if ((!e || !il(e)) && !n) return null;
     const a = {};
-    return n && (a.renderAs = P.BUTTON, a.showLabel = !0, a.showIcon = !0), e && (e.renderAs != null && (a.renderAs = P.fromAny(e.renderAs)), ce(e.label) && (a.label = e.label), xe(e.showLabel) && (a.showLabel = e.showLabel), xe(e.showIcon) && (a.showIcon = e.showIcon)), Object.keys(a).length ? a : null;
+    return n && (a.renderAs = R.BUTTON, a.showLabel = !0, a.showIcon = !0), e && (e.renderAs != null && (a.renderAs = R.fromAny(e.renderAs)), ve(e.label) && (a.label = e.label), Ae(e.showLabel) && (a.showLabel = e.showLabel), Ae(e.showIcon) && (a.showIcon = e.showIcon)), Object.keys(a).length ? a : null;
   }
 }
-function Fe(t) {
-  return t.xlAndUp.value ? "xl" : t.lgAndUp.value ? "lg" : t.mdAndUp.value ? "md" : t.smAndUp.value ? "sm" : "xs";
+function Fe(l) {
+  return l.xlAndUp.value ? "xl" : l.lgAndUp.value ? "lg" : l.mdAndUp.value ? "md" : l.smAndUp.value ? "sm" : "xs";
 }
-class de {
+class pe {
   constructor(e, n) {
-    ae(this, "name");
-    ae(this, "displayStyle");
-    ae(this, "formAction");
+    re(this, "name");
+    re(this, "displayStyle");
+    re(this, "formAction");
     if (e.name == null) throw new Error(`Action name must not be empty ${e}`);
-    const a = !ce(e.label) || e.label.length === 0 ? void 0 : e.label, o = !ce(e.icon) || e.icon.length === 0 ? void 0 : e.icon;
-    this.name = e.name, this.displayStyle = new Wl(N({ label: a }, e.displayStyle)), this.formAction = n, this.formAction.icon = o, this.formAction.label = a;
+    const a = !ve(e.label) || e.label.length === 0 ? void 0 : e.label, o = !ve(e.icon) || e.icon.length === 0 ? void 0 : e.icon;
+    this.name = e.name, this.displayStyle = new qt(N({ label: a }, e.displayStyle)), this.formAction = n, this.formAction.icon = o, this.formAction.label = a;
   }
   get label() {
     var e;
@@ -548,120 +580,120 @@ class de {
   }
   static makeFormAction(e) {
     let n;
-    if (e instanceof mt)
-      n = ge.create().registerAction(e);
+    if (e instanceof ml)
+      n = ye.create().registerAction(e);
     else if (e === void 0)
-      n = ge.create();
-    else if (e instanceof ge)
+      n = ye.create();
+    else if (e instanceof ye)
       n = e;
     else
       throw new Error("actionOrExecuteHandler is not of any of supported types");
     return n;
   }
   static closeAction(e, n) {
-    return new de(
+    return new pe(
       N({
         name: "close",
         label: "Close",
         // TODO: needs translation
         icon: "close-outline",
-        displayStyle: { renderAs: P.BUTTON, showLabel: !0, showIcon: !0 }
+        displayStyle: { renderAs: R.BUTTON, showLabel: !0, showIcon: !0 }
       }, e),
       this.makeFormAction(n)
     );
   }
   static yesAction(e, n) {
-    return new de(
+    return new pe(
       N({
         name: "yes",
         label: "Yes",
         // TODO: needs translation
         icon: "thumbs-up-outline",
-        displayStyle: { renderAs: P.BUTTON, showLabel: !0, showIcon: !0 }
+        displayStyle: { renderAs: R.BUTTON, showLabel: !0, showIcon: !0 }
       }, e),
       this.makeFormAction(n)
     );
   }
   static noAction(e, n) {
-    return new de(
+    return new pe(
       N({
         name: "no",
         label: "No",
         // TODO: needs translation
         icon: "thumbs-down-outline",
-        displayStyle: { renderAs: P.BUTTON, showLabel: !0, showIcon: !0 }
+        displayStyle: { renderAs: R.BUTTON, showLabel: !0, showIcon: !0 }
       }, e),
       this.makeFormAction(n)
     );
   }
 }
-const Xl = {
+const Zt = {
   key: 1,
   style: { width: ".5rem" }
-}, ql = { key: 2 }, Zl = /* @__PURE__ */ F({
+}, Qt = { key: 2 }, Yt = /* @__PURE__ */ F({
   __name: "df-actions",
   props: {
     actions: {},
     buttonSize: { default: "default" },
     showAsGroup: { default: "no" }
   },
-  setup(t) {
-    const e = t, n = Z(e.actions) ? e.actions : $(e.actions), a = dt(), o = V(() => {
-      const s = {};
-      s["%breakpoint%"] = Fe(a);
-      for (const b of n.value)
-        s[b.name] = b.displayStyle.getOptionsForBreakpoint(Fe(a));
-      return s;
+  setup(l) {
+    const e = l, n = Q(e.actions) ? e.actions : x(e.actions), a = dl(), o = T(() => {
+      const i = {};
+      i["%breakpoint%"] = Fe(a);
+      for (const v of n.value)
+        i[v.name] = v.displayStyle.getOptionsForBreakpoint(Fe(a));
+      return i;
     });
-    function i(s) {
-      var b;
-      return (b = o.value[s.name].showIcon && s.iconAvailable) != null ? b : !0;
+    function s(i) {
+      var v;
+      return (v = o.value[i.name].showIcon && i.iconAvailable) != null ? v : !0;
     }
-    function u(s) {
-      return o.value[s.name].showLabel && s.labelAvailable ? !0 : !i(s);
+    function g(i) {
+      return o.value[i.name].showLabel && i.labelAvailable ? !0 : !s(i);
     }
-    function f(s) {
-      var b;
-      return (b = o.value[s.name].renderAs) != null ? b : P.BUTTON;
+    function r(i) {
+      var v;
+      return (v = o.value[i.name].renderAs) != null ? v : R.BUTTON;
     }
-    function v(s) {
-      var b;
-      return s.labelAvailable ? (b = s.formAction.label) != null ? b : "" : s.name;
+    function b(i) {
+      var v;
+      return i.labelAvailable ? (v = i.formAction.label) != null ? v : "" : i.name;
     }
-    return (s, b) => {
-      const r = I("v-btn");
-      return l(n).length > 0 ? (h(), D("div", {
+    return (i, v) => {
+      const u = A("v-btn");
+      return t(n).length > 0 ? (V(), U("div", {
         key: 0,
-        class: re(["text-end", {
-          "button-group": s.showAsGroup === "grouped" || s.showAsGroup === "grouped-no-borders",
-          "with-border": s.showAsGroup === "grouped"
+        class: ie(["text-end", {
+          "button-group": i.showAsGroup === "grouped" || i.showAsGroup === "grouped-no-borders",
+          "with-border": i.showAsGroup === "grouped"
         }])
       }, [
-        (h(!0), D(ke, null, Re(l(n), (d, m) => (h(), T(r, {
-          key: m,
-          variant: f(d) === l(P).BUTTON ? "tonal" : "text",
+        (V(!0), U(ke, null, Pe(t(n), (c, p) => (V(), I(u, {
+          key: p,
+          variant: r(c) === t(R).BUTTON ? "tonal" : "text",
           elevation: 0,
-          class: re(m !== -1 ? "" : "ms-3"),
-          size: s.buttonSize,
-          onClick: lt((g) => d.formAction.execute(g), ["stop"])
+          class: ie(p !== -1 ? "" : "ms-3"),
+          size: i.buttonSize,
+          onClick: tl((f) => c.formAction.execute(f), ["stop"])
         }, {
-          default: y(() => [
-            i(d) ? (h(), T(l(_e), {
+          default: _(() => [
+            s(c) ? (V(), I(t(Ve), {
               key: 0,
               class: "action-icon",
-              name: d.formAction.icon
+              name: c.formAction.icon
             }, null, 8, ["name"])) : E("", !0),
-            i(d) && u(d) ? (h(), D("span", Xl)) : E("", !0),
-            u(d) ? (h(), D("span", ql, ee(v(d)), 1)) : E("", !0)
+            s(c) && g(c) ? (V(), U("span", Zt)) : E("", !0),
+            g(c) ? (V(), U("span", Qt, ae(b(c)), 1)) : E("", !0)
           ]),
           _: 2
         }, 1032, ["variant", "class", "size", "onClick"]))), 128))
       ], 2)) : E("", !0);
     };
   }
-}), Yl = /* @__PURE__ */ ne(Zl, [["__scopeId", "data-v-d7ba6fac"]]), Ql = /* @__PURE__ */ F({
+}), Jt = /* @__PURE__ */ ee(Yt, [["__scopeId", "data-v-d7ba6fac"]]), en = /* @__PURE__ */ F({
   __name: "df-checkbox",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ W({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -674,46 +706,47 @@ const Xl = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(N({}, G), { allowNull: !1 })),
+  }, H(N({}, X), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
-  setup(t, { emit: e }) {
-    const n = t, a = e, { errors: o, label: i, value: u, vuetifyBindings: f } = z(n, a), v = V(() => n.allowNull && u.value == null), s = V({
+  setup(l, { emit: e }) {
+    const n = l, a = e, { errors: o, label: s, touched: g, value: r, vuetifyBindings: b } = z(n, a), i = T(() => n.allowNull && r.value == null), v = T({
       get() {
-        return u.value;
+        return r.value;
       },
       set() {
       }
     });
-    function b() {
-      const r = rt(u.value);
-      r === !0 ? u.value = n.allowNull ? null : !1 : u.value = r === !1;
+    function u() {
+      const c = rl(r.value);
+      c === !0 ? r.value = n.allowNull ? null : !1 : r.value = c === !1;
     }
-    return (r, d) => {
-      const m = I("v-checkbox");
-      return h(), T(m, j({
-        modelValue: s.value,
-        "onUpdate:modelValue": d[0] || (d[0] = (g) => s.value = g)
-      }, l(f), {
+    return (c, p) => {
+      const f = A("v-checkbox");
+      return V(), I(f, K({
+        modelValue: v.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (h) => v.value = h)
+      }, t(b), {
         density: "compact",
-        indeterminate: v.value,
+        indeterminate: i.value,
         "false-value": !1,
         "true-value": !0,
-        onChange: b
-      }), q({
-        message: y(({ message: g }) => [
-          _(l(Q), {
-            message: g,
-            errors: l(o)
+        onChange: u,
+        onBlur: p[1] || (p[1] = (h) => g.value = !0)
+      }), G({
+        message: _(({ message: h }) => [
+          C(t(J), {
+            message: h,
+            errors: t(o)
           }, null, 8, ["message", "errors"])
         ]),
         _: 2
       }, [
-        l(i).icon ? {
+        t(s).icon ? {
           name: "label",
-          fn: y((g) => [
-            _(l(Y), {
-              data: g,
-              label: l(i)
+          fn: _((h) => [
+            C(t(Y), {
+              data: h,
+              label: t(s)
             }, null, 8, ["data", "label"])
           ]),
           key: "0"
@@ -721,9 +754,9 @@ const Xl = {
       ]), 1040, ["modelValue", "indeterminate"]);
     };
   }
-}), Jl = /* @__PURE__ */ F({
+}), ln = /* @__PURE__ */ F({
   __name: "df-color",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ W({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -736,44 +769,45 @@ const Xl = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(N({}, G), { allowNull: !1 })),
+  }, H(N({}, X), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
-  setup(t, { emit: e }) {
-    const n = t, a = e, { errors: o, label: i, value: u, vuetifyBindings: f } = z(n, a), v = $(!1), s = V(() => [
-      (b) => n.control || !b && n.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(b) ? !0 : "Not a valid hex string."
+  setup(l, { emit: e }) {
+    const n = l, a = e, { errors: o, label: s, touched: g, value: r, vuetifyBindings: b } = z(n, a), i = x(!1), v = T(() => [
+      (u) => n.control || !u && n.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(u) ? !0 : "Not a valid hex string."
     ]);
-    return (b, r) => {
-      const d = I("v-color-picker"), m = I("v-menu"), g = I("v-text-field");
-      return h(), T(g, j({
-        modelValue: l(u),
-        "onUpdate:modelValue": r[2] || (r[2] = (k) => Z(u) ? u.value = k : null)
-      }, l(f), {
-        clearable: b.allowNull,
+    return (u, c) => {
+      const p = A("v-color-picker"), f = A("v-menu"), h = A("v-text-field");
+      return V(), I(h, K({
+        modelValue: t(r),
+        "onUpdate:modelValue": c[2] || (c[2] = (k) => Q(r) ? r.value = k : null)
+      }, t(b), {
+        clearable: u.allowNull,
         type: "text",
-        rules: s.value
-      }), q({
-        message: y(({ message: k }) => [
-          _(l(Q), {
+        rules: v.value,
+        onBlur: c[3] || (c[3] = (k) => g.value = !0)
+      }), G({
+        message: _(({ message: k }) => [
+          C(t(J), {
             message: k,
-            errors: l(o)
+            errors: t(o)
           }, null, 8, ["message", "errors"])
         ]),
-        "prepend-inner": y(() => [
-          le("div", {
-            style: we([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: l(u) }])
+        "prepend-inner": _(() => [
+          Z("div", {
+            style: we([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: t(r) }])
           }, null, 4)
         ]),
-        default: y(() => [
-          _(m, {
-            modelValue: v.value,
-            "onUpdate:modelValue": r[1] || (r[1] = (k) => v.value = k),
+        default: _(() => [
+          C(f, {
+            modelValue: i.value,
+            "onUpdate:modelValue": c[1] || (c[1] = (k) => i.value = k),
             "close-on-content-click": !1,
             activator: "parent"
           }, {
-            default: y(() => [
-              _(d, {
-                modelValue: l(u),
-                "onUpdate:modelValue": r[0] || (r[0] = (k) => Z(u) ? u.value = k : null),
+            default: _(() => [
+              C(p, {
+                modelValue: t(r),
+                "onUpdate:modelValue": c[0] || (c[0] = (k) => Q(r) ? r.value = k : null),
                 mode: "hexa"
               }, null, 8, ["modelValue"])
             ]),
@@ -782,12 +816,12 @@ const Xl = {
         ]),
         _: 2
       }, [
-        l(i).icon ? {
+        t(s).icon ? {
           name: "label",
-          fn: y((k) => [
-            _(l(Y), {
+          fn: _((k) => [
+            C(t(Y), {
               data: k,
-              label: l(i)
+              label: t(s)
             }, null, 8, ["data", "label"])
           ]),
           key: "0"
@@ -795,9 +829,9 @@ const Xl = {
       ]), 1040, ["modelValue", "clearable", "rules"]);
     };
   }
-}), en = { class: "d-flex w-100" }, tn = /* @__PURE__ */ F({
+}), tn = { class: "d-flex w-100 pt-5 pl-2 pb-1" }, nn = /* @__PURE__ */ F({
   __name: "df-datetime",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ W({
     inputType: {},
     displayFormatDate: {},
     displayFormatTime: {},
@@ -812,211 +846,216 @@ const Xl = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(N({}, G), {
+  }, H(N({}, X), {
     inputType: "datetime",
     displayFormatDate: "P",
     displayFormatTime: "p"
   })),
   emits: ["update:modelValue", "click:clear"],
-  setup(t, { emit: e }) {
-    const n = t, a = e, { value: o, vuetifyBindings: i } = z(n, a), { inputType: u, displayFormatDate: f, displayFormatTime: v } = pe(n), s = $(""), b = V({
+  setup(l, { emit: e }) {
+    const n = l, a = e, { touched: o, value: s, vuetifyBindings: g } = z(n, a), { inputType: r, displayFormatDate: b, displayFormatTime: i } = be(n), v = x(""), u = T({
       get() {
-        return l(s) === "date";
+        return t(v) === "date";
       },
-      set(c) {
-        s.value = c ? "date" : "";
+      set(d) {
+        v.value = d ? "date" : "";
       }
-    }), r = V({
+    }), c = T({
       get() {
-        return l(s) === "time";
+        return t(v) === "time";
       },
-      set(c) {
-        s.value = c ? "time" : "";
+      set(d) {
+        v.value = d ? "time" : "";
       }
-    }), d = (c) => `${ie(c, "yyyy-MM-dd")}T${ie(c, "HH:mm")}:00`, m = $(null);
-    function g(c, p) {
-      if (c == null)
-        m.value = null;
-      else if (p === -1)
-        if (l(u) === "time")
-          m.value = d(/* @__PURE__ */ new Date()), g(`T${c}`, 1);
+    }), p = (d) => `${ue(d, "yyyy-MM-dd")}T${ue(d, "HH:mm")}:00`, f = x(null);
+    function h(d, m) {
+      if (d == null)
+        f.value = null;
+      else if (m === -1)
+        if (t(r) === "time")
+          f.value = p(/* @__PURE__ */ new Date()), h(`T${d}`, 1);
         else {
-          const B = d(new Date(c));
-          g(B, 0), g(B, 1);
+          const S = p(new Date(d));
+          h(S, 0), h(S, 1);
         }
       else {
-        m.value == null && (m.value = d(/* @__PURE__ */ new Date()));
-        const B = m.value.split(/[TZ]/g), R = c.split(/[TZ]/g);
-        B[p] = R[p], m.value = d(/* @__PURE__ */ new Date(`${B[0]}T${B[1].split(".")[0]}`)), l(u) === "date" ? o.value = B[0] : l(u) === "time" ? o.value = B[1] : o.value = l(m) + ie(/* @__PURE__ */ new Date(), "XXX");
+        f.value == null && (f.value = p(/* @__PURE__ */ new Date()));
+        const S = f.value.split(/[TZ]/g), L = d.split(/[TZ]/g);
+        S[m] = L[m], f.value = p(/* @__PURE__ */ new Date(`${S[0]}T${S[1].split(".")[0]}`)), t(r) === "date" ? s.value = S[0] : t(r) === "time" ? s.value = S[1] : s.value = t(f) + ue(/* @__PURE__ */ new Date(), "XXX");
       }
     }
-    se(o, (c) => g(c, -1), { immediate: !0 });
-    const k = V({
+    de(s, (d) => h(d, -1), { immediate: !0 });
+    const k = T({
       get() {
-        const c = l(m);
-        if (c == null) return null;
-        const p = new Date(c);
-        return Number.isNaN(p.getTime()) ? null : p;
+        const d = t(f);
+        if (d == null) return null;
+        const m = new Date(d);
+        return Number.isNaN(m.getTime()) ? null : m;
       },
-      set(c) {
-        g(d(c), 0);
+      set(d) {
+        h(p(d), 0);
       }
-    }), L = V({
+    }), w = T({
       get() {
-        const c = l(m);
-        return c == null ? "" : c.split(/[TZ]/g)[1].split(".")[0];
+        const d = t(f);
+        return d == null ? "" : d.split(/[TZ]/g)[1].split(".")[0];
       },
-      set(c) {
-        g(`T${c}`, 1);
+      set(d) {
+        h(`T${d}`, 1);
       }
-    }), S = V({
+    }), O = T({
       get() {
-        const c = l(k);
-        return c == null ? "" : ie(c, l(f));
+        const d = t(k);
+        return d == null ? "" : ue(d, t(b));
       },
-      set(c) {
+      set(d) {
         try {
-          const p = ft(c, l(f), /* @__PURE__ */ new Date());
-          g(d(p), 0);
-        } catch (p) {
-          console.error(p);
+          const m = vl(d, t(b), /* @__PURE__ */ new Date());
+          h(p(m), 0);
+        } catch (m) {
+          console.error(m);
         }
       }
-    }), U = V({
+    }), D = T({
       get() {
-        const c = l(k);
-        return c == null ? "" : ie(c, l(v));
+        const d = t(k);
+        return d == null ? "" : ue(d, t(i));
       },
-      set(c) {
-        const p = c.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
-        if (p == null) return;
-        let B = Se(p[1]);
-        const R = Se(p[2]);
-        De(B) || De(R) || (p[3] && p[3].toLowerCase() === "pm" && B < 13 && (B += 12), g(`T${B.toString().padStart(2, "0")}:${R.toString().padStart(2, "0")}:00`, 1));
+      set(d) {
+        const m = d.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
+        if (m == null) return;
+        let S = Se(m[1]);
+        const L = Se(m[2]);
+        xe(S) || xe(L) || (m[3] && m[3].toLowerCase() === "pm" && S < 13 && (S += 12), h(`T${S.toString().padStart(2, "0")}:${L.toString().padStart(2, "0")}:00`, 1));
       }
     });
-    return (c, p) => {
-      const B = I("v-date-picker"), R = I("v-confirm-edit"), C = I("v-menu"), A = I("v-text-field"), W = I("v-time-picker");
-      return h(), T(l(Te), j(n, {
+    return (d, m) => {
+      const S = A("v-date-picker"), L = A("v-confirm-edit"), B = A("v-menu"), $ = A("v-text-field"), q = A("v-time-picker");
+      return V(), I(t(Te), K(n, {
         clearable: "",
-        "onClick:clear": p[14] || (p[14] = (X) => o.value = null)
+        "onClick:clear": m[14] || (m[14] = (P) => s.value = null),
+        onBlur: m[15] || (m[15] = (P) => o.value = !0)
       }), {
-        default: y(() => {
-          var X, x, O, oe;
-          return [
-            le("div", en, [
-              ["date", "datetime"].includes(l(u)) ? (h(), T(A, {
-                key: 0,
-                modelValue: S.value,
-                "onUpdate:modelValue": p[4] || (p[4] = (w) => S.value = w),
-                style: { "flex-grow": "4" },
-                density: (X = c.$attrs.density) != null ? X : l(i).density,
-                variant: (x = c.$attrs.variant) != null ? x : l(i).variant,
-                clearable: !1,
-                "hide-details": !0,
-                readonly: l(i).readonly,
-                disabled: l(i).disabled,
-                name: `${l(i).name}-date`,
-                onClick: p[5] || (p[5] = (w) => s.value = "date"),
-                onKeydown: p[6] || (p[6] = Ae((w) => s.value = "date", ["space"]))
-              }, {
-                default: y(() => [
-                  _(C, {
-                    modelValue: b.value,
-                    "onUpdate:modelValue": p[3] || (p[3] = (w) => b.value = w),
-                    "close-on-content-click": !1,
-                    activator: "parent"
-                  }, {
-                    default: y(() => [
-                      _(R, {
-                        modelValue: k.value,
-                        "onUpdate:modelValue": p[0] || (p[0] = (w) => k.value = w),
-                        onCancel: p[1] || (p[1] = (w) => s.value = ""),
-                        onSave: p[2] || (p[2] = (w) => s.value = "")
-                      }, {
-                        default: y(({ model: w, actions: fe }) => [
-                          _(B, {
-                            modelValue: w.value,
-                            "onUpdate:modelValue": (ve) => w.value = ve,
-                            "hide-header": !0,
-                            "first-day-of-week": 1,
-                            "show-adjacent-months": !0,
-                            "show-week": !0
-                          }, {
-                            actions: y(() => [
-                              (h(), T(te(fe)))
-                            ]),
-                            _: 2
-                          }, 1032, ["modelValue", "onUpdate:modelValue"])
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue"])
-                ]),
-                _: 1
-              }, 8, ["modelValue", "density", "variant", "readonly", "disabled", "name"])) : E("", !0),
-              ["time", "datetime"].includes(l(u)) ? (h(), T(A, {
-                key: 1,
-                modelValue: U.value,
-                "onUpdate:modelValue": p[11] || (p[11] = (w) => U.value = w),
-                style: { "flex-grow": "3" },
-                density: (O = c.$attrs.density) != null ? O : l(i).density,
-                variant: (oe = c.$attrs.variant) != null ? oe : l(i).variant,
-                clearable: !1,
-                "hide-details": !0,
-                readonly: l(i).readonly,
-                disabled: l(i).disabled,
-                name: `${l(i).name}-time`,
-                onClick: p[12] || (p[12] = (w) => s.value = "time"),
-                onKeydown: p[13] || (p[13] = Ae((w) => s.value = "time", ["space"]))
-              }, {
-                default: y(() => [
-                  _(C, {
-                    modelValue: r.value,
-                    "onUpdate:modelValue": p[10] || (p[10] = (w) => r.value = w),
-                    "close-on-content-click": !1,
-                    activator: "parent"
-                  }, {
-                    default: y(() => [
-                      _(R, {
-                        modelValue: L.value,
-                        "onUpdate:modelValue": p[7] || (p[7] = (w) => L.value = w),
-                        onCancel: p[8] || (p[8] = (w) => s.value = ""),
-                        onSave: p[9] || (p[9] = (w) => s.value = "")
-                      }, {
-                        default: y(({ model: w, actions: fe }) => [
-                          _(W, {
-                            modelValue: w.value,
-                            "onUpdate:modelValue": (ve) => w.value = ve,
-                            "hide-header": !0,
-                            format: "24hr"
-                          }, {
-                            actions: y(() => [
-                              (h(), T(te(fe)))
-                            ]),
-                            _: 2
-                          }, 1032, ["modelValue", "onUpdate:modelValue"])
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue"])
-                ]),
-                _: 1
-              }, 8, ["modelValue", "density", "variant", "readonly", "disabled", "name"])) : E("", !0)
-            ])
-          ];
-        }),
+        default: _((P) => [
+          Z("div", tn, [
+            ["date", "datetime"].includes(t(r)) ? (V(), I($, {
+              key: 0,
+              modelValue: O.value,
+              "onUpdate:modelValue": m[4] || (m[4] = (y) => O.value = y),
+              style: { "flex-grow": "4" },
+              density: "compact",
+              variant: "plain",
+              clearable: !1,
+              "hide-details": !0,
+              readonly: t(g).readonly,
+              disabled: t(g).disabled,
+              name: `${t(g).name}-date`,
+              onClick: m[5] || (m[5] = (y) => v.value = "date"),
+              onKeydown: m[6] || (m[6] = $e((y) => v.value = "date", ["space"])),
+              onFocus: (y) => P.focus(),
+              onBlur: (y) => P.blur()
+            }, {
+              default: _(() => [
+                C(B, {
+                  modelValue: u.value,
+                  "onUpdate:modelValue": m[3] || (m[3] = (y) => u.value = y),
+                  "close-on-content-click": !1,
+                  activator: "parent"
+                }, {
+                  default: _(() => [
+                    C(L, {
+                      modelValue: k.value,
+                      "onUpdate:modelValue": m[0] || (m[0] = (y) => k.value = y),
+                      onCancel: m[1] || (m[1] = (y) => v.value = ""),
+                      onSave: m[2] || (m[2] = (y) => v.value = "")
+                    }, {
+                      default: _(({ model: y, actions: M }) => [
+                        C(S, {
+                          modelValue: y.value,
+                          "onUpdate:modelValue": (le) => y.value = le,
+                          "hide-header": !0,
+                          "first-day-of-week": 1,
+                          "show-adjacent-months": !0,
+                          "show-week": !0
+                        }, {
+                          actions: _(() => [
+                            (V(), I(se(M)))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 2
+            }, 1032, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : E("", !0),
+            ["time", "datetime"].includes(t(r)) ? (V(), I($, {
+              key: 1,
+              modelValue: D.value,
+              "onUpdate:modelValue": m[11] || (m[11] = (y) => D.value = y),
+              style: { "flex-grow": "3" },
+              density: "compact",
+              variant: "plain",
+              clearable: !1,
+              "hide-details": !0,
+              readonly: t(g).readonly,
+              disabled: t(g).disabled,
+              name: `${t(g).name}-time`,
+              onClick: m[12] || (m[12] = (y) => v.value = "time"),
+              onKeydown: m[13] || (m[13] = $e((y) => v.value = "time", ["space"])),
+              onFocus: (y) => P.focus(),
+              onBlur: (y) => P.blur()
+            }, {
+              default: _(() => [
+                C(B, {
+                  modelValue: c.value,
+                  "onUpdate:modelValue": m[10] || (m[10] = (y) => c.value = y),
+                  "close-on-content-click": !1,
+                  activator: "parent"
+                }, {
+                  default: _(() => [
+                    C(L, {
+                      modelValue: w.value,
+                      "onUpdate:modelValue": m[7] || (m[7] = (y) => w.value = y),
+                      onCancel: m[8] || (m[8] = (y) => v.value = ""),
+                      onSave: m[9] || (m[9] = (y) => v.value = "")
+                    }, {
+                      default: _(({ model: y, actions: M }) => [
+                        C(q, {
+                          modelValue: y.value,
+                          "onUpdate:modelValue": (le) => y.value = le,
+                          "hide-header": !0,
+                          format: "24hr"
+                        }, {
+                          actions: _(() => [
+                            (V(), I(se(M)))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 2
+            }, 1032, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : E("", !0)
+          ])
+        ]),
         _: 1
       }, 16);
     };
   }
-}), ln = { style: { position: "relative", width: "100%" } }, nn = /* @__PURE__ */ F({
+}), on = {
+  class: "d-flex w-100 pt-5 pl-2 pb-1",
+  style: { position: "relative" }
+}, an = /* @__PURE__ */ F({
   __name: "df-file",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ W({
     comms: {},
     control: {},
     modelValue: {},
@@ -1029,86 +1068,93 @@ const Xl = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, G),
+  }, X),
   emits: ["update:modelValue", "click:clear"],
-  setup(t, { emit: e }) {
-    const n = t, a = e, { value: o, vuetifyBindings: i } = z(n, a), u = $(null), f = $(null), v = $(0), s = $(Math.round(Math.random() * 1e3)), b = $(), r = V(() => !b.value && o.value ? n.modelValue : "");
-    function d() {
-      u.value && window.clearInterval(u.value);
+  setup(l, { emit: e }) {
+    const n = l, a = e, { touched: o, value: s, vuetifyBindings: g } = z(n, a), r = x(null), b = x(null), i = x(0), v = x(Math.round(Math.random() * 1e3)), u = x(), c = T(() => b.value && i.value < 100), p = T(() => !u.value && s.value ? n.modelValue : "");
+    function f() {
+      r.value && window.clearInterval(r.value);
     }
-    function m() {
-      d(), u.value = window.setInterval(() => {
-        o.value && n.comms.touch(o.value);
+    function h() {
+      f(), r.value = window.setInterval(() => {
+        s.value && n.comms.touch(s.value);
       }, 60 * 1e3);
     }
-    Pe(() => d()), se(o, (S) => {
-      S ? m() : d();
+    Re(() => f()), de(s, (D) => {
+      D ? h() : f();
     });
-    function g() {
-      return ue(this, null, function* () {
-        o.value && (yield n.comms.delete(o.value)), o.value = null, v.value = 0, s.value = Math.round(Math.random() * 1e3), f.value = null, b.value = null, d();
+    function k() {
+      return ce(this, null, function* () {
+        s.value && (yield n.comms.delete(s.value)), s.value = null, i.value = 0, v.value = Math.round(Math.random() * 1e3), b.value = null, u.value = null, f();
       });
     }
-    function k(S) {
-      return ue(this, null, function* () {
-        v.value = -1, f.value = S;
+    function w(D) {
+      return ce(this, null, function* () {
+        i.value = -1, b.value = D;
         try {
-          o.value = yield n.comms.upload(
-            S,
-            (U, c) => {
-              v.value = Math.round(U * 100 / c);
+          s.value = yield n.comms.upload(
+            D,
+            (d, m) => {
+              i.value = Math.round(d * 100 / m);
             }
-          ), v.value = 100, m();
-        } catch (U) {
-          throw v.value = 0, f.value = null, s.value = Math.round(Math.random() * 1e3), b.value = null, U;
+          ), i.value = 100, h();
+        } catch (d) {
+          throw i.value = 0, b.value = null, v.value = Math.round(Math.random() * 1e3), u.value = null, d;
         }
       });
     }
-    function L(S) {
-      S && (Array.isArray(S) ? console.error("Uploading multiple files not supported right now") : k(S));
+    function O(D) {
+      D && (Array.isArray(D) ? console.error("Uploading multiple files not supported right now") : w(D));
     }
-    return (S, U) => {
-      const c = I("v-progress-linear"), p = I("v-file-input");
-      return h(), T(l(Te), j(n, {
+    return (D, d) => {
+      const m = A("v-icon"), S = A("v-progress-linear"), L = A("v-file-input");
+      return V(), I(t(Te), K(H(N({}, n), { loading: c.value }), {
         clearable: "",
-        "onClick:clear": g
+        "onClick:clear": k,
+        onBlur: d[1] || (d[1] = (B) => o.value = !0)
       }), {
-        default: y(() => [
-          le("div", ln, [
-            f.value && v.value < 100 ? (h(), T(c, {
-              key: 0,
-              "model-value": v.value,
-              indeterminate: v.value === -1,
-              height: "10",
-              style: { position: "absolute", top: "50%", transform: "translateY(-50%)", width: "100%" }
-            }, null, 8, ["model-value", "indeterminate"])) : E("", !0),
-            _(p, {
-              modelValue: b.value,
+        "prepend-inner": _(() => [
+          C(m, { icon: "$file" })
+        ]),
+        loader: _(() => [
+          b.value && i.value < 100 ? (V(), I(S, {
+            key: 0,
+            "model-value": i.value,
+            indeterminate: i.value === -1
+          }, null, 8, ["model-value", "indeterminate"])) : E("", !0)
+        ]),
+        default: _((B) => [
+          Z("div", on, [
+            C(L, {
+              modelValue: u.value,
               "onUpdate:modelValue": [
-                U[0] || (U[0] = (B) => b.value = B),
-                L
+                d[0] || (d[0] = ($) => u.value = $),
+                O
               ],
-              label: r.value,
-              density: l(i).density,
-              variant: l(i).variant,
-              readonly: l(i).readonly,
-              disabled: l(i).disabled,
-              name: l(i).name,
+              label: p.value,
+              density: "compact",
+              variant: "plain",
+              readonly: t(g).readonly,
+              disabled: t(g).disabled,
+              name: t(g).name,
               "hide-details": !0,
               "show-size": !0,
               multiple: !1,
-              style: we(f.value && v.value < 100 ? "visibility: hidden" : ""),
-              clearable: !1
-            }, null, 8, ["modelValue", "label", "density", "variant", "readonly", "disabled", "name", "style"])
+              style: we(b.value && i.value < 100 ? "visibility: hidden" : ""),
+              clearable: !1,
+              "prepend-icon": "",
+              onFocus: ($) => B.focus(),
+              onBlur: ($) => B.blur()
+            }, null, 8, ["modelValue", "label", "readonly", "disabled", "name", "style", "onFocus", "onBlur"])
           ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), on = { class: "container" }, an = /* @__PURE__ */ F({
+}), sn = { class: "container" }, rn = /* @__PURE__ */ F({
   __name: "df-input",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ W({
     inputType: {},
     precision: {},
     step: {},
@@ -1125,7 +1171,7 @@ const Xl = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(N({}, G), {
+  }, H(N({}, X), {
     inputType: "text",
     precision: null,
     step: void 0,
@@ -1133,56 +1179,59 @@ const Xl = {
     max: void 0
   })),
   emits: ["update:modelValue", "click:clear"],
-  setup(t, { emit: e }) {
-    const n = t, a = e, { errors: o, label: i, value: u, vuetifyBindings: f } = z(n, a), { inputType: v, max: s, min: b, precision: r, step: d } = pe(n), m = V(() => v.value === "number"), g = V(() => m.value ? { min: l(b), max: l(s), precision: l(r), step: l(d) } : {});
-    return (k, L) => {
-      const S = I("v-text-field"), U = I("v-number-input");
-      return h(), D("div", on, [
-        m.value ? (h(), T(U, j({
+  setup(l, { emit: e }) {
+    const n = l, a = e, { errors: o, label: s, touched: g, value: r, vuetifyBindings: b } = z(n, a), { inputType: i, max: v, min: u, precision: c, step: p } = be(n), f = T(() => i.value === "number"), h = T(() => f.value ? { min: t(u), max: t(v), precision: t(c), step: t(p) } : {});
+    return (k, w) => {
+      const O = A("v-text-field"), D = A("v-number-input");
+      return V(), U("div", sn, [
+        f.value ? (V(), I(D, K({
           key: 1,
-          modelValue: l(u),
-          "onUpdate:modelValue": L[1] || (L[1] = (c) => Z(u) ? u.value = c : null)
-        }, N(N({}, l(f)), g.value), {
+          modelValue: t(r),
+          "onUpdate:modelValue": w[2] || (w[2] = (d) => Q(r) ? r.value = d : null)
+        }, N(N({}, t(b)), h.value), {
           density: "compact",
           "control-variant": "stacked"
-        }), q({
-          message: y(({ message: c }) => [
-            _(l(Q), {
-              message: c,
-              errors: l(o)
+        }), G({
+          message: _(({ message: d }) => [
+            C(t(J), {
+              message: d,
+              errors: t(o)
             }, null, 8, ["message", "errors"])
           ]),
           _: 2
         }, [
-          l(i).icon ? {
+          t(s).icon ? {
             name: "label",
-            fn: y((c) => [
-              _(l(Y), {
-                data: c,
-                label: l(i)
+            fn: _((d) => [
+              C(t(Y), {
+                data: d,
+                label: t(s)
               }, null, 8, ["data", "label"])
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["modelValue"])) : (h(), T(S, j({
+        ]), 1040, ["modelValue"])) : (V(), I(O, K({
           key: 0,
-          modelValue: l(u),
-          "onUpdate:modelValue": L[0] || (L[0] = (c) => Z(u) ? u.value = c : null)
-        }, l(f), { type: l(v) }), q({
-          message: y(({ message: c }) => [
-            _(l(Q), {
-              message: c,
-              errors: l(o)
+          modelValue: t(r),
+          "onUpdate:modelValue": w[0] || (w[0] = (d) => Q(r) ? r.value = d : null)
+        }, t(b), {
+          type: t(i),
+          onBlur: w[1] || (w[1] = (d) => g.value = !0)
+        }), G({
+          message: _(({ message: d }) => [
+            C(t(J), {
+              message: d,
+              errors: t(o)
             }, null, 8, ["message", "errors"])
           ]),
           _: 2
         }, [
-          l(i).icon ? {
+          t(s).icon ? {
             name: "label",
-            fn: y((c) => [
-              _(l(Y), {
-                data: c,
-                label: l(i)
+            fn: _((d) => [
+              C(t(Y), {
+                data: d,
+                label: t(s)
               }, null, 8, ["data", "label"])
             ]),
             key: "0"
@@ -1191,7 +1240,7 @@ const Xl = {
       ]);
     };
   }
-}), sn = /* @__PURE__ */ ne(an, [["__scopeId", "data-v-542e53bc"]]), rn = { class: "editor-container" }, un = { class: "editor-container__editor" }, dn = { ref: "editorElement" }, cn = /* @__PURE__ */ F({
+}), un = /* @__PURE__ */ ee(rn, [["__scopeId", "data-v-06be139f"]]), dn = { class: "editor-container" }, cn = { class: "editor-container__editor" }, mn = { ref: "editorElement" }, pn = /* @__PURE__ */ F({
   __name: "ck-editor-custom",
   props: {
     modelValue: { default: "" },
@@ -1199,11 +1248,11 @@ const Xl = {
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t, { expose: e, emit: n }) {
-    nt((r) => ({
-      "3d4d5a06": r.minHeight
+  setup(l, { expose: e, emit: n }) {
+    nl((u) => ({
+      "3d4d5a06": u.minHeight
     }));
-    const a = n, o = $(!1), i = ll, s = {
+    const a = n, o = x(!1), s = tt, i = {
       toolbar: {
         items: [
           "undo",
@@ -1235,47 +1284,47 @@ const Xl = {
         shouldNotGroupWhenFull: !1
       },
       plugins: [
-        vt,
-        bt,
-        gt,
-        ht,
-        yt,
-        _t,
-        Vt,
-        kt,
-        wt,
-        Tt,
-        Ct,
-        It,
-        Bt,
-        At,
-        xt,
-        St,
-        Dt,
-        $t,
-        Nt,
-        Et,
-        Ut,
-        Ft,
-        Lt,
-        Pt,
-        Rt,
-        Ot,
-        Mt,
-        Ht,
-        jt,
-        zt,
-        Kt,
-        Gt,
-        Wt,
-        Xt,
-        qt,
-        Zt,
-        Yt,
-        Qt,
-        Jt,
-        el,
-        tl
+        fl,
+        bl,
+        gl,
+        yl,
+        hl,
+        _l,
+        Vl,
+        kl,
+        wl,
+        Tl,
+        Cl,
+        Bl,
+        Il,
+        $l,
+        Al,
+        Sl,
+        xl,
+        Dl,
+        Nl,
+        Ul,
+        El,
+        Fl,
+        Ll,
+        Rl,
+        Ol,
+        Pl,
+        Ml,
+        Hl,
+        jl,
+        Kl,
+        zl,
+        Gl,
+        Wl,
+        Xl,
+        ql,
+        Zl,
+        Ql,
+        Yl,
+        Jl,
+        et,
+        lt
       ],
       balloonToolbar: ["bold", "italic", "|", "link", "|", "bulletedList", "numberedList"],
       heading: {
@@ -1337,31 +1386,31 @@ const Xl = {
     Le(() => {
       o.value = !0;
     });
-    const b = (r) => {
+    const v = (u) => {
     };
-    return e({ onEditorReady: b }), (r, d) => {
-      const m = I("ckeditor");
-      return h(), D("div", rn, [
-        le("div", un, [
-          le("div", dn, [
-            o.value ? (h(), T(m, {
+    return e({ onEditorReady: v }), (u, c) => {
+      const p = A("ckeditor");
+      return V(), U("div", dn, [
+        Z("div", cn, [
+          Z("div", mn, [
+            o.value ? (V(), I(p, {
               key: 0,
-              "model-value": r.modelValue,
-              editor: l(i),
-              config: s,
-              disabled: r.disabled,
-              style: we(`min-height: ${r.minHeight}`),
-              onReady: b,
-              "onUpdate:modelValue": d[0] || (d[0] = (g) => a("update:modelValue", g))
+              "model-value": u.modelValue,
+              editor: t(s),
+              config: i,
+              disabled: u.disabled,
+              style: we(`min-height: ${u.minHeight}`),
+              onReady: v,
+              "onUpdate:modelValue": c[0] || (c[0] = (f) => a("update:modelValue", f))
             }, null, 8, ["model-value", "editor", "disabled", "style"])) : E("", !0)
           ], 512)
         ])
       ]);
     };
   }
-}), mn = /* @__PURE__ */ F({
+}), vn = /* @__PURE__ */ F({
   __name: "df-rtf-editor",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ W({
     minHeight: {},
     control: {},
     modelValue: {},
@@ -1374,58 +1423,61 @@ const Xl = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(N({}, G), { minHeight: void 0 })),
+  }, H(N({}, X), { minHeight: void 0 })),
   emits: ["update:modelValue", "click:clear"],
-  setup(t, { emit: e }) {
-    const n = t, a = e, { value: o, vuetifyBindings: i } = z(n, a);
-    return (u, f) => (h(), T(l(Te), Oe(Me(n)), {
-      default: y(() => [
-        _(cn, {
+  setup(l, { emit: e }) {
+    const n = l, a = e, { value: o, vuetifyBindings: s } = z(n, a);
+    return (g, r) => (V(), I(t(Te), ne(oe(n)), {
+      default: _((b) => [
+        C(pn, {
           ref: "$editor",
-          modelValue: l(o),
-          "onUpdate:modelValue": f[0] || (f[0] = (v) => Z(o) ? o.value = v : null),
-          "min-height": u.minHeight,
-          disabled: l(i).disabled
-        }, null, 8, ["modelValue", "min-height", "disabled"])
+          modelValue: t(o),
+          "onUpdate:modelValue": r[0] || (r[0] = (i) => Q(o) ? o.value = i : null),
+          class: ie({ "mt-8": !!g.label }),
+          "min-height": g.minHeight,
+          disabled: t(s).disabled,
+          onFocusin: (i) => b.focus(),
+          onFocusout: (i) => b.blur()
+        }, null, 8, ["modelValue", "class", "min-height", "disabled", "onFocusin", "onFocusout"])
       ]),
       _: 1
     }, 16));
   }
 });
-function pn(t) {
-  return t.map((e) => ({ value: e.id, title: e.text, icon: e.icon }));
+function fn(l) {
+  return l.map((e) => ({ value: e.id, title: e.text, icon: e.icon }));
 }
-function J(t, e) {
+function te(l, e) {
   var n;
-  return t == null || $e(t) && t.length === 0 ? null : e ? He(t) : $e(t) ? (n = je(t)) != null ? n : null : t;
+  return l == null || De(l) && l.length === 0 ? null : e ? Me(l) : De(l) ? (n = He(l)) != null ? n : null : l;
 }
-function me(t, e) {
+function fe(l, e) {
   if (e == null) return [];
-  const n = He(e);
-  return t.filter((a) => n.some((o) => o === a.id));
+  const n = Me(e);
+  return l.filter((a) => n.some((o) => o === a.id));
 }
-function ye(t, e, n, a, o) {
-  var u;
-  const i = J(t, n);
-  if (i == null) {
+function _e(l, e, n, a, o) {
+  var g;
+  const s = te(l, n);
+  if (s == null) {
     e.value = n ? [] : null;
     return;
   }
   if (n)
-    a ? e.value = i : e.value = me(o, i).map((f) => f.id);
+    a ? e.value = s : e.value = fe(o, s).map((r) => r.id);
   else if (a)
-    e.value = i;
+    e.value = s;
   else {
-    const f = je(me(o, i));
-    e.value = (u = f == null ? void 0 : f.id) != null ? u : null;
+    const r = He(fe(o, s));
+    e.value = (g = r == null ? void 0 : r.id) != null ? g : null;
   }
 }
-const fn = {
+const bn = {
   key: 0,
   class: "me-1"
-}, vn = /* @__PURE__ */ F({
+}, gn = /* @__PURE__ */ F({
   __name: "df-select",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ W({
     choices: {},
     multiple: { type: Boolean },
     allowTags: { type: Boolean },
@@ -1442,7 +1494,7 @@ const fn = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(N({}, G), {
+  }, H(N({}, X), {
     choices: void 0,
     multiple: !1,
     allowTags: !1,
@@ -1450,113 +1502,114 @@ const fn = {
     fetchChoices: void 0
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
-  setup(t, { emit: e }) {
-    const n = t, { choices: a } = n, { multiple: o, allowTags: i, allowNull: u, cssClass: f, visibility: v } = pe(n), s = e, { errors: b, label: r, value: d, vuetifyBindings: m } = z(n, s), g = $(null), k = $(a || []), L = $(!1), S = V(() => pn(k.value));
-    function U(C) {
-      s("update:modelValueDisplay", me(k.value, C));
+  setup(l, { emit: e }) {
+    const n = l, { choices: a } = n, { multiple: o, allowTags: s, allowNull: g, cssClass: r, visibility: b } = be(n), i = e, { errors: v, label: u, touched: c, value: p, vuetifyBindings: f } = z(n, i), h = x(null), k = x(a || []), w = x(!1), O = T(() => fn(k.value));
+    function D(B) {
+      i("update:modelValueDisplay", fe(k.value, B));
     }
-    se(g, (C) => {
-      m.value.readonly || ot(() => {
-        const A = J(C, o.value);
-        U(A), d.value = A;
+    de(h, (B) => {
+      f.value.readonly || ol(() => {
+        const $ = te(B, o.value);
+        D($), p.value = $;
       });
     }, { deep: !0 });
-    function c() {
-      if (m.value.readonly || i.value) return;
-      const C = J(g.value, o.value);
-      ye(C, g, o.value, !1, k.value), d.value = C;
+    function d() {
+      if (f.value.readonly || s.value) return;
+      const B = te(h.value, o.value);
+      _e(B, h, o.value, !1, k.value), p.value = B;
     }
-    function p(C) {
-      let A;
-      o.value && Array.isArray(g.value) ? A = J(g.value.filter((W) => W !== C), o.value) : A = null, ye(A, g, o.value, !1, k.value), d.value = A;
+    function m(B) {
+      let $;
+      o.value && Array.isArray(h.value) ? $ = te(h.value.filter((q) => q !== B), o.value) : $ = null, _e($, h, o.value, !1, k.value), p.value = $;
     }
-    function B(C, A) {
-      return ue(this, null, function* () {
+    function S(B, $) {
+      return ce(this, null, function* () {
         if (!(a || n.fetchChoices === void 0)) {
-          L.value = !0;
+          w.value = !0;
           try {
-            const W = me(k.value, J(g.value, o.value)), X = yield n.fetchChoices(C, A);
-            k.value = ut([...W, ...X], "id");
+            const q = fe(k.value, te(h.value, o.value)), P = yield n.fetchChoices(B, $);
+            k.value = ul([...q, ...P], "id");
           } finally {
-            L.value = !1;
+            w.value = !1;
           }
         }
       });
     }
-    function R() {
-      let C = d.value;
-      !u.value && C == null && S.value.length && (C = S.value[0].value), C = J(C, o.value), ye(C, g, o.value, i.value, k.value), U(C), d.value = C;
+    function L() {
+      let B = p.value;
+      !g.value && B == null && O.value.length && (B = O.value[0].value), B = te(B, o.value), _e(B, h, o.value, s.value, k.value), D(B), p.value = B;
     }
-    return R(), n.fetchChoices !== void 0 && B(void 0, d.value).then(() => {
-      R();
-    }), (C, A) => {
-      const W = I("v-chip"), X = I("v-list-item");
-      return l(v) !== l(H).SUPPRESS ? (h(), T(te(l(i) ? "v-combobox" : "v-autocomplete"), j({
+    return L(), n.fetchChoices !== void 0 && S(void 0, p.value).then(() => {
+      L();
+    }), (B, $) => {
+      const q = A("v-chip"), P = A("v-list-item");
+      return t(b) !== t(j).SUPPRESS ? (V(), I(se(t(s) ? "v-combobox" : "v-autocomplete"), K({
         key: 0,
-        modelValue: g.value,
-        "onUpdate:modelValue": A[0] || (A[0] = (x) => g.value = x),
+        modelValue: h.value,
+        "onUpdate:modelValue": $[0] || ($[0] = (y) => h.value = y),
         class: [
-          l(f),
+          t(r),
           {
-            "d-none": l(v) === l(H).HIDDEN,
-            invisible: l(v) === l(H).INVISIBLE
+            "d-none": t(b) === t(j).HIDDEN,
+            invisible: t(b) === t(j).INVISIBLE
           }
         ],
-        items: S.value,
+        items: O.value,
         "return-object": !1
-      }, l(m), {
-        label: l(m).label,
+      }, t(f), {
+        label: t(f).label,
         chips: "",
         "auto-select-first": !0,
-        "closable-chips": l(u) || l(o) && g.value.length > 1,
-        clearable: l(u),
-        multiple: l(o),
-        loading: L.value,
+        "closable-chips": t(g) || t(o) && h.value.length > 1,
+        clearable: t(g),
+        multiple: t(o),
+        loading: w.value,
         "hide-selected": !1,
-        "aria-describedby": l(m).helpText ? `${l(m).name}-help` : null,
+        "aria-describedby": t(f).helpText ? `${t(f).name}-help` : null,
         "menu-props": { maxHeight: "400" },
         "hide-details": "auto",
-        "onUpdate:search": A[1] || (A[1] = (x) => B(x, void 0)),
-        "onUpdate:modelValue": c,
-        "onClick:clear": A[2] || (A[2] = (x) => g.value = null)
-      }), q({
-        chip: y(({ item: x }) => [
-          (h(), T(W, {
-            key: x.value,
+        "onUpdate:search": $[1] || ($[1] = (y) => S(y, void 0)),
+        "onUpdate:modelValue": d,
+        "onClick:clear": $[2] || ($[2] = (y) => h.value = null),
+        onBlur: $[3] || ($[3] = (y) => c.value = !0)
+      }), G({
+        chip: _(({ item: y }) => [
+          (V(), I(q, {
+            key: y.value,
             label: "",
             size: "small",
             class: "d-flex align-middle",
-            variant: l(o) ? "tonal" : "text",
-            closable: l(o),
-            "onClick:close": (O) => p(x.value)
+            variant: t(o) ? "tonal" : "text",
+            closable: t(o),
+            "onClick:close": (M) => m(y.value)
           }, {
-            prepend: y(() => {
-              var O;
+            prepend: _(() => {
+              var M;
               return [
-                (O = x.raw) != null && O.icon ? (h(), T(l(_e), {
+                (M = y.raw) != null && M.icon ? (V(), I(t(Ve), {
                   key: 0,
                   class: "me-1 action-icon d-inline-block",
-                  name: x.raw.icon
+                  name: y.raw.icon
                 }, null, 8, ["name"])) : E("", !0)
               ];
             }),
-            default: y(() => [
-              le("span", {
-                class: re({ "text-body-1": !l(o) })
-              }, ee(x.title), 3)
+            default: _(() => [
+              Z("span", {
+                class: ie({ "text-body-1": !t(o) })
+              }, ae(y.title), 3)
             ]),
             _: 2
           }, 1032, ["variant", "closable", "onClick:close"]))
         ]),
-        item: y(({ props: x, item: O }) => [
-          _(X, Oe(Me(x)), {
-            prepend: y(() => {
-              var oe;
+        item: _(({ props: y, item: M }) => [
+          C(P, ne(oe(y)), {
+            prepend: _(() => {
+              var le;
               return [
-                (oe = O.raw) != null && oe.icon ? (h(), D("span", fn, [
-                  _(l(_e), {
+                (le = M.raw) != null && le.icon ? (V(), U("span", bn, [
+                  C(t(Ve), {
                     class: "action-icon d-inline-block",
-                    name: O.raw.icon
+                    name: M.raw.icon
                   }, null, 8, ["name"])
                 ])) : E("", !0)
               ];
@@ -1564,20 +1617,20 @@ const fn = {
             _: 2
           }, 1040)
         ]),
-        message: y(({ message: x }) => [
-          _(l(Q), {
-            message: x,
-            errors: l(b)
+        message: _(({ message: y }) => [
+          C(t(J), {
+            message: y,
+            errors: t(v)
           }, null, 8, ["message", "errors"])
         ]),
         _: 2
       }, [
-        l(r).icon ? {
+        t(u).icon ? {
           name: "label",
-          fn: y((x) => [
-            _(l(Y), {
-              data: x,
-              label: l(r)
+          fn: _((y) => [
+            C(t(Y), {
+              data: y,
+              label: t(u)
             }, null, 8, ["data", "label"])
           ]),
           key: "0"
@@ -1585,9 +1638,9 @@ const fn = {
       ]), 1040, ["modelValue", "class", "items", "label", "closable-chips", "clearable", "multiple", "loading", "aria-describedby"])) : E("", !0);
     };
   }
-}), bn = /* @__PURE__ */ ne(vn, [["__scopeId", "data-v-3d69988d"]]), gn = { class: "container" }, hn = /* @__PURE__ */ F({
+}), yn = /* @__PURE__ */ ee(gn, [["__scopeId", "data-v-e7836221"]]), hn = { class: "container" }, _n = /* @__PURE__ */ F({
   __name: "df-text-area",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ W({
     rows: {},
     maxRows: {},
     control: {},
@@ -1601,45 +1654,47 @@ const fn = {
     visibility: {},
     cssClass: {},
     clearable: { type: Boolean }
-  }, M(N({}, G), {
+  }, H(N({}, X), {
     rows: void 0,
     maxRows: void 0
   })),
   emits: ["update:modelValue", "click:clear"],
-  setup(t, { emit: e }) {
-    const n = t, a = e, { errors: o, label: i, value: u, vuetifyBindings: f } = z(n, a), { cssClass: v, visibility: s } = pe(n);
-    return (b, r) => {
-      const d = I("v-textarea");
-      return h(), D("div", gn, [
-        l(s) !== l(H).SUPPRESS ? (h(), T(d, j({
+  setup(l, { emit: e }) {
+    const n = l, a = e, { errors: o, label: s, touched: g, value: r, vuetifyBindings: b } = z(n, a), { cssClass: i, visibility: v } = be(n);
+    return (u, c) => {
+      const p = A("v-textarea");
+      return V(), U("div", hn, [
+        t(v) !== t(j).SUPPRESS ? (V(), I(p, K({
           key: 0,
-          modelValue: l(u),
-          "onUpdate:modelValue": r[0] || (r[0] = (m) => Z(u) ? u.value = m : null),
+          modelValue: t(r),
+          "onUpdate:modelValue": c[0] || (c[0] = (f) => Q(r) ? r.value = f : null),
           class: [
-            l(v),
+            t(i),
             {
-              "d-none": l(s) === l(H).HIDDEN,
-              invisible: l(s) === l(H).INVISIBLE
+              "d-none": t(v) === t(j).HIDDEN,
+              invisible: t(v) === t(j).INVISIBLE
             }
           ],
-          rows: b.rows,
-          "auto-grow": (b.maxRows || 0) > 0,
-          "max-rows": b.maxRows
-        }, l(f)), q({
-          message: y(({ message: m }) => [
-            _(l(Q), {
-              message: m,
-              errors: l(o)
+          rows: u.rows,
+          "auto-grow": (u.maxRows || 0) > 0,
+          "max-rows": u.maxRows
+        }, t(b), {
+          onBlur: c[1] || (c[1] = (f) => g.value = !0)
+        }), G({
+          message: _(({ message: f }) => [
+            C(t(J), {
+              message: f,
+              errors: t(o)
             }, null, 8, ["message", "errors"])
           ]),
           _: 2
         }, [
-          l(i).icon ? {
+          t(s).icon ? {
             name: "label",
-            fn: y((m) => [
-              _(l(Y), {
-                data: m,
-                label: l(i)
+            fn: _((f) => [
+              C(t(Y), {
+                data: f,
+                label: t(s)
               }, null, 8, ["data", "label"])
             ]),
             key: "0"
@@ -1648,72 +1703,74 @@ const fn = {
       ]);
     };
   }
-}), yn = /* @__PURE__ */ ne(hn, [["__scopeId", "data-v-3ef7fb16"]]), _n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Vn = /* @__PURE__ */ ee(_n, [["__scopeId", "data-v-6257d46c"]]), kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DfActions: Yl,
-  DfCheckbox: Ql,
-  DfColor: Jl,
-  DfDateTime: tn,
-  DfFile: nn,
-  DfInput: sn,
-  DfRtfEditor: mn,
-  DfSelect: bn,
-  DfTextArea: yn
-}, Symbol.toStringTag, { value: "Module" })), Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  DfActions: Jt,
+  DfCheckbox: en,
+  DfColor: ln,
+  DfDateTime: nn,
+  DfFile: an,
+  DfInput: un,
+  DfRtfEditor: vn,
+  DfSelect: yn,
+  DfTextArea: Vn
+}, Symbol.toStringTag, { value: "Module" })), wn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VAutocomplete: nl,
-  VBtn: ol,
-  VCheckbox: al,
-  VChip: il,
-  VCol: ml,
-  VColorPicker: rl,
-  VCombobox: sl,
-  VConfirmEdit: ul,
-  VDatePicker: dl,
-  VFileInput: cl,
-  VIcon: fl,
-  VImg: vl,
-  VInput: bl,
-  VListItem: gl,
-  VMenu: hl,
-  VNumberInput: yl,
-  VProgressLinear: _l,
-  VRow: pl,
-  VSelect: Vl,
-  VSwitch: kl,
-  VTextField: Tl,
-  VTextarea: wl,
-  VTimePicker: Cl
-}, Symbol.toStringTag, { value: "Module" })), Jn = {
-  install: (t, e) => {
+  VAutocomplete: nt,
+  VBtn: ot,
+  VCheckbox: at,
+  VChip: st,
+  VCol: pt,
+  VColorPicker: rt,
+  VCombobox: it,
+  VConfirmEdit: ut,
+  VDatePicker: dt,
+  VField: ct,
+  VFileInput: mt,
+  VIcon: ft,
+  VImg: bt,
+  VInput: gt,
+  VListItem: yt,
+  VMenu: ht,
+  VNumberInput: _t,
+  VProgressLinear: Vt,
+  VRow: vt,
+  VSelect: kt,
+  VSwitch: wt,
+  VTextField: Ct,
+  VTextarea: Tt,
+  VTimePicker: Bt
+}, Symbol.toStringTag, { value: "Module" })), to = {
+  install: (l, e) => {
     var n, a;
-    t.use(Ll), (n = e == null ? void 0 : e.registerComponents) != null && n && Object.entries(_n).map(([o, i]) => t.component(o, i)), (a = e == null ? void 0 : e.registerVuetifyComponents) != null && a && Object.entries(Vn).map(([o, i]) => t.component(o, i));
+    l.use(Rt), l.provide(Ge, e != null ? e : {}), (n = e == null ? void 0 : e.registerComponents) != null && n && Object.entries(kn).map(([o, s]) => l.component(o, s)), (a = e == null ? void 0 : e.registerVuetifyComponents) != null && a && Object.entries(wn).map(([o, s]) => l.component(o, s));
   }
 };
 export {
-  de as Action,
-  P as ActionDisplayStyle,
-  Yl as DfActions,
-  Ql as DfCheckbox,
-  Jl as DfColor,
-  tn as DfDateTime,
-  nn as DfFile,
-  sn as DfInput,
+  pe as Action,
+  R as ActionDisplayStyle,
+  Jt as DfActions,
+  en as DfCheckbox,
+  ln as DfColor,
+  nn as DfDateTime,
+  an as DfFile,
+  un as DfInput,
   Y as DfLabel,
-  mn as DfRtfEditor,
-  bn as DfSelect,
-  yn as DfTextArea,
-  Jn as DynamicFormsInputs,
+  vn as DfRtfEditor,
+  yn as DfSelect,
+  Vn as DfTextArea,
+  to as DynamicFormsInputs,
   Te as InputBase,
-  Ol as Label,
-  Q as MessagesWidget,
-  Wl as ResponsiveLabelRenderOptions,
-  Gl as ResponsiveRenderOptions,
-  Vn as VuetifyComponents,
-  G as defaultBaseProps,
-  Ee as defaultDisplayStyle,
+  Mt as Label,
+  J as MessagesWidget,
+  qt as ResponsiveLabelRenderOptions,
+  Xt as ResponsiveRenderOptions,
+  wn as VuetifyComponents,
+  X as defaultBaseProps,
+  Ue as defaultDisplayStyle,
   Fe as getBreakpointName,
-  Ue as responsiveBreakpoints,
-  z as useInputBase
+  Ee as responsiveBreakpoints,
+  z as useInputBase,
+  Ge as vuetifyInputsSettingsKey
 };
 //# sourceMappingURL=dynamicforms-vuetify-inputs.js.map